/*  
Theme Name: Grün
Theme URI: http://www.piepalace.ca/blog/projects/grun
Description: A theme in Green.
Version: 1.0
Author: Erigami Scholey-Fuller
Author URI: http://www.piepalace.ca/blog
*/

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

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

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

a[href] {
    text-decoration: none;
    color: #469C23;
}

a[href]:hover {
    text-decoration: underline;
}

blockquote {
    border: dotted 1px #bbb;
    background-color: #f5f5f5;

    text-indent: 38px;

    font-style: italic;

    background-image: url(images/quote-l.png);
    background-repeat: no-repeat;
    background-position: top 3px;
    padding: .75ex;
}

blockquote p:first-child {
    text-indent: 38px;
    padding-top: 0;
    margin-top: 0;
}

blockquote p + p{
    padding-top: 1ex;
}

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 #469C23;
    background-color: #f5fff5;

    padding: .75ex;
}

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

    padding: .75ex;

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

/*** Header ***/
div#page {
    background-color: white;

    padding-left: 7%;
    padding-right: 7%;
}


div#head {
    color: #fff;
    font-weight: bold;

    padding: 0 7%;

    background-image: url(images/tile.png);
    background-repeat: repeat-x;
    background-color: black;

    height: 140px;

    position: relative;
}

div#head img {
    padding-top: 10px;
    float: left;
    border: 0px;
}

div#head > h1#name {
    display: none;
    white-space: nowrap;

    padding-left: 110px;

    font-size: 100px;

    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-position: middle left;
}

/* Menu */
div#head ul#menu {
    margin: 1ex 0 0 0;
    padding: 0 7% 8px 0;

    list-style: none;

    text-align: right;
    
    width: 100%;

    text-align: right;

    position: absolute;
    bottom: 0px;
    right: 0px;
    
    background-image: url(images/gradient-top.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}

div#head ul#menu li {
    display: inline;

    float: right;

    margin: 0 .5ex 0 0;
    padding: .4ex 0 .2ex 13px;

    background-image: url(images/unselected-tab_left.png);
    background-repeat: no-repeat;
}


div#head ul#menu li a {
    display: inline;
    color: white;
    text-decoration: none;

    margin: 0;
    padding: .4ex 13px .2ex 0;
    
    background: transparent url(images/unselected-tab_right.png) no-repeat right top;
}

div#head ul#menu li a:hover {
    text-decoration: underline;
}

div#head ul#menu li.current_page_item {
    background-image: url(images/tab_left.png);
}

div#head ul#menu li.current_page_item a {
    background-image: url(images/tab_right.png);
}

div#foot {
    clear: both; 

    font-size: smaller;

    color: #fff;

    margin-top: 1ex;

    background-image: url(images/tile-bottom.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: black;

    text-align: center;
}

div#foot div#copyright {
    padding: 2ex 7% 4em 7%;

    background-image: url(images/gradient-bottom.png);
    background-repeat: repeat-x;
    background-position: top left;
}

/****** 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;
}

div#postings div.post div.text {
    clear: both;
}

div#postings div.post div.text a[href] {
    border-bottom: #469C23 dotted 1px;
}

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

    border-bottom: dotted 1px #bbb;

    padding-top: 0;
    margin-top: 0;
}

div#postings div.post div.meta a.commentlink {
    padding-left: 18px;

    background-image: url(images/comment-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}


div#postings div.post div.meta a.commentlink:hover {
    background-image: url(images/comment.png);
}

/** Date block */
div#postings div.post div.title {
}

div#postings div.post div.title div.posted {
    float: left;

    font-size: smaller;

    padding-right: .4ex;
    margin-right: .4ex;

    text-align: center;

    border-right: 1px solid #ddd;
}

div#postings div.post div.title div.posted div.day {
    font-size: 160%;
    color: #aaa;
    margin: -.2ex 0;
    line-height: 100%;
}

div#postings div.post div.title div.posted div.month {
    color: #999;
    margin: -.2ex 0;
    line-height: 100%;
}

div#postings div.post div.title div.posted div.year {
    font-size: 80%;
    color: #999;
    line-height: 100%;
}

/** Title block */
div#postings div.post div.title h2 {
    line-height: 100%;
    margin: -.2ex 0 .3ex 0;
    font-size: 140%;
}


/** Meta block */
div#postings div.post div.title div.meta {
    line-height: 100%;
    color: #999;
    font-size: 80%;
    clear: right;
}

div#postings div.post div.title div.meta a {
    color: #999;
}

div#postings div.post div.title div.meta span.tags {
    margin-left: 3ex;
    padding-left: 18px;
    
    color: #bbb;

    background-image: url(images/tag_green-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#postings div.post div.title div.meta span.tags:hover {
    background-image: url(images/tag_green.png);
}

/****** 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;
}

/****** Comments ******/
div.comments {
    clear: left;
}


ul {
    list-style-image: url(images/bullet.png);
    list-style-position: outside;
    list-style-type: disc;
}


/****** 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;

    background-color: #f5f5f5;

    border: 1px solid #ddd;

    padding-left: 1ex;
    padding-right: 1ex;
    
    padding-top: .5ex;
    padding-bottom: .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 {
    padding: 0;
    margin: 0 0 .25ex 0;

    text-indent: 0;

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

    border-bottom: dotted 1px #bbb;
}

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 {
    border-top: 1px dashed #bbb;
}


/*** Widget-specific sidebar styling ***/

/* Grun colophon */
div#content > ul.sidebar > li.grun_widget_colophone > h2 {
    padding-left: 18px;

    background-image: url(images/information-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li.grun_widget_colophone:hover > h2 {
    background-image: url(images/information.png);
}

/* Recent comments */
div#content > ul.sidebar > li.widget_get_recent_comments > h2 {
    padding-left: 18px;

    background-image: url(images/comment-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li.widget_get_recent_comments:hover > h2 {
    background-image: url(images/comment.png);
}

div#content > ul.sidebar > li.widget_get_recent_comments > ul > li div.comment {
    clear: both;
}

div#content > ul.sidebar > li.widget_get_recent_comments > ul > li > a[href] + div.comment {
    padding-top: 0em;
    margin-top: 0em;
}

div#content > ul.sidebar > li.widget_get_recent_comments > ul > li div.comment {
    padding-top: .5em;
    clear: both;
}

div#content > ul.sidebar > li.widget_get_recent_comments > ul > li + li {
    border-top: none;
    padding-top: 1em;
}

/* Recent posts */
div#content > ul.sidebar > li.widget_recent_entries > h2 {
    padding-left: 18px;

    background-image: url(images/bomb-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li.widget_recent_entries:hover > h2 {
    background-image: url(images/bomb.png);
}

/* Miniposts */
div#content > ul.sidebar > li.widget_miniposts2_display > h2 {
    padding-left: 18px;

    background-image: url(images/page-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li.widget_miniposts2_display:hover > h2 {
    background-image: url(images/page.png);
}

/* RS_events */
div#content > ul.sidebar > li.widget_rs_event > h2 {
    padding-left: 18px;

    background-image: url(images/clock-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li.widget_rs_event:hover > h2 {
    background-image: url(images/clock.png);
}


/* Colophone */
div#content > ul.sidebar > li.grun_widget_colophone div {
    padding-left: 2ex;
    text-indent: -2ex;
}

div#content > ul.sidebar > li.grun_widget_colophone div span.title {
}

div#content > ul.sidebar > li.grun_widget_colophone > div + div {
    padding-top: .25ex;
}


/* Tag cloud*/
div#content > ul.sidebar > li.grun_widget_tagcloud > h2 {
    padding-left: 18px;

    text-align: justify;

    background-image: url(images/tag_green-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li.grun_widget_tagcloud:hover > h2 {
    background-image: url(images/tag_green.png);
}


/* Default Search box */
div#content > ul.sidebar > li.widget_search {
    padding: 1ex;
    text-align: left;
}

div#content > ul.sidebar > li.widget_search div {
    border: 1px solid #ddd;
    background-color: white;
}

div#content > ul.sidebar > li.widget_search div input[type=text] {
    width: 85%;
    border-style: none;
    padding: .25ex .25ex .25ex 22px;

    background-image: url(images/search-flat.png);
    background-repeat: no-repeat;
    background-position: 2px center;
}

div#content > ul.sidebar > li.widget_search div input[type=text]:hover, 
div#content > ul.sidebar > li.widget_search div input[type=text]:focus {
    background-image: url(images/search.png);
}

div#content > ul.sidebar > li.widget_search div br {
    display: none;
}

div#content > ul.sidebar > li.widget_search div input[type=submit] {
    display: none;
}

/* Pages */

div#content > ul.sidebar > li.widget_pages > h2 {
    padding-left: 18px;

    background-image: url(images/book_open-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li.widget_pages:hover > h2 {
    background-image: url(images/book_open.png);
}

/* Category tree */
div#content > ul.sidebar > li#category > h2 {
    padding-left: 18px;

    background-image: url(images/sitemap-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li#category:hover > h2, {
    background-image: url(images/sitemap.png);
}

/* Archives */
div#content > ul.sidebar > li#archives > h2 {
    padding-left: 18px;

    background-image: url(images/date-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li#archives:hover > h2 {
    background-image: url(images/date.png);
}



div#content > ul.sidebar > li#category > div.meta {
    text-align: justify;
}


div#content > ul.sidebar > li#all-categories li {
    list-style: none;
}

/* Search page. */

div#content > div#message > div {
    font-size: smaller;

    background-color: #f5f5f5;

    border: solid 1px #ddd;

    padding-left: 1ex;
    padding-right: 1ex;
    padding-top: .5ex;
    padding-bottom: .25ex;

    margin-bottom: 3ex;
}

div#content > div#message > div > h2 {
    padding: 0;
    margin: 0 0 .25ex 0;

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

    border-bottom: dotted 1px #bbb;
}

div.navigation {
    text-align: right;
}

div.navigation span {
    color: #bbb;
    padding-left: 2ex;
}

/* Pages */

div#content > ul.sidebar > li#all-pages > h2 {
    padding-left: 18px;

    background-image: url(images/book_open-flat.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > ul.sidebar > li#all-pages:hover > h2 {
    background-image: url(images/book_open.png);
}

div#content > ul.sidebar > li#all-pages li.current_page_item > a {
    font-weight: bolder;
}

div#content > ul.sidebar > li#all-pages ul ul {
    list-style: none;
    text-indent: 2ex;

    padding-left: 0px;

    border-bottom: none;
}


/* Message box */

div#content > div#message > div > h2 {
    padding-left: 18px;
    
    background-repeat: no-repeat;
    background-position: center left;
}

div#content > div#message > div > h2.searchtitle {
    background-image: url(images/search.png);
}

div#content > div#message > div > h2.tagtitle {
    background-image: url(images/tag_green.png);
}

div#content > div#message > div > h2.timetitle {
    background-image: url(images/date.png);
}


/* Comment display */
div.comments {
    width: 75%;
    padding-top: 2ex;
}

h3#comments {
    font-size: 150%;
    font-weight: normal;

    border-bottom: dotted 1px #bbb;

    padding-top: 0;
    margin-top: 0;
}

div.comments > ol.commentlist, 
div.comments > ol.commentlist > ul.children {
    list-style: none;
    padding-left: 0;
    margin-left: 2ex;
}

div.comments ol.commentlist li.comment {
    display: block;
    padding-left: 0;
    margin-left: 0;
    
    border-bottom: solid 1px #ddd;
}

div.comments ol.commentlist > li.type-pingback {
    margin-top: 2ex;
}


div.comments ol.commentlist > li.type-pingback div.back {
    padding-left: 18px;

    background-image: url(images/arrow_switch.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div.comments ol.commentlist > li.type-trackback div.back {
    padding-left: 18px;

    background-image: url(images/arrow_rotate_clockwise.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div.comments ol.commentlist > li + li {
    padding-top: 2ex;
}


div.comments ol.commentlist li img.avatar {
    float: left;

    border: 1px #bbb dotted;
    background-color: #f5f5f5;

    padding: .25ex;

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

div.comments ol.commentlist li.comment p {
    clear: both;
}

div.comments ol.commentlist li.comment p:last-child {
    margin-bottom: 0px;
}

div.comments ol.commentlist li div.reply-link {
    text-align: right;
    font-size: smaller;
}

div.comments ol.commentlist li div.reply-link a {
    color: #80c464;
}

div.comments ol.commentlist li div.meta {
    font-size: smaller;
    color: #aaa;

    margin-top: 1ex;
}


div.comments ol.commentlist li:hover div.meta {
    color: #555555;
}

div.comments ol.commentlist li:hover a[href],
div.comments ol.commentlist li:hover div.meta a[href] {
    color: #469C23;
}

div.comments ol.commentlist li div.meta a[href] {
    color: #80c464;
}

div.comments ol.commentlist li div.meta div.link {
}

div.comments ol.commentlist li div.meta div.link span.author {
    font-weight: bold;
}



/* Comment form */
div#respond h3 {
    font-size: 150%;
    font-weight: normal;

    border-bottom: dotted 1px #bbb;

    padding-top: 0;
    margin-top: 0;
}

form#commentform input[type=text] {
    border: 1px solid #ddd;
    background-color: white;

    padding-left: 20px;

    background-repeat: no-repeat;
    background-position: 2px center;
}

form#commentform textarea:focus,
form#commentform input[type=text]:focus {
    border-color: #888;
}

/* Author name */
form#commentform input#author {
    background-image: url(images/user-flat.png);
}

form#commentform input#author:hover,
form#commentform input#author:focus {
    background-image: url(images/user.png);
}


/* Email */
form#commentform input#email {
    background-image: url(images/email-flat.png);
}

form#commentform input#email:hover,
form#commentform input#email:focus {
    background-image: url(images/email.png);
}


/* link */
form#commentform input#url {
    background-image: url(images/link-flat.png);
}

form#commentform input#url:hover,
form#commentform input#url:focus {
    background-image: url(images/link.png);
}


/* Comment */
form#commentform textarea {
    width: 100%;
    border: 1px solid #ddd;
}


/****** PIEPALACE-specific stuff ******/
ul.sidebar > li#text-191166601 > div > div {
    text-indent: -1ex;
    padding-left: 1ex;

    margin-bottom: .75ex;
}

ul.sidebar > li#miniposts > div.miniposts > p {
    text-indent: -1ex;
    padding-left: 1ex;
    
}

ul.sidebar > li#text-1,
ul.sidebar > li#text-1 > * {
    display: none;
}


/* Contact form */
form.wpcf7-form input[type=text] {
    border: 1px solid #ddd;
    background-color: white;

    padding-left: 20px;

    background-repeat: no-repeat;
    background-position: 2px center;
}

form.wpcf7-form textarea:focus,
form.wpcf7-form input[type=text]:focus {
    border-color: #888;
}

/* Author name */
form.wpcf7-form span.your-name input[type=text] {
    background-image: url(images/user-flat.png);
}

form.wpcf7-form span.your-name input[type=text]:hover,
form.wpcf7-form span.your-name input[type=text]:focus {
    background-image: url(images/user.png);
}


/* Email */
form.wpcf7-form span.your-email input {
    background-image: url(images/email-flat.png);
}

form.wpcf7-form span.your-email input:hover,
form.wpcf7-form span.your-email input:focus {
    background-image: url(images/email.png);
}


/* Comment */
form.wpcf7-form textarea {
    width: 100%;
    height: 10em;
    border: 1px solid #ddd;
}