/*
Theme Name: ReviewPress
Author: Sebastian Rosenkvist
Tags: review, theme
*/

@import "style/css/reset.css";
@import "style/css/slider.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
background:#e0e0e0 url(style/images/bg.jpg) repeat-x;
font-family:arial;
}

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

#header {
overflow:hidden;
}

#logo {
float:left;
}

#navigation {
float:left;
margin-left:30px;
margin-top:102px;
}
#navigation a {
color:#FFF;
text-decoration:none;
}
#navigation a:hover {
color:#FFF;
text-decoration:underline;
}
#navigation li {
float:left;
margin-right:5px;
background:url(style/images/navi-bg.gif) repeat-x;
border-left: 1px solid #9db3ca;
border-right: 1px solid #9db3ca;
border-top: 1px solid #9db3ca;
padding:6px;
color:#FFF;
font-size:12px;
font-weight:bold;
}

#searchWrap {
background:url(style/images/search-bg.jpg) no-repeat;
position:absolute;
top:0;
right:20px;
width:321px;
height:48px;
text-align:center;
}
.input {
background:#FFF url(style/images/input-bg.gif) repeat-x;
border:1px solid #171717;
padding:3px;
margin-top:6px;
width:230px;
}
.submitButton {
vertical-align:top;
margin-top:6px;
}
/** main **/
#mainWrapper {
margin-top:5px; *margin-top:3px;
width:960px;
background:#FFF;
overflow:hidden;
border-right:1px solid #BBB;
border-left:1px solid #BBB;
padding-bottom:20px;
}

#main {
padding-top:20px;
padding-right:20px;
width:500px;
background:#fff;
float:left;
}

#leftSidebar {
width:140px;
float:left;
margin-left:20px;
margin-right:20px;
}

.leftSidebarBox {
margin-top:20px;
background:#d6e3e9;
width:140px;

}

.leftSidebarBox li {
background:url(style/images/cat-arrow.gif) no-repeat left;
border-bottom:1px dotted #a0b8c1;
padding-left:14px;
padding-top:4px;
padding-right:4px;
padding-bottom:5px;
font-size:12px;
}
.leftSidebarBox a {
color:#000;
text-decoration:none;
}
.leftSidebarBox a:hover {
color:#000;
text-decoration:underline;
} 
.hBox {
background:url(style/images/hBox-bg.gif) repeat-x;
height:16px;
font-size:14px;
color:#fff;
padding:6px;
}

#featureWrap {
float:left;
width:500px;
position:relative;
margin-bottom:20px;
}
#featBadge {
background:url(style/images/feat-badge.png) no-repeat;
position:absolute;
width:59px;
height:63px;
z-index:1000;
}
.featTitle {
position:absolute;
z-index:2000;
background:url(style/images/feat-bg.png);
bottom:10px;
left:10px;
padding:6px;
font-size:22px;
font-weight:normal;
}
.featRating { 
position:absolute;
z-index:2000;
background:#000;
bottom:10px;
right:10px;
padding:6px;
font-size:22px;
font-weight:normal;
color:#FFF;
}
.featTitle a {
color:#59a8fe;
text-decoration:none;
}

#showItems {
clear:both; *clear:none;
}
.item {
margin-bottom:20px;
overflow:hidden;
}
.item a {
color:#4891b2; text-decoration:none;
}
.item a:hover {
text-decoration:underline;
}

#showItems h1 {
font-size:20px;
font-weight:normal;
border-bottom:2px solid #AAA;
padding-bottom:1px;
color:#666;
margin-bottom:16px;
}
#showItems h2 {
font-size:18px;
font-weight:normal;
background:url(style/images/line.gif) no-repeat bottom;
padding-bottom:3px;
float:left;
width:300px;
margin-bottom:3px;
color:#4891b2;
}
.itemCats {
font-size:12px;
color:#666;
margin-bottom:2px;
}
.itemCats a {
color:#888;
text-decoration:underline;
}
.itemCats a:hover {
text-decoration:none;
}
.itemDescrip {
font-size:12px;
line-height:16px;
color:#111;
margin-bottom:3px;
}
.itemVisit {
float:left;
margin-right:7px;
}
.itemRead{
float:left;
}
.itemRating {
background:url(style/images/ratingBg.png) no-repeat;
float:right;
font-size:12px;
color:#FFF;
font-weight:bold;
width:91px;
height:17px;
text-align:center;
padding-top:1px;
}
.thumb {
border:1px solid #000;
float:left;
margin-right:10px;
}
.reviewThumb {
border:1px solid #000;
float:left;
margin-right:8px;
}

/** sidebar **/
#sidebar {
width:240px;
margin-right:20px;
margin-top:20px;
float:left;
}
.sidebarBox {
background:#d6e3e9;
margin-bottom:20px;
}
.subscribe {
font-size:12px;
padding:8px;
}
.sidebarBox li {
background:url(style/images/cat-arrow.gif) no-repeat left;
border-bottom:1px dotted #a0b8c1;
padding-left:14px;
padding-top:4px;
padding-right:4px;
padding-bottom:5px;
font-size:12px;
overflow:hidden;
}
.sidebarBox a {
color:#000;
text-decoration:none;
}
.sidebarBox a:hover {
color:#000;
text-decoration:underline;
} 
/*** footer styles ***/
#footer {
background:#414141 url(style/images/footer-bg.gif) repeat-x;
border-right:1px solid #333;
border-left:1px solid #333;
width:940px;
padding:10px;
font-size:12px;
color:#FFF;
}
#footer a {
color:#4891b2;
text-decoration:none;
font-weight:bold;
}

/*** single styles ***/
#reviewTop {
border-top:1px solid #bbb;

background:url(style/images/reviewTop-bg.gif) repeat-x;
padding:10px;
overflow:hidden;
margin-bottom:20px;
}
#reviewTop a {
color:#4891b2; text-decoration:none;
}
#reviewTop a:hover {
text-decoration:underline;
}
#reviewTop h2 {
float:left;
font-size:18px;
font-weight:normal;
color:#222;
width:205px;
margin-bottom:5px;
}

#reviewRating {
background:url(style/images/rating-bg.jpg) no-repeat;
width:81px;
height:70px;
position:absolute;
top:10px;
right:10px;
}

#reviewRating h1{
font-size:28px;
font-weight:normal;
color:#FFF;
text-align:center;
padding-top:5px;
}
#reviewRating p {
font-size:12px;
font-weight:bold;
color:#FFF;
text-align:center;
padding-top:9px;
}
#reviewVisit {
position:absolute;
right:10px;
bottom:12px; *bottom:10px;
}
.reviewInfo {
width:205px;
margin-bottom:5px;
font-size:12px;
color:#444;
float:left;
}
.sideName {
float:left;
}
.sideRating {
float:right;
font-weight:bold;
padding-right:3px;
}

#reviewContent {
font-size:12px;
margin-bottom:20px;
}
#reviewContent h1{
font-size:26px;
font-weight:normal;
}
#reviewContent h2{
font-size:18px;
font-weight:normal;
}
#reviewContent h3{
font-size:16px;
font-weight:normal;
}
#reviewContent p {
line-height:16px;
}
#reviewContent a {
color:#4891b2; text-decoration:none;
}
#reviewContent a:hover {
text-decoration:underline;
}

/*** page styles ***/
.pageH1 {
font-size:20px;
font-weight:normal;
border-bottom:2px solid #AAA;
padding-bottom:1px;
color:#666;
margin-bottom:16px;
}

/*** comments styles ***/
#commentsWrap h1 {
font-size:20px;
font-weight:normal;
border-bottom:2px solid #AAA;
padding-bottom:1px;
color:#666;
margin-bottom:16px;
}
.theComment {
background:#E6E6E6;
border:1px solid #cfd3d8;
padding:8px;
overflow:hidden;
margin-bottom:14px;
}
.avatar {
float:left;
margin-right:5px;
}
.theComment h3 {
font-size:14px;
color:#333;
margin-bottom:3px;
}
.theComment p {
font-size:12px;
color:#111;
}
.commentDate {
float:right;
font-size:12px;
color:#333;
}
.commentInput {
border:1px solid #CCC;
padding:4px;
}
.commentLabel {
font-size:12px;
color:#666;
}