|
/* Theme Name: Thematic Options Theme URI: http://wptheming.com/ Description: Thematic child theme with an options array to speed development. Author: Devin Price Author URI: http://wptheming.com/ Template: thematic Version: 1.1.3 Tags: thematic Thematic is © Ian Stewart http://themeshaper.com/
Initial development by Tristan Waddington. AJAX and 1.1 updates by Aaron Jorbin.
Test for reset */
/* Reset browser defaults */ @import url('../thematic/library/styles/reset.css');
/* Apply basic typography styles */ @import url('../thematic/library/styles/typography.css');
/* Apply basic image styles */ @import url('../thematic/library/styles/images.css');
/* Prepare theme for plugins */ @import url('../thematic/library/styles/plugins.css');
#respond::before { color: #008800; font-style: italic; display: inline; content: "Comments are moderated, and will not appear until the author has approved them."; }
/* =Global Elements
body { font: 15px Georgia,serif; line-height:22px; min-width:1024px; background-color: #CCFFCC; } input { font: 15px Georgia,serif; line-height:22px; min-width: 30px; background-color: #ffffff; } textarea { font: 15px Georgia,serif; line-height:22px; min-width: 920px; background-color: #ffffff; } p, ul, ol, dd, pre { margin-bottom:22px; } pre, code { font:14px Monaco, monospace; line-height:22px; } blockquote { color:#666; font-style:italic; } table { border:1px solid #ccc; border-width:1px 1px 0 1px; font-size:13px; line-height:18px; margin:0 0 22px 0; text-align:left; } caption { text-align:left;
} tr { border-bottom:1px solid #ccc; } th, td { padding: .7em 1.25em; } hr { background-color:#ccc; border:0; color:#ccc; height:1px; margin-bottom:22px; } a:link { color:#004B91; } a:visited { color:#743399; } a:active, a:hover { color: #FF4B33; }
/* =Header -------------------------------------------------------------- */
#header { z-index:2; } #branding { width:970px; background-image: url(http://brensan.com/wp-content/uploads/2010/11/blogbanner2.gif); background-repeat: no-repeat; background-position: center top; margin: 2px auto 200px auto; height: 178px;
} #branding a { color: white; text-decoration: none; font-size: 1px; } #blog-title { font-family:Arial,sans-serif; font-size:1px; font-weight:lighter; } #blog-title a { color:#ffffff; text-decoration:none;
}
#blog-description { color:#666; font-size:13px; font-style:italic; }
/* =Menu -------------------------------------------------------------- */
.skip-link { display:none; } #access { border-bottom:1px solid #ccc; height:32px; font-size:13px; overflow:visible; z-index:100; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {
margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */
top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
/*** THEMATIC SKIN ***/ .sf-menu { border-right:1px solid #ccc; float:left; } .sf-menu a { border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:9px 13px; text-decoration:none; } .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a { border-bottom-color:#fff; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #666; } .sf-menu li { background: #fff; } .sf-menu li li { background: #fff; } .sf-menu li li li {
background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #fafafa; outline: 0; border-bottom-color:#ccc; } .sf-menu ul { border-right:1px solid #ccc; border-bottom:1px solid #ccc; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top:32px; /* overriding essential styles */ } .sf-menu ul ul { margin-top:0; } .sf-menu ul a { background:#fafafa; border-bottom:none; } .sf-menu ul a:hover { color: #FF4B33; }
/* =Content -------------------------------------------------------------- */
#main { clear:both; padding:5px 0 22px 0; background: #ffffff; min-width: 1000px; } .page-title { font-size:1px; line-height:1px; padding:0; color: #ffffff; } #container { width: 700px; margin: 10px auto; float: left; } .alignright { float: right; padding: 2px;}
.alignleft { float: left; padding: 2px;}
.attachment .page-title { font-style:italic; } .page-title a { color:#ffffff; text-decoration:none; } .page-title a:active, .page-title a:hover { color: #FF4B33; } .page-title span { font-style:italic; } .page-title .meta-nav { font-style:normal; } .hentry { padding:0 0 22px 0; } .single .hentry { padding:0; } .home #content .sticky { margin:0 0 10px 0; padding:10px 10px 0 10px; } #content {
border-left: solid #CCFFCC 4px; border-right: solid #CCFFCC 4px; margin-left: 5px; margin-right: 2px; } .entry-title { font-family:Arial,sans-serif; font-size:26px; font-weight:bold; line-height:26px; padding:0 0 7px 0; } .entry-title a { color:#000; text-decoration:none; } .entry-title a:active, .entry-title a:hover { color: #FF4B33; } .entry-meta { color:#666; font-size:13px; font-style:italic; line-height:18px; } .entry-meta .author { } .entry-meta .n { font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase; } .entry-meta a { color:#666; text-decoration:none; } .entry-meta a:active,
.entry-meta a:hover { color: #FF4B33; } .entry-meta abbr { border:none; cursor:text; font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase; } .entry-content { padding:22px 0 0 0; } .entry-content h1, .entry-content h2 { font-family:Arial,sans-serif; font-size:19px; font-weight:bold; padding:28px 0 14px 0; } .entry-content h3 { font-size:17px; font-style:italic; padding:28px 0 14px 0; } .entry-content h4 { font-size:11px; font-family:Arial,sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.05em; } .entry-content table { margin-left:1px; } .entry-content embed { margin:0 0 22px 0; }
.entry-utility { color:#666; font-size:13px; line-height:18px; margin:0 0 44px 0; } .entry-utility a { color:#006600; font-weight: bold; font-style: italic; text-decoration:none; } .entry-utility a:active, .entry-utility a:hover { color: #006600; font-weight: bold; } .page-link { font-size:13px; font-weight:bold; line-height:18px; margin:0 0 22px 0; padding:22px 0 0 0; word-spacing:0.5em; } .page-link a { border:1px solid #ccc; color:#666; font-weight:normal; padding:0.5em 0.75em; text-decoration:none; } .page-link a:active, .page-link a:hover { color: #FF4B33; } ul#links-page, ul#archives-page { list-style:none;
margin-left:0; overflow:hidden; } li.content-column { float:left; margin-right:20px; width:45%; } .gallery { padding:0 0 22px 0; } .wp-caption-text, .gallery-caption { color:#666; font-size:13px; line-height:18px; text-align:center; } #author-info { margin:0 0 44px 0; overflow:hidden; } #author-info .avatar { float:left; margin:.3em 1em 0 0; }
/* =Attachments -------------------------------------------------------------- */
.attachment-jpeg #container, .attachment-png #container { width:100%; } .attachment-jpeg #content, .attachment-png #content { width:930px; }
.attachment-jpeg #comments, .attachment-png #comments { width:540px; overflow:hidden; } .attachment-jpeg .main-aside, .attachment-png .main-aside { display:none; } #content a img { border: 2px blue solid; }
/* =Navigation -------------------------------------------------------------- */
.navigation { color:#666; font-size:13px; line-height:18px; margin:0px 0 22px 0; overflow:hidden; } .navigation a { color:#666; font-style:italic; text-decoration:none; } .navigation a:active, .navigation a:hover { color: #FF4B33; } .navigation .meta-nav { font-style:normal; } .nav-previous { float: left; width:50%; } .nav-next {
float: right; width:50%; text-align:right; } #nav-above,#nav-below { width: 100%; } #nav-above { display:none; } .paged #nav-above { display:block; padding:0 0 44px 0; }
/* =Comments -------------------------------------------------------------- */
#comments { padding:22px 0 0 0; } #comments, #comments input, #comments textarea { font-size:13px; line-height:18px; } #comments code { font-size:12px; line-height:18px; } #comments h3 { font-family:Arial,sans-serif; font-size:15px; font-weight:bold; line-height:22px; padding:0 0 18px 0; }
#comments-list { padding:0 0 18px 0; } #comments-list ol, #comments-list ul { list-style:none; margin:0; } #comments-list ol { border:1px solid #ccc; border-bottom:none; margin:0 0 18px 0; } #comments-list li { background:#fafafa; border-bottom:1px solid #ccc; padding:18px 1.5em 0 1.5em; position:relative; } #comments-list li.alt { background:#fff; } #comments-list li.bypostauthor { background:#FFFFCC; } #comments-list ul li { border:1px solid #ccc; margin:0 0 18px 0; } #comments-list li .avatar { position:absolute; top:22px; left:1.5em; width:36px; height:36px; } #comments-list .comment-author { font-weight:bold; padding:9px 0 0 46px;
} #comments-list .comment-meta { color:#666; font-size:11px; padding:0 0 9px 46px; } #comments-list .comment-meta a { color:#666; font-style:italic; text-decoration:none; } #comments-list .comment-meta a:active, #comments-list .comment-meta a:hover { color: #FF4B33; } .comment-reply-link { font-size:11px; padding:0 0 18px 0; text-align:right; } .comment-reply-link a { color:#666; font-style:italic; text-decoration:none; } .comment-reply-link a:active, .comment-reply-link a:hover { color: #FF4B33; } .comment-navigation { font-weight:bold; padding:0 0 18px 0; margin-right:0.5em; } .comment-navigation a { border:1px solid #ccc; color:#666; font-weight:normal; padding:0.5em 0.75em;
text-decoration:none; } .comment-navigation a:active, .comment-navigation a:hover { color: #FF4B33; } .comment-navigation a, .comment-navigation span { margin-right:0.5em; } #trackbacks-list .comment-content { position:absolute; left:-10000px; } #respond { background:#fff; margin-bottom:22px; overflow:hidden; padding:18px 0 0 0; position:relative; } #comments-list #respond { border-bottom:1px solid #ccc; margin:0 0 18px 0; padding:18px 1.5em; } #comments-list ul #respond { border:1px solid #ccc; margin:0; } #cancel-comment-reply { font-size:11px; position:absolute; top:18px; right:1.5em; } #cancel-comment-reply a { color:#666; }
#respond .required { color:#FF4B33; font-weight:bold; } .form-section label { font-size:11px; } .form-section input { margin:0 0 18px 0; width:98%; } .form-section textarea { width:99%; } #form-allowed-tags p { color:#666; font-size:11px; margin:0; } #form-allowed-tags span { font-style:italic; } #form-allowed-tags code { font-size:11px; line-height:normal; } .form-submit { padding:18px 0 0 0; text-align:right; } .subscribe-to-comments { color:#666; float:left; font-size:11px; margin:0; padding:18px 0 0 0; } .solo-subscribe-to-comments { color:#666;
font-size:11px; padding:18px 0 0 0; } .comment_license { color:#666; clear:both; font-size:11px; margin:0; padding:18px 0 0 0; }
/* =Asides, Sidebars & Widget-Ready Areas -------------------------------------------------------------- */
.aside { font-size:13px; line-height:18px; margin-bottom:6px;
} .aside input { font-size:13px; line-height:18px; margin-bottom:6px; }
.aside p, .aside ul, .aside ol, .aside dd, .aside pre { margin-bottom:18px; } .aside pre, .aside code { font-size:12px; line-height:18px; }
.aside .current_page_item a { color: #FF4B33; } .aside .current_page_item .page_item a { color:#666; } .aside .current_page_item .page_item a:hover, .aside .current_page_item .page_item a:active { color: #FF4B33; } .aside { min-width:200px; } .aside a { color:#666; } .aside a:active, .aside a:hover { color: #FF4B33; } .aside h3 { font-size:15px; font-style:italic; line-height:22px; } .aside h3 a { text-decoration:none; } .aside caption { font-size:11px; font-family:Arial,sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.05em; } .aside ul { list-style:none; margin-left:0; }
.aside ul ul { list-style:disc; margin:0 0 22px 20px; } .aside ul ul li { padding:1px 0; font-size: 11pt; font-family: times, roman; } .aside ul ul ul { margin-bottom:0; } .aside form, .aside table { margin-bottom:22px; } .aside table { border:none; } .aside thead { border:1px solid #ccc; } .aside tbody { border:1px solid #ccc; } .aside th, .aside td { border-right:1px solid #ccc; padding:.25em .8em; } .aside tfoot tr { border:none; } .aside tfoot td { border-color:transparent; } .widget_tag_cloud { margin:0 0 22px 0; } .aside #searchsubmit {
display: none; } /* Main Asides */ .main-aside ul { padding:0 20px; } .main-aside h3 { } .main-aside ul ul { padding:0; } #secondary { width: 420px; background: #ffffff; position: relative; right: 20px; } #primary { padding:18px 0 0 0; margin-bottom:22px; width: 150px; } #second { z-index: 99; position:absolute; top: 110px; text-align: center; min-width: 980px; min-height: 50px; margin: 0px auto 0px auto; } #second li { margin-left: -80px; } /* Content Asides */ .aside {
margin:0 0 5px 0; padding:5px 0 0 0; } #content { border: 0px 5px solid #ffffcc; margin:0 0 5px 0; padding:5px 0 0 0; } #content .aside ul { padding:0 20px; } #content .aside h3 { font-family:Georgia,serif; font-weight:normal; font-size:17px; font-style:italic; padding:0 0 7px 0; text-transform:none; } #content .aside ul ul { padding:0; } /* Footer Asides */ #subsidiary { padding:33px 0 0 0; }
/* =Footer -------------------------------------------------------------- */
#footer { border-top:1px solid #ccc; margin-top:22px; } #siteinfo { color:#666;
font-size:11px; line-height:18px; padding:22px 0 44px 0; } #siteinfo a { color:#666; } #siteinfo a:active, #siteinfo a:hover { color: #FF4B33; } #calendar_wrap table { font-face: arial,sans; font-size: 10pt;} #calendar_wrap tr td { padding: 1px; margin: 1px; } #calendar_wrap a { font-weight: bold; text-decoration: none; color: blue; font-face: arial,sans; }
|