@charset "utf-8";
/* CSS Document */

body {
	font: 80% "Trebuchet MS", Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	width:auto;
    background:url('../images/background.png') ;
	background-repeat:repeat-x;
	background-color:#E9E9E9;
	color:#212121;
}

section,article,nav,header,footer,aside {
	display:block;
}
#page{
	text-align: left;
	margin:20px auto 0;
	width:977px;
}
#page header#header {
	background: #3399FF;
	width:977px;
	height:160px;
	display:block;
	position:absolute;
	z-index:100;
}

#page header#header #logo {
	float:left;
	width:350px;
	height:50px;
	margin-top:-10px;
}
#page #main {
	width:975px;
	background-color: #FFFFFF;
	border:#999999 solid 1px;
}
#page #main section#sub-panel {
    float: left;
    margin-top: 155px;
    padding: 10px;
    width: 350px;
}

#page #main section#main-panel {
    display: block;
    float: right;
    margin-top: 150px;
    min-height: 400px;
    padding: 10px;
    width: 580px;
	/*background:#E9E9E9;*/
	border-left:1px solid #999999;
}
#page #main section#main-panel article {
	display:block;
	line-height:1.4em;
}
#page #main section#main-panel article div.horizontal-rule {
	border-bottom:1px solid #ffffff;
	margin:0px 30px 10px 40px;
	padding-top:5px;
	font-size:1px;
	line-height:1px;
	clear:both;
}
#page #main section#main-panel article section {
	clear:both;
}
#page #main section#main-panel article section hr {
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-top: 5px
}
footer {
	width:100%;
	display:block;
	height:150px;
	padding-top:40px;
    background:url('../images/background-bottom.png') ;
	background-repeat:repeat-x;
	color:#FFFFFF;
	margin-top:-20px;
}
footer a { color: #FFFFFF; text-decoration:none;}
footer a:visited { color: #FFFFFF; text-decoration:none;}
footer a:hover { color: #FFFFFF; text-decoration:none;}
footer a:focus { outline: thin dotted; text-decoration:none;}

#page footer nav#footer-nav{
	float:right;
}


h1, h2, h3, h4{
	color:#3399FF;
	font-weight:normal;
	text-shadow: 1px 1px 1px #CCCCCC;
	font-size:25px;
	display:block;
	outline:0;
	text-decoration:none;
	margin:12px;
}
/*MICROFORMATION*/

.item a{
	border:1px solid #000000;
	padding:5px;
	background-color:#333333;
	display:block;
	width:100px;
}
.item{
	width:120px;
	float:left;
}

.itemsmall a{
	border:1px solid #000000;
	padding:5px;
	background-color:#333333;
	display:block;
	width:50px;
}
.itemsmall{
	width:60px;
	float:left;
}


.rating  {
  margin-bottom: 10px;
  width: 150px;
  background: url('../images/star_gray.gif') 0 0 repeat-x;
  text-indent: -9999px;
  float:left;
}

.rating div {
  height: 15px;
  background: url('../images/star_yellow.gif') 0 0 repeat-x;
}

.rating div[title="1"] {
	width: 20%;
}

.rating div[title="1.5"] {
	width: 30%;
}
.rating div[title="2"] {
	width: 40%;
}

.rating div[title="2.5"] {
	width: 50%;
}

.rating div[title="3"] {
	width: 60%;
}

.rating div[title="3.5"] {
	width: 70%;
}

.rating div[title="4"] {
	width: 80%;
}

.rating div[title="4.5"] {
	width: 90%;
}


/* for stars page */

#stars {
	width:200px;
}

.top-banner{
    background-color: #FFFFFF;
    border: 1px solid #212121;
    float: right;
    margin-top: 0;
    padding: 7px;
}
.promotion-banner{
    background-color: #3399FF;
	border:#999999 dotted 2px;
    margin-top: 0;
    padding: 7px;
}

.promotion-banner-deal{
    background-color: #FFFFFF;
	background-image:url('../images/banner-background.png');
	background-repeat:no-repeat;
	background-position:left bottom;
	border:#999999 dotted 2px;
    margin-top: 0;
    padding: 7px;
}


.bar{
    background-image: url("../images/bar.png");
    clear: both;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 20px;
    height: 44px;
    margin-bottom: 20px;
    margin-left: -30px;
    padding: 7px 0 0 55px;
    width: 340px;
}
.review-wording{
	float:right;
	width:435px;
}
.review-logo{
	float:left;
	width:110px;
}

.review-wording-small{
    float: left;
    margin-left: 10px;
    width: 420px;
}
.review-logo-small{
	float:left;
	width:60px;
}

.play-now{
	width:auto;
	float:right;
	margin-top:-20px;
}

.post-inner{
	background-color:#E9E9E9;
	padding:5px;
	border:#999999 dotted 2px;
}

.post-inner-review{
  	/*background-color:#FF99CC;*/
	background-image:url('../images/banner-background.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding:5px;
	border:#666666 dotted 2px;
	margin-top:5px;
}

.main-bullet{
	text-align:left;
}

.main-bullet ul {
	padding:0;
	margin:0;
}
.main-bullet ul li {
	font-size:11px;
	line-height:18px;
	list-style:none;
	padding:0;
	margin:0;
}
.main-bullet ul li .listMeta {
	font-size:10px;
}
.main-bullet ul li a {
	color:#3399FF;
	border-top:1px dotted #3399FF;
	display:block;
	width:95%;
	margin:0 auto;
	padding:4px 0 4px 25px;
	background:url(../images/bullet-postit.gif) no-repeat 5px 8px;
}
.main-bullet ul li a:hover {
	text-decoration:none;
	color:#000;
	background:url(../images/bullet-postit-on.gif) no-repeat 5px 8px #FF99FF;
}

.social{
	float:left;
    margin-left:10px;
	width:44px; 
}

.bonus{
 padding:10px;
 border:1px solid #FFFFFF; 
 background-color:#333333; 
 display:block;
}