/* Website: Pacific View =============== */ /* Website Built by: Newleaders.com ==== */ /* Authored by: Patrick Alcisto ======== */ /* Created on: June 13, 2008 =========== */ /* Modified on: Dec 23, 2008 ========== */ /* ===================================== */ body { color: #000; font-size: 62.5%; font-family: Helvetica, Arial; background: #fff url("../images/bg.png") repeat-x } a:link { color: #3775a3; } a:visited { color: #90d3e4; } a:hover { color: #296699; } h1 { color: #818181; font: 5.45em/1.1em Georgia, "Times New Roman"; letter-spacing: -1px } h2 { font: 2.2em/1.1em Georgia } h3 { color: #362f2d; font: normal 1.65em/1.45em Georgia; text-transform: uppercase; } h4 { font: 1.4em/1.1em Helvetica, Arial;} hr { background: #c2c2c2; border: none; height: 1px; } p { font: 1.2em/1.6em Helvetica, Arial; } .floatLeft { float: left; } .floatRight { float: right; } img.floatLeft { margin: 0 10px 0 10px; } img.floatRight { margin: 0 0 10px 10px; } ul.last, ul li.last { border: 0 !important; margin-right: 0 !important; padding-right: 0 !important; } /* Global Layout ========================= ******************************************/ #container { margin: auto; width: 848px; } #header { height: 83px; margin: 0 0 10px; } #masthead { background: url(../images/mastheadBg.png) 0 0 no-repeat; height: 51px; margin: 10px 0 12px; padding: 10px 10px 20px 21px; position: relative; width: 817px; } #home #masthead { background: none; height: auto; padding: 0; width: 848px; } #main { margin: 12px 0 10px; } #mainContent { border-right: 1px solid #c2c2c2; float: left; display: none; padding: 0 25px 0 0; width: 533px; } #sideBarColumn { float: right; width: 267px; } #footer { border-top: 1px solid #c2c2c2; clear: both; padding: 20px 0 0; } /* Header Layout ========================= ******************************************/ #logo { float: left; margin: 19px 0 0; width: 250px; } #navigation { float: right; margin: 36px 0 0; } #navigation li { color: #79c4e7; float: left; font: 1.2em/1.1em Helvetica; height: 25px; margin: 0 1px 0 0; padding: 0 0 0 5px; } #navigation li a { color: #2c699b; float: left; display: block; height: 25px; padding: 0 5px 0 0; text-decoration: none; text-transform: uppercase; cursor:pointer;} #navigation li a span { display: block; float: left; height: 13px; padding: 5px 0 7px 0; } #navigation li:hover, #navigation li.current { background: url(../images/navItemHover_left.png) left top no-repeat; } #navigation li:hover a, #navigation li.current a { background: url(../images/navItemHover_right.png) right top no-repeat; color: #777d83; } #navigation li:hover a span, #navigation li.current a span { background: url(../images/navItemHover_mid.png) center top no-repeat; } /* Masthead Layout ======================= ******************************************/ #home #masthead h1 { height: 216px; } #search { float: right; margin: 17px 0 0; } input#keywords { color: #636363; font: 1.2em Helvetica; height: 15px; margin: 0 8px 0 0; padding: 2px 1px 0; width: 128px; } input#searchBtn { width: 88px; } #masthead #rss { position: absolute; right: 10px; bottom: 5px; } /* Main Content Layout =================== ******************************************/ #mainContent h2, #mainContent p, #mainContent ul { margin: 14px 0 14px 10px; } #mainContent hr { margin: 34px 0 29px; } /* Blog Post Styles */ .post { margin-bottom: 34px; padding: 0 6px; } #main div.post h2 { font: 2.7em/1.1em Georgia, 'Times New Roman', serif; margin-left: 0; } #main div.post h2 a { color: #296699; text-decoration: none; } #main div.post h2 a:visited { color: #296699; } #main div.post h2 a:hover { text-decoration: underline; } #main div.post p, .post li { font: 1.3em/1.2em Helvetica; } #main div.post p.teaser { margin: 0 6px 16px; } #main div.post p.more { margin-left: 6px; } #main div.post p.author { margin-bottom: 0 !important; } #main div.post ul.postLinks { margin-top: 0 !important;} #main div.post ul.postLinks li { border-right: 1px solid #000; float: left; margin: 0 4px 0 0; padding: 2px 4px 0 0; } #main div.post ul.postLinks a { text-decoration: none; } /* SideBar Column Layout ================= ******************************************/ #sideBarColumn #rss { float: right; margin-top: 4px; } #sideBarColumn h3 { margin: 0 0 10px; } ul#fromSidebar, ul#categories { border-bottom: 1px solid #c2c2c2; clear: right; margin: 0 0 22px; padding: 0 0 5px; } ul#fromSidebar li, ul#categories li { border-top: 1px dashed #c2c2c2; color: #707070; font: 1.1em/1.1em Helvetica; padding: 16px 0; } ul#fromSidebar li a, ul#categories li a { color: #2c699b; display: block; font: 1.3em/1.1em Helvetica; margin: 0 0 2px; text-decoration: none; } ul#fromSidebar li a:hover, ul#categories li a:hover { text-decoration: underline; } #somethingToSay { border-bottom: 1px solid #c2c2c2; margin: 0 0 20px; padding: 0 0 21px; } dl { font: 1.3em/1.1em Helvetica; margin: 0 0 16px; } dt { font-weight: bold; } dd { line-height: 1.2em} #testimonial p { font: 1.3em/1.1em Helvetica; } #testimonial p.quote { margin: 0 0 15px; } #newsletter { background: transparent url(../images/blueBox.png) 0 0 no-repeat; height: 108px; padding: 13px 15px; width: 239px; } #newsletter h3 { background: transparent url(../images/icn_envelope.png) right top no-repeat; color: #000; font: 1.75em/1.1em Georgia; margin: 0 0 5px; text-transform: capitalize; } #newsletter p { color: #636363; line-height: 1.1em; margin: 0 0 6px; } input#l360059-360059 { color: #636363; font: 1.2em Helvetica; height: 15px; margin: 0 8px 0 0; padding: 2px 1px 0; width: 128px; } input#submit { width: 88px; } /* Footer Layout ========================= ******************************************/ #footer ul { float: right; } #footer ul li { color: #959595; float: left; font: 1.1em/1.1em Helvetica; } #footer ul li a, #footer ul li a:visited { color: #3775A3; padding: 0 7px; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; } #footer p { color: #a1a1a1; font: 1.1em/1.1em Helvetica; margin: 0 0 20px 25px; } /* IE Styles */ .floatLeft, .floatRight, #logo, #navigation ul li, #search, #mainContent, #sidebar, #footer ul, #footer ul li, .post ul.postLinks li { display: inline; } /* =Clear Floated Elements --------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* Pagination Styles ========================== ***********************************************/ .pagination { text-align: center; margin: 1em; font-size:1.1em; } .pagination a, .pagination span { margin: 5px; }