/* ADRIANNE'S STYLES*/


/* sensible defaults */

strong { font-weight: bold }
em { font-style: italic }

*{padding:0; margin:0;}

a { position:relative } /* links display over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

html {font:  100% "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif;}

html, body {min-height: 800px; height: 100%; width: 100%;}
body {width: 100%; background: #010000 url("images/foot_bg3.jpg") no-repeat fixed 650px 450px; font:  62.5%  "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif;	/* allows 1em to equal about 10px */	}


/* TYPOGRAPHY */

p {text-align: left;  padding-bottom: 1em;}

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

a:hover {color: #7a8493;}
		
h1 {	font-size: 2em;	color: #6f6d77; text-indent: -9999px;}

h2 	{font-size: 1.9em; color: #6f6d77; text-indent: -9999px; }

h3 	{font: 1.8em georgia,"Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif ;  color: #9d471c; padding: 0 0 1em 0; text-decoration: underline;}

h4 	{font-size: 1.6em;  color: #8c6048; padding: 0 0 1em 0;}


/* LAYOUT BASIC */
#wrapper { max-width: 1300px; margin: 0 auto; position: relative }

#main_container {position: relative; top: 100px; width: 600px; margin: 0 auto; padding: 0 0 20px 0; }
#navcon {position: fixed; z-index: 999; top: 19px; width: 100%;  height: 1.85em; background: url("images/nav_bg.png") no-repeat; }
#botnavcon {position: relative; width: 500px; margin-top: 20px; height: 1em }
#main_content { width: 345px; margin: 0 0 30px 175px;}


/* NAVIGATION */

#navcon ul 	{list-style-type:none; min-width: 800px; padding-left: 27%; position: relative; }	
#navcon ul li	{float: left; display: block}
#navcon ul li a	{float: left;  margin:  0 8px; color: #4d6131; padding: 0.2em 5px 0.2em 5px;  text-decoration: none; 
text-transform: uppercase; font: bolder 12px arial, georgia, "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif; letter-spacing: 1px; }
#navcon ul li a:hover {color: #7a8493;   background: #000;}

#page_home ul li.home a, #page_home ul li.home a:hover,
#page_bio ul  li.biography a, #page_bio ul  li.biography a:hover,
#page_teaching ul  li.teaching a, #page_teaching ul  li.teaching a:hover,
#page_listen ul  li.listen a, #page_listen ul  li.listen a:hover,
#page_gallery ul li.gallery a, #page_gallery ul  li.gallery a:hover,
#page_contact ul li.contact a, #page_contact ul li.contact a:hover,
#page_links ul  li.links a, #page_links ul  li.links a:hover {color: #9d471c;   background: #000;}

#botnavcon ul {list-style-type:none;}
#botnavcon ul li	{display: block; float: left; margin-right: 10px }
#botnavcon ul li a	{color: #4d6131; float: left; display: block; text-decoration: none; padding: 1em 8px 0 0; font: 1.1em arial, "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif; }
#botnavcon ul li a:hover { color: #7a8493; text-decoration: underline; }



/***** LISTEN & LINKS LISTS *****/

ul.main {padding: 1em 45px 10px 0; list-style-type: none;  }
ul.main li {font-size: 1.7em; color: #3b3013; padding: 0 0 0.4em 0; font-weight: bold; }
ul.main li a {font-size: 80%; padding: 1.2em 0 0.5em 0;}
#page_listen br {clear:both;}


/* LAYOUT ADVANCED */


#music_player {position: fixed; z-index: 998px; top: 0px; right: 0; width: 330px; height: 18px; padding-left: 650px; background: url("images/player_bg.png") no-repeat; }

h1 {position: relative; left: 0px; width: 444px; height: 150px;  background: url("images/cellist3.png") no-repeat; margin: 0 0 10px 0  }

h2#aw {position: relative; right: 30px; background: url("images/aw7.png") no-repeat; width: 289px; height: 70px; margin: 20px 0 20px 0}

#main_content p { width: 250px; color: #7a6441;  font: 1.3em "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif; line-height: 1.5; }

p.credits  { margin-left: 175px; clear: both; width: 500px; font: 0.8em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Helvetica, Arial, sans-serif; color: #3d3b2c; padding: 0 0 20px 0 }
p.credits  a { color: #3d3b2c;}
p.credits a:hover {color: #7a8493;}

#page_teaching #main_content ul#teach {width: 250px; list-style-type: disc; }
#page_teaching #main_content ul#teach li {list-style-type: bdisc; font-size: 1.3em; color: #7a6441; padding: 0 0 0.6em 0; font-weight: normal; }

#page_error h3 { font-size: 400%; color: #fff222 }

/* GALLERY */

#page_gallery #gallery_wrap {width: 940px; position: relative; margin: 80px auto 0 auto; }
#page_gallery #gallery_wrap .gallery_column {width: 300px; float: left; margin: 0 auto}
#page_gallery #gallery_wrap .gallery_columnCENTER {width: 300px; float: left; margin: 0 20px}
#page_gallery #gallery_wrap .photo_post {float: left; width: 300px;}
#page_gallery #gallery_wrap .photo_post .img_text {width: auto}
#page_gallery #gallery_wrap .photo_post img {  margin: 0 0 20px 0; border: 1px solid #4f5663}
#page_gallery #gallery_wrap .photo_post p {color: #7a6441;  font: 1.3em "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif; line-height: 1.5; }

#page_gallery #botnavcon {float: right; width: auto; clear: both; height: 1em}
#page_gallery p.credits {float: right; clear: right;  width: auto; margin: 25px 15px 0 0; position: relative}





/********* and the big images last so hopefully they load last *************/


#img_cello {position: fixed;  right: 65%; width: 776px; margin-top: 0px; height: 1000px; background: url("images/big_cello2.jpg") no-repeat;  overflow: hidden;  }
#img_plonk {position: fixed; left: 64%; width: 360px; height: 550px; background: url("images/frontpage.jpg") no-repeat 0 60px; overflow: hidden; }