/*   
Theme Name: Review Site
Theme URI: www.fiksie.com
Description: Just another Review site
Author: fiksie
Author URI: fiksie.com
*/

/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,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;}
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 of global reset */


/* ----- CSS ----- */

body{ background:url(images/body-bg.jpg) repeat-x #121212; font-family: Myriad Pro, Arial, Helvetica, sans-serif;}

/* ----- ID'S & CLASSES----- */

#wrapper { width:977px; margin: 0 auto;}

#header {width:977px; padding-top:20px; background:url(images/header-bg.png) no-repeat;}
#logo { width:300px; float:left; margin: 10px;}
#banner { width:468px; float:right; background:#000; height:60px; border: 1px solid #4e4e4e;}
#nav {width:977px; height:50px; background:url(images/menu-bg.png) no-repeat; float:left; margin-bottom:30px;}
#nav li { line-height:50px; font-size:17px; text-transform:uppercase; list-style-type:none; float:left; background:url(images/menu-a-bg.jpg) no-repeat 0 50%;}
#nav li a { padding:0 25px; line-height:48px; color:#fff; text-decoration:none; display:block; margin:1px 0 0 2px;}
#nav li a:hover { background:url(images/menu-a-hover-bg.jpg) 0 1px repeat-x;}
#nav #home:hover { background:url(images/home-li-bg.png) no-repeat;}
#nav #home a { background:url(images/home-bg.gif) no-repeat 15px 16px; padding-left:35px;}

#home-video { width:672px; height:261px; background:url(images/home-video-bg.png) no-repeat center; padding: 14px 0 0 305px;}

#content-top {width:977px; height:15px; background:url(images/content-top-bg.png) no-repeat; overflow:hidden;}
#content {width:977px; background:#fff; overflow:hidden;}
#content-bottom {width:977px; height:15px; background:url(images/content-bottom-bg.png) no-repeat; overflow:hidden;}

#main { width:570px; margin:0 20px; float:left;}
#main h1{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:40px; color:#b80000; font-weight:bold;}
#main h2{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:32px; color:#b80000; font-weight:bold;}
#main h3{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:28px; color:#b80000; font-weight:bold;}
#main h4{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:22px; color:#b80000; font-weight:bold;}
#main h5{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:18px; color:#b80000; font-weight:bold;}
#main h6{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#b80000; font-weight:bold;}

#main h3.title { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 24px; color:#696969; margin-bottom:30px; font-weight:bold;}
#main p { font-family: Arial, Helvetice, sand-serif; color:#696969; margin-bottom:20px;}
#main q {}
#main q { quotes: '»' '«' }
#main q { quotes: '„' '“' }
#main blockquote { margin: 1em 20px; padding-left: 50px; background: transparent url(images/quotes.jpg) no-repeat; font-style:italic; }
#main blockquote.pquote { width:200px; float:right; margin: 10px; padding:15px; background:none; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}


#main .ratings { }
#main .specifics { width:337px; float:left;}
#main .specifics h4 { width:317px; padding:0 10px; background:url(images/specifics-h3-bg.jpg) no-repeat; height:49px; line-height:22px; padding-top:10px; font-size:24px; font-weight:bold; text-align:center; }
#main .specifics h4 a {color:#b80000; text-decoration:none;}
#main .specifics table { background-color:#292626; width:337px; padding:0 5px; color:#dedede; font-family:Arial, Helvetica, sans-serif; }
#main .specifics .ratings td { border-bottom:1px solid #181616; border-top:1px solid #333030;}
#main .specifics table td {font-weight:bold; font-size:12px; vertical-align:middle; height:25px;}
#main .specifics .l-o-p {padding-bottom: 5px; background: url(images/l-o-p-bg.jpg) bottom no-repeat #292626;}
#main .specifics .l-o-p td {border-top:1px solid #333030; height:25px;}
#main .specifics table td img {margin-right:2px;}
#main .specifics table td a { color:#dedede; text-decoration:none;}
#main .specifics table td a:hover {text-decoration: underline;}
#main .product-image {width:177px; height:166px; background:url(images/product-image-bg.jpg) no-repeat; float:left; margin-left:20px; padding: 12px 0 0 17px;}
#main .product-image img { width:153px; height:143px;}
#main .review-links { text-align:center; clear:both; margin-bottom:30px;}
#main .review-links a { font-weight:bold; font-size:18px;}
#main ul li  {padding-left: 45px; background-color: #F9FDFF; border: 1px solid #DDEAF7; min-height: 55px; margin-bottom: 15px; padding-right: 15px; padding-top: 4px; padding-bottom: 6px; background-image: url(http://www.dietpillwhack.com/wp-content/themes/dietpill/images/checkmark.png); background-repeat: no-repeat; background-position: 11px 7px; line-height: 23px;}


#sidebar { width:320px; float:right; margin-right:15px; font-family: Arial, Helvetice, sand-serif;}
#sidebar #social li { width:320px; height:54px; background:url(images/social-li.jpg) no-repeat; padding-top:20px;}
#sidebar #social li a { color:#fff; padding-left:8px; font-size:16px; font-weight:bold; text-decoration:none; line-height:14px; height:35px; display:block;}
#sidebar #social li a span { font-size:12px; font-weight:normal; color:#CCCCCC;}
#sidebar #social li a img { float:left; margin-right:8px; margin-left:30px;}
#sidebar #social li.first { background:url(images/social-li-first.jpg) no-repeat; width:320px; height:54px;}
#sidebar #social li.last { background:url(images/social-li-last.jpg) no-repeat; width:320px; height:52px;}

#sidebar .sidebar-box { background:url(images/sidebar-box-bg.jpg) bottom no-repeat; padding-bottom:3px; margin-top:30px;}
#sidebar .sidebar-box h3 { background:url(images/sidebar-box-h3-bg.jpg) no-repeat; line-height:51px; font-size:22px; font-weight:bold; padding-left:10px; width:310px; color:#fff;}
#sidebar .sidebar-box li { background:url(images/sidebar-box-li-bg.jpg) repeat-x; height:34px; line-height:34px;}
#sidebar .sidebar-box li a { background:url(images/arrow.png) no-repeat 0 1px; padding-left:25px; color:#1959e8; font-size:16px; text-decoration:none; margin-left:10px; line-height:34px;}

#footer {width:957px; padding:10px;}

.review-h2 { font-size:24px !important; font-weight:bold; color:#91bd4d !important; font-family:Arial, Helvetica, sans-serif; border:none; margin-bottom:20px;}

.comment-text { font-family:"Courier New", Courier, Arial, monospace; width:390px; border-top:1px solid #f0edd8; background: url(images/upper-quote.jpg) no-repeat 6px 6px #fcfbef; padding:15px 15px 10px 25px; position:relative;}
.comment-text h3 { font-family:"Courier New", Courier, Arial, monospace !important; font-size:18px !important; font-weight:bold; color:#000000; margin-bottom:10px; color:#000 !important;}
.comment-text p { word-spacing:-1px; line-height:18px; margin-bottom:10px;}
.comment-text table { position:absolute; top:0; right:-170px; font-family:Arial, Helvetica, sans-serif;}
.comment-text table td { width:158px; background:#fcfbef; margin-bottom:3px; text-align:center; line-height:25px; vertical-align:middle; font-size:12px;}
.comment-bottom { background:url(images/comment-shadow.jpg) center top no-repeat; width:390px; padding:0 20px; display:block; margin-bottom:30px; height:20px; overflow:hidden; display:block;}
*+html .comment-bottom { margin-top:-3px;}
*html .comment-bottom { margin-top:-3px;}
.vcard { background: url(images/lower-quote.jpg) no-repeat right top; padding-top:10px; overflow:hidden; font-size:12px;}
.vcard cite { color:#000; font-weight:bold;}
.vcard span { color:#000; font-weight:bold;}
.vcard a { color:#000; text-decoration:none; font-weight:bold;}

.comment-input { display:inline; float:right; margin-right:10px;}
.comment-input li { background:none !important; padding:0 !important; margin-left:0 !important; margin-bottom:0 !important; border:none !important; min-height:30px !important;}
.comment-input p { margin-bottom:3px !important;}
.comment-input input { font-family:"Courier New", Courier, Arial, monospace; width:205px; height:45px; border:1px solid #d2d2d2; background:#f3f3f3; line-height:45px; padding:0 10px; font-size:16px;}
.comment-textarea textarea { font-family:"Courier New", Courier, Arial, monospace; width:340px; padding:10px; font-size:15px; height:220px; border:1px solid #e0e0e0; background:#f3f3f3; float:left; display:inline;}
.comment-textarea { margin:0 !important; width:340px;}

#commentform { position:relative; width:610px;}
#respond .ratings {width:228px; position:absolute; top:100px; right:10px; }
#respond h3 { font-size:24px !important; color:#666666 !important;}
html>body #respond .ratings{width:228px; float:right;}
*+html #respond .ratings { width:227px; margin-top:3px;}
*html #respond .ratings { width:227px; margin-right:10px; margin-top:-20px; display:inline}
#respond .ratings tr { width:227px; height:48px; float:right; line-height:45px;}
*+html #respond .ratings tr { height:47px;}
*html #respond .ratings tr { height:47px;}
#respond .ratings tr td { padding:0 5px; font-size:15px; font-weight:bold;}
#respond .ratings .rating_label { background: url(images/tr-bg.jpg) no-repeat top left #fff; width:140px; text-align:right;}
#respond .ratings .rating_value { background: url(images/tr-bg.jpg) no-repeat top right #fff; width:87px;}
#respond .ratings .rating_value img{width:12px; height:12px;}

#submit-button { width:215px; height:45px; border:none; margin-top:15px; background:url(images/sumbit-button.jpg) no-repeat; font-size:0px; text-indent:-30px;}
#submit-text { width:350px; float:left; font-size:10px; font-weight:bold; position:absolute; margin-top:15px; line-height:45px; padding:0 10px;}

#respond .rating_value a {background-image: url(../../plugins/review-site/star-empty-small.gif);width: 12px;height: 12px;display: block;float: left;}
#respond .rating_value .on {background-image: url(../../plugins/review-site/star-small.gif);}

.alignleft a {width:68px; height:30px; background:url(images/red-more-button.jpg) no-repeat; display:block; text-indent:-9999px;}

/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}