/*
    Site.css Base CSS for Blue Channel Projects
    Dave Merwin
    
    Thanks to Nathan Smith for 960 Grid.

*/

/* Get the basics*/
@import "reset.css";
@import "text.css";
@import "grid.css";
@import "facebox.css";


/* =GENERAL
----------------------------------------------------------------------------*/
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

p.mir {line-height:0; padding:0; margin:0;}

body {background:url(../imgs/scroll_work.png) top left #A3B773; padding:0 0 20px 0; margin:0; height:auto; color:#333;}
a {text-decoration:none;}

/* =LAYOUT
----------------------------------------------------------------------------*/
#masthead {width:620px; height:395px; position:relative; margin:0 10px;}
#bgndWrap {background:url(../imgs/body_gradient.png) top left repeat-x;}
#content {background:url(../imgs/page_content_bttm.png) bottom left no-repeat; padding:0 0 20px 0;}
#pageContent {background:url(../imgs/page_content_bgnd.png) top right repeat-y; z-index:30;}
.objectBlock {padding:10px 40px 0;}
#sidebar {position:relative; margin:0 0 0 -18px; background:url(../imgs/sidebar_bttm.png) bottom right no-repeat; padding:0 0 25px 0;}
#pageContent ul.breadcrumb, .contactBlock {background:#B7CA79; border-top:1px solid #9EAE68; border-bottom:4px solid #9EAE68; list-style:none; padding:5px 20px; margin:0 10px; font-size:80%; color:#677E52;}
.breadcrumb li {display:inline; margin:0 10px 0 0;}
.breadcrumb li a, .contactBlock a, .breadcrumb li a:visited, .contactBlock a:visited {color:#3C4930; font-weight:bold;}
.breadcrumb li a:hover, .contactBlock a:hover {color:#F6E8B1;}
#sidebar ul {list-style:none;}
#sidebar .objectBlock {padding:10px 10px 1px 0; margin:0; background:url(../imgs/sidebar_bgnd.png) top right repeat-y;}
#globalNavBlock {text-align:center; position:relative;}

.buttonLink {background:#E3E7D4; padding:3px 4px; text-align:center; border:1px solid #B7CA79; margin:0 auto; display:block; width:auto;}

#footer {padding:0 40px; margin:20px 0; color:#3A462E;}
#footer p {margin:0 0 5px 0; position:relative;}
#footer span {position:absolute; top:8px; right:300px; text-align:right;}
#footer img {margin:0 20px 0 0;}

#pageContent {}

.bodyImage {float:left; width:auto; margin:0 30px 0 0;}

.testimonialBlock {padding:10px 20px; color:#fff; background:#677E52;}
#nav li {padding:0; margin:0;}
#globalNav, #fontSize {list-style:none; margin:0 0 0 10px; padding:0;}
#globalNav li {width:60px; float:left; text-align:center; margin:0; padding:0;}
#globalNav li a {width:60px; display:block; background:#677E52; color:#fff; font-weight:bold; padding:4px 0 0 0;}
#globalNav a.contact {background:#F6E8B1; color:#677E52;;}
#globalNav li a:hover {color:#B7CA79;}
#fontSize li a {color:#fff;}
#fontSize li a:hover {color:#677E52;}
#fontSize {list-style:none; position:absolute; bottom:0; right:20px;}
#fontSize li {display:inline; padding:0; margin:0;}

/* Default Images */
#masthead {background:url(../imgs/hug.jpg) top left no-repeat;}

/* Per Page Edits */
#fast-facts #masthead {background:url(../imgs/kiss.jpg) top left no-repeat;}
#real-stories #masthead {background:url(../imgs/laptop.jpg) top left no-repeat;}
#meet-randy #masthead {background:url(../imgs/lighthouse.jpg) top left no-repeat;}
#free-seminar-registration #masthead, #attendee-thanks #masthead {background:url(../imgs/apple.jpg) top left no-repeat;}
#free-dvd #masthead, #dvd-thanks #masthead {background:url(../imgs/beach.jpg) top left no-repeat;}
#loan-calculator #masthead {background:url(../imgs/blueEyes.jpg) top left no-repeat;}
#application #masthead {background:url(../imgs/couple1.jpg) top left no-repeat;}
#resrouce-center #masthead {background:url(../imgs/fishing.jpg) top left no-repeat;}
#news-and-events #masthead {background:url(../imgs/golf.jpg) top left no-repeat;}
#how-they-work #masthead {background:url(../imgs/mom.jpg) top left no-repeat;}
#reverse-mortgage-myths #masthead {background:url(../imgs/oregonWinter.jpg) top left no-repeat;}
#resource-center #masthead {background:url(../imgs/sking.jpg) top left no-repeat;}

#home #page-content .col1 {padding:20px 10px 20px 20px;}
#home #page-content .col1 {padding:20px 20px 20px 10px;}

.logos {height:40px;}
.ehlogo {position:absolute; top:0; left:0;}
.whlogo {position:absolute; top:5px; left:150px;}

#fast-facts .active {background:#4A5A3B; color:#fff;}
#real-stories .active {background:#4A5A3B; color:#fff;}
#meet-randy .active {background:#4A5A3B; color:#fff;}
#free-dvd .active {background:#4A5A3B; color:#fff;}
#loan-calculator .active {background:#4A5A3B; color:#fff;}
#application .active {background:#4A5A3B; color:#fff;}
#resrouce-center .active {background:#4A5A3B; color:#fff;}
#news-and-events .active {background:#4A5A3B; color:#fff;}
#loan-options .active {background:#4A5A3B; color:#fff;}
#reverse-mortgage-myths .active {background:#4A5A3B; color:#fff;}
#resource-center .active {background:#4A5A3B; color:#fff;}
.ribbon {display:block; position:absolute; top:0; left:0; width:179px; height:181px; background:url(../imgs/corner_ribbon.png) top left no-repeat;}

/* =TYPOGRAPHY
----------------------------------------------------------------------------*/
.logo {width:550px; height:54px; background:url(../imgs/logo.png) top left no-repeat; bottom:20px; left:20px; position:absolute;}
.byLine {width:330px; height:23px; background:url(../imgs/byline.png) top left no-repeat; bottom:0px; left:20px; position:absolute;}
#smallFonts {font-size:90%; font-weight:bold;}
#largeFonts {font-size:125%; font-weight:bold;}
#globalNavBlock h4 {font-size:125%; margin:20px 0 0 0; color:#566c42;}
#globalNavBlock h3 {color:#b7ca79;}
#pageContent ul, ol, blockquote, fieldset {padding:20px; background:#E1E5D6; border:1px solid #C0CBA9; font-size:125%;}
#pageContent h2, #pageContent h3, #pageContent h4 {color:#677E52; margin:0 0 2px 0;}
#pageContent h1 {color:#1D2317; font-size:225%; margin:20px 0 10px 0;}
#pageContent p {font-size:125%;}
#sidebar a {color:#677E52;}
.testimonialBlock h4 {color:#B7CA79; margin:0; font-size:120%;}
#nav a {font-size:150%; font-weight:bold; display:block; padding:2px 4px; margin:0 10px 10px; color:#677E52; background:#B7CA79; letter-spacing:-1px;}
#nav a:hover {color:#fff; background:#1D2317;}

#pageContent a {color:#B7CA79;}
#pageContent a:visited {color:#4D5F82;}
#pageContent a:hover {color:#5B9BBB;}

#pageContent ul#eventList {padding:0; margin:0;}
#pageContent ul.neList {padding:0; margin:0; background:none; border:none; list-style:none; font-size:100%;}
#pageContent ul.neList li {margin:0 0 20px 0;}

/* =FORMS
----------------------------------------------------------------------------*/
.searchForm {margin:0 auto 20px auto; text-align:center;}
.searchForm #searchq {margin:0 10px 0 0;}

#application fieldset, #infoRequest fieldset {padding:20px; background:url(../imgs/fieldset_bgnd.png) bottom left repeat-x #E1E5D6;}
#application dt, #infoRequest dt {width:30%; float:left; text-align:right; margin:0 10px 10px 0;}
#application dd, #infoRequest dd {width:60%; float:left; margin:0 0 10px 0;}
#infoRequest #additional_services dt {width:70%; float:left; text-align:right; margin:0 10px 10px 0;}
#infoRequest #additional_services dd {width:20%; float:left; text-align:left; margin:0 0 10px 0;}
#application dd input, #infoRequest dd input, #application textarea, #infoRequest textarea {width:98%; padding:2px 4px; border:1px solid #677E52; background:#EFF2E7;}
textarea#id_note {height:100px;}
#additional_services dd input {width:auto;}
#application dd input:hover, #application dd input:focus, #infoRequest dd input:hover, #infoRequest dd input:focus, #application textarea:hover, #infoRequest textarea:hover, #application textarea:focus, #infoRequest textarea:focus {background:#fff;}
#application label, #infoRequest label {color:#1D2317; font-size:75%;}
#application legend, #infoRequest legend {color:#677E52; font-weight:bold; font-size:110%;}
form .errors, #pageContent .generalErrors h4 {padding:5px; margin:0 0 10px 0; border:1px solid #EBCD56; background:#F6F2E2; text-align:center; font-weight:bold; color:#EBA63F;}
#pageContent ul.errorlist {padding:0; margin:0; background:0; border:none; list-style:none;}
.errorlist li {padding:0; margin:0; background:0; border:none;}
#id_property_address, #id_address {width:100%; height:48px;}
#id_note {width:100%; height:72px;}

#id_seminar {width:300px;}

#infoRequest .restrict input {width:15px;}