/*

	Mile Hi Blues Festival - Stylesheet
	Coded by Andrew Martin
	andrew@skyvsground.com
	www.skyvsground.com
	
	Design: Jesse Pixler
	www.pixlerdesigns.com
	
	Reset from Blueprint CSS Framework 0.9

*/

/* reset.css from blueprint */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Begin Typography & Colors */

/* ----------| =Initial Page Structure |---------- */ 

* { 
	margin: 0;  
	padding: 0;
	vertical-align: bottom;	
}

html { 
	font: 11px Arial, Helvetica, Sans-serif; 
	line-height:1.0em;
	height:100%;
	width:100%;
	position:relative;
	background:#fffef4; 
}
	
body { 
	position: relative;
	background:#fffef4;
	height:100%;
	width:100%;
}

body#home {
	background:#fffef4 url(../images/bg/global/home.png) no-repeat scroll top left;
}

/* ----------| = Colors = |---------- */ 
/*

Global BG: #fffef4;


*/
/* ----------| = Basic Styles = |---------- */ 

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color:#000;	
}

h1, h2, h3 { 
	font-size:1.5em;
}

	/* H2's are the "Teal" headings, for example, on "Event Info page," 
	they are the 'DAY 1 - Saturday, August 7, 2010' headings. */
	
h2 {
	font-family:Rockwell, 'Trebuchet MS', Arial, Sans-Serif;
	font-size:17px;
	font-weight:bold;
	color:#0d4960;
	margin-bottom:10px;
}

	/* H2's are the "Brown" headings, for example, on "Event Info page," 
	they are the 'MAIN STAGE:' headings. */
	
h3 {
	font-family:Rockwell, 'Trebuchet MS', Arial, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#543312;
	margin-bottom:7px;
}

	/* Occassional purple headings (Ticket Info Page) */
	
.purple {
	color:#672369;
}

p {
	margin-bottom:6px;
	font-size:12px;
	color:#543312;
}

a img { 
	border: 0;
}

ul {
	list-style:none;
}

/* ----------| =Forms |---------- */ 

label {
	font-size:1.0em;
	color:#603913;

}



input, textarea, select {
	font: 12px 'Trebuchet MS', Helvetica, Sans-serif;
	color: #603913;
}	

input {

}

input:focus, textarea:focus, select:focus {

}

input[type="image"] {
	padding: 0;
	background: transparent;
	border: 0;
	width:auto !important;
	border:0 none !important;
}

input.radio {
	position:relative; top:2px;
}

input[type="hidden"] {
	display:none;
}

/* ----------| = Link Styles = |---------- */ 

a, cite a, a:visited, a:link { 
	color: #663300;
	text-decoration:none;
	outline:none;
}

a:hover { 
	color: #0d4960;
}

/* ----------| = Share Module = |---------- */

/* ----------| = Buttons = |---------- */

/* ----------| = Utilties = |---------- */ 


.left { 
	float: left;
}

.right { 
	float: right;
}

.clear { 
	clear: both;
}

/*
.round {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
*/

.clear-left { 
	clear: left;
}

.clear-right { 
	clear: right;
}

.center { 
	text-align: center;
}

.spacer { 
	margin-top: 15px;
}

.spacer-bottom { 
	margin-bottom: 15px;
}

.autoclear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.inline {
	display:inline;
}

.nomargin {
	margin:0;
}

.autoclear { 
	display: inline-block; 
}

.autoclear { 
	display: block; 
}


/* ----------| = Layout and Function = |---------- */ 

#wrap {
	overflow:hidden;
	width:928px;
	margin:0 0 0 0;
	padding:0 0 0 40px;
}

	/* ----------| = Header = |---------- */ 

#header {
	
}

#logo {
	width:239px;
	height:109px;
	float:left;
}

			/* -----| = Navigation = |----- */ 

#navigation {
	margin:73px 0 0 28px;
	height:36px;
	float:left;
}

#navigation li {
	float:left;
	display:inline;
	text-indent:-9999px;
	height:36px;
}

#navigation li a {
	display:block;
	height:36px;
	outline:none;
}

#navigation li.home {
	width:59px;
	background:transparent url(../images/navigation/active/home.png) no-repeat scroll top left;
}

#navigation li.home a {
	background:transparent url(../images/navigation/inactive/home.png) no-repeat scroll top left;
}

#navigation li.venueinfo {
	width:89px;
	background:transparent url(../images/navigation/active/venueinfo.png) no-repeat scroll top left;
}

#navigation li.venueinfo a {
	background:transparent url(../images/navigation/inactive/venueinfo.png) no-repeat scroll top left;
}

#navigation li.eventinfo {
	width:86px;
	background:transparent url(../images/navigation/active/eventinfo.png) no-repeat scroll top left;
}

#navigation li.eventinfo a {
	background:transparent url(../images/navigation/inactive/eventinfo.png) no-repeat scroll top left;
}

#navigation li.tickets {
	width:62px;
	background:transparent url(../images/navigation/active/tickets.png) no-repeat scroll top left;
}

#navigation li.tickets a {
	background:transparent url(../images/navigation/inactive/tickets.png) no-repeat scroll top left;
}

#navigation li.vendors {
	width:71px;
	background:transparent url(../images/navigation/active/vendors.png) no-repeat scroll top left;
}

#navigation li.vendors a {
	background:transparent url(../images/navigation/inactive/vendors.png) no-repeat scroll top left;
}

	/* Home nav has guitar strings / cut out, requires special indent on nav items. */

#home #navigation {
	background:transparent url(../images/navigation/home-tile.png) no-repeat scroll top left;
}

#home #navigation li.tickets {
	margin-left:49px;
}

#home li.home a, 
body.vendors li.vendors a,
body.event-info li.eventinfo a,
body.tickets li.tickets a,
body.venue-info li.venueinfo a,
#navigation li a:hover {
	background:transparent !important;
}
			/* ----------| = Image based titles = |---------- */

h1.title {
	text-indent:-9999px;
	width:561px;
	height:56px;
}

body.venue-info h1.title {
	background:transparent url(../images/headings/venueinfo.png) no-repeat scroll top left;
}

body.tickets h1.title {
	background:transparent url(../images/headings/ticketinfo.png) no-repeat scroll top left;
}

body.vendors h1.title {
	background:transparent url(../images/headings/vendorinfo.png) no-repeat scroll top left;
}

body.event-info h1.title {
	background:transparent url(../images/headings/eventinfo.png) no-repeat scroll top left;
}

			/* ----------| = Content = |---------- */

#content {
	clear:left; /*must clear 'tickets on sale now' banner */
	width:928px;
	position:relative;
}

#home #flash, #sub #flash {
	position:relative;
	width:591px;
	height:363px;
	left:-40px;
	float:left;
}

#sub #flash {
	background:transparent url(../images/mock/flash/flashinner.png);
	width:619px;
	height:79px;
}

.container {
	float:left;
	width:561px;
}

.container img {
	margin-bottom:10px;
}

#sidebar {
	margin-left:20px;
	float:left;
	padding:5px 17px 10px 17px;
	width:275px;
	font-size:12px;
	color:#543312;
	background:transparent url(../images/bg/mid/sidebar.jpg) repeat-y top left;
}

#sidebar ul {
	margin:10px 0 10px 25px;
	list-style:disc outside;
}

				/* ----------| = buy tickets link (top) = |---------- */

#sub #buy-tickets {
	float:left;
	width:309px;
	height:79px;
	left:-40px;
	position:relative;
}

#home .buy-tickets {
	display:inline;
	position:relative;
	right:0px;
	top:0px;
	float:right;
	margin-top:0px;
}

				/* ----------| = DATE = |---------- */

#date {
	float:left;
	height:285px;
	margin:36px 0 0 -15px;
	position:relative;
	width:273px;
}

#date strong, #date em {
	display:block;
	text-indent:-9999px;
	background:transparent url(../images/callouts/2ndannual.png) no-repeat scroll top left;
	width:273px;
	height:185px;
}

#date em {
	margin:46px 0 0 101px;
	width:174px;
	height:54px;
	background:transparent url(../images/callouts/i75and88th.png) no-repeat scroll top left;
}

				/* ----------| = SPONSORS = |---------- */

#sponsors {
	background:url("../images/callouts/sponsors/2010sponsors.png") no-repeat scroll left top transparent;
	display:inline-block;
	margin:20px 0 0;
	padding:23px 0 0;
	position:relative;
	width:380px;
	left:-20px;
}

#sponsors ul li.milehigh {
	height:113px;
}

#sponsors ul li {
	display:block;
	float:left;
	height:59px;
}

#sponsors strong a img {
	margin-top:10px;
}

		/* ----------| = Mile High = |---------- */

#mile-high {
	float:right;
	position:relative;
	top:30px;
	right:100px;
}

	/* ----------| = Footer = |---------- */
	
#footer {
	clear:both;
	margin-top:15px;
}

#footer a {

}

#footer div.mile-high {
	margin:20px 50px 0 0;
	float:right;
}

#footer a:hover {

}

#footer ul li {
	float:left;
	margin-right:0.5em;
}

/* ----------| = Layout and Function = |---------- */