@import "reset.css";
@import "clearfix.css";
@import "classes.css";

body{ background: #13121c; font-size: 62.5%; font-family: verdana, arial, tahoma; color: #4a4a4a; }

#wrapper{ position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%; }
#myContent_outer{ width: 100%; height: 100%; overflow: hidden; position: relative; top: 0; left: 0; }
#myContent{ height: 100%; overflow: hidden; }

#container{ width: 926px; margin: 0 auto; position: absolute; margin: 0; z-index: 10; left: 50%; margin-left: -463px; }
#header{ height: 139px; background: url(/media/img/bg-header.png) no-repeat left top;position:relative; }
#header h1 a{ text-indent: -9999px; overflow: hidden; width: 608px; height: 113px; display: block; float: left; background: url(/media/img/bg-header-logo.png) no-repeat left top; }
#header #socialnav{ position: absolute; top: 58px; right: 68px; }
#header #socialnav li{ display: inline; margin-right: 1; }
#header #socialnav li a{ float: left; width: 47px; height: 48px; display: block; }
#header #socialnav li.facebook a{ background-image: url(/media/img/social/facebook.png); }
#header #socialnav li.youtube a{ background-image: url(/media/img/social/youtube.png); }
#header #socialnav li.flickr a{ background-image: url(/media/img/social/flickr.png); }
#header #socialnav li.twitter a{ background-image: url(/media/img/social/twitter.png); }
#header #socialnav li.vimeo a{ background-image: url(/media/img/social/vimeo.png); }

#header #mainnav{ clear: both; height: 26px; margin: 0 0 0 62px; }
#header #mainnav li{ display: inline; }
#header #mainnav li a{ float: left; height: 26px; width: 126px; margin: 0 5px 0 0; }
#header #mainnav li a:hover{ background-position: 0 -26px; }
#header #mainnav li.selected a{ background-position: 0 -52px; }
#header #mainnav li.main a{ background-image: url(/media/img/mainnav/main.png); }
#header #mainnav li.schedule a{ background-image: url(/media/img/mainnav/schedule.png); }
#header #mainnav li.multimedia a{ background-image: url(/media/img/mainnav/multimedia.png); }
#header #mainnav li.about a{ background-image: url(/media/img/mainnav/about.png); }
#header #mainnav li.eventinfo a{ background-image: url(/media/img/mainnav/eventinfo.png); }
#header #mainnav li.vendors a{ background-image: url(/media/img/mainnav/vendors.png); }
#header #mainnav li.parking a{ background-image: url(/media/img/mainnav/parking.png); }

#content{ padding: 0 11px 0 62px; background: url(/media/img/bg-content-blue-corner.png) no-repeat left top; }
#content .belly{ background: url(/media/img/bg-content-tile.gif) repeat-y left top; }
#content #leftside{ width: 625px; float: left; display: inline; }
#content #rightside{ width: 228px; float: right; display: inline; }

#content h3{ font-size: 14px; line-height: 24px; font-weight: normal; }
#content p{ font-size: 12px; line-height: 18px; margin: 0 0 18px; }
#content ul,#content ol{ font-size: 12px; line-height: 18px; margin: 0 0 18px; padding: 0 0 0 24px; list-style: inside disc; }
#content a{ color: #1a4775; text-decoration: none; border-bottom: 1px dotted #1a4775; }
#content a:hover{ color: #e67a00; border-color: #e67a00; }

#content #rightside a{ color: #1a4775; text-decoration: none; border-bottom: none; }
#content #rightside a:hover{ border-bottom: none; }

#content #rightside .pad{ padding: 18px 0 26px 20px; }
#content #rightside .module{ background: #1973b7; border-right: 10px solid #0164ae; margin: 0 -10px 10px 0; }
#content #rightside .module p{ margin: 0; }
#content #rightside .module p a{ width: 185px; height: 45px; }
#content #rightside #become-sponsor a.logo{ background-image: url(/media/img/modules/become-sponsor.jpg); padding: 58px 0 24px 35px; display: block; }
#content #rightside #watch-2008 p a.btn{ background-image: url(/media/img/modules/btn-watch-2008.png); }
#content #rightside #share-thoughts p a.btn{ background-image: url(/media/img/modules/btn-share-thoughts.png); }
#content #rightside #become-sponsor p a.btn{ background-image: url(/media/img/modules/btn-become-sponsor.png); }
#content #rightside #event-info p a.btn{ background-image: url(/media/img/modules/btn-event-info.png); }
#content #rightside #festival-partners a.btn{ background-image: url(/media/img/modules/btn-partners.png); height:68px; }

#main #leftside .pad{ background: url(/media/img/main/prepare-yourself-2011.jpg) no-repeat left top; padding: 0 85px 80px 92px; }
#main #leftside .email-updates{ margin: 30px 0 0 0; border-top: 10px solid #e7e7e7; padding: 45px 0 0; }
#main #leftside .email-updates h4{ text-indent: -9999px; overflow: hidden; height: 15px; background: url(/media/img/main/signup-for-updates.gif) no-repeat left top; margin: 0 0 15px; }


#main #leftside .twitter-feed{ margin: 30px 0 0 0; padding: 0 0 0; }
#main #leftside .twitter-feed h4{ text-indent: -9999px; overflow: hidden; height: 83px; background: url(/media/img/main/bg-twitter-boards.png) no-repeat left top; margin: 0 0 0; }

#content .twitter-feed #tweetsLoadHere div{background-color:#ddf3f9;padding:10px;margin:0 0 5px;}
#content .twitter-feed #tweetsLoadHere div p{margin:0;}
#content .twitter-feed #tweetsLoadHere div p.byWho{color:#134b8b;font-size:11px;line-height:15px;margin:0 0 4px;}
#content .twitter-feed #tweetsLoadHere div p.byWho a{color:#288cd5;border:none;}
#content .twitter-feed #tweetsLoadHere div p.byWhen{color:#7ac3d7;font-size:9px;line-height:1em;}
#content .twitter-feed #tweetsLoadHere div p.byWhen a{color:#7ac3d7;border:none;}
#content .twitter-feed #tweetsLoadHere div p a:hover{text-decoration:underline;}

#main .email-updates form .msg{ padding: 5px; background: #ffffdd; border: 1px solid #ffff99; }
#main .email-updates form .msg p{ margin: 0; color: yellow; font-size: 12px; line-height: 16px; }

#main .email-updates form fieldset legend{display:none;}
#main .email-updates form fieldset label{display:none;}
#main .email-updates form fieldset p{ width: 311px; height: 51px; display: block; float: left; background: url(/media/img/main/signup-input.gif); }
#main .email-updates form fieldset p input.text{ padding: 10px 0 0 18px; width: 293px; height: 33px; border: none; background: transparent; font-size: 16px; color: #4a4a4a; }
#main .email-updates form input.button{ float: right; margin-top: 2px; }

#secondary #leftside .pad{ background: #fff; padding: 50px 50px 80px 44px; }
#secondary #leftside h2{ margin: 0; color: #072c52; font-size: 36px; line-height: 1; font-weight: normal; }

#sponsor-grid{ margin: 0 0 0 62px;float:left;width:839px;display:inline;}
.sponsors-toggle{ width: 146px; height: 26px; background-image: url(/media/img/btn-sponsors-toggle.png); float: right; position: relative; right: 11px; }
#sponsor-grid .pad{ padding: 43px 68px 43px 0; background: #092040; border: 7px solid #0e294e; }

#sponsor-grid .sponsor-row{ padding: 20px 0 13px 0; margin: 0;float:left;width:839px;}

#sponsor-grid #presenting-sponsors{background-color:#b6a165;border-bottom:7px solid #a19061;border-left:7px solid #a19061;border-right:7px solid #a19061;}
#sponsor-grid #red-sponsors{background-color:#b00607;border-bottom:7px solid #980607;border-left:7px solid #980607;border-right:7px solid #980607;}
#sponsor-grid #white-sponsors{background-color:#e5e5e5;border-bottom:7px solid #c7c6c6;border-left:7px solid #c7c6c6;border-right:7px solid #c7c6c6;}
#sponsor-grid #blue-sponsors{background-color:#025796;border-bottom:7px solid #02487c;border-left:7px solid #02487c;border-right:7px solid #02487c;}
/*
#sponsor-grid .sponsor-row div a{ width: 126px; height: 118px; float: left; border: 4px solid #fff; margin: 0 5px 0 0; }
#sponsor-grid .sponsor-row div a.last{ margin-right: 0; }
#sponsor-grid .sponsor-row div a.top{ margin-top: 5px; }
#sponsor-grid .sponsor-row div a:hover{ border-color: #b6cad0; }
*/
#sponsor-grid .sponsor-row .title{ width: 75px; float: left; margin: 0 16px 0 -18px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: left top; }

#sponsor-grid .sponsor-row .sponsors{width:751px;float:left;margin:0 0 0 0;display:inline;}
#sponsor-grid .sponsor-row .sponsors .sponsor{text-align:center;float:left;margin-right:5px;}
#sponsor-grid .sponsor-row .sponsors .sponsor-last{margin-right:0;}
#sponsor-grid .sponsor-row .sponsors .sponsor-newline{margin-top:5px;}
#sponsor-grid .sponsor-row .sponsors .sponsor a{border-left-width:11px;border-right-width:11px;display:block;border-style:solid;float:left;}
#sponsor-grid .sponsor-row .sponsors .sponsor a:hover{border-color:white;}
#sponsor-grid .sponsor-row .sponsors .sponsor a img{float:left;}

#sponsor-grid #presenting-sponsors .sponsors .sponsor a{border-color:#c1ac71;}
#sponsor-grid #presenting-sponsors .sponsors .sponsor a:hover{border-color:white;}

#sponsor-grid #red-sponsors .sponsors .sponsor a,
#sponsor-grid #red-sponsors .sponsors .sponsor img{border-color:#c60003;border-style:solid;border-left-width:11px;border-right-width:11px;}
#sponsor-grid #red-sponsors .sponsors .sponsor a img{border-color:#c60003;border-style:solid;border-left-width:0;border-right-width:0;}
#sponsor-grid #red-sponsors .sponsors .sponsor a:hover{border-color:white;}

#sponsor-grid #white-sponsors .sponsors .sponsor a,
#sponsor-grid #white-sponsors .sponsors .sponsor img{border-color:#f2f2f2;border-style:solid;border-left-width:10px;border-right-width:10px;}
#sponsor-grid #white-sponsors .sponsors .sponsor a img{border-color:#f2f2f2;border-style:solid;border-left-width:0;border-right-width:0;}
#sponsor-grid #white-sponsors .sponsors .sponsor a:hover{border-color:#C7C6C6;}

#sponsor-grid #blue-sponsors .sponsors .sponsor a,
#sponsor-grid #blue-sponsors .sponsors .sponsor img{border-color:#166bae;border-style:solid;border-left-width:5px;border-right-width:5px;}
#sponsor-grid #blue-sponsors .sponsors .sponsor a img{border-color:#166bae;border-style:solid;border-left-width:0;border-right-width:0;}
#sponsor-grid #blue-sponsors .sponsors .sponsor a:hover{border-color:white;}

#sponsor-grid #presenting-sponsors .title{ background-image: url(/media/img/sponsors/presenting.png); height:126px; }
#sponsor-grid #red-sponsors .title{ background-image: url(/media/img/sponsors/red.png); height: 119px; }
#sponsor-grid #white-sponsors .title{ background-image: url(/media/img/sponsors/white.png); height: 96px; width:73px; } /* increase hieght to force second row of sponsors to line up. */
#sponsor-grid #blue-sponsors .title{ background-image: url(/media/img/sponsors/blue.png); height: 72px; width:73px; } /* increase hieght to force second row of sponsors to line up. */

#footer{ margin: 20px 0 40px 62px; width: 622px; background: #1670b3; clear:both;}
#footer p{ font-size: 11px; color: #fff; margin: 0; }
#footer p.crumbs{ background: white; line-height: 1em; padding: 5px 20px 6px; color:#b9d2eb;}
#footer p.crumbs a{ color: #072c52; text-decoration: none; }
#footer h1 a{ text-indent: -9999px; overflow: hidden; background: url(/media/img/bg-footer-logo.png) no-repeat left top; width: 220px; height: 66px; display: block; float: left; }
#footer p.copy{ line-height: 16px; padding: 14px 0 0 0; }
#footer p.copy a{ color:white; }

#flashClock{ width: 341px; height: 91px; padding: 81px 0 0 65px; margin-bottom: 157px; }