/* @override http://www.cappellahomes.com/css/main.css */ /*------ Cappella Homes Style Sheet Pippin Design, Inc. Copyright June 2008 ------*/ /*----- XHTML Structure

-------*/ /* css reset for global styles. */ * { padding: 0; margin: 0; outline: none; } .hidden { display: none; } .left { float: left; } .right { float: right; } .clear { clear: both; } a { text-decoration: none; color: #a93e0f; } a:hover { border-bottom: dotted 1px; } a img { border: none; } hr { color: #d2631c; background-color: #d2631c; height: 1px; border: none; margin: 0 50px 10px 0; } html, body { height: 100%; } /* General Layout */ body { text-align: center; color: #3d1b10; background-color: #36180e; font: 75% Verdana, Helvetica, Arial, sans-serif; background-image: url(../images/main_bg.gif); } #centerer { margin: 0 auto; width: 900px; text-align: left; background-color: #fff; border-top: 5px solid #d2631c; position: relative; min-height: 100%; height: auto !important; height: 100%; } #header { border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; } #header img { float: left; background-color: #ffe6c9; } #main_nav { width: 290px; height: 250px; float: left; text-transform: uppercase; letter-spacing: 2px; font-family: Georgia, Times, serif; font-weight: normal; font-size: 110%; background: #892212 url(../images/nav_bg.gif) no-repeat right bottom; } #main_nav ul { padding: 90px 0 0 0; position:relative; } #main_nav ul li { list-style-type: none; padding: 7px 0 0; display: block; } #main_nav a:link, #main_nav a:visited { color: #ffffff; } #main_nav a:hover, #main_nav a:active, #main_nav span.inactive { font-weight: bold; letter-spacing: 1px; border-bottom: none; } #main_nav span.inactive { color: #ffe6c9; } #main_nav ul li div.popup { position: absolute; clear: both; left: -999em; } #main_nav ul li:hover div.popup, #main_nav ul li.sfhover div.popup { width:410px; background: transparent; position: absolute; top:0; left: -420px; } ul#buttonList li.sfhover ul#popup {list-style: bullet; padding: 10px 20px; width: 200px; display:block; background-color:#E0E0E0; border: solid 1px #000B98; position: absolute; top:0; left: 150px; } #content { padding: 20px 0 95px 20px; height: 100%; clear: both; border-top: 5px solid #d2631c; } #sidebar { width: 200px; float: left; } #main_content { float: right; width: 620px; } #footer { clear: both; background-color: #892212; border-top: 5px solid #d2631c; font-family: Georgia, Times, serif; color: #fff; width: 100%; position: absolute; bottom: 0 !important; bottom: -1px; height: 80px; } /* -------- */ #content h1, #content h2 { text-transform: uppercase; letter-spacing: 2px; color: #d2631c; font-family: Georgia, Times, serif; font-weight: normal; padding: 20px 0 15px; } #sidebar h1 { font-size: 125%; } #main_content h1 { font-size: 125%; background: url(../images/headline_bg.gif) no-repeat; padding: 20px 0 15px 65px; margin-left: -65px; } #main_content h2 { color:#892212; font-size: 120%; color: #892212; letter-spacing: 1px; padding: 0 0 10px; } #main_content p { line-height: 150%; padding: 0 70px 15px 0; } #sidebar h2 { font-size: 100%; font-weight: bold; text-transform: capitalize; letter-spacing: 0; padding: 0 0 5px 0; } #sidebar p{ font-size: 85%; padding: 0 0 15px 0; line-height: 130%; } #pullquote { width: 200px; height: 120px; background: url(../images/pullquote_bg.gif) no-repeat; float: right; margin: 5px 20px 0; } #pullquote p { color: #a93e0f; font: italic 130%/130% Georgia, Times, serif; padding: 0; margin: 20px 12px; text-align: center; } #pullquote p.extra-margin { margin: 35px 12px; } #pullquote a { color: #fff; display: block; margin: 5px 0 0; font: normal 80% Verdana, Arial, sans-serif; text-decoration: underline; } #pullquote a:hover { color: #a93e0f; border-bottom: none; } #pullquote-homemag, #pullquote-homemag-nolink { width: 200px; height: 120px; background: url(../images/homemag-button.gif) no-repeat; float: right; margin: 5px 20px 0; text-indent: -9999px; } #pullquote-homemag-nolink { background: url(../images/homemag-button-nolink.gif) no-repeat; } #pullquote-homemag a{ display: block; width: 200px; height: 120px; border-bottom: none; } #pullquote-homemag a:hover { background: url(../images/homemag-button-over.gif) no-repeat; } ul#footer_nav { border-top: 1px solid #fff; font-size: 75%; line-height: 150%; text-align: center; text-transform: uppercase; letter-spacing: 1px; padding: 20px 0 5px; } ul#footer_nav li { display: inline; padding:0 0 0 30px; background: url(../images/footer_spacer.gif) no-repeat 2px -3px; } ul#footer_nav li.no_bg { background-image: none; padding-left: 0; } ul#footer_nav li a, #bottom_footer a { color: #ffffff; } ul#footer_nav li a:hover, ul#footer_nav li a:active, #bottom_footer a:hover, #bottom_footer a:active { background-color: #ffe6c9; color: #892211; opacity: 0.9; } ul#footer_nav span.inactive { color: #c8786b; } p#bottom_footer { background-image: none; clear: both; text-align: center; font: normal 75% Verdana, helvetica, arial, sans-serif; border-top: none; color: #ffe6c9; } /* subpages */ .projectHolder { margin: 0 15px 15px 0; float: left; } .projectHolder h2 { margin: 10px 0 5px; padding: 0; } .imageHolder { width: 280px; background-color: #ffebd3; border: 1px solid #c8786b; padding: 0 0 5px 0; text-align: right; } .imageHolder img { width: 270px; margin: 5px; border: solid 1px #ffffff } .imageHolder a:link, .imageHolder a:visited { color: #892212; font: italic 110% Georgia, Times, serif; margin: 5px 5px 0 0; text-transform: lowercase; } ul#contact { list-style-type: none; width: 320px; background-color: #ffebd3; border: 1px solid #c8786b; margin: 0 0 20px; float: left;} ul#contact form { margin: 5px; } ul#contact li { padding: 5px 0; } ul#contact li label{ float: left; font-weight: bold; text-transform: uppercase; font-size: 10px; margin: 0 0 10px; } ul#contact li#project-list label.left{ float: left; font-weight: normal; text-transform: none; font-size: 1em; } ul#contact li#project-list input { float: left; margin: 2px 5px 10px 10px; } ul#contact li span.required { color: #892212; display: inline;} ul#contact li span input, ul#contact li span textarea { display: block; clear: both; padding: 3px; font-size: 14px; font-family: Georgia, Times, serif; background-color: #fff; border: 1px solid #c8786b;} ul#contact li input.btn { text-align: right; cursor: pointer; } /* v-card */ div.vcard { padding: 10px 10px 5px; background-color: #ffebd3; border: 1px solid #c8786b; float: left; margin: 0 0 0 20px; font-size: 10px; } div.vcard a.fn.org.url { text-transform: uppercase; letter-spacing: 2px; color: #d2631c; font: normal 12px Georgia, Times, serif; } div.adr { line-height: 11px; padding: 4px 0; } div.locality { font-weight: bold; display: inline; } div.tel, a.email { font-weight: bold; line-height: 15px; } div.tel span { font-weight: normal; } a.dl { font-size: 9px; line-height: 15px; font-style: italic; }