/* ---
Eve Queler Style Sheet
version:   1.0
author:    Lydia Mann
email:     lkmweb@nyc.rr.com

Thanks to all good designers and developers who have helped along the way: J.Zeldman, E.Meyer, C.Wyke-Smith, D.Shea, A.Budd, D.Cederholm, B.Shah
--- */

/*--- general ---*/
body { font: .8125em arial, helvetica, sans-serif; padding: 0; margin: 0; background: #069 url(../graphics/stripebg.gif) repeat 0 0; min-width: 960px; behavior:url(cssjs/cssfocusandhover.htc); color: #333; }
#body_gallery { background: #069 url(../graphics/stripebg.gif) repeat 0 0; padding: 0; margin: 0; }

/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0; }

/* Class for clearing floats */
.clear { clear:both; }

/* Remove border around linked images */
img, img a , a img, a:hover img{ border: 0; text-decoration: none; padding: 0; margin: 0; background: none; }
.fl { float: left; margin: 0 3px 2px 0; padding: 1px; border: 1px solid #a5c0cf; }

/*--- typography ---*/
p, li { font: 100% Georgia, Palatino, "Times New Roman", serif; line-height: 150%; margin: 0 0 1em; padding: 0; }
ul, ol { margin: 0 0 1em; padding: 0; }
li { margin: 0 0 0 2em; }
ol li { margin-left: 2em; }
ul li { list-style-type: circle; }
ul li ul li { list-style-type: none; background: url(../graphics/bullet1.gif) no-repeat 0 50%; margin-left: .5em; padding-left: 1.5em; }
address, #cred { font-size: 92%; color: #fff; font-style: normal; margin: 0; padding: 0 0 0 3em; letter-spacing: .02em; }
#cred { float: right; color: #222; padding: 1em 2em; font: 88% arial, helvetica, sans-serif; }
/* .date { margin: 1em 0 0; font-size: 90%; color: #; } */
.caption, .pic p { font: 88% arial, helvetica, sans-serif; color: #666; margin: 0 6px 6px; }

.top { font: 88% arial, sans-serif; text-align: right; margin-bottom: 1em; }

/*--- headings ---*/
h1, h2, h3, h4, h5, h6 { line-height: 150%; margin: 0; font-family: Georgia, Palatino, "Times New Roman", serif; color: #555; }
h1 { font-size: 92%; margin: 1.5em 0 .5em; text-transform: uppercase; letter-spacing: .02em; }
h2 { font-size: 100%; margin: 1.5em 0 0; }
h2 span { color: #333; font-size: 92%; text-transform: uppercase; letter-spacing: .02em; }
h3 { font-size: 92%; }
h4 { font-size: 88%; text-transform: uppercase; letter-spacing: .02em; }
h5, h6 { font-size: 92%; margin: 1em 0 .5em; }

/*--- links ---*/
a, a:link, a:visited { color: #069; text-decoration: none; border-bottom: 1px solid #004c73; }
a:visited { color: #004c73; }
a:hover { border-bottom: 0; }
img a:link, a:link img, a:visited img, a:hover img, a:visited:hover img { text-decoration: none; border-bottom: 0; }
.caption a:link, .caption a:visited { border: 0; }
.top a:link, .top a:visited { color: #999; border: 0; }
.top a:hover { color: #555; }
#cred a:link, #cred a:visited { color: #222; }

/*--- layout ---*/
div#wrapper { position: relative; width: 935px; margin: 0 auto; padding: 0; background: url(../graphics/bg.gif) repeat-y 0 0; }

.col { float: left; padding: 0; }
.left { padding-right: 3%; }
.right { padding-left: 5%; }
.indent { display: block; margin: 0 2em; border: 0; }
.quote { display: block; color: #666; font: italic 92%/180% Georgia, Palatino, "Times New Roman", serif; margin: 0 10px 0 40px; }
.quote:first-line { font-size: 150%; }
.nav2 { display: block; margin: 2em 10px 0 40px; }
blockquote { color: #555; font-size: 100%; margin: 0 1em 1em; padding-left: 1em; border-left: 6px solid #a5c0cf; }
.item { float: left; width: 99%; clear: both; margin: 0 0 .5em; }
.hey, .hey a:link { color: #936; }

/*--- branding ---*/
#branding, #footer { position: relative; width: 100%; clear: both; padding: 0; margin: 0; }
#branding { background: url(../graphics/top.gif) no-repeat 0 0; }
#branding img { position: relative; top: 30px; left: 230px; margin: 0 0 40px; }
#branding a:link, #branding a:visited { border: 0; }
#footer { line-height: 100px; background: url(../graphics/bottom.gif) no-repeat 0 100%; }
#footer a:link, #footer a:visited { color: #fff; text-transform: uppercase; }

/*--- main content ---*/
#content { float: left; width: 735px; margin: 0 0 0 190px; }
#nav { margin: 0 0 0 -735px; width: 200px; }
#main { margin: 0 0 0 255px; width: 450px; padding-right: 30px; }

/*--- secondary content ---*/
div#wall { float: left; position: relative; top: -40px; left: 0; width: 200px; margin-left: -930px; }
div#wall img { display: block; margin: 0 auto 30px; padding: 0; border: 0; }

/*--- navigation ---*/
#nav ul { float: left; position: relative; width: 100%; margin: 1em 0 3em; padding: 0; z-index: 2; }
#nav ul li { float: left; width: 100%; font: 108% "Trebuchet MS", modern, sans-serif; text-transform: uppercase; list-style-type: none; margin: 0; padding: .5em 0; overflow: hidden; }
#nav ul li span { text-transform: none; }
#nav ul li a { color: #000; text-decoration: none; border: 0; display: block; padding-left: 45px; }
#home .home, #bio .bio, #sched .sched, #rep .rep, #guest .guest, #discs .discs, #awards .awards, #articles .articles, #reviews .reviews, #contacts .contacts, #bio .bio:visited, #work .work:visited, #awards .awards:visited, #articles .article:visited, #reviews .reviews:visited, #gallery .gallery, #contacts .contacts:visited { background: #fff url(../graphics/baton.gif) no-repeat -10px 10px; } 
#nav ul li a:hover { color: #069; }

/*--- photo frames ---*/
#fullgal { width: 100%; margin: 0; padding: 0; }
.pic { border: 1px solid #c8d0d1; border-width: 0 0 1px 1px; background: url(../graphics/picbat.gif) no-repeat -2px 0; float: right; clear: both; padding: 6px 0 6px 12px; margin: 1px -10px 0 18px; }
#fullgal .pic { float: left; width: 99%; padding: 6px 10px 10px 12px; margin: 0 0 1em; }
.threehundred { width: 331px; }
.twoforty { width: 256px; }/* 271px */
.twohundred { width: 216px; }/* 231px */
.pic img { border: 1px solid #a5c0cf; padding: 0; margin: 0 0 4px 6px; }
div#pics { position: relative; width: 622px; margin: 2em 79px; padding: 10px; background-color: #fff; border: 1px solid #000; text-align: center; }
div#pics img { display: block; }
div#pics h3 { font-size: 1.2em; color: #333; }
div#pics .caption { font-size: 1.1em; margin: .5em 1em; }

/*--- audio lists ---*/
ul.listen { margin: 0; padding: 0; float: left; width: 99%; }
ul.listen li { list-style: none; font: 92%/100% arial, verdana, sans-serif; margin: 0 0 6px 100px; padding-left: 16px; background: url(../graphics/speaker.gif) no-repeat 0 0; }
ul.listen li a:link, ul.listen li a:visited { margin: 0; padding: 0; display: block; color: #069; border: 0; } 

/*--- forms ---*/
form, fieldset { border: 0; padding: 0; margin: 0; }
label, select, input { font-size: 90%; padding: 2px 3px; margin: 0; }
label, select { display: block; margin: 0; }

/* Removes fieldset borders. even on Opera 7 */
fieldset { border: 1px solid transparent; }

/*--- tables ---*/
table { font-size: inherit; border-spacing: 0; border-collapse: collapse; margin: 0; border: 0; }
tr { vertical-align: top; }
th, td { border: 0; padding: 2px 3px; }
td { text-align: left; font-weight: normal; }
.twocol td { width: 45%; padding-right: 5%; }
.threecol td { width: 32%; }
.fourcol td { width: 24%; }

/* * */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* * */