/* -----------------------------------------------------------------------------
Basic Style Sheet (modern browsers)

version: 1.0
author:  Luann Ebert
email:   ltebert@comcast.net
date:    August 17, 2008; revised Sept 11; revised October 15 for news flash;
		 revised Nov 30 for drop-down schedule menu; revised Dec 2 for 
		 links to other years on Schedule pages
---------------------------------------------------------------------------*/

/* :TODO: Remember to remove this rule before thie site goes live */
/* :KLUDGE: */
/* :BUG: */


/* =colors
---------------------------------------------------------------------------
background cream        #fce9c9
outside background		#cfbd96
menu border   			#94896b
menu text (brown)		#553F00
highlight menu (purple) #550055
body text (gold)        #6b5c32
scroll line/menu bg    	#b4985a
highlighted txt orange  #1786BC
img border              #999999
green text				#2a7f00
san serif text dark     #553F00;

*/

/* =Layout and Positioning all pages
---------------------------------------------------------------------------*/

/* get rid of all default padding and spacing */
* {
padding: 0;
margin: 0;
}

img {
padding: 0;
margin: 0;
vertical-align: top;
border: 0;
}

html {
background: #cfbd96;
}

body {
background-color: #cfbd96;
}

.clear {
clear: both;
}

/* POSITIONING ALL PAGES */

/* main wrapper that holds it all centrally, every page */
#wrapper {
width: 900px;
margin: 0 auto 0;
position: relative; /* this is new for news flash */
/*background: url(../images/shadows_tile.jpg) repeat-y; */ 
}

/* 'opera roof' at top of every page */
#header {
width: 900px;
height: 64px;
}

/* =Typgraphy all pages
---------------------------------------------------------------------------*/

h1 {
font-family : Georgia, Times, serif;
font-size: 14px;
color: #550055;
}

h2, h3{
color: #6b5c32;
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 14px;
}

p {
font-family : Georgia, Times, serif;
font-size: 14px;
line-height: 20px;
color: #553F00;
margin-bottom: 9px;
}


/* =Menu bar, all pages
---------------------------------------------------------------------------*/

/* main menu container and typography */
ul#main_menu {
padding: 0 ; /* was all 0 */
margin:0;
float: left;
list-style: none;
width: 900px;
background-color: #b4985a;
border-top: solid #94896b 2px;
}
	
ul#main_menu li {
   float: left;
} 

ul#main_menu  a {
   display: block;
   padding: .5em 3.5em .5em 0; 
   font-family: Arial, Helvetica, sans-serif;
   color: #553f00;
   font-size: 11px;
   text-transform: uppercase;
   text-decoration: none; 
}


ul#main_menu #item_home a {
   padding-left: 3em; 
}

ul#main_menu #item_contact a {
   padding-right: 0; 
}

#main_menu a:link, #main_menu a:visited {
   color: #553f00;
 }

#main_menu a:hover, #main_menu a:active {
   color: #fce9c9;
   text-decoration: none;
 }
 
/* for drop-down menus... */
ul#main_menu li ul {
	position: absolute;
	width: 50px;
	left: -999em;
	list-style: none;
}

/* for non-IE, then IE */
ul#main_menu li:hover ul, ul#main_menu li.sfhover ul {
left: auto;
background-position: 0 0;
}

ul#main_menu li ul li a {
background-color: #b4985a;
padding: .5em 4em .5em 1em;
height: 1%;  /* added for ie6*/
}

ul#main_menu li ul li a:hover {
background-color: #550055;
}

 
/* to highlight current page in menu */
body#home #item_home a, 
body#bio #item_bio a, 
body#recordings #item_recordings a, 
/* body#schedule #item_schedule a, */
body#audio #item_audio a, 
body#photos #item_photos a, 
body#contact #item_contact a,
body#presskit #item_presskit a,
body#reviews #item_reviews a, 
body#photos #item_photos a{
color: #550055;
 }


/* =Homepage specific layout and typography
---------------------------------------------------------------------------*/

/* box that holds lower half of homepage */
#lower_half_home {
background: url(../images/background_tile.jpg)  repeat-y left top;
float: left;
width: 900px;
}

/* box that holds the featured audio, left side of lower half */
#featured_audio {
float: left;
padding: 25px 0 0 46px;
width: 344px;
}

#featured_audio_img {
float: left;
}

/* box that holds featured audio caption */
#featured_audio_caption {
padding-left: 184px; 
padding-top: 164px;
}

#featured_review {
width: 456px; /* was 438 */
float: right;
padding: 26px 46px 0 2px;
margin: 0;
}

/* featured audio title - for homepage */
#featured_audio h2 {
color: #6b5c32;
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
padding: 0 ;
font-weight: bold;
}

/* featured audio caption - for homepage */
#featured_audio_caption h3 {
color: #6b5c32;
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 14px;
padding: 0;
}

/* featured review on home page */
#featured_review h2 {
color: #6b5c32;
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 14px;
background: url(../images/review_scrolls_top_wide.gif) no-repeat left top;
background-color: transparent;
padding: 18px 20px 9px 41px;
font-weight: bold;
margin: 0px;

}

p.quote {
color: #6b5c32;
font-family : Georgia, Times, serif;
text-align: justify;
padding: 12px 26px 9px 26px; /* top was 3 */
margin: 0 18px 0 16px;
border-left: solid #b4985a 1px;
border-right: solid #b4985a 1px;
font-size: 13px;
line-height: 23px;

}

p.attribution {
color: #6b5c32;
font-family : Georgia, Times, serif;
text-align: right;
padding: 0 42px 26px 42px;
font-size: 13px;
background: url(../images/review_scrolls_bottom_wide.gif) no-repeat left top;
background-color: transparent;
} 

#home h2 a:link, #home h2  a:visited  {
color: #6b5c32;
text-decoration: none;
} 

#home h2  a:hover, #home h2 a:active  {
color: #550055;
text-decoration: none;
 }

/* way to add Stephanie's name to home page for search engines */
#home h1.htitle  {
display: none;
}

/* =Secondary page layout and typography
---------------------------------------------------------------------------*/

/* Stephanie Houtzeel, Mezzo-Soprano header top of secondary pages */
#nameplate {
border-bottom: solid #94896b 3px;
width: 900px;
}

#content_wrapper {
width: 900px;
background: url(../images/background_tile.jpg)  repeat-y left top;
}


/* =SCHEDULE page layout and typography
---------------------------------------------------------------------------*/

#schedule #content_wrapper {
width: 900px;
padding-top: 30px;
background: url(../images/background_tile.jpg)  repeat-y left top;
float: right;
}

#schedule_text {
width: 512px;  /* was 509 */
float: right;
}

#schedule_images {
width: 340px; /* was 350 */
padding: 0 0 0 30px;
}

#schedule_images img {
}

#schedule h1 {
font-family : Georgia, Times, serif;
font-size: 14px;
color: #550055;
margin-bottom: 21px;
}

#schedule p {
font-family : Georgia, Times, serif;
font-size: 14px;
line-height: 18px;
color: #553F00;
margin-bottom: 21px;;
}

#schedule p.date {
font-family : Georgia, Times, serif;
color: #550055;
margin-bottom: 0;
}

#content_wrapper #schedule_text a:link, #content_wrapper #schedule_text a:visited {
color: #2a7f00;
text-decoration: none;
} 

#content_wrapper #schedule_text a:hover, #content_wrapper #schedule_text a:active {
color: #2a7f00;
text-decoration: underline;
 }

.year_picker {
float: right;
padding-right: 48px;
padding-top: 3px;
font-family: Arial, Helvetica, sans-serif;
/*color: #553f00; */
color: #550055;
font-size: 11px;
font-weight: bold;
}

#schedule .year_picker a:link, #schedule .year_picker a:visited {
color: #2a7f00; 
/*color: #550055;*/
text-decoration: none;
font-weight: normal;
} 

#schedule .year_picker a:hover, #schedule .year_picker a:active {
color: #2a7f00;
/* color: #553f00; */
text-decoration: underline;
font-weight: normal;
 }


/* =RECORDING page layout and typography (Audio specs may be better)
---------------------------------------------------------------------------*/

#recordings #content_wrapper {
width: 900px;
background: url(../images/background_tile.jpg)  repeat-y left top;
float: right;
}

/* overall container for entire left column */
#recording_wrapper_left {
width: 432px;
padding: 30px 0 0 36px; 
float: left;
}

/* container for left title and scroll top */
#recording_title_left {
width: 432px;
background: url(../images/vertical_scroll_top.gif)  no-repeat top right;
height: 46px;
padding-top: 20px;
}

/* container for content of left column, provides 'center' vertical rule */
#recording_body_left {
width: 402px; 
border-right: solid #6b5c32 1px; 
padding: 0;
}

/* container for image caption on left */
#recording_description_left {
width: 354px; 
}

/* container for review on left */
#recording_review_left {
width: 354px; 
}

#recordings #bottom_scroll {
width: 432px; /* was 432 */
background: url(../images/vertical_scroll_bottom.gif)  no-repeat top right;
height: 46px;
padding-bottom: 20px;
}

#recording_wrapper_right {
width:354px;
float: right;
padding: 30px 44px 24px 0;
}

#recording_title_right {
width: 354px;
height: 46px;
padding-top: 20px;
}

#recordings h1 {
font-family : Georgia, Times, serif;
font-size: 13px;
color: #550055;
text-transform: uppercase;
}

.recording_img {
padding: 0 18px 18px 0;
float: left;
}

.recording_description p {
color: #553F00;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: normal;
margin-bottom: 9px; 
}

.recording_description  a {
   color: #550055;
}

.recording_review p {
color: #553F00;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
clear: both; 
margin: 0;
}

p.recording_review_attribution  {
color: #553F00;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
text-align: right;
font-style: italic;
padding: 0 0 18px 0 ;
}




/* =PRESSKIT page layout and typography (Audio specs may be better)
---------------------------------------------------------------------------*/

#presskit #content_wrapper {
width: 900px;
background: url(../images/background_tile.jpg)  repeat-y left top;
float: right;
}

/* overall container for entire left column */
#presskit_wrapper_left {
width: 432px;
padding: 30px 0 0 36px; 
float: left;
}

/* container for left title and scroll top */
#presskit #biographies {
width: 432px;
background: url(../images/presskit/scrollwithlongrule.gif)  no-repeat top right;
height: 323px;

}

/* container for content of left column, provides 'center' vertical rule */
#presskit_left {
width: 402px; 
border-right: solid #6b5c32 1px; 
padding: 0 0 40px 0;  /* bottom padding added to make center rule as long as current right col */ 
}

#presskit #recordings {
border-top: solid #6b5c32 1px;
margin-right: 30px;
}

#presskit #performances {
border-top: solid #6b5c32 1px;
margin-top: 20px;
}

.cd {
padding-top: 30px;
}

#presskit #bottom_scroll {
width: 432px; /* was 432 */
background: url(../images/vertical_scroll_bottom.gif)  no-repeat top right;
height: 46px;
padding-bottom: 20px;
}

#presskit_wrapper_right {
width:354px;
float: right;
padding: 30px 44px 24px 0;
}

#presskit_title_right {
width: 354px;
height: 46px;
padding-top: 20px;
}

.portrait_wrapper {
float: left;
}

.portrait_wrapper img {
padding: 0 18px 9px 0;
}

#presskit h1 {
font-family : Georgia, Times, serif;
font-size: 13px;
color: #550055;
text-transform: uppercase;
padding: 10px 0 14px 0; 
}

#presskit h2 {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #550055;
text-transform: uppercase;
padding: 0;
line-height: normal;
}

#presskit #performances {
border-top: solid #6b5c32 1px;
margin-top: 16px;
}

#presskit #performances h2 {
margin-top: 20px;
}

#presskit .recording_img {
margin: 0 18px 18px 0;	
padding: 0;
float: left;
clear: left;
}

#presskit p {
color: #553F00;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: normal;
margin-bottom: 3px; 
}


#presskit #content_wrapper  a:link, #presskit #content_wrapper  a:visited {
color: #550055;
font-style: italic;
text-decoration: none;
 }

#presskit  #content_wrapper a:hover, #presskit #content_wrapper a:active {
color: #550055;
font-style: italic;
text-decoration: underline;
 }

.presskit_review p {
color: #553F00;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
clear: both; 
margin: 0;
}


#presskit #content_wrapper .weblink a:link, #presskit #content_wrapper .weblink  a:visited  {
color: #2a7f00;
text-decoration: none;
} 

#presskit #content_wrapper .weblink  a:link, #presskit #content_wrapper .weblink a:visited  {
color: #2a7f00;
text-decoration: none;
 }

/* =AUDIO page layout and typography (based on Recordings)
---------------------------------------------------------------------------*/

#audio #content_wrapper {
width: 900px;
background: url(../images/background_tile.jpg)  repeat-y left top;
float: right;
}

#audio h1 {
font-family : Georgia, Times, serif;
font-size: 13px;
color: #550055;
text-transform: uppercase;
padding-top: 20px;
}

/* container for audio images */
.audio_img {
padding: 0 18px 12px 0;
}

#audio #content_wrapper a img  {
	border: solid #94896b 2px;
}

#audio #content_wrapper a:link img , #audio #content_wrapper a:visited img {
	border: solid #94896b 2px;
 }

#audio #content_wrapper a:hover img, #audio #content_wrapper a:active img{
	border: solid #550055 2px;
 }

#audio  #content_wrapper a:link, #audio #content_wrapper a:visited {
color: #553f00;
text-decoration: none;
 }

#audio #content_wrapper a:hover, #audio #content_wrapper a:active {
color: #550055;
text-decoration: none;
 }

#audio p {
color: #553F00;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: normal;
padding-bottom: 3px;
margin: 0; 
}

/* overall container for entire left column */
#audio #wrapper_left {
width: 412px; /*was 432, then 412*/
padding: 20px 0 0 56px; /* was 46 left */
float: left;
}

/* container for left title and scroll top */
/* note: height is necessary to accommodate scroll thingy */
#audio #title_left {
width: 412px; /*was 432 */
background: url(../images/vertical_scroll_top.gif)  no-repeat top right;
height: 66px;
padding: 0; 
}

/* container for content of left column, provides 'center' vertical rule */
#audio #body_left {
width: 382px; /* was 402 */
border-right: solid #6b5c32 1px; 
padding: 0;
}

#audio #bottom_scroll {
width: 412px;
background: url(../images/vertical_scroll_bottom.gif)  no-repeat top right;
height: 46px;
padding-bottom: 20px;
}

#audio .row {
height: 250px; /* was 272 */
}

#audio .right_clip {
width: 200px;
float: right;
}

/*wrapper entire right column, top to bottom */
#audio #wrapper_right {
width:360px;
float: right;
padding: 20px 44px 24px 0;

}

#audio #title_right {
width: 354px;
height: 66px;
padding: 0px; 
}

/* container for rightmost column */
#audio .right_right_clip {
width: 176px;
float: right;
} 







/* =Bio Page layout and typgraphy 
---------------------------------------------------------------------------*/

#bio #content_wrapper {
width: 900px;
background: url(../images/background_tile.jpg)  repeat-y left top;
padding: 30px 0 0 0;
margin: 0;
}

#bio h1 {
text-align: center;
font-family : Georgia, Times, serif;
font-size: 14px;
color: #550055;
margin: 0px 0 21px 0;
padding: 0;
}

#content_text {
padding: 0 100px 20px 0px;
}

#content_text p {
font-family : Georgia, Times, serif;
font-size: 14px;
line-height: 20px;
color: #553F00;
margin-bottom: 9px;
padding-left: 278px;
}

#bio_pic {
margin: 0 0 0 22px;
float: left;
}
#bio_pic img {
margin: 0 0 100px 0;
}

.pdf_link a:link, .pdf_link a:visited {
color: #6b5c32;
text-decoration: none;
} 

.pdf_link a:hover, .pdf_link a:active {
   color: #550055;
 }

.pdf_icon {
padding: 3px 3px 0 0;
}


/* =PHOTO GALLERY layout and typgraphy 
---------------------------------------------------------------------------*/

#photos #content_wrapper {
width: 900px;
float: left;
padding: 26px 0 0 0;
margin: 0;
}

#photos h1 {
text-align: center;
font-family : Georgia, Times, serif;
font-size: 14px;
color: #550055;
height: 46px;
background: url(../images/photos/top_horizontal_scroll.gif)  no-repeat top center;
margin: 0 0 6px 0;
padding: 0;
text-transform: uppercase;
}

#image_wrapper {
float: left;
width: 520px;
padding-top: 20px;
}

#image_wrapper .tall {
padding-left: 120px;
}

#image_wrapper .wide {
padding-left: 36px;
}

#thumbnails_wrapper {
/*border: solid #6c5d32 1px; */
float: right;
width: 295px;
margin-right:78px;
}

#photos h2 {
color: #553F00;
text-align: left;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: normal;
padding: 8px 0 3px 4px;
margin: 0; 
clear: both;
}

/*note how h2 and first joined together */
#photos h2.first {
padding-top: 0;
}

ul.thumbnails{
padding: 0;
margin: 0;
list-style: none;
float: left;
}

ul.thumbnails li {
float: left;
/*display: inline;*/ 
margin: 0;
padding: 0;
}

ul.thumbnails li img {

margin: 0  6px  6px 0;
padding: 0;
}

#photos #thumbnails_wrapper a img  {
border: solid #fce9c9 4px;
}

#photos #thumbnails_wrapper a img.selected  {
border: solid #550055 4px;
}

#photos #thumbnails_wrapper a:link img , #photos #thumbnails_wrapper a:visited img {
border: solid #fce9c9 4px;
 }

#photos #thumbnails_wrapper a:hover img, #photos #thumbnails_wrapper a:active img{
border: solid #550055 4px;
 }


#photos  p {
color:  #6b5c32; /* was #553F00; */ 
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: normal;
padding: 0 0 3px 0;
}

p#description {
margin-top: 20px;
line-height: 18px;
}

#page_control {
clear: both;
padding: 20px 0 0 0;
margin: 10px 0 0 0;
width: 260px;
float: left; 
border-top: solid #6c5d32 1px; 

}

#page_control  p {
color:  #550055; /* was #553F00; */ 
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
}

#page_control p.more {
float: right;
width: 120px;
text-align: right;
/* margin-top: 20px; */
}

#page_control p.prev {
float: left;
width: 120px;
/* margin-top: 20px; */
}

#photos #thumbnails_wrapper  a:link, #photos #thumbnails_wrapper a:visited {
color: #550055;
text-decoration: none;
 }

#photos #thumbnails_wrapper a:hover, #photos #thumbnails_wrapper a:active {
color: #550055;
text-decoration: underline;
 }


/* =CONTACT page layout and typography
---------------------------------------------------------------------------*/

#contact #content_wrapper {
width: 900px;
padding-top: 30px;
background: url(../images/background_tile.jpg)  repeat-y left top;
float: right;
}

#contact_text {
width: 512px;  /* was 509 */
float: right;
}

#contact_images {
width: 340px; /* was 350 */
padding: 0 0 0 30px;
}

#contact_images img {
}

#contact h1 {
font-family : Georgia, Times, serif;
font-size: 14px;
color: #550055;
margin-bottom: 21px;
margin-top: 6px;
line-height: 16px;
}

h2 {
font-family : Georgia, Times, serif;
color: #550055;
margin-bottom: 7px;
font-size: 14px;
font-weight: normal;
line-height: 16px;
}

#contact p {
font-family : Georgia, Times, serif;
font-size: 14px;
line-height: 18px;
color: #553F00;
margin-bottom: 21px;;
}

#contact #contact_images p.design_credit {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
line-height: 14px;
color: #553F00;
margin-left: 42px;
padding: 0;
text-align:left;
}

#contact #contact_images a:link, #contact #contact_images a:visited {
color: #553F00;
text-decoration: none;
} 

#contact #contact_images a:hover, #contact #contact_images a:active {
color: #553F00;
text-decoration: underline;
 }


#contact_text a:link, #contact_text a:visited {
color: #2a7f00;
text-decoration: none;
} 

#contact_text a:hover, #contact_text a:active {
color: #2a7f00;
text-decoration: underline;
 }


/* =REVIEWS page layout and typography
---------------------------------------------------------------------------*/

#reviews #content_wrapper {
width: 900px;
background: url(../images/background_tile.jpg)  repeat-y left top;
padding: 30px 0 0 0;
margin: 0;
}

/* wrapper for body text */
#reviews #content_text {
padding: 0 40px 20px 40px;
}

#reviews h1 {
text-align: center;
font-family : Georgia, Times, serif;
font-size: 14px;
color: #550055;
margin: 0px 0 21px 0;
padding: 0;
font-weight: bold;
text-transform: uppercase;
}
/*
#reviews h2 {
text-align: center;
font-family : Georgia, Times, serif;
font-size: 14px;
font-weight: bold;
color: #550055;
height: 46px;
background: url(../images/photos/top_horizontal_scroll.gif)  no-repeat top center;
margin: 30px 0 26px 0;
padding: 0;
text-transform: uppercase;
}
*/
#reviews h2 {
text-align: left;
font-family : Georgia, Times, serif;
font-size: 14px;
color: #550055;
margin: 0 0 12px 0;
padding: 0;
font-weight: bold;
}

#reviews h3 {
text-align: left;
font-family : Georgia, Times, serif;
font-size: 14px;
color: #550055;
margin: 0 0 12px 0;
padding: 0;
font-style: italic;
font-weight: bold;
clear: both;
}

#reviews h4 {
text-align: left;
font-family : Georgia, Times, serif;
font-size: 14px;
color: #553F00;
margin: 0 0 18px 0;
padding: 0;
font-style: normal;
font-weight: bold;
}


#reviews #content_text p {
font-family : Georgia, Times, serif;
font-size: 14px;
line-height: 20px;
color: #553F00;
margin: 0;
padding: 0;

}

#reviews #content_text .attrib {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
line-height: 20px;
color: #553F00;
margin: 0 0 11px  0;
padding: 0;
text-align:right;
}

#review_pic {
margin: 0 0 0 22px;
float: left;
}
#review_pic img {
margin: 0 0 100px 0;
}

img.divider {
display:block;
text-align: center;
margin: 0 auto 20px;
clear: both;
}