/*
	Name: Celebrate Fairfax Festival Mobile Website
	URL: http://www.celebratefairfax.com
	Author: Derek Davis
	Author URL: http://neueinteractive.com
	
	Designed & Handcrafted by Derek Davis
	All files, unless otherwise stated, are copyright 2012 Neue Interactive
*/

/* -----  RESETS  ------------------------- */

* { margin: 0; padding: 0; }

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, b, u, i, center, 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-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; }

img { visibility: visible; opacity: 100%; display: inherit; border: none; }

a.img { border: none; outline: none; }

strong { font-weight: bold; }

em { font-style: italic; }

a { outline: none; text-decoration: none; color: #3399cc; }
a:hover { text-decoration: none; color: #3399cc; }


/* -----  LAYOUT  ------------------------- */

body { width: 100%; height: 100%; background: url(/_img/site-bg.png) top left repeat #f9f9f9; }

#wrapper { width: 100%; height: 100%; }

#top { width: 100%; text-align: center; padding-top: 3%; }

	.top-img { width: 85%; margin: 0 auto; padding-bottom: 5%; }
/* 	.top-img a:hover { padding-top: 1%; } */

#vip-banner a { width: 100%; }

	.banner-img { width: inherit; }
/* 	.banner-img:hover { opacity: 0.8; filter: alpha(opacity=80); For IE8 and earlier } */

div.bucket { width: 100%; height: 80px; padding: 25px 0 0 20px; background: url(_img/bucket-bg.jpg) repeat-x #46dff1; border-bottom: 2px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.bucketactive{
width: 100%; height: 80px; padding: 25px 0 0 20px; background: url(_img/bucket-bg.jpg) repeat-x #f75890; border-bottom: 2px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
}
div#bucket:focus{background-color: red;}

div#bucket-active { width: 100%; height: 110px; padding: 40px 0 0 20px; background: url(/_img/bucket-activebg.jpg) repeat-x #46dff1; border-bottom: 2px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

div#bucket-first { width: 100%; height: 115px; padding: 40px 0 0 20px; background: url(/_img/bucket-bg.jpg) repeat-x #46dff1; border-bottom: 2px solid white; border-top: 5px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	p.bucket { display: inline; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; color: white; font-size: 20px; vertical-align: top; }
	
	.icon { height: 30px; width: 30px; padding: 0px 20px 0 0; }
	.arrow-right { display: inline; padding: 0px 20px 0 0; }

div.content { width: 100%; background: white; padding: 4.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	h1 {word-break: break; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #f75890; padding-bottom: 3%; display: block;}
	h2 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #21c0d3; padding-bottom: 3%; }
	div.content p { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #808080; line-height: 1.5em; }

div.accordionContent { width: 100%; background: white !important; padding: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	table.lineup { width: 100%; border-collapse: collapse; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #808080; }
	
	.time { width: 33%; padding: 15px; }
	
	.artist { width: 67%; padding: 15px; }

	.map-img { width: 110%; margin: -5%; padding-bottom: 8%; }

	div.accordionContent p { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #808080; line-height: 1.5em; padding-bottom: 5%; }
	
	div.accordionContent ul { list-style: inside none; }
	
	div.accordionContent ul li { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #808080; line-height: 1.5em; padding-bottom: 8%; }
	
	div.accordionContent .small { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #808080; line-height: 1.5em; padding-bottom: 5%; }
	
	div.accordionContent .bold { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: inherit; font-weight: bold; color: #21c0d3; }

	div#footer { width: 100%; text-align: center; }
	
	h3 { font-family: "league-gothic", sans-serif; font-size: 18px; color: #b9b9b9; font-weight: 400; font-style: normal; text-transform: uppercase; padding-top: 3%; }
	
		h3 a { font-family: "league-gothic", sans-serif; font-size: 18px; color: #b9b9b9; font-weight: 400; font-style: normal; text-transform: uppercase; outline: none; text-decoration: none; }
		h3 a:hover { font-family: "league-gothic", sans-serif; font-size: 18px; color: #aaa; font-weight: 400; font-style: normal; text-transform: uppercase;  text-decoration: none; }

	h4 { font-family: "league-gothic", sans-serif; font-size: 18px; color: #b9b9b9; font-weight: 400; font-style: normal; text-transform: uppercase; padding-top: 1%; padding-bottom: 4%; }
	
		h4 a { font-family: "league-gothic", sans-serif; font-size: 18px; color: #cacaca; font-weight: 400; font-style: normal; text-transform: uppercase; }
		h4 a:hover { font-family: "league-gothic", sans-serif; font-size: 18px; color: #bbb; font-weight: 400; font-style: normal; text-transform: uppercase; }

/* ----- VERSION I -----

div#bucket { width: 100%; height: 110px; padding: 30px 0 0 45px; background: url(/_img/bucket-bg.jpg) repeat-x #46dff1; border-bottom: 2px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

div#bucket-active { width: 100%; height: 110px; padding: 30px 0 0 45px; background: url(/_img/bucket-activebg.jpg) repeat-x #46dff1; border-bottom: 2px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

div#bucket-first { width: 100%; height: 115px; padding: 30px 0 0 45px; background: url(/_img/bucket-bg.jpg) repeat-x #46dff1; border-bottom: 2px solid white; border-top: 5px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


	p.bucket { display: inline; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; color: white; font-size: 40px; vertical-align: top; }
	
	.icon { height: 50px; width: 50px; padding: 0 25px 0 0; }
	.arrow-right { display: inline; padding: 10px 25px 0 0; }

div.accordionContent { width: 100%; background: white !important; padding: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.map-img { width: 110%; margin: -5%; padding-bottom: 8%; }

	h1 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 3em; font-weight: bold; color: #f75890; padding-bottom: 4%; }
	h2 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 2.25em; font-weight: bold; color: #21c0d3; padding-bottom: 3%; }
*/