/*
Theme Name: ascetic
Theme URI: http://ascetic.curtisblackwell.com/download
Description: as•cet•ic |ə'setik| adjective characterized by or suggesting the practice of abstention from all forms of indulgence. (Based on Starkers by Elliot Jay Stocks).
Version: 0.1
Author: Curtis Blackwell
Author URI: http://curtisblackwell.com
Tags: white, one-column, left-sidebar, fixed-width
*/
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
margin-bottom: 1px; /*forces vertical scroll bar to keep centered content from shifting-thanks to http://ryanfait.com/resources/forcing-vertical-scrollbars/*/
}
body {
color: gray;
font: 16px "Times New Roman", "Times", serif;
}
#body-wrap {
margin: 0 auto;
width: 980px;
}
ul { list-style: none; }
ol { list-style: none; }
li {}
img {
border: none;
margin: 5px;
vertical-align: middle;
}
/*==UTILITY==*/
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption.aligncenter { margin: 10px auto; }
.aligncenter {
display: block;
margin: 0 auto;
}
.wp-caption {
background: #cccccc;
border: 1px solid #666;
margin: 10px;
padding: 10px;
text-align: center;
}
p.wp-caption-text { padding: 10px 0 0; }
.gallery {}
.gallery-item {}
.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
/*==TYPE==*/
h1 { font: bold 375%/150% "Georgia", "Times", "Times New Roman", serif; }
h1, h1 a { color: #eee; }
p#description {
font-size: 125%;
}
h2, h3, h4, h5, h6 {
font-family: "Arial", "Verdana", sans-serif;
font-weight: bold;
}
h2 { font-size: 150%; }
h2.title {
font-size: 300%;
line-height: 130%;
}
h2.title, h2.title a { color: silver; }
h3, h5 { text-transform: uppercase; }
h3 {
color: #999;
font-size: 200%;
font-weight: bold;
}
h3.post-title { color: #999; }
h4 {
color: #8a8a8a;
font-size: 150%;
font-style: italic;
}
h5 {
color: #999;
font-size: 130%;
font-weight: normal;
}
h6 {
color: #aaa;
font-size: 115%;
font-style: italic;
font-weight: normal;
}
p, pre, ul, ol { padding-bottom: 10px; }
ul li ul, ol li ol { padding-bottom: 0; }
a {
color: silver;
font-weight: bold;
text-decoration: none;
}
a:hover, a:active { text-decoration: underline; }
strong { font-weight: bold; }
em { font-style: italic; }
/*==STRUCTURE==*/
#text-wrap {
float: right;
width: 784px;
}
#text-wrap ul {
list-style: disc outside;
margin-left: 2em;
}
#text-wrap ul li li { margin-left: -1em; }
#text-wrap ol {
list-style: decimal outside;
padding-left: 2.4em;
}
#text-wrap ol li li { margin-left: -1.2em; }
/*==HEADER==*/
#header {
background: white;
border: 1px solid black;
margin-bottom: 10px;
padding: 1.5em;
}
img#rss { float: right; }
#header form#searchform { float: right; }
p#description, form#searchform { display: inline; }
/*==POST==*/
p.author { padding-bottom: 0; }
span.author {}
p.time {}
.more-link {
border-top: 1px solid black;
color: gray;
padding-top: 3px;
}
.more-title, .search-query {
color: silver;
font: 105% Arial;
}
p.post-meta {}
p.post-meta a { font-family: "Arial", "Verdana", sans-serif; }
#pages { margin-bottom: 10px; }
h3#post-pages, p#page-numbers { display: inline; }
h3#post-pages {
color: #999;
font-size: 16px;
font-weight: bold;
text-transform: none;
}
p#page-numbers {
color: gray;
font-weight: bold;
}
p#page-numbers a { color: silver; }
#post-tags {
background: #fafafa;
margin-bottom: 10px;
padding: 10px 10px 0;
}
.older, .newer {
display: inline;
margin-bottom: 5px;
}
.older { float: left; }
.newer { float: right; }
/*==COMMENTS==*/
h2#responses {
background: #aaa;
color: white;
font: bold 300% "Arial", "Verdana", sans-serif;
margin-bottom: 10px;
padding: 10px;
text-align: center;
text-transform: uppercase;
}
#text-wrap ol.comments {
list-style-type: none;
margin-bottom: 10px;
padding-left: 0;
}
#text-wrap ol.comments li, #text-wrap ol.comments li.alt { padding: 1em 0 0 1.2em; }
ol.comments li {
background: white;
border: 1px solid #fafafa;
}
ol.comments li blockquote:before { margin-top: -5px; }
ol.comments li blockquote {
margin: 0 auto 10px;
padding: 10px 15px;
text-indent: -30px;
}
ol.comments li blockquote p:first-child { margin-top: 10px; }
ol.comments li.alt { background: #fafafa; }
ol.comments li.alt blockquote { background: white; }
.avatar {
float: left;
width: 50px;
}
.comment-body { margin-left: 70px; }
.comment-meta {
border-bottom: 1px solid #999;
width: 669px;
}
cite.author { text-indent: 0; }
p.comment-date { float: right; }
.comment-text { width:669px; }
img#comments-rss, p#comments-feed { display: inline; }
input#author, input#email, input#url { margin-bottom: 5px; }
input#author {}
input#email {}
input#url {}
textarea#comment {
display: block;
margin-bottom: 5px;
}
input#submit {}
/*==SIDEBAR==*/
ul#sidebar {
border: 1px solid gray;
padding: 10px;
width: 15%;
}
/*==FOOTER==*/
#wrapper { /*sticky-sticky thanks to http://ryanfait.com/sticky-footer/*/
height: auto !important;
height: 100%;
margin-bottom: -50px; /*must be negative value of #push and #footer height*/
min-height: 100%;
}
#push, #footer { height: 50px; } /*must be absolute value of #wrapper margin-bottom*/
#footer {
background: white;
border: 1px solid black;
font-size: .8em;
overflow: hidden;
padding: 0 20px 0 30px;
}
#footer a { color: white; }
img#wp { /*vertically centered*/
margin-top: -15px; /*half the height*/
position: relative;
top: 50%;
}
img#cblogo { /*vertically centered-see img#wp for the bear necessities*/
float: right;
margin-top: -13px;
position: relative;
top: 50%;
width: 100px;
}
p#copyright { /*vertically centered-see img#wp for the bear necessities*/
float: right;
height: 16px;
margin: -8px 10px 0 0;
position: relative;
text-align: right;
top: 50%;
width: 30%;
}
/*==404==*/
p#abyss, form#searchform { display: inline; }
/*==ARCHIVE==*/
.category-archive, .tag-archive, .time-archive { color: gray; }
/*==ARCHIVES==*/
ul.archives li {
display: inline;
list-style: none;
}
ul.archives li:after { content: " | "; }
ul.archives li:last-child:after { content: ""; }
/*==LINKS==*/
ul#bookmarks {
list-style-type: none;
margin-left: 0;
}
/*==IMAGE.PHP==*/
#separator { color: gray; }
#img-title { color: silver; }
#left-arrow, #right-arrow {
color: gray;
font-size: 400%;
}
/*==LIKELY TO BE UNNECESSARY==*/
pre, code { font: 14px "Consolas", "Monaco", "Courier New", "Courier", monospace; }
pre { display: block; }
code {
background: #eee;
display: inline;
padding: 1px 3px;
}
form {}
fieldset {
border: 1px solid #dddddd;
width: 100%;
}
legend {
color: #ccc;
font: 120% "Arial", sans-serif;
}
input, textarea {
background: white;
border: 1px solid black;
color: gray;
font-family: "Arial", "Verdana", sans-serif;
padding: 1px;
}
input[type="text"] { padding: 2px; }
blockquote:before {
color: gray;
content: open-quote " " close-quote;
float: left;
font-size: 200%;
}
li blockquote:before { margin-left: 20px; }
blockquote {
color: silver;
background: #fafafa;
margin: 0 auto 10px;
padding: 5px;
width: 90%;
}
blockquote p {
margin: 0 auto;
padding: 0 0 10px;
text-indent: 0;
width: 90%;
}
blockquote p:first-child { margin-top: 15px; }
q:before { content: open-quote; }
q:after { content: close-quote " - " attr(cite); }