/* Theme Name: Houndstooth House Theme URI: Description: Custom WP Theme for the Houndstooth House site Version: 1.0 Author: WPfromPSD Author URI: http://www.WPfromPSD.com Tags: dark, custom layout, fixed width, two columns, widgets */ /* defaults */ body { margin: 0; color: #FFF; font-family: Arial, sans-serif; font-size: 62.5%; text-align: center; background: url(images/body_bg.jpg) repeat-x #000; } a { text-decoration: none; } a img { border: 0; } /* start */ #container { position: relative; overflow: auto; margin: 0 auto; width: 1000px; height: auto; text-align: left; } #sidebar { display:inline-block; float:left; margin: 126px 0 0; padding:0; width: 110px; height: auto; text-align: right; vertical-align:top; } #sidebar ul { display: block; margin: 10px -10px 0; padding: 0 10px; font-family: Gill Sans, Arial, sans-serif; font-size: 12px; line-height: 36px; text-transform: lowercase; list-style: none; } #sidebar li a { color: #FFF; } #sidebar li {padding-right:10px;} #sidebar li:hover, #sidebar li.current_page_item {background: transparent url(images/nav-arrow.png) no-repeat right; } #sidebar img {padding-right:10px} #content { display:inline-block; overflow: hidden; padding:0; margin: 62px 0 0 15px; width: 870px; } .recentcontent { position: relative; padding: 0; width: 848px; min-height: 570px; height: auto; background: #666633 url(images/blog_content_bg.png) no-repeat 0 0; text-align: left; border: 11px solid #E9E8E2; border-top:none;} .pagecontent { position: relative; padding: 0 11px; width: 848px; height: 700px; background: url(images/pages_content_bg.png) no-repeat 0 0; text-align: left; } .logo { display: block; margin: 0 0 16px; width: 870px; height: 50px; text-indent: -9999px; } .pagecontent p { margin: 0; padding: 0; } .recentcontent h1, h2, h3, .pagecontent h1, h2, h3 { font-weight: normal; } .recentcontent h1, .pagecontent h1 { color: #cccc33; font-size: 46px;} .recentcontent h2, .pagecontent h2 { color: #cccc33; font-size: 32px; } .recentcontent h3, .pagecontent h3 { color: #cccc33; font-size: 24px; } #slides {position: relative; background: #666633;} #slides ul {list-style:none; margin: 0; padding: 0} #slides ul li .slide-image { position: relative; overflow: hidden; height: 520px; width: 848px; border: 0; border-bottom: 1px solid #FFF;} #slides ul li .slide-image { display: block; border: 1px solid #E9E8E2; } #slides ul li .slide-info { position: relative; color: #b7b57d; font-size: 14px; padding-bottom:10px} #slides ul li .slide-info h3, #slides ul li .slide-info p { margin: 0; padding:10px 10px 0; } #slides ul li .slide-info h3 {font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;} #slide-control { position: absolute; top:520px; right:20px; float:right; vertical-align: middle; padding: 10px 5px} #slide-control img { display: block; float: left; margin: 0 10px 0 0; vertical-align: middle; } #slide-control a { display: block; float: left; padding: 4px 12px 10px; color: #000; font-size:14px;} #slide-control a.current { display: block; float: left; padding: 4px 12px 10px; font-weight: bold; background: url(images/img_indicator.gif) no-repeat center bottom; } .pagecontent .page-image {position: absolute; top:200px; left: 480px; width:342px; height:253px;} .pagecontent .page-body { position: absolute; top: 120px; left: 50px; width: 370px; } .pagecontent .page-body h1,.pagecontent .page-body h2,.pagecontent .page-body h3 { margin: 0; font-weight: normal; } .pagecontent .page-body p { margin: 10px; font-size: 14px; color: #cacab1; line-height: 22px; } .contactform { margin: 30px 10px 0; color:#ffffff} .contactform a{color:#ffffff} .contactform label { display: block; padding: 0 0 5px; color: #999933; font-size: 18px; } .contactform input { display: block; margin: 0 0 10px; padding: 4px 10px; width: 286px; height: 20px; line-height: 28px; border: 1px solid #666; background: #171717; color:#ffffff} .contactform input.send { display: block; margin: 0 0 10px; padding: 0 10px; width: 150px; height: 28px; color: #FFF; line-height: 28px; border: 1px solid #666; background: #999933; } .contactform textarea { display: block; margin: 0 0 10px; padding: 10px; width: 286px; height: 150px; border: 1px solid #666; background: #171717; color:#ffffff} .contactcard { position: absolute; top: 120px; right: 50px; width: 280px; font-size: 18px; line-height: 28px; } .contactcard address { width: 230px; padding: 10px 0px; color: #999933; font-size: 18px; font-style: normal; line-height: 20px; text-align: center; } #denise, #michelle { position: absolute; z-index: 2; width: 230px; font-size: 14px; color: #cacab1; } #denise { top: 90px; left: 30px; } #michelle { top: 90px; right: 30px; } #denise h2, #michelle h2 { margin: 0 0 30px; } .blogcontent { position: relative; width: 870px; height: auto; } .top { width: 870px; height: 63px; background: url(images/blog_top.png) no-repeat 0 0; } .contents { overflow: hidden; padding: 0 11px; width: 848px; height: auto; background: url(images/blog_content_bg.jpg) repeat-y 0 0; } .bottom { width: 870px; height: 14px; background: #e9e8e2; } #blogsidebar { display:inline-block; float:right; width: 228px; vertical-align:top; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 13px; background: url(images/sidebar_bg.jpg) repeat-x 0 0; } #blogsidebar h2, #blogsidebar h2 a { display: block; margin: 0; padding: 0; color: #999933; font-family: Georgia, Times New Roman, serif; font-size: 15px; line-height: 36px; } #blogsidebar li h2 { padding: 10px 15px; } #blogsidebar .flickr h2 span { color: #0061D8; font-family: Arial, sans-serif; font-weight: bold; } #blogsidebar .flickr h2 span span { color: #FF1183 } .flickr div { padding: 0; width: auto; } .flickr img { display:block; float:left; margin: 0 0 5px 5px; padding: 4px; border: 1px solid #BFCACE; background: #FFFFFF none repeat scroll 0 0; } form#searchform { display: block; width: 202px; height: 20px; background: url(images/sidebar_search_bg.gif) no-repeat center center; } form#searchform input#s { display: block; float: left; padding: 0 5px; width: 122px; height: 20px; border: 0; } form#searchform input#searchsubmit { display: block; float: left; padding: 0; width: 70px; height: 26px; border: 0; background: 0; } #blogsidebar div.block { overflow: hidden; padding: 20px 13px; width: 202px; line-height: 18px; background: url(images/sidebar_divider.jpg) no-repeat 0 bottom; } #blogsidebar .rss { margin: 0; padding: 0; width: 230px; line-height: 18px; background: url(images/sidebar_divider.jpg) no-repeat 0 bottom; } #blogsidebar .rss img { margin: 0; padding: 0 5px 5px; } #blogsidebar .rss h2 { margin: 0; padding: 12px 15px; font-family: Helvetica, Arial, sans-serif; font-size: 15px; } #blogsidebar p { color: #fff; margin: 0; padding: 0 15px 10px; width: 180px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; } #blogsidebar ul { display: block; margin: 0; padding: 0; list-style: none; } #blogsidebar li { display: block; overflow: hidden; padding: 0 0 15px; background: url(images/sidebar_divider.jpg) no-repeat 0 bottom; } #blogsidebar li div { margin: 0; padding: 0; height: auto; background: 0; } #blogsidebar li a { } #blogsidebar ul ul { margin: 0 15px; border: 0; border-top: 1px solid #b4b55b; } #blogsidebar li li { padding: 0 20px; line-height: 24px; border-bottom: 1px solid #b4b55b; background: url(images/cat_icon.gif) no-repeat left 5px; } #blogsidebar li li a { color: #fff; font-size: 13px; } .main { display:inline-block; float:left; margin:0; width:618px; vertical-align:top; } .post { min-height: 100px; padding: 30px 0; border: 0; border-top: 1px solid #ccc; } .post-details { display: block; float: left; width: 126px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-align: right; } .day { display: block; float: left; margin: 0 0 30px 30px; padding: 0 6px 0 0; height: 35px; line-height: 35px; color: #888; font-size: 36px; font-weight: bold; border: 0; border-right: 1px solid #ccc; } .monthyear { display: block; float: left; margin: 0 0 32px; padding: 0 0 0 4px; color: #666; font-size: 16px; font-weight: bold; line-height: 15px; text-transform: uppercase; } .monthyear b { font-size: 14px; } .author { display: block; padding: 0 30px 5px 0; clear: both; color: #5c7486; font-weight: bold; font-style: italic; background: url(images/icon_author.gif) no-repeat 105px top; } .comments { display: block; clear: both; padding: 0 30px 0 0; color: #666; font-weight: bold; background: url(images/icon_comments.gif) no-repeat 105px top; } .comments a{color: #666;} .author:hover, .comments:hover { text-decoration: underline; } .entry { display: block; margin: 0 0 0 128px; padding: 0; width: 480px; } .entry h1.title { display: block; margin: 0; padding: 0; color: #666; } .entry h1.title a { display: block; margin: 0; padding: 0 0 10px 30px; width: 440px; color: #666; font-size: 26px; background: url(images/icon_pointer.gif) no-repeat 0 0; } .entry h3#comments { display: block; margin: 0; padding: 40px 0 10px 30px; width: 440px; color: #999933; font-size: 12px;} .entry img { border: 0px solid #333; } img.alignleft { margin: 0 10px 10px 0; } img.alignright { margin: 0 0 10px 10px; } .entry p { margin: 0; padding: 0 0 10px 30px; color: #333; font-size: 13px; line-height: 18px; } .entry p a { color: #c4052d; font-weight: bold; } .more { margin: 0 0 0 30px; color: #3c88e2; font-size: 13px; font-weight: bold; border: 0; border-bottom: 1px solid #3c88e2; } .quicklinks { float: left; position: relative; overflow: hidden; margin: 20px 0 0; width: 545px; height: 180px; font-size: 13px; border: 11px solid #d6d6d0; background: #999933; } .quicklinks h3 { display: inline-block; margin: 0 0 10px; padding: 0 0 4px; color: #FFF; font-family: Optima Bold, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; border: 0; border-bottom: 1px solid #abab33; } .quicklinks h3 a { color: #FFF; } .quicklinks div { float: left; padding: 15px; width: 240px; } .quicklinks ul { margin: 0; padding: 0; list-style: none; line-height: 18px; } .quicklinks li a { color: #FFF; } .quicklinks li a:hover {color:#eeeeee; text-decoration:underline;} .quicklinks li { padding-bottom:8px;} #blog-quicklinks { float: left; position: relative; overflow: hidden; margin: 20px 0 0; width: 545px; height: 180px; font-size: 14px; border: 11px solid #d6d6d0; background: #999933 url(images/blog-quicklinks.jpg) no-repeat 0 0; } #blog-quicklinks h2 { width:110px; margin-top:20px; text-align:right; display:inline-block; color: #858f50; font-family: Optima Bold, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; border: 0;} #blog-quicklinks ul {float:right; margin: 0; list-style: none; line-height: 18px; width:390px; vertical-align:top; } #blog-quicklinks li { padding:5px 0; border-bottom: 1px solid #A3A13A; width:375px;} #blog-quicklinks li a { color: #FFF;} #blog-quicklinks li a:hover { color: #D7d832;} .widget_twitter { float: right; padding: 15px; width: 235px; background: url(images/img_twitter.gif) no-repeat 220px 10px; } .widget_twitter li{ margin: 20px 10px} .contact { float: right; margin: 20px 0 0; width: 268px; height: 180px; color: #FFF; font-size: 16px; border: 11px solid #d6d6d0; background: url(images/contact_bg.gif) no-repeat 0 0 #cccc33; } .contact address { width: 230px; padding: 70px 10px 0px; color: #999933; font-size: 14px; font-style: normal; text-align: center; } .contact p { padding: 0 20px; line-height: 24px; } #footer { clear: both; margin: 0; padding: 20px 0 40px; text-transform: lowercase; } #footer .info { float: left; width: 470px; text-align: right; font-size: 12px; line-height: 20px; } #footer form { float: right; width: 370px; text-align: left; } #footer input { display: block; float: left; padding: 0 12px; width: 142px; height: 20px; color: #FFF; font-family: Times New Roman, serif; font-size: 12px; text-transform: lowercase; border: 1px solid #FFF; background: #000; } #footer input.join { display: block; padding: 0; width: 43px; height: 22px; color: #000; font-family: Arial, sans-serif; font-size: 11px;font-weight: bold; text-align: center; text-transform: uppercase; background: #FFF; } .alignleft { float: left; } .alignright { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } .clear { clear: both; } /* from Kubrick */ .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; color: #666666} .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform textarea {width:420px;} .commentmetadata { font-weight: normal; } .commentmetadata a{color: #999933;} small, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; } code { font: 1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; margin-left:20px; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; font-size:12px; line-height:18px;} .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } /* End Various Tags & Classes*/ /* Captions */ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ .slidecontrols .control { position: absolute; top: 10px; right: 60px; color: #000; } .slidecontrols .control img { display: block; float: left; margin: 0 10px 0 0; vertical-align: middle; } .slidecontrols .control a.img { display: block; float: left; padding: 4px 12px 10px; color: #000; } .slidecontrols .control span { display: block; float: left; font-weight: bold; background: url(images/img_indicator.gif) no-repeat center bottom; }