/*
CSS for http://www.suttonformayor.com
Copyright 2008. Villagewerx LLC. All rights reserved.
*/

body {background-color: #A2A4A1; margin: 0 auto; font-family: helvetica, arial, sans-serif; font-size: 1em;}
.container {width: 950px; background-color: #FCFFFA;}

#banner {background-image: url(http://www.suttonformayor.com/images/uploads/layouts//bg_banner.jpg); background-position: left top; background-repeat: no-repeat; height: 258px;}
#banner h1 {font-size: 4em; font-weight: bold; color: #444; font-family: "adobe caslon pro"; position: relative; left: -2000px; }
#navigation {height: 35px; background-color: transparent;}
#main-nav {height: 33px;}
#navigation { text-align: center; height: 26px; margin: 0; list-style: none; padding-top: 3px;}
#navigation li {float: left; height: 33px; overflow: hidden; font-family: myriad, "lucida sans unicode", "trebuchet ms", sans-serif; /* if text-resize, this'll keep the nav the same size */ font-size: .875em;}
#navigation li a { display: block; line-height: 30px; color: #F2EFE6; overflow: hidden; text-decoration: none;}
#navHome { width: 70px; }
#navNews { width: 70px; }
#navAbout { width: 100px; }
#navEndorsements {width:120px;}
#navMessage {width: 180px;}
#navContact { width: 70px; }
#navigation li a:hover, #navigation li a.selected, #navigation li a.selected:hover { height: 29px; color: red;}
#navHome a:hover, #navHome a.selected, #navHome a.selected:hover {overflow: hidden;}

#home #hero {background-image: url(http://www.suttonformayor.com/images/uploads/layouts//bg_hero.jpg); background-position: left top; background-repeat: no-repeat; height: 250px;}
#detail #hero, #endorsements #hero, #news #hero, #about #hero {background-image: url(http://www.suttonformayor.com/images/uploads/layouts//bg_04.jpg); background-position: left top; background-repeat: no-repeat; height: 100px;}
#detail #hero {}
.first_read {width: 70%; padding: 1em;font-size: 1.15em; color: #fff; font-family: helvetica, arial, sans-serif;}

#content {background-image: url(http://www.suttonformayor.com/images/uploads/layouts//bg_content_bottom.jpg); background-position: left bottom; background-repeat: no-repeat; background-color: transparent; padding-top:1.3em; min-height: 400px;}

#detail #content, #endorsements #content, #news #content, #about #content {position: relative; z-index: 90; background-image: url(http://www.suttonformayor.com/images/uploads/layouts//bg_content_detail.jpg); background-position: left top; background-repeat: no-repeat; background-color: transparent;}

#detail #sub_content, #endorsements #sub_content, #news #sub_content, #about #sub_content {background-image: url(http://www.suttonformayor.com/images/uploads/layouts//bg_content_bottom.png); background-position: left bottom; background-repeat: no-repeat;}

#sub_content {position: relative; z-index: 10; height: 125px; bottom: 0px; }

#footer {background-image: url(http://www.suttonformayor.com/images/uploads/layouts//bg_footer.jpg); background-color: #333333; background-position: left top; background-repeat: no-repeat; min-height: 230px; padding-top: 2em;}
#colophon {height: 45px; background-color: transparent; text-align: center; }
#colophon p {color: #666666; font-size: .7em; margin-top: -20px; }
#colophon a:link.colophonlink {color: #D1B18E; text-decoration: none; border-bottom: 1px dotted #D1B18E;}
#colophon a:hover.colophonlink {color: #666666; text-decoration: none; border-bottom: 1px dotted #666666;}
#colophon a:visited.colophonlink {color: #666666; text-decoration: none;}

.recent {border-bottom: 1px dashed #ccc; padding-bottom:2em; margin-bottom: 2em;}
.entry {padding: 0em 2em 1.5em; line-height: 100%;}
.entry h2 {font-family: helvetica, arial, sans-serif; font-size: 1.3em; font-weight: bold; margin-bottom: .2em; color: #2B3B76;}
.entry p {font-family: "helvetica neue"; font-size: .85em; color: #777; margin-bottom: .75em; padding: 0;}
.entry ul li {font-family: "helvetica neue"; font-size: .85em; color: #777; margin-bottom: .75em; padding: 0;}
.entry ul li li {margin-top: .5em;}
h2.feat_title {color: #fff; padding: 1.3em 1.2em; font-size: 1.5em; font-weight:bold;}
h3.dateline {font-size: .9em; color: red; font-weight: bold;}

a.readon {font-size: .8em; text-decoration: none;}
.entry a:link.readon  {color: blue; border-bottom: 1px solid blue;}
.entry a:visited.readon  {color: #808080; border-bottom: 1px dotted #ccc;}
.entry a:hover.readon  {color: red; border-bottom: 1px dotted red;}
.entry a:active.readon  {color: #000;}

#contactform {border-left: 2em solid green;}

.boxed {background-color: #393939; height: 100px; width: 90%; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}
#sidebar p {color: white; position: relative; top: -90px; left: 10px; width:240px;}

.hero-left {float: left; border: 10px solid #fff; margin: 0 1em 1em 0;}

#quotes {background-color: #EEEEEE; margin-bottom: 3em; padding: 0;}
#quotes .entry {/*background-image: url(http://www.suttonformayor.com/images/uploads/layouts//left-quote.png); background-position: left top; background-repeat: no-repeat;*/ padding: 0em .5em 1.5em;}
#home .endorsement p {color: #999; font-size: .8em; margin: 0; }
#endorsements .entry p {line-height: 1.3em;}
#endorsements .entry span {font-weight: bold; background-color: yellow;}
#home div.endorser {display: block; text-align: right; line-height: 1em; padding-right: 1em; font-size: .9em; font-weight: bold; margin: .6em 0; color: red;}
#endorsements p.endorser {font-weight: bold; font-size: .9em; color: #555; text-align: right;}

.roundedcornr_box_595654 {background: #eeeeee;}
.roundedcornr_top_595654 div {background: url(http://www.suttonformayor.com/images/uploads/layouts//roundedcornr_595654_tl.png) no-repeat top left;}
.roundedcornr_top_595654 {background: url(http://www.suttonformayor.com/images/uploads/layouts//roundedcornr_595654_tr.png) no-repeat top right;}
.roundedcornr_bottom_595654 div {background: url(http://www.suttonformayor.com/images/uploads/layouts//roundedcornr_595654_bl.png) no-repeat bottom left;}
.roundedcornr_bottom_595654 {background: url(http://www.suttonformayor.com/images/uploads/layouts//roundedcornr_595654_br.png) no-repeat bottom right;}
.roundedcornr_top_595654 div, .roundedcornr_top_595654, 
.roundedcornr_bottom_595654 div, .roundedcornr_bottom_595654 {width: 100%;height: 18px;font-size: 1px;}
.roundedcornr_content_595654 { margin: 0 18px; }

.roundedcornr_box_715863 {background: #4c4c4c;}
.roundedcornr_top_715863 div {background: url(http://www.suttonformayor.com/images/uploads/layouts//roundedcornr_715863_tl.png) no-repeat top left;}
.roundedcornr_top_715863 {background: url(http://www.suttonformayor.com/images/uploads/layouts//roundedcornr_715863_tr.png) no-repeat top right;}
.roundedcornr_bottom_715863 div {background: url(http://www.suttonformayor.com/images/uploads/layouts//roundedcornr_715863_bl.png) no-repeat bottom left;}
.roundedcornr_bottom_715863 {background: url(http://www.suttonformayor.com/images/uploads/layouts//roundedcornr_715863_br.png) no-repeat bottom right;}
.roundedcornr_top_715863 div, .roundedcornr_top_715863, 
.roundedcornr_bottom_715863 div, .roundedcornr_bottom_715863 {width: 100%;height: 17px;font-size: 1px;}
.roundedcornr_content_715863 { margin: 0 17px; }

#entry_9 .entry {padding: 0;}
#entry_9 h2 {color: #fff; padding: .2em; font-size: 1.1em; display:inline;}
#entry_9 ul {margin-top: 1em;}
#entry_9 ul li {color: #D1B18E; line-height: 1.1em; font-size: 1em;}
#boxed {float:left; height: 170px; background: url(http://www.suttonformayor.com/images/uploads/layouts//roundedcornr_817243.gif) no-repeat; filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40;}
#button {padding-left: 3em; }