/*
orange: 					#f90
olive: 						#663
red orange: 			#f30
yellow #1: 				#ff6
yellow #2: 				#ff3
tan:							#cc9
*/

:link, :visited {font-weight: bold; color: #f90; text-decoration: none;}
:link:focus, :visited:focus {color: #ff3; text-decoration: none;}
:link {font-weight: bold; color: #f90; text-decoration: none;}
:visited {font-weight: bold; color: #f90; text-decoration: none;}
:link:hover, :visited:hover {color: #ff3; text-decoration: none;}
:link:active, :visited:active {color: #ff3; text-decoration: none;}

/*
:link, :visited { text-decoration: underline overline; }
:link:focus, :visited:focus { color: green; }
:link { color: red; }
:visited { color: yellow; }
:link:hover, :visited:hover { color: blue; }
:link:active, :visited:active { color: fuchsia; }


a, a:link {font-weight: bold; color: #f90; text-decoration: underline;}
a:visited {font-weight: bold; color: #f90; text-decoration: underline;}
a:hover {color: #ff3; text-decoration: underline;}
a:focus {color: #ff3; text-decoration: underline;}
a:active {color: #ff3; text-decoration: underline;}
*/


html {background-color: #000;}
body {
background-color: #000;
border: 0;
color: #fff;
font: 62.5% verdana, tahoma, Helvetica, sans-serif;
margin: 0;
min-width: 780px;
padding: 0;
text-align: center;
}

img {border: 1px solid #fff; margin: 0px;}

h1 {font-size: 1.6em; font-weight: bolder;}
h2 {font-size: 1.6em; font-weight: bold}
h3 {font: 1.6em; font-weight: bold;}
h4 {font-size: 1.4em; margin: 0; padding: 0; font-weight: bold;}
h5 {font-size: 1.2em; font-weight: normal;}
h6 {font-size: 1.2em; font-weight: normal;}
p, li {font-size: 1.2em;}

/* primary layout elements */
#wrapper {
border: 0px solid red;
margin: 0 auto 0 auto;
padding: 0;
text-align: left;
width: 780px;
}

#header {
border-bottom: 0px solid #f30;
margin: 0 auto 10px auto;
padding: 0 0 10px 0;
width: 100%;
}

#content {
border: 0;
font-size: 1.2em;
float: left;
margin: 0 15px 5ex 15px;
padding: 0;
width: 515px;
}

#sidebar {
background-color: #663;
border-left: 1px solid #f30;
border-right: 1px solid #f30;
float: right;
padding: 5px;
text-align: left;
width: 200px
voice-family: "\"}\""; 
voice-family: inherit;
width: 188px;
}

#footer {
background-color: #663;
border: 0;
border-top: 1px solid #f30;
border-bottom: 1px solid #f30;
clear: both;
margin: 5ex 0 2em 15px;
padding: 0;
width: 765px;
}

/*----------------------------------------------------------------------------*/
/* layout element specific styles */
/*----------------------------------------------------------------------------*/

/* header */
#header h1  {
height: 174px;
margin: 0;
padding: 0;
text-indent: -100em;
width: 780px;
}

#header h1 a {
background-image: url(/css/fire/lcr_fire_header.gif);
border: 0;
display: block; 
height: 100%; 
margin: 0;
padding: 0; 
text-decoration: none; 
width: 100%;
}


ul#menu {border: 0; height: 40px; list-style-type: none; margin: 0; padding: 0; width: 780px;}

ul#menu li {border: 0; display: inline; float: left; height: 40px; margin: 0; padding: 0; text-indent: -100em;}
ul#menu li.news {width: 112px;} 
ul#menu li.bands {width: 84px;}
ul#menu li.releases {width: 121px;}
ul#menu li.tours {width: 79px;}
ul#menu li.media {width: 82px;}
ul#menu li.store {width: 71px;}
ul#menu li.contact {width: 102px;}
ul#menu li.about {width: 118px;}

ul#menu li a {display: block; float: left; height: 100%; margin: 0; padding: 0; text-decoration: none; width: 100%;}
ul#menu li.news a {background-image: url(/css/fire/lcr_fire_news.gif);}
ul#menu li.bands a {background-image: url(/css/fire/lcr_fire_bands.gif);}
ul#menu li.releases a {background-image: url(/css/fire/lcr_fire_releases.gif);}
ul#menu li.tours a {background-image: url(/css/fire/lcr_fire_tours.gif);}
ul#menu li.media a {background-image: url(/css/fire/lcr_fire_media.gif);}
ul#menu li.store a {background-image: url(/css/fire/lcr_fire_store.gif);}
ul#menu li.contact a {background-image: url(/css/fire/lcr_fire_contact.gif);}
ul#menu li.about a {background-image: url(/css/fire/lcr_fire_about.gif);}


/* content */
#content h2 {
background-color: #663;
border-bottom: 1px solid #f30;
border-top: 1px solid #f30;
color: #fff;
font-family: "Arial Black", arial, sans-serif;
font-weight: normal;
letter-spacing: .25em;
margin: 0 0 1em 0;#content
padding: 0 .5em 0 .5em;
text-transform: uppercase;
}

#content h2 span {
  margin-left: 15px;
}

#content h3 {
/*background-color: #666;*/
border-bottom: 1px solid #f30;
color: #fff;
font: 105% verdana, arial, sans-serif;
font-weight: bold;
margin: 0 0 1em 0;
padding: .25ex;
text-transform: uppercase;
}

/* #sidebar (sidebar) */
#sidebar .section {
border-bottom: 1px solid #f30;
color: #fff;
font: 105% verdana, arial, sans-serif;
font-weight: bold;
margin: 0 0 1em 0;
padding: .25ex;
text-transform: uppercase;
}

#sidebar ul {
  font-size: 95%;
  margin-left: 0;
  padding: 0;
  list-style-type: none;
}

#sidebar img {margin: .5em 0 .5em 0;}

#sidebar table {border: 0; padding: 0; width: 200px;}
#sidebar td, #sidebar tr {
background-color: transparent;
border-top: 1px solid #ff3300;
border-bottom: 1px solid #ff3300;
border: 0;
}

/* upcoming shows table */
table#upcoming {
border: 0;
border-collapse: collapse;
color: #fff;
font-size: 90%;
margin: 0 auto 2ex auto;
padding: 0;
width: 95%;
}

#upcoming td {
border: 0;
border-top: 0px solid #f30;
border-bottom: 0px solid #f30;
font-size: 105%;
margin: 0px 0 0 0;
vertical-align: top;
}

#upcoming td {background-color: #663; padding-right: .25em;}
#upcoming tr.even td, #upcoming tr.odd td {}
#upcoming td.date {width: 10ex;}
#upcoming td.location {font-size: %120;}
#upcoming td.details {width: 7ex;}


/* mailing list form */
form#mailing {
color: #000;
font-family: verdana, helvetica, arial,  sans-serif;
font-size: 10px;
text-align: left; 
}

#mailing input {
font-family: verdana, helvetica, arial,  sans-serif;
}

#mailing .text {
background: #cc9;
border: 1px solid #f30;
font-size: 11px;
padding: 2px;
width: 150px;
margin-right: 6px; 
}

#mailing .button {
background-color: #cc9;
border: 1px solid #f30;
font-size: 10px;
font-weight: bold;
margin-right: 6px;
padding: 2px;
}

/* footer content */

#footer p {
font-family: verdana, arial, san-serif;
font-size: 9px;
padding: 0;
margin: 1ex auto;
text-align: center;
vertical-align: middle;
}

/* band styles */
div.band {
border-top: 0px solid #ff3300;
margin: 0;
padding: 0;
width: 100%;
}

div.band img {
clear: both;
margin: 0 15px 5px 0;
}

div.band p {
clear: left;
}

/* release detail */
#release-detail img {
float: left;
margin: 0 10px 10px 0;
padding: 0;
}

#release-detail ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#release-detail ul li {
display: inline;
float: left;
margin: 0 5px 0 0;
padding: 0;
}

#release-meta {
padding: 0;
margin: 0 0 0 170px;
}

/* releases list */
ul#releases {
list-style-type: none;
margin: 10px;
padding: 0;
}

ul#releases img {height: 30px; width: 30px; float: left; margin: 0 10px 10px 0;}
ul#releases li {border-bottom: 1px solid #ccc; clear: left; padding-top: 12px; padding-bottom: 5px;}

/* tracks list */
ol#tracks li {font-size: .9em;}

/* bands list */
ul#bands {
list-style-type: none;
margin: 0 auto;
padding: 0;
}

ul#bands li {
border: 0;
clear: both;
font-size: 150%;
padding: 0;
margin: 0 auto;
text-align: center;
width: 100%;
}

/* shows table */

#content table {
border: 0;
border-collapse: collapse;
font-size: 95%;
margin: 0;
margin-bottom: .5em;
width: 100%;
}

#content table tr {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

#content table th {
border-top: 0px solid #f30;
border-bottom: 1px solid #f30;
color: #fff;
font-size: 110%;
font-weight: bold;
text-align: left;
text-transform: capitalize;
}

#content table td {
border: 0;
font-family: arial, sans-serif;
font-size: 105%;
padding: 3px .5ex 3px .5ex;
vertical-align: top;
}

#content table tr.even td, table.shows tr.odd td {}

table.shows th.date {width: 20%;}
table.shows th.location {width: 20%;}
table.shows th.venue {width: 30%;}
table.shows th.details {width: 30%;}

p.shows {
  font-size: 90%;
  margin: 0 0 1em 0;
  padding: 0;
}

p.shows a {
  font-weight: normal;
  text-decoration: underline;
}

/*  */
div.storycontent {
margin: 0 0 3em 0;
}

/* forms */
input, select, textarea {
background: #cc9;
border: 1px solid #f30;
font-family: verdana, helvetica, arial,  sans-serif;
font-size: .9em;
margin-top: .5em;
}

label {
display: block;
margin-top: .5em;
}

/* contact */
#sendmail input, #sendmail select, #sendmail textarea {
background: #cc9;
border: 1px solid #f30;
font-family: verdana, helvetica, arial,  sans-serif;
}

/* misc */
.releaseTitle {
background-color: transparent;
border: 0;
color: #fff;
font: 100% verdana, arial, sans-serif;
font-weight: bold;
margin: 0;
padding-left: 0;
text-transform: none;
}

div#flashMessage {
  background:  #f30;
}