/************************************************
/	'THE WEEKEND OFF FESTIVAL' CSS - MAIN LAYOUT
/************************************************/


/***************************************
/	RESET RELOADED 
/************************************{*/

*{ margin: 0; padding: 0; }
html>body * { height: auto; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.0;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*---- 21st CENTURY CLEARING OF FLOATS ----*/

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

div.clear {
	clear: both;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}      
/* End hide from IE-mac */



/************************************}*/



/***************************************
/	BASE
/************************************{*/

body {	
	background: #000034;
	color: white;
	margin: 0;
	padding: 0;
	font-family: georgia, "Lucida Sans Unicode", ariel, sans-serif;	
}

/************************************}*/


/***************************************
/	CONTENT CONTAINERS
/************************************{*/

h1 {display: none;}

div#wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}
div#mainLeft {
	position: relative;
	display: inline;
	float: left;
	width: 313px;
	display: inline;
}
div#mainRight {
	position: relative;
	display: inline;
	float: right;
	width: 600px;
}

/************************************}*/


/***************************************
/	CONTENT ELEMENTS
/************************************{*/

/*   logo   */

div#logo {
	width: 313px;
	height: 244px;
	background: url(../images/logo.png) no-repeat;
	margin-bottom: 10px;
}
div#logo span { display: none; }

/*	tagline	*/

div.nfmp {
	width: 313px;
	height: 51px;
	background: url(../images/nfmp.png) no-repeat;
	margin-bottom: 25px;
}
div.nfmp span { display: none; }

/*	when	*/

div.when {
	width: 313px;
	height: 155px;
	background: url(../images/when.png) no-repeat;
	margin-bottom: 5px;
}
div.when span { display: none; }
p.map { text-align: center; margin-bottom: 35px; font-size: 17px;}


/*	info	*/

div.info {
	width: 313px;
	height: 123px;
	background: url(../images/info.png) no-repeat;
	margin-bottom: 35px;
}
div.info span { display: none; }

/*	links	*/

div.links {
	position: relative;
	width: 313px;
	height: 198px;
	background: url(../images/links.png) no-repeat;
}
div.links span {display: none; }

div.links a#myspace {
	display: block;
	position: absolute;
	top: 48px;
	left: 50px;
	width: 213px;
	height: 15px;
}
div.links a#myspace:link,
div.links a#myspace:visited {
	background-image: url(../images/myspace.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.links a#myspace:hover {
	background-position: 0 -15px;
}
div.links a#myspace span { display: none; }

div.links a#venue {
	display: block;
	position: absolute;
	top: 111px;
	left: 104px;
	width: 103px;
	height: 15px;
}
div.links a#venue:link,
div.links a#venue:visited {
	background-image: url(../images/venue.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.links a#venue:hover {
	background-position: 0 -15px;
}
div.links a#venue span { display: none; }


/*	band info	*/

div.bandinfo {
	width: 313px;
	background: url(../images/bandinfo.png) no-repeat top left;
	margin-bottom: 25px;
}

div.bandinfo ul {
	padding-top: 40px;
	text-align: center;
	font-family: georgia;
}
div.bandinfo ul li {
	margin-bottom: 9px;
	font-size: 17px;
}
div.bandinfo ul li a:visited {color: #FF00F8;}
div.bandinfo ul li span.headline { font-size: 24px;}
div.bandinfo ul li span.average { font-size: 19px;}
div.bandinfo ul li span.tba { font-size: 12px; }

/*   tickets   */

div#tickets {
	position: relative;
	width: 592px;
	height: 250px;
	margin-bottom: 40px;
	background: url(../images/tickets.png) no-repeat;
}
div#tickets span { display: none; }

/*  ticketmaster button */

div#tickets a#tm {
	display: block;
	position: absolute;
	top: 155px;
	left: 180px;
	width: 259px;
	height: 42px;
}
div#tickets a#tm:link,
div#tickets a#tm:visited {
	background-image: url(../images/tm.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#tickets a#tm span { display: none; }
	

/*	links	*/

div.lineup {
	width: 592px;
	height: 750px;
	background: url(../images/lineup.png) no-repeat;
}
div.lineup span { display: none; }
div.lineup a { float: right; margin-top: 19px; margin-right: 10px; margin-bottom: 10px; font-size: 17px;}
div.lineup div.coming { float: right; margin-top: 19px; margin-right: 10px; font-size: 17px;}

/*  schedule */

div.schedule {
	width: 592px;
	background: url(../images/schedule.png) no-repeat top left;
}
div.schedule div.linkback { margin-bottom: 40px; position: relative; overflow: hidden;}
div.schedule div.linkback  a {float: right; margin-top: 19px; margin-right: 10px; font-size: 17px; padding-bottom: 4px;}

div.schedule p { padding-top: 90px; padding-left: 20px;}


/***************************************
/	CONTENT STYLES
/************************************{*/

p { margin-bottom: 20px; color: white; font-size: 16px; }

/*----	ANCHOR DEFAULTS ----*/

a, a:link, 
a:visited {
	color: white;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #ff9934;
}


/***************************************
/	SCHEDULE
/************************************{*/



h2 {
	font-size: 30px; 
	margin-bottom: 25px;
}
h2.orange {color: #ff9933;}
h2.pink {color: #ff00f8;}
h2.green {color: #00ff33;}

table { 
	font-size: 17px;
	width: 592px;		
	margin-bottom: 40px;
}
td {
	padding-bottom: 5px;
border-bottom: 1px solid white;
}
td.timeHead {
	font-size: 19px;
	padding-bottom: 15px;
	text-decoration: underline;
border-bottom: 0px solid white;
}
td.locHead {
	font-size: 19px;
	padding-bottom: 15px;
	text-decoration: underline;
border-bottom: 0px solid white;
width: 220px;
}
td.time {
	padding: 8px 0;
}