@charset "utf-8";

/* PimpReviews */

* { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: url(../images/background.gif) repeat-x top #121212; font-family: Arial, Helvetica, sans-serif; }

#wrap { width: 980px; margin: 18px auto; }
#head { background: url(../images/head.gif) no-repeat top; height: 100px; position: relative; } 
#head img.logo { position: absolute; border: none; left: -32px; top: -24px; }

/* Start Navigation */

ul#nav { width: 642px; list-style: none; position: absolute; top: -8px; left:0; }
ul#nav li { float:left; }
ul#nav li a { background: url(../images/navigation.gif) no-repeat; display: block; height: 40px; }
ul#nav li a span { display: none; }

ul#nav li.home a { width: 89px; background-position: 0 0; }
ul#nav li.new_reviews a { width: 122px; background-position: -89px 0; }
ul#nav li.special_offers a { width: 133px; background-position: -211px 0; }
ul#nav li.best_rated_sites a { width: 144px; background-position: -344px 0; }
ul#nav li.most_popular a { width: 154px; background-position: -488px 0; }

ul#nav li.home a:hover { width: 89px; background-position: 0 -40px; }
ul#nav li.new_reviews a:hover { width: 122px; background-position: -89px  -40px; }
ul#nav li.special_offers a:hover { width: 133px; background-position: -211px  -40px; }
ul#nav li.best_rated_sites a:hover { width: 144px; background-position: -344px  -40px; }
ul#nav li.most_popular a:hover { width: 154px; background-position: -488px  -40px; }

ul#nav li.home a.active { width: 89px; background-position: 0 -40px; }
ul#nav li.new_reviews a.active { width: 122px; background-position: -89px  -40px; }
ul#nav li.special_offers a.active { width: 133px; background-position: -211px  -40px; }
ul#nav li.best_rated_sites a.active { width: 144px; background-position: -344px  -40px; }
ul#nav li.most_popular a.active { width: 154px; background-position: -488px  -40px; }

#head a.bookmark { background: url(../images/ico_bookmark.gif) no-repeat left top; height: 18px; padding-left: 28px; color: #a2a8af; font-weight: bold; position: absolute; right: 20px; top: 0px; font-size: 14px;  padding-top: 2px; text-decoration: none; }
#head a.bookmark:hover { background-position: 0 -20px; color: #fff; text-decoration: underline; }

#head form.search { position: absolute; top: 43px; right: 20px; }
#head form.search input.s_txt { background: url(../images/search-trans.png) no-repeat; width: 393px; height: 17px; border: none; padding: 6px 10px; float:left; color: #666; }
#head form.search input.s_btn { float:left; margin: 2px 0 0 4px; }
#head form.search img.random { float:left; margin: 2px 0 0 10px; border: none; }

/* Start Content Layout */

#content { background: url(../images/content_bg.gif) repeat-y; }

#content #left { width: 148px; float:left; }
#content #main { width: 642px; float:left; padding-top: 48px; position: relative; }
#content #right { width: 190px; float:left; }

#footer { clear: left; background: url(../images/content_foot.gif) no-repeat bottom; height: 30px; padding: 0 0 22px 0; }
#footer p { color: #ccc; font-weight: bold; text-decoration: none; font-size: 11px; padding: 7px 11px; text-align: center; }
#footer ul { list-style: none; text-align: center; border-top: 1px solid #282828; padding-top: 8px; margin: 0 2px; }
#footer ul li { display: inline; padding: 0 1px; }
#footer ul li a { color: #ccc; font-weight: bold; text-decoration: none; font-size: 12px; padding: 7px 11px; }
#footer ul li a:hover {  border: 1px solid #666;padding:6px 10px; color: #fff; }

/* Start Left Content */

#content #left h1 { margin: 0 0 4px 2px; }
#content #left h1 span { display: none; } /* ensure text doesn't show for image headings */

#content #left .categories h1 { background: url(../images/left_h1_categories.gif) no-repeat; width: 146px; height: 26px; }
#content #left .categories ul { list-style: none; margin-left:2px; }
#content #left .categories ul li { border-bottom: 1px solid #3b3b3b; position: relative; }
#content #left .categories ul li span.count { position: absolute; right:10px; font-size: 11px; color: #686868; top: 4px; }
#content #left .categories ul li a { color: #fff; font-size: 13px; background: url(../images/ico_arrow.gif) no-repeat 6px center ;  padding: 4px 0 4px 18px; display: block; text-decoration: none; }
#content #left .categories ul li a:hover { background-color: #3b3b3b; }

/* Start Right Content */

#content #right h1 { margin: 0 2px 4px 0; }
#content #right h1 span { display: none; } /* ensure text doesn't show for image headings */

#content #right .top_rated h1 { background: url(../images/right_h1_toprated.gif) no-repeat right; width: 183px; height: 26px; }
#content #right .most_popular h1 { background: url(../images/right_h1_popular.gif) no-repeat right; width: 183px; height: 26px; }
#content #right .newest h1 { background: url(../images/right_h1_newest.gif) no-repeat right; width: 183px; height: 26px; }

/* Start Review Page Headings */
#content #right .score h1 { background: url(../images/right_review_h1_score.gif) no-repeat right; width: 183px; height: 26px; }
#content #right .galleries h1 { background: url(../images/right_review_h1_galleries.gif) no-repeat right; width: 183px; height: 26px; }
#content #right .subscription h1 { background: url(../images/right_review_h1_subscription.gif) no-repeat right; width: 183px; height: 26px; }
#content #right .subscription ul { height: 61px; background: url(../images/pimpprice.gif) no-repeat left; width: 176px; margin-top: 6px; }
#content #right .subscription ul li { border: none; text-align: right; }
#content #right .subscription ul li span { padding: 3px 10px 0 0; display: block; }
#content #right .subscription ul li.base { text-decoration: line-through; color: #ccc; }
#content #right .subscription ul li.pimp { font-weight: bold; }
#content #right .subscription ul li.pimp a { color: #fff; font-weight: bold; text-decoration: none; display: inline; padding:0; margin:0; }
#content #right .subscription ul li.pimp a:hover { text-decoration: underline; background: none; }
#content #right .details h1 { background: url(../images/right_review_h1_details.gif) no-repeat right; width: 183px; height: 26px; }
#content #right .previews h1 { background: url(../images/right_review_h1_previews.gif) no-repeat right; width: 183px; height: 26px; }

#content #right ul { margin-right:2px; list-style: none; margin-bottom: 12px; }
#content #right ul li { border-bottom: 1px solid #3b3b3b; position: relative; }
#content #right ul li a { color: #fff; font-size: 13px;  padding: 4px 0 4px 14px; display: block; text-decoration: none; }
#content #right ul li a span.number { float:left; margin: 2px 6px 0 0; font-size: 10px; color: #757575; }
#content #right ul li a span.rating { position: absolute; right:2px; font-size: 10px; margin: 2px; color: #4e4e4e; }
#content #right ul li a:hover span.rating{ color: #757575; }
#content #right ul li a:hover { background-color: #3b3b3b; }

/* Start Review Page Right Column Stuff */
#content #right .review-single ul { margin-bottom: 12px; list-style: none; }
#content #right .review-single ul li {  padding: 4px 0 4px 12px;  color: #fff; font-size: 13px; position: relative; }
#content #right .review-single ul li span.number { position: absolute; right: 4px; }
#content #right .review-single img { border: 1px solid #000; display: block; margin: 4px auto; }

/* Start Main Content */

#content #main .featured { position: relative; } 
#content #main .featured .head { background: url(../images/main_feature_head.gif) no-repeat; height: 65px; position: relative; }
#content #main .featured .head img.text { position: absolute; right: 20px; top: 15px; }
#content #main .featured .head .info { background: url(../images/main_feature_head_info.gif) no-repeat; height: 17px; text-align: right; padding: 2px 10px 0 0; color: #fff; font-size: 12px; position: absolute; right: 20px; top: 40px; width: 267px; }
#content #main .description, #content #main .reviews .bg, #content #main .review-single .bg { background: url(../images/main_bg.gif) repeat-y; padding: 1px;  }
#content #main .review-single .categories {background: url(../images/grey_bg.gif) repeat-y; padding: 5px 20px; font-size: 11px; text-transform: uppercase; color: #666; }
#content #main .review-single .categories a { color: #666; }
#content #main .featured .description img.preview { position: absolute; top:4px; left: 14px; border: 1px solid #000; }
#content #main .featured .description h1 { font-size: 20px; margin: 3px 0 3px 276px; font-family: Georgia, "Times New Roman", Times, serif; }
#content #main .featured .description .thumbs { margin-left: 273px; }
#content #main .featured .description .thumbs img { float:left; margin-left: 3px; border: 1px solid #555; }
#content #main .featured .description p { clear:left; font-size: 13px; line-height: 18px; margin: 6px 24px 6px 332px; padding: 4px 0; color: #16487d; } 
#content #main .footer { background: url(../images/main_footer.gif) no-repeat; height: 14px; }
#content #main .featured .description p a { color: #000; }
#content #main .featured .description p a:hover { color: #1668be; }
#content #main .rating { position: absolute; background: url(../images/rating_bg-trans.png) no-repeat; width: 101px; height: 90px; }
#content #main .rating .number { font-size: 34px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; display: block; text-align: center; margin-top: 14px; color: #16487d; }
#content #main .rating .rank { display: block; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #333; }
#content #main .featured .description .rating { left: 222px; top: 152px; }

 #content #main .reviews .bg { padding: 20px; }

#content #main .reviews { clear: both; }
#content #main .reviews .head, #content #main .review-single .head { background: url(../images/main_head.gif) no-repeat; height: 65px; position: relative; }
#content #main .reviews .head img.heading { position: absolute; left: 20px; top: 15px; }
#content #main .reviews .head p, #content #main .review-single .head p { color: #fff; font-size: 12px; text-transform: uppercase; position: absolute; left: 20px; top: 40px; margin:0;  }
#content #main .reviews .review {  border-bottom: 1px solid #dbdbdb; position: relative; margin: 10px 0; padding: 10px 0; }
#content #main .reviews .review img { float:left; margin: 3px 20px 20px 0; border: 1px solid #000; }
#content #main .reviews .review h1 { font-size: 20px; margin: 0 0 3px 0; font-family: Georgia, "Times New Roman", Times, serif; }
#content #main .reviews .review p.reviewed, #content #main .reviews .review p.reviewed a { color: #888; font-size: 12px; margin-bottom: 4px; }
#content #main .reviews .review p.reviewed a:hover { color: #333; }
#content #main .reviews .review p.price { color: #121212; font-size: 12px; font-weight: bold; line-height: 20px; }
#content #main .reviews .review p.description  { font-size: 13px; line-height: 18px; background: none; padding: 4px 0; color: #16487d; margin-bottom: 6px; } 
#content #main .reviews .review .rating { right: 0px; top: 0px; }

#content #main .review-single .head h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-style: italic; padding:12px 0 0 19px; margin:0; font-size:20px; }
#content #main .review-single p { margin: 6px 20px 16px 20px; font-size: 13px; line-height: 20px; }
#content #main .review-single h2 { margin: 6px 20px; padding: 0 0 3px 0; border-bottom: 1px solid #dbdbdb;  }
#content #main img.review_img { border: 1px solid #000; float: right; margin:20px 20px 20px 20px; }

#content #main .footer { background: url(../images/main_footer.gif) no-repeat; height: 14px; position: relative; margin-bottom: 18px; }
#content #main .footer .more { background: url(../images/main_review_more_bg.gif) repeat-x; height: 28px; position: absolute; right: 20px; top: 13px; z-index: 1; width: 130px; }
#content #main .footer .more a { background: url(../images/main_review_more_left.gif) no-repeat left; height: 28px; color: #ababab; font-size: 12px; float:right; width: 130px; }
#content #main .footer .more a span { height: 23px; background: url(../images/main_review_more_right.gif) no-repeat right; padding: 5px 14px 0 20px; cursor: pointer; float:right; }
#content #main .footer .more a:hover { color: #fff; }

#content #main .links { margin-bottom: 4px; float:right; }
#content #main .links a { background: url(../images/main_btn_left.gif) no-repeat top left #16487d; font-size: 12px; color: #fff; height: 19px; text-decoration: none; margin-right: 8px; float:left;  }
#content #main .links a span { background: url(../images/main_btn_right.gif) no-repeat top right; cursor: pointer; padding: 2px 12px 2px 18px; height:15px; float:left; }
#content #main .links a:hover { background-position: 0 -19px; background-color: #bb0000; }
#content #main .links a:hover span { background-position: right -19px; }

#content #main .comments { background: #2c2c2c; color: #8b8b8b; padding: 20px; margin: 40px 20px 20px 20px; font-size:12px; }
#content #main .comments h2 { font-size: 18px; font-weight: normal; margin: 4px 0; border: none; }
#content #main .comment p { color: #fff; margin: 4px 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #3b3b3b; }
#content #main .comment .info { position: relative;  }
#content #main .comment .info span.date { position: absolute; right:0; }

#content #main #postcomment input.txt { border: 1px solid #ccc; background: #b1b1b1; }
#content #main #postcomment textarea { width: 350px; }
#content #main #postcomment p { margin: 8px 0; }
#content #main #postcomment label { float:left; width: 160px; }

#content #main #pagination { margin: 0 5px; float: right; font-size: 12px; }
#content #main #pagination strong { float:left; padding: 4px; margin: 1px; border: 1px solid #999999; color: #999999; }
#content #main #pagination a { float:left; padding: 4px; margin: 1px; border: 1px solid #9aafe5; text-decoration: none; color: #1668be; font-weight: bold; }
#content #main #pagination span.current { float:left; padding: 4px; margin: 1px; border: 1px solid #1668be; background: #1668be; color: #fff; font-weight:bold; }