@charset "utf-8";
/* CSS Document */
body {
background: #f4e7b3 url(images/bg.jpg) repeat-x;
color: #000000;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}
img {
border: 0;
}
.main {
margin: auto;
width:1000px;
text-align: left;
}
.header {
float:left;
width:1000px;
background-color: #fe8f45;
height: 100px;
border:2px solid #f4e7b3;
border-top:0;
}
.logo {
float:left;
padding:10px;
}
.slogan {
float:left;
padding-top:40px;
padding-left:10px;
text-transform: uppercase;
font-weight:bold;
color: #fff0d8;
font-size:20px;
}
.search {
float:right;
padding-top:40px;
padding-right:20px;
}
.nav {
float:left;
margin-top:-10px;
margin-left:15px;
}
.navli {
background-image: url(images/navbg.gif);
float: left;
margin-right:10px;
width:150px;
height: 35px;
text-align: center;
font-size:18px;
}
.navli a {
padding-top:5px;
float:left;
text-align: center;
width:150px;
color: #e06603;
text-transform: uppercase;
font-weight:bold;
text-decoration: none;
}
.navli a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.content {
float:left;
margin-top:5px;
margin-bottom:20px;
border:2px solid #f49628;
background-color:#FFFFFF;
width:1000px;
}
.rside {
float:right;
margin-top:5px;
padding-right:5px;
padding-bottom:5px;
width:300px;
text-align: center;
}
.rhead {
font-size:20px;
font-weight:bold;
color: #f07b2c;
text-align: left;
padding:5px;
float:left;
width:300px;
}
.rfriends a {
float:left;
text-align: left;
padding:5px;
color: #333333;
text-decoration: none;
width:140px;
}
.lhead {
font-size:20px;
font-weight:bold;
color: #f07b2c;
text-align: left;
padding:10px;
float:left;
width:670px;
}
.vhead {
font-size:20px;
font-weight:bold;
color: #f07b2c;
text-align: center;
padding:10px;
float:left;
width:670px;
}
.vplayer {
float:left;
padding-top:5px;
padding-bottom:5px;
width:690px;
text-align: center;
}
.vinfor {
float:right;
width:330px;
text-align: right;
font-size: 14px;
margin-right:15px;
}
.vinfol {
float:left;
width:330px;
text-align: left;
font-size: 14px;
margin-left:15px;
}
.plug {
margin:10px;
margin-right:0;
float:left;
width: 160px;
text-align: center;
}
.pimg {
border:1px solid #999;
float:left;
}
.plink {
font-size:13px;
padding-top:5px;
padding-bottom:5px;
float:left;
}
.plink a {
color: #212121;
}
.pinfor {
float:right;
font-size:11px;
width:75px;
padding-right:5px;
text-align: right;
}
.pinfol {
float:left;
font-size:11px;
width:75px;
padding-left:5px;
text-align: left;
}
.downloadfull {
background-color: #F2F2F2;
padding:5px;
float:left;
margin-left:140px;
font-size:16px;
font-weight: bold;
color: #666666;
}
.downloadfull a {
text-decoration: none;
}
.downloadfull a:hover {
text-decoration: underline;
color: #000000;
}
.navigation ul{
	margin: 0;
	padding: 0;
	text-align: center; /*Set to "right" to right align paging interface*/
}
.navigation li{
	list-style-type: none;
	display: inline;
}
.navigation a {
	display: inline;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration: none;
	font-weight: bold;
	margin: 2px;
	text-align: center;
	height: 20px;
	vertical-align: middle;
	border: 1px solid #CCC;
	font-size: 15px;
	color: #666;
}
.navigation li a:hover {
	background: #EEEEEE;
	color: #333;
}
.navigation li .selected {
	background: #f6741e;
	border: 1px solid #fdb07c;
	color: #FFF;
}
.bottomnav {
	float: left;
	width: 700px;
	text-align: left;
}
.footer {
width:1000px;
float:left;
padding-bottom:10px;
text-align:center;
}
.dottedline {
    border-bottom: 1px dotted Orange;
}

/* rating.css author robert rusanu @thinkwithstyle.com*/


/*  --------------------- HERE COMES THE RATING PART ------------------------  */

ul.rating {list-style: none;position: relative;width: 100px;height: 20px;background-image: url("ratings.png");background-position: -100px 0;background-repeat: no-repeat;padding: 0;left: 50px;margin-left: -50px;overflow: hidden;}
.rating li {margin: 0;padding: 0;float: left;}
.rating li a {display: block;position: absolute;width: 20px;height: 20px;text-indent: -9999px;overflow: hidden;z-index: 20;}

ul.worst { background-position: -80px 0;}
ul.bad { background-position: -60px 0;}
ul.fair { background-position: -40px 0;}
ul.good { background-position: -20px 0;}
ul.best { background-position: 0 0;}

.rating a.worst { left: 0; }
.rating a.bad { left: 20px; }
.rating a.fair { left: 40px; }
.rating a.good { left: 60px; }
.rating a.best { left: 80px; }

.rating li a:hover {background: transparent url("star.png") left top repeat-x;left: 0;z-index: 1;}

.rating a.worst:hover {width: 20px;}	
.rating a.bad:hover {width: 40px;}
.rating a.fair:hover {width: 60px;}
.rating a.good:hover {width: 80px;}
.rating a.best:hover {width: 100px;}


/* -----------------------END RATING ---------------------------------------------- */