/*
Theme Name: OLD 'reviewclean' Theme. 
Theme URI: http://www.wpreviewengine.com
Description: This was included with 3.0 of WPReviewEngine. It is not guaranteed to function properly with 4.0. If you use this, you are either crazy, or... if you've already heavily modified it, or it is working perfectly for your purposes, or you just don't want to upgrade, by all means, continue using it.
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 */
@import url("css/tables.css"); /** <---- Contains all table styling */

/********************************************** Global Styles ****/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: url(images/stripes.png) repeat;
}

h1 {
	float: left;
	text-transform: uppercase;
	margin: 55px 0 0 90px;
	font-size: 30px;
}

h1 a {
	color: #fff;
	text-decoration: none;
}

h2 {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

h3 {
	float: left;
	color: #1d449b;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 5px;
	text-decoration: none;
	width: 400px;
}

h3 a {
	color: #1d449b;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

p {
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 19px;
	text-align: justify;
	padding-right: 12px;
}

p a {
	color: #d60000;
}

#top_corners {
	background: url(images/topCorners.gif) no-repeat;
	margin: 0 auto;
	width: 882px;
	height: 23px;
}

#header {
	background: url(images/headerImage.jpg) no-repeat !important;
	width: 835px;
	height: 131px;
	margin-left: 24px;
	position: relative;
	margin-bottom: 40px;
}

#site_wrapper {
	background: url(images/siteWrapper.png) repeat-y;
	margin: 0 auto;
	width: 882px;
	overflow: auto;
}

#top_content {
	float: left;
	margin: 0 0 0 24px;
	background: url(images/topContent.gif) repeat-y;
	width: 834px;
	padding-left: 8px;
}

.top {
	width: 824px !important;
	padding-left: 10px !important;
}

#bottom_corners {
	background: url(images/bottomCorners.gif) no-repeat;
	margin: 0 auto;
	width: 882px;
	height: 22px;
}

#footer {
	margin: 40px 0 20px ;
	float: left;
	width: 685px;
}

#main_content {
	width: 450px;
	float: left;
	margin-left: 24px;
	margin-top: 10px;
}

#right_column {
	float: right;
	width: 338px;
	margin-right: 24px;
	margin-top: 10px;
}

.alignleft {
}

.alignright {
}

/********************************************** Main Styles ****/

.top_corners {
	background: url(images/topContentTopCorners.gif) no-repeat;
	width: 834px;
	height: 18px;
	float: left;
	margin: 0 0 0 24px;
}

.bottom_corners {
	background: url(images/topContentBottomCorners.gif) no-repeat;
	width: 834px;
	height: 18px;
	float: left;
	margin-left: 24px;
	position: relative;
}

#top_content img {
	float: left;
	margin: 0 0 0 10px;
}

#top_content h2 {
	margin: 0 0 10px 0;
	width: 610px;
}

#top_content h2 span {
	border-bottom: 1px solid #000;
}

#top_content p {
	float: left;
	width: 625px;
}

#top_content a.cta {
	color: #c80000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	float: left;
}

.info {
	float: left;
	margin: 0 0 0 24px;
	background: url(images/infoBg.gif) no-repeat top left;
	width: 834px;
}

.info p {
	background: url(images/join.gif) no-repeat top right;
	float: left;
	height: 27px;
	padding: 7px 30px 0 20px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}

.info p.rightInfo {
	background: none;
	float: right;
	height: 27px;
	padding: 7px 15px 0 20px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1a57ad;
}

.info p span {
	display: block;
	float: left;
}

.info p a {
	float: left;
	margin: 0 0 0 25px;
	font-weight: normal;
	color: #c80000;
}

.info p img.stars {
	margin: -8px 25px 0 0;
	float: left;
}

#featured {
	float: left;
	margin: 0 0 0 24px;
	background: url(images/topContent.gif) repeat-y;
	width: 814px;
	padding: 35px 10px 0 10px;
	position: relative;
}

.featured_header {
	background: url(images/loudSpeaker.gif) no-repeat;
	position: absolute;
	top: -15px;
	left: 0;
	height: 37px;
	float: left;
}

.featured_header p {
	background: url(images/featuredHeader.gif) no-repeat bottom right;
	padding-top: 11px; 
	margin-left: 45px; 
	height: 26px; 
	padding-right: 30px;
	padding-left: 5px;
	color: #c80000;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

.why_read {
	float: left;
	margin: 0 0 0 24px;
	background: url(images/topContent.gif) repeat-y;
	width: 814px;
	padding: 0 10px;
}

.why_read p {
	clear: left;
}



.why {
	margin-top: 10px !important;
}

#footer p {
	text-align: center;
}

#top_content h3 {
	width: 620px;
}

#top_content a.button {
	margin-left: 30px !important;
	float: left;
}

#subpage img.screenshot {
	margin: 0 20px 0 2px;
}


/* this breaks things #main_content ul {
	list-style: disc;
	padding-left: 2em;
	float: left;
	margin-bottom: 15px;
} */

#right_column .top_corners {
	background: url(images/rightTopCorners.gif) no-repeat;
	width: 338px;
	margin: 0;
	height: 15px;
	position: relative;
}

#right_column .top_corners .featured_header {
	top: 0;
	left: 0;
	z-index:1000;
}





#right_column .right_section {
	background: url(images/rightColumn.gif) repeat-y;
	width: 318px;
	float: left;
	padding: 30px 10px 0 10px;
}

#right_column .bottom_corners {
	background: url(images/rightBottomCorners.gif) no-repeat;
	width: 338px;
	margin: 0;
	height: 15px;
}

.testimonial {
	position: relative;
}

.testimonial p {
	font-style: italic;
}

.testimonial p cite {
	font-style: normal;
	font-weight: bold;
}

#subpage .info {
	height: 37px;
}

.entry {
	margin: 10px 0 0 10px;
	float: left;
	width: 605px;
}


.nolimitentry {
	margin: 10px 0 0 10px;
	float: left;
	width: 780px;
}


.nolimitentry p {
	width: 779px !important;
	text-align: justify;
}



.entry p {
	width: 605px !important;
	text-align: justify;
}

.onPage {
	width: 832px !important;
}

.onPage .entry {
	clear: left;
}

.single strong {
	font-weight: bold;
}

.single em {
	font-style: italic;
}

.single h1 {
	font-size: 26px !important;
	margin-bottom: 0.6em !important;
	clear: left;
	margin-left: 0 !important;
	font-weight: bold;
	margin-top: 0 !important;
}

.single h2 {
	font-size: 24px;
	margin-bottom: 0.5em;
	clear: left;
}

.single h3 {
	font-size: 22px;
	margin-bottom: 0.4em;
	clear: left;
}

.single h4 {
	font-size: 20px;
	margin-bottom: 0.3em;
	clear: left;
	font-weight: bold;
}

.single h5 {
	font-size: 18px;
	margin-bottom: 0.2em;
	clear: left;
}

.single p {
	float: left;
	width: 438px;
}

.single ol {
	float: left;
	list-style: decimal;
	padding-left: 2em;
}

#commentssection {
	width: 450px;
	float: left;
	border-top: 1px dashed #7F8BA4;
	padding-top: 10px;
	margin-top: 20px;
}

#commentssection ol li {
	background: #EEF4FD;
	float: left;
	padding: 10px;
	width: 430px;
	margin: 0 0 15px 0;
}

#commentform {
	width: 450px;
}

#commentform form {
	float: left;
}

#commentform input {
	clear:left;
	float:left;
	width:40%;
	margin: 0 0 10px 0;
}

input#submit {
	width: auto;
}

#commentform label {
	float:right;
	padding:3px 0 0;
	width:57%;
}

#commentform textarea {
	width: 450px;
}

small.commentmetadata,
#commentssection ol li cite {
	margin-bottom: 10px;
	floaT: left;
}

small.commentmetadata,
small.commentmetadata a {
	font-size: 10px;
	color: #000;
	text-decoration: none;
}

#commentssection ol li p {
	margin-bottom: 5px !important;
	float: left;
}

#commentssection ol li cite,
#commentssection ol li cite a {
	font-weight: bold;
	color: #1D449B;
}

.onPage entry {
	width: 825px !important;
}

.onPage p {
	width: 825px !important;
}

.navigation {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	width: 842px;
}

.navigation a {
	text-decoration: none;
	color: #1D449B;
	font-weight: bold;
}

h2.archivetitle {
	margin-left: 30px;
	margin-bottom: 10px;
}

.top p {
	float: none !important;
	width: auto !important;
}

.content_wrapper {
	float: left;
}

#footer ul {
	float: left;
	width: 837px;
	margin-left: 20px;
	text-align: center;
}

#footer ul li {
	display: inline;
	margin: 0 3px;
}

#footer a {
	text-decoration: none;
	color: #000;
	text-align: center;
}

#footer p {
	margin: 0 0 0 100px;
	width: 685px;
}

/* everything below this added by someone who knows enough to be dangerous */ /* <----------- This made me chuckle */

.hratings {
	float: right;
	position: relative;
	left: -30px;
	top: 10px;
}

.hpara {
	margin-left: 10px;
	margin-top: 10px;
	width: 72% !important;
	text-align: justify;
}


.hstrip {
	text-align: right;
	font-size: 15px;
	font-weight: bold;
}

.nogl {
	font-size: 12px !important;
}

.nogl a {
	color: #000;
	font-weight: normal;
}


#footer a {
	color: #777;
	text-decoration: underline;
}

/* ratings table styles */

.ratingstable {
	width: 175px;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

.ratingstable td {
	background-color: #eef2f4;
	padding: 3px;
	border: 1px solid #fff;
	text-align: left;
}

.ratingstable .thetitle {
	color: #3f5685;
	font-size: 14px;
	font-weight: bold;
}

.ratingstable .theratingcat {
	color: #3f5685;
	width: 80px;
	padding: 1px 3px;
}

.ratingstable .therating {
	background-color: #fff;
	color: #000;
	padding: 1px 3px;
	text-align: left;
	font-family: Verdana !important;
}

.ratingstable img {
	margin: 0px !important;
	padding: 0px !important;
}




/* wpre top table p styles */

.top p {
	width: 812px !important;
}