/*
NOTE:
	It is reccomended that you have a firm understanding of CSS/DIV based page layouts before editing this file.
	The most oft-changed style sections are at the top of this file.  Less relevant sections towards the bottom 
	of this file (for page structure etc) require only MINIMAL changes (ie: setting a background image).
*/

/* 
Table of Contents
	Typography
	Standings Page
	Banner Ads	
	Forms
	Layout
	Header Graphic
	Header Navigation
*/


/* TYPOGRAPHY
---------------------------------------------------------------------------*/
/* all pages */
h1 {
	font-size:1.75em;
	}
h2 {
	font-size:1.25em;
	}
	
a:link 		{color:#d80000;text-decoration:underline;}
a:visited 	{color:#d80000;text-decoration:underline;}
a:hover		{color:#f00;text-decoration:none;}
a:active 	{color:#f00;text-decoration:none;}


/* Upload page */
button {
	background-color:#D80000;
	border:1px outset #FF0000;
	color:#FFFFFF;
	font-weight:bold;
	margin:10px 0pt;
	padding:10px;
	}


/* Vote page */
.smallTitle {
	font-size:.5em;
	}
#lowRating {
	margin:0 0 20px 0;
	clear:left;
	float:left;
	}
#highRating {
	margin:0 0 20px 0;
	float:right;
	}
.userName {
	font-weight:bold;
	font-size:16px;
	}
.title {
	color:#5d5e5e;
	}
.button:link, .button:visited, .button:hover, .button:active {
	display:block;
	width:75px;
	font-size:14px;
	line-height:1.1;
	font-weight:bold;
	text-decoration:none;
	color:#5b5d5e;
	background-color: #b9d9e9;
	margin: 25px auto;
	text-align:center;
	padding:10px;
	border:2px solid #fff;
	}
.button:hover {
	background-color:#fff;
	color:#5b5d5e;
	}


/* footer */
#footer {
	font-size:.75em;
	}
	
/* Standings Page */
.thumbnail {
	float:left;
	border:0;
	margin:0 10px 25px 10px;
	width:175px;
	height:175px;
	}
.ranknumber {
	font-weight:bold;
	color:#fff;
	font-size:14px;
	}
	
/* Right Column - Previously Rated Photo
   This section only appears after you've voted on a picture on vote.php */
#prevRatedPhoto {
	font-size:12px;
	}
#prevRatedThumb img {
	float:right;
	border:#000 solid 1px;
	margin:0 30px 20px 10px;
	clear:both;
	}
#standings a:link img 		{border:1px solid #fff;}
#standings a:visited img 	{border:1px solid #fff;}
#standings a:hover img 		{border:1px solid #d80000;}



/* STANDINGS PAGE 
---------------------------------------------------------------------------*/
#ratings a {
	display:block;
	float:left;
	width:25px;
	height:25px;
	margin:10px 10px 0 0;
	font-size:1.5em;
	text-decoration:none;
	background-color:#d80000;
	color:#fff;
	}
/*  Ratings Buttons States */
#ratings a:link {
	background-color:#d80000;
	}
#ratings a:visited {
	background-color:#d80000;
	}
#ratings a:hover {
	background-color:#f00;
	}


/* BANNER ADS
---------------------------------------------------------------------------*/
/* Served ads */
#ad_728 {
	float:left;
	width:728px;
	height:90px;
	}
#ad_300 {
	width:300px;
	height:250px;
	}

/* BUY IT ads */
/* 
   TR = Top Right
   BL = Bottom Left
   R = Right Column
*/
.albumInfo {
	font-size:12px;
	color:#111;
	line-height:16px;
	}
#albumInfoTR img, #albumInfoBL img, #albumInfoR img {
	float:left;
	margin:0 8px 0 0;
	}
h6 {
	font-size:18px;
	color:#fff;
	margin:0;
	line-height:24px;
	}
#albumInfoTR {
	font-size:11px;
	color:#111;
	border-left:0px solid #aab0b5;
	float:right;
	height:95px;
	width:186px;
	margin:0 0 0 8px;
	padding:0 0 0 8px;
	}
#albumInfoBL {
	font-size:11px;
	color:#111;
	border-right:0px solid #aab0b5;	
	float:left;
	height:100px;
	width:186px;
	margin:0 10px 0 10px;
	padding:0 10px 0 0;
	}
#albumInfoR {
	}


/* FORMS
---------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
	}
form p {
	position:relative;
	}
.feedback {
	position:absolute;
	margin-left:10em;
	left:235px;
	top:0;
	right:0;
	font-size:.75em;
	color:#FF0000;
	}
	/* Settings for IE 6 and below only */
	* html .feedback {
		width:13em;
		margin-left:0;
		}
.feedbackHidden {
	display:none;
	}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	}
label {
	float:left;
	width:8em;
	font-weight:bold;
	}

/* LAYOUT 
---------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: white;
	background: url("../images/CBedges-back.jpg") repeat-y;
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif;
	}

#site-wrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	}

/* Header */
#header {
	height:120px;
	}
#header-ads {
	border:1px solid #000000;
	}
#header-nav {
	height: 27px;
	clear:left;
	font-size: 14px;
	line-height:normal;
	padding:0;
	background: #000;
	text-transform: uppercase;
	}

/* Content Area */
#content {
	width:100%;
	color:#fff;
	display:table;
	margin:0 0 20px 0;
	}
#content-leftCol {
	text-align:center;
	width:630px;
	float:left;
	margin:0 0 0 10px;
	}
	/* Hack for IE 6 and below */
	* html #content-leftCol {
		margin:0 0 0 5px;
		}
#content-rightCol {
	margin:10px 25px 0 0;
	float:right;
	width:300px;
	}
	/* Hack for IE 6 and below */
	* html #content-rightCol {
		margin:10px 12px 0 0;
		}

/* Footer */
#footer {
	clear:left;
	}
#footer_info {
	clear:left;
	padding:5px;
	text-align:center;
	font-size:11px;
	}
#footer_info img {
	border:1px solid #000;
	}	
	
	
#ratings {
	margin: 0 auto;
	width: 190px;
	text-align: center;
	}
	/* Hack for IE 6 and  below */
	* html #ratings {
		width:200px;
		}

hr {
	clear:both;
	width:100%;
	border:none;
	margin:15px 0 15px 0;
	color:aab0b5;
	background-color:#aab0b5;
	height:1px;
	}
	
.photoToRate {
	border:5px #000 solid;
	}
	
#content-upload {
	text-align:left;
	margin:0 0 0 20px;
	}


/* HEADER GRAPHIC
---------------------------------------------------------------------------*/
/*
These styles are used in combination with the png JS file to better support the PNG format in IE.
It is NOT RECCOMENDED that you change these.
*/
.topnav {
	height:120px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-align:left;
	margin:110px 0 0 0;	
	}
	/* Hack for IE 6 and below */
	* html .topnav {
		margin:20px 0 0 0;
		}
html>body .topnav {
	background-image: url(../images/logo.png);
	}
	
	
/* HEADER NAVIGATION
---------------------------------------------------------------------------*/
/* This section is only used when mirroring the main navigation of a larger community site as in the case of Good Charlotte.
	Example: http://www.goodcharlotte.com _AND_ http://php.sonybmg.com/musicbox/goodcharlotte/standings.php
*/
#header-nav {
	width:100%;
	}
#header-nav ul {
	padding:0;
	margin:0;
	list-style:none;
	}
#header-nav li {
	display:block;
	float:left;
	border:none;
	padding:0;
	font-family: arial, helvetica, verdana, sans-serif; 
	}
#header-nav a {
	display:block;
	float:left;	
	padding:5px 10px 6px 10px;
	margin: 0;
	border-right: 1px solid #fff;
	}
#header-nav a:link 		{background: #000; color:#FFF; text-decoration:none;}
#header-nav a:active	{background:#ededed; color:#000; text-decoration:none;}
#header-nav a:hover		{background:#ededed; color:#000; text-decoration:none;}
#header-nav a:visited	{background: #000; color:#FFF; text-decoration:none;}