/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Stylesheet by CSSetc.com 2009
Validated CSS 2.1
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* ------------ begin reset = Eric Meyers Reset Reloaded = ------------ */
/* resets page defaults --- leave intact */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* ------------ end reset ------------*/

/* ------------ clearfix code - leave intact ------------*/
.clearfix:after {
	clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */

/* ------------ start editing below ------------*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
basic page layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
	background: #fff;
	color: #414141; /* text color */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* resets font size to 1em = 10px */
	text-align: center;}
a, a:link, a:visited, a:active {color:#3e6bc7;text-decoration:none;}
a:hover {text-decoration:underline; color:#333333;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
page structure
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#wrap {padding-top: 10px;}
#header {
	background: url(images/logo-rm.gif) no-repeat 20px 5px; /* logo bg */
	border: 1px solid #113660;
	height: 135px;
	margin: 0 auto;
	position: relative;
	width: 900px;}
#content {
	border-bottom: 4px solid #113660;
	border-left: 1px solid #113660;
	border-right: 1px solid #113660;
	margin: 0 auto;
	width: 900px;}
#sidebar_left {
	float: left;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-top: 10px;
	text-align: left;
	width: 120px;}
#sidebar_right {
	float: right;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	width: 160px}
#narrow_content { /* for center 3 column layout */
	float: left;
	padding: 10px 20px 20px 0;
	width: 575px;}

#wide_content {}

#footer {
	background: #e0e0e0;
	border-top: 4px solid #113660;
	clear: both;
	padding-bottom: 10px;
	padding-top: 10px;}/* adjust padding for whitespace above and below content in footer */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
general styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1 {font-size: 2em;font-weight: bold;}
h2 {font-size: 1.8em;font-weight: bold;}
h3 {font-size: 1.8em;font-weight: bold;}
h4 {font-size: 1.6em;font-weight: normal;}
.heading {font-size: 1.6em;font-weight: bold;padding-bottom: 2px;}
.left {text-align: left;}	
img {border: 1px solid #113660;} /* places border around all images */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
specific styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ----- header -----*/
/* notes:
	height is fixed for logo
	top padding can be altered as needed 
	text can be placed inside this section and styled as desired 
	header_text values can be changed for text placement
*/
.header_text { 
	height: 115px;
	margin-left: 280px; /* pushes text past logo image */
	padding-top: 20px;
	width: 620px;}
#search { /* search section absolutely positioned relative to header */
	bottom: 5px;
	position: absolute;
	right: 5px;}
/* ----- menu bar -----*/
#menu_bar {
	background: url(images/menu_bar-bg2.gif) repeat-x;
	border-bottom: 2px solid #113660;
	height: 40px;}
#menu_bar ul li {
	display: inline;
	background: url(images/menu_item-border1.gif) no-repeat left center;}
/* notes:
	padding below can be changed to alter placement of menu items
	will need to be altered if additional menu items inserted
*/
#menu_bar ul li.menu_item { /* menu item links size and positioning */
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
	font-size: 1.8em;
	line-height: 2.3em;
	padding-left: 30px;
	padding-right: 30px;}
#menu_bar ul li.first {background: none;} /* removes line from first menu item */
#menu_bar ul li a {color: #fff;}

/* ----- sidebars -----*/
/* notes:
	sidebar block padding affects vertical space between blocks
*/
.sidebar_block {padding-bottom: 20px;}
.sidebar_block img {margin: 5px 0;}
.sidebar_block ul li {margin-top: 7px;margin-bottom: 7px;} /* adjust for spacing between links */
.sidebar_block ul li a {font-size: 1.6em;}

/* ----- review short entry in narrow column -----*/
.excerpt_entry {
	border-bottom: 1px solid #ccc;
	padding: 20px 10px 20px 5px;}/* padding values: top right bottom left */

.excerpt_thumb {
	float: left;
	padding-top: 7px;
	width: 152px;}

.excerpt_content {
	float: left;
	padding-left: 10px;
	text-align: left;
	width: 398px;}

h2.excerpt_title {
	float: left;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 4px;
	width: 150px;}

.excerpt_date {
	float: right;
	font-size: 1.3em;
	line-height: 1.2em;
	text-align: right;
	width: 100px;}

.excerpt_text {
	clear: both;
	font-size: 1.3em;
	line-height: 1.2em;
	padding-bottom: 5px;}

.excerpt_text a {
	color: #000;
	text-decoration: underline;}
	
.excerpt_text a:hover { color: #000; text-decoration: none;}

.excerpt_rating {
	color: #3e6bc7;
	float: left;
	font-size: 1.6em;
	font-weight: bold;
	width: 100px;}

.excerpt_category {
	float: right;
	font-size: 1.3em;
	text-align: right;
	width: 290px;}

/* ----- sidebar category list -----*/

/* ----- review page -----*/
.site_review {
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;}

.review_thumb {
	float: left;
	margin-top: 10px;
	padding-right: 30px;
	width: 130px;}

.review_content {padding-left: 10px;}
	
.review_heading {padding-bottom: 10px;}
	
.site_review h2 {
	float: left;
	width: 250px;}

.review_category {
	float: left;
	font-size: 1.3em;
	line-height: 1.6em;
	width: 320px;}

.review_date {
	float: right;
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: right;
	width: 130px;
	color:#333;}

.review_text {
	font-size: 1.3em;
	line-height: 1.3em;}
	
.review_textb {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.3em;}


.review_text p {padding-bottom: 20px;}

.review_cont p {padding-bottom: 20px;}

.review_sitelink {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	color: #333333;
	}
.review_sitelink a:hover {color: #333333; text-decoration:none;}
.review_sitelink a {color: #333333; text-decoration:underline;}
.review_sitelink a:hover {color: #333333; text-decoration:none;}

/* ----- site options section -----*/
.site_options {
	background: #113660;
	border-bottom: 4px solid #ccc;
	border-top: 4px solid #ccc;
	color: #fff;
	margin: 20px 0 10px;
	padding: 15px 37px 15px 20px;}
.site_options ul {padding-top: 5px;}
.site_options ul li {
	font-size: 1.3em;
	line-height: 1.3em;
	padding-left: 15px;}
.site_options ul li.options_heading {font-size: 1.6em;font-weight: bold;}

/* general column positioning */
.site_options .video_options,
.site_options .photo_options,
.site_options .price_options,
.site_options .other_options {
	border-right: 1px solid #ccc;
	float: left;
	margin-left: 10px;
	padding-left: 30px;
	text-align: left;}

/* specific column background icons and width */
.site_options .video_options {
	background: url(images/options-video.gif) no-repeat 15px top;
	width: 200px;}
.site_options .photo_options {
	background: url(images/options-photo.gif) no-repeat 15px top;
	width: 180px;}
.site_options .price_options {
	background: url(images/options-price.gif) no-repeat 15px top;
	width: 150px;}
.site_options .other_options {
	background: url(images/options-other.gif) no-repeat 15px top;
	border-right: none;
	width: 150px;}

/* ----- review bottom section -----*/
.review_bottom {padding: 10px 0;}
.review_bottom .sitelink {padding-top: 50px;}
.review_bottom .sitelink a hover {font-size: 2.4em;text-decoration: underline;}
.review_bottom .sitelink a {font-size: 2.4em;text-decoration: none;}
.review_bottom .sitelink a hover {font-size: 2.4em;text-decoration: underline;}
.wide_column {
	float: left;
	width: 500px;}

.narrow_column {
	float: left;
	width: 200px;}

ul.pros, 
ul.cons {
	font-size: 1.3em;
	padding: 10px 0 10px 25px;
	text-align: left;}

ul.pros {background: url(images/pros.gif) no-repeat left center;}
ul.cons {background: url(images/cons.gif) no-repeat left center;}

ul.pros li,
ul.cons li {}

.samples h3 {padding-bottom: 10px;}

.samples img {margin: 5px;}

.preview_galleries {padding-top: 30px;}

.preview_galleries ul.galleries_link {padding-bottom: 20px;}
.preview_galleries ul.galleries_link li {margin: 5px 0 10px;}
.preview_galleries ul.galleries_link li a {font-size: 1.6em;text-decoration: underline;}

.overall_score {background: url(images/silhouette-os.jpg) no-repeat center top;}

.overall_score h3 {
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
	padding-top: 120px;}
.overall_score .score_rating {
	color: #2371c9;
	font-size: 4.8em;
	font-weight: bold;}

.overall_score .rating_descr {
	font-size: 1.3em;
	padding-top: 120px;}

/* ----- comments section -----*/
/* notes:
	comments section left empty for script integration
*/
#comments {
	padding-top: 20px;
	padding-bottom: 20px;}

/* ----- footer section -----*/
/* notes:
	footer_links container holds each list of links
	adjust width of footer_links as desired
	adjust width of footer_links ul as desired
	additional <ul></ul> can be added as necessary
*/

.footer_links {
	margin-left: 100px;
	width: 600px;}
.footer_links ul {
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	width: 200px;}
.footer_links ul li {
	font-size: 1.3em;
	line-height: 1.3em;}
.footer_links ul li.footer_heading {
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 4px;}
.copyright {
	font-size: 1.3em;
	padding-top: 30px;
	padding-bottom: 10px;}


#usercomment_form {
  font-size: 1.3em;
}

#usercomment_form tr {
  margin-top: 5px;
}

#usercomment_form .button {
  font-size:0.75em;
  color:#fff;
  background:url(images/button.gif) top left no-repeat;
  font-weight:bold;
  padding:3px 14px 6px 14px;
  text-decoration:none;
}

#usercomment_form .button:hover {
  text-decoration:none;
  color:#000000;
}

div.pagesystem {
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.5em;
}

div.pagesystem a {

}

div.pagesystem a:hover {


}

.mltop {color:#1E76C0; font-size:11px; text-decoration:underline;}
.mltop:hover {color:#353535; text-decoration:underline;}
.txtop {font-size:11px; color:#353535; font-weight:bold;}

.vlink {color:#1e4773; font-size:12px; text-decoration:underline;}
.vlink:hover {color:#353535; text-decoration:underline;}