@charset "UTF-8";
/* CSS Document */

html, body { height: 100%; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }
*html { }
body { }

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

#wrapper { display: block; min-height: 100%; height: auto!important; height: 100%; position: relative; background: #f4f5f6; overflow: hidden;}
#container { display: block; min-height: 650px; height: auto!important; height: 100%; position: relative; }
#header-clouds { display: block; width: 100%; min-height: 205px; position: absolute; top: 0px; background-image: url(images/header-clouds.jpg); background-position: center top; background-repeat: repeat-x; }
#header-city { display: block; width: 100%; min-height: 209px; position: absolute; bottom: 0px; background-image: url(images/header-city.jpg); background-position: center bottom; background-repeat: repeat-x; }
#stars { display: block; width: 100%; height: 620px; position: absolute; top: 30px; background: url(images/stars.png) top center no-repeat; overflow: hidden; }
#content-container { display: block; width: 100%; height: 400px; position: absolute; top: 115px; position: relative; }
.content-box { display: block; width:802px; height: 281px; margin: 0px auto 0px auto; position: absolute; left: -2000px; }
.content-box.white {  width: 751px!important; height: 255px!important; padding: 26px 26px 0px 26px; background: url(images/content.png) top left no-repeat; }
.content-box.active { }
#countdown-bars { display: block; width: 100%; height: 126px; position: absolute; top: 420px; padding: 40px 0px 0px 0px; background: url(images/countdown-bars.png) center center no-repeat; }
#countdown-container { display: block; width: 100%; height: 100px; background: #FFF; }
#countdown { display: block; width: 480px; margin: 0px auto 0px auto; }

/*Nav*/
#nav { display: block; width: 800px; height: 30px; margin: 0px auto 0px auto; position: relative; }
ul#lava-nav { display: block; width:800px; height: 22px; position: absolute; top: 4px; liststyle: none; list-style-type: none; overflow: hidden; }
ul#lava-nav li { display: block; height: 30px; float: left; margin: 0px 40px 0px 0px; }
ul#lava-nav li.last { margin: 0px; }
ul#lava-nav li a { display: block; height: 24px; position: relative; margin: auto 10px auto 10px; background-image: url(images/nav.png); background-repeat: no-repeat; z-index: 10; }
ul#lava-nav li a#home { background-position: 0px 5px; width: 36px; }
ul#lava-nav li a#home:hover { background-position: 0px -16px; }
ul#lava-nav li a#history { background-position: -90px 5px; width: 46px; }
ul#lava-nav li a#history:hover { background-position: -90px -16px; }
ul#lava-nav li a#schedule { background-position: -180px 5px; width: 56px; }
ul#lava-nav li a#schedule:hover { background-position: -180px -16px; }
ul#lava-nav li a#tickets { background-position: -284px 5px; width: 42px; }
ul#lava-nav li a#tickets:hover { background-position: -284px -16px; }
ul#lava-nav li a#nominees { background-position: -370px 5px; width: 62px; }
ul#lava-nav li a#nominees:hover { background-position: -370px -16px; }
ul#lava-nav li a#photos { background-position: -480px 5px; width: 42px; }
ul#lava-nav li a#photos:hover { background-position: -480px -16px; }
ul#lava-nav li a#videos { background-position: -575px 5px; width: 42px; }
ul#lava-nav li a#videos:hover { background-position: -575px -16px; }
ul#lava-nav li a#faq { background-position: -682px 5px; width: 26px; }
ul#lava-nav li a#faq:hover { background-position: -682px -16px; }
ul#lava-nav li.back { background: #491c7e; z-index: 8; position: absolute; }

/*Home*/
#home-logo { display: block; width: 407px; height: 280px; position: absolute; top:0px; left: 190px; background: url(images/home-logo.png) top left no-repeat; }
a#home-hang-left { display: none; width: 118px; height: 300px; position: absolute; top:-114px; left: 20px; background: url(images/home-hang-left.png) bottom left no-repeat; }
a#home-hang-right { display: none; width: 118px; height: 220px; position: absolute; top:-114px; right: 50px; background: url(images/home-hang-right.png) bottom left no-repeat; overflow: hidden; }
#home-hang-right-overlay { display: block; width: 81px; height: 47px; position: absolute; bottom: 15px; left: -100px; padding: 42px 0px 0px 8px; background: url(images/trans.png) top left repeat; color: #FFF; font-weight: bold; text-decoration: none; }
a#home-hang-right { text-decoration:none!important; }

/*Schedule / Tickets*/
.schedule-table { margin: 0px 0px 20px 0px; }
.schedule-table th, .schedule-table tr { text-align: left; padding:10px!important;}
.schedule-table th { font-weight: bold; padding-right: 20px!important; padding-left: 0px!important; }
ul.indent { margin: 0px 0px 0px 20px; list-style: none; list-style-type: none; }

/*Photos*/
#photo-buttons { display: block; margin: 20px 0px 0px 4px; }
#photo-buttons a { float: left; margin: 0px 4px 0px 0px; }
#photo-buttons a { display: block; width: 182px; height: 166px; background-image: url(images/photo-buttons.png); background-repeat: no-repeat; }
a#photo-button-2006 { background-position: 0px 0px; }
a#photo-button-2006:hover { background-position: 0px -192px; }
a#photo-button-2007 { background-position: -186px 0px; }
a#photo-button-2007:hover { background-position: -186px -192px; }
a#photo-button-2008 { background-position: -372px 0px; }
a#photo-button-2008:hover { background-position: -372px -192px; }
a#photo-button-2009 { background-position: -558px 0px; }
a#photo-button-2009:hover { background-position: -558px -192px; }

/*Nominess*/
#nominees-box ul { display: block; margin: 0px; padding: 0px; list-style: none; list-style-type: none; }
#nominees-box ul li { display: block; width: 739px; height: 36px; margin: 0px 0px 2px 0px; }
#nominees-box ul li a { display: block; width: 739px; height: 36px; background-image: url(images/nominee-buttons.png); background-repeat: no-repeat; }
a#athletic { background-position: 0px 0px; }
a#athletic:hover { background-position: 0px -269px; }
a#visual-artist { background-position: 0px -43px; }
a#visual-artist:hover { background-position: 0px -312px; }
a#performing-artist { background-position: 0px -86px; }
a#performing-artist:hover { background-position: 0px -355px; }
a#organization { background-position: 0px -129px; }
a#organization:hover { background-position: 0px -398px; }
a#student-worker { background-position: 0px -172px; }
a#student-worker:hover { background-position: 0px -441px; }

.nominees-light-box h2 { display: block; margin: 0px 0px 10px 0px; font-size: 30px; font-weight: bold; color: #644787; }
.nominees-light-box img { display: block; margin: 0px 0px 10px 0px; }
.nominee-left { display: block; width: 450px; float: left; }
.nominee-right { display: block; width: 450px; float: right; }

/* Videos */
#videos-box ul { display: block; width: 700px; list-style: none; list-style-type: none; margin: 0px auto 0px auto; }
#videos-box ul li { display: block; float: left; }

/*Titles*/
h1 { margin: 0px 0px 10px 0px!important; }
h1.title { display: block; width: 156px; height: 32px;  background-image: url(images/titles.png); background-repeat: no-repeat; overflow: hidden; text-indent: -999px; }
h1#history { background-position: 0px 0px; }
h1#schedule { background-position: 0px -54px; }
h1#tickets { background-position: 0px -108px; }
h1#nominees { background-position: 0px -162px; }
h1#photos { background-position: 0px -216px; }
h1#videos { background-position: 0px -270px; }
h1#faq { background-position: 0px -320px; }


/*Light Boxes*/
#ssp-photos { display: none; width: 550px; height: 450px; border: 10px solid #644787; background: #000000; }
.nominees-light-box { display: none; width: 940px; height: 470px; border: 10px solid #644787; background: #FFF; padding: 10px; }
.close { display: block; width: 30px; height: 30px; position: absolute; top: -26px; right: -26px; background: url(images/close.png) top left no-repeat; }
.ajax-loader { display: block; width: 16px; height: 16px; position: absolute; top: 0px; left: 0px; background: url(images/ajax-loader.gif) top left no-repeat; }
.shadow {
	-moz-box-shadow: 0px 0px 15px #111; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 15px #111; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 15px #111; /* Opera 10.5, IE 9.0 */
	filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#111'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#111')"; /* IE8 */
}


/*Misc*/
.clear { clear: both; }
p { display: block; margin: 0px 0px 14px 0px; }