/*
Theme Name: WPReviewEngine Classic Blue - Old
Theme URI: http://www.wpreviewengine.com
Description: This was the original WPReviewEngine 1.0 template. It's included for laughs and because some crazy people might want to use this. It does not convert as well as the 'reviewclean' theme, and it's ugly. But people said it was awesome just six months ago, so it's up to you!
Author: WPReviewEngine.com
Author URI: http://www.wpreviewengine.com
version: 1.0
*/

/********************************************** Keep It Tidy ****/

@import url("css/reset.css"); /** <---- Resets all browser default settings */
@import url("css/nav.css"); /** <---- Contains all navigation styling */

/********************************************** Global Styles ****/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #292929;
	line-height: 18px;
	background: #e7e7e7;
}


body a {
	color: #3f5685;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	float: left;
	display: inline;
}

h2 {
	color: #715614;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; 
	font-weight: bold;
	font-size: 22px;
	float: left;
}

#site_wrapper {
	width: 900px;
	margin: 0 auto;
	background: #cbe4ee;
	padding: 6px 0 0 0;
}

#header {
	background: url(images/ebookbm.jpg) repeat-x !important;
	height: 143px;
	width: 100%;
	float: left;
	border-bottom: 10px solid #cbe4ee;
	position: relative;
}

#columns_wrapper {
	background: #fff;
	width: 100%;
	float: left;
}

#visual_padding {
	padding: 3px 6px;
}

#main_content {
	float: left;
	width: 626px;
	margin: 0 6px 0 0;
	padding: 0 0 30px 0;
}

#sidebar {
	float: left;
	width: 255px;
	margin: 3px 0 0 0;
}

.footer {
	clear: both;
	background: url(images/squareTile.gif) repeat-x;
	height: 50px;
	width: 900px;
	margin: 0 auto;
}

.clearLeft {
	clear: left;
}

/********************************************** Body Styles ****/

#header h1 {
	margin: 30px 0 0 30px;
}

#header h1 a {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	float: left;
	display: inline;
	text-decoration: none;
}

#header small {
	color: #fff;
	font-size: 12px;
	float: left;
	clear: left;
	margin: 4px 0 0 30px;
}

.host_container {
	background: #eef2f4;
	padding: 6px;
	float: left;
	margin: 3px 0;
}

.featured {
	background: #3f5685 !important;
}

.host_container .content {
	background: #fff;
	float: left;
	width: 621px;
}

.host_container .content h2 {
	margin: 10px 0 8px 0;
}

.host_container .content h2 a {
	color: #715614;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; 
	font-weight: bold;
	font-size: 22px;
	text-decoration: none !important;
	float: left;
	border-bottom: 1px solid #715614;
}

.host_container .content .post {
	float: left;
	margin: 0px 10px 10px 10px !important;
	width: 420px;
	display: inline;	
	min-height: 110px;	
	text-align: justify;
}

.host_container .content .page {
	width: 606px !important;
}

.host_container .content .post p {
	float: left;
}

.host_container .posticon {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.host_container .outlink {
	color: #000;
	font-weight: bold;
}


.host_container .stats a {
	color: #3f5685;
}

.host_container .stats {
	height: 29px;	
	clear: left;
	float: left;
	width: 100%;
	position: relative;
}

.host_container .stats h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #309e3f;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	padding: 7px 9px 5px 8px;
	text-transform: uppercase;
	float: left;
	clear: left;
}

.host_container .stats p {
	color: #3f5685;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 12px;
	margin: 7px 0 0 10px;
	float: left;
	width: 530px;
	position: absolute;
	top: 1px;
	left: 60px;
}

.host_container .stats p strong {
	font-weight: bold;
}

.featured .stats p {
	color: #fff !important;
}

.host_container .ratings {
	float: right;
	width: 170px;
	margin: 12px 10px 0 0;
	overflow: hidden;
}


.ratings table {
	width: 99%;
	margin-bottom: 10px;
}


.ratings td {
	border: 1px solid #fff;
}


.rating_table_header {
	font-size: 14px !important;
	font-weight: bold !important;
}

.ratings td.rating_label {
	background: #eef2f4;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 12px;
	padding: 1px 4px;
	white-space: nowrap;
	color: #3f5685;
	width: 55px;
	text-align: left;
}

.ratings td.rating_value {
	padding:1px 3px;
	text-align: left;
	font-size: 11px;
}

h2.archivetitle {
	padding: 10px 0;
}

/********************************************** Comment Styles ****/

#commentform {
	width: 616px;
	float: left;
}

#commentform .content {
	background:#EEF2F4 none repeat scroll 0 0;
	float:left;
	margin:3px 0;
	padding:6px;
	width:615px;
}

#commentform p {
	float: left;
	background: #eef2f4;
	width: 100%;
	margin-bottom: 8px;
}

#commentform input {
	float: left;
}

#commentform input#submit {
	float: right;
}

#commentform label {
	float: left;
	margin-left: 10px;
}

#commentform textarea {
	width: 613px;
}

#commentssection h3,
#commentform h3 {
	color: #3F5685;
	margin: 10px 0 0 0;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:8px 12px;
	text-decoration:none;
	text-transform:uppercase;
}

#commentform h3 {
	padding: 8px 12px 0 12px;
}

#commentform .logged_in {
	margin: 0 0 12px 12px;
	float: left;
	background: none;
}

.commentlist li{
	background: #eef2f4;
	padding: 6px;
	float: left;
	margin: 3px 0;
	width: 613px;
}

.commentlist li .content {
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	width:605px;
	padding: 6px;
}

.commentlist li cite,
.commentlist li cite a {
	color:#715614;
	float:left;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none !important;
}

.commentlist li cite a {
	border-bottom:1px solid #715614;
}

/********************************************** Sidebar Styles ****/

#sidebar ul li {
	float: left;
	width: 255px;
	margin-bottom: 6px;
}

#sidebar li h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	font-size: 18px;
	font-weight: bold;
	background: url(images/squareTile.gif) repeat-x;
	padding: 5px 5px 8px 10px;
	width: 240px;
}

#sidebar ul li ul li {
	font-style: italic;
	background: #efefef;
	width: 240px;
	color: #3f5685;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	text-decoration: none;
	padding: 5px;
	margin-bottom: 1px;
}

#sidebar ul li ul li a,
#sidebar ul li ul li a:visited {
	background: #efefef;
	width: 240px;
	color: #3f5685;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	text-decoration: none;
	padding: 5px 0 5px 5px;
	margin-bottom: 1px;
	font-style: normal;
}

#sidebar ul li ul li a:hover {
	color: #309e3f !important;
}

#sidebar #searchform {
	background: #EFEFEF;
	float: left;
	width: 255px;
}

#sidebar #searchform div {
	float: left; 
	padding: 5px 0 5px 11px; 
}




#sidebar ul li ul li ul li {
	width: 240px;
}

#sidebar ul li ul li ul li ul li {
	width: 240px;
}



/********************************************** Footer Styles ****/

.footer p {
	text-align: center;
	color: #fff;
	margin: 0 auto;
	padding: 15px 0 0 0;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

.footer p a {
	color: #fff;
	text-decoration: none;
}









/* comment rating styles */

.commentratings {
	background-color: #fff;
	margin-top: 4px;
}

.commentratingcategory {
	background-color: #eee;
	padding: 2px;
	margin-right: 3px;

}

.commentratingimage {
	position: relative;
	top: 2px;
	margin-right: 9px;
}

.commentratingtext {
	margin-right: 9px;
	font-style: italic;
}




