/**
 * Reviews CSS style sheet
 *
 * @author Martin Bean <martin@digitalpop.co.uk>
 * @copyright 2010 http://www.woohoobingo.com/
 * @version 1.5
 */

@import url('box.css');

#review_main, #review_sidebar {
    margin-top: 10px;
}
#review_main {
    width: 660px;
    float: right;
}
#review_sidebar {
    float: left;
    width: 180px;
}
#review_sidebar ul {
    margin-bottom: 1em;
}
#review_sidebar li {
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#review_sidebar li a {
    display: block;
    background: url('../images/review-bullet.gif') no-repeat 0 50%;
    padding-left: 8px;
    border-bottom: none;
}

#latest_reviews a.thumb, #main_review_image img, #featured_review a.thumb {
    border: 1px solid #000;
}
#main_review_image a {
    display: block;
    background-image: none;
    border: none;
    margin: 0;
    padding: 0;
}


/**
 * Review home page
 */
#review_index_right {
    float: right;
}
#latest_reviews, #featured_review, #how_to_earn_points {
    background: url('../images/review-bg.gif') no-repeat 50% 0%;
    width: 280px;
    height: auto;
    min-height: 218px;
    padding: 12px 15px 0px;
    /*border: 1px solid #ff9b0f;*/
}
/*
#how_to_earn_points {
    clear: right;
}
*/
#latest_reviews h2, #featured_review h2, #how_to_earn_points h2 {
    margin-top: 0;
}
#latest_reviews h3, #featured_review h3, #how_to_earn_points h3 {
    margin-bottom: 0.5em;
}
#latest_reviews {
    float: left;
}
#latest_reviews a.thumb, #featured_review a.thumb {
    display: block;
    margin: 0 0 0.5em 0.5em;
    float: right;
}
#featured_review {
    margin-bottom: 1em;
}
#featured_review a.thumb {
    float: none;
    border: none;
    margin-left: 0;
}
#featured_review a.thumb img {
    border: 1px solid #000;
}
#latest_reviews a.thumb img, #featured_review a.thumb img {
    display: block;
}
#latest_reviews ol, #latest_reviews li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#latest_reviews li {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}
#latest_reviews li .heading h3, #latest_reviews li .heading p.author {
    float: left;
    margin-right: 0.25em;
}
#latest_reviews li .heading p.author, #latest_reviews li p.more, #featured_review p.more {
    font-size: 11px;
    margin-bottom: 0;
}
#latest_reviews li .heading p.author {
    color: #333;
    padding-top: 1px;
}
#latest_reviews li p.excerpt {
    clear: left;
    margin-bottom: 0.5em;
}
#latest_reviews .star_rating {
    clear: left;
    margin-bottom: 0.5em;
}/*
#featured_review {
    float: right;
}*/
#featured_review p.more {
    margin-bottom: 1em;
}


/**
 * Review inner page
 */
#average_rating {
    float: right;
}
#average_rating p {
    font-size: 11px;
    text-align: right;
    margin-bottom: 0;
}
#average_rating div.star_rating {
    margin: 5px 0;
}
#main_review_image {
    float: left;
    width: 300px;
}
#site_overview {
    float: right;
    width: 50%;
}
#site_banner {
    display: block;
    border: none;
    margin-bottom: 1em;
}
#site_banner img {
    display: block;
    margin: 0 auto;
}
#site_features {
    font-size: 11px;
    float: left;
    width: 50%;
}
#site_features h3, #site_ratings h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    padding: 0;
}
#site_features dt {
    font-weight: bold;
    float: left;
    width: 140px;
    clear: left;
}
#site_features dd {
    margin-left: 140px;
    padding-bottom: 0.5em;
}
#site_ratings {
    font-size: 11px;
    float: right;
    width: 50%;
}
#site_ratings h3 {
    font-size: 12px;
    margin-bottom: 0;
}
#site_ratings h3 .num_ratings {
    font-weight: normal;
}
#site_ratings dl {
    clear: both;
    margin-bottom: 0.75em;
    overflow: auto;
}
#site_ratings dt {
    font-weight: bold;
    float: left;
    clear: both;
    padding-top: 6px;
}
#site_ratings dd {
    width: 110px;
    height: 22px;
    /*float: right;*/
    margin-left: 175px;
    padding-bottom: 3px;
}
#best_thing, #worst_thing, #about_chat {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ff9b0f;
}
#best_thing h2, #worst_thing h2, #about_chat h2 {
    margin-top: 0;
}
#best_thing p, #worst_thing p, #about_chat p {
    margin: 0;
}


/**
 * Member reviews section
 */
#member_reviews {
    clear: both;
    padding-top: 1em;
}
#member_reviews ol {
    margin: 0;
    padding: 0;
}
#member_reviews ol li {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    border-bottom: 1px dotted orange;
}
#member_reviews ol li .thumb {
    float: left;
    width: 100px;
    height: 100px;
    margin-bottom: 0.75em;
    overflow: hidden;
}
#member_reviews ol li .review {
    margin-left: 110px;
}
#member_reviews ol li .review_heading {
    padding-bottom: 0.5em;
    overflow: auto;
}
#member_reviews ol li .review_heading h3, #member_reviews ol li .review_heading p.author {
    float: left;
    margin: 0 0.25em 0 0;
}
#member_reviews ol li .review_heading .star_rating {
    float: right;
    width: 110px;
}
#member_reviews ol li .feedback {
    clear: left;
}
#member_reviews ol li .feedback p {
    font-size: 90%;
    margin: 0;
    padding: 0;
}
#member_reviews ol li .feedback p.report a {
    color: #c00;
    border-bottom-color: #c00;
}
#member_reviews ol li .feedback p.report a:hover {
    color: #f00;
    border-bottom-color: #f00;
}
#member_reviews ol li .feedback .left {
    text-align: left;
    float: left;
    width: 50%;
}
#member_reviews ol li .feedback .right {
    text-align: right;
    float: right;
    width: 50%;
}


/**
 * Rating widget with images and radio buttons
 */
.stars {
    overflow: auto;
}
.stars div {
    text-align: center;
    float: left;
    width: 23px;
    margin-right: 6px;
}
.stars div span.hint {
	color: #464646;
	font-size: 11px;
}
.stars div label, .stars div label img, .stars div input {
    display: block;
    margin: 0 auto;
}
.stars div label {
    margin-bottom: 3px;
}
.stars div label img {
    padding-right: 1px;
}


/**
 * Rate site page
 */
#rate_site_form .label {
	width: 150px;
	padding-top: 16px;
	float: left;
	clear: left;
}
#rate_site_form .input {
	margin-left: 150px;
	margin-bottom: 1.5em;
    border-bottom: 1px dotted orange;
}
#rate_site_form .input.submit {
	margin: 0;
	border-bottom: none;
}

#add_review_left {
	width: 50%;
	float: left;
}
#add_review_right {
	width: 50%;
	float: right;
}

.deposit_option {
	border: 1px solid #000;
}



#member_reviews #sort_reviews {
	margin-bottom: 1em;
	overflow: auto;
}
#member_reviews #sort_reviews label {
	padding-top: 4px;
}
#member_reviews #sort_reviews label,
#member_reviews #sort_reviews select,
#member_reviews #sort_reviews input {
	float: left;
	margin-right: 0.5em;
}
#member_reviews #sort_reviews select {
	margin-top: 1px;
}
#member_reviews #sort_reviews p.button {
	float: right;
	margin-bottom: 0;
}