/* ---------------------------------------- Name: XXX Author: Eric Eaton & Carter Stowell Version: 2006 ---------------------------------------- ---------------------------------------- Color Guide ---------------------------------------- brown = 8D5A22 (body background) dark red = 881B00 (nav-bg background) red = C62700 (nav background) ---------------------------------------- Essential Stuff (body, blocks etc.) ---------------------------------------- */ body#home {margin:0; padding:0; color:#EFEFEF; font-family:Gergia, times, serif; line-height:120%; font-size:1em; background: url("/images/bg_home_alt.gif") #000000 top center repeat-y; } /* Links ---------------------------------------- */ a {color:#8BBFF0; text-decoration:none; } /* to compensate for font-aliasing on Win/IE */ * html>body#home #shell #branding a { font-weight: bold; } #home #homenews a { font-weight: normal; } a:visited {color:#8BBFF0; } a:hover {text-decoration:underline; } /* ---------------------------------------- Layout Containers ---------------------------------------- */ /* masthead-bg lives outside/behind the shell */ #shell {height:550px; margin:0; padding: 0; } #masthead {position:absolute; width:100%; top:0; left:0; background-color:#B8CEB3; } /* ---------------------------------------- Navigation ---------------------------------------- */ #top-nav, #bottom-nav {position:absolute; height:30px; width:250px; top:29px; left:360px; font-family:Georgia, times, serif; font-size:.8em; letter-spacing:.15em;} #bottom-nav {top:60px; } #top-nav p, #bottom-nav p {margin:0; } #top-nav p {position:absolute; bottom:0; margin:0;} #top-nav a, #bottom-nav a {color:#8E0413; } /* end navigation */ #branding {position:absolute; top:230px; left:0px; } #blurb {position:absolute; top:100px; left:95px; width:331px; color:#6BA75A; } #bookcover-home {position:relative; width:113px; height:168px; float:left; margin:15px 20px 15px 26px; background: url("/images/thefold_home.png") 0 0 no-repeat; z-index:10} #logo {position:absolute; width:114px; height:114px; top:1px; left:235px; background: url("/images/logo_home.png") 0 0 no-repeat; z-index:10 } #bottom-field {position:absolute; top:0; left:0; width:100%; height:550px; background-color:#E1EEEC; } #bottom-fader {position:absolute; bottom:0; left:0; width:100%; height:20px; background: url("/images/fade_bottom.png") top left repeat-x;} #top-field {position:absolute; top:0; left:0; width:100%; height:288px; background-color:#EBECD2; border:1px solid #7CA9AA; border-width:0 0 1px 0; } #bottom-field-nested {position:absolute; top:0; left:0; width:100%; height:550px; background-color:#E1EEEC; } #top-field-nested {position:absolute; top:0; left:0; width:100%; height:288px; background-color:#EBECD2; border:1px solid #7CA9AA; border-width:0 0 1px 0;} #flower-one {position:absolute; top:20px; left:470px; width:214px; height:264px; background: url("/images/flower1.png") 0 0 no-repeat; } #flower-two {position:absolute; top:150px; left:-130px; width:214px; height:264px; background: url("/images/flower1.png") 0 0 no-repeat; } #flower-three {position:absolute; top:270px; left:470px; width:153px; height:332px; background: url("/images/flower3.png") 0 0 no-repeat; } #bottom-fader-nested {position:absolute; bottom:0; left:0; width:100%; height:20px; background: url("/images/fade_bottom.png") top left repeat-x; } #top-fader-nested {position:absolute; top:0; left:0; width:100%; height:28px; background: url("/images/fade_top.png") top left repeat-x;} #top-fader {position:absolute; top:0; left:0; width:100%; height:28px; background: url("/images/fade_top.png") top left repeat-x;} /* homenews styles ---------------------------------------- */ #homenews { position: absolute; top: 113px; width: 300px; margin: 0 0 0 25px; padding: 0; color: #69A9A0; } #homenews h4 { margin: 0; padding: 0; font-size: 110%; font-weight: bold; font-style: italic; } #homenews ul { margin: 0; padding: 0; list-style: none; font-family: verdana, arial, sans-serif; font-size: 70%; line-height: 1.3em; } #homenews ul li { margin: 7px 0; } #homenews ul li a, #homenews ul li a { color: #990000;} #homenews li .date { font-size: 90%; font-weight: bold; } /* ---------------------------------------- IE Hack for PNGs ---------------------------------------- */ * html #logo /* Will only be seen by IE */ {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/logo_home.png',sizingMethod='scale'); } * html #bookcover-home /* Will only be seen by IE */ {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/waitforme_home.png',sizingMethod='scale'); } * html #bottom-fader /* Will only be seen by IE */ {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/fade_bottom.png',sizingMethod='scale'); } * html #top-fader /* Will only be seen by IE */ {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/fade_top.png',sizingMethod='scale'); } * html #bottom-fader-nested /* Will only be seen by IE */ {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/fade_bottom.png',sizingMethod='scale'); } * html #top-fader-nested /* Will only be seen by IE */ {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/fade_top.png',sizingMethod='scale'); } * html #flower-one /* Will only be seen by IE */ {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/flower1.png',sizingMethod='scale'); } * html #flower-two /* Will only be seen by IE */ {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/flower1.png',sizingMethod='scale'); } * html #flower-three /* Will only be seen by IE */ {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/flower3.png',sizingMethod='scale'); }