/*
Theme Name: Seattle Mortgage Planners 
Theme URI: http://www.seattlemortgageplanners.com
Description:
Author: Tynan Szvetecz
Author URI: http://www.commercekitchen.com
Version: 1.0
*/

/* --------------------------------------------------------------
START - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button { display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer;}
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }

/* Button colors ------------------------------------------ */

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #394695; }
a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */
body .positive { color: #052363; }
a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #394695; }
a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }
/* --------------------------------------------------------------
END - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */


body { margin: 0; padding: 0; color: #000; background: #fff;font-family: Georgia,serif,Verdana,arial; font-size: 80%; }

a { color: #394695;font-weight:bold;text-decoration:underline; }
a:hover { color: #052363;text-decoration:none; }
a:active { outline: none; }

img.border { padding: 1px; border: 1px solid; }
a img.border { border-color: #d80000; }
a:hover img.border { padding: 0; border: 2px solid; }

h1, h2, h3, h5, h6 { padding: 0.25em 0; margin: 0 0 0.5em 0; line-height: 1.5em; font-weight: bold; color:#000;}
h1 { font-size: 1.2em;line-height:1.3em;color:#000;font-weight:normal;}
h2 { font-size: 1.1em;font-weight:bold; }
h4 { padding: 0.25em 0; font-size:1.8em; margin: 0 0 0.5em 0; line-height: 1.5em; font-weight: normal; }
h6 { font-size: 1.25em; }
p img, p img.right { margin-top: 0px; }

.site-border {border:1px solid #ccc;border-top:none;}

#billboard {
	width: 750px;
	height: 193px;
	margin:0px 0 0 0;
    background: #999 url("images/place-holder.jpg") no-repeat 0 0;
}

#intro {background:#e3e5f6;padding:20px;}
#intro p {color:#000;}
#intro h2 {font-size:1.9em;}
#intro h2 a, #intro h2 a:hover, #intro h2 a:visited {color:#000;text-decoration:none;}
.capital {font-size:1.9em;color:#cc0000;margin-right:2px;line-height:1.2em;}
.rate {color:#394695;}

#menu {margin:0 0 0 0;padding:0 0 0 0;background:#000;width:950px;height: 5.4em;}
ul#global-menu { margin: 0 0 0 0px; padding: 0 0 0 0; background:#000;}
ul#global-menu li { list-style: none; float: left; list-style: none; line-height: 1.3em; }
ul#global-menu li a { margin: 0; padding:2em 2.7em;border-right:1px solid #333; color: #fff; font-size: 1em; text-decoration: none; background:#000; display:block; }
ul#global-menu li a:hover { color: #333;text-decoration:none;background:#e3e5f6;}

#header {}
#header h1 {font-size:2.4em;line-height:4em;}

#sidebar {}
#sidebar hr {margin:0;padding:0;height:1px;}
#sidebar h3 {text-transform:uppercase;font-size:.9em;line-height:1.1em;}
.block {padding:15px;}
.quote {font-size:2em;line-height:1em;font-weight:bold;font-family:times,serif,helvetica;}
.lead {font-size:1.2em;font-weight:bold;font-style:italic;}
.dotted {border-bottom: 1px dotted #b1baba;padding-bottom:15px;}

#content {margin:0 0 0 -1px;border-left:1px solid #ccc;}
#standard p, #sidebar p {color:#000;}
#standard h2 {color:#000;font-size:1.4em;line-height:1.4em;word-spacing:2px;font-weight:normal;}

.driver {width:205px;float:left;text-align:center;border-right:1px solid #ccc;padding:15px;}
.end {border:none;}
.driver h3 {text-transform:uppercase;color:#000;margin:0 0 10px 0;font-size:1.1em;text-decoration:none;}
.driver h3 a, .driver h3 a:hover {text-transform:uppercase;color:#000;margin:0 0 10px 0;font-size:1.1em;text-decoration:none;}


.main-block {padding:15px;border-top:1px solid #ccc;}
.in-block {padding:15px;}

.useful-links {padding:10px;border:1px solid #ccc;height:150px;width:205px;margin:0 0 15px 0;}
.useful-links a, .useful-links a:visited {font-size:.7em;}

.reg-links {padding:10px;border:1px solid #ccc;height:350px;margin:0 0 15px 0;font-size:.9em;}
.reg-links a, .reg-links a:visited {font-size:.7em;}

#feature-check-list { float: left; padding: 10px; margin: 10px 10px 10px 0; border: 1px solid #eee; background-color: #f7f7f7; -moz-border-radius: 0.5em; -khtml-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
#feature-check-list h3 { margin: 0; padding: 0 4px; color: #666; font-size: 1.25em; line-height: 1.5em; }
#feature-check-list ul { margin: 1em 0; padding: 0; }
#feature-check-list ul li { margin: 1px 0 0 0; padding: 0.5em 0.5em 0.5em 24px; list-style: none; line-height: 1em; background: #e9efef url("images/form_button_icons/tick.png") no-repeat 4px center; }
#feature-check-list ul li.alt { background-color: #e0eded; }
#feature-check-list p { margin: 0.5em 0; padding: 0; text-align: center; }
#feature-check-list p a { margin: 0; padding: 0.5em 4px; display: block; text-decoration: none; color: #fff; font-size: 1em; line-height: 1.1em; border: 1px solid #036; background-color: #069; -moz-border-radius: 0.25em; -khtml-border-radius: 0.25em; -webkit-border-radius: 0.25em; }
#feature-check-list p a:hover { background-color: #09c; }
#feature-check-list.full-width { width: 90%; }
#feature-check-list.half-width { width: 50%; font-size: 0.9em; }
#feature-check-list.third-width { width: 33%; font-size: 0.8em; }

#footer {border-top:1px solid #ccc;text-align:center;font-size:.9em;line-height:1em;padding:40px;}
#footer p {line-height:1.4em;}
ul#footer-menu { margin: 0 0 30px 140px; padding: 0; background-color: transparent;}
ul#footer-menu li { list-style: none; float: left; list-style: none; line-height: 1.3em; }
ul#footer-menu li a { margin: 0; padding:0 1em; color: #394695; font-size: .9em; text-decoration: none; }
ul#footer-menu li a:hover { color: #052363;text-decoration:underline;}

a.info   { text-decoration: none; position: relative; z-index: 24 }
a.info:hover     { text-decoration: none; z-index: 20 }
a.info span   { text-decoration: none; display: none }
a.info:hover span      { color: #333; font-size: 11px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: white; text-align: left; padding: 3px; border: dotted 1px #00008b; position: absolute; z-index: 15; top: 1.5em; left: 0em; width: 10em; display: block }
.images  { vertical-align: bottom }

.feedback {z-index:9999999;position:fixed !important;position:absolute;cursor:pointer;}
.feedback-position {bottom:2px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 16 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 16 );}
.feedback-align {right:0px;}

.center { text-align: center; }

label { font-weight: normal; }
input.text { width: 92%; }
input.small { width: 30px; }
textarea { width: 92%; height: 8em; }


/* WELCOME TO THE NEIGHBORHOOD STYLINGS */

.wtn-body { margin: 0; padding: 0; color: #4b5864; background: #fff;font-family: Arial,serif; font-size: 80%; }
#wtn-header { text-align: left; padding:0; margin:10px 0 0 0; height:124px;background:#fff;}
#wtn-header p {text-align:center;font-size:1.3em;font-weight:bold;}
#wtn-global-menu-container { background:#094fa3 url("images/neighborhood/menu-bg.jpg");margin:0px;padding:15px 0 0 0;height:30px;}

.wtn-badge p {padding:0;margin:0;}
.wtn-badge {background:url("images/neighborhood/badge.gif") no-repeat left;padding:0 0 0 33px;}
.wtn-badge a,.wtn-badge a:visited,.wtn-badge a:hover {color:#fff;}

#wtn-info-box {background:url("images/neighborhood/info-box.jpg") no-repeat top left;width:300px;height:216px;}
#wtn-info-box hr {background:#ccc;color:#ccc;height:1px;}
#wtn-info-box h2 {color:#f9a425;font-size:1.3em;font-weight:bold;}
#wtn-info-box h3 {color:#f9a425;font-size:1.1em;font-weight:bold;}
.wtn-answer-box {background:#fff;padding:10px 10px 2px 10px;font-size:1.1em;margin-bottom:10px}
#wtn-info-box a, #wtn-info-box a:visited {color:#094fa3;} 

#wtn-content {}
#wtn-content h1, #wtn-content h2, #wtn-content h3, #wtn-content h4, #wtn-content h5 {color:#f9a425}
#wtn-content h1 {background:none;font-size:1.7em;font-weight:bold;line-height:1.4em;padding:0;margin:0 0 0px 0;border-top:#eee 5px solid;}
#wtn-content h2 {background:none;font-size:1.3em;font-weight:bold;line-height:1em;padding-left:0;margin-left:0;}
#wtn-content hr {background:#ccc;color:#ccc;height:1px;}

div.badge {
  float: left;
  margin-right: 0px;
  padding-right: 5px;
  width: 230px;
}
div.badge img {
	padding:0;
	margin:0;
    -moz-box-shadow: 0 2px 8px -2px #AAA;
    margin-bottom: 0.5em;
  }
div.badge h6 {
    color: #5B5A60;
  }
div.badge textarea {
    height: 1.0em;
    width: 215px;
	
  }

.quote {font-size:2em;line-height:1em;font-weight:bold;font-family:times,serif,helvetica;}
.lead {font-size:1.2em;font-weight:bold;font-style:italic;}
.dotted {border-bottom: 1px dotted #b1baba;padding-bottom:15px;}