/* Theme Name: Hemingway Theme URI: http://warpspire.com/hemingway Description: Description: Hemingway is a simple weblog theme by Kyle Neath aimed at giving bloggers a great platform on which to customize. If you'd like to learn more about Hemingway, head on over to Warpspire or ask a question in the official support forums.
This theme requires WordPress 2.0+. Version: 0.20 Author: Kyle Neath Author URI: http://warpspire.com */ /*----------------------------------------------------------------------------------------------- Global Styles -----------------------------------------------------------------------------------------------*/ * { padding:0; margin:0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; } li, dd { margin-left:5%; } fieldset { padding: .5em; } select option{ padding:0 5px; } select, option { color:black; } .hide, .print-logo, .close-button{ display:none; } .left{ float:left; } .right{ float:right; } .clear{ clear:both; height:1px; font-size:1px; line-height:1px; } a img{ border:none; } /*----------------------------------------------------------------------------------------------- Layout / Base Page Styling -----------------------------------------------------------------------------------------------*/ body{ background:#272727; color:#BFBFBF; font-size:11px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; } /* This class sets the width and position for all rows */ .inside, #site_bar_content { width:80%; min-width:65em; max-width:85em; margin:0 auto; } a{ color:#FFF; } h1{ color:#CCC; font-size:1.5em; font-weight:normal; margin:1.5em 0; } h2, h3{ font-size:1.15em; color:#FFF; font-weight:normal; } #primary h2{ color:#CCC; } p{ line-height:1.75em; } #primary ul li{ list-style-type:square; margin:0.5em 0 0.5em 2em; } blockquote{ margin-left:1em; padding-left:1em; border-left:2px solid #CCC; color:#CCC; } pre{ width:100%; padding:1em 0; overflow:auto; border-top:1px dotted #333; border-bottom:1px dotted #333; } table{ width:100%; border-spacing:2px; margin:1.5em 0; } table th, table td{ padding:0.3em 0.75em } table th{ background:#CCC; color:#000; text-align:left; } table td{ background:#333; color:#FFF; } table caption{ text-align:left; color:#FFF; margin-bottom:-1em; margin-top:1em; } .rule{ border-top:1px solid #CCC; height:1px; font-size:1px; line-height:1px; margin:1.5em 0; } /*----------------------------------------------------------------------------------------------- Header -----------------------------------------------------------------------------------------------*/ #header{ background:#000; } #header .inside{ padding:3em 0; } #header h2{ font-size:2.25em; margin:0 0.5em 0 0; padding:0 0.5em 0.25em 0; border-right:1px solid #808080; float:left; } #header h2 a{ text-decoration:none; } #header p{ padding:1em 0; margin:0; line-height:1em; } /*----------------------------------------------------------------------------------------------- Primary Items -----------------------------------------------------------------------------------------------*/ #primary{ background:#000; padding:1px 0 2em 0; color:#808080; } #primary.onecol-stories .primary{ float:left; width:50%; } #primary.onecol-stories .secondary{ float:right; width:40%; margin:0 0 0 10%; } #primary.twocol-stories .story{ float:left; width:48%; margin:0 0 0 4%; display:inline; } * html #primary.twocol-stories .story{ margin-left:2%; } #primary.twocol-stories .first, * html #primary.twocol-stories .first{ margin:0 0 0 0; } .story h3{ font-size:1.15em; margin:0 0 1.5em 0; font-weight:normal; color:#CCC; } .story h3 a{ color:#CCC; text-decoration:none; border-bottom:1px dotted #666; } .story .details{ margin:1em 0; text-align:right; border-top:1px solid #333; padding:0.5em 0; font-size:0.95em; color:#4D4D4D; } .story .details .read-on{ background:url(/theme/images/readon_black.gif) 100% 60% no-repeat; padding-right:20px; } .story .details a{ color:#4D4D4D; text-decoration:none; } .story .details a:hover{ color:#FFF; } /* Single Post Styles */ #primary .primary{ float:right; width:65%; } #primary .secondary{ float:right; width:30%; margin-right:5%; padding-top:0.65em; display:inline; } * html #primary .secondary{ margin-right:4%; } .secondary .featured p{ border-bottom:1px solid #333333; border-top: 1px solid #333333; padding:0.5em 0 0.6em 0; line-height:1.5em; margin:1em 0 0 0; } .secondary .featured dl{ margin:0 0; border-bottom:1px solid #333333; padding:0.5em 0 0.6em 0; } .secondary dt{ display:inline; margin:0; padding:0; color:#AAA; } .secondary dd{ display:inline; margin:0; padding:0; } .secondary dd a{ color:#808080; } .secondary dd a:hover{ color:#FFF; } .single-post h1, .single-post h2{ margin-top:0; } /*----------------------------------------------------------------------------------------------- Secondary Items -----------------------------------------------------------------------------------------------*/ #secondary{ background:#0C0C0C; padding:1px 2em; border-top:1px solid #1C1C1C; } .comment-head{ border-bottom:1px solid #1C1C1C; padding:0.8em 2em 1.0em 2em; } .comment-head h2{ font-size:1.5em; margin:0; } .comment-head a{ text-decoration:none; color:#868686; } .comment-head .details{ font-size:0.95em; } ol#comments{ list-style-type:none; margin:2em 0; } ol#comments li{ list-style-type:none; margin:2em 0; } ol#comments li .avatar { border: 1px solid #222; padding: 2px; } #comments cite{ float:left; width:31%; font-style:normal; text-align:right; } * html #comments cite{ width:30.6%; } #comments cite span{ display:block; } #comments cite span.avatarspan{ float: left; } #comments cite .author{ font-size:1.2em; } #comments cite .author a{ text-decoration:none; } #comments cite .admin-tools{ margin:5px 0; } #comments cite .admin-tools a{ float:right; margin:0 5px; padding:0px 3px 3px; background:#666; border:1px solid #999; text-decoration:none; } #primary .secondary .admin-tools{ margin:1em 0; } #preview{ margin:1em 0; padding:0.5em; border:1px solid #333; } #preview p{ margin:1em 0 0 0; } #errors{ color:#FF0000; font-weight:bold; } #comments .pingback cite .author{ display:block; padding-top:68px; background:url(/theme/images/trackback_pingback.gif) 100% 0 no-repeat; } #comments .content{ float:left; width:60%; margin-left:1.9%; border-left:1px solid #868686; padding: 0 0 0 2%; } #comments .content p{ margin:0 0 1em 0; } #comments .content h3{ margin:0; font-size:1em; } #comment-form{ margin:5em 0 5em 35.4%; width:36em; } input.textfield{ width: 15em; margin:5px 0; } textarea.commentbox{ width:28em; height:10em; padding:0.25em; margin:5px 0; font-size:1.25em; font-family:Arial, Helvetica, sans-serif; } label.text{ position:relative; left:0.5em; top:-0.5em; } .formactions input.submit{ float:right; margin:-1em 0 0 0; padding:0 0.5em; } .formactions .spinner{ float:right; margin:-8px -20px 0 0; } /*----------------------------------------------------------------------------------------------- Ancillary Items -----------------------------------------------------------------------------------------------*/ #ancillary{ padding:2em 0 0 0; } #ancillary .block{ float:left; width: 46%; margin:0 0 0 5%; } #ancillary .twice-length{ width:65%; } #ancillary .thrice-length{ width:100%; } * html #ancillary .block{ margin:0 0 0 4%; } #ancillary .first, * html #ancillary .first{ clear:both; margin:0; } #ancillary .block-separator{ clear:both; height:2.5em; } #ancillary .block h2, #ancillary .block h3{ margin:0 0 2em 0; } ul.dates, ul.counts, ul.blogroll ul, ul.pages{ list-style-type:none; margin:1.5em 0 2em 0; border-top:1px solid #3D3D3D; } ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{ list-style-type:none; margin:0; padding:0.5em 0; border-bottom:1px solid #3D3D3D; } ul.dates .date{ color:#858585; padding:0 1.5em 0 0; } ul.counts .count{ float:right; color:#858585; } ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{ color:#BFBFBF; text-decoration:none; } ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ color:#FFF; } ul.blogroll{ margin-top:0; } ul.blogroll li{ list-style-type:none; margin:0; } ul.pages ul{ margin:0; } #ancillary .pages ul { margin-left: 15px; } ul.pages ul li{ border:none; margin-left:2em; list-style-type:square; } /*----------------------------------------------------------------------------------------------- Foooter -----------------------------------------------------------------------------------------------*/ #footer{ clear:both; color:#939393; margin:2em 0 3em 0; } #footer .inside{ background:url(/theme/images/footer_black.gif) 50% 0 repeat-x; padding:1em 0; } #footer p{ margin:0; font-size:0.95em; } #footer p.copyright{ float:left; } #footer p.attributes{ float:right; } #footer p.attributes a{ padding:0 0 0 1em; text-decoration:none; color:#525252; } #footer p.attributes a:hover{ color:#FFF; } /*----------------------------------------------------------------------------------------------- Search -----------------------------------------------------------------------------------------------*/ #search{ float:right; width:200px; margin:1em 0 0 0; -moz-opacity:0.4; text-align:right; } #search:hover{ -moz-opacity:1.0; } #search .searchimg{ float:left; width:14px; height:13px; background:url(/theme/images/search.gif) 0 0 no-repeat; position:relative; top:4px; } #search input{ width:175px; font-size: 0.85em; background:#CCC; margin-top:2px; } #search input:focus{ background:#FFF; } #searchform{ margin:1em 0; } #searchform #s{ background:#222; border:none; border-bottom:1px solid #333; width:30em; color:#666666; padding:0.25em; } #searchform #searchsubmit{ background:#000; color:#666; border:none; font-size:0.9em; text-transform:uppercase; letter-spacing:0.25em; } /* Legacy Typo CSS */ #search-results{ width:30%; background:#333; padding:0 0 0 0; float:right; -moz-opacity:0.9; border-top:1em solid #000; } #search-results h3{ font-weight:bold; text-align:left; margin:0; padding:0 0 1em 0; background:#000; } #search-results small{ display:block; text-align:left; font-size:0.9em; padding:0.5em 1em 0.7em 1em; border-top:1px solid #666; border-bottom:1px solid #555; } #search-results small a{ color:#CCC; } #search-results ul li{ list-style-type:none; padding:0 1em 0.5em 1em; margin:0.5em 0; } #search-results ul li:hover{ background:#202020; } #search-result ul{ margin:0; } #search-results ul li a{ text-decoration:none; border-bottom:1px dotted #CCC; } #search img.archives-icon{ margin:0 7px 0 0; top:1px; } img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .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; color: #000; line-height: 17px; padding: 0 4px 5px; margin: 0; } #body_content_right { float: left; width: 49%; } #body_content_left { float: right; width: 49% } /* Firefox Dotted Line Fix - http://sonspring.com/journal/removing-dotted-links */ a:focus { outline: none; } /* Clearfix docs - Main docs: http://positioniseverything.net/easyclearing.html - IE7 change: http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */ .inquiries form label { display: block; } .inquiries .field { margin: 12px 0px; } .inquiries form { padding-top: 12px; } .page_not_live { border: 1px solid #A00027; color: #A00027; background: #FFB1B1; padding:3px 9px; font-weight:bold; width:auto; }