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

	body{
	margin:0px;
	padding:0px;
	background-color:#f8f8f8;
	}
	#container{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:980px;
	height:auto;
	}
	
	#header{
	height:auto;
	width:200px;
	margin-left:21px;
	text-align:left;
	float:left;
	font-size:10px;
	color:#2e2d32;
	line-height:18px;
	}
	
	.clear{
	clear:both;
	}
	
	#content{
	float:left;
	width:690px;
	margin-left:21px;
	text-align:left;
	background-color:#d8d8d8;
	padding-left:25px;
	padding-bottom:20px;
	}
a{
	background:#e2e2e2;
	color:#686868;
	text-decoration: none;
}

a:hover{
	background:#686868;
	text-decoration: none;
}

#banner{
	float:left;
	width:700px;
	height:100px;
	clear:right;
	margin-left:21px;
	}

.sidebar{
	float:left;
	width:125px;
	margin: 20px 0 0 35px;
	display: inline;
	vertical-align:top;
	clear:right;
	font-size:10px;
	color:#2e2d32;
	line-height:18px;
	}
	
#multiPost{
	margin: 0 auto 25px auto;
	width:525px;
	float:left;
	}

/* Jquery */

.boxgrid{  
    width: 648px;  
    height: 500px;  
    margin:10px;  
    float:left;  
    background:#161613;
    overflow: hidden;  
    position: relative;  
}  
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}  
.boxcaption{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 150px;  
    width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    }  
	
.captionfull .boxcaption {  
    top: 500px;  
    left: 0;  
}  
.caption .boxcaption {  
    top: 460;  
    left: 0;  
}  

.coverp{
	margin:0px 0px 0px 10px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
	 
h3, .caption{
	color:#EEEEEE;
}

.caption{
	font-weight:lighter;
	}
