f/*
Theme Name: Audiobooks.net Theme
Theme URI: http://wesbos.com
Description: Custom Theme for audiobooks.net 
Version: 1.0
Author: Wes Bos
Author URI: http://wesbos.com
Tags: awesome


Blue: #00305f
Green: c1d222
Grey: e3e3e3 
red: ce2c17


*/


/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* Reset */ 

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*--------------------------------------------------------------------------------------------------------------------------------------*/

/* 960 Grid */

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


/*--------------------------------------------------------------------------------------------------------------------------------------*/

/* 	Global Selectors */

	body 				{ color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  background:  url(i/bg.png) repeat-x #e3e3e3; } 
	h1, h2				{ color: #323232; margin: 0 0 10px 0; font-weight: bold; }
	h1					{ font-size: 24px; }
	h2					{ font-size: 20px; width: 100%; }
	h3					{ font-size: 16px; margin: 0 0 10px 0; font-weight: bold; float: left; width: 100%; }
	p					{ line-height: 16px; margin: 0 0 10px 0; }
	a, a:visited 		{ color: #c1d222; text-decoration: none; }
	a:hover, a:active  	{ color: #ce2c17; text-decoration: none; }
	a img				{ border: none; }
	strong 				{ font-weight: bold; }
	small				{ font-size: 11px; font-weight: normal; }
	label				{ color: #ce2c17; clear: left; float: left; }
	em					{ font-style: italic; }

/*--------------------------------------------------------------------------------------------------------------------------------------*/

/*	Global Classes */

	.black				{ color: #333; }
	.bold				{ font-weight: bold; }
	.hide				{ display: none; }
	.clearMargins		{ margin: 0; padding: 0; }
	.clearBoth			{ clear: both; }
	.alignLeft			{ float: left; }
	.alignRight			{ float: right; }
	
	a.button {position: relative;}
	
	a.button:active {top: 1px;}
	
	
/*--------------------------------------------------------------------------------------------------------------------------------------*/

/*	Theme CSS */


	#wrapper {
		background: none;
		position: relative;
		}
		
	#header {
		background: none;
		width: 100%;
		height: 61px;
		
	}
	
		#homeLink h1 a {
			text-indent: -9999px;
			background: url(i/logo.png) no-repeat;
			display: block;
			width: 285px;
			height: 45px;
			position: relative;
			top: 10px;
			}
		
		#homeLink p {
			text-indent: -9999px;
			position: relative;}
			
			
		#headerInner {
			width: 940px;
			margin: 0 auto;}
	
		#nav {
			text-align: right;}
		
		
			#nav ul {
				background: url(i/vr.png) right no-repeat;
				float: right;}
			#nav ul li {
				display: inline;
				
				}
				
				
				#nav ul li a {
					color: #fff;
					font-size: 22px;
					padding: 18px;
					float: right;
					background: url(i/vr.png) left no-repeat;}
						
					
				
	#content {
		background: none;}
					
					
		#fade {
		background: url(i/fade.png) center center no-repeat;
		height: 450px;
		position: absolute;
		top: 62px;
		width: 1382px;
		left: -221px;}
		
		
		#landing  {
			background: url(i/whiteBoxBg.png) top center no-repeat;
			width: 955px;
			margin-top: 30px;
			left: -8px;
			height: 325px;
			margin-bottom: 12px;}
					
					
				.whiteBox {
					background: #fff;
					border: 1px solid #dbdbdb;
					float: left;
					margin-bottom: 20px;}
					
					#latestBlog {
						width: 487px;
						padding: 15px;
						margin-left: 10px;
						}
					
					#facebook {
						width: 368px;
						height: 157px;
						padding: 15px;
						float: left;
						margin-right: 10px;
						}
						
						#facebook p {
							color: #000;
							clear: both;
							padding-top: 5px;}
						
				.frontCta {
					width: 430px;
					margin: 23px;
					_margin: 10px;
					float: left;}
					
					#download {float:right; }
					
					#rent h2 {
						background: url(i/rentTitle.png) center no-repeat;}
					#download h2 {
						background: url(i/downloadTitle.png) center no-repeat;}
						
					.frontCta h2 {
						width: 430px;
						height: 40px;
						text-indent: -9999px;
						text-align: center;}
						
					.frontCta a.CTA {
						margin-left: 26px;
						float:left;}
					
					.frontCta img.icon {
						margin-bottom: 25px;
						float: left;}
						
					.frontCta ul {
						position: relative;
						font-size: 18px;
						font-weight: 600;
						color: #000;
						}
						
						
	#content {
	background: url(i/contentBgMain.png) repeat-y;
	position: relative;
	top: 10px;	
		margin-top: 33px;
		margin-bottom: 30px;}
		
/* over write some styles for the front page */ 		
	body.home #content, body.page-template-page-ppcdownload-php #content, body.page-template-page-ppcrent-php #content {
		margin-top: 0;
		top: 0;
		background: none;}
		
		#contentBody {
			overflow: hidden;
			position: relative;
			top: -10px;
			float: left;
			z-index: 5;
			background: url(i/contentBgHead.png) top no-repeat;}
			
		#contentFooter {
			height: 50px;
			background: url(i/contentBgFoot.png) bottom no-repeat;
			position: relative;
			top: 20px;}
		
		#left {
			margin: 20px;
			width: 690px;}
			
			
			.post h2 {
				margin: 0;}
			.post h2 a {
				color: #000;
				font-size: 33px;}
				

				
			.post p.date {
				background: #E3E3E3;
				color: #000;
				padding: 5px;
				margin-top: 5px;  }
				
			.post ul {list-style-type: square; list-style-position: inside; margin: 15px;}
			.post ol {list-style-type: decimal; list-style-position: inside; margin: 15px;}
			
			.post blockquote {
				font-style: italic;
				margin: 20px;
				padding: 20px;
				border: 1px solid #E3E3E3;
				}
				
				.post blockquote p {margin: 0; padding: 0;}
				
				
		#facebook {}
		
		
			#facebook a.like {
				position: relative;
				right: 0;
				top: 4px;
				float: right;}
				
				
		
		.frontBlog {
			float: left;
			clear: both;
			margin: 5px 0;
			width: 485px;
			position: relative;}		
			
			#latestBlog p {
				padding: 0;
				margin: 0;
				color: #000;
				font-size: 11px;
				line-height: 13px;
				margin-top: 4px;
				padding-left: 3px;}
				
			.frontBlog a {
				color: #000;
				font-weight: 600;
				font-size: 14px;}
				
			.frontBlog a.readMore {
				
				color: #c1d222;
				font-size: 11px;
				position: absolute;
				right: 1px;
				top: 45px;}
			
			
		.post-date {
			float: left;
			width: 60px;
			height: 60px;
			background: url(i/dateBg.png) center no-repeat;
			margin-right: 5px;}
			
			.post-date .month {
				text-align: center;
				color: #fff;
				font-size: 12px;
				position: relative;
				top: 7px;}
				
			.post-date .day {
				text-align: center;
				color: #fff;
				font-size: 33px;
				position: relative;
				top: 9px;}
				
			
				
			
			#sidebar {
				width: 185px;
				margin: 25px 0 0 25px;}
				
				
				#sidebar ul li a {
					background: url(i/sidebarHr.png) bottom center no-repeat;
					float:left;
					padding:7px 0;
					width:183px;}
					
					#sidebar h2 {margin: 0;
						float: left;}
					
					
					#sidebar ul li ul {
						float: left;
						margin-bottom: 10px;}
						
						
						
				#sidebar ul.social li {float: left;}
				
				#sidebar ul.social li a {
					background: none;
					float: left;
					width: 35px;
					padding-right: 12px;}
			a.downloadNow {
				margin: 0 auto;
				display: block;
				text-align: center;}
				
			#download img.icon {
				margin-bottom: 35px;}
					
					
	#footer {
		background: #fff;
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
		background: #00305f url(i/footerBg.png) top repeat-x;
		min-height: 200px;}
		
		#footerInner {
			width: 940px;
			margin: 0 auto;}
			
			#footerInner ul li {
				display: inline; 
				float: left;}
				
				#footerInner ul li a {
color:#FFFFFF;
float:left;
font-size:31px;
font-weight:100;
padding:16px 38px 10px 0;}