/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/
.photo-right {
    float: right;
    padding-bottom: 15px;
    padding-left: 15px;
}
.photo-left {
    float: left;
    padding-bottom: 15px;
    padding-right: 15px;
}
#feature { 
	background:#232020;
  	float:left;
	width:960px;
	height:351px;
	background:url(http://contourmagazine.com/wp-content/uploads/2011/05/featurebg-alt.png) no-repeat;
	position:relative;
	clear:both;
	}
/* panes */
#panes {
	height:345px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	overflow:hidden;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	font-size:13px;
	color:#ede9e9;	
	line-height:1.5;
	*text-shadow:1px 1px 0 #000;
	overflow:hidden;
	padding:20px;
	width:920px;
  }
 
#panes p a {
color:#fff;
font-weight:bold;
}

 #panes span.cover {
	border:1px solid #000000; 
	float: left;  
	width:520px; 
	height:280px; 
	position:relative; 
	margin: 5px 40px 0 5px; 
	/* -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); */
	/* -moz-box-shadow: 0 0 0 rgba(0,0,0,0); */
	/* box-shadow: 0 0 0 rgba(0,0,0,0); */
	}

#panes img {
	float:left;
	margin:5px 40px 0 5px;	
	width:520px;
	height:280px;
	border:1px solid #000000;
	/* -webkit-box-shadow: 0 0 30px rgba(0,0,0,1.0); */
	/* -moz-box-shadow: 0 0 30px rgba(0,0,0,1.0); */
	/* box-shadow: 0 0 30px rgba(0,0,0,1.1); */
}

#panes a.more {
	color:#6e6666;
	font-weight:bold;
 }

#panes a.more:hover {
background:url(images/moreb.png) no-repeat right 2px;
color:#948787;
}

#panes h2 {
font-size:22px;
padding:0;
margin:0 0 5px 0;
line-height:1.2;
}

#panes h2 a {
color:#d3d3d3;
line-height:1.2;
 }
 
#panes p {
padding:5px 0 0 0;

} 
#menu {
	background:#1b1919 url(images/bgnav.png) no-repeat;
 	margin:20px 0 0 0;
 	width:953px;
 	float:left;
 	/* -webkit-border-top-left-radius: 7px; */
	/* -webkit-border-top-right-radius: 7px; */
 	/* -moz-border-radius-topleft: 7px; */
	/* -moz-border-radius-topright: 7px; */
 	/* border-top-left-radius: 7px; */
	/* border-top-right-radius: 7px; */
	padding-left:7px;
  	}
	
	#menu ul.dropdown {
	width:850px;
	float:left;
	padding:0 10px;
  	}
	
	#menu #menu-nav{
	width:820px;
 	}
	
 
	#header #menu .social {
	float:right;
	height:30px;
	margin-top:2px;
	margin-right:12px;
	text-align:right;
 	}
 	
 	#header #menu .social li {
 	width:32px;
 	display:inline;
 	padding:0;
 	}
 	
 	#header #menu .social li:hover {
 	background:none;
 	}
 .post .thumb img {
	float:left;
	border:none;
	margin:5px 10px 5px 0;
 	}