@import url(../../rsc/css/basic.css);   /* Import basic styles */
@import url(../../rsc/css/img.css);     /* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);   /* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);   /* Import default form styles */
@import url(../../rsc/css/comments.css);        /* Import default comment styles */

body { background: #000000 }
body { color: #FF9900; font: normal normal 90% verdana }
 
p { color: #FF9900; text-align: left; font: normal normal 100% verdana }
p.title { color: #1E90FF; text-align: center; font: normal small-caps 200% verdana; margin-top: 8px; line-height: 80% }
p.caption { color: #1E90FF; text-align: center; font: normal small-caps 100% verdana; line-height: 80% }
p.photo { text-align: center; line-height: 80% }
p.center { text-align: center }
p.right { text-align: right }
p.bionav { text-align: right; font-size: 70%; line-height: 0% }
p.bionav a:hover { font-weight: bold }
p.newslast { margin-bottom: 0px }
p.pct85 { font: normal normal 85% verdana }
p.navigation { line-height: 200%; margin: 0; white-space: normal; }
p.credits { font-size: 70%; margin: 0px 5px }

span.pct40 { font: normal normal 40% verdana }
span.pct65 { font: normal normal 65% verdana }
span.pct70 { font: normal normal 70% verdana }
span.highlight { color: #00BFFF } 
span.indent { position:relative; left:.75cm }
span.indent50 { position:relative; left:.50cm }
span.underline { text-decoration: underline }
span.italic { font-style: italic }
span.center { text-align: center }
span.eventname { color: #00BFFF; font: normal small-caps 120% verdana; text-align: center; }
span.newstitle { color: #00BFFF; font: normal small-caps 120% verdana; }
span.guestbookname { color: #00BFFF; font: normal small-caps verdana; }
span.newsdate { color: #3050E0; font-size: 110%; }
span.blogdate { color: #FFFFFF; font-size: 110%; }

ul.disc { list-style-type: disc }
ol.tracks { list-style-type: decimal }

h1 { color: #FFFFFF; text-align: center; font: normal small-caps 200% verdana; margin-top: 8px; line-height: 80% }
h2 { padding-left: 5px; }
h3, h4 { color: #FF3F00; font: normal small-caps 200% verdana; }
h3.title { text-align: center; }
h3.sideItemTitle { font-size: 170%; text-align: center; }
h4 { text-align: left; }

form { color: #1E90FF }
#list_email { width: 200px; }

a { color: #FFFF99; text-decoration: none }

a.textnav:hover, a.textnavcurrent:hover { font-weight: bold; }

a.textnav { color: #00CED1; }
a.textnavcurrent { color: #FFFFFF; }

a.nav1, a.nav2, a.nav3, a.nav4 { font-weight: bold; }

a.nav1 { color: #FFFFFF; }
a.nav2 { color: #FF3F00; }
a.nav3 { color: #FFFF99; }
a.nav4 { color: #FFFF00; }

div.navigation { position: relative; width:682px; top:0; text-align:center; border-bottom: 1px solid #404040; }

div.audio, div.biography, div.contact, div.discography, div.gigs, div.guestbook, div.home, div.images, div.links, div.news, div.projects { position:absolute; z-index:2; padding:0px; overflow:}

div.audio { top:168px; left:137px; }
div.biography { top:255px; left:85px; }
div.contact { top:273px; left:120px; }
div.discography { top:291px; left:189px; }
div.gigs { top:309px; left:291px; }
div.guestbook { top:390px; left:170px; }
div.home { top:237px; left:18px; }
div.images { top:145px; left:210px; }
div.links { top:228px; left:255px; }
div.news { top:185px; left:40px; }
div.projects { top:55px; left:100px; }

div.container { position:absolute; top:0px; left:340px; right:0px; bottom:0px; width:682px; z-index:1; padding:0 0 0 0; border-left: solid 1px #404040; overflow:auto; }

div.bSmallHead { color: #FF3F00; }

div.contentwrapper { margin: auto; }

div.content { float: left; margin: 0; width:440px; overflow:auto; padding-right: 5px; border-right: solid 1px #404040; }

div.content#images { position:absolute; top:0px; left:380px; right:0px; bottom:0px; z-index:1; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:10px; border-style: none; overflow:auto; }

div.credits { z-index:0; padding: 10px 10px 5px 0px; border: none; font-size: 70%; }

div.news_entry { background-color: #181818; border-style: none; margin: 4px ; border-width: 0px; border-color: #000000; padding: 2px; }

div.albumcover { float: left; width:162px; height:162px; margin-top:25px; padding:0; z-index:1; text-align: center}

div.albumdetails { padding:0 0 0 10px; z-index:1; border-style: none; overflow:auto; }

div.imagegallery { position:relative; padding-left:5px; padding-right:20px; z-index:1; text-align: center; overflow:auto; }

div.backborder { position:absolute; width: 342px; top:0; left:0; z-index:1 }

table.discography { background-color: #000000; border-width: 0; padding: 0 }
table.discography td { text-align: center; width: 50% }

img.albumcover { margin-bottom: 5px; border: solid 1px #C0C0C0 }
img.buycd { width:150px; height:36px; border-width: 0 }
img.logo { margin: 9px; border-bottom-style: solid; border-bottom-width:1px; border-bottom-color:#404040; display: block; }

/* Calendar CSS */

a.venuelink:hover { font-weight: bold; }

.calendar { background-color: #000000; }
   .calendar_today { background-color: #FFFFFF; padding: 2px; margin: 4px; }
   .calendar_event_1 { background-color: #181818; padding: 2px; margin: 4px; }
   .calendar_event_2 { background-color: #202020; padding: 2px; margin: 4px; }

   .calendar_date_text { color: #3050E0; font-size: 85%; }
   .calendar_event_title_text { color: #00BFFF; font: normal small-caps 120% verdana; }
   .calendar_venue_text { color: #3050E0; font-size: 85%; display: block; margin-left: 1cm; }
   .calendar_notes_text { color: #4169E1; font-size: 90%; }

div#navcontainer {position:relative; width:100%; padding:0; text-align:center; }

#navcontainer ul
{
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #202020;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;
/* matches link padding except for left and right */
padding-top: 0px;
}

#navcontainer ul li
{
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
padding-top: 0px;
color: white;
text-decoration: none;
}

#navcontainer ul li a:hover
{
background-color: #FF3333;
color: #FFFFFF;
}

#navcontainer #active {  }

/* Styles for posts */
.bPosts {
	float: left;
	width: auto;
	overflow: hidden;
	/* background: #090;*/
}
div.action_messages {
	margin: 0 2ex;
}
.bPost, .bPostpublished
{
	clear: both;
	margin: 0 9px;
	padding: 0;
	border-bottom: 1px solid #ddd;
	/* border: 1px solid #78a; */
}
.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 2ex 0px 1ex 0;
}
.bTitle {
	color: #78a;
	margin: 1ex 0px 0 0;
}
.bText {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}
.bSmallPrint
{
	clear: both;
	color: #999;
	font-size: 80%;
	margin: 1ex 0px 2ex 0;
}

input.bComment,
textarea.bComment
{
	background-color: #eee;
	border: 1px solid #ccc;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}
select.bComment  /* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}


/* Styles for stats */
div.statbloc
{
	float: left;
	width: 44%;
	margin: 0 0 2ex 1.5ex;
	border: 1px solid #78a;
}
div.statbloc h3
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	text-align: center;
	background: #78a;
	padding: 1ex;
}

input.submit,
input.preview,
input.reset {
	background-color: #ddd;
	color: #78a;
	border: 1px solid #000;
	font-weight: bold;
	padding: 1px;
}

input.submit:hover,
input.preview:hover {
	color: #000;
}

/* Styles for sidebar (right) */
.bSideBar {
	width: 215px;
	float: left;
	overflow: hidden;
	/* background: #900; */
}
.bSideItem {
	margin: 2ex 9px;
	padding: 0 0 2ex 0;
	border-bottom: 1px solid #ddd;
}
.bSideItem ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type:square;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dimmed
{
	color: #aaa;
	font-size: 84%;
}
input.SearchField
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}

/* Calendar: */
caption.bCalendarCaption {
	border: 1px solid #404040;
	background-color: #202020;
	border-bottom: 0;
}
table.bCalendarTable {
	border: solid 1px #ccc;
	border-collapse: separate;
}
table.bCalendarTable tfoot td {
	background-color: #202020;
	border-top: 1px solid #404040;
}
table.bCalendarTable tfoot a {
	text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
	background-color: #78a;
	color: #fff;
}
th.bCalendarHeaderCell {
	color: #abc;
}
#bCalendarToday {
	background-color: #bce;
}
	
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 12pt; }
	ul.mktree  li ul li { font-size: 10pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; }
}