/*  Theme Name: OCHostReview */

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, input.text, button, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family:inherit;
	font-weight:inherit;
	font-style:inherit;
	vertical-align:baseline;
	margin:0; padding:0; border:0; outline:0;
}
caption, th, td { text-align:left; font-weight:normal; }
table { border-collapse:separate; border-spacing:0; }
blockquote:before, blockquote:after, q:before,q:after { content: ""; } 
blockquote, q { quotes: "" ""; }
body { 
	margin:0; 
	padding:0;
	line-height:1.5em;
	letter-spacing:0;
	text-indent:0;
	text-decoration:none;
}




/* ---------- Page Setup ---------- */

/* --- Structure --- */

html { height:100%; }


body { background:url('images/bg/body-bg-y.jpg') repeat-y center center; }

#header {
	width:100%;
	background:#fff;
}

#header-content {
	width:900px;
	height:70px;
	margin:0 auto;
	padding-top:20px;
}

#menubar {
	width:1000px;
	margin:0 auto;
}

#menubar_bg {
	width:100%;
	height:48px;
	background:url('images/bg/menu-bg-full.jpg') no-repeat center center;
}

.container {
	width:900px;
	margin:0 auto;
}

.container.main { min-height:600px }

#left-content {
	width:560px;
	padding-top:30px;
	float:left;
	position:relative;
}

#full-content {
	padding-top:34px;
	float:left;
}

#sidebar {
	width:300px;
	padding:10px 0 14px;
	float:right;
	position:relative;
	background:url('images/bg/sidebar-bg-y.jpg') left top repeat-y;
}

#footer {
	width:100%;
	height:64px;
	margin-top:40px;
	background:url('images/bg/footer-bg.jpg') center top no-repeat;
}


/* ---------- Typography ---------- */

/* --- Main --- */

body {
	font-size:13.5px;
	font-family:Arial, sans-serif; 
	color:#555;
}

/* --- Headers --- */

h1 {
	color:#383838;
	font-size:26px;
	font-face:Arial,Helvetica,sans-serif;
	font-weight:bold;
	letter-spacing:-0.04em;
	padding:0 0 16px;
}

h2 {
	font-size:20px;
	font-weight:normal;
	padding:6px 0 16px;
	color:#404040;
	letter-spacing:-0.04em;
}

h3 {
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:6px 0 16px;
}

h4 {
}

h5 {
}

h6 {
}

#sidebar h6 {
	font-size:20px;
	font-weight:bold;
	padding:4px 0 12px;
	letter-spacing:-0.03em;
	text-align:center;
	color:#4f4e4e;
}

/* --- Basics --- */

p {
	margin:0 0 12px;
	color:#555;
	font-size:13.5px;
	line-height:1.7em;
}

.justify { text-align:justify; }

em { font-style:italic }

small,
.small { font-size:0.9em }

.big { font-size:1.2em }

strong, 
.strong { font-weight:bold }


/* --- Lists --- */

ul {
	margin-left:16px;
	color:#555;
	font-size:13.5px;
}


/* --- Misc --- */


p.error,
p.info,
p.success {
	padding:6px 20px;
	margin:4px 0 8px;
}

p.error {
	border:1px solid #f88;
	background:#fee;
}

p.info {
	border:1px solid #ff7;
	background:#ffd;
}

p.success {
	border:1px solid #9f9;
	background:#dfffdf;
}






/* ---------- General HTML ---------- */

/* --- Links --- */

a, a:link, a:visited {
	color:#3798CD;
	text-decoration:none;
}

a:hover, 
a:focus, 
a:active,
a.selected {
	color:#3798cd;
	text-decoration:underline;
}





/* --- Forms --- */

input.text:focus,
input.text::-moz-focus-inner {
	border:none;
	outline:none;
}

input.submit {
	padding:8px 14px;
	font-size:12px;
	cursor:pointer;
	border:1px solid #aaa;
	background:#eee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 0 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);
	box-shadow:0 0 1px rgba(0,0,0,0.3);
}

input.submit:hover, 
input.submit:focus {
	border:1px solid #999;
	background:#f0f0f0;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.6);
	box-shadow:0 0 3px rgba(0,0,0,0.6);
}

input.text,
input#dekoboko_name,
input#dekoboko_email,
input#dekoboko_subject {
	outline:0;
	border:1px solid #777;
	padding:8px 10px;
	color:#444;
	font-size:12px;
	font-family:"Lucida Grande", "Arial", sans-serif
}

textarea {
	outline:0;
	border:1px solid #777;
	color:#444;
	padding:8px 10px;
	font-family:"Lucida Grande", "Arial", sans-serif;
	font-size:12px;
}

input.text:focus,
textarea:focus {
	border:1px solid #333;
	color:#111;
	outline:0;
}

.form-left {
	width:150px;
	text-align:right;
	float:left;
	margin-right:10px;
}

#respond .form-left { width:140px; }

.form-right {
	width:390px;
	float:left;
	text-align:left;
}

label { cursor:pointer }

#dekoboko_form label,
#submit-review-form label {
	padding-top:3px;
}

.form-left p.desc {
	font-size:0.84em;
	color:#777;
}
span.required { color:#e00 }

input.star { cursor:pointer }



/* --- Tables --- */

table { width:100% }

th { 
	font-weight:bold;
	padding:8px 8px 3px;
}

td { padding:2px 8px; }

td.num {
	text-align:right;
	padding:2px 12px 2px 2px;
}
td.company { max-width:160px; }
td.flag { text-align:center; }
td.flag img { width:20px;height:14px;vertical-align:-2px; }


/* --- Alignment --- */

.clear { clear:both }
.clear10 { clear:both; height:10px }
.clear20 { clear:both; height:20px }

.block { display:block }

.left { float:left }
.right { float:right }
.auto { margin:0 auto }

.alignleft { text-align:left }
.alignright { text-align:right }
.aligncenter { text-align:center }

.sep {
	width:100%;
	border-bottom:1px dashed #bbb;
	height:12px;
	margin-bottom:12px;
}


/* ---------- Content Styles ---------- */


/* --- Header --- */

#keep-updated {
	background:url('images/bg/keep-updated-box.jpg') left top no-repeat;
	width:301px;
	height:70px;
	float:right;
}

a#twitter-button,
a#rss-button {
	background:url('images/twitter.jpg') left top no-repeat;
	width:46px;
	height:46px;
	float:right;
	display:block;
	margin:14px 14px 0 0;
	opacity:0.65;
	filter:alpha(opacity=65);
}

a#rss-button {
	background:url('images/rss.jpg') left top no-repeat;
	margin-right:46px;
}

a#rss-button:hover, a#rss-button:focus, a#rss-button:active, 
a#twitter-button:hover, a#twitter-button:focus, a#twitter-button:active {
	opacity:1;
	filter:alpha(opacity=100);
}


/* --- Menu Bar --- */

ul#nav { 
	list-style:none;
	margin:0 auto;
	padding-top:7px;
	margin-left:6px;
}

ul#nav li {
	float:left;
}

ul#nav li a {
	display:block;
	padding: 5px 20px;
	color:#818181;
	text-decoration:none;
	font-size:14.5px;
	letter-spacing:-0.03em;
}

ul#nav li a:hover, 
ul#nav li a:focus, 
ul#nav li a:active,
ul#nav li a.selected {
	text-decoration:underline;
}

#header-search {
	background:url('images/bg/search-box.jpg') left top no-repeat;
	width:238px;
	height:29px;
	float:right;
	margin:0 64px 0 0;
}

#header-search input#s {
	height:14px;
	width:149px;
	font-size:12px;
	letter-spacing:0.02em;
	color:#888;
	margin:8px 7px 0px 14px;
	float:left;
	ouline:0;
	border:0;
	padding:0;
}

#header-search input#search_submit {
	background:url('images/bg/search-box.jpg') -170px top no-repeat;
	width:68px;
	height:29px;
	text-indent:-999em;
	cursor:pointer;
	float:left;
	ouline:0;
	border:0;
	padding:0;
	margin:0;
}


#header-search input#search_submit:focus,
#header-search input#search_submit:hover {
	background:url('images/bg/search-box.jpg') right top no-repeat;
	ouline:0;
	border:0;
	padding:0;
	margin:0;
}


/* --- Buttons --- */

a.submit-review, 
a.compare-providers,
a.visit-website {
	display:block;
	height:38px;
	background:url('images/buttons.png') 0 0 no-repeat;
}

a.submit-review { width:184px; }
a.submit-review:focus, a.submit-review:hover { background-position:0 -38px; }
a.submit-review:active { background-position:0 -37px; }

a.compare-providers { width:210px; background-position:-184px 0; }
a.compare-providers:focus, a.compare-providers:hover { background-position:-184px -38px; }
a.compare-providers:active { background-position:-184px -37px; }

a.visit-website { float:right; width:170px; background-position:-396px 0; }
a.visit-website:focus, a.visit-website:hover { background-position:-396px -38px; }
a.visit-website:active { background-position:-396px -37px; }


input.submit-review {
	display:block;
	text-indent:-999em;
	height:38px;
	background:url('images/buttons.png') 0 0 no-repeat;
	float:right;
	border:0;
	outline:0;
	padding:0;
	margin:30px 35px 0 0;
	width:182px;
	cursor:pointer;
}
#submit-review-form input.submit-review { margin:0 }
input.submit-review:hover, input.submit-rating:focus { background-position:0 -38px; }
input.submit-review:active { background-position:0 -37px; }
input.submit-review::-moz-focus-inner { border: none; outline:none }






/* --- Rating Stars --- */

.stars-21-blank,
.stars-21-full {
	background:transparent url('images/stars-21.png') left top no-repeat;
	height:24px;
	width:124px;
	float:left;
}

.stars-21-full {
	background-position:left -54px;
}


.stars-30-blank,
.stars-30-full {
	background:transparent url('images/stars-30.png') left top no-repeat;
	height:38px;
	width:162px;
	float:left;
}

.stars-30-full {
	background-position:left -71px;
}

.user-review .stars-30-blank {
/*	margin-left:24px;*/
}





/* --- Archive Review Entries --- */

.user-review {
/*	padding-bottom:24px;*/
}

.user-review img.avatar {
	max-width:64px;
	max-height:64px;
	float:left;
	margin-left:20px;
}

.user-review .stars {
	float:left;
	width:460px;
	height:40px;
/*	padding-left:28px;*/
}

.user-review p.author {
	float:left;
	width:460px;
	padding:8px 0 0 20px;
	margin:0;
	color:#464646;
	font-size:12.5px;
}

.user-review p.author a {
	font-weight:bold;
}




/* --- Ratings --- */

ol.ratingslist {
	list-style:none;
	margin:0;
	padding:0;
}

.form-right-stars {
	width:180px;
	float:left;
	text-align:left;
}

p.before-submit {
	float:right;
	width:210px;
	color:#777;
	font-size:0.84em;
	font-style:italic;
}




/* --- Comment Bubbles --- */

.comment-bubble {
	background:url('images/bg/comment-body.gif') no-repeat left top;
	width:570px;
	padding-top:46px;
	margin:4px auto 0;
}

.comment-bubble p {
	margin:0 36px;
	padding:0 0 9px;
	color:#363636;
	font-size:13px;
	line-height:1.6em;
}

.comment-bubble-bottom {
	background:url('images/bg/comment-body.gif') no-repeat left bottom;
	width:570px;
	height:18px;
	clear:both;
	margin:0 auto 10px;
}





/* --- JQuery Star Ratings Plugin CSS --- */


div.star-rating {
	float:left;
	width:34px;
	height:34px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden;
}

div.star-rating,
div.star-rating a {
	background:transparent url('images/stars-30.png') no-repeat 0 0;
}

div.star-rating a {
	display:block;
	width:34px;
	height:100%;
	background-position:0 -2px;
	border:0;
}

div.star-rating-on a {
	background-position:0 -73px!important;
}

div.star-rating-hover a {
	background-position:0 -37px;
}

/* Read Only CSS */
div.star-rating-readonly a {
	cursor:default!important;
}

/* Partial Star CSS */
div.star-rating {
	background:transparent!important;
	overflow:hidden!important;
}





/* --- Content --- */


/*?*/
p.edit-post {
	position:absolute;
	right:0;
	top:10px;
}


.archive h2 { padding-bottom:6px }


/* --- Sidebar --- */

#sidebar-top {
	width:300px;
	height:8px;
	background:url('images/bg/sidebar-bg-top.jpg') left bottom no-repeat;
	position:absolute;
	top:-6px;
	left:0;
}

#sidebar-bottom {
	width:300px;
	height:9px;
	background:url('images/bg/sidebar-bg-bottom.jpg') left bottom no-repeat;
	position:absolute;
	bottom:0;
}

#sidebar .widget {
	margin:0 26px;
	padding:10px 0;
}

#sidebar .widget p { color:#676767 }

#sidebar .widget ul {
	color:#676767;
	line-height:1.28em;
	margin-left:10px;
	font-size:13px;
}

#sidebar .widget ul li { margin: 0 0 8px; }



/* --- Footer --- */

#footer p {
	color:#cfcfcf;
	text-align:center;
	padding-top:22px;
}

#footer a { color:#ddd; }


/* ---------- Additional ---------- */