/*
Theme Name: FTM Night Theme
Theme URL: http://www.forthemusic.co.nz
Description: The FTM theme created by Jackson Darlow at <a href="http://www.jdinnvoation.com">JDInnovation</a>.
Version: 1.0
Author: Jackson Darlow
Author URL: http://www.jdinnovation.com
Tags: FTM, Febuary, 2010, Brett, Jackson

*/

* { border: 0; padding: 0; margin: 0; }

br { margin-bottom: 10px; }

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {}

#latest h2 a, #latest a:visited { color: #e3e8a6!important; }
#latest a:hover { text-decoration: underline!important; }

#sub-header-left, #sub-header-right { color: #e0d8ca; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}


/* LAYOUT */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000;
	color: #fff;
	margin: 0;
	padding: 95px 0px 0px 0px;
 }

.homepage {
	background: url(images/bg.jpg) top center no-repeat #000105;
}
.page {
	background: url(images/bg-page.jpg) top center no-repeat #000105;
}
.single {
	background: url(images/bg-single.jpg) top center no-repeat #000105;
}

#container {
	width: 1000px;
	margin: 0 auto;
}
#main { float: left; margin: 0px 10px 20px 10px; }

.curved {
}
.curved-clear {
   width: 100%;
}

.discard-opacity {
	filter: alpha(opacity = 100);
	position: relative;
}
.discard-opacity p {
	filter: alpha(opacity = 100);
	position: relative;
}
.curved-clear { padding: 8px; margin-bottom: 10px; width: auto; }

.latest-post { overflow: auto; width: 229px; height: 349px; padding-right: 10px; }

#latest p { font-size: 12px!important; }

#network { text-align: center; }

#network p { margin-bottom: 5px; font-size: 12px; text-transform: uppercase; }

#tickets {text-align: center;}
#tickets p {margin-bottom: 5px; font-size: 12px; text-transform: uppercase;}

#header { margin-bottom: 10px; float: left; width: 100%; height: 150px; }

#sub-head { float: left; width: 100%; color: #000000; }

#sub-header-left { width: 255px; float: left; }
#sub-header-right { width: 255px; float: left; }

#message { width: 255px; float: left; }
#message p { color: #fff; font-size: 70%; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; }

#promo-block { width: 100%; float: left; }

#promotion-rotator {
	float: left; margin-left: 10px;
}
#promotion-tabs {
	float: right!important;
}

/* NAVIGATION */

#nav ul{ list-style: none; }
#nav li { margin: 0px!important; padding: 0px!important; }

#main-nav { float: left; width: 265px; }
#secondary-nav { float: right; width: 255px; }

a.MenuItem {
	display:block;
	width: 260px;
	height: 20px;
	margin: 5px 0px 0px 10px;
	padding: 0px;
}
a.aMenuItem {
	display:block;
	width: 230px;
	height: 20px;
	margin: 5px 0px 0px 0px;
}
#nav em { display: none; }
	#Home { background: url(images/btn-home.png) no-repeat; }
	#TheConcept { background: url(images/btn-theConcept.png) no-repeat; }
	#UpcomingEvents { background: url(images/btn-upcomingEvents.png) no-repeat; } 
		.eventsPad { padding-left: 30px; }
		#EventInfo { background: url(images/btn-eventInfo.png) no-repeat; } 
		#VenueInfo { background: url(images/btn-venueInfo.png) no-repeat; }
		#TicketSales { background: url(images/btn-ticketSales.png) no-repeat; }
		#LineUp { background: url(images/btn-lineUp.png) no-repeat; }
		#Features { background: url(images/btn-features.png) no-repeat; }
	#Sponsors { background: url(images/btn-sponsors.png) no-repeat; }
	#Gallery { background: url(images/btn-gallery.png) no-repeat; }
	#ContactUs { background: url(images/btn-contactUs.png) no-repeat; }

/* END NAVIGATION */

/* CONTENT */

#content { float: left; width: 445px; height: 510px; padding: 0px 10px; margin: 0px 5px 15px 0px; overflow: auto; }
#content-page { float: left; width: 600px; height: 510px; padding: 10px 114px 0px 10px; margin: 0px 0px 15px 0px; overflow: auto; }
#content-page div { display: block!important; }

.subhead-middle { color: white; }
.subhead-middle p { font-size: 12px; color: #e0dfdf; margin: 10px 0px 10px 0px; }
.subhead-middle h2 { font-size: 20px; color: #ebe8e8; margin: 20px 0px 10px 0px;}
.subhead-middle h3 { font-size: 15px; color: #ebe8e8; margin: 20px 0px 10px 0px; }
.subhead-middle a, .subhead-middle a:visited { color: #6f91ff; text-decoration: underline; }
.subhead-middle a:hover { text-decoration: none; color: #a6bbff; }

/* END CONTENT */

.br { width: 100%; height: 13px; background: url(images/br.png) no-repeat; float: left; margin: 5px 0px 5px 0px; }

#sponsor-block { float: left; width: 100%; }

.curved-clear-dark { 
	float: left;
	-moz-border-radius:2px;
   -webkit-border-radius:2px;
   behavior:url(border-radius.htc);
   background: #292929;
   width: 320px;
   height: 195px;
   margin-right: 10px; 
}
.right { margin-right: 0!important; }

/* Footer */

#footer { float: left; margin-bottom: 10px; text-align: center; width: 100%; padding-top: 10px; margin-top: 10px; border-top: 1px #666e71 solid; }

#footer p { float: left; color: #FFFFFF; font-size: 12px; width: 100%; }

#footer div { float: left; width: 100%; }

#sponsors {
		padding: 10px 0px 20px 0px;
        width: 100%;
		border-top: 1px #666e71 solid;
		margin-top: 10px;
		display: block;
}

#sponsors ul{
	white-space: nowrap;
	list-style: none;
	margin: 0; 
	padding: 0;
	float: left;
	width: auto;
	
}
#sponsors li{
	border-width: none;
	float: left;
	margin: 0; 
	padding: 0;
}

#sponsors img {
	display:block;
}

#footer-text { width: 100%; height: 17px; background: #000005; background: url(images/trans-black.png); color: #FFFFFF; font-size: 10px; float: left; left: 0; text-align: center; padding-top: 3px;}

#sidebar { color: #e0d8ca; font-size: 12px; list-style: none; text-align: right; }

.sponsors1 { position:relative; width: 320px; height: 195px; float: left; margin-right: 10px; }
.sponsors1 ul li { float:left; position:absolute; list-style: none; }
.sponsors1 ul li img {}
.sponsors1 ul li.show { z-index:500 }

.sponsors2 { position:relative; width: 320px; height: 195px; float: left; margin-right: 10px; }
.sponsors2 ul li { float:left; position:absolute; list-style: none; }
.sponsors2 ul li img {}
.sponsors2 ul li.show { z-index:500 }

.sponsors3 { position:relative; width: 320px; height: 195px; float: left; }
.sponsors3 ul li { float:left; position:absolute; list-style: none; }
.sponsors3 ul li img {}
.sponsors3 ul li.show { z-index:500 }

.artist { position:relative; width: 239px; height: 335px; float: left; margin-right: 10px; }
.artist div { float:left; position:absolute; list-style: none; width: 225px; height: 325px; overflow-y: scroll; overflow-x: hidden; padding-right: 10px; padding-bottom: 3px; }
.artist img { width: 215px; height: 109px; margin-bottom: 8px; margin-top: 8px; }
.artist p { margin-bottom: 10px; }
.artist a, .artist a:visited { color: #e3e8a6!important; }
.artist a:hover { text-decoration: underline!important; }

#lineupFull { width: 100%; height: 20px; text-align: center; float: left; }
#lineupFull a, #lineupFull a:visited { text-transform: uppercase; font-size: 14px; color: #e3e8a6!important; }
#lineupFull a:hover { text-decoration: underline!important; }