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

body{
background-color:#cc0000;
font-family:"Trebuchet MS";
}

a:link {
text-decoration: underline;
border:0px;
color:#fff600;
}

a:active {
text-decoration: underline;
border:0px;
color:#fff600;
}

a:visited {
text-decoration: underline;
color:#fff600;
}
a:hover {
text-decoration: underline;
color:#fff600;
}

#header{
padding-left:25px;
display:block;
}

#menu{
width:150px;
height:auto;
float:left;
}

#menu li{
width:150px;
height:26px;
background-image: url(button.jpg);
background-repeat:no-repeat;
color:#fff600;
font-size:14px;
font-weight:bold;
float:left;
margin-top:1px;
padding-top:5px;
padding-left:5px;
list-style-type:none;
}

#container{
width:650px;
height:100%;
float:left;
display:block;
}

#container h1{
font-size:20px;
height:22px;
width:600px;
float:left;
margin-top:4px;
margin-bottom:4px;
font-weight:bold;
color:#fff600;
}
#container h2{
font-size:16px;
font-weight:bold;
color:#ffff60;
}

#container h3{
font-size:14px;
text-align:center;
font-weight:bold;
color:#fff600;
margin-top:0px;
}

#cont{
list-style-type:none;
background-image: url(libg.jpg);
background-repeat:no-repeat;
width:620px;
display:block;
height:126px;
float:left;
margin-top:4px;
}

#list{
list-style-type:none;
float:left;
font-size:12px;
padding-left:2px;
margin-right:8px;
margin-bottom:8px;
padding:0px;
}

#bio{
list-style-type:none;
width:620px;
float:left;
font-size:12px;
padding-left:2px;
margin-right:8px;
margin-bottom:8px;
padding:0px;
}

#images{
width:640px;
height:240px;
overflow:auto;
scrollbar-base-color: red;
scrollbar-arrow-color: red;
scrollbar-DarkShadow-Color: red;
}

#list h2{
text-align:center;
font-size:24px;
font-weight:bold;
margin-top:40px;
letter-spacing:-1px;
color:#fff600;
}

#list h3{
font-size:14px;
text-align:center;
font-weight:bold;
color:#fff600;
line-height:14px;
margin-top:0px;
}

#more{
font-size:18px;
color:#fff600;
border-bottom:1px;
border-bottom-style:dotted;
border-color:#fff600;
}

#img{
float:left;
font-weight:bold;
padding-left:2px;
position:relative;
width:320px;
height:240px;
margin-right:8px;
margin-bottom:8px;
padding:0px;
}


span.img{
position:absolute;
display:block; 
color:#fff;
top:224px;
left:2px;
font-size:12px;
}

span.imgsh{
position:absolute;
color:#000;
top:225px;
left:3px;
font-size:12px;
display:block;
}

#perf{
margin-top:4px;
margin-left:18px;
height:120px;
width:120px;
float:left;
line-height:14px;
}
#sidebar{
width:186px;
height:250px;
background-image: url(sidebar.jpg);
padding-top:2px;
background-repeat:no-repeat;
float:left;
}

#sidebar h2 {
font-size:16px;
font-weight:bold;
color:#fff600;
line-height:5px;
margin-left:5px;
}

#sidebar p{
font-size:13px;
margin-left:3px;
font-weight:200;
color:#fff600;
}

  
   star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;

}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}