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


body {
	font-size:100%; color:#222;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	background: #c8a285;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: white;
}

.header {
	padding-right:960px;
	background:url(img/header.jpg) top no-repeat;
	border:none;
	padding-bottom:290px;
	float:left;
	margin: 0px;
}

.patrickblackshirt {
	padding-right:360px;
	background:url(../img/patrickblackshirt-370.jpg) top no-repeat;
	padding-bottom:437px;
	float:left;
	margin:0px 0px 0px 20px;
}

.navholder {
	float: left;	
	width: 930px;
	padding-left:30px;
	/* oldbackground: #FFC;*/
	background:black;
	color:white;
	border-bottom:1px solid black;
	margin:0;
}
ul.nav {
	width:960px;
	display:block inline;
	font-size:1.3em;
	text-align:center;
	list-style: none; /* this removes the list marker */
	padding: 0px 0px 30px 0px;
	margin-top:0px;
	margin-bottom: 0px; /* this creates the space between the navigation on the content below */
}
ul.nav li {
	/* old border-right: 1px solid #C90; /* this creates the button separation */
	float:left;
	position:relative;
}

last.ul.nav li {border:none;}

ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 6px 5px 6px 5px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 130px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	color: white;
	/* oldbackground: #FFC; */
	background:black;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	/* oldbackground:#AA9FAA;*/
	/*oldcolor: #FFF;*/
	background: #EFB813;
	color:black;
	
}

#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#FFC;
	color:#303;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 40px 10px 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

.votebox {
	width:700px;
	background:#603;
	color:#FF0;
	margin:auto;
	padding:10px;
}

.votebox p {font-size:1.2em;}

.big {font-size:1.5sm;}

.footer {
	padding: 10px 0;
	/* oldbackground: #CCC49F; */
	background: black;
	color:white;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
a {
	color:#06F;
}
.smallprint {font-size:0.7em;}
.red {color:#F00;}
.yellow {color:#FF0;}
.white {
	color: #FFF;}
#songlist { margin-left:20px; text-align:left;}