/* CSS Document */
/*filter:alpha(opacity=80); opacity:0.8;*/
html, BODY	{width:100%; height:100%; margin:0; padding:0; color:#FFF;}
#wrapper	{width:100%; height:100%; padding:0; margin:0;}
#footer		{height:50px; width:100%; z-index:100; margin-top:-50px; bottom:0; left:0;}

.white		{color:#fff;}
.err			{color:#f00; padding-left:120px;}

body					{background:#000 url(../img/bg_black.jpg) no-repeat; }
#head					{ height:170px; position:relative;}
#head	#logo		{ position:absolute; right:12%; top:10px; z-index:10;}

.topDiv			{width:100%; text-align:center;}
#member	{ width:300px; height:100px; background:url(../img/join.gif); display:inline-block; }
#member:hover{background-position:0 -100px;}
#user		{ width:300px; height:100px; background:url(../img/view.gif);  display:inline-block;  margin-bottom:130px;}
#user:hover{background-position:0 -100px;}

.people_hider	{ border:0px solid blue; padding-top:0px; height:500px; margin-top:50px; overflow:hidden; position:relative;}
.people_mover	{ position:absolute; padding:0 150px 0 150px; left:-150px;}
.people_container	{position:relative; white-space:nowrap;}
.people 			{ display:inline-block;  width:33%; height:550px; vertical-align:top; text-align:center; position:relative;}
.people .dscr	{ position:absolute; display:block; top:400px; left:0px; background:black; padding:10px 5px 5px 30px;}
.hoverPeople .dscr	{ display:block; }
.people .year	{ position:absolute; top:200px; font-size:30px; }

#userInfo			{display:block; padding:10px 5px 5px 10px; display:none;}
.reg_form			{ margin:50px 0 0 30%;}
.reg_form .label{width:120px; display:inline-block;}
.reg_form .text	{width:200px;}
.reg_form .textarea	{width:320px;}

#log_form	{display:none}

ul.images		{ list-style:none; margin:0px; padding:0px;}
ul.images li {float:left;}
ul.images li img {border:0; margin:0 5px 0 5px;}