/* ---- ABOUT WHALES ---- */ div.whales_header /*top band*/{ width: 100%; height: 65px; background-color:#6B7995} div.whales_titles {float:left; width: 300px;} div.whales_titles p.date {margin-top: 0;} div.whales_titles h2 {/*feature title*/ color:#E4BD5F; padding-left: 25px; padding-top: 0.5em; text-shadow: 2px 2px 2px #333; letter-spacing: .05em;} div.whales_titles p { padding-left: 25px; font-family:Verdana, Geneva, sans-serif; font-size: 75%; color:#D4DAED;} div.whales_titles p.date {font-weight: bold;} /* ---- content area to contain background image ---- */ #middle_wide div.whale_content { width: 100%; height: 100%; background-repeat: no-repeat; font-family:Verdana, Geneva, sans-serif; font-size: 85%; margin-top: -12px; } /* ---- backgrounds ---- */ #middle_wide div.intro_intro {background-image:url(/whales/images/intro_intro.jpg); } #middle_wide div.all_behave {background-image:url(/whales/images/all_behave.jpg); } #middle_wide div.all_big {background-image:url(/whales/images/all_big.jpg); } #middle_wide div.all_breathe {background-image:url(/whales/images/all_breathe.jpg); } #middle_wide div.all_eat {background-image:url(/whales/images/all_eat.jpg); } #middle_wide div.all_fact {background-image:url(/whales/images/all_fact.jpg); } #middle_wide div.all_live {background-image:url(/whales/images/all_live.jpg); } #middle_wide div.all_name {background-image:url(/whales/images/all_name.jpg); } #middle_wide div.all_where {background-image:url(/whales/images/all_where.jpg); } #middle_wide div.blue_behave {background-image:url(/whales/images/blue_behave.jpg); } #middle_wide div.blue_big {background-image:url(/whales/images/blue_big.jpg); } #middle_wide div.blue_breathe {background-image:url(/whales/images/blue_breathe.jpg); } #middle_wide div.blue_eat {background-image:url(/whales/images/blue_eat.jpg); } #middle_wide div.blue_fact {background-image:url(/whales/images/blue_fact.jpg); } #middle_wide div.blue_live {background-image:url(/whales/images/blue_live.jpg); } #middle_wide div.blue_name {background-image:url(/whales/images/blue_name.jpg); } #middle_wide div.blue_where {background-image:url(/whales/images/blue_where.jpg); } #middle_wide div.bowhead_behave {background-image:url(/whales/images/bowhead_behave.jpg); } #middle_wide div.bowhead_big {background-image:url(/whales/images/bowhead_big.jpg); } #middle_wide div.bowhead_breathe{background-image:url(/whales/images/bowhead_breathe.jpg); } #middle_wide div.bowhead_eat {background-image:url(/whales/images/bowhead_eat.jpg); } #middle_wide div.bowhead_fact {background-image:url(/whales/images/bowhead_fact.jpg); } #middle_wide div.bowhead_live {background-image:url(/whales/images/bowhead_live.jpg); } #middle_wide div.bowhead_name {background-image:url(/whales/images/bowhead_name.jpg); } #middle_wide div.bowhead_where {background-image:url(/whales/images/bowhead_where.jpg); } #middle_wide div.gray_behave {background-image:url(/whales/images/gray_behave.jpg); } #middle_wide div.gray_big {background-image:url(/whales/images/gray_big.jpg); } #middle_wide div.gray_breathe {background-image:url(/whales/images/gray_breathe.jpg); } #middle_wide div.gray_eat {background-image:url(/whales/images/gray_eat.jpg); } #middle_wide div.gray_fact {background-image:url(/whales/images/gray_fact.jpg); } #middle_wide div.gray_live {background-image:url(/whales/images/gray_live.jpg); } #middle_wide div.gray_name {background-image:url(/whales/images/gray_name.jpg); } #middle_wide div.gray_where {background-image:url(/whales/images/gray_where.jpg); } #middle_wide div.hump_behave {background-image:url(/whales/images/hump_behave.jpg); } #middle_wide div.hump_big {background-image:url(/whales/images/hump_big.jpg); } #middle_wide div.hump_breathe {background-image:url(/whales/images/hump_breathe.jpg); } #middle_wide div.hump_eat {background-image:url(/whales/images/hump_eat.jpg); } #middle_wide div.hump_fact {background-image:url(/whales/images/hump_fact.jpg); } #middle_wide div.hump_live {background-image:url(/whales/images/hump_live.jpg); } #middle_wide div.hump_name {background-image:url(/whales/images/hump_name.jpg); } #middle_wide div.hump_where {background-image:url(/whales/images/hump_where.jpg); } #middle_wide div.right_behave {background-image:url(/whales/images/right_behave.jpg); } #middle_wide div.right_big {background-image:url(/whales/images/right_big.jpg); } #middle_wide div.right_breathe {background-image:url(/whales/images/right_breathe.jpg); } #middle_wide div.right_eat {background-image:url(/whales/images/right_eat.jpg); } #middle_wide div.right_fact {background-image:url(/whales/images/right_fact.jpg); } #middle_wide div.right_live {background-image:url(/whales/images/right_live.jpg); } #middle_wide div.right_name {background-image:url(/whales/images/right_name.jpg); } #middle_wide div.right_where {background-image:url(/whales/images/right_where.jpg); } #middle_wide div.sperm_behave {background-image:url(/whales/images/sperm_behave.jpg); } #middle_wide div.sperm_big {background-image:url(/whales/images/sperm_big.jpg); } #middle_wide div.sperm_breathe {background-image:url(/whales/images/sperm_breathe.jpg); } #middle_wide div.sperm_eat {background-image:url(/whales/images/sperm_eat.jpg); } #middle_wide div.sperm_fact {background-image:url(/whales/images/sperm_fact.jpg); } #middle_wide div.sperm_live {background-image:url(/whales/images/sperm_live.jpg); } #middle_wide div.sperm_name {background-image:url(/whales/images/sperm_name.jpg); } #middle_wide div.sperm_where {background-image:url(/whales/images/sperm_where.jpg); } /* ---- whale buttons across top ---- */ ul.choose_whale {list-style-type: none; padding: 0; margin-top: 4px; } ul.choose_whale li {float: left;font-family:Verdana, Geneva, sans-serif; font-size: 75%; color:#D4DAED; text-align:center;} #middle_wide ul.choose_whale li a.selected { background-color:#8299BC;} #middle_wide ul.choose_whale li a {display:block; width: 66px; height: 28px; margin-right: 2px; border:thin solid white; padding-top: 4px;} #middle_wide ul.choose_whale li a:link {color: white;} #middle_wide ul.choose_whale li a:hover {background-color: white; color:#336;} #middle_wide ul.choose_whale li a:visited {color: white;} /* ---- question buttons down left side ---- */ #middle_wide ul.whale_questions {width: 200px; clear: left; float: left; list-style-type: none; padding-left: 20px; margin:0; } #middle_wide ul.whale_questions li {margin-bottom: 2.5em;} #middle_wide ul.whale_questions li a {display:block; padding: .25em .5em; border: transparent 1px solid;} #middle_wide ul.whale_questions li a:link {color: white;} #middle_wide ul.whale_questions li a:visited {color: white;} #middle_wide ul.whale_questions li a:hover { border: white 1px solid;} #middle_wide ul.whale_questions li.selected { background-color: white; color:#336; } /* ---- text about whale ---- */ div.whale_text { width: 370px; margin-left: 290px; margin-top: 12px; position: relative;} div.whale_text p {padding-top: 1em; } #middle_wide div.whale_content div.whale_audio {width: 120px; position: absolute; left: 400px; top: 18px;} #middle_wide div.whale_content div.whale_audio audio {width: 120px;} #middle_wide div.whale_content div.whale_audio p {margin-top: -10px; font-size: 80%; color: #8299BC; line-height: 125%;}