* {
	padding: 0;
	margin: 0;
	}
	
/*img, #wrapper { behavior: url(iepngfix.htc); }*/

a:link {
	text-decoration: underline;
	color:blue;
}

a:visited {
	text-decoration: underline;
	color:green;
}

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 100%;
	height:100%
	}
	
body {
	background: url(../images/bg_top.jpg) no-repeat top center fixed;
	width: 100%;
}

#wrapper {
	position:relative;
	padding:0px 45px 0px 45px;
	margin: 0 auto 0 auto;
	width: 751px;
	text-align: left;
	min-height:100%;
	_height:100%;
	/* for IE6 as it does not understand the min-height property*/
	}
	
#content_2col {
	background: url('../images/bg_two_column.gif') repeat-y;
}

#content_1col {
	background: white;
}

#header {
	background: #000066 url('../images/header.gif') 0 0px no-repeat;
	height:150px;
	}

#sidebar {
	position:relative;
	width:180px;
	float:right;
	padding:15px;
	height:100%;
	}

#footer {
	position:relative;
	text-align: center;
	width: 750px;
	background-color:#000066;
    clear:both;
    height: 30px;
	padding:15px 0px 0px 0px;
	margin: 0 auto 0 auto;
	margin-top:-45px;
	/* again edit the '100px' to match the height of your footer. 
	This will move the footer up negatively exactly the same height 
	as the footer so that its back in the view and always appears 
	to rest at the bottom of the page */
	}

#two_column, #one_column {
	float:left;
	width:510px;
	padding:0px 0px 0px 15px;
	margin:0px;
	padding-bottom:30px; /* edit the '100px' to match the height of your footer */
	}
	
#two_column img {
	float: left;
	padding: 0 15px 10px 0;
}
		
#one_column {
	width:720px;
	}
	
.clearing {
	height: 0;
	clear: both;
}

.roundedbox {
	background:#D4EDFC;
	padding:10px;
	margin-bottom:5px;
	}
/*
#nav {
	background-image:url('../images/navigation.gif');
	height:22px;
	padding:0px;
	margin:0px;
	}

#nav ul{
    list-style:none;
    }
	
#nav li{
    display:inline;
	padding:5px 0px 0px 22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	float: left;
	position: relative;
    }
	
#nav li a:link, #nav li a:visited {
	color:#000066;
	text-decoration: none;
	}
	
#nav li a:hover {
	color:green;
	text-decoration: none;
}
*/

/*---------- login crumb ----------*/

#login {
	float: right;
	color: white;
	margin: 10px 20px 0px 0px;
	font: 9px "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: bold;
}

#login a, #login a:link {
	color: white;
}

#login a:hover {
	color: gray;
}

/* Type Styling */
p, li, .fixtures th, .fixtures td, .admintable th, .admintable td {
	font: normal 10px "Lucida Grande", Arial, Verdana, sans-serif;
	line-height: 1.3em;
	}
	
#one_column li, #two_column li {
	list-style: circle;
	list-style-position: outside;
	margin-left: 13px;
	padding-bottom: 4px;
}
	
h1, h1 a, h1 a:link, h1 a:visited {
	clear: both;
	color: #000066;
	font-family: Arial, Verdana, sans-serif;
	font-size: 28px;
	font-weight:lighter;
	margin:0px 0px 15px 0px;
	padding:0px 0px 3px 0px;
	text-decoration: none;
	}
	
.news_title {
	margin:0px 0px 5px 0px;
	padding:0px 0px 3px 0px;
	}
		
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000066;
	font-size: 12px;
	line-height: 16px;
	font-weight:lighter;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	}
	
h3 {
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:0.8em;
	font-weight:lighter;
	color:#000066;
	margin:0 0 3px 0;
	}

h4 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #000066;
	font-size:1em;
	font-weight: lighter;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.author {
	margin:8px 0px 5px 0px;
	color:#000066;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
	}
	
.date {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000066;
	}
	
.pagelinks {
	margin:8px 0px 30px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#000066;
	text-transform: uppercase;
	letter-spacing:2px;
	}
	
p.date {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#000066;
	}
	
.comments {
	font-family: "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
	margin:0px 0px 30px 0px;
	}
	
.commentbox {
	margin:0px 0px 10px 0px;
	padding:10px;
	background: rgb(220,222,224);
	}
	
#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:10px;
	}
	
#footer a:link {
	color:white;
	/*color: rgb(146,146,150);*/
}

#footer a:visited {
	text-decoration: underline;
	color:white;
}

#sidebar a:link, #sidebar a:visited {
	color:#000066;
	text-decoration: none;
}

#sidebar a:hover {
	color:#000066;
	text-decoration: underline;
}

.movieback {
	padding: 0px;
	margin: 0px;
}

.moviesubhead {
	border-top: 1px solid #000066;
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
}

/*---------------- Forms styling ----------------*/

form button {
	margin: 10px 0px 25px 0px;
	padding: 5px;
	border: 1px solid gray;
}

form#send {
	text-align: center;
	margin-left: 0px;
	width: 150px;
}

form#checkbox {
	margin: 0px 10px 0px 200px;
}

form.inputdata {
	background-color: #66ffff;
	border: 1px solid gray;
	padding: 3px;
	font-size: 10px;
}

p.formlabel {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	color: #009FE3;
	font-size: 10px;
}

.adminfield {
	display: block;
	padding: 4px 4px 4px 4px;
	margin-top: 2px;
	border: 1px solid gray;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 250px;
	background: white no-repeat 3px 3px;
}

form input#password, form input#password_confirm {
	width: 125px;
}

form input#firstname, form input#surname {
	width: 165px;
}

form input#email_address {
	width: 250px;
}

form input#verify {
	margin-top:3px;
	width: 40px;
}

form input#link, form input#url {
	width: 350px;
}

form select#category {
	width: 110px;
	border: 1px solid gray;
}


/*---------------- Table styling ----------------*/

.fixtures th {
	text-align:center;
	background-color: #000066;
	color: #FFFFFF;
	font-weight: bold;
	width:150px;
	}
	
.fixtures tr {
	text-align:center;
	background-color: rgb(220,222,224);
	}
	
.fixtures tfoot {
	text-align: left;
	}
	
.tablesubhead {
	text-align: left;
	color: #000066;
	font-style: italic;
	padding-left: 5px;
}

.results th {
	text-align:center;
	background-color: #000066;
	color: #FFFFFF;
	font-weight: bold;
	}
	
.results tr {
	text-align:center;
	background-color: rgb(220,222,224);
	}
	
.fixtures tfoot {
	text-align: left;
	}

.admintable {
	width: 100%;
}

.admintable, .averages {
	margin-top:10px;
	text-align:center;
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
	color: #474A51;
	font-size: 10px;
}

.admintable td, .averages td {
	padding:4px 8px 4px 8px;
	background:#c7c8ca;
	color:black;
}

.admintable thead tr th, .averages thead tr th {
	padding:4px 8px 4px 8px;
	background:#472A82;
	color:white;
	font-weight:bold;
}

/*---------------- bread crumb styling ----------------*/

#bread_crumb {
	font: bold 9px "Lucida Grande", Verdana, Arial, sans-serif;
	height: 18px; /* This is the height we want on our breadcrumb */
	padding: 4px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	color: rgb(146,146,150); /*This is our color on the text which isn't a link. We want' they to be light grey */
	}

#bread_crumb li {
	float: left;
	display: inline;
	margin: 0px 4px 0px 0px;
	}
	
#bread_crumb a {
	color: #000;
	text-transform:capitalize;
	background: url('../images/breadcrumb.gif') top right no-repeat;
	padding-right: 12px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
	text-decoration: none;
	}
	
#bread_crumb a:hover {
	color: #333;
	background:url('../images/breadcrumb.gif') bottom right no-repeat;
}

/*---------------- photos ----------------*/

.thumbnail {
	border: 1px solid gray;
	margin: 10px 10px 5px 0px;
	width:150px;
	height:121px;
}

/*---------------- styles for the unit rater ----------------*/

/*  styles for the unit rater     */
.ratingblock {
	width: 50%;
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 15px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	/*background: url('../images/starrating.gif') top left repeat-x;*/
	background:url('../images/star_small.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	/*background: url('../images/starrating.gif') left center;*/
	background: url('../images/star_small.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	/*background: url(../images/starrating.gif) left bottom;*/
	background: url(../images/star_small.gif) left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}