/* David Chafe Default Styles

By David Lane davelane - at - gmail.com

My layout is adapted from an awesome template found ender 'example' at this site:
	http://www.positioniseverything.net/articles/onetruelayout/ 

NOTE: in this layout, 100px = 7.75em */


@import url(/css/reset.css);

body, div, table, th, td, dl, dt, dd, ul, li, label, input, select, textarea{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, sans-serif;
	font-size: x-small;
	fo\nt-size: small;
}

h1{ font-size: 2em; }
h2{ font-size: 1.5em; }
h3{ font-size: 1.25em; }
h4{ font-size: 1.1em; }
h5{ font-size: 1em; }
h6{ font-size: 0.8em; }

body{
	margin: 0;
	padding: 0;
	background-color: #666;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
}

p{
	margin: 1em;
	line-height: 1.1em;
}

hr{
	width: 80%;
	margin: 4px auto;
	color: #333;
}

ul{
	margin-left: 2em;
}

ul li{
	padding-bottom: 4px;
}


strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

.cent{
	text-align: center;
}

a img{ border: 0; }

a{
	color: #000;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

/***************
 * MAIN LAYOUT *
 ***************/
p#topshadow{
	margin: 10px auto 0 auto;
	width: 912px;
	height: 8px;
	padding: 0;
	background: url(../i/backgroung_pot.gif) no-repeat;
}
 
#top_banner{
	margin: 0 auto 0 auto;
	width: 900px;
	padding: 0;
}

#main_content{
	float: left;
	width: 679px;
}

* html #main_content{
	display: inline;
}
	
div.content{
	border: 1px solid #000;
	padding: 5px;
	margin: 15px;
	background-color: #CCC;
}

#right_blocks{
	float: left;
	width: 220px;
	margin-left: 0;
	padding-top: 9px;
	background-color: #CCC;
	border-left: 1px solid #999;
}

#right_blocks .box_copy{
	background: url(../i/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../i/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 14px !important;
	margin: 10px 0 0 9px;
}

#right_blocks .box_copy div.shadowbox {
	background: none !important;
	background: url(../i/shadow2.gif) no-repeat left top;
	padding: 0 1px 1px 0 !important;
	padding: 0 6px 6px 0;
}

#right_blocks .box_copy div.shadowbox div {
	padding: 4px;
	border: 1px solid #000;
	background-color: #BBD5EF;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}

#right_blocks .box_copy h3{
	margin: 0;
}
	
#main_content .box_copy{
	background: url(../i/blog_bg.gif) repeat;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

.snap p{
	margin: 0;
	padding: 0;
	text-align: right;
}

.last .snap p{
	padding: 0 0.75em 0.5em 0;
}
/* '* html' to filter only IE Win */
/* Start Mac IE5 filter \*/
#main_content .last, #left_blocks .last, #right_blocks .last{
	padding-bottom: 1002em !important;
	margin-bottom: -1000em !important; 
}

* body #main_content, * body #left_blocks, * body #right_blocks{
	padding-bottom: 30000px !important;
	margin-bottom: -30000px !important; 
}

.last .snap{
	position: absolute;
	bottom: 0;
	border-bottom: solid 0.25em #666666;
}

* html .last .snap{
	bottom: -1px;
}

#main_content .last .snap{
	width: 260px;
	left: 136px;
}

/* End Mac IE5 filter */
#wrapper_extra{
	position: relative;
	width: 100%;
}

* html #wrapper{
	/* bizarrely necessary for IE6 ! */
	position/**/: relative;
}

#wrapper{
	width: 900px; /* 65.875em = 850px */
	margin: 0 auto 0 auto;
	border-top: none;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	background: url(../i/backgroung.gif) repeat-y;
	padding: 0 6px;
}

#footer{
	width: 912px;
	padding: 0;
	font-size: 0.8em;
	text-align: center;
	background: url(../i/backgroung_bto.gif) no-repeat;
	margin: 0 auto;
}

#footer p{
	margin: 0;
	padding-top: 3px;
}

/* easy clearing */
#wrapper:after{
	content: ''; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/********************
 * SECTIONAL STYLES *
 ********************/

h1.title{
	margin: 0;
	text-align: center;
}

h2.subtitle{
	margin: 0;
	text-align: center;
}

/***************
 * MENU STYLES *
 ***************/

ul#menu span {
	display: none;
}

ul#menu {
	position: relative;
	width: 900px;
	height: 30px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#menu li{
	margin: 0;
	padding-top: 0;
	display: inline;
}

li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a, li#bu5 a, li#bu6 a, li#bu7 a, li#bu8 a {
	background: transparent;
	position: absolute;
	height: 30px;
	bottom: 0;
	text-decoration: none;
	text-align: center;
}

/* adjusted values for IE6 */
* html*li#bu1 a, * html*li#bu2 a, * html*li#bu3 a, * html*li#bu4 a, * html*li#bu5 a, * html*li#bu6 a, * html*li#bu7 a, * html*li#bu8 a { bottom:px; }

li#bu1 a { width: 121px; background: url(../i/menu_01about.gif) no-repeat;}
li#bu2 a { width: 121px; left: 121px; background: url(../i/menu_02recordings.gif) no-repeat; }
li#bu3 a { width: 108px; left: 242px; background: url(../i/menu_03schedule_1.gif) no-repeat; }
li#bu4 a { width: 93px; left: 350px; background: url(../i/menu_04reviews.gif) no-repeat; }
li#bu5 a { width: 141px; left: 443px; background: url(../i/menu_05contact.gif) no-repeat; }
li#bu6 a { width: 105px; left: 584px; background: url(../i/menu_06guestbook_new.gif) no-repeat; }
li#bu7 a { width: 92px; left: 689px; background: url(../i/menu_07photos.gif) no-repeat; }
li#bu8 a { width: 119px; left: 781px; background: url(../i/menu_08links.gif) no-repeat; }

/* li#bu2 a:hover, li#bu3 a:hover, li#bu4 a:hover, li#bu5 a:hover, li#bu6 a:hover { background-position: 0 -32px; } */

/************
 *   BLOG   *
 ************/

div.post{
	border: 1px solid #000;
	padding: 5px;
	margin: 15px;
	background-color: #CCC;
	clear: left;
}

div.post img.blogkeys{
	float: left;
	margin-top: -15px;
	margin-left: -15px;
	clear: none;
}

div.post h2.storytitle{
	margin: 0;
	padding: 0;
	width: 530px;
	clear: none;
	float: left;
}

div.post h2.storytitle a{
	text-decoration: none;
	float: left;
	margin: 0 0 0 8px;
	padding: 0;
}

div.post h2.storytitle a:hover{
	text-decoration: underline;
}

div.post h4{
	font-style: italic;
	margin: 0 0 0 6px;
	padding-top: 0;
	float: left;
	clear: none;
}

div.storycontent{
	font-size: 1em;
	clear: left;
}

div.feedback{
	padding: 0;
	text-align: right;
}

div.feedback a{
	font-weight: bold;
	margin-right: 6px;
}

div.navigation { padding: 7px; width: 645px; overflow: hidden; }
div.navigation div { overflow: hidden; line-height: 1.4em; height: 1.3em; }
div.alignleft { display: block; width: 48%; float: left; }
div.alignright { display: block; width: 48%; float: right; text-align: right; }

/*************
 *  SCHEDULE *
 *************/

/* next performance */

p.nextperf_small{
	font-size: 0.7em;
	text-align: center;
	margin: 2px 0 6px 0;
}

h3.nextperf_title{
	margin-top: 4px;
	text-align: center;
	line-height: 0.95em;	
}

p.nextperf_date{
	text-align: center;
	margin: 2px;
	font-size: 0.9em;
}

p.nextperf_place{
	text-align: center;
	margin: 6px 0 2px 0;
	font-size: 0.9em;
}

/* full schedule */

div.event_block{
	margin: 2px 10px;
	border-bottom: 1px solid #000;
}

p.event_date, p.event_description, p.event_link{
	margin-left: 20px;
}

h3.event_title{
	margin-bottom: 0;
}

h4.event_subtitle{
	margin: 2px auto auto 10px;
	font-style: italic;
}

/**************
 * RECORDINGS *
 **************/

/* index */

div.rec_synopsis{
	width: 580px;
	border: 1px solid #000;
	padding: 1em 1em 0 1em;
	background-color: #E5EDF7;
	margin: 1em auto;
	
}

div.rec_synopsis span{
	width: 125px;
	float: left;
	display: block;
	padding: 0;
	text-align: center;
}

div.rec_synopsis span img{
	margin-bottom: 0.5em;
}

div.rec_synopsis p, div.rec_synopsis h3{
	margin-left: 130px;
	clear: none;
}

div.rec_synopsis h3{
	text-align: center;
}

/* buy CD */

div.buycd p.buycd_small{
	font-size: 0.7em;
	text-align: center;
	margin: 2px 0 6px 0;
}

div.buycd img{
	display: block;
	margin: 2px auto;
}

div.buycd form input{
	margin: 0;
	padding: 0;
}

div.buycd form input.button{
 	display: block;
 	margin: 2px auto;
}

div.shoppingcart form{
	margin-left: 35px;
}

/* page */

div.rec_cd{
	width: 120px;
	float: left;
	margin: 8px 0 0 12px;
}

div.rec_cd{
	text-align: center;
}

div.rec_cd form{
	margin-left: 5px;
}

ol.track_listing{
	float: left;
	margin: 10px 0 2px 50px;
}

ol.track_listing li{
	padding-bottom: 4px;
}

ol.bnb{
	width: 430px;
}

ol.bnb li em{
	font-weight: normal;
	font-style: italic;
	font-size: 0.9em;
}

ol.bnb li em.bnbcollab{
	padding-left: 2em;
	color: #003399;
}

/*****************
 * ADMIN SECTION *
 *****************/

.success{
	color: #090;
	font-weight: bold;
}

.failure{
	color: #C00;
}

form#event_form fieldset{
	margin-top: 6px;
}

form#event_form legend{
	font-weight: bold;
	color: #000;
}

form#event_form label{
	line-height: 1.8em;
	margin-left: 20px;
}

form#event_form input{
	margin-left: 10px;
}

form#event_form em{
	font-size: 0.8em;
}

form#event_form input#submit{
	display: block;
	margin: 3px auto;
}

form#approve_posts input#submit{
	display: block;
	margin: 4px;
}

div.post_approve{
	background: #DDD;
	border:1px solid #666666;
	margin: 6px auto;
	padding-bottom:4px;
}

div.post_approve p.from{
	margin-bottom: 2px;
	font-weight: bold;
}

div.post_approve p.themessage{
	background:#FFFFFF none repeat scroll 0%;
	margin: 0 12px 6px;
	padding: 4px 12px;
}

/***********
 * REVIEWS *
 ***********/

dl.review{
	margin-left: 1em;
	padding-top: 1em;
	margin-right: 1em;
	border-top: 1px solid #333;
}

dl.notopborder{
	border: none;
}

dl.review dt{
	font-weight: bold;
	font-size: 1.2em;
}

dl.review dd{
	font-style: italic;
	margin-top: 1em;
	padding-left: 2em;
	background: url(../i/quote.gif) top left no-repeat;
}

/*************
 * GUESTBOOK *
 *************/

#guestpost{
	padding-left: 8px;
}

#guestpost span.error{
	font-style: italic;
	font-weight: bold;
	color: #900;
}

#guestpost input{
	margin-top: 0;
	margin-bottom: 6px;
}

#guestpost label{
	margin-bottom: 0;
}

#guestpost div#vitals{
	clear:none;
	float:left;
	width:200px;
}

#guestpost div#message{
	clear:none;
	float:left;
	margin-left:0pt;
}

#guestpost div#security{
	clear:left;
	margin:5px auto;
	width:450px;
	text-align: center;
}

#guestpost div#sendme{
	text-align: center;
}

#guestpost div#sendme input#submit{
	margin-bottom: 0;
}

.viewpost strong{
	font-size: 1.4em;
}

.viewpost em{
	font-size: 0.9em;
	margin-left: 8px;
}

.viewpost p.message{
	background-color: #FFF;
	margin: 0 18px 8px 18px;
	padding: 5px;
}