/* 
Project Stylesheet
Author: Nick Francis
Questions/Comments: nick@project83.com
*/

body {
	font-family: Verdana, Arial, sans-serif;
	background:url(../images/bg.jpg) repeat top left;
}

#bgImage.home {
	background:url(../images/bgImg-home.jpg) no-repeat center top;
}

#bgImage.music {
	background:url(../images/bgImg-music.jpg) no-repeat center top;
}

#bgImage.musicTwo {
	background:url(../images/bgImg-music2.jpg) no-repeat center top;
}

#bgImage.musicThree {
	background:url(../images/bgImg-music3.jpg) no-repeat center top;
}

#bgImage.details {
	background:url(../images/bgImg-details.jpg) no-repeat center top;
}

#bgImage.about {
	background:url(../images/bgImg-about.jpg) no-repeat center top;
}

#bgImage.conf {
	background:url(../images/bgImg-conf.jpg) no-repeat center top;
}

#bgImage.confTwo {
	background:url(../images/bgImg-conf2.jpg) no-repeat center top;
}

#bgImage.confThree {
	background:url(../images/bgImg-conf3.jpg) no-repeat center top;
}

#bgGradient {
	background:url(../images/bg-gradient.jpg) repeat-x top left;
}

#contentShadow {
	background:url(../images/content-shadow.png) no-repeat center 201px;
}

#wrapper, header, footer {
	margin:0 auto;
	width:1000px;
	text-align:left;
}

/* header */
header {
	position:relative;
	height:260px;
}

header h2 a, header h4, header p.countdown, header a.tickets, header a.soundland {
	position:absolute;
	text-indent:-9000px;
}

header h2 {
	margin:0;
}

header h2 a {
	top:37px;
	left:20px;
	width:439px;
	height:200px;
	background:url(../images/logo.png) no-repeat top left;
}

header h4 {
	top:0;
	left:395px;
	width:216px;
	height:46px;
	background:url(../images/5years.png) no-repeat top left;
}

header a.tickets {
	top:90px;
	right:20px;
	width:443px;
	height:129px;
	background:url(../images/header-tickets.png) no-repeat top left;
}
header a.soundland {
	top: 60px;
	right:20px;
	width:443px;
	height:180px;
	background:url(../images/header-tickets-soundland.png) no-repeat top left;
}

header p.countdown {
	top:27px;
	right:20px;
	text-indent:0;
	line-height:50px;
	color:#fff;
	font-size:2.3em;
	font-weight:bold;
	padding-left:190px;
	margin:0;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	background:url(../images/countdown-bg.png) no-repeat top left;
}

header p.countdown strong {
	display:none;
}

header p.countdown em {
	position:relative;
	bottom:.3em;
	font-weight:normal;
	color:#f2e6c8;
	font-size:.45em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* main navigation */
nav#main {
	position:relative;
	width:1000px;
	height:47px;
	background:url(../images/nav-bg.png) no-repeat 0 0;
}

nav#main ul {
	float:left;
	position:relative;
	width:652px;
	list-style:none;
	margin:0;
	z-index:97;
}

nav#main li.dropdown ul {
	position:absolute;
	visibility:hidden;
	top:100%;
	left:0;
	width:170px;
	z-index:98;
	padding:.8em 1.2em;
	background:#64ae36 url(../images/dd-bg.png) repeat-x top left;
}

nav#main li.dropdown.m ul {
	margin-left:11px;
	width:150px;
}

nav#main li {
	float:left;
	margin:0;
	zoom:1;
}

nav#main li li {
	float:none;
	margin:.5em 0;
	color:#fff;
}

nav#main li:hover, #header li.hover {
	position:relative;
	z-index:99;
	cursor:pointer;
}

nav#main li:hover > ul {
	visibility:visible;
}

nav#main li a {
	display:block;
	height:47px;
	text-indent:-9000px;
	background:url(../images/nav-bg.png) no-repeat 0 0;
}

nav#main li li a {	
	background:none;
	text-indent:0;
	height:auto;
	color:#d2f3bd;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0 -1px 0 #4C8329;
	text-transform:uppercase;
	padding-left:12px;
	background:url(../images/dd-link-bg.png) no-repeat 0 6px;
}

nav#main li li a:hover {
	color:#fff;
	background:url(../images/dd-link-hover.png) no-repeat 0 6px;
	/*text-decoration:underline;*/
}

nav#main a.tickets {
	width:122px;
	background-position:0 0;
}

nav#main a.tickets:hover {
	background-position:0 -47px;
}

nav#main a.music {
	width:126px;
	background-position:-122px 0;
}

nav#main a.music:hover, nav#main a.music.active, nav#main li.hover a.music, nav#main li:hover a.music {
	background-position:-122px -47px;
}

nav#main a.conference {
	width:189px;
	background-position:-248px 0;
}

nav#main a.conference:hover, nav#main a.conference.active, nav#main li.hover a.conference, nav#main li:hover a.conference {
	background-position:-248px -47px;
}

nav#main a.details {
	width:116px;
	background-position:-437px 0;
}

nav#main a.details:hover, nav#main a.details.active {
	background-position:-437px -47px;
}

nav#main a.about {
	width:98px;
	background-position:-553px 0;
}

nav#main a.about:hover, nav#main a.about.active {
	background-position:-553px -47px;
}

a.fb, a.tw, a.li {
	position:absolute;
	top:8px;
	width:30px;
	height:32px;
	text-indent:-9000px;
}

a.fb {
	right:96px;
}

a.tw {
	right:59px;
}

a.li {
	right:22px;
}

/* subnav */
#subnav {
	position:relative;
	top:-20px;
}

#subnav .music, #subnav .conf {
	position:relative;
	z-index:2;
	height:10px;
}

#subnav .music {
	width:121px;
	margin-left:110px;
	background:url(../images/subnav-music-bg.png) no-repeat 0 0;
}

#subnav .conf {
	width:195px;
	margin-left:225px;
	background:url(../images/subnav-conf-bg.png) no-repeat 0 0;
}

#subnav nav {
	position:relative;
	top:-1px;
	padding:.2em;
	border:1px solid #A1A1A1;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#BCBCBC;
	background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBC), to(#ACACAC));
	background: -moz-linear-gradient(top,  #BCBCBC,  #ACACAC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCBCBC', endColorstr='#ACACAC');
}

#subnav nav a {
	float:left;
	font-size:1.3em;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #DBDBDB;
	color:#353535;
	text-decoration:none;
	line-height:2.2em;
	padding:0 1em;
	margin-right:1em;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

#subnav nav a.active {
	color:#497C26;
	background:#F5F4F4;
	text-shadow:none;
	font-weight:bold;
	border:1px solid #B4B4B4;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* content area */
#contentArea {
	overflow:hidden;
	margin-bottom:1.5em;
	background:#fff url(../images/contentarea-bg.png) repeat-x top left;
}

#yetAnotherBg {
	min-height:440px;
	padding:20px;
	background:url(../images/contentarea-btm.png) no-repeat bottom left;
}

#callout img {
	display:block;
}

#callout #slides {
	height:331px;
	overflow:hidden;
	margin-bottom:1em;
}

#callout #slides img {
	width:960px;
	height:331px;
}

#content {
	float:left;
	width:642px;
}

h1, h2, h3, h4 {
	font-family:"Trebuchet MS", Arial, sans-serif;
}

h1.title {
	color:#993A8C;
	margin-bottom:.6em;
	font-size:2.5em;
}

h3 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:1.8em;
	padding-bottom:.3em;
	margin-bottom:.6em;
	border-bottom:1px solid #C6C6C6;
}

#sidebar {
	float:right;
	width:300px;
}

/* venues */
h1.confHeading, h1.musicHeading {
	text-indent:-9000px;
	margin-bottom:1em;
}

h1.musicHeading {
	width:599px;
	height:119px;
	background:url(../images/music-heading.png) no-repeat top left;
}

h1.confHeading {
	width:632px;
	height:98px;
	background:url(../images/conf-heading.png) no-repeat top left;
}

h1.musicHeading.center {
	margin:0 auto 1em auto;
}

section#venueList article {
	margin-bottom:3em
}

section#venueList article img {
	float:left;
	margin-bottom:2em;
	border:1px solid #BFBFBF;
}

section#venueList article#main img {
	display:block;
}

section#venueList article h3 a {
	color:#000;
	text-decoration:none;
}

section#venueList section {
	margin:0 1em 0 240px;
}

section#venueList #main section {
	margin:0 1em 0 0;
}

section#venueList p {
	float:left;
}

section#venueList .links {
	float:right;
	display:inline;
	text-align:right;
}

section#venueList #main .links {
	margin-right:180px;
}

section#venueList .links a {
	display:block;
	text-decoration:none;
	line-height:1.4em;
	padding:.3em 23px .3em 0;
	background:url(../images/venue-icons.png) no-repeat right 3px;
}

section#venueList .links a.site {
	background-position:right -22px;
}

section#venueList .links a:hover {
	text-decoration:underline;
}

/* music lineup */
#lineupWrap {
	text-align:center;
	padding:0 1em;
}

#lineupWrap a {
	font-size:2.2em;
	line-height:1.4em;
	padding:0 .3em 0 1em;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/bullet.png) no-repeat 0 12px;
}

#lineupWrap a.med {
	font-size:1.7em;
	background-position:0 8px;
}

#lineupWrap a.small {
	font-size:1.2em;
	background-position:0 4px;
}

#lineupWrap a:hover {
	text-decoration:underline;
}

#lineupWrap a.blk {
	color:#222;
}

#lineupWrap a.pnk {
	color:#AE3E9F;
}

#lineupWrap a.grn {
	color:#539726;
}

form#sortForm {
	width:200px;
	text-align:center;
	margin:0 auto 1em auto;
}

/* band page */
#bandPage h1 {
	font-size:2.5em;
	font-family:"Trebuchet MS", Arial, sans-serif;	
	padding-bottom:.3em;
	margin-bottom:.4em;
	border-bottom:1px solid #C6C6C6;
}

section.live {
	float:right;
	background:#F2F2F2;
	border:1px solid #C5C4C4;
	margin-bottom:2em;
}

section.live h4, section.panelInfo h4 {
	color:#fff;
	text-transform:uppercase;
	font-size:1em;
	line-height:1.8em;
	padding:0 1em;
	margin:0;
	background:#505050;
	background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#404040));
	background: -moz-linear-gradient(top,  #646464,  #404040);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#404040');
}

section.live p {
	padding:.3em .5em;
	margin:0;
	font-size:1.4em;
}

section.live p a {
	display:block;
	font-size:.65em;
	text-decoration:none;
}

section.live p a:hover {
	text-decoration:underline;
}

.info ul {
	float:left;
	margin:0 0 1.5em 0;
	list-style:none;
}

img.band {
	display:block;
	border:1px solid #B9B9B9;
	margin-bottom:2.5em;
}

#bandPage h2 {
	font-size:2em;
	font-family:"Trebuchet MS", Arial, sans-serif;	
	padding-bottom:.3em;
	margin-bottom:.8em;
	border-bottom:1px solid #C6C6C6;
}

section.video, section.music {
	margin-bottom:2em;
}

section.music embed {
	border-right:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
}

/* Music & Conference Media */
section.media article {
	margin-bottom:2em;
}

/* conference speakers */
#speakerList article {
	margin-bottom:2em;
}

#speakerList .imgLinks {
	float:left;
	width:180px;
}

#speakerList .imgLinks img {
	display:block;
	margin-bottom:1em;
	border:2px solid #C6C6C6;
}

#speakerList .imgLinks a {
	display:block;
	padding:0 0 .8em 24px;
	text-decoration:none;
}

#speakerList .imgLinks a:hover {
	text-decoration:underline;
}

#speakerList .imgLinks a.site {
	background:url(../images/venue-icons.png) no-repeat left -25px;
}

#speakerList .imgLinks a.twitter {
	background:url(../images/twitter.png) no-repeat 0 0;
}

#speakerList .info {
	float:right;
	width:440px;
}

#speakerList h3 span {
	font-weight:normal;
	font-size:.7em;
	padding-left:.5em;
}

.info img.logo {
	display:block;
	margin-bottom:.6em;
}

section.panelInfo {
	margin-bottom:1.5em;
	background:#F2F2F2;
	border:1px solid #C5C4C4;
}

section.panelInfo p {
	padding:.5em 1em 0 1em;
	margin:0;
}

section.panelInfo p.time {
	padding:0 1em .5em 1em;
}

/* blog listing */
#blogListing article {
	float:left;
	width:271px;
	height:231px;
	padding:20px;
	margin-bottom:15px;
	background:url(../images/blog-listing-bg.png) no-repeat top left;
}

#blogListing article.lt {
	margin-right:15px;
}

#blogListing article p.date {
	text-transform:uppercase;
	margin-bottom:.7em;
	color:#9D9D9D;
	font-size:.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#blogListing article h3, article#post h1 {
	color:#000;
	font-size:1.9em;
	letter-spacing:-.5px;
	text-transform:uppercase;
	padding-bottom:.4em;
	margin-bottom:0;
	border-bottom:1px solid #fff;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

#blogListing article h3 a {
	text-decoration:none;
	color:#000;
}

#blogListing article .brief {
	padding:1em 0 0 0;
	margin:0;
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #fff;
	font-family:Verdana, Arial, sans-serif;
}

#blogListing article .brief a {
	font-weight:bold;
	text-decoration:none;
}

#blogListing article .brief a:hover, #blogListing article p.info a:hover {
	text-decoration:underline;
}

#blogListing article .btm {
	border-top:1px solid #D1D1D1;
}

#blogListing article p.info {
	float:left;
	font-size:.9em;
	padding-top:1em;
	margin:0 0 -.5em 0;
}

#blogListing article p.info a, article#post .postInfo a {
	text-transform:uppercase;
	color:#777;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

a.addthis_button {
	display:block;
	float:left;
	padding-top:.9em;
}

a.moreBlog {
	display:block;
	text-align:center;
	margin-bottom:1em;
	text-decoration:none;
	font-weight:bold;
}

#blogListing a.moreBlog:hover {
	text-decoration:underline;
}

/* blog details */
article#post p.date {
	text-transform:uppercase;
	margin-bottom:.7em;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
}

article#post h1 {
	font-size:2.6em;
	padding-bottom:.3em;
	margin-bottom:.5em;
	border-bottom:4px solid #A9A9A9;
}

article#post .postInfo {
	padding:.5em 1em;
	background:#E9E9E9;
	margin-bottom:2em;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

article#post .postInfo p {
	float:left;
	margin:0;
}

article#post .postInfo a.addthis_button {
	padding-top:.2em;
}

article.commentBox {
	padding-bottom:1.5em;
	margin-bottom:1.5em;
	line-height:1.4em;
	border-bottom:1px solid #D3D3D3;
}

#comments h2 {
	text-transform:uppercase;
	color:#519726;
	padding-bottom:.5em;
	border-bottom:1px solid #D3D3D3;
}

article.commentBox h3 {
	font-size:1.5em;
	border-bottom:0;
	padding:0;
}

article.commentBox h3 a {
	color:#000;
	text-decoration:none;
}

article.commentBox h3.admin, article.commentBox h3.admin a {
	color:#A33E94;
}

article.commentBox h3 span {
	font-size:.6em;
	font-style:italic;
	padding-left:.5em;
	font-weight:normal;
	color:#666;
}

h3.makeComment {
	border:0;
}

/* contact page */
#contactForm {
	margin-bottom:3em;
}

#contactForm p {
	font-size:.9em;
	font-style:italic;
	margin-bottom:1em;
}

#contactForm ul, #commentForm ul {
	margin:0;
}

#contactForm label, #commentForm label {
	width:120px;
}

#contactForm textarea, #commentForm textarea {
	width:400px;
	height:150px;
	padding:5px;
	font-family:Verdana, Arial, sans-serif;
	font-size:1em;
}

#contactForm input#city {
	display:none;
}

#contactForm input#contactBtn, #commentForm input#sendBtn {
	padding:.3em 1em;
	background:#A7409A;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	border:0;
	width:auto;
	margin:0 0 0 120px;
	text-transform:uppercase;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#contactForm input#contactBtn:hover, #commentForm input#sendBtn {
	cursor:pointer;
}

/* sidebar */
ul.sponsorList {
	list-style:none;
	margin:0 0 1.5em 0;
}

ul.sponsorList li {
	text-align:center;
	margin:.5em 0;
}

#e2ma_signup_message, .e2ma_signup_form_label, .e2ma_signup_form_required_footnote, #e2ma_signup_reset_button {
	display:none;
}

#e2ma_signup_form_container {
	position:relative;
	width:300px;
	height:87px;
	margin-bottom:1.5em;
	background:url(../images/sb-email.png) no-repeat top left;
}

#e2ma_signup_form_container .e2ma_signup_form_element input {
	display:block;
	position:absolute;
	background:none;
	border:0;
	width:181px;
	height:23px;
	padding:5px;
	top:41px;
	font-size:1.4em;
	left:16px;
}

#e2ma_signup_form_container input#e2ma_signup_submit_button {
	position:absolute;
	display:block;
	text-indent:-9000px;
	width:71px;
	height:35px;
	top:40px;
	right:13px;
	background:none;
	border:0;
}

#e2ma_signup_form_container input#signupBtn:hover {
	cursor:pointer;
}

a.buyTickets {
	display:block;
	margin-bottom:1em;
	width:300px;
	height:63px;
	text-indent:-9000px;
	background:url(../images/sb-buy-tickets.png) no-repeat top left;
}

#whosPlaying {
	padding:.5em 1.4em;
	border:1px solid #C5C4C4;
	background:#F2F2F2 url(../images/whos-playing-bg.png) repeat-x top left;
}

#whosPlaying h3 {
	height:31px;
	text-indent:-9000px;
	padding-bottom:.8em;
	border-bottom:1px solid #C6C6C6;
	margin:0;
	background:url(../images/whos-playing.png) no-repeat top left;
}

#whosPlaying ul {
	border-top:1px solid #F0F0F0;
	padding:1em 0;
	list-style:none;
	margin:0;
}

#whosPlaying ul a {
	font-weight:bold;
	color:#1E1E1E;
	text-decoration:none;
}

#whosPlaying ul a:hover {
	text-decoration:underline;
}

#whosPlaying ul a.more {
	padding-top:1em;
	color:#707070;
}

/* sponsors box */
#sponsors {
	width:1000px;
	margin-bottom:2em;
}

#sponsors h3 {
	width:216px;
	height:30px;
	margin:0 auto;
	padding:0;
	border:0;
	text-indent:-9000px;
	background:url(../images/thanks.png) no-repeat top left;
}

#sponsors ul {
	list-style:none;
	margin:0;
	padding:2em 1em 1em 1em;
	background:#fff url(../images/sponsors-btm.png) no-repeat bottom left;
}

#sponsors li {
	float:left;
	margin:.7em 0;
	height:70px;
	display:table;
	position:relative;
	text-align:center;
	vertical-align:middle;
}

#sponsors li a {
	display:table-cell;
	position:relative;
	vertical-align:middle;
	padding:0 .9em;
	font-weight:bold;
	text-decoration:none;
}

#sponsors li a.txt {
	padding-top:.5em;
}

#sponsors li a:hover {
	text-decoration:underline;
}

/* footer */
#footerWrap {
	padding:1em 0;
	background:#272724 url(../images/footer-bg.png) repeat-x top left;
}

footer {
	font-size:.9em;
	background:url(../images/footer-logo.png) no-repeat center center;
}

footer nav {
	float:left;
	padding:2em 0;
}

footer p {
	float:right;
	color:#a1a1a1;
	padding:2em 0;
	margin:0;
}

footer nav a {
	color:#a1a1a1;
	padding-right:1em;
	text-decoration:none;
}

footer nav a:hover {
	text-decoration:underline;
}