@charset "utf-8";


/* review index */
#latest_reviews_covers {
	width:900px;
	height:180px;
}

#latest_reviews_covers li {	
	list-style-type:none;
	float:left;
	padding:5px 15px 15px 15px;
}

#latest_reviews_covers li img {
	height:150px;	
	width:150px;
}

#more_recent_reviews {
	width:480px;
	margin-bottom:20px;	
	background-color:#337899;
}

#more_recent_reviews a, #more_recent_reviews a:visited
{
	background-position:420px 4px;
	background-repeat:no-repeat;
	text-decoration:none;
}

#more_recent_reviews h2 {
	color:#fff;
}

#more_recent_reviews li a:hover, #latest_reviews a:active {
	background-color:#4B9FD1;
	text-decoration:none;
}

#more_recent_reviews li a {
	color:#fff;
	text-decoration:none;
}


#most_popular_reviews {
	margin-left:20px;
	width:460px;
}

#most_popular_reviews li a {
	background-position:405px center;
}

#review_order_select {
	margin:0px 0px 20px 20px;
	width:420px;
	background-color:#FD5F15;
	color:#fff;
	text-align:center;
}

#review_order_select select {
	text-align:center;
}

#review_order_select option {
	padding:2px 15px 0px 10px;
	text-align:center;
}


/* ordered reviews */
#ordered_reviews {
	width:650px;
	background-color:#fff;
	padding:0px;
	font-size:1.3em;
	margin-bottom:20px;
}

#ordered_reviews .title {
	width:650px;
}

#ordered_reviews .list {
	margin-top:15px;
}

#ordered_reviews li a {
	background-position:595px 4px;
}

#ordered_reviews h1 {
	font-size:1.4em;
	margin:0px;
	color:#fff;
	padding:10px 0px 0px 20px;
}

#ordered_reviews h2 {
	color:#fff;
	font-size:1.2em;
	line-height:11pt;
	padding:0px 0px 10px 20px;
	margin:0px 0px 0px 0px;
}

#ordered_reviews h3 {
	padding:10px 20px 0px 20px;
	border-bottom:1px #333 solid;
	margin:0px;
	font-size:1.3em;
}

#ordered_reviews h3 span {
	background-image:url(../gfx/design/ratings/review.gif);
	background-color:inherit;
	background-repeat:no-repeat;
	padding:0px;
	margin:0px 0px 3px 0px;
}



/* soundtracks & reviews */
#reviews {
	width:690px;
	margin:0 0 20px;
}

.title {
	background-color:#337899;
	color:#fff;
	padding:15px 0px;
	width:690px;
}

.title h1 {
	padding:5px 20px 0px 20px;
	margin:0px;
	font-size:2em;
}

.title h2 {
	padding:0px 0px 5px 20px;
	margin:0px;
	font-size:1.4em;
}


.review {
	padding:20px;
}

.review h4 {
	font-size:0.8em;
	margin-top:8px;
}

#credits {
	width:250px;
}

#credits div {
	margin-top:20px;
}

#credits h3 {
	margin-top:15px;
}


.review {
	font-size:1.4em;
	background-color:#fff;
}

.review blockquote {
	padding:0px;
	margin:0px;
	font-size:1.2em;
	line-height:1em;
	text-align:center;
	font-weight:bold;
}

.review .body {
	margin-top:10px;
	text-align:justify;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
}

.review h4 {
	font-size:0.7em;
	font-weight:normal;
	padding:5px 0px;
}

.cover {
	width:250px;
	height:250px;
	background-repeat:no-repeat;
}

.tags {
	width:230px;
	background-color:#333;
	color:#fff;
	padding:10px;
	font-size:1.2em;
}

#ratings {
	background-color:#fff;
	width:210px;
	padding:20px;
	text-align:center;
}

#tracklists {
	margin:20px 0px 20px 0px;
	width:690px;
	padding:0px;
} 

#tracklists h2 {
	padding:20px 0px 5px 20px;
} 

#tracklists li a {
	padding:2px 20px;
	display:block;
	text-decoration:none;
	color:#333;
	cursor:default;
}  

#tracklists li a:hover {
	background-color:#BFDAED;
} 

#tracklists div {
	padding:20px 20px 10px 20px;
} 

.edit-soundtrack {
	color:#fff;
	text-align:center;
	width:250px;
	margin:0 0 20px;
}

.edit-soundtrack a {
	background:url(../gfx/design/bg/bg_btn_edit.jpg) no-repeat 0 0;
	display:block;
	height:36px;
	text-decoration:none;
	color:#fff;
	padding:14px 0 0 0;
	font-size:18px;
	font-weight:bold;
}

.edit-soundtrack a:hover {
	background:url(../gfx/design/bg/bg_btn_edit.jpg) no-repeat 0 -50px;
	text-decoration:none;
}


.review .rating {
	background-image:url(../gfx/design/ratings/review.gif);
	background-repeat:no-repeat;
	padding:6px 0px;
	line-height:10px;
	margin:0 auto;
}

.sst a {
	background:	url(../gfx/design/sst.jpg) no-repeat;
	height:60px;
	width:250px;
	display:block;
	cursor:pointer;
	margin-top:20px;
	border-radius:8px;
}

/* Star Rating, by Rogie at KomodoMedia
http://komodomedia.com/blog/index.php/2007/01/20/cssStarRating-redux/*/
.yourRating,
.yourRating a:hover,
.yourRating a:active,
.yourRating a:focus,
.visitorRating .currentRating
{
	background:url(../gfx/design/ratings/visitors.gif) left -1000px repeat-x;
}

.emptyStars
{
	background-image:url(../gfx/design/ratings/visitors.gif);
	background-repeat:repeat-x;
	width:100%;
	z-index:1;
}

.clickedStars
{
	background-image:url(../gfx/design/ratings/visitors.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	z-index:1;
}


.yourRating,
.visitorRating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:auto;
	padding:0px 0px 2px 0px;
	background-position: left top;
}

.yourRating li,
.visitorRating li 
{
	display: inline;
}

.yourRating a,
.visitorRating .currentRating,
.visitorRating .emptyStars,
.yourRating .clickedStars
{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

.yourRating a:hover,
.yourRating a:active,
.yourRating a:focus 
{
	background-position: left bottom;
	cursor:pointer;
}
.yourRating a.one{
	width:10%;
	z-index:11;
}
.yourRating a.two{
	width:20%;
	z-index:10;
}
.yourRating a.three{
	width:30%;
	z-index:9;
}
.yourRating a.four{
	width:40%;
	z-index:8;
}
.yourRating a.five {
	width:50%;
	z-index:7;
}
.yourRating a.six{
	width:60%;
	z-index:6;
}
.yourRating a.seven{
	width:70%;
	z-index:5;
}
.yourRating a.eight{
	width:80%;
	z-index:4;
}
.yourRating a.nine{
	width:90%;
	z-index:3;
}
.yourRating a.ten {
	width:100%;
	z-index:2;
}

.excellent-track {
	color:#0099CC;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:10px;
}
.review-plus {
	padding: 0 0 0 25px;
	display:block;
	background-image:url(../gfx/icons/markitup/review-plus.png);
	background-color:inherit;
	background-repeat:no-repeat;
}
.review-minus {
	padding: 0 0 0 25px;
	display:block;
	background-image:url(../gfx/icons/markitup/review-minus.png);
	background-color:inherit;
	background-repeat:no-repeat;
}


.visitorRating .currentRating{
	z-index:2;
	background-position: left center;
}