/*
Theme Name: Reviewster
Theme URI: http://www.djarot.com
Description: Custom Wordpress theme, created for Reviewster.com. Comes bundled with 6 color schemes. Admin Option to select desired color scheme.
Version: 1.0
Author: Jarot Syahputro
Author URI: http://www.djarot.com
Tags: black, custom scheme, fixed width, two columns, three columns, widgets, colors, color schemes, rounded corners, media, social, local

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php
*/

body {
  background: #464646;
  color: #202020;
  font-size: 12px;
  font-family: Arial;
  margin: 0px auto 0px;
}
#wrap {
  background: url(images/bd.gif) -1000px 0px repeat-y;
  margin: 0px auto 0px;
  width:990px;
}
#wrap-h {
  background: url(images/bd.gif) 0px 0px repeat-y;
  margin: 0px auto 0px;
  width:990px;
}

/************************************************
*  Global Padding & Margin                      *
************************************************/
body, #wrap, #wrap-h, #header, #header h1, #header h1 a, 
#navbar, #navbarleft, #nav, .sbmt, #l-sidebar-h ul, #l-sidebar ul { padding: 0px; }

/************************************************
*  Hyperlinks                                   *
************************************************/
a, a:visited { color: #7D4B00; text-decoration: none; }
a:hover      { color: #787878; text-decoration: underline; }
a img {border:none;}
a:link { color: #B76D00; }
/************************************************
*  Header                                       *
While testing out, all width reduced 2px
************************************************/
#header {
  width: 990px;
  height: 147px;
  margin: 0px auto 0px;
  overflow: hidden;
}
#hdr1 {
  width:230px;
  height:147px;
  float:left;
}
#hdr2 {
  width:760px;
  height:147px;
  float:left;
}

#header h1, #header h1 a {
  color: #FFFFFF;
  font-size: 11px;
  margin: 0;
  width:230px;
  height:147px;
  float:left;
}
#header h1 a { text-decoration: none; text-indent:-9000px;}

#ad {
  width:760px;
  height:90px;
  float:left;
  margin:0; padding:7px 0 17px 0;
  opacity:0.7;
}
/************************************************
*  Navbar                                       *
************************************************/
#navbar {
  width: 758px;
  margin:0 auto 0;
  padding:0;
  float:left;
}
#navbarleft {
  width: 349px;
  float: left;
  margin: 0px 0px 0 6px;
}
#navbarright {
  width: 332px;
  float: right;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}
#nav {
  width:349px;
  height:28px;
  margin:1px 0 0 0 ;
  float:right;
}
#nav li, #nav a { height:28px; display:block; }
#nav li { float:left; list-style:none; display:inline;}
#nav-soft a, #nav-elec a, #nav-serv a, #nav-soft a:hover, #nav-elec a:hover, #nav-serv a:hover {
  text-indent:-9000px; margin:0px;
}
.sbmt { width:90px; height:21px; margin:-9px 13px 0 0; }

/************************************************
*  Content                                      * 
************************************************/
#content {
  width: 964px;
  margin: 0px auto 0px;
  padding: 0px 0px 0px 0px;
  border-top:5px solid #FFFFFF;
}
#content p {
  padding: 0px 0px 10px 0px;
  margin: 0px;
  line-height: 16px;
}
#content h1 {
  background:#F3F3F3 url(images/h1.gif) 4px 6px no-repeat;
  color: #787878;
  font-size: 20px;
  font-family: Arial;
  margin: 0px;
  padding: 5px 0px 5px 35px;
}
#content h1 a ,#content h2 a       { color: #353535; text-decoration: none;}
#content h1 a:hover,#content h2 a:hover { color: #787878; text-decoration: none;}
#content h2 {
  border-top:2px solid #ECECEC;
  color: #787878;
  font-size: 16px;
  font-family: Arial;
  margin: 2px 0 0 0;
  padding: 5px 0px 5px 0px;
}

#content h3 {
  color: #353535;
  font-size: 16px;
  font-family: Arial;
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  border-top: 2px solid #d2d2d2;
}
#content p img {
  float: left;
  border: none;
  margin: 0px 10px 10px 0px;
}
#content img.wp-smiley, #content img.wp-wink {
  float: none; border: none;
  padding: 0px; margin: 0px;
}
#contenthome {
  float: left;
  width: 761px;
  margin: 0px 0px 0px 10px;
  padding: 0px 5px 20px 0px;
}
#contentleft {
  float: left;
  width: 435px;
  margin: 0px 0px 0px 10px;
  padding: 0px 5px 20px 0px;
  text-align:justify;
}
#contentleft ol, #contentleft ul {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 10px 0px; 
}
	
#contentleft ol li, #contentleft ul li {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 5px 0px;
}
#contentleft ul, #contentleft ul li { list-style-type: circle; }
#home-1-l {width:400px; float:left;margin:0 0 0 0; text-align:left;}
#home-1-r {width:341px; float:right;margin:0;}

#review-title {
  width:761px;
  height:30px;
  float:left;
}

#content #review-title h1 {font-size:12px; background:none; color:#FFF; padding:5px 0 0 50px;}
#review-table {
  width:762px;
  float:left;
  background:#d2d2d2;
}

#review-table a img {border:none;}
.r_00,.r_05,.r_10,.r_15,.r_20,.r_25,.r_30,.r_35,.r_40 {width:36px;height:10px;}
.r_00,.r_05,.r_10,.r_15,.r_20,.r_25,.r_30,.r_35,.r_40,.read,.buy,.checkm,.sshot {float:left; padding:0 0 0 12px;}

.r_00 { background:url(images/icons.png) 12px -160px no-repeat;}
.r_05 { background:url(images/icons.png) 12px -140px no-repeat;}
.r_10 { background:url(images/icons.png) 12px -120px no-repeat;}
.r_15 { background:url(images/icons.png) 12px -100px no-repeat;}
.r_20 { background:url(images/icons.png) 12px -80px no-repeat;}
.r_25 { background:url(images/icons.png) 12px -60px no-repeat;}
.r_30 { background:url(images/icons.png) 12px -40px no-repeat;}
.r_35 { background:url(images/icons.png) 12px -20px no-repeat;}
.r_40 { background:url(images/icons.png) 12px 0px no-repeat;}
.read { background:url(images/icons.png) 10px -180px no-repeat; width:40px; height:26px;}
.buy { background:url(images/icons.png) 8px -218px no-repeat;width:46px; height:25px;}
.checkm { background:url(images/icons.png) 22px -260px no-repeat;width:32px; height:30px;}
.sshot { background:url(images/icons.png) 22px -309px no-repeat;width:29px; height:13px;}

/* TABLES*/
.compare {margin: 0; border-bottom:1px solid #C6C6C6;}
.compare td {width: 73px; border-right: 1px solid #C6C6C6; text-align: center; padding: 1.5px 0px 1.5px 0px;}
.compare td a {color: #2a80ea; font-size: 8.5pt;}
.table_head {background: #666666; color: #e8e8e8; font-weight: bold; font-size: 9pt; height:15px; text-align:center;}
.product_row td {background: white; color: black; vertical-align: top; line-height:15px; padding-top: 4px;}
.rank_key {text-align: left; line-height: 15px; width: 100px; margin: 10px 0px 5px 0px; font-size: 7pt; vertical-align: middle;}
.reviewer_comments_row {background: #e8e8e8; font-size: 8pt; font-weight: bold;}
.reviewer_comments_row td {vertical-align:top;}
.reviewer_comments_row td img {padding-top: 2px; padding-bottom: 2px;}
.lowest_price_row {background:white; font-size: 8pt; font-weight: bold;}
.spacer td {font-size: 1pt; background: #cccccc; height: 7px;}
.overall_rating_row {background:white; font-size: 7pt;}
.section_head td {width: 500px; height: 17px; background: #cccccc; font-size: 8pt; font-weight: bold; text-align: left; padding-left: 7px; word-spacing: -.5px; letter-spacing: -.5px;}
.section_head td a {color: black; font-size: 8pt;}
.white_row td {background:white; font-size: 7pt;}
.gray_row td {background: #e8e8e8; font-size: 7pt;}
td.left_cell {width:136px; text-align: left; padding-left: 13px; vertical-align: middle;}
td.left_cell a, .subcat a, .subcat a:visited, .subfeat a, .subfeat a:visited {color: #2266dd; font-size: 7pt;}
.subcat{width:136px; text-align: left; vertical-align: middle; padding-left: 2px;}
.subfeat{width:136px; text-align: left; vertical-align: middle;padding-left: 20px;}
.product_details td {height: 35px; border-bottom: 1px solid #999999; vertical-align: top; padding-top: 5px;}
.product_details td a {color: #2266dd; font-size: 7pt;}


.date {
  border-top:2px solid #ECECEC;
  font-size: 11px;
  font-weight: bold;
  padding: 0px;
  margin: 2px 0px 15px 0px;
}

.postmeta {
  font-size: 11px;
  font-weight: bold;
  padding: 5px 0px 5px 5px;
  margin: 0px 0px 0px 0px;
  background:#F5F5F5;
}
blockquote{
  font-style: italic;
  margin: 0px 25px 15px 25px;
  padding: 0px 25px 0px 10px;
  border-left: 2px solid #4A7EB8;
}
#content blockquote p{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
}

/************************************************
*  Right Sidebar                                *
************************************************/
#l-sidebar-h {
  width:177px;
  float:left;
  margin:0 0 0 0px;
  padding:0 0 0 5px;
}

#l-sidebar-h ul, #l-sidebar-h ul ul, #l-sidebar ul, #l-sidebar ul ul, #r-sidebar ul, #r-sidebar ul ul {
  list-style-type: none;
  margin:0 0 10px 0;
}
#l-sidebar-h ul ul, #l-sidebar ul ul, #r-sidebar ul ul { padding:0 0 0 10px; }
#l-sidebar-h ul li, #l-sidebar-h ul li ul li, #l-sidebar ul li, #l-sidebar ul li ul li, #r-sidebar ul li, #r-sidebar ul li ul li {
  margin:0;
  padding:0 0 5px 0;
}
#l-sidebar-h ul li a, #l-sidebar-h ul li ul li a, #l-sidebar-h ul li a:hover, #l-sidebar-h ul li ul li a:hover,
#l-sidebar ul li a, #l-sidebar ul li ul li a, #l-sidebar ul li a:hover, #l-sidebar ul li ul li a:hover,
#r-sidebar ul li a, #r-sidebar ul li ul li a, #r-sidebar ul li a:hover, #r-sidebar ul li ul li a:hover
{
  margin:0 0 0 0;
  padding:0 0 0 15px;
}

#l-sidebar-h ul li div, #l-sidebar ul li div, #r-sidebar ul li div {
  margin:0 0 10px 0;
  padding:0 10px 0 10px;
font-size: 14px;
}
#l-sidebar-h ul li p, #l-sidebar ul li p, #r-sidebar ul li p {
  margin:0 0 10px 0;
  padding:0 10px 0 10px;
}
#l-sidebar-h ul li p a, #l-sidebar-h ul li p a:hover, #l-sidebar ul li p a, #l-sidebar ul li p a:hover,
#r-sidebar ul li p a, #r-sidebar ul li p a:hover, #l-sidebar-h ul li div a, #l-sidebar-h ul li div a:hover,
#l-sidebar ul li div a, #l-sidebar ul li div a:hover, #r-sidebar ul li div a, #r-sidebar ul li div a:hover {
  margin:0;
  padding:0;
  background:none;
}

#l-sidebar ol li a, #l-sidebar ol li a:hover, #l-sidebar ul li ol li a, #l-sidebar ul li ol li a:hover,
#l-sidebar-h ol li a, #l-sidebar-h ol li a:hover, #l-sidebar-h ul li ol li a, #l-sidebar-h ul li ol li a:hover
{ background:none;   margin: 0; padding: 0; }

#l-sidebar-h ul ol, #l-sidebar ul ol
{ background:none;   margin: 0 0 0 15px; padding: 0 0 5px 10px; }


#l-sidebar {
  width:181px;
  float:left;
  margin:0 0 0 0px;
  padding:0 0 0 5px;
font-size: 10px;
}

#r-sidebar {
  float: right;
  width: 314px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  line-height: 16px;
}
#r-sidebar ul {
  padding: 0px 0px 0px 0px;
}
#l-sidebar-h h2, #l-sidebar h2, #r-sidebar h2 {
  font-family:Arial;
  font-size:11px;
  text-transform:uppercase;
  text-align:center;
  color:#202020;
  margin:0px;
  padding:10px 0 0 0;
  height:28px;
}

/************************************************
*  Footer                                       *
************************************************/
#footer {
  width: 990px;
  height: 52px;
  margin: 0px auto 0px;
  padding: 0px;
}
#footer p {
  color: #000000;
  font-size: 11px;
  margin: 0px;	
  padding: 9px 0 0 0;
}
#footer a { color: #000000; text-decoration: none; }
#footer a:hover { color: #202020; text-decoration: underline;}
.footerleft {
  width: 340px;
  float: left;
  margin: 0px;
  padding: 8px 0px 8px 20px;
}
#footer .footerleft p a {padding:0 5px 0 5px;}
#footer .footerright p, #footer .footerright p a {color:#FFFFFF;}
.footerright {
  width: 580px;
  float: right;
  margin: 0px;
  padding: 8px 50px 8px 0px;
  text-align: right;
}

/************************************************
*  Comments                                     *
************************************************/
#commentblock {
  width: 405px;
  background: #f5f5f5;
  float: left;
  padding: 15px;
  margin: 10px 0px 0px 0px;
}
#commentblock ol {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.commentdate {
  font-size: 12px;
  padding-left: 0px;
}
#commentlist li p {
  margin-bottom: 8px;
  line-height: 16px;
  padding: 0px;
}
.commentname {
  color: #333333;
  margin: 0px;
  padding: 5px 5px 5px 0px;
}
.commentinfo{
  clear: both;
}
.commenttext {
  clear: both;
  margin: 3px 0px 10px 0px;
  padding: 20px 10px 5px 10px;
  width: 350px;
  background: #FFFFFF;
}
.commenttext-admin {
  clear: both;
  margin: 3px 0px 10px 0px;
  padding: 20px 10px 5px 10px;
  width: 350px;
  background: #FFFFFF;
}
.inpt {
  border:1px solid #c1c1c1;
  background:#FFF;
  width:100%;
  font-family:Arial; font-size:12px;
  color:#787878;
}