/*...............................*/
/* Basic */
/*..............................*/
*
body {
	background-color:#111;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	color:#eee;
	padding:0px;
	margin:auto;
	margin-bottom:20px;
	position:relative;
    }	
html, body {
	min-height: 100%;
    }

/*..............................*/
/* Navigation and menu */
/*..............................*/
#header {
    background:#01072c;
	border-bottom:1px solid #aaa;
	padding:5px;
	height:60px;
	margin-bottom:5px;
	text-align:right;
	}
	
.menu {
    float:right;
	clear:right;
	text-align:right;
	font-size:11px;
	}

.menu a {
	padding :7px ;
	padding-left:10px;
	padding-right:20px;
	color:#999fff;
	text-decoration:none;
	}
		
.menu a:hover {
	text-decoration:none;
	color:#ccc;
	}
 
/*..............................*/
/* Content */
/*..............................*/
#container{
	width: 990px;
    margin:auto;
    position:relative;
    border: 1px solid #111;
    padding:5px;
    }
    
.bottom{
	width: 975px;
    margin:30px 5px 5px 5px;
    position:relative;  
    border: 1px solid #111;
    padding:5px 5px 30px 5px;
    clear:left;
    } 
    
.content{
    padding:0 0 10px 0;
    float:left;
    margin:20px 5px 0 20px;
    width:420px;
    border: 1px solid #111;
    }
    
.display{
    padding:0 0 25px 0;
    float:left;
    text-align:center;
    margin:10px 10px 10px 60px;
    width:706px;
    }
 
.thumbs{
	width:800px;
	border: 2px solid #444;
	position:relative;
	padding: 10px;
	background-color:#222;
	margin:10px 10px 10px 90px
    }
       
.gallery{
	margin:10px 10px 10px 70px;
	 
    }
    
.gallery img{
	padding: 3px ;
	background-color:#aaa;
	margin:5px; 
	}  
    
.profile{
    padding:10px 10px 25px 10px;
    float:left;
    text-align:left;
    margin:10px 10px 10px 60px;
    width:800px;
    font-size: 1.25em;
    border:2px solid #444;
    background-color:#222;
    }    

.large1{
	padding: 3px ;
	background-color: #aaa; 
    }  

img{
	border:0px
	}
 
h1 {
    float:left;
	clear:left;
	margin:0px;
	margin-left:5px;
	padding:0px;
	}
	
.space1{
    width:120px;
    float:right;
    }
    
.space1 img{
    float:right;
    }
 
.item{
    width:350px;
    border:1px solid #111;
    margin:20px 10px 0px 10px;
    float:left;
    padding:0 5px 22px 5px;
    font-family:Verdana;
    font-size:11px;
    }
    
h2{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#333;
	font-size:12px;
	font-weight:bold;
	color:#999fff;
	padding:2px;
	border:1px solid #555;
	}
	
h3{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#333;
	font-size:11px;
	font-weight:bold;
	color:#999fff;
	padding:3px;
	border:1px solid #555;
	margin:10px 0 0 25px;
    }	

.groups{
	width:130px; 
    margin:20px 0 11px 5px;
    background-color:#333;
    text-decoration:none;
	color:#999fff;
	padding:5px;
	border:1px solid #444;
	text-align:left;
	float:left;
    }
	
.menu2{
    float:left;
	clear:right;
	text-align:left;
	font-size:11px;
	}

.menu2 a{
	padding:5px 20px 5px 10px; 
	color:#999fff;
	text-decoration:none;
	}
		
.menu2 a:hover{
	text-decoration:none;
	color:#ccc;
	}
	
.menu4 a{
	color:#999fff;
    }	
.menu4 a:hover{
	text-decoration:none;
	color:#ccc;
	}
.recent{
	margin: 0 0 0 25px;
	position:relative;
    }
    
.recent img{
	padding: 3px;
	background-color: #aaa;
	margin-right:5px;
	} 

.menu3 a:hover img{
	background-color: #111;
	}
    
.describe{
	width:190px;
    border-bottom:1px solid #111;
    margin:20px 10px 10px 10px;
    float:left;
    padding:0 0 10px 0;
    font-family:Verdana;
    font-size:11px;
    }
    
.comment{
	width:170px;
	float:left;
    }
    
#footer{
	background:#111;
	border-top:1px solid #111;
	padding:5px;
	text-align:center;
	margin:10px 0 0 0;
	clear:left;
    }