/* -----------------------------------
Filename: master.css
Title: Master Style Sheet
Author: Faust Gertz, Faust@Leemarvin.com
URL: http://worldslargestblockparty.com/css/master.css
Description: Imports other style sheets
   -----------------------------------*/

/* -----------------------------------
Blue Background:#133D8D
Top Bar Green: #B8D780
Side Bar Blue: #003377
Bottom Bar Grey: #858383
Link Color: #003399
   -----------------------------------*/
   
@import url(/css/reset.css);


/* /// HTML & Body \\\ */
html, body {
 color:#fff;
 font-family:Verdana,Tahoma,Geneva,sans-serif;
 font-family:Arial, Helvetica, sans-serif; 
}
html {
 background:#164DB4; 	
 height:100%;
}
body {
 background:#133D8D url(/images/background/body.jpg) no-repeat 1px 1px;
 border:thin solid #fc6; 
  box-shadow:0px 0px 13px #000;
 -moz-box-shadow:0px 0px 13px rgba(0,0,0,0.75);
 -webkit-box-shadow:0px 0px 13px rgba(0,0,0,0.75); 
 color:#fff;
 font-size:0.75em; /* 12px */
 line-height:1.333333em; /* 12px * 1.333333em = 16px */	
 margin:0 auto 5em;
 position:relative;
 width:969px;
}
strong {
 font-weight:bold;	
}
section {
 clear:both;	
}
/* // Wrapper \\ */
#wrapper {
 background:url(/images/background/guitar-guy-skyline-32.png) no-repeat bottom left;
 /* background-image:url(/images/background/guitar-guy-skyline-32.jpg); */
 border-bottom:thin solid #1B2550;  
 overflow:auto;
 position:relative; /* Necessary? */
 width:967px;
}

/* \\ Wrapper // */
/* \\\ HTML & Body /// */

/* /// Branding Header \\\ */
#branding {
 display:inline; /* IE Double Margin Hack */
 float:left;
 font-size:1.2em; 
 min-height:650px; 
 position:relative;
 padding:60px 50px 0 50px;
 text-align:center; 
 width:220px;
}
#logo {
 display:block;
 height:115px;
 overflow:hidden;
 margin:0 0 70px;
 padding:180px 0 0;
 position:relative;
 text-decoration:none;
}
#logo h1 {
 color:#006;	
 font-size:1.5em;
 font-weight:bold; 	
 line-height:1.2em;
 text-transform:uppercase;  
 text-shadow:rgba(255,204,102, 0.8) 0px 0px 4px; 
}
#logo h2 {
 color:#006;		
 font-size:1em;
 font-weight:bold; 	
 text-shadow:rgba(255,204,102, 0.8) 0px 0px 4px;  
}
#logo .ir {
 background:url(/images/background/body.jpg) no-repeat -49px -234px;	
 display:block;
 top:175px;
 left:0;
 height:120px;
 position:absolute;
 width:220px;
 z-index:10;
}
#branding .date {
 left:-999em;	
 position:absolute;
}
#sponsors-primary {
 margin:110px 0 0;	
}
#sponsors-primary h1 {
 left:-999em;	
 position:absolute;
}
#sponsors-primary li {
 margin:20px 0;	
}
#sponsors-primary li img {
 margin:0 auto;
}
/* \\\ Branding Header /// */


/* /// Navigation \\\ */
#nav-access,
#nav-top {
 left:-999em;
 position:absolute;
}

#nav {
 left:-999em;	
 position:absolute;
}
#social-networks {
 position:absolute;
 top:20px;
 right:20px;
}
#social-networks li {
 float:left;
 height:50px; 
 margin:0 0 0 10px;
 width:50px;
}
#social-networks li {
 float:none;
 height:45px;
 margin:0 0 5px 0;
 width:45px;
}

/* ///  Content \\\ */
#content {
 color:#def; 
 display:inline; /* IE Double Margin Hack */
 float:left; 
 line-height:1.4; 
 min-height:220px;
/* overflow:auto;  */
 overflow:visible;
 padding:240px 0 330px 20px; 
 position:relative;
 width:520px;
 width:560px;
 padding:240px 0 330px 40px;
 width:380px; 
 text-shadow:rgba(0, 0, 0, 0.2) 2px 2px 4px;
} 
#home #content {
 padding:240px 0 330px 40px; 
 padding:120px 0 330px 40px; 
 width:430px;  
} 
#content a:link,
#content a:visited,
#content a:hover,
#content a:active {
 color:#cdf;
 text-decoration:underline;
}
#content a:hover {
 color:#fff;
 text-decoration:underline;
}
#content a:active {
 color:#fdc;
 text-decoration:underline;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
 font-size:1.5em;
 font-weight:bold;
 margin:2ex 0 1ex; 
}
#content h1 {
 color:#fc5;	
 font-variant:small-caps;
 margin:0 0 1ex;
 text-shadow:rgba(0, 0, 0, 0.4) 3px 3px 6px;  
}
#content section h1,
#content h2 {
 font-size:1.3em;
 text-shadow:rgba(0, 0, 0, 0.4) 3px 3px 6px;  
}
#content hgroup h1 {
 margin:0;	
}
#content hgroup h2 {
 color:#fc5;	
 font-size:1em; 
 margin:0 0 1ex;
}
#content section section h1,
#content section h2,
#content h3,
#content h4,
#content h5,
#content h6 {
 color:#fff;
 font-size:1.1em;
 font-variant:normal;
}
#raffle #content section section h1 {
 color:#fc5;		
 font-variant:small-caps;
 margin:0 0 1ex;
 text-shadow:rgba(0, 0, 0, 0.4) 3px 3px 6px;   
}
#raffle #content section section section h1 {
 color:#fff;
 font-size:1.1em;
 font-variant:normal;	
}
#raffle #content section section h2 {
 margin:0 0 -1ex;	
}
#content em {
 font-style:italic;
}
#content p,
#content dl,
#content ol,
#content ul {
 margin:1ex 0;
}
#content dl.directions dt {
 font-weight:bold;
}
#content dl.directions dd {
 margin:0 0 1ex;
}
#content ul {
 margin:1ex 0;
}
#content .disclaimer {
 font-size:0.9em;
 font-style:italic;
}
#content ul li {
 margin:0 0 0 1em;
 list-style:inside square;
}
#content .locations {
 overflow:auto;
 margin:0 0 1ex 0;
}
#content .locations .hcard {
 float:left;
 margin:1ex 0;
 width:185px; 
}
#content .locations .hcard .organization-name,
#content .locations .hcard .organization-unit {
 font-weight:bold;
}
#content .locations .hcard .organization-name,
#content .locations .hcard .locality,
#content .locations .hcard .comma,
#content .locations .hcard .region,
#content .locations .hcard .postal-code {
 display:none;
}
#facts section {
 clear:both;	
}
#facts .what ul,
#facts .what ul li {
 list-style:none;
 margin:0;
 padding:0;
}
#facts .what ul h5 {
 margin-top:0;
 padding-top:0;
}
#facts .what ul li {
 background:no-repeat -9px 0;
 margin:0 0 1em 0;
 min-height:110px;
 padding:0 0 0 220px;	
}
#facts .what ul li.admam-fitz {
 background-image:url(/facts/images/bands/adam-fitz-200x100.png);
}
#facts .what ul li.angel-taylor {
 background-image:url(/facts/images/bands/angeltaylor-200x100.png);
}
#facts .what ul li.barenaked-ladies {
 background-image:url(/facts/images/bands/barenakedladies-200x100.png);
}
#facts .what ul li.chris-mills {
 background-image:url(/facts/images/bands/chris-mills-200x100.png);
}
#facts .what ul li.cobra-starship {
 background-image:url(/facts/images/bands/cobra-starship-200x100.png);
}
#facts .what ul li.farraday {
 background-image:url(/facts/images/bands/farraday-200x100.png);
}
#facts .what ul li.jeffrey-david {
 background-image:url(/facts/images/bands/jeffrey-david-200x100.png);
}
#facts .what ul li.live-band-karaoke {
 background-image:url(/facts/images/bands/live-band-karaoke-200x100.png);
}
#facts .what ul li.inroads {
 background-image:url(/facts/images/bands/inroads-200x100.png);
}
#facts .what ul li.kris-allen {
 background-image:url(/facts/images/bands/krisallen-200x100.png);
}
#facts .what ul li.matt-nathanson {
 background-image:url(/facts/images/bands/matt-nathanson-200x100.png);
}
#facts .what ul li.no-love-for-linus {
 background-image:url(/facts/images/bands/no-love-for-linus-200x100.png);
}
#facts .what ul li.out-for-hours {
 background-image:url(/facts/images/bands/outforhours-200x100.png);
}
#facts .what ul li.plain-white-ts {
 background-image:url(/facts/images/bands/plain-white-ts-200x100.png);
}
#facts .what ul li.southof80 {
 background-image:url(/facts/images/bands/south-of-80-200x100.png);
}
#facts .what ul li.spazmatics {
 background-image:url(/facts/images/bands/spazmatics-200x100.png);
}
#facts .what ul li.spoon {
 background-image:url(/facts/images/bands/spoon-200x100.png);
}
#facts .what ul li.white-rabbits {
 background-image:url(/facts/images/bands/white-rabbits-200x100.png);
}




/* -----------------------------------*/
/* -------->>> Home Page <<<----------*/
/* -----------------------------------*/

/* --------> Bands <----------*/
#home #content .bands {
 position:relative;
 min-height:330px;
}
#home #content .band {
 font-weight:bold;
}
#home dt {
 font-weight:bold;
	margin:1ex 0 0;
}
/* --------< Bands >----------*/


/* -----------------------------------*/
/* ----->>> Primary Content <<<-------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ---->>> Secondary Content <<<------*/
/* -----------------------------------*/
 
/* -----------------------------------*/

/* -----------------------------------*/
/* ---->>> Global Navigation <<<------*/
/* -----------------------------------*/
#nav-global {
 left:328px;
 left:355px; 
 left:270px;
 position:absolute;
 top:117px; 
 z-index:20;
}
#nav-global li {
 display:inline;
 float:left;
 font-variant:small-caps; 
 font-weight:bold;
 height:55px;
 margin:0 15px 0 0;
 overflow:hidden; 
 position:relative; /* Needed in case the nav bar wraps in IE.  Otherwise the bottom nav item overlaps the on eon top of it and makes it so you can't click on it */
 text-decoration:none;
 width:134px;
}
#nav-global em,
#nav-global a:link, 
#nav-global a:visited, 
#nav-global a:hover, 
#nav-global a:active,
#nav-global a:focus {	
 color:#efe;
 display:block;
 font-weight:bold;
 height:55px; 
 line-height:55px;
 overflow:hidden;
 position:relative; 
 text-align:center;
 text-decoration:none;
} 
#nav-global li.tickets {	
 width:118px;
}
#nav-global li.raffle {
 width:157px; 
}
#nav-global li.facts {
 width:63px; 
}
#nav-global li.directions {
 width:101px; 
}
#nav-global li.volunteers {	
 margin:0;
 width:107px; 
}




/* -----------------------------------*/
/* ---------->>> Foot <<<-------------*/
/* -----------------------------------*/
#sponsors,
#sponsors .wrapper {
 background:#fff;
 color:#000;
 overflow:auto;
 text-align:center; 
 width:auto;
}
#sponsors {
 border-top:thin solid #fc6; 
}
#sponsors .wrapper {
 border:thin solid #1B2550; 
 padding:0 3px; 
}
#sponsors li {
 float:left;
 margin:10px 3px;
 width:234px;
}
#sponsors li.clear {
 clear:both;
 float:none;
 margin:10px auto;
 width:234px;
}
#sponsors li.westend {
 margin-left:234px;
}
#siteinfo {
 bottom:-2.5em;
 position:absolute;
 width:100%;
}
#siteinfo #siteinfo-legal {
 position:absolute;
 right:0;
}
#siteinfo #siteinfo-legal a,
#siteinfo #siteinfo-legal a:link,
#siteinfo #siteinfo-legal a:visited,
#siteinfo #siteinfo-legal a:hover,
#siteinfo #siteinfo-legal a:active,
#siteinfo #siteinfo-legal a:focus {
 color:#fff;
 text-decoration:none;
}
#siteinfo .tel {
 display:inline;
 margin:0 2em 0 0;
}
#siteinfo a.email,
#siteinfo a.email:link,
#siteinfo a.email:visited,
#siteinfo a.email:hover,
#siteinfo a.email:active,
#siteinfo a.email:focus {
 color:#fff;
 text-decoration:none;	
}
#siteinfo .adr,
#siteinfo .country-name {
 left:-999em;	
 position:absolute;
}

#content #past-photos, 
#content #past-photos li {
 height:300px;	
 list-style:none;	
 margin:0;
 padding:0;
 position:relative;
 width:430px;
}
#content #past-photos li {
 left:0;
 position:absolute;
 top:0;
}