* {margin: 0; padding: 0; border: none;}

body {font: 14px/20px Helvetica, Arial, sans-serif; background: #201c13; text-align: center; color: #42210b;}

a {color: #722b2b; outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}

#container {width: 980px; margin: 0 auto 20px auto; background: #969086 url(../images/container-bg.jpg) left 258px repeat-y;}

#masthead {position: relative; width: 980px; height: 258px; background: url(../images/header.jpg) left top no-repeat;}
#masthead h1 a {position: absolute; text-indent: -9999em; display: block; left: 0px; bottom: 55px; width: 360px; height: 90px; background: transparent;}

#masthead p {position: absolute; top: 56px; right: 20px; font-size: 18px; font-family: Georgia, "Times New Roman", serif; font-style: italic; color: #555;}

/* ------- Navigation Styles --------- */
#masthead ul {position: absolute; left: 0; bottom: 10px; width: 970px; height: 35px; list-style: none; margin-left: 10px; font-family: Georgia, "Times New Roman", serif;}
#masthead ul li {line-height: 35px; float: left;}
#masthead ul li a {color: #e2d8c0; display: block; float: left; padding: 2px 14px 8px 14px; line-height: 34px; font-weight: bold; }
#masthead ul li a:hover {color: white; text-decoration: none;}
#masthead ul li a.current {color: #201c13; background: transparent url(../images/nav-bg.jpg) center top no-repeat; cursor: default;}

/* ------- Main Content Styles --------- */
#MainContent {position: relative; float: left; width: 640px; margin: 10px 0 20px 20px; padding: 0 0 20px 0; background: #f0ebe4 url(../images/main-bg.jpg) left top repeat-y; text-align: left;}
#MainContent h3, #MainContent h4, #MainContent p, #MainContent ul, #MainContent iframe, #MainContent div p, #MainContent address {margin: 1em 0; padding: 0 20px; position: relative;}

#MainContent h2 {display: block; text-indent: -9999px; width: 640px; height: 47px; padding: 0; margin: 0 0 10px 0; background: url(../images/title_press.jpg) left top no-repeat;}
#MainContent h2#artists {background-image: url(../images/title_artists.jpg);}
#MainContent h2#vendors {background-image: url(../images/title_vendors.jpg);}
#MainContent h2#contests {background-image: url(../images/title_contests.jpg);}
#MainContent h2#hotels {background-image: url(../images/title_hotels.jpg);}
#MainContent h2#location {background-image: url(../images/title_location.jpg);}
#MainContent h2#photos {background-image: url(../images/title_photos.jpg);}
#MainContent h2#photos2004 {background-image: url(../images/title_photos2004.jpg);}
#MainContent h2#photos2005 {background-image: url(../images/title_photos2005.jpg);}
#MainContent h2#photos2006 {background-image: url(../images/title_photos2006.jpg);}
#MainContent h2#photos2007 {background-image: url(../images/title_photos2007.jpg);}
#MainContent h2#photos2008 {background-image: url(../images/title_photos2008.jpg);}
#MainContent h2#photos2009 {background-image: url(../images/title_photos2009.jpg);}
#MainContent h2#contact {background-image: url(../images/title_contact.jpg);}
#MainContent h2#links {background-image: url(../images/title_links.jpg);}
#MainContent h2#tuttle {background-image: url(../images/title_tuttle.jpg);}

#MainContent h3 {font-size: 22px;}
#MainContent h3+p {margin-top: -1em;}
#MainContent h4+p {margin-top: -1em;}
#MainContent p, #MainContent ul {margin: 0 0 .4em 0;}
#MainContent h3 {position: relative; border-bottom: 1px dashed #999; padding-bottom: 2px; font-family: Georgia, serif; color: #444;}
#MainContent h2 span, #MainContent h3 span {position: absolute; right: 20px; font-size: 12px;}
#MainContent ul {margin-left: 20px; list-style: square;}

#MainContent .right {float: right; margin: 0 0 10px 10px; background: white; padding: 4px; border: 1px solid #42210b;}
#MainContent div#artistsleft, #MainContent div#artistsright {float: left; width: 46%; background: transparent;}

/* ------- Contact Form Styles --------- */
#MainContent form label {display: block;}
#MainContent form input {display: block; width: 300px; height: 24px; font-size: 14px; border: 1px solid #333; padding: 3px 0 0 4px;}
#MainContent form textarea {display: block; width: 500px; height: 200px; border: 1px solid #333; padding: 4px; font-family: Helvetica, Arial, sans-serif;}
#MainContent form input#send {position: relative; width: auto; height: auto; padding: 5px; margin-top: 10px; background: #333; color: white; border: 1px solid #42210b;}
#MainContent form input#send:hover {background: #ccc; color: #333;}
#MainContent form input#send:active {background: #000; color: #fff; cursor: pointer; top: 2px; left: 2px;}

/* ------- Secondary Content Styles --------- */
#SecondaryContent {float: right; width: 280px; margin: 10px 0 20px 0; padding: 0 20px 0 0; text-align: left; font-size: .9em;}
#SecondaryContent div {position: relative; width: 282px; background: #f0ebe4 url(../images/secondary-bg.jpg) left bottom no-repeat; margin-bottom: 1em; padding-bottom: 20px; overflow: hidden;}
#SecondaryContent div h3 {color: #f0ebe4; background: url(../images/title_tickets.jpg) left top no-repeat; width: 282px; height: 40px; text-indent: -9999px; overflow: hidden; margin-bottom: -.6em;}
#SecondaryContent div h3#featured {background-image: url(../images/title_featured.jpg);}
#SecondaryContent div h3#photos {background-image: url(../images/title_homephotos.jpg);}
#SecondaryContent div h3 a {color: #f0ebe4; display: block;}
#SecondaryContent div h3, #SecondaryContent div p, #SecondaryContent div img, #SecondaryContent div ul {padding: 4px 8px;}
#SecondaryContent div ul {margin-left: 20px; list-style: square;}
#SecondaryContent div img.photoicon {position: absolute; top: 0; right: 0;}
#SecondaryContent div a.lylebutton {display: block; width: 263px; height: 20px; text-indent: -9999px; background-image: url(../images/lyle_button.jpg);}

#footer {clear: both; background: #201c13 url(../images/footer-bg.jpg) left top no-repeat; padding-top: 20px; width: 980px; height: 48px; color: #f0ebe4; text-align: center; line-height: 48px; }
#footer a {color: #f0ebe4;}
#footer a:hover {color: #fff;}

.clear {clear: both;}
.warning {color: red; }

/* ------- Twitter Styles --------- */
#SecondaryContent div div#twitter_div {background: none; padding-bottom: 0;}
#SecondaryContent div div#twitter_div h3 {color: #f0ebe4; background: url(../images/title_twitter.jpg) left top no-repeat;}
#SecondaryContent div div#twitter_div ul {margin-left: 0; list-style-type: none;}
#SecondaryContent div div#twitter_div ul li {border-bottom: 1px dashed #999; padding: 6px 0; line-height: 16px;}

#gallery {padding-left: 26px;}

#MainContent.homePage {width: 940px; background-repeat: repeat;}
#MainContent.homePage h2 {background-image: url(../images/title_home.jpg); width: 940px;}
#MainContent.homePage h3, #MainContent.homePage p {width: 580px; padding: 0 0 0 26px; margin: 1em 0;}
#MainContent.homePage h3 {border: none; margin-top: 0; font-style: italic; line-height: 1.2em; font-weight: normal;}
#MainContent.homePage img#posterhome {position: absolute; top: -10px; right: 20px; z-index: 204;}

#SecondaryContent.homePage {position: relative; left: 0; width: 940px; margin: 0; background: transparent;}
#SecondaryContent.homePage div {background: #f0ebe4 url(../images/secondary-bg.jpg) left bottom no-repeat; width: 300px; height: 240px; float: left; margin-left: 20px;}
#SecondaryContent.homePage div h3 {width: 300px;}
#SecondaryContent div div#twitter_div {margin: 0;}
#SecondaryContent.homePage div a.lylebutton {display: block; width: 283px; height: 30px; text-indent: -9999px; background-image: url(../images/lyle_button_home.png);}