/* ----------------- CSS Reset ----------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
font: 63% helvetica, arial, verdana, sans-serif;
color: #4e4e4e;
background: #2E2E2E url('../images/main/pagebg.png') top left repeat-x;
}

ol, ul {
list-style: none;
}

ul, ol, dl {
position: relative;  
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

td {
vertical-align: top;
}

.clear {
clear: both;
}

strong {
font-weight: bold;
}

img {
-ms-interpolation-mode: bicubic;
}

img.floatright {
display: block;
position: relative;
float: right;
padding: 10px;
}

img.floatleft {
display: block;
position: relative;
float: left;
padding: 10px;
}

/* ----------------- Main Structure ----------------- */

.contentwrap {
width: 982px;
display: block;
position: relative;
margin: 0 auto;
}

#mast {
padding-bottom: 10px;
margin-top: 15px;
}

#mast h1 {
background: url('../images/main/mast.png') no-repeat scroll top left;
width: 982px;
height: 162px;
text-indent: -9999px;
margin-bottom: 10px;
}

#index #mast h1 {
display: none;
}

#nav {
background: url('../images/main/navbg.png') no-repeat scroll top left;
width: 982px;
height: 42px;
display: block;
margin-top: 10px;
position: relative;
}

.maincontent {
padding: 10px 0;
border-top: 2px solid #909090;	
border-bottom: 2px solid #909090;
}

#leftcol {
margin-right: 10px;
display: block;
position: relative;	
width: 746px;
float: left;
}

#rightcol {
float: right;
display: block;
position: relative;	
margin: 0 ;
}

#content {
background: url('../images/main/contentbg.png') bottom left no-repeat;
width: 724px;
border: 1px solid #e3e3e3;
background-color: #D0CDCD;
padding: 10px;
}

address {
color: #bebebe;
padding: 10px 0;
font-style: normal;
font-size: .8em;
}

.box {
display: block;
position: relative;
border: 1px solid #7E7E7E;
background-color: #666666;
color: #fff;
font-size: .8em;
padding: 5px;
width: 210px;
margin-bottom: 10px;
}

/* ----------------- Links ----------------- */

a:link, a:visited, a:hover {
color: #acc3cb;
text-decoration: underline;
}

a:visited {

}

a:hover {
color: #fff;
}

#content a:link, #content a:visited, #content a:hover {
color: #565656;
}

#content a:hover {
color: #d62828 !important;
}
/* ----------------- Navigation ----------------- */

#nav ul {
display: block;
position: relative;
list-style: none;
}

#nav ul li {
float: left;
}

#nav ul li, #nav ul li a, #nav ul li a:link {
text-indent: -9999px;
text-decoration: none;
position: relative;
height: 25px;
top: 5px;
display: block;
background: transparent;
}

#nav ul li.index a:link, #nav ul li.index a:hover, #nav ul li.index a:visited {
background: url('../images/nav/home.png') no-repeat scroll top left;
width: 78px;
margin-left: 5px !important;
}

#nav ul li.about a:link, #nav ul li.about a:hover, #nav ul li.about a:visited {
background: url('../images/nav/about.png') no-repeat scroll top left;
width: 110px;
}

#nav ul li.calendar a:link, #nav ul li.calendar a:hover, #nav ul li.calendar a:visited {
background: url('../images/nav/calendar.png') no-repeat scroll top left;
width: 193px;
}

#nav ul li.contact a:link, #nav ul li.contact a:hover, #nav ul li.contact a:visited {
background: url('../images/nav/contact.png') no-repeat scroll top left;
width: 113px;
}

#nav ul li.newsletter a:link, #nav ul li.newsletter a:hover, #nav ul li.newsletter a:visited {
background: url('../images/nav/newsletter.png') no-repeat scroll top left;
width: 145px;
}

#nav ul li.store a:link, #nav ul li.store a:hover, #nav ul li.store a:visited {
background: url('../images/nav/store.png') no-repeat scroll top left;
width: 92px;
}

#nav ul li a:hover {
background-position: 0 -30px !important;
}

#nav ul li.facebook a:link, #nav ul li.facebook a:hover, #nav ul li.facebook a:visited {
background: url('../images/nav/facebook.png') no-repeat scroll top left !important;
width: 40px;
height: 36px;
margin-top: -6px;
}

#nav ul li.myspace a:link, #nav ul li.myspace a:hover, #nav ul li.myspace a:visited {
background: url('../images/nav/myspace.png') no-repeat scroll top left !important;
width: 40px;
height: 36px;
margin-top: -6px;
}

#nav ul li.twitter a:link, #nav ul li.twitter a:hover, #nav ul li.twitter a:visited {
background: url('../images/nav/twitter.png') no-repeat scroll top left !important;
width: 40px;
height: 36px;
margin-top: -6px;
}

#nav ul li.youtube a:link, #nav ul li.youtube a:hover, #nav ul li.youtube a:visited {
background: url('../images/nav/youtube.png') no-repeat scroll top left !important;
width: 40px;
height: 36px;
margin-left: 35px;
margin-top: -6px;
}

#nav ul li.rss a:link, #nav ul li.rss a:hover, #nav ul li.rss a:visited {
background: url('../images/nav/rss.png') no-repeat scroll top left !important;
width: 40px;
height: 36px;
margin-top: -6px;
}


/* ----------------- Footer ----------------- */

#footer p {
color: #fff;
}

#footer a:link, #footer a:hover, #footer a:visited {
color: #fff;
text-decoration: underline;
font-weight: bold;
}

/* ----------------- Pages ----------------- */

/* Index Page */


#flash {
display: block;
position: relative;
margin-bottom: 10px;
}

#special {
display: block;
position: relative;
margin-bottom: 10px;
border: 1px solid #e3e3e3;
background-color: #EBE9E9;
width: 724px;
padding: 10px;
}

#special p {
font-size: 1.6em;
color: #2d81ac;
float: left;
display: block;
position: relative;
width: 500px;
margin-bottom: 0;
padding: 10px;
padding-bottom: 0;
}

#special img {
float: right;
display: block;
position: relative;
}

.download {
display: block;
position: relative;
float: right;
padding: 10px 10px 0 10px;
width: 200px;
border: 1px solid #abaaaa;
background-color: #dad8d8;
margin: 0 0 10px 10px;
}

.download h3 {
text-indent: 0;
font-weight: bold;
color: #072c41;
font-size: 1.4em;
}
.download img {
display: block;
position: relative;
margin: 10px auto;
text-align: center;
}

.download p {
font-size: 1.2em;
}

.download a.music {
display: block;
position: relative;
color: #03486b;
text-decoration: none;
padding: 10px 0 0 35px;
height: 25px;
background: url('../images/icons/music.png') no-repeat scroll top left;
}


/* Calendar Page */

.calendarwrap {
padding: 10px;
background: #DFDFDF;
border: 1px solid #D4D4D4;	
}

table.calendartable {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-family: helvetica, arial, sans-serif;
font-size: 1em;
}

.calendartable p {
font-size: 1em;
/*margin: 0 0 0 15px;*/
display: block;
position: relative;
/*margin: 10px;*/
clear: both;
}

table.calendartable img {
padding: 0;
text-align: left;
}

table.calendartable thead tr {

}

table.calendartable thead td {
vertical-align: top;
font-size: 12px;
line-height: 1.4em;
border-bottom: 1px solid #C7C7C7;
background: #D4D2D2;
margin: 0 0 1em 0;
padding: 5px;
font-weight: bold;
}


table.calendartable tr {

}

table.calendartable td {
vertical-align: top;
font-size: 11px;
line-height: 1.4em;
margin: 0 0 1em 0;
padding: 5px;
display: inline-cell;
position: relative;
}


table.calendartable tr.alt td {
background-color: #F1EEEE;
}

a.trigger {
background: transparent url('../images/other/arrow.png') 0 1px no-repeat;
padding-left: 15px;
font-size: 1.1em;
text-decoration: underline !important;
padding-bottom: 0px;
}

a.open {
background: transparent url('../images/other/arrow.png') 0 -19px no-repeat;

}

.calendartable a {
color: #565656;
text-decoration: underline;
}

.moreinfo {
display: none;
}

.moreinfo p {
display: block;
position: relative;

width: 400px;
}


/* ------- Newsletter ------- */

.newswrap {
float: left;
height: 100%;
margin-left: 10px;
}

.newssection {
float: right;
width: 550px;
}

.subnav {
background: #DCDCDC;
border: 1px solid #C3C3C3;
padding: 10px;
width: 120px;
}

ul.subnav {
}

.subnav li {
display: block;
position: relative;
font-weight: bold;
background: transparent;
margin-bottom: 2px;
font-size: 12px;
}

.subnav li a:link {
color: #676666 !important;
text-decoration: none;
background: transparent;
display: block;
position: relative;
padding: 5px 5px 5px 0;
}

.subnav li a:hover {
color: #d62828 !important;
}


.issuenav ul {
padding-bottom: 10px;
margin-bottom: 20px;
margin-left: 10px;
border-bottom: 1px solid #A2A2A2;
}

.issuenav h3 {
text-indent: 0;
color: #D62828;
font-weight: bold;
font-size: 1.6em;
margin: 0 0 10px 0;
font-family: helvetica, arial, sans-serif;
}

.newsitem h4 {
color:#D62828;
font-family:helvetica,arial,sans-serif;
font-size:1.6em;
font-weight:bold;
margin:0 0 10px;
text-indent:0;
}

.issuenav li {
list-style: disc !important;
margin-left: 15px;
margin-bottom: .5em;
font-size: 1.3em;
}

.issuenav li a {
color: #676666 !important;
}

.issuenav li a:hover {
color: #d62828 !important;
}

ul.subnav {
margin-left: -9px;
}

.subnav li {
display: block;
position: relative;
font-weight: bold;
background: transparent;
margin-bottom: 2px;
font-size: 12px;
}

.subnav li a:link {
color: #D62828;
text-decoration: none;
background: transparent;
display: block;
position: relative;
padding: 5px 5px 5px 0;
}


/* ----------------- Boxes ----------------- */

.box h3 {
margin: 0 0 10px 3px;
}

.box p {
margin: 0 .5em 10px 10px;
}

.box a {
font-weight: bold;
}

.box dl {
margin: 0 .5em 10px 10px;
}

.box dt {
margin-bottom: 0;
}
.box dd {
margin:0 0 1em 15px;
} 

.newsletter h3 {
background: url('../images/headlines/newslettercol.png') no-repeat scroll top left;
width: 204px;
height: 41px;
}

.newsletter form {	
display: block;
position: relative;
left: 3px;
}

.newsletter input {
font-size: 11px;
display: block;
position: relative;
padding: 2px;
border: 1px solid #abaaaa;
background: #505050;
color: #abaaaa;
width: 140px;
height: 14px;
float: left;
}

.newsletter input.button {
width: 41px;
height: 23px;
border: 0;
display: block;
position: relative;
background: transparent;
float: left;
padding: 0;
margin: -2px 0 0 5px;
}

.catalog h3 {
background: url('../images/headlines/catalog.png') no-repeat scroll top left;
width: 204px;
height: 34px;
}

.events h3 {
background: url('../images/headlines/events.png') no-repeat scroll top left;
width: 204px;
height: 34px;
}

.news h3 {
background: url('../images/headlines/news.png') no-repeat scroll top left;
width: 204px;
height: 34px;
}



/* ----------------- Headlines ----------------- */

h2 {
text-indent: -9999px;
display: block;
position: relative;
background: transparent;
}

#content h2 {
margin-bottom: 2em;
margin-left: 3px;
}

h3 {
text-indent: -9999px;
display: block;
position: relative;
background: transparent;
}

h2.welcome {
background: url('../images/headlines/welcome.png') no-repeat scroll top left;
width: 113px;
height: 39px;
}

h2.aboutus {
background: url('../images/headlines/about.png') no-repeat scroll top left;
width: 134px;
height: 40px;
}

h2.contactus {
background: url('../images/headlines/contactus.png') no-repeat scroll top left;
width: 141px;
height: 41px;
}

h2.artistcalendar {
background: url('../images/headlines/artistcalendar.png') no-repeat scroll top left;
width: 209px;
height: 40px;
}

h2.newsletterhead {
background: url('../images/headlines/newsletter.png') no-repeat scroll top left;
width: 129px;
height: 41px;
}



/* ----------------- Typography ----------------- */

p, li, dd, dt {
font-size: 1.5em;
margin-bottom: 1.5em;
line-height: 1.3em;
}

input.hidden {
display: none;
}