/* 
Theme Name: Review Theme
Theme URI: http://www.customizethem.com/ 
Description: Simple Blogging and Product Review Theme that caters to reviewing products and informational blogging of webmasters. The color scheme and post formats are applicable to the customizethem.com site. It has 4 kinds of custom templates namely: the Home Template which looks like a newspaper; Grid or Portfolio Style Template that shows only thumbnails, title and consumer ratings for a more organized listing on certain categories; and Gallery and Image Templates show specific styles for posts formats under Image and Gallery. It has a custom menu and additional options for displaying specific pages and social icons in the Home Template and Header. It comes with the widgets for Product Reviews, Best Sellers, and How-To's Categories which are usually displayed on the Home Template and sidebars. It also has some shortcodes for displaying advertisements, creating buttons, and inserting up to 6 columns. The whole theme is responsive to different resolutions of whoever views the site depending on their device.
Author: Jill Padua 
Version: 3.0 
License: Copyright 2014 Jill Padua
License URI: license.txt
Tags: brown, red, white, yellow, two-columns, custom-header, custom-background, threaded-comments
*/  


/* CSS Resets */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr,
address, cite, code, del,
dfn, em, img, ins, q,
small, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,
tbody, tfoot,
thead, tr, th, td {
	border: 0;
	margin:0;
	padding:0
}
article, aside, figure,
figure img, figcaption,
hgroup, footer, header,
nav, section, video, object {
	display:block;
}
a img {
	border:0;
}
figure {
	position:relative;
}
figure img {
	width:100%;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.andytlr.com */
/* Grid For Desktop */
.container {
	padding-left: 20px;
	padding-right: 20px;
}
.row {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol, 
.eightcol, 
.ninecol, 
.tencol, 
.elevencol {
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
}
.row .onecol {
	width: 4.85%;
}
.row .twocol {
	width: 13.45%;
}
.row .threecol {
	width: 22.05%;
}
.row .fourcol {
	width: 30.75%;
}
.row .fivecol {
	width: 39.45%;
}
.row .sixcol {
	width: 48%;
}
.row .sevencol {
	width: 56.75%;
}
.row .eightcol {
	width: 65.4%;
}
.row .ninecol {
	width: 74.05%;
}
.row .tencol {
	width: 82.7%;
}
.row .elevencol {
	width: 91.35%;
}
.row .twelvecol {
	width: 100%;
	float: left;
}
.last {
	margin-right: 0px;
}
img, 
object, 
embed {
	max-width: 100%;
}
img {
	height: auto;
}


/* Grid For Smaller Screens */
@media only screen and (max-width: 1023px) {

	body {
		font-size: 0.8em;
		line-height: 1.5em;
	}
}


/* Grid For Mobile */
@media handheld, only screen and (max-width: 767px) {

	body {
		font-size: 16px;
		-webkit-text-size-adjust: none;
	}
	.row, 
	body, 
	.container {
		width: 100%;
		min-width: 0;
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.row .onecol, 
	.row .twocol, 
	.row .threecol, 
	.row .fourcol, 
	.row .fivecol, 
	.row .sixcol, 
	.row .sevencol, 
	.row .eightcol, 
	.row .ninecol, 
	.row .tencol, 
	.row .elevencol, 
	.row .twelvecol {
		width: auto;
		float: none;
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 20px;
		padding-left: 20px;
	}
}


/* Layout for Desktop */
/* Index Page */
body {
	background: url(img/background.jpg);
	line-height: 1.5;
    font-family: arial, helvetica, sans-serif;
	color: #362403;
}
a:hover, 
#breadcrumbs,
.entry-title a:hover, 
.widget-title a:hover,
.page-numbers li a:hover,
#footer-widget .widget-title a:hover,
input.add-comment:hover{
	color: #9c0000;
}
a {
	color: #9e7e39;
	text-decoration: none;
}
p{
	font-size: 14px;
}
blockquote{
    color: #d0b67e;
    margin: auto auto auto 40px;
    font-style: italic;
    quotes:"\201C""\201D""\2018""\2019";
}
blockquote p:before {
	content: open-quote;
    margin-top: -15px;
    margin-left: -10px;
    font-size: 40px;}
blockquote p{
    font-size: 15px;
    line-height: 1.2;
	display: inline;
}
table, th, td{
	border: 1px solid #9E7E39;
	padding: 2px;
	font-size: 12px;
}
#header {
	background: #362403;
	width: 100%;
	height: 125px;
}
#header .row {
	overflow: visible;
}
#site-title {
	background: url(img/logo2.png) no-repeat;
	min-width: 425px;
	height: 80px;
	margin-top: 8px;
	text-indent: -9999px;
}
#site-description{
	color: #fff0a7;
}
.social-icons {
    margin-top: 15px;
    width: 130px;
	height: 32px;
}
.social-icons li {
	list-style: none;
}
.social-icons li a {
	display: block;
    float: left;
	width: 32px;
    height: 31px;
    text-indent: -9999px;
}
li.rss a:hover{
	background: url(img/rsshover.png);
}
li.facebook a:hover{
	background: url(img/fbhover.png);
}
li.twitter a:hover{
	background: url(img/twthover.png);
}
li.pinterest a:hover{
    background: url(img/pinhover.png);
}
li.rss a{
	background: url(img/rss.png);
}
li.facebook a{
	background: url(img/fb.png);
}
li.twitter a{
	background: url(img/twt.png);
}
li.pinterest a{
    background: url(img/pin.png);
}
input#s{
	color: #362403;
	border: 1px dotted #000000;
	background: #ffffff;
	padding: 10px 60px 10px 10px;
    width: 135px;
}
input#searchsubmit{
	background: url(img/search.png);
    position: relative;
	width: 38px;
	height: 38px;
	border: none;
	text-indent: -9999px;
    margin-left: -45px;
}
nav.twelvecol{
    margin: 5px auto;
}
.tinynav { display: none }
#nav .selected a { color: #ffe563 }
nav { font-size: 12px; }
nav ul {position: relative; display: inline-table; }
nav ul:after {content: ""; clear: both; display: block;}
nav ul li { position: relative; float: left; list-style: none; }
nav ul li:hover > ul {display: block}
nav ul li a {display: block; padding: 5px; text-decoration: none; color: #9e7e39; border-right: 1px solid #9e7e39;}
nav ul li:last-child { border-right:none}
/* Sub-Nav */
nav ul ul { display: none; position: absolute; top: 28px; left: -6px; width: 150px; background: url(../img/a.jpg);
	background: -moz-linear-gradient(top, #764f07, #362403);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#764f07), to(#362403)); z-index: 100}
nav ul ul li { position: relative; display: block; float: none; clear: both; }
nav ul ul a, nav ul ul a:link, nav ul ul a:visited { display: block; float: none; border: 0; padding: 5px; margin: 0; color: #fff;}
nav ul ul a:hover, nav ul ul a:active { text-decoration: underline; }
/* Third-Level */
nav ul ul ul { position: absolute; top: 0; left: 149px }
#top{
	background: url(img/top.png) no-repeat;
	position: fixed;
	left: 2%;
	bottom: 2%;
	width: 51px;
	height: 52px;
	text-indent: -9999px;
}

/* Start of Primary */
.primary{
	width:100%;
    overflow: auto;
}
#breadcrumbs{
	margin-top: 5px;
}
#breadcrumbs a{
	text-decoration: none;
}
#breadcrumbs a:hover{
	text-decoration: underline;
}
.primary .ninecol{
	background: #ffffff;
    margin-top:10px;
	margin-bottom: 10px;
    -webkit-border-radius: 6px;  
    -moz-border-radius: 6px;  
	border-radius: 6px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

/* For Adverts */
.ads{
    margin-top: 10px;
    text-align:  center;
}

/* Post Entry */
.post,
.sticky,
.hentry{
	padding: 20px;
	overflow: hidden;
}
.entry-format{
    margin-bottom: 10px;
    font-size: small;
    color: #9c0000;
    font-style: italic;
}
.widget-title,
.page-title{
	color: #362403;
}
.entry-title a:hover{
	text-decoration: underline;
}
.post-image{
	float: left;
	margin: auto 20px auto auto;
}
.socialshare{
	float: left;
    margin-top: 10px;
	border-top: 1px solid #9E7E39;
	border-bottom: 1px solid #9E7E39;
    padding-top: 15px;
    padding-bottom: 5px;
    width: 100%;
}
#twitterbutton,
#fb-root,
.fb-like,
#pinbutton,
#googlebutton{
    float: left;
}
#twitterbutton{
    margin-left: 50px;
}
#pinbutton{
    width: 100px;
}
#googlebutton{
    width: 200px;
}
.entry-summary{
    margin-top: 10px;
}
.entry-content{
    float: left;
    margin-top: 20px;
}
.entry-content ol,
.entry-content ul{
	margin-left: 20px;
	font-size: 14px;
}
.entry-content p,
.entry-content h4,
.entry-content ol,
.entry-content ul{
	margin-top: 0;
	margin-bottom: 0.8em;
}
ul#tocList{
	margin-left: auto;
}
.alignleft{
	margin: 20px 20px 20px 0px;
	float: left;
}
.alignright{
	margin: 20px 0px 20px 20px;
	float: right;
}
.aligncenter{
	display: block;
	margin: 20px auto;
}
.wp-caption img {
	display: block;
    border: 5px solid #d0b67e;
}
.gallery-caption{
    font-size: 14px;
}
.wp-caption .wp-caption-text {
    padding: 5px;
	position: relative;
    background: #fff9da;
}

/* Home Page*/
.upper_grid li,
.middle_grid li,
.lower_grid li{
    list-style:  none;
}
.upper_grid li,
.middle_grid li,
.lower_grid li{
    margin-top: 8px;
}
.upper_grid{
    min-height: 500px;
}
.middle_grid{
    min-height: 650px;
}
.lower_grid{
    min-height: 700px;
    margin-bottom:  10px;
}
li.row1.fourcol,
li.row2.threecol,
li.row3.threecol{
    margin-right: 8px;
}
li.row1.fourcol{
    min-height:  300px;
}
li.row2.threecol{
    min-height: 270px;
}
li.row3.threecol{
    min-height:  308px;
}
.row1{
    background:  #fff0a7;
}
.row1, .row2, .row3{
     padding:  8px;
}
.row1 img,
.row3 img{
    float:  left;
    margin-right:  10px;
    margin-bottom:  10px;
    border:  solid 1px #9e7e39;
    padding: 2px;
}
.grid_title{
    border-bottom:  dotted 1px #362403;
}
.grid_post{
    clear: both;
}
.row2{
    background: #fffceb;
    text-align:  center;
}
.row2 .stars{
    margin-left:  80px;
}
.row3{
    background:  #fff3b8;
}

/* Single Post */
#relatedposts{
    margin: 35px 0px 35px 0px;
    float:left;
	background: #fff9da;
}
#relatedposts h2{
	margin-left: 10px;
}
li.relatedthumb{
    list-style: none;
    text-align: center;
    float:left;
    width: 140px;
    height: 200px;
    padding: 5px;
    font-size: 12px;
	margin-left: 7px;
}
.relatedthumb img{
    float: none;
    margin: 10px;
}

/* Star Ratings */
#rating{
    float: left;
}
.entry-meta .stars{
    height: 15px;
	margin-top: 2px;
    margin-left: 10px;
}
.image-block .stars{
    height: 15px;
    margin: auto 90px;
}
.star {  
    width:14px;  
    height:14px;  
    float:left;  
    margin-left:2px;  
    background:url(img/star-empty-small.png) no-repeat;
}  
.star.half {  
    background:url(img/star-half-small.png) no-repeat;  
}  
.star.full {  
    background:url(img/star-full-small.png) no-repeat;  
}  

/* Page Navigation */
.postpaging{
	clear:left;
}
#nexttag{
	margin-top: 3px;
	float: right;
} 
.paging{
	padding-bottom: 10px;
}
#previouspage{
	padding-left: 8px;
}
#nextpage{
	float: right;
	margin-top: 3px;
	padding-bottom: 10px;
	padding-right: 8px;
}

/* Comment */
#comments{
	margin-top: 30px;
	margin-bottom: 30px;
}
.comments-title,
.nocomments{
    margin-left: 30px;
}
#submit{
	border: 1px solid #a8a075;
	background: url(img/a.jpg);
	background: -moz-linear-gradient(top, #d0b67e, #9e7e39);
	background: -webkit-gradient(linear, top, from(#d0b67e), color-stop(#c39158), to(#9e7e39));
	padding: 5px;
	color: #ffffff;
	float: right;
	position: relative;
	font-size: 14px;
	vertical-align: baseline;
}
#submit{
    margin-bottom: 30px;
}
.comment-meta,
.commentmetadata{
    font-size: smaller;
}
.reply,
a#cancel-comment-reply-link{
    text-align: right;
    font-size: small;
}
.commentlist{
	list-style: none;
	margin: 5px auto;
}
.commentlist li{
	border: 1px solid #a8a075;
	padding: 30px;
    margin: auto 30px;
}
.commentlist li p {
    padding-top: 10px;
    padding-left: 95px;
    text-align: justify;
}
#respond{
    margin: 30px;
}
.commentlist img{
    border: 5px solid #d0b67e;
}

li.comment{
    background: #ffffff;
    margin-bottom: 10px;
    min-height: 100px;
}
li.pingback,
li.trackback{
	border: none;
	padding: 0;
	margin-bottom: 10px;
}
.comment-author img{
	float: left;
	margin: 10px 15px 15px auto;
}
img.wp-smiley{
	border: none;
}
ul.children{
    list-style: none;
}
li.comment.bypostauthor{
    margin: 30px auto;
    background: #fff9da;
}
#respond label{
	display: block;
	font-size: 16px;
	padding-bottom: 10px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
    border: 1px solid #a8a075;
    padding: 8px 5px;
    width: 200px;
}	
.comment-form-comment textarea{
    border: 1px solid #a8a075;
    padding: 8px 5px;
    width: 400px;
}
input.add-comment{
	float: right;
	margin-right: 7px;
}
#submit:hover{
    color: #9c0000;
}

/* Sidebar */
.widget{
    background: #fff9da;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 6px;  
    -moz-border-radius: 6px;  
	border-radius: 6px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	text-align: center;
	padding: 15px;
}
.widget-title{
    border-bottom: 1px solid #a8a075;
	padding: 0 0px 5px 0px;
}
.widget li{
	list-style: none;
    padding-bottom: 5px;
}
#recentposts img{
    margin-right: 10px;
    float: left;
}
#recentposts li {
    overflow:auto;
    margin: 5px 0;
    line-height: 1em;
    border-bottom: 1px dotted #d0b67e;
	text-align: left;
}
#recentposts a{
    font-size: small;
}

/* Footer */
#footer{
	color: #a8a075;
	background: #362403;
	padding: 10px 0;
}
#footer p,
#footer li{
	font-size: 12px;
}
#footer-nav li{
    display:  inline;
    border-right:  solid 1px #a8a075;
    padding-right: 5px;
}
#footer-nav li:last-child { 
    border-right:none;
}
#credit {
	text-align: right;
}
#footer-widget{
    width: 100%;
}
#footer-widget .widget{
	padding: 10px;
	margin-top: 15px;
    min-height: 282px;
}
#footer-widget .widget-title a{
	color: #9e7e39;
}


/* Layout for Mobile*/
@media handheld, only screen and (max-width: 767px) {

	/* Index Page */
	#header {
        padding-top: 10px;
	}
	#site-title {
		background: url(img/logo.png) no-repeat top center;
		margin-top: auto;
        min-width: 319px;
        height: 60px;
		color: #ffffff;
        position: relative;
	}
    #site-description{
        margin-top: 5px;
        text-align: center;
        font-size: 16px;
    }
	.social-icons {
		float: none;
        margin-top: 5px;
        margin-left:auto;
        margin-right: auto;
	}
	#search {
		clear: left;
        text-align:  center;
        margin-top:  3px;
	}
    .tinynav { display: block; 
               width: 100%;
               margin-top:  3px;
    }
    #nav{ display: none }
	#breadcrumbs{
		margin: auto;
	}
    
    /* Primary */
	.primary{
		margin: auto;
	}
	.primary .ninecol, 
	#sidebar {
		margin: auto 0;
		width: auto !important;
		border: none;
		overflow: hidden;
	} 
    
    /* Posts */
	.post,
	.sticky,
	.hentry,
	.comment-post{
	padding: 10px;
	}
	.post-image{
	float: left;
	margin: auto 10px auto 0px;
	}
    #twitterbutton{
    margin-left: auto;
    }
	.alignleft{
	margin: 10px 10px 10px 0px;
	}
	.alignright{
		margin: 10px 0px 10px 10px;
	}
	.aligncenter{
		margin: 10px auto;
	}
		
	/* Home Page */
	li.row1.fourcol{
    min-height:  1px;
    }
    li.row2.threecol{
        min-height: 1px;
    }
    li.row3.threecol{
        min-height:  1px;
    }
	
	/* Comment */
	.comment-form-comment textarea {
		width: 300px;
	}
    .commentlist li p {
    padding-left: 0px;
    }
    
    /* Pagination */
    .page-numbers,
    .page-link{
		float:none;
	}
    
    /* Footer */
    #footer, 
	#credit{
		text-align: center;
		margin: auto;
	}
    #footer-widget .widget{
        min-height: 1px;
	}
    #footer-widget .widget #recentposts li a{
    font-size: medium;
    }
}