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


/* @group page structure
---------------------------------------------------------------------------------------*/
#container {
	position:relative;
	width:100%;
}

#wrapper {
position:relative;
width:960px;
margin-left:300px;
text-align:center;
}

body {
margin:0;
padding:0;
background-image: url('images/smf2010background.jpg');
background-position:center;
background-attachment: fixed;
background-color:#fff;
color:#00305a;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;	
}

#logo {
position:absolute;
top:10px;
left:35px;
}

#sidebar {
	position:absolute;
	top:235px;
	left:10px;
	max-width:255px;
	background-color:#ffe600;
	border-style:solid;
	border-color:#00305a;
	padding:10px;
	text-align:left;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;}

#sidebar li {margin-left:-25px; padding-bottom:5px;}

img#facebook {float:left; margin-right:30px; margin-bottom:20px;}

#header {
background:url(images/seaside_header.png);
background-position:bottom center;
width:865px;
height:157px;
margin:auto;
text-indent:-9999px;
}

#content {
margin:auto;
width:960px;
padding:10px 25px 25px 25px;
text-align:left;
background-color: #ffffff;
background-color: rgba(255,255,255,0.8);
filter: alpha(opacity=80);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
overflow:auto;
}

#footer {
margin:auto;
padding:1px;
}

/* @group navigation & links
---------------------------------------------------------------------------------------*/

/* @group mainNav styling
---------------------------------------------------------------------------------------*/

a:link {color:#000033;}
a:visited {color:#63c9d7;}
a:hover {color:#1b75bc;}
a:active {color:#fff200;}
a img {border-style:none;}

#mainNav {
display:block;
width:800px;
height:40px;
margin-left:75px;
margin-top:0px;
text-indent:-9999px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul#mainNav li {
list-style-type: none;
display:inline;
}

ul#mainNav li a {
display:block; 
float:left;
width: 800px; 
height:40px;	
background-image: url('images/smfmainnav.png');
}

	ul#mainNav li a.home {
		width: 75px; background-position: 0px -80px;	
	}
	
	ul#mainNav li a.about {
		width: 85px; background-position: -75px -80px;	
	}
	
	ul#mainNav li a.schedule {
		width: 115px; background-position: -160px -80px;	
	}
	
	ul#mainNav li a.involved {
		width: 135px; background-position: -275px -80px;	
	}
	
	ul#mainNav li a.sponsors {
		width: 115px; background-position: -410px -80px;	
	}
	
	ul#mainNav li a.hotels {
		width: 90px; background-position: -525px -80px;	
	}
	
	ul#mainNav li a.contact {
		width: 103px; background-position: -620px -80px;	
	}
	
	ul#mainNav li a.store {
		width: 82px; background-position: -725px -80px;	
	}
	
	
/*--------------------End of mainNav styling--------------------------*/

/*Begin Form Styling----------------------------------------------------------------*/

#form{
width:250px;
}

legend {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #1b75bc;
	}

label {
	display:block;
	cursor: pointer;
	float:left;
	width:15em;
	overflow:hidden;
	}

input {
	width: 15em;
	overflow:hidden;
	}

Input[type="text"]:focus, textarea:focus {
	background: #fff200;
	}

input[type="text"], textarea {
	margin:4px;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

input.checkbox {
width:auto;
float:left;
}

.required {
font-size: 0.75em;
color:#760000;
}
/*End of Form Styling------------------------------------------------------------------*/


/* @group typography styles
---------------------------------------------------------------------------------------*/

p {
font-size:14px;
}

blockquote {
padding:5px;
margin:5px;
max-height:100px;
}


/*@sponsor logos styling
---------------------------------------------------------------------*/

table.logos {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	}

td{ height:75px; vertical-align:middle; padding-left:5px; padding-right:5px;}

th {width:800px;}

span.promo {
	color:#F00000;
	text-decoration:underline;
}


/*---------------- Band Schedule ------------------------------*/
 table.schedule {
 max-width:900px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 border-collapse:collapse;
 }
 
 td{height:3px;}
 
 th.venue {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:20px;
 }
 td.time {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:18px; color:#039;
	 width:75px;}
 td.band {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:18px; color:#000; 
	 font-variant:small-caps
	 font-weight:bold;
	 width:350px;
}
 td.hometown {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:16px; color:#333;
	 font-style:italic;
	 font-variant:small-caps;
	 font-weight:bold;
	 width:120px;}