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

* {margin:0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
html, body {height: 100%;}
body {background: #030303;  }

#wrapper2 {background: url(../images/bg_tile.png) center -10px;}
#wrapper {background: url(../images/wrapper_bg.jpg) center top no-repeat; width: 100%; }
#logo {width: 305px; height: 133px; background: url(../images/logo_24.png); display: block; text-indent: -400px; overflow: hidden; top: 30px; left: 0px; position: absolute; }
* html #logo {background-image: url(../images/logo_8.png); }

#address {color: #9B9B9B; position: absolute; font-size: 11px; bottom: 57px; left: 86px;}

#container {width: 950px; margin: 0 auto; position: relative; padding-bottom: 30px; }
#header {width: 950px; position: relative; height: 232px; }
#main {width: 675px; float: left; margin-right: 20px; }
#side {width: 255px; float: left; }


#nav {background: url(../images/nav_bar.png); width: 675px; height: 57px; position: absolute; top: 175px; left: 0px; list-style: none;}
#nav li {display: block; float: left; padding: 0 0 0 3px; background: url(../images/stripe.png) 0 0 no-repeat; height: 57px;}
#nav a {color: #9b9b9b; display: block; float: left; height: 57px;	line-height: 57px; padding: 0 8px; font-family: "Trebuchet MS", "Lucida Sans"; font-size: 17px; text-decoration: none; background: url(../images/arrow.png) center 100px no-repeat;}
#nav li:first-child {padding-left: 0px; background: none;}
#nav li a:hover, #nav li a:focus {color: #fff; background-position: center 4px; outline: 0;}

#top_buttons {position: absolute; top: 175px; left: 695px; width: 255px;}
#top_buttons li {float: left; list-style: none;}
#top_buttons li a {background: url(../images/top_buttons.png); display: block; height: 41px; width: 123px; text-indent: -150px; overflow: hidden; margin-right: 9px;}
#top_buttons li a.facebook {background-position: -127px 0px; margin: 0px;  }
#top_buttons li a:hover {background-position: 0 -41px; }
#top_buttons li a.facebook:hover {background-position: -127px -41px; }

#footer {background: url(../images/footer_grad.png) repeat-x; height: 219px; clear: both; padding-top: 30px; }
#footer ul {text-align: center; color: #7e7e7e; word-spacing: 0px;} /* margin-right: 275px;} */
#footer ul li {list-style: none; display: inline; font-size: 12px; border-left: 1px solid #7e7e7e; word-spacing: 0px;}
#footer ul li:first-child {border-left: 0; }
#footer ul li a {color: #7e7e7e; text-decoration: none; border-bottom: 0px solid #7e7e7e; margin: 0 16px;}
#footer ul li a:hover {border-bottom: 1px dotted #7e7e7e; }



.featured {background: #3a3a3a url(../images/med_grad.png) repeat-x 0 100%; padding: 12px 10px; margin-bottom: 8px;}
.next {font-size: 14px; color: #7e7e7e; }


.main_area {background: #161616 url(../images/tall_grad.png) repeat-x; padding: 2px 10px 10px;}

h1, h2, h3 {color: #7e7e7e; font-weight: normal; margin: .2em 0 .4em; }
.main_area h1 {font-size: 2em; }
.main_area h2 {font-size: 1.5em; }



.event {background: url(../images/med_grad.png) 0 100% repeat-x; padding: 6px 6px; font-size: .9em; clear: both; }
.featured {font-size: 1em; }
.date {color: #c3c3c3; font-size: 1.1em; display: block; margin-bottom: 4px;}
.featured p, .event p, .ages {color: #c3c3c3;  }
.featured p, .event p {margin-bottom: .5em; font-size: 1em;}
.ages {font-size: .9em; margin-bottom: .5em; display: block;}
.doors {font-size: .9em; }
.price {display: block; color: gold; }


.box h3 {color: #369937; line-height: 1; font-size: 1.5em; padding-top: 8px; margin: 0 10px 8px; font-weight: normal;}
.round h2 {color: #369937; line-height: 1; font-size: 1.5em; }
.featured h1, .featured h1 a, .event h3 {color: #369937; text-decoration: none; }
.featured h1 a:hover {border-bottom-width: 1px; border-bottom-style: dotted; }
.event img, .featured img { float: left; border: 2px solid #434343; margin: .5em 1em 1em 0;}
.event img {width: 120px; }
.featured img {width: 240px; }
/*
.info {float: left; background: blue;}
.featured .info { width: 400px; }
.event .info { width: 520px;}
*/

.info {color: #c3c3c3; }
a {color: #369937;}


a.tickets {display: block; background: url(../images/button_24.png) no-repeat; width: 126px; height: 27px; line-height: 27px; color: #a7a7a7; text-decoration: none; text-align: center; font-size: 14px; float: left; margin-top: 10px;}
a.tickets:hover {color: gold; }
* html a.tickets {background-image: url(../images/button.png); }

ul.supporting a, ul.supporting span, .nav_link {color: #369937; text-decoration: none; padding-bottom: 1px; }
ul.supporting a:hover, .nav_link:hover {border-bottom: 1px dotted #369937; padding-bottom: 0px; }
.nav_link { font-size: .8em; }

.more_info, .next_date {float: right; }

.box {width: 258px; background: #071407 url(../images/square_grad_24.png) no-repeat; padding-bottom: 4px;}
.calendar_box {padding: 5px; margin: 7px; background: #4a4a4a}


table.user_calendar {width: 100%; border-collapse: collapse;  }
table.user_calendar table.month, table.user_calendar table.month a {background: #000; color: #fff; text-decoration: none; padding: 4px; font-weight: bold; color: #a4a4a4}
table.user_calendar table.month a:hover {color: #fff;}
table.user_calendar .month th {font-weight: normal; }
table.user_calendar td.blank {background: #000; }
table.user_calendar td.blank, table.user_calendar td.tcell {border: 2px solid #000; }
table.user_calendar td.tcell a {display: block; width: 100%; text-align: center; padding: 3px 0; color: #fff; text-decoration: none;}
table.user_calendar td.tcell a:hover {background: #c4c4c4; color: #000;}
table.user_calendar a.today {background: #222;}
table.user_calendar a.cal_event {background: #999; }
#calendar {display: block; margin-bottom: 20px;}



.clear {clear: both; float: none;}

ul.supporting, ul.supporting li {display: inline; }

.fbook {margin-bottom: 20px; }

#twitter_div {background: #071407 url(../images/grn_grad.png) repeat-x; padding: 10px 8px; margin-bottom: 20px;}
#twitter_update_list {color: #ccc; list-style: none;} 
#twitter_update_list li {margin-bottom: 6px; border-bottom: 1px solid #555; display: block; padding: 4px; font-size: 14px;}
#twitter_update_list li span { }
#twitter_update_list li a {}
#twitter-link {display:block;text-align:center; }

.timestamp {font-size:85%; white-space: nowrap; display: block; float: none; text-align: right; }

#mailing_list .input {height: 26px; }
#mailing_list label {color: #fff; width: 60px; display: block; float: left; }
#mailing_list input {width: 160px; float: left; }
#mailing_list input.submit {width: auto; float: none; margin-top: 5px; }
#mailing_list fieldset {border: 0; }

.round {background: #071407 url(../images/grn_grad.png) repeat-x; padding: 10px 8px; margin-bottom: 20px; }
.round p {color: #fff; }