/*
Theme Name: Rust+Moth 3.0
Theme URI: http://bowlerhatcreative.com
Version: 3.0
Author: Josiah Spence
Author URI: http://bowlerhatcreative.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{
	background-color:#7a7a7a;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:6px 0 24px;
	width:100%;
	}
	
h2{
	font-size:30px;
	font-weight:bold;
	margin-bottom:12px;
	}
	
h3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:12px;
	}
	
h4{
	color:#d5d5d5;
	font-size:14px;
	font-weight:bold;
	line-height:19px;
	text-transform:uppercase;
	}
	
h5{
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	line-height:19px;
	margin-bottom:12px;
	}
	
p {
	line-height:19px;
	margin-bottom:12px;
	}
	
	a{
		color:#181818;
		text-decoration:none;
		}
		
		a:hover{
		color:#d5d5d5;
		text-decoration:none;
		}
	
.clearleft {
	clear:left;
	}
	
/*BEGIN Clearfix*/	
	
	.clearfix:after {
		 visibility: hidden;
		 display: block;
		 font-size: 0;
		 content: " ";
		 clear: both;
		 height: 0;
		 }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */

/*BEGIN Clearfix*/

/*BEGIN Header*/

ul#social{
	float:right;
	margin-bottom:28px;
	}
	
	ul#social li{
		display:inline;
		}
		
		ul#social li h3 {
			color:#a5a5a5;
			display:inline;
			font-weight:normal;
			vertical-align:middle;
			}
		
		ul#social li a#rss{
			background:url(images/icons.png) -21px 0 no-repeat;
			display:inline-block;
			height:20px;
			margin-right:3px;
			text-indent:-9999px;
			width:23px;
			}
			
		ul#social li a#email{
			background:url(images/icons.png) -1px 0 no-repeat;
			display:inline-block;
			height:20px;
			margin-right:2px;
			text-indent:-9999px;
			width:21px;
			}
			
		ul#social li a#twitter{
			background:url(images/icons.png)-65px 0 no-repeat;
			display:inline-block;
			height:20px;
			text-indent:-9999px;
			width:21px;
			}
			
		ul#social li a#facebook{
			background:url(images/icons.png) -44px 0 no-repeat;
			display:inline-block;
			height:20px;
			text-indent:-9999px;
			width:21px;
			}

div#header{
	margin:0 auto;
	padding:1px;
	width:940px;
	}

div#header h1 a{
	background:url(images/logo.png) top left no-repeat;
	float:left;
	height:72px;
	text-indent:-9999px;
	width:277px;
	}

/*BEGIN Nav*/

ul#nav {
	background-color:#181818;
	display:inline;
	float:right;
	margin-top:36px;
	padding:10px 24px;
	}
	
	ul#nav li{
		display:inline;
		margin-right:24px;
		}
		
		ul#nav li:last-child{
		margin-right:0;
		}
		
		ul#nav li a{
			color:#FFF;
			font-weight:bold;
			text-decoration:none;
			text-transform:uppercase;
		}

/*END Nav*/

/*END Header*/

div#outerwrap{
	background-color:#181818;
	margin:24px 0;
	padding:24px 0;
	width:100%;
	}
	
	div#outerwrap a{
		color:#7a7a7a;
		text-decoration:none;
		}
		
		div#outerwrap a:hover{
		color:#d5d5d5;
		text-decoration:none;
		}

div#wrap{
	margin:0 auto;
	width:940px;
	}
	

/*BEGIN News Index*/

.blog .post h2{
	font-size:21px;
	margin-bottom:0;
	}
	
		
p.newsdate{
	color:#7a7a7a;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	}

/*END News Index*/

/*BEGIN HomePage*/

div.post{
	float:left;
	margin:0 0 24px 10px;
	width:470px;
	}
	
/*
.quickFlip {
	float:right;
    height: 390px;
	margin-right:53px;
    width: 300px;
	}
	
.page-id-12 .quickFlip {
	float:left;
    height: 390px;
	margin-left:53px;
    width: 300px;
	}
	
	.quickFlip .blackPanel {
    position: absolute;
}

.quickFlip .redPanel {
    background:#000;
    position: absolute;
}

.quickFlip .redPanel .inner{
	margin:40px;
	}
*/

/*END HomePage*/

ul#sidebar{
	float:right;
	margin-left:20px;
	width:380px;
	}
	
	ul#sidebar h2{
		font-size:18px;
		font-weight:bold;
		text-transform:uppercase;
		}

ul#archives {
	float:right;
	margin-top:24px;
	width:550px;
	}

ul#archives li{
	display:inline-block;
	margin:0 32px 32px 0;
	width:100px;
	vertical-align:top;
	}
	
	ul#archives li h5 {
		height:36px;
		overflow:hidden;
		}
	
	ul#archives li p {
		margin-bottom:0;
		}
		
/*BEGIN footer*/

div.jMyCarousel{
	margin-bottom:40px;
	}

ul#footarchive {
	margin:20px auto;
	}

ul#footarchive li{
	display:inline;
	margin-right:24px;
	}
	
	ul#footarchive li a img{
		border:1px solid #7a7a7a;
		}
	
	ul#footarchive li a img:hover{
		border:1px solid #c8c8c8;
		}
		
	div.jMyCarousel {
		background-color:transparent;
		}
	
	div.jMyCarousel .prev{
	background: url('images/left.png') center center no-repeat;
	background-color:transparent;
	width:220px;
	height:130px;
	border:0px;
}
div.jMyCarousel .next{
	background: url('images/right.png') center center no-repeat;
	background-color:transparent;
	width:220px;
	height:130px;
	border:0px;
}

/*END footer*/

 .boxgrid{  
     width: 300px;  
     height: 390px;  
     margin:0 53px 0 0;  
     float:right;
     overflow: hidden;  
     position: relative;  
 }  
 
 .page-id-12 .boxgrid {
	float:left;
    height: 390px;
	margin:24px 76px 0 10px;
    width: 300px;
	}
	
 .boxgrid img{  
     position: absolute;  
     top: 0;  
     left: 0;  
     border: 0;  
 } 
 
 .boxgrid .inner {
	  background-color:#000000;
	  height:346px;
	  padding:40px 37px 0 40px;
	  width:220px;
	  }
	  
div#footer{
	color:#CCC;
	font-size:12px;
	margin:0 auto;
	width:940px;
	}
	
	div#footer a{
		color:#999;
		}