/* Theme Name: Fielstone Hill Author: Kendall Shiffler Author URI: http://www.blogsbykendall.com Description: Two-columnn WordPress theme designed for FieldstoneHillDesign.com Version: 1.0 ----------------------------------------------- All images copyright Fieldstone Hill Design - www.fieldstonehilldesign.com ----------------------------------------------- */ /* ----------------------------------------------- #587C7E - Dark Teal (submit boxes) #608E8C - Light Teal (Comment meta, leave a comment background) #BCA46F - Brassy Gold (Links, post meta, sidebar links) #C2B497 - Dark Gold #DFD7C7 - Light Gold (Comment background) #333333 - Charcoal (Body text) F3EFE5 ----------------------------------------------- */ /* --- The Basics --- */ body { margin: 0; padding:0px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 12px; letter-spacing: 0px; line-height: 1.5em; text-align:center; color:#303030; background: url(images/fh-gradientbg.png) top repeat-x; /*background: #d0c5af; /* Old browsers */ /*background: -moz-linear-gradient(top, #d0c5af 0%, #d5cbb7 3%, #dcd4c4 5%, #faf9f6 10%, #ffffff 90%, #dcd4c4 95%, #d5cbb7 97%, #d0c5af 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0c5af), color-stop(3%,#d5cbb7), color-stop(5%,#dcd4c4), color-stop(10%,#faf9f6), color-stop(90%,#ffffff), color-stop(95%,#dcd4c4), color-stop(97%,#d5cbb7), color-stop(100%,#d0c5af)); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #d0c5af 0%,#d5cbb7 3%,#dcd4c4 5%,#faf9f6 10%,#ffffff 90%,#dcd4c4 95%,#d5cbb7 97%,#d0c5af 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #d0c5af 0%,#d5cbb7 3%,#dcd4c4 5%,#faf9f6 10%,#ffffff 90%,#dcd4c4 95%,#d5cbb7 97%,#d0c5af 100%); /* Opera11.10+ */ /*background: -ms-linear-gradient(top, #d0c5af 0%,#d5cbb7 3%,#dcd4c4 5%,#faf9f6 10%,#ffffff 90%,#dcd4c4 95%,#d5cbb7 97%,#d0c5af 100%); /* IE10+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0c5af', endColorstr='#d0c5af',GradientType=0 ); /* IE6-9 */ /*background: linear-gradient(top, #d0c5af 0%,#d5cbb7 3%,#dcd4c4 5%,#faf9f6 10%,#ffffff 90%,#dcd4c4 95%,#d5cbb7 97%,#d0c5af 100%); /* W3C */ } .sideText, input { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 8pt; } select { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; } /* --- Align --- */ .right { float: right; padding-top: 0px; padding-right: 0px;} .left { float: left; padding-top: 0px; padding-left:0px;} img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 0px; margin: 0 0 2px 15px; display: inline;} img.alignleft { margin:0 15px 2px 0; padding: 0px; display: inline;} .alignright { float: right; } .alignleft {float: left;} #navigation {text-transform: uppercase; font-family: 'QuicksandBook',Arial,sans-serif; } /* --- Links --- */ a:link, a:visited { color:#BCA46F; text-decoration:underline; } a:hover, a:active { color:#C2B497; text-decoration:none; } .more-link {color: #BCA46F} /* --- Images --- */ a img { border-width:0; border:0px; } /* --- Headings --- */ h1 { margin: 0.25em 0 0; padding: 0px 0px 8px 0px; text-transform: uppercase; color:#608E8C; text-decoration: none; font-family: 'QuicksandBook',Arial,sans-serif; font-size: 26px; font-weight:normal;} h1 a:link; h1 a:visited { text-decoration: none; } h2 { margin: 0.25em 0 0; padding: 0px 0px 8px 0px; text-transform: lowercase; color:#608E8C; text-decoration: none; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 22px; font-weight: 200} h3 { margin: 0.25em 0 0; padding: 0px 0px 8px 0px; text-transform: uppercase; color:#608E8C; text-decoration: none; font-family: 'QuicksandBook',Arial,sans-serif; font-size: 18px; font-weight:normal;} h4 { margin: 0.25em 0 0; padding: 0px 0px 8px 0px; text-transform: uppercase; color: #BCA46F; text-decoration: none; font-family: 'QuicksandBook',Arial,sans-serif; font-size: 18px; font-weight:normal;} h5 { margin: 0.25em 0 0; padding: 0px 0px 8px 0px; text-transform: uppercase; color: #608E8C; text-decoration: none; font-family: 'QuicksandBook',Arial,sans-serif; font-size: 12px; font-weight:normal;} h6 { margin: 0.25em 0 0; padding: 0px 0px 8px 0px; text-transform: uppercase; color: #BCA46F; text-decoration: none; font-family: 'QuicksandBook',Arial,sans-serif; font-size: 12px;font-weight:normal;} /* --- Google Leaderboard at top of Site --- */ #googleleaderboard { padding-top:3px; display: -ms-Flexbox; -ms-box-orient: horizontal; -ms-box-pack: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } /* --- Layout --- */ #wrapper { width: 1200px; margin: 0 auto; background-image: url(images/fh-body-new.png); background-repeat: repeat-y;} #masthead { width: 1200px; height: 345px; margin:20px auto 0; background-image: url(images/fh-header-new-2013.png); background-repeat: no-repeat; } #header a { width: 1200px; height: 450px; margin:0 auto; display:block;} #header a span {text-decoration:none; font-size:22px; color:#fff; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:normal; text-transform:uppercase; display:none;} #content {color:#333333; width:1140px; margin:0 auto; text-align:left;} /* --- Menu --- */ #menu { margin: -195px 0 0 435px; padding: 0px; width:700px; text-align: left; font-family: 'QuicksandBook',Arial,sans-serif; font-size: 12px; float:left; text-transform:uppercase; line-height: 12px; font-weight:200;} #menu-primary { padding:0px;} .menu > li { list-style-type:none; position: relative; display: block; float:left; text-align:center; margin-right:1px; background: url(images/fh-navbutton.png) no-repeat scroll transparent; width: 95px; height: 44px; padding-top:14px; } #menu a:link, #menu a:visited { color:#ffffff; text-decoration:none; } #menu a:hover, #menu a:active { color:#ffffff; text-decoration:underline; } .designservices {padding-top:7px;} /*---SUB Menu ---*/ #menu .sub-menu { position: absolute; left: -39px; top: 42px; z-index: 9999; display: none; } #menu .sub-menu li{ background: #bba473; padding: 10px; margin-top:1px; width:125px; } /* --- Main --- */ #main { padding: 20px; width:748px; float:left; margin-left:15px; } /* --- Posts --- */ .post { margin:0px 0 1.5em; padding-bottom:1.5em; padding-left:13px;} #post-meta { font-size: 14px; color:#BCA46F; margin-top:5px; font-family: 'QuicksandBook',Arial,sans-serif; text-transform: uppercase; text-align:left; } #post-meta a:link; #post-meta a:visited { color:#BCA46F; text-decoration:underline;} #post-meta a:hover; #post-meta a:active { color:#C2B497; text-decoration:none;} .post-title {color:#fff; text-decoration: none; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-weight: 200; font-size: 22px; font-weight: 200; background: url("http://www.fieldstonehilldesign.com/wp-content/themes/fieldstonehill/images/fh-postheader.png") no-repeat scroll center top; height:50px; text-align:left; text-transform:lowercase; padding: 15px 0 0 25px; margin: 0px; } .post-title a:link, .post-title a:visited {text-decoration:none; color:#fff;} .post-title a:hover, .post-title a:active {text-decoration:underline; color:#fff;} #post-footer {color:#333333; clear:both; font-family: 'QuicksandBook',Arial,sans-serif; padding-top:20px; text-transform:uppercase; font-size: 14px;} /* --- Pages --- */ .page-title {color:#fff; text-decoration: none; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-weight: 200; font-size: 22px; font-weight: normal; background: url("http://www.fieldstonehilldesign.com/wp-content/themes/fieldstonehill/images/fh-postheader.png") no-repeat scroll center top; border-bottom: 0px; height:50px; padding: 24px 0 6px 0; margin:10px 0 25px 0; text-align:center; text-transform:lowercase;} /* --- Blockquote --- */ .post blockquote { color:#333333; margin:0 0 15px 25px; padding:10px 10px; font-style:italic; } /* --- Post Lists --- */ .post ul { margin-left:0px; text-indent:0px; line-height:1.5em; list-style:disc; padding-left:40px } .post li { margin-left:0px; text-indent:0px; line-height:1.5em; } /* didnt do this one --- Category/Archives --- */ .archivetitle { margin: 20px 0; padding: 0px 0px 20px 0px; color:#333; text-decoration: none; font-family: 'QuicksandBook',Arial,sans-serif; font-size: 26px; text-transform:uppercase;} /* --- Comments --- */ .commentBox { margin-top:8px; margin-bottom:8px; background-color: #999999; border-right: 5px solid #303030; padding: 5px; } .commentBox p { padding-top: 0px; margin-top: 0px; } .commentBox a, .commentBox a:visited { text-decoration:none; color:#ffffff;} .commentBox a:hover, .commentBox a:active { text-decoration:underline; color:#ffffff;} #comments h4 { margin:1em 0; font:bold 78%/1.6em 'Helvetica Neue',Helvetica,Arial,sans-serif; text-transform:uppercase; text-align:left; letter-spacing:.2em; color:#999; } .comments {margin:0px; padding: 20px 0px 20px 0px; text-transform: lowercase; color:#608E8C; text-decoration: none; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 24px; font-weight: 200; border-top:1px solid #C2B497; } .comment-link { margin-left:.6em; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0;} #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em 'Helvetica Neue',Helvetica,Arial,sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .avatar {float:left; padding:4px; margin: 0 8px 0 13px;} .comment-text {margin-left: 27px;} #comment {width:400px; padding:10px;} ul.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } ul.commentlist li.comment ul.children { list-style:none; text-indent:0; 1px solid #E9E9E9; padding: 10px 0 10px 10px; margin: 20px 0 0 30px;} .comment-author { color: #333333; padding: 7px 10px 0 10px; font-size: 14px; font-weight: 200; text-transform:lowercase; } a.url, a.url:visited {color: #333333; text-decoration:none;} a.url:hover, a.url:active {color: #333333; text-decoration:underline;} .comment-meta { color: #608E8C; padding: 0 10px 7px 10px; font-family: 'QuicksandBook',Arial,sans-serif; text-transform:lowercase; } a.comment-meta-link, a.comment-meta-link:visited {color: #ffffff; text-decoration:none;} a.comment-meta-link:hover, a.comment-meta-link:active {color: #ffffff; text-decoration:underline;} .reply a, .reply a:visited, .reply a:hover {font-size: 11px; padding: 4px 9px; background: #608E8C; font-family: 'QuicksandBook',Arial,sans-serif; text-transform:uppercase; ; color: #FFFFFF !important; text-decoration: none; } .reply {margin-bottom:20px; margin-left: 27px;} ul.commentlist ul.children li.comment {margin-bottom:10px; background: url(images/fh-commentbkg-nested.png) no-repeat scroll;} ul.commentlist li {background: url(images/fh-commentbkg-dark.png) no-repeat scroll;} #respond {background: #608E8C; font-family: 'QuicksandBook',Arial,sans-serif; padding:20px; color:#FFF; font-size:11px; text-transform:uppercase; width:420px; margin-top:20px;} #respond h3 {margin:0px; padding-bottom: 10px; text-transform: lowercase; color:#fff; text-decoration: none; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 24px; font-weight: 200; font-style:normal;} .submit {background:#587C7E; text-decoration: none; padding: 4px 4px; color: #fff;font-family: 'QuicksandBook',Arial,sans-serif; text-transform:uppercase; border:1px solid #587C7E;} /* Sidebar */ #sidebar { float: left; color: #333333; padding: 20px 0px 20px 0px; font-size: 12px; width: 310px; text-align:left;} #sidebar a, a:visited { color: #BCA46F; text-decoration:none; font-family:'QuicksandBook',Arial,sans-serif; text-transform:uppercase;} #sidebar a:hover { color: #C2B497; text-decoration:underline; font-family:'QuicksandBook',Arial,sans-serif; text-transform:uppercase;} #sidebar ul{ list-style-type:square; list-style-position:outside; padding-left: 20px; margin-left:0px; color: #BCA46F; text-align: left; } #sidebar li{margin-bottom:8px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; line-height:14px;} #sidebar ul li span.entry-meta { font-size:10px; } #sidebar h2 {color:#fff; text-decoration: none; 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-weight: 200; font-size: 22px; background: url("http://www.fieldstonehilldesign.com/wp-content/themes/fieldstonehill/images/fh-sidebarbutton-2013.png") no-repeat scroll center top; border-bottom: 0px; height:50px; padding: 15px 0 0 0; margin:0 0 10px 0; text-align:center;} #sidebar h2 a:link,#sidebar h2 a:visited {color:#fff; text-decoration: underline;} #sidebar h2 a:hover,#sidebar h2 a:active {color:#fff; text-decoration: none;} #sidebar ul.xoxo {list-style-type:none; text-align:center; padding-left:0px;} #sidebar ul.xoxo li {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;} .tagcloud {margin-bottom:20px; font-family:'QuicksandBook',Arial,sans-serif; text-transform:uppercase;} #feedburner-widget {background: url("http://www.fieldstonehilldesign.com/wp-content/themes/fieldstonehill/images/fh-emailsubscribe-2013.png") no-repeat scroll; color:#fff; text-align:center; height:97px; padding: 10px 0;} .feedburner-subscribe {background:#587C7E; text-decoration: none; padding: 5px; color: #fff;font-family: 'QuicksandBook',Arial,sans-serif; text-transform:uppercase; border:1px solid #587C7E; margin-left: 5px;} .feedburner-entry {padding:4px; width:100px;} /* Widgets */ .textwidget { margin-bottom: 20px; } .profile-img {float:left; padding-right:8px;} /* Footer */ #footerbg { width: 100%; } #footer { float: left; width: 1200px; margin:0 auto; background: url(images/fh-footer.png) no-repeat transparent scroll; height: 80px; margin-bottom:20px; color: #333; font-family: 'QuicksandBook',Arial,sans-serif; font-size: 12px; text-align:center; padding:40px 10px; text-transform:uppercase;} #footer a:link, a:visited { color:#BCA46F; text-decoration:none; } #footer a:hover, a:active { color:#C2B497; text-decoration:underline; } #footer hr { display:none; } #footer p { margin:0; padding-top:15px; font:78%/1.6em 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:.1em;} /* Image Caption Styling*/ .wp-caption { background-color: #fff; border: 0px solid; text-align: center; color:#BCA46F; } .wp-caption alignleft {float: left;} .wp-caption alignright {float: right;} .wp-caption aligncenter {float: center;} .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; font-family: 'QuicksandBook',Arial,sans-serif; text-transform:uppercase;} /* Search form*/ #searchform {margin-bottom:25px;} .search-submit {background:#587C7E; text-decoration: none; padding: 5px; color: #fff;font-family: 'QuicksandBook',Arial,sans-serif; text-transform: lowercase; border:1px solid #587C7E; margin-left: 5px; text-transform:uppercase;} .search-input {width:150px; padding:4px;} /* Fonts*/ @font-face { font-family: 'QuicksandLight'; src: url('fonts/Quicksand_Light-webfont.eot'); src: url('fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Quicksand_Light-webfont.woff') format('woff'), url('fonts/Quicksand_Light-webfont.ttf') format('truetype'), url('fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandBook'; src: url('fonts/Quicksand_Book-webfont.eot'); src: url('fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Quicksand_Book-webfont.woff') format('woff'), url('fonts/Quicksand_Book-webfont.ttf') format('truetype'), url('fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg'); font-weight: normal; font-style: normal; }