@import ("reset.css");

* {
	margin:0;
	padding:0;
}


body { color: #585858; font-size:62.5%; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; line-height:150%; background-color: black; background-image: url(../images/bg.png); background-repeat: repeat; text-align:center; margin: 0; padding: 0; }
h1 { font-size: 2.8em; font-weight: bold; color: white; word-spacing: 1px; letter-spacing: -1px; margin-bottom: 17px; }
h2 { font-size: 2.2em; line-height: 1em; font-weight: normal; color: #ffffff; letter-spacing: -1px; margin-bottom: 5px; }
	
h3 { font-size: 1.8em; font-weight: normal; color: #ae2023; line-height: 1.2em; margin-bottom: 8px; font-family: Georgia, "Times New Roman", Times, serif; }
h4 { font-size: 1.3em; font-weight: bold; line-height: 1.2em; margin-bottom: 5px; }
h5 { color: #ae2023; font-size: 1.3em; font-weight: bold; line-height: 1.2em; margin-bottom: 3px; }
h6 { color: #57181f; font-size: 1.4em; font-weight: bold; margin-bottom: 4px; }
p, li {font-size:1.2em;}
p { margin: 0 0 15px; padding:0; }
ul { list-style-type: none; }
li { list-style-image: none; list-style-position: outside; }
img {border:0;}
em { font-style: italic; }
strong { font-weight: bold; }

/* 
	Background and containers
	--------------------------------------------------------------------
*/
div#outer_container { margin:0 auto; width:870px; background-image: url(../images/outer_bg.png); background-repeat: repeat-y; }
div#outer_container_base { background-image: url(../images/outer_bg_base.png); background-repeat: no-repeat; margin: 0 auto; width: 870px; height: 40px; }
div#container { background-color: #23405c; background-image: url(../images/inner_bg.gif); background-repeat: repeat; text-align: left; margin: 0 auto; width: 780px; }
/* 
	Left column 
	--------------------------------------------------------------------
*/
div#left_col { width: 565px; float: left; }

/* > Header*/
div#header { background-image: url(../images/header-left.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width:565px; height: 360px; overflow: hidden; }
div#header ul { }
div#header li { }
div#header li a { background-image: none; display: block; }
div#header li a:hover { display: block; }
div#header li.player { position: relative; top: 257px; left: 356px; width: 192px; height: 95px; z-index: 44; overflow: visible; display: block; }
div#header li.home { position: absolute; top: 175px; left: 14px; }
div#header li.home a { width: 75px; height: 80px; }
div#header li.music { position: absolute; top: 123px; left: 70px; }
div#header li.music a { width: 86px; height: 76px; }
div#header li.band { position: absolute; top: 188px; left: 164px; }
div#header li.band a { width: 61px; height: 46px; }
div#header li.gigs { position: absolute; top: 89px; left: 198px; }
div#header li.gigs a { width: 97px; height: 94px; }
div#header li.news { position: absolute; top: 76px; left: 303px; }
div#header li.news a { width: 88px; height: 72px; }
div#header li.pics { position: absolute; top: 41px; left: 401px; }
div#header li.pics a { width: 67px; height: 57px; }
div#header li.home a:hover { background-image: url(../images/menu_home.gif); background-repeat: no-repeat; background-position: 0 0; }
div#header li.music a:hover { background-image: url(../images/menu_music.gif); background-repeat: no-repeat; background-position: 0 0; }
div#header li.band a:hover { background-image: url(../images/menu_band.gif); background-repeat: no-repeat; background-position: 0 0; }
div#header li.gigs a:hover { background-image: url(../images/menu_gigs.gif); background-repeat: no-repeat; background-position: 0 0; }
div#header li.news a:hover { background-image: url(../images/menu_news.gif); background-repeat: no-repeat; background-position: 0 0; }
div#header li.pics a:hover { background-image: url(../images/menu_pics.gif); background-repeat: no-repeat; background-position: 0 0; }

/* > Left col content*/
div#left_col div.content { margin-left: 15px; }
div#left_col div.content img.rightimg { float: right; margin-top: 3px; margin-left: 10px; }
div#left_col div.content img.bandright { margin-top: 3px; margin-left: 13px; float: right; clear: right; }
div#left_col div.content img.bandleft { margin-top: 3px; float: left; clear: left; margin-right: 14px; }
/* > > Left col box 1*/
div#left_col .left_box1_top { background-image: url(../images/left_box1_top.png); background-repeat: no-repeat; width: 541px; height: 9px; }
div#left_col .left_box1 { background-image: url(../images/left_box1.png); background-repeat: repeat-y; background-position: 0 0; width: 501px; padding: 15px 20px 5px; }
div#left_col .left_box1 p { color: #fff; font-size: 1.3em; font-weight: bold; line-height: 1.4em; }
div#left_col .left_box1 p a:link, div#left_col .left_box1 p a:visited, div#left_col .left_box1 p a:active { color: #fff; text-decoration: underline; }
div#left_col .left_box1 p a:hover { text-decoration: none; }
div#left_col .left_box1_base { background-image: url(../images/left_box1_base.png); background-repeat: no-repeat; width: 541px; height: 9px; }
/* > > Left col box 2*/
div#left_col .left_box2_top { background-image: url(../images/left_box2_top.png); background-repeat: no-repeat; width: 541px; height: 9px; }
div#left_col .left_box2 { background-image: url(../images/left_box2.png); background-repeat: repeat-y; background-position: 0 0; padding: 0 9px 0; width: 523px; }
div#left_col .left_box2 p { color: #fff; font-size: 1.3em; font-weight: bold; line-height: 1.4em; }
div#left_col .left_box2 p a:link, div#left_col .left_box2 p a:visited, div#left_col .left_box2 p a:active { color: #fff; text-decoration: underline; }
div#left_col .left_box2 p a:hover { text-decoration: none; }
div#left_col .left_box2_base { background-image: url(../images/left_box2_base.png); background-repeat: no-repeat; width: 541px; height: 9px; }
div#left_col .left_box2 .new_songs { background-image: url(../images/bg2.png); padding: 10px; }
div#left_col .left_box2 .new_songs h1 { font-size: 2.6em; line-height: 1.1em; font-weight: normal; }
div#left_col .left_box2 .new_songs h1 strong { white-space: nowrap; }
div#left_col .left_box2 .new_songs h2 { color: #27a1d8; }
div#left_col .left_box2 .new_songs ul li { margin-bottom: 4px; }
div#left_col .left_box2 .new_songs a { color: #fff; font-weight: bold; }
div#left_col .left_box2 .new_songs a:hover { text-decoration: none; }
/* > > Left col box 3*/
div#left_col .left_box3_top { background-image: url(../images/left_box3_top.png); background-repeat: no-repeat; width: 541px; height: 9px; }
div#left_col .left_box3 { background-image: url(../images/left_box3.png); background-repeat: repeat-y; background-position: 0 0; width: 501px; padding: 15px 20px 5px; }
div#left_col .left_box3 input.fields { margin-bottom: 8px; }
div#left_col .left_box3 input#submitbutton { margin-bottom: 8px; }
div#left_col .left_box3 p { color: #fff; font-size: 1.4em; font-weight: normal; line-height: 1.5em; }
div#left_col .left_box3 p.nav { font-size: 1.2em; font-weight: bold; margin-bottom: 0; }
div#left_col .left_box3 p.nav_end { font-size: 1.2em; font-weight: bold; margin-bottom: 20px; }
div#left_col .left_box3 p.nav a, div#left_col .left_box3 p.nav_end a { color: #27a1d8; }
div#left_col .left_box3 p.nav a:hover, div#left_col .left_box3 p.nav_end a:hover { color: #fff; }
div#left_col .left_box3 ul.lyrics { color: #fff; font-size: 1.1em; font-weight: normal; line-height: 1.5em; margin-bottom: 15px; }
div#left_col .left_box3 ul.lyrics li { margin-bottom: 0; }
div#left_col .left_box3 .band h2 { color: #40cdff; }
div#left_col .left_box3 .download h2 { margin-bottom: 22px; }
div#left_col .left_box3 .download ul { margin-bottom: 15px; }
div#left_col .left_box3 .download ul li { color: #fff; font-size: 1.4em; font-weight: normal; line-height: 1.3em; margin-bottom: 4px; }
div#left_col .left_box3 .download ul li a { color: #40cdff; font-size: 0.5em; padding-left: 5px; }
div#left_col .left_box3 .download img { margin-bottom: 15px; }
div#left_col .left_box3 a:link, div#left_col .left_box3 a:visited, div#left_col .left_box3 a:active { color: #fff; text-decoration: underline; }
div#left_col .left_box3 a:hover { text-decoration: none; }
div#left_col .left_box3_base { background-image: url(../images/left_box3_base.png); background-repeat: no-repeat; width: 541px; height: 9px; }

/* > > Left col box 4 */
div#left_col .left_box4_top { background-image: url(../images/left_box4_top.png); background-repeat: no-repeat; width: 541px; height: 9px; }
div#left_col .left_box4 { background-image: url(../images/left_box4.png); background-repeat: repeat-y; background-position: 0 0; width: 501px; padding: 15px 20px 5px; }
div#left_col .left_box4_base { background-image: url(../images/left_box4_base.png); background-repeat: no-repeat; width: 541px; height: 9px; }

/* > > Left col box 3 GIGS DONE*/
div#left_col #done p { color: #11335c; font-size: 1.2em; font-weight: normal; line-height: 1.3em; }
div#left_col #done p a { color: #40cdff; }
div#left_col #done p.datetime { font-size: 1em; font-weight: bold; margin-bottom: 0; }
div#left_col #done p.datetime span.date { font-size: 1.2em; padding-right: 5px; }
div#left_col #done p.address { color: #11335c; font-size: 1.1em; font-weight: bold; line-height: 1.2em; margin-bottom: 15px; }
div#left_col #done p.address a { color: #11335c; font-size: 0.8em; line-height: 0.5em; padding-left: 5px; }
div#left_col #done p.venue { color: #27a1d8; font-size: 1.5em; font-weight: bold; line-height: 1.3em; margin-bottom: 1px; }
div#left_col #done p.venue a { color: #e00048; font-size: 0.7em; line-height: 0.4em; padding-left: 3px; }
div#left_col #done p a:link, div#left_col .next_gig_box p a:visited, div#left_col .next_gig_box p a:active { text-decoration: none; }
div#left_col #done p a:hover { text-decoration: underline; }
/* > > Next gig box 2*/
div#left_col .next_gig_box { background-image: url(../images/next_gig_box.png); background-repeat: no-repeat; background-position: 0 0; width: 426px; height: 84px; margin-bottom: 5px; padding: 22px 15px 0 100px; }
div#left_col .next_gig_box_no_words { background-image: url(../images/next_gig_box_no_words.png); padding: 15px 15px; }
div#left_col .next_gig_box_no_words p.info { color: #1e78a1; font-size: 1.3em; font-weight: normal; line-height: 1.2em; margin-bottom: 4px; }
div#left_col .next_gig_box_no_words p.title { font-weight: bold; margin-bottom: 4px; font-size: 1.8em; line-height: 1.2em; }

div#left_col .next_gig_box p { color: #11335c; font-size: 1.4em; font-weight: normal; line-height: 1.3em; }
div#left_col .next_gig_box p a { color: #11335c; }
div#left_col .next_gig_box p.datetime { font-weight: bold; margin-bottom: 0; }
div#left_col .next_gig_box p.datetime span.date { font-size: 1.6em; padding-right: 5px; }
div#left_col .next_gig_box p.address { font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin-bottom: 0; }
div#left_col .next_gig_box p.address a { color: #11335c; font-size: 0.5em; line-height: 0.5em; padding-left: 5px; }
div#left_col .next_gig_box p.venue { color: #27a1d8; font-size: 1.9em; font-weight: bold; line-height: 1.3em; margin-bottom: 4px; }
div#left_col .next_gig_box p.venue a { color: #e00048; font-size: 0.4em; line-height: 0.4em; padding-left: 3px; }
div#left_col .next_gig_box p a:link, div#left_col .next_gig_box p a:visited, div#left_col .next_gig_box p a:active { text-decoration: none; }
div#left_col .next_gig_box p a:hover { text-decoration: underline; }
/* 
	Right column 
	--------------------------------------------------------------------
*/
div#right_col { background-image: url(../images/header-right.png); background-repeat: no-repeat; width: 205px; float: left; padding-top: 120px; }
/* > Right col content*/
div#right_col div.content {  }
/* 
	> Right col box 1
	--------------------------------------------------------------------
*/
div#right_col .right_box1_top { background-image: url(../images/right_box1_top.png); background-repeat: no-repeat; width: 193px; height: 8px; }
div#right_col .right_box1 { background-image: url(../images/right_box1.png); background-repeat: repeat-y; background-position: 0 0; width: 165px; padding: 10px 16px; }
div#right_col .right_box1 p { color: #fff; font-size: 1.6em; font-weight: bold; line-height: 1.2em; word-spacing: 0.1em; letter-spacing: -0.1em; margin-left: 3px; }
div#right_col .right_box1 p a:link, div#right_col .right_box1 p a:visited, div#right_col .right_box1 p a:active { color: #fff; text-decoration: underline; }
div#right_col .right_box1 p a:hover { text-decoration: none; }
div#right_col .right_box1 .free_cd { width: 164px; height: 159px; margin-bottom: 15px; }
div#right_col .right_box1 .free_cd a { background-image: url(../images/free_cd.png); background-repeat: no-repeat; background-position: 0 0; width: 164px; height: 159px; display: block; }
div#right_col .right_box1 .free_cd a:hover { background-position: -164px 0; display: block; }
div#right_col .right_box1_base { background-image: url(../images/right_box1_base.png); background-repeat: no-repeat; width: 193px; height: 8px; }

/* 
	> Right col box 2
	--------------------------------------------------------------------
*/
div#right_col .right_box2_top { background-image: url(../images/right_box2_top.png); background-repeat: no-repeat; width: 193px; height: 8px; }
div#right_col .right_box2 { background-image: url(../images/right_box2.png); background-repeat: repeat-y; background-position: 0 0; width: 165px; padding: 10px 16px; }
div#right_col .right_box2 h2 { padding-bottom: 10px; }
div#right_col .right_box2 p { color: #fff; font-size: 1.3em; font-weight: bold; line-height: 1.2em; margin-left: 3px; }
div#right_col .right_box2 p a:link, div#right_col .right_box2 p a:visited, div#right_col .right_box2 p a:active { color: #fff; text-decoration: underline; }
div#right_col .right_box2 p a:hover { text-decoration: none; }
div#right_col .right_box2_base { background-image: url(../images/right_box2_base.png); background-repeat: no-repeat; width: 193px; height: 8px; }
/* 
	> Right col box 3 (for random image)
	--------------------------------------------------------------------
*/
div#right_col .right_box3_top { background-image: url(../images/right_box2_top.png); background-repeat: no-repeat; width: 193px; height: 8px; }
div#right_col .right_box3 { background-image: url(../images/right_box2.png); background-repeat: repeat-y; background-position: 0 0; width: 175px; padding: 0 3px 0 9px; }
div#right_col .right_box3 img { width: 175px; }

div#right_col .right_box3_base { background-image: url(../images/right_box2_base.png); background-repeat: no-repeat; width: 193px; height: 8px; }
/* 
	Footer
	--------------------------------------------------------------------
*/
div#footer_clear { width: 767px; height: 30px; clear: both; }
div#footer { width: 760px; height: 20px; clear: both; padding-bottom: 10px; padding-left: 23px; }
div#footer p { color: white; font-size: 1.1em; text-align: left; }
div#footer p a:link, div#footer p a:visited, div#footer p a:active { color: #fff; text-decoration: underline; }
div#footer p a:hover { text-decoration: none; }
div.clear { clear: both; }
div.clearleftcol { width: 501px; height: 10px; clear: both; display: block; }