/* Theme Name: Palmer Theme URI: http://www.palmercustombuilders.com/blog/ Description: Template for Palmer Custom Builders' corporate blog. Author: Derek Moore Author URI: http://www.vertilogix.com Version: 0.1 . Copyright © 2009 Palmer Custom Builders . */ /* ========== reset default styles ========== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}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} /* ========== reset default styles ========== */ body#subpage { font-family:Verdana,Arial,Helvetica,sans-serif; line-height:1.5em; background:#e8e5d6 url('images/body/body-bg-alt.gif') repeat-x; } a:link, a:visited { color:#800000; } a:hover, a:active { color:#3F0000; } #wrap { width:962px; margin:0 auto; } /* header styles */ #header { position:relative; height:150px; text-indent:-9999px; margin-left:-75px; } #header .logo { overflow:hidden; background:url('images/header/logo.jpg') no-repeat; width:363px; height:149px; } #header .logo a { display:block; overflow:auto; padding:50px 0 0 50px; width:300px; height:100px; } #header .tagline { overflow:hidden; position:absolute; right:0; top:30px; width:437px; height:95px; background:url(images/header/tagline.jpg); } /* parent navigation */ #navigation { position:relative; height:42px; font-size:1em; line-height:1.4em; margin:0; padding:0; } #navigation ul { height:42px; list-style:none; margin:0; padding:0; } #navigation li { float:left; padding:0; margin:0; } #navigation li a { color:#2C3B45; display:block; font-weight:normal; margin:0; padding:10px 15px; text-align:center; text-decoration:none; } #navigation li a:hover, #navigation ul li:hover a { color:#800000; background:#E6E9E0; text-decoration:none; } #navigation a.active { color:#800000; background:#E6E9E0; border-top:1px solid #B5B4A7; line-height:1.3em; margin-bottom:1px; } /* child drop menus */ #navigation li ul { height:auto; display:none; padding:0; margin:0; position:absolute; z-index:200; } #navigation li:hover ul { display:block; } #navigation li li { display:block; float:none; margin:0; padding:0; } #navigation li ul li a:link, #navigation li ul li a:visited { display:block; margin:0; color:#fff; padding:5px 40px 7px 12px; text-align:left; border-bottom:1px dotted #27353F; background:url('images/header/curved-bg.png') no-repeat left top; } #navigation li ul li a:hover { text-decoration:underline; } #navigation li ul li a.active { text-decoration:underline; border:0; } #navigation li ul li a.first { padding:8px 40px 8px 12px; } #navigation li ul li a.last { background:url('images/header/curved-bg.png') no-repeat left bottom; border:0; } /* subheader styling */ #subpage #subheader { position:relative; height:150px; background:url('images/subheader/static/project-gallery.jpg') no-repeat; } #subheader img { width:960px; } #subheader div#toggle-panel { position:absolute; z-index:20; top:0; right:0; height:30px; } #subheader div#panel { float:right; display:none; height:24px; padding:3px 6px 6px 6px; background:url('images/header/curved-bg.png') no-repeat left bottom; } #subheader div#toggle-panel p.slide { float:right; clear:both; background:url('images/header/curved-bg.png') no-repeat left bottom; padding:2px 15px 5px 8px; } #subheader a.toggle { display:block; height:20px; color:#fff; text-decoration:none; padding:2px 15px 0 8px; background:url('images/subheader/slide-toggle/arrows.gif') no-repeat right -54px; } #subheader a.active { background-position:right 9px; } .inner #subheader .number { position:absolute; top:105px; right:15px; z-index:21; font:24px/1.5 Georgia,Times,serif; color:#fff; font-style:italic; text-shadow: #000 2px 2px 2px !important; } /* main content container */ #main { background:#fff; border:1px solid #ccc; border-top:none; } /* textual content */ #content { float:left; width:585px; padding:10px 0 10px 20px; margin:0; } #content h1, #content h2, #content h3, #content h4 { color:#2C3B45; font-size:180%; font-family:Georgia,Times,"Times New Roman",serif; line-height:1.1em; font-weight:normal; margin:0; padding:15px 0 0 0; } #content h2, #content h3, #content h4 { font-size:140%; margin:0; padding:0 0 10px 0; } #content p { margin-top:10px; margin-bottom:10px; padding:0; } #content ol li { margin:0 0 0 20px; padding:0; } #content ul li { margin:0 0 0 15px; padding:0; list-style:square; } #content strong { color:#2C3B45; } #content em, #content em a { color:#2C3B45; } #content em img { vertical-align:top; } /* pdf icon alignment */ #content p.img-right { float:right; width:250px; padding:5px 0 10px 15px; } #content p.img-left { float:left; width:250px; padding:5px 15px 10px 0; } #content p.img-right span, #content p.img-left span { display:block; font-size:80%; line-height:1.2em; text-align:center; } #content .left-list { float:left; position:relative; list-style:square; width:51%; margin:0 0 15px 0; padding:0; } #content .right-list { float:right; list-style:square; width:48%; margin:0 0 15px 0; padding:0; } #content .imgcolumn { float:right; margin:5px 0 0 15px; width:300px; } #content .imgcolumn img { padding-bottom:15px; } #content .stratford { padding:3px; border:1px solid #ccc; } #content dl { margin:0; padding:0; } #content dt { font-weight:bold; color:#2c3b45; border-top:1px solid #ccc; padding:0.5em 0; } #content dt.first, #content dt.last { border:none; } #content dd { font-style:italic; padding-bottom:.5em; } #content q { display:block; padding:0 0 15px 0; } #content q cite { display:block; margin:0; padding:5px 25px 0 0; text-align:right; color:#666; } /* prev/next post links */ #content .index-pagination { display:inline; } #content .pagination { display:block; height:25px; clear:both; } #content .pagination .alignleft { padding:2px; margin:0 1em 1em 0; float:left; background:#efefef; border:1px solid #ddd; color:#999; } #content .pagination .alignleft a { display:block; color:#999; text-decoration:none; } #content .pagination .alignright { padding:2px; margin:0 0 1em 1em; float:right; background:#efefef; border:1px solid #ddd; color:#999; } #content .pagination .alignright a { display:block; color:#999; text-decoration:none; } /* universal image classes */ #content img.alignleft, img.left { padding-top:6px; margin:0 1em 1em 0; float:left; } #content img.alignright, img.right { padding-top:6px; margin:0 0 1em 1em; float:right; } #content img.aligncenter, img.center { display:block; margin-right:auto; margin-left:auto; float:none; clear:both; } #content img.alignnone, img.block { display:block; clear:both; } #content img.frame { background:#eee; border-style:solid; border-color:#ddd; } #content img.stack { clear:none !important; } #content img[align="left"] { float:left; clear:left; } #content img[align="right"] { float:right; clear:right; } #content img[align="middle"] { display:block; margin-right:auto; margin-left:auto; float:none; clear:both; } /* image captioning */ #content .wp-caption { padding-top:6px; text-align:center; } #content .wp-caption-text { font-size:80%; line-height:1.2em; margin:0; padding:0; } #content .wp-caption.alignleft { margin:0 1em 1em 0; float:left; } #content .wp-caption.alignright { margin:0 0 1em 1em; float:right; } #content .wp-caption.aligncenter { margin-right:auto; margin-left:auto; float:none; clear:both; } #content .wp-caption.alignnone { clear:both; } /* Meta */ #content .postmetadata { clear:both; } /* Comment form */ #content .post-info { font-size:90%; color:#8d8d8d; font-style:italic; } #content .post-info a { color:#8d8d8d; font-style:italic; } #content .post-info a.addthis_button { vertical-align:text-top; } #content #comments { padding:10px 0 15px 0; } #content #respond { clear:both; padding-top:10px; } #content #respond textarea { width:575px; } #content .commentmetadata { font-size: 10px; } #content .commentlist { list-style:none; margin:0; padding:0; } #content .commentlist li { margin:0; padding:0; } #content ul.children { margin-left:25px; margin-bottom:0; } #content ul.children li { list-style:none; } #content .commentlist cite { font-size:80%; } #content .avatar { display:block; } #content .comment-author { float:left; margin-top:-10px; width:100px; color:#8d8d8d; font-size:10px; line-height:14px; } #content .comment-date { margin-top:6px; } #content .single_comment { padding:15px 0; clear:both; } #content .single_comment blockquote, q { border-top:1px solid #ddd; border-bottom:1px solid #ddd; } #content .single_comment q { padding:10px 0; margin:0; } #content .single_comment img { vertical-align:text-top; } #content .comment-text { position:relative; margin:-10px 0 0 100px; padding:0 10px 70px 10px; font-size:11px; background:#efefef; border:1px solid #ddd; } #content .edit-link { position:absolute; bottom:5px; right:5px; } #content .bypostauthor .comment-text { background:#e9edf0; border:1px solid #dbe0e4; } #content .moderated { display:block; padding-top:10px; } #content .latest { padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #ccc; } #content .latest img { border:1px solid #ccc; float:left; margin-right:10px; } #content div#left-column { margin-bottom:10px; width:280px; float:left; } #content div#left-column h2 { margin:0; padding:0; } #content div#left-column .image { border:1px solid #ccc; height:200px; width:280px; } #content div#left-column img { position:absolute; clip:rect(0px,280px,200px,0px); } #content div#right-column { margin-bottom:10px; width:280px; float:right; } #content div#right-column h2 { margin:0; padding:0; } #content div#right-column .image { border:1px solid #ccc; height:200px; width:280px; } #content div#right-column img { position:absolute; clip:rect(0px,280px,200px,0px); } #content div.supplemental-top { border-bottom:1px solid #ccc; } #content div.supplemental .entry { clear:both; margin-bottom:20px; } #content div.supplemental img { float:left; margin-right:10px; } #content div.supplemental h1 { margin-bottom:10px; } #content .continue { text-align:right; display:block; } /* sitewide sidebar content */ #sidebar { float:right; padding:20px 5px 0 0; margin:0; } #sidebar div { width:300px; padding:5px 20px 30px 20px; margin:0; background:url('images/body/sidebar-bg.gif') no-repeat top; } #sidebar h4 { color:#3D474C; font-size:160%; font-family:Georgia,Times,"Times New Roman",serif; font-weight:normal; margin:0; padding:15px 0 0 10px; } #sidebar h4 a { text-decoration:none; color:#3D474C; } #sidebar p { margin:0 0 0 0; padding:15px 0 0 10px; } #sidebar ul { margin:0; padding:5px 0 0 0; } #sidebar li { list-style:square; margin-left:25px; padding:5px 10px 0 0; } #sidebar li a.active { font-weight:bold; } #sidebar .tweets li { list-style:none; padding-left:0; padding-bottom:5px; margin-left:10px; font-size:90%; } /* testimonials */ #sidebar p.quote { color:#1f1f1f; padding:0; background:url('images/body/right-quote.png') no-repeat right bottom; } #sidebar q { display:block; padding:20px 10px 0 10px; margin-top:-5px; background:url('images/body/left-quote.png') no-repeat left top; } #sidebar cite { display:block; text-align:right; padding:10px 10px 0 0; color:#800000; } #sidebar strong { color:#2C3B45; } #sidebar .social { margin:0 auto 15px auto; height:85px; padding:0 40px; } #sidebar .social .follow { display:block; padding-bottom:8px; text-indent:-9999px; background:#fff url('images/sidebar/follow-header.gif') no-repeat; } #sidebar .social .join { display:block; margin-top:3px; padding-bottom:8px; text-indent:-9999px; background:#fff url('images/sidebar/join-newsletter-header.gif') no-repeat; } #sidebar .social .join a { display:block; width:250px; height:25px; } #sidebar .social img { width:120px; } #sidebar .social .first { padding-right:6px; } /* sticky footer */ html, body, #wrap { height:100%; } body > #wrap { height:auto; min-height:100%; } #main { padding-bottom:92px; } /* must be same height as the footer */ #footer { position:absolute; width:100%; clear:both; background:#597699; line-height:1.4em; border-top:5px solid #2C3B45; margin-top:-92px; /* negative value of footer height */ height:92px; } /* footer info */ div#footer { padding-top:16px; } #footer .copyright { width:962px; margin:0 auto; padding:0; color:#fff; } #footer img { float:right; padding-left:15px; } #footer a { color:#fff; } /* clear fix */ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hides from ie-mac \*/ * html .clearfix { height:1%; } .clearfix {display:block;} /* End hide from ie-mac */