﻿body {
	background-image: url(../layout/bg.jpg);
}
/*-----Header Area-----*/
#headcontainer {
    background-image: url(../layout/orange/headbg.jpg);
}
#head {
    background-image: url(../layout/orange/header.jpg);
}
#search input.search_button{
	background-image: url(../layout/orange/searchbutton.png);
}
a.link:link, a.link:visited{
    background-image: url(../layout/orange/link.png);
}
a.link:hover, a.link:active{
	text-shadow: -1px -1px 0px #003a00;
}
/*-----Body-----*/
#bodycontainer{
    width: 1000px;
    margin: auto;
	margin-top: 5px;
}
#block{
	background-image: url(../layout/orange/blockbg.png);
}
#featured{
    background-image: url(../layout/blue/feat_bg.png);
}
#home_recent{
	border-left: solid 1px #553a20;
	min-height: 240px;
    background-image: url(../layout/orange/contenthead.png);
}
#content{
	background-image: url(../layout/orange/contenthead.png);
	border-left: solid 1px #553a20;
}
#recent{
    background-image: url(../layout/orange/contenthead.png);
}
#view_side{
    width: 240px;
	min-height: 250px;
    padding: 2px 5px 5px 5px;
    float: left;
    background-image: url(../layout/orange/view_block.png);
    background-repeat: no-repeat;
}
#view_side span a{
	color: white;
}
#view_side span a:hover{
	text-decoration: underline;
}
#view_sidebox{
	width: 238px;
	padding: 5px;
	border: solid 1px #743900;
	border-right: solid 1px #2c1600;
	border-bottom: solid 1px #2c1600; 
	background-color: #3e1f00;
	margin-left: -5px;
}
#fave_button{
	background-image: url(../layout/faves.jpg);
	border: 0px;
	color: #e0e0e0;
	width: 150px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	text-shadow: -1px -1px 0px #202020;
}
/*-----Recent Item Links-----*/
a#rec_item:hover, a#rec_item:active {
   background-color: #383028;
}
a#rec_item b, a#rec_item b:hover {
	color: #ffaa00;
}
/*--Columns--*/
#columns {
    background-image: url(../layout/orange/columnsbg.png);
}
/*-----Footer-----*/
#footcontainer {
    background-image: url(../layout/orange/footbg.jpg);
}
/*-----Links and Text-----*/
a:link, a:visited {
    color: #ffaa00;
}
a:hover, a:active{
    color: white;
}
/*The Rating System*/
.star-rating{
	list-style: none;
	margin: 3px;
	padding: 0px;
	width: 160px;
	height: 20px;
	position: relative;
	background: url(../layout/ratings.png) top left repeat-x;
}
.star-rating li{
	padding:0px;
	margin:0px;
	float: left;
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	z-index: 20;
	position: absolute;
	padding: 0px;
	background-image:none;
}
.curr_rate{
	display: block;
	height: 20px;
	background-image:  url(../layout/ratings.png);
	background-position: 0px -20px;
}
.star-rating li a:hover{
	background: url(../layout/ratings.png) left bottom;
	z-index: 1;
	left: 0px;
}

.star-rating a.one{left: 0px;}
.star-rating a.one:hover{width:20px;}
.star-rating a.two{left:20px;}
.star-rating a.two:hover{width: 40px;}
.star-rating a.three{left: 40px;}
.star-rating a.three:hover{width: 60px;}
.star-rating a.four{left: 60px;}
.star-rating a.four:hover{width: 80px;}
.star-rating a.five{left: 80px;}
.star-rating a.five:hover{width: 100px;}
.star-rating a.six{left: 100px;}
.star-rating a.six:hover{width: 120px;}
.star-rating a.seven{left: 120px;}
.star-rating a.seven:hover{width: 140px;}
.star-rating a.eight{left: 140px;}
.star-rating a.eight:hover{width: 160px;}