/* – YUI Reset, Base, and Fonts ——————————————– */
/* Copyright © 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: developer.yahoo.net/yui/license.txt version: 3.0.0pr2 */
/* reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* base (slightly modified) */ h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}dl{margin-left:0;}ol,ul{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}
/* – Defaults ————————————————————– */ body, button, input, select { font: 13px/1.231 Helvetica, 'Bitstream Vera Sans', sans-serif; }
a {
color: #0066cc; text-decoration: none;
}
a:hover { text-decoration: underline; } a img { border: 0; }
blockquote {
border: 1px solid #efefef; border-left: 5px solid #efefef; font-size: 12px; line-height: 1.3em; margin-left: 1em; padding: 5px;
}
blockquote blockquote {
border: none; margin-right: 0; padding: 0;
}
blockquote p:first-child { margin-top: 0; } blockquote p:last-child { margin-bottom: 0; }
body {
background: #ededed; color: #000; margin: 0; padding: 0;
}
fieldset {
border: 1px solid #ccc; margin-top: 1.5em; padding: 1.5em 1em;
}
fieldset legend { font-weight: bold; }
h1, h2 {
border-bottom: 1px solid #cfcfcf; font-size: 16px; font-weight: bold;
}
h3 {
font-size: 16px; font-weight: bold;
}
html { background: none; } input { font-size: 13px; } p { margin-top: 1em; }
code, pre, textarea { font: 11px Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, fixed; } textarea { font-size: 12px; }
pre {
background: #fcfcfc; border: 1px solid #dfdfdf; border-left: 5px solid #dfdfdf; overflow-x: auto; padding: 2px 5px; width: 96%;
}
table {
border-collapse: separate; border-spacing: 2px;
}
td, th {
border: 0; padding: 0;
}
/* – Layout —————————————————————- */ doc {
margin: 0 auto; padding: 0; min-width: 550px;
}
/* – Header —————————————————————- */ hd { color: fff; }
hd a {
color: #fff; text-decoration: none;
}
hd h1 {
background: #4d4c4c; border: 0; font-size: 32px; margin: 0; padding: 0.3em 0.2em 0.1em 0.2em;
}
toolbar {
background: #323232; border-bottom: 1px solid #000; border-top: 1px solid #5e5d5d; color: #fff; font-size: 12px; height: 1.75em; margin: 0; padding: 0 0.7em; position: relative; text-align: right;
}
toolbar .subtitle {
float: left; font-weight: bold; margin-top: 0.35em;
}
toolbar ul {
float: right; margin: 0;
}
toolbar ul li {
display: inline; list-style: none;
}
toolbar ul li a {
color: #fff; display: block; float: left; height: 1.44em; margin: 0 0.2em; padding: 0.35em 0.5em 0 0.5em;
}
toolbar ul li a:hover { background: #474343; }
@media print {
#hd { display: none; }
}
/* – Body —————————————————————— */ bd {
background: #fff; border: 1px solid #d3d3d3; border-top: 0; padding-top: 0.8em; margin: 0 auto; max-width: 800px;
}
bd:after {
clear: both; content: '.'; display: block; height: 0; visibility: hidden;
}
/* – Footer —————————————————————- */ ft {
clear: both; color: #666; font-size: 11px; margin: 0 auto; max-width: 800px; padding: 1em 0;
}
ft a { color: #666; }
/* – Content ————————————————————— */ main {
margin: 0 205px 20px 1.5em; padding: 0;
}
@media print {
#main { margin: auto; width: auto; }
}
/* – Sidebar ————————————————————— */ sidebar {
border-left: 1px solid #dfdfdf; float: right; margin: 0 0 0.5em 0; padding: 0 0 1em 0.7em; width: 175px;
}
sidebar a {
color: #000; text-decoration: none;
}
sidebar a:hover { font-weight: bold; } sidebar dl { margin: 0; }
sidebar dl dt {
clear: both; font-size: 14px; font-weight: bold; margin: 1em 0 0.2em 0; padding: 0 0.2em 0 0;
}
sidebar dl dt a:hover { text-decoration: underline; }
sidebar dl dd {
font-size: 12px; margin: 0 5px 0 1px;
}
sidebar dl dd p { margin: 0; } sidebar search-query { width: 150px; }
@media print {
#sidebar { display: none; }
}
/* – Posts —————————————————————– */ .post abbr.published { border: 0; } .post address.author { display: none; }
.post {
margin: 0 0 1.5em 0; padding-bottom: 1px;
}
.post .hd h1, .post .hd h2 {
border-bottom: 1px dotted #cfcfcf; display: block; margin-bottom: 0; width: 100%;
}
.post .hd h1 a, .post .hd h2 a { color: #000; }
.post .hd .date {
color: #888; font-size: 85%;
}
.post .ft { text-align: right; }
.post .tags {
float: left; font-size: 11px; min-height: 15px; text-align: left; width: 60%;
}
.post .ft:after {
clear: left; content: '.'; display: block; height: 0; visibility: hidden;
}
.post .tags a { color: #73ade7; }
.post .tags ul {
margin: 0; padding: 0 0 0 21px;
}
.post .tags ul li {
display: inline; list-style: none; margin-right: 0.3em; white-space: nowrap;
}
.post .tags .icon.tag {
float: left; vertical-align: middle;
}
@media print {
.post .ft .meta { display: none; }
}
/* – Comments ————————————————————– */ div.comment {
border: 1px solid #fff; border-bottom: 1px dotted #cfcfcf; color: #222; margin: 0.5em 0; padding: 5px;
}
div.comment:hover {
background: #f7fcff; border: 1px solid #a7d7ff; color: #000;
}
.comment h4 {
font-size: 14px; margin: 0;
}
.comment h4 a { color: #333; } .comment:hover h4 a { color: #000; }
.comment .bd {
line-height: 1.2em; margin-bottom: 0.8em;
}
.comment .ft:after {
clear: left; content: '.'; display: block; height: 0; visibility: hidden;
}
.comment .gravatar {
border: 1px solid #cfcfcf; float: left; margin: -2px 6px 6px 0; padding: 1px;
}
.comment .gravatar:hover { border-color: a0a0a0; }
.comment .gravatar, .comment .gravatar img {
height: 32px; width: 32px;
}
.comment .author { margin-top: 5px; } .comment .date { font-size: 11px; } .comment .date a { color: inherit; }
/* – Post Comment Form —————————————————– */ post-comment { margin-top: 30px; }
post-comment label {
float: left; margin-top: 4px; width: 4em;
}
post-comment input { width: 200px; } post-comment input#title { width: 80%; } post-comment p { margin: 0.7em 0; } post-comment p.tip { font-size: 12px; }
post-comment span.tip {
color: #666; font-size: 12px; margin-left: 0.5em;
}
post-comment textarea { width: 100%; } post-comment .error { font-size: 11px; }
@media print {
#post-comment { display: none; }
}
/* – Pagination ———————————————————— */ .pg {
font-size: 12px; margin: 1em 0; text-align: center; zoom: 1;
}
.pg:after {
clear: left; content: '.'; display: block; height: 0; visibility: hidden;
}
.pg a, .pg strong {
border: 1px solid #c7dbff; float: left; margin: 1px; padding: 2px 6px 1px 6px;
}
.pg a.prev, .pg a.next { font-weight: bold; }
.pg a:hover {
border: 1px solid #0066cc; text-decoration: none;
}
.pg strong {
background: #2663cf; border-color: #2663cf; color: #fff; font-weight: bold;
}
@media print {
.pg { display: none; }
}
/* – Recent Comments ——————————————————- */ ul.comments {
padding: 0; margin: 0;
}
ul.comments li {
background: #f9f9f9; border: 1px solid #ddd; list-style: none; margin-bottom: 0.5em; padding: 3px;
}
ul.comments li:hover {
background: #fff5ef; border: 1px solid #ffaf7f;
}
ul.comments .meta { font-size: 11px; }
/* – Search Results ——————————————————– */ .search h4 {
font-size: 14px; margin-bottom: 0;
}
.search ul {
margin-left: 0; padding-left: 0;
}
.search ul li {
list-style: none; margin-bottom: 0.7em;
}
.search .date, .search .url {
color: #888; font-size: 12px;
}
/* – Admin Toolbar ——————————————————— */ adminToolbar {
background: #f5f5f5; border: 1px solid #d3d3d3; border-top: none; color: #000; font-size: 12px; height: 24px; margin: 0 auto; max-width: 820px; padding: 3px 4px 4px 4px;
}
adminToolbar form input { padding: 2px; } adminToolbar form label { margin-left: 1em; } adminToolbar form label:first-child { margin-left: 7px; }
/* – Login Page ———————————————————— */ login_page label { font-weight: bold; }
/* – Flash Messages ——————————————————– */ .flash {
background: #f5f5f5; border: 1px solid #cfcfcf; color: #000; padding: 3px 4px 2px;
}
.flash.error {
background: #ffb7b7; border-color: #ff4747;
}
form .flash.error { margin: 0.2em 0 0; }
.flash.success {
background: #d4ffc7; border-color: #7bd75e;
}
/* – Icons —————————————————————– */ .icon {
background: url(../images/thoth-sprite.png) no-repeat; display: -moz-inline-box; display: inline-block; vertical-align: middle;
}
.icon.comment {
background-position: -33px -1px; height: 11px; margin: 0 1px 1px 0; width: 13px; *margin-right: 3px;
}
.icon.comment-post {
background-position: -17px -1px; height: 14px; width: 14px; *margin-right: 3px;
}
.icon.comments {
background-position: -33px -1px; height: 11px; margin: 0 0 1px 0; width: 13px; *margin: 1px 4px 0 0;
}
.icon.feed {
background-position: -97px -1px; height: 14px; margin-bottom: 3px; width: 14px; *margin: 1px 3px 2px 0;
}
.icon.tag {
background-position: -79px -1px; height: 15px; width: 15px;
}
/* – Misc —————————————————————— */ img.icon {
background: none; vertical-align: middle;
}
img.left {
border: 1px solid #000; float: left; margin: 5px 8px 8px 0;
}
img.right {
border: 1px solid #000; float: right; margin: 5px 0 8px 8px;
}
p.footnote {
font-size: 11px; margin: 0;
}
p.footnote:last-child { margin-bottom: 1em; }
sup.footnote { line-height: 0.9em; }
.alignLeft { text-align: left; } .alignCenter { text-align: center; } .alignRight { text-align: right; }
.noseeum, .hidden { display: none; } .spaced li { margin-bottom: 1em; } .spaced li p { margin-top: 0; }