/******************************************************************
Theme Name: Apoch
Theme URI: http://www.apochs.net
Description: Apochs Metal Review
Author: Chris Thomson-Peat
Author URI: http://www.fizzmatix.com
Version: 1.00
Tags: html5, css3, fixed

All Default Styles are in library/css/normalize.css

******************************************************************
Style Sheet Structure
******************************************************************

	01. General Layout Styles
	02. Stream
	03. Grid Styles
	04. Common & Reusable Styles
	05. Link Styles
	06. Text Selection Styles
	07. Wordpress Body Classes
	08. Headlines & Titles
	09. Head Styles
	10. Navigation Styles
	11. Post & Contents Styles
	12. page Navi Styles
	14. Comment Form Styles
	15. Sidebars & Asides
	16. Footer Styles

******************************************************************/

/******************************************************************
01. GENERAL LAYOUT STYLES
******************************************************************/

@import url(//fonts.googleapis.com/css?family=Special+Elite);


	body { 
		background: #fefefe; 
		background-image: url('images/header.jpg'), url('images/head-repeat.png');
		background-position: center top, center top, center;
		background-repeat: no-repeat, repeat-x, repeat;
	}
	
	/* universal HR style */
	hr { 
		  background: url('images/hr.png')no-repeat top;
		  border: 0;
		  display: block;
		  height: 15px;
		  width: 572;  
	}
	
/******************************************************************
03. GRID STYLES
******************************************************************/

	/* 960 Grid System (http://960.gs/ ) */

	#container, .wrap { 
		max-width: 960px;
		margin: 0 auto;
		font-size: 14px;
	}

	/* layout options ( all have margins right & left of 2.1276596%) */

	.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */
	.col140 { width: 14.893617%; } /* width 140px / grid_2  */
	.col220 { width: 23.404255%; } /* width 220px / grid_3  */
	.col300 { width: 31.914894%; } /* width 300px / grid_4  */
	.col380 { width: 40.425532%; } /* width 380px / grid_5  */
	.col480 { width: 48.936170%;  } /* width 480px / grid_6  */
	.col540 { width: 57.446809%; } /* width 540px / grid_7  */
	.col620 { width: 65.957447%; } /* width 620px / grid_8  */
	.col700 { width: 74.468085%; } /* width 700px / grid_9  */
	.col780 { width: 82.978723%; } /* width 780px / grid_10 */
	.col860 { width: 91.489362%; } /* width 860px / grid_11 */
	.col940 { width: 100.0%;     } /* width 940px / grid_12 */

	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 
		display: inline; 
		float: left; 
		position: relative;
		margin-left: 1.0638298%;   /* 10px */ 
		margin-right: 1.0638298%;  /* 10px */
	}
	
	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */

/******************************************************************
04. COMMON & REUSABLE STYLES
******************************************************************/

/* floats */
	.left { float: left; }
	.right { float: right; }
	
/* text alignment */
	.text-left { text-align: left; }
	.text-center { text-align: center; }
	.text-right { text-align: right; }

/* highlighting search term on search page */
	mark, .search-term { background: #EBE16F; }

/* alerts & notices */
	.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
	.help { border-color: #E0C618; background: #EBE16F; }
	.info { border-color: #92cae4; background: #d5edf8; }
	.error { border-color: #fbc2c4; background: #fbe3e4; }
	.success { border-color: #c6d880; background: #e6efc2; } 

/******************************************************************
05. LINK STYLES
******************************************************************/

	a, a:visited { color: #000; }
	a:hover, a:focus { color: #660101; }
	a:active {} /* on click */
	a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
06. TEXT SELECTION STYLES
******************************************************************/

/* Highlighted Text */
	::selection { 
		background: #6fc2f6; 
		color:#fff; 
		text-shadow : none; 
}

/* Firefox */

	::-moz-selection { 
		background: #6fc2f6; 
		color:#fff; 
		text-shadow : none; 
}

/******************************************************************
08. HEADLINES & TITLES
******************************************************************/
		
		h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { 
			font-family: 'Special Elite', cursive;
			font-style: normal; 
			text-transform: uppercase; 
		}
		
		h1 {margin-top: 0px;}
			
		h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
		h1, .h1 { font-size: 25px; line-height: 1.333em; }
		h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }
		h3, .h3 { font-size: 1.125em; }
		h4, .h4 { font-size: 1.1em; font-weight: 700; }
		h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }

/******************************************************************
09. HEADER SYTLE & DONATION STYLES
******************************************************************/

header[role=banner] {}
	
	/* header wrap */
	#inner-header {position: relative; height: 165px;}
	
	/* logo position */
	#logo {margin-top: 35px; margin-bottom: 30px; width: 364px; height: 102px; position: absolute; left: 0;}

	/* searchbox wrapper */
	#searchbox {right: 0; position: absolute; margin: 100px 0 0 0;}

	#s {
		background-image: url('images/search.jpg'); 
		width: 210px; 
		height: 15px;
		border: 1px solid #333; 
		color: #000; 
		padding: 5px;
	}

	#searchsubmit, #searchform label {display: none;}
		
	#donatebutton {margin: 0 0 0 80px;}
	
	/* social media links */
	#social-links {position: absolute; right: 0; margin-top: 25px;}
	#social-links ul li {display: inline-block; margin-left: 10px;}
	#soclai-links li {display: none;}
	#social-links img {width: 32px; height: 32px;}
	
	.shover:hover {opacity: 0.8;}	
		
	.socialfacebook {
		background:url('images/css-sprite-combined.png') 0px -0px;
		width:32px;height:32px;
		display:inline-block;
	}

	.socialgoogle_plus {
		background:url('images/css-sprite-combined.png') -32px -0px;
		width:32px;height:32px;
		display:inline-block;
	}

	.socialtwitter {
		background:url('images/css-sprite-combined.png') -64px -0px;
		width:32px;height:32px;
		display:inline-block;
	}

	.socialyoutube {
		background:url('images/css-sprite-combined.png') -96px -0px;
		width:32px;height:32px;
		display:inline-block;
	}

/******************************************************************
10. NAVIGATION STYLES (Main Navigation)
******************************************************************/
	
	/* navigation wrapper */
	nav[role=navigation] { margin: 0 auto; text-transform: uppercase;   }

	/* main navigation position */
	nav[role=navigation] .menu {  }
	
	/* causes horizontal alignment of navigation*/
	nav[role=navigation] .menu ul li { float:left; }
		
	/* general navigation style */
	nav[role=navigation] .menu ul li a { 
			font-size: 16px;
			color: #ccc;
			padding: 5px 20px;
			margin: 5px 0 0 0;
			display: block; 
			text-decoration: none;
			
			font-family: 'Special Elite', cursive;
		    font-style: normal;
	}
	
	/* link hover color */
	nav[role=navigation] .menu ul li a:hover { color: #660101; }
				
	/* sub menus */
	nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul { 
		background: #000;
		position: absolute; 
		left: -9999em; 
		z-index: 9999; 
		width: 200px; 
	}
	
	nav[role=navigation] .menu ul li ul li ul { 
		margin-left: 200px; 
		top: auto; 
		margin-top: -30px; 
	}
		
	nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul { left: auto; }
	
	nav[role=navigation] .menu ul li ul li a { width: 160px; }
			

/******************************************************************
11. POSTS & CONTENT STYLES
******************************************************************/
	#content {background: #fff; margin: 30px 0 0 0;}
	
	#main {}
	
	.hentry {}
	
	.single-title, .page-title {margin: 0 0 0.375em;}
	.single-title {}
	.page-title {}
	.archive_title { 
		padding: 0 0 0 20px; 
		margin: 20px 0 0 0; 
		font-family: 'Special Elite', cursive;
	    font-style: normal;
		font-size: 25px;
		text-transform:uppercase;
	}
	
	.page-title {
		margin-top: 30px;
	    font-family: 'Special Elite', cursive;
	    font-style: normal;
		font-size: 25px;
	}

/******************************************************************
--. HOME BLOG ROLL STYLES
******************************************************************/
	
		/* time and date */
		.date {margin-top: 0px;}
		.date a {}
			
		/* article title */
		.atitle {font-weight: bold;}
		.atitle a { text-decoration: none;}		
			
		/* title & date wrapper */
		.post_head {}		
		.post_head a {}
		
		/* content wrapper */
		.post_home {}	
		.post_home img {margin: 0 0 20px 20px;}	
	 
		.post-thumb {margin-top: 0px; }
		
		.moretag {font-weight: bold; margin-top: 15px;}

		.hr-home:last-of-type {display: none;}

/******************************************************************
--. SINGLE PAGE STYLES
******************************************************************/
			
		#single_post_head { 
			width: 620px; 
			height: 60px; 
			position: absolute; 
			color : #fff;
			margin: 25px 0 0 20px;
			z-index: 5;
			text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
		}
		
		#date {margin-top: 0;}
			#date a { color: #fff;}
			
			.meta {margin: -8px 0 0 0;}

		/* post content */
		.post_content { position: relative; z-index: 2; padding: 10px; width: 580px;}
			
			.post_content p {   line-height: 1.5em; }
			.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
			.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
			.post_content li { margin-bottom: 0.75em; }
			.post_content ul li { list-style-type: disc; }
			.post_content ol li { list-style-type: decimal; }
			
			.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }
			.post_content blockquote:before { font-family:Georgia, serif; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; } /* this adds the quote before the blockquote */
			
			.post_content dl { margin:1.75em 0 1.75em; }
			.post_content dt { margin-top: 1.25em; font-weight:700; }
			.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }
			
			.post_content img { margin: 0 0 1.5em 0; max-width: 100%; }
			.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
			.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
			.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
			
			.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
			.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
			.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }
			
			.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
			.wp-caption img { border: 0 none; padding: 0; margin: 0; }
			.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }
					
		.hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; }

/******************************************************************
--. REVIEW PAGE STYLES
******************************************************************/		
		
		/* review header container */
		#reviewbox {
			padding: 30px; 
			margin-left: auto;
			margin-right: auto;	
			height: 310px;
		} 
								
		/* review meta information */
		#artbox {display: block; position: relative; width: 150px; float: left; margin-left: 20px; margin-top: 10px;}
		#artbox img {width: 300px; border: 4px solid rgba(0, 0, 0, 0.5);}
	
		#reviewmeta {float: left; position: relative; margin-left: 170px; margin-top: -8px;}

		#reviewmeta li { /* review meta data */
		 	list-style: none; 
			color: #fff;
	 		background: rgba(0,0,0,0.4); 
			margin-bottom: 5px; 
			padding: 3px 8px 3px 8px;
			margin-left: 5px;
			text-align: left;
		
			float: left;
			clear: left;
		}
	
		#reviewmeta a:link {color: #fff; text-decoration: underline;}
		#reviewmeta a:hover {color: #ddd;}
	
		#reviewmeta .headings { font-weight: bold;}
		
		#reviewmeta, #bio {color: #000; width: 450px;}
		li#bio-heading {color: #000; background: none; margin-left: -4px;}
	 		 
		#rating {background: url('images/rating.png'); height: 32px; position: absolute; display: block;}
		li#rate {background: none; margin: 20px 0 0 -5px; color: #000; font-weight: bold;}
		 
		 
		 #rating-wrap { }
		 
		 #rate-null { color: #000;}
		 
		 #rate1 {display: block; width: 25px;}
			 #rate1-5 {display: block; width: 45px;}
		 #rate2 {display: block; width: 62px;}
		 	#rate2-5 {display: block; width: 77px;}
		 #rate3 {display: block; width: 90px;}
			#rate3-5 {display: block; width: 104px;}
		 #rate4 {display: block; width: 119px;}
			#rate4-5 {display: block; width: 134px;}
		#rate5 {display: block; width: 152px;}
			#rate5-5 {display: block; width: 167px;}
		#rate6 {display: block; width: 180px;}
			#rate6-5 {display: block; width: 197px;}
		#rate7 {display: block; width: 212px;}
			#rate7-5 {display: block; width: 227px;}
		#rate8 {display: block; width: 242px;}
			#rate8-5 {display: block; width: 256px;}
		#rate9 {display: block; width: 272px;}
			#rate9-5 {display: block; width: 287px;}
		#rate10 {display: block; width: 304px;}
									 
	
	 	/* general review page controls */
		#review-title h2 {font-weight: 800; font-size: 24px; font-style: italic; margin-left: 30px;}
		#review-author {margin-left: 30px;}
	 	.review-page { text-align: justify; margin: 10px 40px 0 40px;}

	 	.review-page img {margin-bottom: 20px;}
	
	 	.review-page img {width: 100% !important; height: 50%;}

	 	.gallery img {width: 150px !important; height: auto !important; border: none !important;}
	 	.gallery-item {height: 80px;}
	 	.gallery img:hover {opacity: 0.8;}
	
	 	.gallery .attachment-thumbnail {padding: 10px;}
/******************************************************************
12. PAGE NAVI STYLES (Special Feature)
******************************************************************/

/* page navigation */
		.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }
	.bones_page_navi, .wp-prev-next ul { }
		.bones_page_navi li { 
			float: left; 
			margin-left: 40px; 			
			font-family: 'Special Elite', cursive;
		    font-style: normal;
		} 
			.bones_page_navi li a { padding: 6px 6px; display: block; text-decoration: none; position: relative; }
				.bones_page_navi li a:hover { color: #f01d4f; text-decoration: underline; }
		.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #660101; position: relative; } /* current page link */
				.bones_page_navi li.bpn-current:hover {}
		.bones_page_navi li.bpn-prev-link { } /* previous link */
			.bones_page_navi li.bpn-prev-link a { padding: 0; }
				.bones_page_navi li.bpn-prev-link a:hover { background: none; }
		.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
			.bones_page_navi li.bpn-next-link a { padding: 0; }
				.bones_page_navi li.bpn-next-link a:hover { background: none; }
		.bones_page_navi li.bpn-last-page-link {} /* last page link */
			.bones_page_navi li.bpn-last-page-link a {}
				.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
		.bones_page_navi li.bpn-first-page-link {} /* first page link */
			.bones_page_navi li.bpn-first-page-link a {}
				.bones_page_navi li.bpn-first-page-link a:hover { background: none; }


/* fallback previous & next links */
	.wp-prev-next {}
		.wp-prev-next ul {}
			.wp-prev-next .prev-link { float: left; }
			.wp-prev-next .next-link { float: right; }
			
/******************************************************************
14. COMMENT FORM STYLES
******************************************************************/
					.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }
	#comment-form-title { margin: 0 0 1.1em; }
	
	#cancel-comment-reply {}
			#cancel-comment-reply a {}
			
	.respond-form form[method=post] { margin: 0.75em 0; }
		
		.comments-logged-in-as {}
		
		.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
			.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
			.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }
			
			#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
			.respond-form textarea { resize: none; width: 97.3%; height: 150px; }
			#submit {}
	
	/* form validation */
	.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }		
	
	/* no comments */
	.nocomments { margin: 0 20px 1.1em; }			

/******************************************************************
15. SIDEBARS & ASIDES
******************************************************************/

	#sidebar1 {margin-top: -10px; width:295px;}

	.widget {margin-bottom: 15px;}

	.widget li { margin-bottom: 0.75em; }
	.widget li ul { margin-top: 0.75em; padding-left: 1em; }
	
	.widgettitle { 
		font-size: 25px;
		margin-top: 5px; 
		border-bottom: 2px solid #444; 
		margin-bottom: 0.75em; 
		text-transform:uppercase;
		
		font-family: 'Special Elite', cursive;
	    font-style: normal;
	}
	
	/* popular post widget*/
	.wpp-list li {margin-bottom: 10px;}
	.wpp-title { margin-bottom: 20px; margin-left: -5px; padding: 4px; position: relative; z-index: 3;}

	.wpp-title-bg {font-size: 14px; margin-top: -150px; z-index: 2; position: absolute; text-shadow: 2px 2px rgba(0, 0, 0, 0.8);}
	.wpp-title-bg a {color: #fff; text-decoration: none;}
	.wpp-thumbnail {margin-left: -10px;}
	
/******************************************************************
16. FOOTER STYLES
******************************************************************/

	footer[role=contentinfo] { 
			background-image: url('images/footer.jpg');
			background-repeat: repeat-x;
			position: absolute;
			height: 110px;
			width: 100%;
			left: 0;
			padding: 1.1em 0 3.3em; 
			text-decoration: uppercase; 
		}
		
	#inner-footer {max-width: 960px; margin: 0 auto;}

	/* footer menu */
	footer[role=contentinfo] nav {margin: 10px 0 10px 0;  }
	
	.footer-links a {  color: #ccc; padding: 5px 15px 5px 15px; background: #333;}
	.footer-links a:hover {background: #660101;}
		
	.footer-links ul { margin: 10px 0 0 20px; }
	.footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
	.footer-links ul li a { margin-right: 10px; text-transform: uppercase; text-decoration: none; display: block; }

	/* removed sub menus in footer */
	.footer-links ul li ul.sub-menu { display: none; } 
			
	
	.attribution { display: block; margin-left: 20px; float: left; color: #999; font-size: 0.9em; }
	#statement { display: block; float: left; padding: 10px 10px 0 10px; margin-top: 15px; text-align: center; color: #999; font-size: 10px;}