/*
Theme Name: Distractable Theme
Theme URI: http://distractable.net/
Description: A clean new theme for distractable optimized for fast load times and optimal readability
Version: 2.0
Author: Damon Oehlman
Author URI: http://distractable.net/about-me/
Tags: light, fixed width, two columns, widgets
*/

body {
    font-family: Georgia, Serif;
    background: #EEEEEE;
}

/* page border styles */

div#pageborder {
    background: white;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 25px;
}

/* header styles */

div#header {
    clear: left;
    background: url(img/header_bg.png) repeat-x;
}

div#header img {
    border: 0px;
    background-image: none;
}

div#header .tagline {
    color: #EEEEEE;
    margin: 21px 10px;
    font-size: 1.25em;
    text-align: center;
    letter-spacing: 2px;
}

/* navbar styles */

ul#navbar {
    list-style-type: none;
    height: 30px;
    padding-top: 15px;
}

ul#navbar li {
    float: left;
    font-size: 1.15em;
    letter-spacing: 1px;
    margin: 5px 20px 10px 10px;
}

ul#navbar li a {
    color: #002255;
    text-decoration: none;
}

ul#navbar li a:hover {
    text-decoration: underline;
}

/* content styles */

.article {
    clear: both;
    line-height: 1.8em;
    font-size: 1.15em;
}

.article h1, .article h2 {
    color: #a02c2c;
    font-size: 1.30em;
}

.article h2 a {
    color: #a02c2c;
    text-decoration: none;
}

.article h2 a:hover {
    text-decoration: underline;
}

.article p {
    clear: left;
}

.article p a[href^="http:"]          { background-image: url(img/icons/external.png); padding-right: 14px; } 
.article p a[href^="mailto:"]        { background-image: url(img/icons/email.png); }
.article p a[href^="http://distractable.net"] { background: none; padding:0; margin:0; }
.article p a[href^="http://blog.distractable.net"] { background: none; padding:0; margin:0; }

.article ul {
    margin-left: 0px;
    padding-left: 14px;
}

.article ul li {
    padding-left: 10px;
    margin: 0px;
}

.article a img {
    border: 0px;
}

.article-teaser {
    line-height: 1.8em;
}

a.more-link {
    float: left;
}

.article-date {
    float: right;
    margin-bottom: 16px;
}

ul.taglist {
    margin: 0 0 0 6px;
    padding: 0;
    list-style-type: none;
    float: right;
}

ul.taglist li {
    margin: 0;
    padding: 0 0 0 28px;
    background: url(img/tag-label.png) no-repeat 4px 5px;
}

ul.taglist li a {
    text-decoration: none;
}

ul.taglist li a:hover {
    text-decoration: underline;
}

/* image styles */

.wp-caption {
    margin-right: 5px;
}

p.wp-caption-text {
    text-align: center;
    margin: 6px 0px 20px 0px;
    color: #444444;
    font-style: italic;
}

/* generic layout styles */

div.alignleft {
    float: left;
}

div.alignright {
    float: right;
}

/* pagination controls */

div.navigation {
    margin: 5px 0px 0px 0px;
    padding: 10px;
    clear: both;
    font-size: 1.25em;
}

/* specific article styles */

div.step {
    clear: right;
    margin: 5px 0px;
    padding: 3px 0px 10px 30px;
    text-align: justify;
}

/* comment styles */

#respond {
    clear: both;
}

h3#comments {
    font-size: 1.2em;
    clear: both;
    padding-top: 15px;
}

ol.commentlist {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
    font-size: 1.15em;
    line-height: 1.5em;
;
}

ol.commentlist li {
}

/* related posts style */

div.related-posts {
    float: right;
    min-width: 200px;
    max-width: 300px;
    border: 1px solid silver;
    background: #EEEEEE;
    padding: 10px;
    margin: 0px 0px 10px 10px;
}

div.related-posts h3 {
    margin: 0px 0px 10px 0px;
}

div.related-posts ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    line-height: 1.4em;
    font-size: 1.2em;
}

div.related-posts li {
    padding: 0px;
    margin: 0px;
}

/* sidebar styles */

div#sidebar-robot {
    background: url(img/distractable_robot.png) 110px 0px no-repeat;
    min-height: 230px;
    padding: 4px 0px 0px 0px;
}

ul#sidebar {
    color:  #666666;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 1.2em;
}

ul#sidebar a img {
    border: 0px;
}

ul#sidebar li.subscribe {
    padding: 0px 0px 80px 0px;
    margin-left: -8px;
}

ul#sidebar li {
    margin: 0px;
    padding: 0px;
}

ul#sidebar li ul {
    margin: 10px 0px 4px 16px;
    padding: 0px;
}

ul#sidebar li.adsense {
    padding-top: 10px;
}

ul#sidebar h4 {
    color: #a02c2c;
}

ul#sidebar p {
    text-align: justify;
}

div.feature {
    background: #e6e6e6 url(img/feature_header.png) repeat-x;
    padding: 0px 10px 10px 10px;
    border-bottom: 5px solid #b3b3b3;
    margin: 10px 0px;
}

ul.feature-links {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.feature-links li {
    margin: 0px 0px 10px 0px;
}

.feature-popular {
    background: url(img/feature_header_poparticles.png) no-repeat;
}

/* image styles */

img.alignright {
    float: right;
}

a img.size-thumbnail {
    border: 3px solid silver;
    margin: 2px 0px 10px 10px;
}

/* footer styles */

div#footer {
    background: #999999;
    color: white;
    text-align: center;
    margin-top: 25px;
    padding: 10px 20px;
}

div#footer a {
    color: navy;
}

/* advertising styles */

div.adsense {
    float: right;
}