/*
Theme Name: Custom Theme
Theme URI: http://www.hiletsbefriends.com
Description: Custom WP
Author: Michael Stanford
Author URI: http://www.hiletsbefriends.com/
Version: 1
.
That's no moon.
.
*/

@import url("css/reset.css");

body{font-size:10px;font-family:“Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif;background: url(img/header-bg.png) left top repeat-x; color: #333;}

a:link,a:visited{color: #333;}
a:hover,a:focus,a:active{color: #666;}

hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}

h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.5em;}
h5{font-size:1.4em;}
h6{font-size:1.2em;}

ol{list-style: decimal;}
ul{list-style: square;}
li{margin-left: 30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom: 20px;}

#header,#middle,#footer,#sub-nav,#content {width: 960px; margin: 0 auto; clear:both;}
#header {height: 124px;}
#header h1 {background: url('img/fsia-logo.png') center center no-repeat; height: 79px; width: 156px; margin: 10px 0;}
#header h1 span {display:none;}
#header h1 a {width:156px;height:79px;display:block;}

#site-info {background: url(img/top-info-bg.png) top center no-repeat; height: 28px;}
#site-info p.phone, p.hours, p.date {display: inline; color: #fff; margin: 5px 0 0 20px; float: left; font-size: 1.2em;}
#site-info p.phone {font-weight: bold;}
#site-info p.hours {margin-left: 40px;}
#site-info p.date {float: right; margin-right: 20px;}

ul#main-nav {background:url(img/nav-bg.png) center center no-repeat; height: 45px; margin-top: 10px; margin-bottom: -15px;}
ul#main-nav li {display: inline;}
ul#main-nav li a {color: #fff; font-size: 1.4em; text-transform: uppercase;text-decoration:none;display:block; float:left; margin: 10px 5px 0 20px;}

#pano {background:url(img/pano-family.png) right center no-repeat; height: 240px; margin-top: -15px;}
#welcome {background:url(img/pano-callout.png) left center no-repeat; float: left; width: 536px; height: 240px;}
#welcome h2 {margin: 20px; color: #fff;text-shadow: #666 1px 1px 1px;}
#welcome p {margin: 20px; font-size: 1.6em; color: #fff; line-height: 33px;text-shadow: #666 1px 1px 1px;}

#quotes h3 {color: #91153c; }
#quotes p {font-size: 1.2em; line-height: 21px; margin-left: 175px; margin-right: 20px; color: #666;}
#quotes h3{margin: 20px 20px 10px 175px;}
#quotes a.get-quote {float: right; margin-right: 20px; background: url('img/get-quote-bullet.png') left center no-repeat; padding-left: 10px; color: #1896a9; font-weight: bold; font-size: 1.2em; text-decoration: none;}
#auto-quote,#property-quote {width: 368px; border: 1px solid #ccc;float:left; height: 200px;}
#progressive-quote{float:left;width:180px;margin:10px;clear:none;}
#auto-quote {margin: 10px 10px 10px 0; background: url(img/auto-quotes.png) 20px 20px no-repeat;}
#property-quote {margin: 10px 0 10px 10px; background: url(img/property-quotes.png) 20px 20px no-repeat;}

#sub-nav {height: 41px;padding-top: 20px;}
p.copyright {margin:10px;font-size:10px;float:left;display:inline;}
ul#utility-links {display:inline; float:right;}
ul#utility-links li a { color: #999;font-size:1.2em;}
ul#utility-links li a:hover, ul#utility-links li a:focus, ul#utility-links li a:active {color: #ccc;}
ul#utility-links li {display: inline; margin: 0 3px; padding-right: 6px;border-right: 1px solid #ccc;}
ul#utility-links li.last {border: none;}

#footer {background: #e6e6e6 url(img/footer-bottom.png) center bottom no-repeat; overflow: hidden;padding-bottom: 42px;}
#footer h3 {margin: 10px; float: left;}
#footer ul#agencies {width: 460px; clear: both; margin: 10px;}
#footer ul#agencies li {display: block; float: left;  width: 220px; font-weight: bold; font-size: 1.2em; margin: 5px;}
#footer #agencies-we-rep { float: left;width: 460px; margin: 10px;}
#footer #find-us {float: left;width: 460px; margin: 10px;}
#footer #find-us address {font-size: 1.2em; margin: 5px; font-style: normal; }
#footer #disclaimer {float: left;width: 460px;width:438px !important; margin: 10px;padding:10px;border:1px solid #ccc;}

ul#social {background-color: #ccc; height: 20px;margin-top: 20px;}
ul#social li {display: inline;}
ul#social li#twitter a {display: block; float: left; margin: 5px;background: url(img/twitter-icon.png) left no-repeat; padding-left: 20px;font-size: 1.2em;text-decoration:none;}
ul#social li#facebook a {display: block; float: left; margin: 5px;background: url(img/facebook-icon.png) left no-repeat; padding-left: 20px;font-size: 1.2em;text-decoration:none;}

#content{ margin: 10px auto;overflow: hidden;}
#content #sidebar {width: 220px; margin: 10px; float: left;}
#content #main { width: 700px; margin: 10px; float: left;font-size:1.4em;line-height:1.4em;}

#sidebar ul {margin:0; list-style:none;}
#sidebar ul li {margin:0;padding:0;font-size:1.2em;font-weight:bold;}
#sidebar ul li a {text-transform:uppercase;color:#178fa0;text-decoration:none;padding:7px;display:block;border-bottom:1px solid #CCC;}
#sidebar ul li a:hover {background:#efefef;color:#333;}
#sidebar ul li.current a {background:#178fa0;color:#FFF;}
#sidebar ul li.current ul li a {background:#efefef;color:#000}
#sidebar ul li ul li.current {background:#178fa0;color:#FFF;}
#sidebar ul li ul li a {font-size: 1.1em; margin-left: 10px;color: #000;}

#location #location-left {float: left;width:270px;}
#location #location-right{ float: left; margin-top: 10px;}

#location-information{margin-bottom:20px;}

#location-left p {}
#location-left a {display: inline; float: left; margin:5px;text-align: center;}

#location h1 {letter-spacing: -1px;}
#location h2 {letter-spacing: -1px;}
#location h3 {margin-bottom: 10px;}
#location address, #location p.phone {margin: 5px;}

ul#location-features {margin-left: 0;}
ul#location-features li {list-style: none;background:url(16-em-check.png) left center no-repeat; font-size: 1.4em; padding-left: 25px;display: inline;margin-left: 0; margin-right: 25px;}

table#lobby-hours th,table#drive-up-hours th {font-size: 1.2em; text-align: left;}
table#lobby-hours,table#drive-up-hours {display: block;float: left; width: 340px;margin: 10px 5px 5px 5px;}
table#lobby-hours td,table#drive-up-hours td {padding: 5px;font-size: 1.2em; width: 170px;}

tr.odd {background-color: #efefef;}

#upcoming-events {width: 698px; border: 1px solid #eee;}
#upcoming-events p {margin: 10px;}

#contactForm label, #loancalc label, #savingscalc label {float: left; clear: both;display: block;font-size: 1em; margin: 5px auto;}
#contactForm input,#contactForm textarea, #loancalc input, #loancalc textarea, #savingscalc input, #savingscalc textarea {float: left; clear: left; width: 500px; padding: 5px; border: 1px solid #ccc;}
#contactForm textarea {height:150px;}
#contactForm input#submit, #loancalc input#submit, #savingscalc input#submit {width: auto; padding: 5px; margin: 5px 0;}
label.error {background-image: none; padding: 3px; clear: none; float: left; margin: 10px 5px; border: 1px solid #95153D;}
.required.error {background-image: none; background: #fff; border: 1px solid #95153D;}

.main-map {padding: 1px; border: 1px solid #ccc; margin-top: 10px;}
.location-link {width: 220px; text-align: center;}

#output2 h2 {color: #3C3;}
#output2 h2.warn {color:#F30;}
#output2 h2 span {color: #363;}

a.lightbox {float: left;}