/* styles.css - styles for the Charis web site
 *
 * author: brian krygsman
 * written: 2009-06-14
 */

/*===  Default element styles ===*/
body{ font-family: myriad pro, arial, sans-serif; margin:0; background-color:black; }

/* Focus on 3 levels of text: h1, h2, and p */
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-weight:normal; }
h1{ margin:10px 0 20px 0; }
h2{ margin:8px 0 15px 0; font-size:20px; }
h3{ margin:8px 0 14px 0; }
h4{ margin:5px 0 12px 0; }
p{ padding:0; margin:0 0 20px 0; font-size:15px; line-height:22px; }
li{ font-size:15px; }

a:link, a:visited{ color:#00676F; }
a:hover, a:active{ color:#00939F; }

p.intro:first-letter{ font-family:serif; font-size:30px; float:left; margin-right:2px; }

/*===  Header/Main styles ===*/
#siteWidth{ width:965px; margin:0 auto; overflow:hidden; position:relative; }
#header img{ float:left; border:none; }

/*===  Menu styles ===*/
/*#menu{ float:left; width:426px; }*/
#menu{ float:left; width:426px; padding:0; margin:0; }

/*===  Body styles ===*/
#container-right{ clear:left; float:left; width:100%; overflow:hidden; background:#32201E url( '/nagel/projects/charis/img/template/right-bottom.jpg' ) no-repeat bottom right; }
#container-news{ clear:left; float:left; width:100%; position:relative; right:34px; background-image:url( '/nagel/projects/charis/img/template/bg-texture.jpg' ); }
#container-gutter{ clear:left; float:left; width:100%; position:relative; right:138px; background:#161813 url( '/nagel/projects/charis/img/template/middle-bottom.jpg' ) no-repeat bottom right; }
#container-content{ clear:left; float:left; width:100%; position:relative; right:12px; background-image:url( '/nagel/projects/charis/img/template/bg-texture.jpg' ); }
#container-left{ clear:left; float:left; width:100%; position:relative; right:746px; background:#2C6A74 url( '/nagel/projects/charis/img/template/left-bottom.jpg' ) no-repeat bottom right; min-height:587px; }

.container-img{ float:left; }

#col-left{ float:left; width:35px; position:relative; left:930px; overflow:hidden; }
#col-content{ float:left; width:746px; position:relative; left:930px; overflow:hidden; }
#col-gutter{ float:left; width:12px; position:relative; left:930px; overflow:hidden; }
#col-news{ float:left; width:138px; position:relative; left:930px; overflow:hidden; }
#col-right{ float:left; width:34px; position:relative; left:930px; overflow:hidden; }

#tagline{ margin-bottom:20px; }

/* need these two because adding padding to the col* containers messes with their width (in most browsers) */
#content-wrapper{ padding:1em; min-height:540px; }
#news-wrapper{ padding:.4em; }

#content-footer{height:5em;	clear:left;	font-size:12px;	margin-top:10px;	text-align:center;}
#news-wrapper h3{ border-bottom: 1px solid #bbb; }
#news-wrapper dt{ padding:0; margin:15px 0 4px 0; border-bottom: 1px dotted #bbb; font-size:13px; }
#news-wrapper dd{ padding:0; margin:0 0 20px 0; font-size:12px; }


/*===  Footer styles ===*/
#footer{ clear:both; background-image:url( '/nagel/projects/charis/img/template/foot.jpg' ); background-repeat:no-repeat; height:43px; }

/*===  Menu styles ===*/
.tab{ float:left; width:84px; height:31px; text-decoration:none; }
#tab-venues:link, #tab-venues:visited{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 0px -31px; width:85px; }
#tab-venues:hover, #tab-venues:active{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 89px -31px; width:85px; }
#tab-images:link, #tab-images:visited{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 0px 0px; }
#tab-images:hover, #tab-images:active{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 89px 0px; }
#tab-bios:link, #tab-bios:visited{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 0px -62px; }
#tab-bios:hover, #tab-bios:active{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 88px -62px; }
#tab-contact:link, #tab-contact:visited{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 0px -124px; width:89px; }
#tab-contact:hover, #tab-contact:active{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 88px -124px; width:89px; }
#tab-guidelines:link, #tab-guidelines:visited{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 0px -93px; }
#tab-guidelines:hover, #tab-guidelines:active{ background:black url( '/nagel/projects/charis/img/template/tabs-sprite.jpg' ) 88px -93px; }

/*===  Home styles ===*/
#home_image_column{ width:150px; float:left; margin-right:30px; }
#home_image_column a{ display:block; }
#home_image_column img{ margin-bottom:10px; border:1px solid #00676F; }

/*===  Venue styles ===*/
.venue_wrapper{ padding:1em; margin-bottom:2em; border-top:1px solid #bbb; }
.venue_wrapper p{ margin-bottom:10px; }

/*===  Bios/Images styles ===*/
.bio_wrapper, .images_wrapper{ margin-bottom:20px; }
.bio_wrapper h2, .images_wrapper h2{ margin-bottom:6px; border-bottom:1px solid #bbb; }
.bio_wrapper p{ font-style:italic; }
.images_wrapper{ clear:left; }
.gallery-opener{ display:block; }
.gallery-item{ display:none; }
.images_wrapper img{ border:1px solid gray; margin-right:3px; float:left}
.images-column{ float:left; width:50%; }

/*===  Utility styles ===*/
.clear-left{ clear:left; }
.clear-right{ clear:right; }
.clear-both{ clear:both; }
.note{ font-size:12px; }