/*
Theme Name: Does the Product Work?
Theme URI: http://www.does-the-product-work.com/
Description: Theme for does-the-product-work.com.
Version: 1.0
Author: Owen Marsh
*/



/*
 * Browser Reset
 */
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
        font-weight: normal;
        font-style: normal;
}

fieldset, img { border: 0; }
img { vertical-align: middle; }

a:focus { outline: none; }
 
html {
	height: 100%;
	margin-bottom: 1px;
}

/*
 * Clearfix - courtesy of http://www.positioniseverything.net/easyclearing.html
 */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block; }
/* The following rule is skipped only by IE5 Mac \*/
.clearfix { display: block; }
/* End fix */

/*
 * Typography
 */

body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 9pt;
  color: #656565;
}

h1 { font-size: 200%; }
h2 { font-size: 183%; }
h3 { font-size: 167%; }
h4 { font-size: 150%; }
h5 { font-size: 133%; }
h6 { font-size: 117%; }
h1, h3, h5 { color: #0c6a9b; }
h1 span, h3 span, h5 span { color: #f70; font-weight: bold; }
h2, h4, h6 { color: #f70; }
h2 span, h4 span, h6 span { color: #0c6a9b; font-weight: bold; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.3em; }
p, blockquote { margin-bottom: 0.8em; }

a:link, a:visited { color: #3b728e; text-decoration: none }
a:hover { color: #f70; text-decoration: underline }
strong a:link, strong a:visited { color: #fe9500; }
strong a:hover { color: #333; }

/*
 * Page setup
 */

body {
  background: #fff url('/wp-content/themes/does-the-product-work/images/bg1.jpg') repeat-x top center;
}

div#wrapper {
  text-align: center;
  background: url('/wp-content/themes/does-the-product-work/images/shadow.jpg') no-repeat top center;
}

div#page {
  width: 1000px;
  margin: 0 auto;

  text-align: left;
}

/*
 * Header
 */

div#header { height: 120px; }
div#header img { padding-left: 40px; float: left; }

div#header ul {
  margin: 81px 22px 0 0;
  list-style-type: none;
  float: right;
}
div#header ul li { float: left }
div#header ul li a {
  width: 109px;
  height: 39px;
  margin-left: 5px;

  text-indent: -9000px;

  background-position: top center;
  background-repeat: no-repeat;
  display: block;
}
div#header ul li a:hover { background-position: bottom center; }

/* Main area */
div#main-wrap { background: url('/wp-content/themes/does-the-product-work/images/content_back.jpg') repeat-y }
div#main { padding-top: 40px; background: url('/wp-content/themes/does-the-product-work/images/content_top.jpg') no-repeat }

/*
 * Sidebar
 */

div#sidebar {
  width: 253px;
  padding-left: 16px;
  float: left;
}
div#sidebar div { width: 238px; margin-bottom: 20px; }
div#sidebar div div { width: auto; margin-bottom: 0 }

a.specialoffer{color: #0000ff; text-decoration: underline; font-weight: normal;}
a.specialoffer:hover{color: #fe9500; text-decoration: none; font-weight: normal;}
a.specialoffer:visited{color: #0000ff; text-decoration: underline; font-weight: normal;}

a.blue{color: #0000ff; text-decoration: underline; font-weight: normal;}
a.blue:hover{color: #fe9500; text-decoration: none; font-weight: normal;}
a.blue:visited{color: #0000ff; text-decoration: underline; font-weight: normal;}

a.cmt{color: #0000ff; text-decoration: underline; font-weight: normal;}
a.cmt:hover{color: #fe9500; text-decoration: none; font-weight: normal;}
a.cmt:visited{color: #0000ff; text-decoration: underline; font-weight: normal;}

/* Sidebar controls */
div#sidebar div.module { background: url('/wp-content/themes/does-the-product-work/images/sidebar_box_back.jpg') repeat-y; }
div#sidebar div.module .top { background: url('/wp-content/themes/does-the-product-work/images/sidebar_box_top.jpg') no-repeat top center; }
div#sidebar div.module .bottom { background: url('/wp-content/themes/does-the-product-work/images/sidebar_box_bottom.jpg') no-repeat bottom center; }
div#sidebar div.module .top h4 {
  margin: 0 0 0 15px;
  line-height: 37px;

  color: #fff;
  font-size: 18px;
}
div#sidebar div.module .top div {
  padding: 20px 15px;
}

div#sidebar .sep { display: block; }

/* Search box */
div#search-box {
  padding-bottom: 12px;
  background: url('/wp-content/themes/does-the-product-work/images/search_box_bottom.jpg') no-repeat bottom center;
}
div#search-box .top {
  padding-top: 9px;
  background: url('/wp-content/themes/does-the-product-work/images/search_box_top.jpg') no-repeat top center;
}
div#search-box .top h4 {
  margin: 0 0 22px 15px;

  color: #fff;
  font-size: 18px;
}
div#search-box form { text-align: center; }
div#search-box input.text {
  width: 156px;
  padding: 2px;
  margin-right: 2px;
}
div#search-box input { vertical-align: middle; }

/* Category box */
div#category-box ul { list-style-type: none; }
div#category-box li { border-top: 1px solid #8e9b9f; }
div#category-box a {
  height: 24px;
  margin: 0 1px;
  padding-left: 20px;
  line-height: 24px;
  display: block;

  color: #626262;
  font-size: 14px;
  text-decoration: none;
}
div#category-box a.active { background: url('/wp-content/themes/does-the-product-work/images/category_box_hover.jpg') repeat-x; }
div#category-box a:hover { background: url('/wp-content/themes/does-the-product-work/images/category_box_hover.jpg') repeat-x; }

/*
 * Content
 */

div#content {
  width: 649px;
  margin-left: 38px;
  float: left;
}
div#content div { margin-bottom: 20px; }
div#content div div { margin-bottom: 0; }

div#content .inset-left, div#content .alignleft {
  margin: 0 2em 1em 0;
  float: left;
}
div#content .inset-right, div#content .alignright {
  margin: 0 0 1em 2em;
  float: right;
}

/* Content controls */
div#content div.module { background: url('/wp-content/themes/does-the-product-work/images/content_box_back.jpg') repeat-y; }
div#content div.module .top { background: url('/wp-content/themes/does-the-product-work/images/content_box_top.jpg') no-repeat top center; }
div#content div.module .bottom { background: url('/wp-content/themes/does-the-product-work/images/content_box_bottom.jpg') no-repeat bottom center; }
div#content div.module .top h2 {
  margin: 0 0 0 44px;
  line-height: 35px;

  color: #39708d;
  font-size: 20px;
}
div#content div.module .top div {
  padding: 25px 18px;
}
div#content div.module .top div div { padding: 0; }
div#content div.module form input.text { padding: 2px; background-color: #eaf8ff; }
div#content div.module form textarea { background-color: #eaf8ff; }
div#content div.module form span.required { color: #ff9900; }

div#content div.attract { background: url('/wp-content/themes/does-the-product-work/images/attract_box_back.jpg') repeat-y; }
div#content div.attract .top { background: url('/wp-content/themes/does-the-product-work/images/attract_box_top.jpg') no-repeat top center; }
div#content div.attract .bottom { background: url('/wp-content/themes/does-the-product-work/images/attract_box_bottom.jpg') no-repeat bottom center; }
div#content div.attract .top h3 {
  color: #a8590c;
  font-size: 18px;
}
div#content div.attract .top div {
  padding: 1em;
  color: #b36b20;
  line-height: 1.5em;
}
div#content div.attract .top div a { color: #594108; }

/*
 * Footer
 */

div#footer {
  height: 32px;

  color: #a4c0d4;
  font-size: 11px;
  line-height: 32px;
  text-align: center;

  background-color: #494f53;
}
div#footer a:link, div#footer a:visited { color: #a4c0d4; }
div#footer a:hover { color: #fe9500; }

/*
 * Page-specific definitions
 */

/* Index page */
div#index-categories { line-height: 1.6em; }
div#index-categories a { margin: 0 0.4em; }
div#index-categories strong a { margin: 0; }
div#index-categories strong a:link,
div#index-categories strong a:visited { color: #0c96de; }

div#index-most-popular a { margin: 0 0.4em; }

div.index-reviews div.review {
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px dashed #b9cedd;
  color: #39708d;
}
div.index-reviews div.review_last { padding-bottom: 0 !important; margin-bottom: 0 !important; border-bottom: none; color: #39708d;}
div.index-reviews em a { text-decoration: underline; }

/*
a.excerpt-head {font-weight: bold; text-decoration: underline; color: #fe9500;}
a:hover.excerpt-head {font-weight: bold; text-decoration: none; color: #0c96de;}
*/

a.excerpt-head {font-weight: bold; text-decoration: underline; color: #0000ff;}
a:hover.excerpt-head {font-weight: bold; text-decoration: none; color: #fe9500;}

/* Newsletter page */
div#newsletter-signup { color: #39708d; }

/* Search results page */
div#search-big-box { background-image: url('/wp-content/themes/does-the-product-work/images/search_big_back.jpg') !important; }
div#search-big-box .top { background-image: url('/wp-content/themes/does-the-product-work/images/search_big_top.jpg') !important; }
div#search-big-box .bottom { background-image: url('/wp-content/themes/does-the-product-work/images/search_big_bottom.jpg') !important; }
div#search-big-box .top h2 {
  margin: 0 0 0 15px !important;
  line-height: 38px !important;

  color: #fff !important;
  font-size: 20px !important;
}
div#search-big-box .top div {
  padding: 13px !important;
  text-align: center !important;
}
div#search-big-box .top div div { padding: 0 !important; }
div#search-big-box input { vertical-align: middle !important }
div#search-big-box input.text { width: 400px !important; margin-right: 10px }

div#search-results .top div {
  line-height: 1.8em;
  padding-bottom: 10px !important;
}

/* Category page */
div#category-listing { line-height: 1.6em; }
div#category-listing .column { width: 306px; float: left; }
div#category-related .top div { padding-bottom: 10px !important; }
div#category-related a { margin: 0 0.4em; }

/* Product page */
div#product-vote-summary {
  width: 180px;
  height: 172px;
  padding: 42px 0 0 114px;
  
  color: #4d1b02;

  background: url('/wp-content/themes/does-the-product-work/images/votes.jpg');
  float: right;
}
div#product-vote-summary .reviews {
  width: 88px;
  height: 70px;
  margin: 22px 10px 0 0;
  padding-top: 12px;

  font-size: 16px;
  line-height: 1.2em;

  float: right;
}
div#product-vote-summary .reviews img { margin-top: 4px; }
div#product-vote-summary .votes span { display: block; }
div#product-vote-summary .votes .percent { font-size: 32px; font-weight: bold; }
div#product-vote-summary .votes .number { font-size: 16px; margin-bottom: 10px; }

div#product-intro { width: 342px; }

div#product-reviews div.review {
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px dashed #b9cedd;
}
div#product-reviews div.last { padding-bottom: 0 !important; margin-bottom: 0 !important; border-bottom: none; }
div#product-reviews strong { color: #000; }
div#product-reviews span.yes { color: #38c014; }
div#product-reviews span.no { color: #f00; }
div#product-reviews p { line-height: 1.2em; }
div#product-reviews div.user {
  margin-bottom: 0.2em;

  color: #0c96de;
  font-weight: bold;
}
div#product-reviews div.meta {
  padding-top: 0.2em !important;
  color: #a3adb4;
  font-size: 0.9em;
}
div#product-reviews div.meta a { color: #a3adb4; }

div#product-write { color: #39708d; }
div#product-related a { margin: 0 0.4em; }

p.firstreivewlink{ margin-top: 1em; }
a.firstreviewlink{ color: #0000ff; text-decoration: underline; font-style: normal; }
a:hover.firstreviewlink{ color: #fe9500; text-decoration: none; font-style: normal; }

span.noneyet{ font-size: 8pt; font-style: normal; font-weight: bold;}

p.incomplete-form{ color: #ff0000; }

h2.subhead{ color: #656565; font-size: 9pt; font-weight: bold;}

div#more-reviews p{ color:#000000; }
div#more-reviews a{ color:#0000ff; text-decoration: underline;}
div#more-reviews a:hover{ color:#fe9500; text-decoration: none;}

/* All Categories Page */
div.topcat_first{ margin-top: 0px; }
div.topcat{ margin-top: 10px; }
span.category_head{ font-weight: bold; }
div.subcat1{ margin-left: 15px; }
div.subcat2{ margin-left: 15px; }

div.form_error
{
	color: red;
}

div.form_error ul
{
	padding-left: 2em;
}

div.form_error ul li
{
	padding: 2.5px 0;
}

div.image_as_block
{
	float: right;
}

div#article{
	color: #000000; 
	line-height: 150%;
}

div#article h2{
	font-size: 12pt; 
	font-weight: bold; 
	margin-top: 1em;
}

div#article p{
	margin-left: 1em;
}