/*  
Theme Name: Blogawa
Description: Blogawa theme
Version: 1.0
Author: Erigami Scholey-Fuller
Author URI: http://www.piepalace.ca/blog
*/

body {
    font-family: sans;
    padding: 0;
    margin: 0;

    color: #111;
}

/****** Bling ******/

div.footnote-title {
    border-bottom: dotted 1px #bbb;
    clear: both;
}

a[href] {
    text-decoration: none;
    x-border-bottom: 1px dotted #006fef;
    color: #006fef;
}

div#content > ul.sidebar > li.widget_links a:hover,
a[href]:hover {
    border-bottom: 1px solid #ef8c00;
    color: #ef8c00;
}

blockquote {
    padding: 1em 25px 1ex 45px;
    background-image: url(images/quote.png);
    background-repeat: no-repeat;
    background-position: top left;
    color: #555;
    min-height: 47px;
}

blockquote p {
    text-indent: 0px;
    padding-bottom: 0;
    margin-bottom: 0;
}

blockquote[cite]:after {
    display: block;

    text-indent: 0px;
    color: #aaa;

    font-style: italic;

    font-size: smaller;

    content: "From " attr(cite);

    padding-top: .5ex;

    background-image: url(images/quote-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

div.wp-caption img {
    margin: 0px;
    padding: 0px;
    border: none;
}

div.wp-caption p {
    padding: 0px;
    margin: 0px;

    text-align: center;

    font-style: italic;
    
    font-size: smaller;
}

div.wp-caption {
    border: 1px #bbb dotted;
    background-color: #f5f5f5;

    padding: .75ex;
}

div.alignright {
    float: right;
    margin-left: 1ex;
}

img[align=left] {
    margin-right: 1ex;
}

img[align=right] {
    margin-left: 1ex;
}

img.noborder {
    background-color: transparent ! important;
    border: none ! important;
}

a > img[align] {
    margin-bottom: 1ex;

    border: dotted 1px #3d7428;
    background-color: #f5fff5;

    padding: .75ex;
}

img[align] {
    border: 1px #bbb dotted;
    background-color: #f5f5f5;

    padding: .75ex;

    margin-right: 1ex;
    margin-bottom: 1ex;
}

/*** Header ***/
div#head > h1 {
    font-size: 600%;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    text-align: center;
    font-weight: normal;
    line-height: 100%;
    color: #000;

    background-image: url(images/pointy-down.png);
    background-repeat: no-repeat;
    background-position: bottom center;

    letter-spacing: -.15ex;
}

div#content > ul.sidebar > li > h2.widgettitle:before,
div#head > h1:before {
    content: '{';
    color: #c8d9e7;
    font-weight: bold;
}

div#content > ul.sidebar > li > h2.widgettitle:after,
div#head > h1:after {
    content: '}';
    color: #c8d9e7;
    font-weight: bold;
}

div#head > div.tagline {
    text-align: center;
    padding-top: .25ex;
    color: #c8d9e7;
    font-weight: bold;
}


div#foot {
    clear: both; 

    font-size: smaller;

    color: #ccc;

    margin-top: 1ex;

    text-align: center;

    border-top: 1px dotted #ddd;
    
    padding: 1ex 7%;
}

div#foot:hover {
    color: #555;
}

/****** Content ******/

div#content {
    padding: 1ex;
}


div#content > div#message,
div#content > div#postings {
    width: 75%;
    float: left;
}


/****** Postings ******/
div#postings div.post {
    padding-left: 1ex;
    padding-right: 1ex;
    padding-top: .5ex;
    padding-bottom: .25ex;
}

div#postings div.post {
    margin-bottom: 2ex;
    clear: left;
}

div#postings div.post div.text {
    margin-left: 160px;
}

/* Magic first heading */
div#postings div.post > div.text > h2:first-child {
    font-size: 150%;
    font-weight: bold;
    letter-spacing: -1px;
    color: #006fef;

    border-bottom: dotted 1px #ddd;

    padding: 0;
    margin: 0px 0px 1ex 0px;
}

div#postings div.post > div.text > h2:first-child a,
div#postings div.post > div.text > h2:first-child a:hover {
    border-bottom: 0px white solid;
}



/** Meta block */
div#postings > div.post > div.meta {
    text-align: right;
    font-size: smaller;
    color: #aaa;

    float: left;
    height; auto;

    width: 140px;
    padding-top: 5px;
    padding-right: 10px;
    margin-right: 10px;

    background-image: url(images/pointy.png);
    background-repeat: no-repeat;
    background-position: right 38px;
}

div#postings > div.post > div.meta:hover {
    background-image: none;

    color: #555;
}

div#postings > div.post > div.meta:hover div.author {
    color: #222;
}


div#foot:hover a[href],
div#postings > div.post > div.meta:hover a[href] {
    background-image: none;

    color: #006fef;
}

div#foot a[href],
div#postings > div.post > div.meta a[href] {
    color: #8eadd1;
    border-bottom: 0px solid white;
}

div#postings > div.post > div.meta a[href]:hover {
    color: #ef8c00;
}

div#postings > div.post > div.meta div.image img {
    margin: 0px 0px 0px auto;
}

div#postings > div.post > div.meta div.image {
    padding: 0px 0px 15px 0px;
    opacity: .8;
}

div#postings > div.post > div.meta:hover div.image {
    background-image: url(images/pointy-down.png);
    background-repeat: no-repeat;
    background-position: 93px 83px;
    opacity: 1;
}


div#postings > div.post > div.meta div.author {
    font-weight: bold;
    color: #666;
}


div#postings > div.post > div.meta div.author {
    padding-top: 0ex;
}

div#postings > div.post > div.meta .desc,
div#postings > div.post > div.meta .subdesc {
    padding-top: 1ex;
    border-bottom: dotted 1px #ddd;
}

div#postings div.post > div.text > h2:first-child:hover,
div#postings > div.post > div.meta .desc:hover,
div#postings > div.post > div.meta .subdesc:hover {
    border-bottom: dotted 1px #888;
}

div#postings > div.post > div.meta .subdesc {
    display: none;
}

div#postings > div.post > div.meta:hover .subdesc {
    display: block;
}

div#postings > div.post > div.meta .desc:last-child {
    margin-bottom: 2em;
}

/****** Code blocks ******/
div#postings div.post pre.code {
    border: dotted 1px #bbb;
    background-color: #f5f5f5;

    overflow-x: scroll;

    padding: .75ex;
}


div#postings div.post pre.code span.comment {
    color: blue;
}

div#postings div.post pre div {
    padding: 0px;
    margin: 0px;
}


/****** Sidebars ******/

div#content > ul.sidebar {
    float: right;
    width: 23%;

    list-style: none;

    padding: 0;
    margin: 0;
}

div#content > ul.sidebar > li {
    display: block;

    font-size: smaller;

    padding-left: 2ex;
    padding-right: 1ex;
    
    padding-top: .5ex;
    padding-bottom: 1.5ex;
}

div#content > ul.sidebar > li ol,
div#content > ul.sidebar > li ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

div#content > ul.sidebar > li > ol > * li,
div#content > ul.sidebar > li > ul > * li {
    padding-left: 2ex;
}

div#content > ul.sidebar > li + li {
    margin-top: 1ex;
}

div#content > ul.sidebar > li > h2.widgettitle {
    margin: 0 0 .25ex -1.25ex;

    text-indent: 0;

    font-size: larger;
    font-weight: bold;
    font-color: #469C23;
}

div#content > ul.sidebar > li > ul  {
    padding: 0;
    margin: 0;
    list-style: none;
}

div#content > ul.sidebar > li > ul li {
    padding-top: .25ex;
    padding-bottom: .25ex;
    
    text-indent: -1ex;
    padding-left: 1ex;
}

div#content > ul.sidebar > li > ul > li li,
div#content > ul.sidebar > li > ul > li + li {
}


/** Blogroll widget */
div#content > ul.sidebar > li.widget_links a {
    border-bottom: 0px;
    padding-left: 14px;

    background: transparent url(images/feed.png) no-repeat scroll left center;
}

div#content > ul.sidebar > li.widget_links a:hover {
}



/****** Post styling: Wordpress *************/

div#postings > div.post > div.text p {
    margin-top: 0px;
}

div#postings > div.post > div.text .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div#postings > div.post > div.text .alignnone {
    margin: 0px auto;
    float: left;
    width: auto;
}

div#postings > div.post > div.text .alignright {
    float: right;
    margin: 2px 0px 2px 5px;
}

div#postings > div.post > div.text .alignleft {
    float: left;
    margin: 2px 9px 2px 0px;
}

div#postings > div.post > div.text .alignnone,
div#postings > div.post > div.text .alignright,
div#postings > div.post > div.text .alignleft {
    background: transparent url(images/shadow.gif) no-repeat scroll right bottom;
    padding: 4px 10px 10px 4px;
    border-color: #eee;
    border-style: solid none none solid;
    border-width: 1px 0px 0px 1px;
}

div#postings > div.post > div.text div.wp-caption {
    text-align: center;
}

div#postings > div.post > div.text div.wp-caption a[href] {
    border-bottom: 0px solid white;
}



div#postings > div.post > div.text p.addtoany_share_save_container *,
div#postings > div.post > div.text a[href*=gostumble],
div#postings > div.post > div.text a[href*=godigg],
div#postings > div.post > div.text a[href*=goreddit],
div#postings > div.post > div.text a[href*=godelicious],
div#postings > div.post > div.text a[href*=gocomments] {
    border: 0px;
}


/* Wordpress users, this is how much I love you: 
 * I'll remove your bizarre newlines. Because I care. 
 */
div#postings > div.post > div.text > div.snap_preview > br {
    display: none;
}


/* User-specific styling
 */

/* Event robot */
div#postings > div.postBy24 h3 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}


div#postings > div.postBy24 table tr td ul li {
    font-size: smaller;
    padding-bottom: .75ex;
    padding-left: 2ex;
    text-indent: -2ex;
}

div#postings > div.postBy24 table tr td ul {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div#postings > div.postBy24 div.from {
    text-align: right;
    color: #AAA;
    font-style: italic;
    font-size: smaller;
}

div#postings > div.postBy24 div.from a {
    color: #95bfef;
}

div#postings > div.postBy24 div.from a[href]:hover {
    border-bottom: 1px solid #ef8c00;
    color: #ef8c00;
}