/* Basic Rules */
* {margin : 0; padding : 0;}
body {font-family : Arial, Helvetica, sans-serif; font-size : 100%; min-width : 800px;}
a img {border : 0;}
a {color : #000;}
a:hover {color : #222;}
p, blockquote {clear : both; line-height : 1.5em; margin-bottom : 1.0em;}
h1 {margin-bottom : 1.0em; font-size : 1.5em; font-weight : normal;}
h2 {clear : both; margin-bottom : 1.0em; font-size : 1.5em; font-weight : normal;}
h3 {clear : both; font-size : 1.25em; margin-bottom : 1.0em; font-weight : normal;}
hr {margin-bottom : 2.0em;}

/* Layout */
#container {margin : 0 auto; width : 50em;}
#header {margin : 0 13.5em 1.0em 13.5em; padding-top : 0.9375em; width : 50em;}
#navigation {list-style : none;}
#content {background : url("../pics/background_content.gif") no-repeat top center #FFF; clear : both;}
#footer {clear : both; font-size : 0.75em; margin-top : 2.5em; text-align : center;}
#headshot_home {background : url("../pics/headshot_home.jpg") no-repeat top center transparent; position : relative; min-height : 31.8125em; top : 1.25em;}
#headshot_contact {background : url("../pics/headshot_contact.jpg") no-repeat top center transparent; position : relative; min-height : 31.8125em; top : 1.25em;}
#headshot_audio {background : url("../pics/headshot_audio.jpg") no-repeat top center transparent; position : relative; min-height : 31.8125em; top : 1.25em;}
#headshot_singingrepertoire {background : url("../pics/headshot_singingrepertoire.jpg") no-repeat top center transparent; position : relative; min-height : 31.8125em; top : 1.25em;}
#headshot_reels {background : url("../pics/headshot_reels.jpg") no-repeat top center transparent; position : relative; min-height : 31.8125em; top : 1.25em;}
#background_gallery, #background_resume, #background_whatshappeningnow {position : relative; top : 1.25em; width : 47.5em; min-height : 31.8125em; margin : 1.25em; background-color : transparent;}

.textReels, .textAudio, .textContact, .textSingingRepertoire {min-height : 33.8125em; max-height : 33.8125em; overflow : auto; font-size : 0.8125em; color : #000; padding : 0.625em; border : 0.0625em solid #9A9A9A; background : url("../pics/background_textbox.png") repeat center center;}
.textHome {min-height : 33.8125em; max-height : 33.8125em; overflow : auto; font-size : 0.8125em; color : #000; padding : 0.625em; border : 0.0625em solid #9A9A9A; background : url("../pics/background_textbox_2.png") repeat center center;}
.textHome {float : right; margin : 1.75em 3em 1.25em 1.25em; text-align : left; width : 19em;}
.textAudio {float : left; margin : 1.75em 1.25em 1.25em 3em; text-align : left; width : 18em;}
.textSingingRepertoire {float : right; margin : 1.75em 3em 1.25em 1.25em; text-align : left; width : 18em;}
.textReels {float : left; margin : 1.75em 1.25em 1.25em 3em; text-align : center; width : 11em;}
.textContact {float : right; margin : 1.75em 3em 1.25em 1.25em; text-align : left; width : 17em;} 
.textGallery, .textResume, .textDivas, .textWhatsHappeningNow {font-size : 0.8125em; color : #000; padding : 0.625em; margin : 1.25em; border : 0.0625em solid #9A9A9A; background : url("../pics/background_textbox.png") repeat center center;}
.textGallery, .textResume, .textDivas {text-align : center;}

.audioplayer {margin-bottom : 0.25em;}

/* Navigation */
#navigation li {display : inline; float : left;}
li.nav_home a {background : url("../pics/nav_home.jpg") 0 0; display : block; width : 7.5em; height : 1.875em; margin-left : 1.5em; margin-right : 0.4em; text-indent : -999999px; overflow : hidden;}
li.nav_home a:hover, li.nav_home a:focus, li.nav_home a.focus {background : url("../pics/nav_home.jpg") 0 -1.875em;}
li.nav_album a {background : url("../pics/nav_album.jpg") 0 0; display : block; width : 7.5em; height : 1.875em; margin-right : 0.4em; text-indent : -999999px; overflow : hidden;}
li.nav_album a:hover, li.nav_album a:focus, li.nav_album a.focus {background : url("../pics/nav_album.jpg") 0 -1.875em;}
li.nav_audio a {background : url("../pics/nav_audio.jpg") 0 0; display : block; width : 7.5em; height : 1.875em; margin-right : 0.4em; text-indent : -999999px; overflow : hidden;}
li.nav_audio a:hover, li.nav_audio a:focus, li.nav_audio a.focus {background : url("../pics/nav_audio.jpg") 0 -1.875em;}
li.nav_reels a {background : url("../pics/nav_reels.jpg") 0 0; display : block; width : 7.5em; height : 1.875em; margin-right : 0.4em; text-indent : -999999px; overflow : hidden;}
li.nav_reels a:hover, li.nav_reels a:focus, li.nav_reels a.focus {background : url("../pics/nav_reels.jpg") 0 -1.875em;}
li.nav_bioresume a {background : url("../pics/nav_bioresume.jpg") 0 0; display : block; width : 7.5em; height : 1.875em; margin-right : 0.4em; text-indent : -999999px; overflow : hidden;}
li.nav_bioresume a:hover, li.nav_bioresume a:focus, li.nav_bioresume a.focus {background : url("../pics/nav_bioresume.jpg") 0 -1.875em;}
li.nav_contact a {background : url("../pics/nav_contact.jpg") 0 0; display : block; width : 7.5em; height : 1.875em; margin-right : 1.5em; text-indent : -999999px; overflow : hidden;}
li.nav_contact a:hover, li.nav_contact a:focus, li.nav_contact a.focus {background : url("../pics/nav_contact.jpg") 0 -1.875em;}
#footer ul {list-style : none;}
#footer ul li {display : inline;}

/* Resume */
.textResume table td.heading {border-bottom : 1px solid #4E4E4E; padding-top : 1.0em; text-align : left;}
.textResume table td.show {padding : 0.2em 0 0.5em 0; text-align : left; vertical-align : top;}
.textResume table td.role {padding : 0.2em 0 0.5em 0; text-align : center; vertical-align : top;}
.textResume table td.details {padding : 0.2em 0 0.5em 0; text-align : right; vertical-align : top;}
.textResume table td ul {list-style : none; margin : 0; padding : 0; text-align : left;}

/* Gallery */
.textGallery img {border : 1px solid #000; margin : 20px;}

/* Reel Pages */
#reel {text-align : center; margin-top : 150px;}
#reel p a {font-size : 0.8125em;}

/* What's Happening Now */
div.whatshappening_photo {float : left; margin-bottom : 2.0em; width : 350px;}
div.whatshappening_photo img {width : 350px;}
div.whatshappening_details {float : right; margin-bottom : 2.0em; text-align : left; width : 350px;}
div.whatshappening_photoonly {margin-bottom : 2.0em; width : 700px;}