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

Theme Name: Reviews Hut

Theme URI: http://www.areol.co.uk

Version: 1.0

Description: Reviews Hut Provided by Areol Designer Colin LAfferty

Author: Colin Daniel Lafferty

Author URL: http://designzz.deviantart.com

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



/*----------------------------------------------------------------------------------Global----------------------------------------------------------------------------------------------*/



html *{

margin: 0 auto;

padding: 0;

}



body{

margin: 0 auto; 

padding: 0; 

font-family: Arial, Verdana, Helvitica, sans-serif; 

font-size: 12px;

background-color: #191514;

}



.featured-post{

display:inline;

float: left;

width: 100%;

height: 91px;

margin: 20px 0 0 0;

background-image: url(images/post-bg.jpg);

background-repeat: repeat-x;

}







h2.featured-title{

display:block;

float: left;

font-size: 28px;

color: #54651b;

text-align : center;

margin: 5px 0 5px 10px;

}



h2.featured-title a{

color: #54651b;

}



.star {

float: left;

width: 50px;

height: 47px;

font-size: 14px;

font-weight: bold;

color: #191514;

text-align: center;

background-image: url(images/star.jpg);

padding:0;

margin:0;

}

.number {

height:13px;

line-height:13px;

padding: 17px 0;

}



	table.reviewbar {
                clear:both;
                color:#000;
		margin: 10px 0 0 50px;
		padding: 0;
		border: 0;
		border-collapse: collapse;
	}
	
	.reviewbar td {
		white-space: nowrap;
	}
	
	.reviewbar td.icon {
		padding-right: 3px;
	}
	
	.reviewbar td.text {
		padding-right: 10px;

	}



.top-review{

float: left;

width: 180px;

height: 100px;

background-color: #ffffff;

}





img {

border: none;

}



a{

color:#7e9a34; 

text-decoration: none;

}



h2.news-title a:hover,a:hover, a:active { 

color:#0095e1;

}



h1, h2, h3, h4, h5, h6 { 

font-weight: normal; 

margin:  0 0 10px 0;

color:#7a7a7a;

}



h1 { 

font-size: 32px; 

margin-bottom: 0px; 

margin-top: 10px;

}



h2 { 

font-size: 28px; 

}



h3 { 

font-size: 24px;

}



blockquote {

font-style: italic;

background: url(images/blockquote.gif) no-repeat top left;

padding: 20px 30px; 

text-indent: -10px;

width: 280px;

line-height:  2.3em; 

background-color: #f3f3f0;

 border-right: 3px solid #e3e0de;

}

 

code{

float: left;

width: 330px;

margin: 20px 15px;

padding: 0 10px;

border-left: 3px solid #c0c2ba;

border-right: 3px solid #c0c2ba;

color: #9a9a9a;

}



.center, .left{

float: left;

width: 300px;

margin: 15px;

padding: 10px;

border-left: 5px solid #d6d9c7;

border-right: 5px solid #d6d9c7;

text-align: center;

color: #b9fa97;

}



.left{

text-align: left;

}





img.alignleft, div.alignleft {

float:left;

margin: 10px 10px 10px 0;

padding: 5px;

border: solid 1px #cecece;

}



img.alignright, div.alignright {

float:right;

margin: 10px 0 10px 10px ;

padding: 5px;

border: solid 1px #cecece;

}



img.aligncentered, div.aligncentered {

text-align:center;

margin:0 auto;

}



.teaser{

height: 330px;

}



/*----------------------------------------------------------------------------------Main Structure----------------------------------------------------------------------------------------------*/





.main-container{

width: 900px;

}



.main-cont{

width:900px;

height: auto;

}



.bg{

float: left;

width: 900px;



}



#left-container{

display:inline;

float: left;

width: 282px;

height: auto;

margin: 20px 0 0 0;

}



#right-column{

float: right;

width: 600px;

margin: 0 0 0 0;

}



/*----------------------------------------------------------------------------------Search---------------------------------------------------------------------------------------------*/



#search-container{

display:inline;

float: left;

width: 282px;

height: 30px;

background-image: url(images/search-bg.jpg)

}



#search{

float:right;

width:280px;

text-align:left;

}



#search:hover{

}


#searchform{

display:inline;

float: left;

margin: 0 10px;

}



#searchform #s{

float: left;

border:none;

width:210px;

height: 19px;

color:#666666;

margin: 5px 2px 0;

background:#13100f;

}



#searchform #searchsubmit{

float: right;

color:#13100f;

border:none;

font-size:10px;

text-transform:uppercase;

padding: 3px 4px;

}



/*----------------------------------------------------------------------------------Top----------------------------------------------------------------------------------------------*/



#header{

float: left;

width: 900px;

height: 128px;

background-image: url(images/banner-bg.jpg);

}



.logo{

float: left;

margin: 30px 0 0 30px;

}



#banner{

float: right;

padding: 50px 20px 20px 20px;

}



#nav-container{

float: left;

width: 96.3%;

height: 45px;

background-image: url(images/nav-bg.jpg);

background-repeat: repeat-x;

}



#nav-container {

width: 866px;

padding: 0;

margin: 0;

}



.nav-left{

float: left;

width: 17px;

height: 44px;

background-image: url(images/span-nav-left.jpg);

}



.nav-right{

float: right;

width: 17px;

height: 44px;

background-image: url(images/span-nav-right.jpg);

}



#nav  li, .right-nav li{

float: left;

list-style: none; 

padding: 13px 0;

margin: 2px 0 0 0;

}



#nav  li a{

color:#80726b;

text-decoration:none;

padding: 16px 15px;

font-family: Tahoma;

font-size: 12px;

}



#nav  li a:hover{

color:#b3b3b3;

}



.right-nav li a{

color:#b3b3b3;

text-decoration:none;

padding: 16px 15px;

font-family: Tahoma;

font-size: 12px;

}

.right-nav li a:hover{

color:#8a9f43;

}



#nav  li  a.active, #nav li.current a, #nav li.current-cat a, #nav li#nav_home{

color:#8a9f43;

text-decoration:none;

}



.right-nav {

color:#8a9f43

}



/*----------------------------------------------------------------------------------Side Bar----------------------------------------------------------=-----------------------------------*/



.sidebar{

float: left;

margin: 10px 0;

width: 280px;

background-color: #312a27;

}



.sidenav2 {

float: left;

width: 110px;

font-size:12px;

font-family:Verdana, Helvitica, sans-serif, Arial ;

margin:  5px 10px 15px 15px;

}



.sidenav2  li{

display:block;

list-style: none; 

border-bottom: solid 1px #282220;

}



.sidenav2  li a{

display:block;

color:#515348;

text-decoration:none;

padding:15px 1px;

text-align: center;

border-bottom: solid 1px #3e3735;

}



.sidenav2  li a:hover{

color:#68811c;

}





.sidenav {

display:inline;

float: left;

width: 250px;

font-size:12px;

font-family:Verdana, Helvitica, sans-serif, Arial ;

text-align:center;

margin:  5px 15px 15px;

}



.sidenav  li{

display:block;

list-style: none; 

border-bottom: solid 1px #282220;

}



.sidenav li a{

display:block;

color:#515348;

text-decoration:none;

padding:15px 1px;

text-align: center;

border-bottom: solid 1px #3e3735;

margin:0;

}



.sidenav li a:hover{

color:#68811c;

}



.nav-right{

float: right;

}



.right-nav{

float: right;

}

/*----------------------------------------------------------------------------------Featured----------------------------------------------------------------------------------------------*/









/*----------------------------------------------------------------------------------Single Post----------------------------------------------------------------------------------------------*/



#single-post{

float: left;

width: 600px;

background-color:#76872e;

color: #263100;

margin: 20px 0 0 0;

}



#single-container{

float: left;

width: 600px;

background-color:#76872e;

color: #263100;

}



#top-header{

float: left;

width: 100%;

height: 54px;

background-image: url(images/top-header.jpg);

}



.single-content{

float: left;

width: 580px;

border-top: 1px solid #7c8d32;

}



.single-content{

float: left;

width: 580px;

padding: 10px;

}



.single-content p{

padding: 10px 0 0 25px;

}



h2.single-header{

float: left;

font-size: 24px;

color: #62790e;

padding: 13px 20px;

}



.post-info{

float: left;

width: 560px;

padding: 20px 20px;

background-color:#80913f;

border-bottom: 1px solid #6a7928;



}



.post-info a{

color:#405100

}



.post-info a:hover{

color:#adbc6c;

text-decoration: underline;

}



.visit{

float: right;

width: 276px;

height: 97px;

background-image: url(images/visit.jpg);

margin: 14px 20px;

}

.visit a{

padding:  65px 122px 25px 130px;

color: #b26200;

position: relative;

top: 63px;

}



.top-ratings{

float: left;

margin: -2px 20px;

padding: 10px;

}



.reviews-comments{

float: right;

width: 220px;

height: 145px;

padding: 10px;



margin: 0 0px;

background-color:#76872e;

background-image: url(images/review-post-bg.jpg)

}



#postmore{

float: left;

width: 600px;

margin: 20px 0;

}

/*----------------------------------------------------------------------------------Comments----------------------------------------------------------------------------------------------*/



.date{

clear: both;

color: #000000;

font-size: 11px;

padding: 0 0 13px;

}



.date a{

color: #aaaaaa;

}



h3.commh3 {

color:#333333 !important;

font-size:1.4em !important;

padding:10px 0 10px;

margin: 20px;

}



ol.commentlist{

float: left;

padding: 0;

list-style: none;

font-size: 12px;

line-height: 20px;

margin: 0 0 50px 0;

}



ol.commentlist p{

margin-bottom:10px;

line-height: 20px;

padding:0;

color:#d0dc9d;

}



.commentmetadata a {

font-size:11px;

color:#333333;

}



ol.commentlist cite{

font-style: normal;

font-weight: bold;

}



ol.commentlist li{

padding: 0;

margin: 0 10px;

}



ol.commentlist .comment-text{

padding: 15px 18px 10px 18px !important;

width: 400px;

min-height: 145px;

margin: 0 0 50px 145px;

background-color:#76872e;

}



ol.commentlist .comment-author {

float:left;

width:105px;

text-align:center;

margin: 0 0 0 10px;

}



ol.commentlist .comment-author p{

margin: 20px -10px;

}



ol.commentlist .comment-author a{

color:#495a04;

}



ol.commentlist .comment-meta{

position:relative;

top: 20px;

}







.gravatar {

background:#495a04 none repeat scroll 0 0;

border:1px solid #495a04;

float:right;

padding:6px;

}




#commentform input {
color: #c0c5af;
font-size: 11px;
padding: 5px;
margin: 3px 0 0 0;
background-color: #5e6e1a;
border: none;

}






p.login-text{

float: left;

margin:  10px;

}



.left-comments{

float: left;

width: 500px;

margin: 0 0 -50px 0;

}



.comments{

float: left;

width: 600px;

height: auto;

background-color: #6e7f24;

}



.comments a{

color: #FFFFFF;

}



.comment-header{

float: left;

width: 560px;

height: 77px;

color:#5e6f18;

background-image: url(images/review-header.jpg);

background-repeat: repeat-x;

}



h2.comment-header{

padding: 20px;

color: #5e6f18;

font-size: 30px;

}



.bottom-comments{

float: left;

width: 600px;

}



.bottom-form{

float: left;

width: 100%;

}

.bottom-rating {

float: right;

width: 230px;

margin: 15px 10px;

}

.bottom-form h3{

padding: 10px;

color: #5e6f18;

font-size: 20px;

}



.bottom-form h3 a:hover {	

color: #ffffff;

}







/*-------------------------------------------------------------------------Page-----------------------------------------------------------------------------*/

.single-content{

width: 550px;

}

/*--------------------------------------------------------------------------WP pagenavi-----------------------------------------------------------------------------*/



.pagenavi{

float: left;

width: 600px;

margin: 20px 30px 10px 0;

}



.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited , .wp-pagenavi a:active , .wp-pagenavi a:hover , .wp-pagenavi span.current { 	}

.wp-pagenavi a, .wp-pagenavi a:link {

padding: 5px 13px; 

margin:  20px 2px;

text-decoration: none;

width: auto;

background-color: #3a3a3a;



}

.wp-pagenavi a:visited {

padding: 5px 13px; 

margin: 20px 2px;

text-decoration: none;

color: #999999;

}

.wp-pagenavi a:hover {	

padding: 5px 13px; 

color: #ffffff;

}

.wp-pagenavi a:active {

padding: 5px 13px; 

margin: 20px 2px;

text-decoration: none;

color: #cecece;



}

.wp-pagenavi a:hover {

padding: 5px 13px; 

margin: 20px 2px;

text-decoration: none;

color: #eae7e0;

background-color: #3a3a3a;	

}

.wp-pagenavi span.pages {

padding: 5px 13px; 

margin: 2px ;

color: #cecece;

background-color: #3a3a3a;

}

.wp-pagenavi span.current {

padding: 5px 13px; 

margin: 2px;

color: #cecece;

background-color: #3a3a3a;

}

.wp-pagenavi span.extend {

padding: 2px 4px 2px 0; 

margin: 2px;	

color: #cecece;

background-color: #3a3a3a;

position: relative;

top: 10px;

}





/*----------------------------------------------------------------------footer----------------------------------------------------------------------------------------*/



.footer {

float: left;

width: 860px;

height: 24px;

background-color:#0b0909;

padding: 20px 20px 10px 20px;

color:#6a6a6a;

margin: 20px 0 0 0 ;

}



.footer a {

color: #6a7935;

font-size: 11px;

}



.footer a:hover {

color: #da4e1d;

text-decoration: underline;

}

#commentsection {
	padding: 50px 15px 10px 10px;
}

#commentsection a{
	color: #000;
}

	.commentdetails {
		float: left;
overflow:hidden;
width:100%;
	}
	.break {
	background-color: white;
	}
	.commentdetails p {
		margin-bottom: 5px;
	}
	
	.commentauthor {
		font-size: 1.2em;
		font-weight: bold;
		color: black;
	}
	
	.commentauthor a {
		font-size: 1.2em;
		font-weight: bold;
		color: black;
	}
	.avatar
{ float:right; }
	.commentdate {
		font-size: 0.8em;
	}
	.comment1 {
		padding: 10px 0;
		border-top: 1px dotted #e0e0e0;
	}

	#commentsection h2 {

		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 0.9em;
		font-weight: normal;
		padding: 2px 10px 3px;
		margin-top: 10px;
		line-height: 1.4em;

	}
	.commentitems {
		padding: 10px;
		margin: 0 0 10px;
		background-color: #76872e;
	}
	.commentitems .first {
		border-top: none !important;
		padding-top: 5px !important;
	}
	.commentitems input, .commentitems textarea, .commentitems button {
		margin-bottom: 5px;
	}
	.required {
		color: #ff0000;
	}