@charset "UTF-8";
/* CSS Document */


body {
	background-color: #CCCC33;
	margin:50px 0px; padding:0px;
	text-align:center;
    
}

	
#menu li{ 
 
	/* Top left corner */
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
 
	/* Top right corner*/
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
 
	/* Opacity */
	opacity: 0.7;			
 
	background: #efefef;
	float: left;
	margin: 0px 8px 0px 0px;
	padding: 8px 20px 8px 20px;	
}	

#menu li.active, #menu li:hover{
	opacity: 1.0;		
}
	

#horizon {
	background-color: transparent;
	position: absolute;
	top: 50	%;
	left: 0px;
	width: 100%;
	margin-top: -30px;
	text-align: center;
	min-width: 1000px; 
}

#wrapper {
	//background-color: #DCE5EF;
	position: relative;
	text-align: left;
	width: 1000px;
	height: 900px;
	margin: 0px auto;
	}




#mid {
	position:relative;
	width: 1000px;

	text-align:center;
	Background: url("/img/bg2.png");
	background-color: #333333;
	
	
	}


#left {
	float:left;
	top: 0;
	left:0;
	width:30px;
	// Background: url("/img/bg1.png");   // TODO later!!
	
}


#people {
	float:left;
	top:0;
	width:620px;
	//height:800px;
	color:#fefefe;
	}
	
	
#top {
	color: #3366AA;
	
	
	
}

#join {
	float:left;
	top:0;
	width:320px;	
	min-height:800px;
	//Background: url("/img/bg2.png");
	background-color: #666666;
	color:#fefefe;
}



#footer {
	width:800px;
	heigth:150px;
	color:#6A6A6A;
	
}


#clear {
	clear:both;

}




.person_box {
	float: left;
	height: 150px;
	width: 150px;
	margin: 1px;
	padding: 1px;
	vertical-align:middle;
	text-align:center;
}


.person_image {
	height: 120px;
	width: 150px;
}
	

.person_nick{
	text-align:left;
	height: 20px;
	width: 100px;
	font-size:14px
	}




a:link { 
	color: #A0A0A0;
	}
a:visited { 
	color: #A0A0A0;
	}
a:hover { 
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}
a:active { 
	color: #A0A0A);
	}


	
#rect_ad{
	position: absolute;
	left: 462px;
	top: 5px;
	height:300px;
	width:366px;
}
	
	
#main {
	position: relative;
}
	
#main_left {
	position: absolute;
	left: 5px;

}
	
#main_right {
	position: absolute;
	right: 30px;
}

#image_comments{
	display:block;
	right:30px;
	top: 80px;
	height: 120px;
	width: 450px;
	max-height:120px;
	max-width:450px;
}

	
#filter {
	float:left;
	width: 150px;
	min-height:400px;
	
}


#live_picture {
	position: absolute;
	top:400px;
	width: 750px;
	min-height:400px;
}
	
#liveImage {
	border:20px;
}

#live_thumbs {
	position: absolute;
	top:315px;
	display: block;
	width: 800px;
	height: 75px;
	max-height:75px;
	vertical-align:top;
}