/* @group common */
body, html, ul, li, dl, dt, dd, form, h1, h2 , h3, h4, h5, p {margin: 0; padding: 0;}
ul, li, ul li {list-style-type: none;}
body {font: 100.1% "Lucida Grande", Lucida, Verdana, sans-serif;}
body, html {height: 100%; margin: 0 0 0 0; padding:0;}
ul, li {margin: 0; padding: 0;}
a {text-decoration: none;}
p {font-size: 0.8em;}
a:link, a:visited {color: #227D94; text-decoration: none;}
a:hover {text-decoration: underline;}
#section_menu h4 {margin: 1em 0 0;}
p.posting_details {font-size: 0.6em;}
p.posting_details em {display: block; font-style: normal;}
a.cancel {background: url(/images/buttons/button_cancel.png) no-repeat 0 50%; color: #f35333; display: block; padding: 5px 0 5px 20px; width: 5em;}
/* @end */
/* @group main layout */
body {background: #bdd9ef url(/images/backgrounds/body_back.jpg) no-repeat 50% 0;}
#content_container {background: url(/images/backgrounds/content_container.jpg) no-repeat 50% 0; height: 671px; margin: 0 auto 0; position: relative; width: 1006px;}
#side_links {background: url(/images/backgrounds/side_links.jpg) no-repeat 0 0; height: 607px; position: absolute; right: 31px; bottom: 0; width: 193px;}
#main_content {height: 450px; left: 35px; position: absolute; top: 140px; width: 720px;}
#home_link {height: 50px; left: 20px; position: absolute; top: 40px; width: 735px;}
#side_links a {display: block; height: 26px; position: absolute;}
a#nav_journal {left: 37px; top: 31px; width: 116px;}
a#nav_gigs {left: 73px; top: 114px; width: 85px;}
a#nav_music {left: 64px; top: 200px; width: 95px;}
a#nav_gallery {left: 58px; top: 288px; width: 100px;}
a#nav_press {left: 78px; top: 370px; width: 80px;}
a#nav_links {left: 83px; top: 457px; width: 75px;}
a#nav_contact {left: 47px; top: 542px; width: 114px;}
#content_inner, #section _menu {height: 450px; overflow: auto;}
#content_inner {border-right: 1px solid #cacaca; width: 520px;}
#section_menu {color: #494949; float: right; font-size: 0.8em; width: 160px;}
#content_inner.content_inner_nomenu {border-right: none;}
/* @end */
/* @group page specific styles */
/* home */
body#home #main_content {background: url(/images/backgrounds/main_photo.jpg) no-repeat 100% 50%;}
body#home p {margin: 1em 20px; width: 240px; font: 1.5em "Courier New", Courier, mono;}
/* links */
body#links #main_content {background: url(/images/backgrounds/trees_back.jpg) no-repeat 100px 50%;}
a#link_mailing {background-image: url(/images/backgrounds/mailing_list.png); height: 84px; width: 250px;}
body#links #main_content ul {font-size: 0.7em; margin: 0 0 3em 10px;}
body#links #main_content ul li {margin: 0 0 1em;}
body#links #main_content a {display: block; font-size: 1.1em;}
body#links #content_inner {border: none; margin: 40px 0 0 120px; padding: 0; width: 580px;}
/* journal */
body#journal #main_content {background: url(/images/backgrounds/open_book.jpg) no-repeat 0 0; height: 454px; width: 720px;}
body#journal #content_inner {height: 400px; margin: 1.5em 0 1em 70px; width: 500px; _width: 570px;}
body#journal #section_menu {margin: 2em 0 0; width: 140px;}
/* press */
body#press #main_content {height: 450px; margin-left: 40px; overflow: auto; padding: 0; width: 660px;}
body#press #section_menu {font-size: 1.2em; height: 310px; margin: 2em 0 0;}
body#press #section_menu p {margin: 0 0 1em;}
body#press #section_menu p a {display: block;}
body#press #content_inner, body#press #section_menu {height: 310px; margin-top: 2em;}
body#press #content_inner img {border: 0; margin: 0 0 0 40px;}
/* gallery */
.album_container {clear: left; float: left; margin: 1em 0 0; width: 100%;}
.album_container img {border: none; float: left; margin: 0 20px 40px 0;}
ul.gallery {float: left; width: 100%;}
ul.gallery li {float: left; margin: 1em 20px;}
body#gallery #main_content {margin-left: 20px;}
#section_menu .album_container, #section_menu .album_container img {float: none;}
#section_menu .album_container img {margin: 5px;}
#section_menu .album_container h3 {font-size: 0.8em;}
/* contact */
body#contact #section_menu {color: #f35333; font-size: 1em;}
body#contact #section_menu h2 {font-size: 1.1em; margin: 2.5em 0 0;}
body#contact #section_menu h2, body#contact #section_menu p {color: #f35333;}
body#contact #section_menu ul {font-size: 0.7em; margin: 1em 10px;}
body#contact #section_menu ul li {margin: 0 0 1em;}
body#contact #content_inner form {margin: 1em 20px 0 0;}
div.form_row, div.form_row_textarea {padding: 7px 0; width: 450px;}
div.form_row label, div.form_row_textarea label {color: #534844; display: block; float: left; width: 220px; font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif; letter-spacing: 1px; text-align: right; padding-right: 4px;}
div.form_row_button {margin-right: 60px; text-align: right;}
#order_form td input, .form_row input, .form_row_textarea textarea, .form_row textarea {background: #fff; border: 3px solid #cacaca;}
div.form_row_textarea textarea {height: 180px; width: 190px;}
.date_of_birth_container {visibility: hidden;}
.message_sent_container {margin: 2em 80px;}
body#contact #content_inner {height: 390px;}
/* mailing list */
#mailing_form {position: relative;}
#mailing_form #contact_form {background: #fff; left: 80px; position: absolute; top: 150px; width: 550px;}
#mailing_form div.form_row_textarea textarea, .mailing_form_inner div.form_row_textarea textarea {height: 60px; width: 190px;}
#content_inner .mailing_form_inner {margin: 40px 0 0 45px;}
/* music */
body#music #content_inner {height: 400px; margin: 1.5em 0 1em 20px; width: 550px; _width: 570px;}
body#music #section_menu {margin: 2em 0 0; width: 140px;}
#music_player {left: 390px; margin: 0.5em 28px 0 0; position: absolute; top: 0; width: 310px;}
body#music #content_inner img {margin-right: 10px;}
body#music #content_inner ol {font-size: 0.75em; list-style-type: decimal;}
body#music #content_inner ol li {list-style-type: decimal;}
body#music #content_inner h2 {font-size: 0.9em; margin-bottom: 0.5em;}
body#music #section_menu h3 {display: block;}
#music_details {height: 450px; margin: 0 20px; width: 340px;}
#cd_links {left: 390px; position: absolute; top: 210px;}
body#music .album_container {clear: none; float: left; width: 110px;}
#load {
display: none;
position: absolute;
right: 10px;
top: 10px;
background: url(/images/ajax-loader.gif);
width: 43px;
height: 11px;
text-indent: -9999em;
}
/*body#music .album_container img {}*/
/* news - this is actually the gigs page but it changed too late in the spec for the vars and database details to be changed */
body#news #content_inner {background: url(/images/backgrounds/playing_background.jpg) no-repeat 120px 0; border-right: none; margin-left: 40px; padding-right: 245px; width: 415px; _width: 660px;}
.gig_container span.gig_date {background: #dffbfc; border: 1px solid #cacaca; display: block; font: 0.9em "Courier New", Courier, mono; margin-bottom: 3px; padding: 3px;}
.gig_container {color: #333; margin: 1em 20px 0; padding: 0 5px 1em 5px;}
.gig_container.past {color: #B0B4B6;}
.gig_details {padding: 0 8px;}
.gig_details h1 {font-size: 0.8em;}
h2.past_gigs_heading {border-top: 1px solid #cacaca; color: #6C6D70; font-size: 1.1em; margin-top: 1.2em; padding-top: 1em;}
/* @end */
/* @group Form Stuff */
/* @end */
/* @group sneaky stuff */
/* css background image replacement */
.image_replace {display:-moz-inline-box; display: inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom;} /* text-indent set to 0 elsewhere for both IE6 & IE7 */
#load {
display: none;
position: absolute;
right: 10px;
top: 10px;
background: url(/images/backgrounds/ajax-loader.gif);
width: 43px;
height: 11px;
text-indent: -9999em;
}
/* @end */