/* --------------------------------------------- [ General ] */

*
   {
   padding: 0;
   margin: 0;
   }
body
   {
   text-align: center;
   color: #fff;
   background-color: #000;
   }
div#container
   {
   margin: 0 auto;
   width: 700px;
   padding-top: 20px;
   background: url("../images/header_01.jpg") no-repeat;
   }
.clear:after
   {
   content: "";
   display: block;
   height: 0;
   clear: both;
   }
.titlebar
   {
   height: 0 !important;
   height /**/:20px; /* for IE5.x's bad box model */
   padding-top: 20px;
   overflow: hidden;
   margin-bottom: 10px;
   }
.error
   {
   color: red;
   font-weight: bold;
   font-style: normal;
   }
.strikethrough
   {
   font-style: normal;
   text-decoration: line-through;
   }
fieldset
   {
   border: 0;
   }
h3#titlebar-upcoming
   {
   color: #fff;
   width: 291px;
   background: #000 url("../images/titlebar_upcoming.jpg") no-repeat;
   }
h3#titlebar-news
   {
   color: #fff;
   width: 346px;
   background: #000 url("../images/titlebar_news.jpg") no-repeat;
   }
h3#titlebar-upcoming-shows
   {
   color: #fff;
   width: 370px;
   background: #000 url("../images/titlebar_upcoming_shows.jpg") no-repeat;
   }
h3#titlebar-venue-ticket
   {
   color: #fff;
   width: 267px;
   background: #000 url("../images/titlebar_venue_ticket.jpg") no-repeat;
   }
h3#titlebar-history
   {
   color: #fff;
   width: 446px;
   background: #000 url("../images/titlebar_history.jpg") no-repeat;
   }
h3#titlebar-contact
   {
   color: #fff;
   width: 190px;
   background: #000 url("../images/titlebar_contact.jpg") no-repeat;
   }
h3#titlebar-choose-review
   {
   color: #fff;
   width: 260px;
   background: #000 url("../images/titlebar_review.jpg") no-repeat;
   }
h3#titlebar-album-review
   {
   color: #fff;
   width: 377px;
   background: #000 url("../images/titlebar_review_text.jpg") no-repeat;
   }
h3#titlebar-local-bands
   {
   color: #fff;
   width: 318px;
   background: #000 url("../images/titlebar_local_bands.jpg") no-repeat;
   }
h3#titlebar-show-reviews
   {
   color: #fff;
   width: 318px;
   background: #000 url("../images/titlebar_show_reviews.jpg") no-repeat;
   }
h3#titlebar-miscellaneous
   {
   color: #fff;
   width: 100%;
   background: #000 url("../images/titlebar_miscellaneous.jpg") no-repeat;
   }
h4
   {
   clear: left;
   color: #fff;
   background-color: #333;
   border: 1px solid #fff;
   padding: 3px 5px;
   font-family: verdana, arial, sans-serif;
	font-size: 7pt;
   }
#review-header
   {
   margin-top: 10px;
   }

/* --------------------------------------------- [ Header ] */

div#header
   {
   text-align: left;
   height: 70px;
   padding-bottom: 15px;
   background: url("../images/header_05.jpg") no-repeat bottom;
   }
div#header a, div#header img
   {
   border: none;
   }

/* ----------------------------------------------- [ Menu ] */

div#menu
   {
   clear: left;
   height: 50px;
   background: url("../images/header_06.jpg") no-repeat;
   }
ul#navigation
   {
   float: right;
   background: url("../images/header_13.jpg") no-repeat right;
   list-style-type: none;
   width: 576px;
   height: 33px;
   }
ul#navigation li
   {
   height: 33px;
   float: left;
   }

/* Preload those bad boys */

li#main
   {
   width: 62px;
   background: url("../rollovers/rollover_off_07.jpg") top no-repeat;
   }
li#shows
   {
   width: 78px;
   background: url("../rollovers/rollover_off_08.jpg") top no-repeat;
   }
li#reviews
   {
   width: 93px;
   background: url("../rollovers/rollover_off_09.jpg") top no-repeat;
   }
li#forum
   {
   width: 76px;
   background: url("../rollovers/rollover_off_10.jpg") top no-repeat;
   }
li#links
   {
   width: 68px;
   background: url("../rollovers/rollover_off_11.jpg") top no-repeat;
   }
li#about
   {
   width: 74px;
   background: url("../rollovers/rollover_off_12.jpg") top no-repeat;
   }

/* Menu items - Uses LIR */

ul#navigation li.current, ul#navigation li a
   {
   display: block;
   padding-top: 33px;
   height: 0 !important; /* For good browsers */
   height /**/:33px; /* for IE5.x's bad box model */
   overflow: hidden;
   }

/* MAIN */

li#main.current
   {
   width: 62px;
   background: url("../rollovers/rollover_on_07.jpg") top no-repeat;
   }
li#main a
   {
   width: 62px;
   background: url("../rollovers/rollover_off_07.jpg") top no-repeat;
   }
li#main a:hover
   {
   background-image: url("../rollovers/rollover_on_07.jpg");
   }

/* SHOWS */

li#shows.current
   {
   width: 78px;
   background: url("../rollovers/rollover_on_08.jpg") top no-repeat;
   }
li#shows a
   {
   width: 78px;
   background: url("../rollovers/rollover_off_08.jpg") top no-repeat;
   }
li#shows a:hover
   {
   background-image: url("../rollovers/rollover_on_08.jpg");
   }

/* REVIEWS */

li#reviews.current
   {
   width: 93px;
   background: url("../rollovers/rollover_on_09.jpg") top no-repeat;
   }
li#reviews a
   {
   width: 93px;
   background: url("../rollovers/rollover_off_09.jpg") top no-repeat;
   }
li#reviews a:hover
   {
   background-image: url("../rollovers/rollover_on_09.jpg");
   }

/* FORUM */
/* li#forum.current rule not needed, since it is a link to phpbb */

li#forum a
   {
   width: 76px;
   background: url("../rollovers/rollover_off_10.jpg") top no-repeat;
   }
li#forum a:hover
   {
   background-image: url("../rollovers/rollover_on_10.jpg");
   }

/* LINKS */

li#links.current
   {
   width: 68px;
   background: url("../rollovers/rollover_on_11.jpg") top no-repeat;
   }
li#links a
   {
   width: 68px;
   background: url("../rollovers/rollover_off_11.jpg") top no-repeat;
   }
li#links a:hover
   {
   background-image: url("../rollovers/rollover_on_11.jpg");
   }

/* ABOUT */

li#about.current
   {
   width: 74px;
   background: url("../rollovers/rollover_on_12.jpg") top no-repeat;
   }
li#about a
   {
   width: 74px;
   background: url("../rollovers/rollover_off_12.jpg") top no-repeat;
   }
li#about a:hover
   {
   background-image: url("../rollovers/rollover_on_12.jpg");
   }

/* -------------------------------------------- [ Content ] */

/* --------------------- [ General ] */

div#content
   {
   text-align: left;
   height: 420px;
   background-image: url("../images/bottom.png");
   padding: 0 22px;
   }
div#venue-ticket-box p, div#venue-ticket-box ul, div#contact-box p
   {
   font-size: 8pt;
   font-family: verdana, arial, sans-serif;
   padding: 5px;
   line-height: 13px;
   }
div#content a:link
   {
   color: #fff;
   }
div#content a:visited
   {
   color: #666;
   }

/* -------------------- [ Upcoming ] */

div#upcoming
   {
   float: left;
   width: 291px;
   }

/* ------------------------ [ News ] */

div#news
   {
   float: right;
   width: 346px;
   }
div#news-box
   {
   background-color: #000;
   padding: 10px;
   width: 326px;
   height: 300px;
   overflow: auto;
   }
div#news-box p, div#news-box ul
   {
   font-size: 8pt;
   font-family: verdana, arial, sans-serif;
   padding: 5px;
   line-height: 13px;
   }
div#news-box ul
   {
   margin: 0 15px 0 25px;
   }
div#news-box div
   {
   margin: 5px 0;
   }

/* ----------------------- [ Shows ] */

div#upcoming
   {
   float: left;
   }
div#shows-box
   {
   background-color: #000;
   padding: 10px;
   width: 350px;
   height: 348px;
   overflow: auto;
   }
div#shows-box div
   {
   border: 1px solid #fff;
   font-size: 8pt;
   font-family: verdana, arial, sans-serif;
   padding: 5px;
   margin: 5px 0;
   line-height: 13px;
   }
div#shows-box ul
   {
   margin-left: 0;
   padding-left: 0;
   list-style-type: none;
   }

/* ------- [ Venue and Ticket Info ] */

div#venue-ticket
   {
   float: right;
   }
div#venue-ticket-box
   {
   background-color: #000;
   padding: 10px;
   width: 247px;
   height: 348px;
   overflow: auto;
   }
div#venue-ticket-box p
   {
   margin-top: 5px;
   }
div#venue-ticket-box ul
   {
   list-style-type: none;
   }
div#venue-ticket-box ul li
   {
   margin-bottom: 8px;
   }

/* ------------- [ Choose a Review ] */

div#choose-review
   {
   float: left;
   }
div#review-box
   {
   background-color: #000;
   padding: 10px;
   width: 240px;
   height: 348px;
   overflow: auto;
   font-size: 8pt;
   font-family: verdana, arial, sans-serif;
   line-height: 13px;
   }
dl
   {
   margin-bottom: 15px;
   }
dd
   {
   text-indent: 5px;
   }
dt
   {
   margin-top: 10px;
   }

/* --- [ Album Review and Comments ] */

div#album-review
   {
   float: right;
   }
div#album-review-box
   {
   padding: 10px;
   font-size: 8pt;
   font-family: verdana, arial, sans-serif;
   background-color: #000;
   width: 357px;
   height: 348px;
   overflow: auto;
   }
img#album-cover
	{
	float: left;
   margin: 3px 10px 0 5px;
	}
p#album-details
   {
   margin-bottom: 15px;
   }
div#review p
   {
   margin: 10px 5px;
   }
p.comment
   {
   margin: 10px 5px;
   }
em.comment-date
   {
   color: #666;
   background-color: #000;
   font-style: normal;
   font-size: 9px;
   }
form#comment-form
   {
   margin-top: 5px;
   padding: 0;
   }
form#comment-form input
   {
   margin-bottom: 5px;
   }
form#comment-form textarea
   {
   margin-bottom: 10px;
   }
form#comment-form fieldset
   {
   display: inline;
   margin-left: 5px;
   }
form#comment-form label, form#comment-form input, form#comment-form textarea
   {
   display: block;
   }
p#user-msg
   {
   text-align: center;
   margin-top: 46%;
   }

/* ------------ [ Comments Preview ] */

div#comments-preview p
   {
   margin-bottom: 5px;
   }

/* ----------------- [ Local Bands ] */

div#local-bands
   {
   float: left;
   }
div#local-bands-box
   {
   color: #fff;
   background-color: #000;
   height: 225px;
   width: 318px;
   }
ul#links-bands
   {
   font-size: 8pt;
   font-family: verdana, arial, sans-serif;
   margin-left: 1em;
   padding: 20px;
   line-height: 14px;
   }

/* ---------------- [ Show Reviews ] */

div#show-reviews
   {
   float: right;
   }
div#show-reviews-box
   {
   color: #fff;
   background-color: #000;
   height: 225px;
   width: 318px;
   }
ul#links-reviews
   {
   font-size: 8pt;
   font-family: verdana, arial, sans-serif;
   margin-left: 1em;
   padding: 20px;
   line-height: 14px;
   }

/* --------------- [ Miscellaneous ] */

div#miscellaneous
   {
   clear: both;
   position: relative;
   top: 12px;
   }
div#miscellaneous-box
   {
   color: #fff;
   background-color: #000;
   }
ul#links-misc
   {
   font-size: 8pt;
   font-family: verdana, arial, sans-serif;
   margin-left: 1em;
   padding: 20px;
   line-height: 14px;
   }

/* --------------------- [ History ] */

div#history
   {
   float: left;
   font-size: 8pt;
   font-family: verdana, arial, sans-serif;
   line-height: 13px;
   }
div#history-box
   {
   background-color: #000;
   padding: 10px;
   width: 426px;
   height: 348px;
   overflow: auto;
   }
div#history-box p
   {
	padding: 4px 10px 10px 10px;
	line-height: 14px;
   }

/* --------------------- [ Contact ] */

div#contact
   {
   float: right;
   }
div#contact-box
   {
   background-color: #000;
   padding: 10px;
   width: 170px;
   height: 348px;
   }
div#contact-box p#snail-mail
   {
   font-family: "lucida console", "courier new", monospace;
	font-size: 11px;
	padding : 8px;
   margin: 5px;
	background-color: #000;
	border: 1px solid #666;
   }

/*---------------------------------------- [ Mailing List ] */

div#mailing-list
   {
   clear: both;
   height: 25px;
   background-color: #000;
   position: relative;
   top: 12px;
   padding: 10px 10px 0 10px;
   }
p#join
   {
   float: left;
   height: 0 !important;
   height /**/:14px; /* for IE5.x's bad box model */
   width: 166px;
   padding-top: 14px;
   overflow: hidden;
   background: #000 url("../images/join.gif");
   }

/* New Mailing List */

p#join {
	float: left;
}
form#newsletter {
	/*border: 1px solid #fff;*/
	float: right;
	position: relative;
	top: -1px;
	padding: 0;
}
input#elistname, input#elistaddress438974419 {
	width: 80px;
	margin-right: 5px;
	height: 13px;
	font: .7em verdana, arial, sans-serif;
}
form#newsletter label {
	float: left;
	font: .7em verdana, arial, sans-serif;
	color: #fff;
	margin-right: 3px;
}
form#newsletter input {
	float: left;
}
div#elist_err438974419 {
	color: red;
}
input#submit {
	height: 17px;
	font-size: .6em;
	margin-left: 1px;
	font-family: verdana, arial, sans-serif;
}
input#sub, input#unsub {
	margin-right: 3px;
	position: relative;
	top: 1px;
}