/* -------------------------------------------------




a
Created By: Mason Kessinger / Poccuo

Contact: mason@poccuo.com




------------------------------------------------- */




/* ------------------------------------------------- */
/* -------------------GLOBAL STYLES----------------- */
/* ------------------------------------------------- */

body			{ font-size: 12px; background-color: #1492CC; color: white; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", helvetica, arial;}
h1				{ height: 42px; font-size: 24px; font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial; font-weight: bold; padding: 8px 0 0 55px; background-image: url('../_images/h1bkgd.gif'); background-repeat: no-repeat; }
h3				{ font-size: 36px; font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial; font-weight: bold; background-color: #0e77a8; color: #1492CC; padding: 1px 10px; margin: 20px 0;}
h5 				{ height: 20px; width: 320px; position: relative; top: -23px; left: 620px; margin: 0; padding: 0;}

p				{ font-size: 36px; padding: 0 0 18px 5px;}

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

em				{ font-style: italic;}
strong			{ font-weight: bold;}

hr				{ border: 0; border-bottom: 1px #FFF solid;}

/* ------------------------------------------------- */
/* -------------------FOUNDATION-------------------- */
/* ------------------------------------------------- */

body								{ background-image: url('../_images/containerbkgd.gif'); background-repeat: no-repeat;}
#container 							{ width: 930px; margin: 0 0 80px 10px; }
#header	 							{ margin: 50px 0 20px 0; height: 100px; border-bottom: 1px #fff solid;}
#footer	 							{ border-top: 1px #FFF solid; margin: 30px 0 0 0; padding: 10px 0 0 0;}
#content	 						{ margin: 50px 0 0 0;}

/* ------------------------------------------------- */
/* -------------------HEADER------------------------ */
/* ------------------------------------------------- */


ul#menu						{ height: 18px; font-size: 12px; margin: 50px 0 0 0; border-bottom: 1px #FFF solid; padding: 0 0 7px 0;}
ul#menu li a				{ display: inline; padding: 0 0 0 5px; margin: 0 0 0 5px; height: 18px; float: left;}
ul#menu li#news_button	a			{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 45px; background-position: 0px 0px;}
ul#menu li#news_button	a:hover		{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 45px; background-position: -150px 0px;}
ul#menu li#bands_button a			{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 48px; background-position: 0px -20px;}
ul#menu li#bands_button a:hover	{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 48px; background-position: -150px -20px;}
ul#menu li#tickets_button a		{ margin-right: 10px; display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 46px; background-position: 0px -40px;}
ul#menu li#tickets_button a:hover	{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 46px; background-position: -150px -40px;}
ul#menu li#schedule_button a		{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 70px; background-position: 0px -60px;}
ul#menu li#schedule_button a:hover	{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 70px; background-position: -150px -60px;}
ul#menu li#faq_button a				{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 45px; background-position: 0px -120px;}
ul#menu li#faq_button a:hover		{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 45px; background-position: -150px -120px;}
ul#menu li#submit_button a				{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 44px; background-position: 0px -140px;}
ul#menu li#submit_button a:hover		{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 44px; background-position: -150px -140px;}
ul#menu li#sponsors_button a		{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 70px; background-position: 0px -80px;}
ul#menu li#sponsors_button a:hover	{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 70px; background-position: -150px -80px;}
ul#menu li#contact_button a		{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 62px; background-position: 0px -100px;}
ul#menu li#contact_button a:hover	{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 62px; background-position: -150px -100px;}
ul#menu li#blog_button a		{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 50px; background-position: 0px -160px;}
ul#menu li#blog_button a:hover	{ display: block; text-indent: -10000px; background-image: url("/_images/menu.gif"); width: 50px; background-position: -150px -160px;}

#header #main_sponsors { border-left: 1px #FFF solid; background-image: url("/_images/main_sponsors.gif"); height: 75px; width: 300px; position: absolute; top: 37px; left: 630px;}

/* ------------------------------------------------- */
/* -------------------IMAGES------------------------ */
/* ------------------------------------------------- */



ul.large_images, ul.small_images { max-width: 1000px;}
ul li { display: inline;}
ul.large_images, ul.large_images li, ul.large_images li img{padding: 0; margin: 0;}
ul.small_images, ul.small_images li, ul.small_images li img{padding: 0; margin: 0;}
ul.large_images li img {margin: 0 7px 7px 0; }
ul.large_images li img:hover {border-bottom: 4px #FFF solid; margin: 0 7px 3px 0;}
ul.small_images li img {margin: 0 7px 7px 0;}
ul.small_images li img:hover {border-bottom: 4px #FFF solid; margin: 0 7px 3px 0;}

/* ------------------------------------------------- */
/* -------------------SPECIALS---------------------- */
/* ------------------------------------------------- */

.hidden { display: none;}
.clear { clear: both;}