/*
Legacy blog stylesheet
*/

/* global whitespace reset */
* {
    padding: 0;
    margin: 0;
    outline-style: none;
}

/* ----- Base Styles --*/

body {
    font: 81.25%/1.4 "Lucida Grande", Arial, sans-serif;
    color: #2B3236;
}

table {
	border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    border: 1px solid #cccccc;
    padding: 8px 10px;
}

th {
    font-size: 14px;
}

a {
    color: #00aeef;
    text-decoration: none;
}

a:hover {
    color: #0080b0 !important;
}

a img {
    border: none;
}

p, ul, ol, table, code, address, hr, pre {
    margin-bottom: 20px;
}

li {
    margin-left: 2.5em;
}

ul li {
    list-style-image: url("/static/images/blog/bullet_grey.png");
}

h1, h2, h3, h4, h5 {
    font-family: Arial;
    line-height: 1.2em;
    letter-spacing: -.02em;
    font-weight: bold;
    color: black;
    margin-bottom: .333em;
}

h2 {
    font-size: 2.308em; /* 30px */
}

h3 {
    font-size: 1.538em; /* 20px */
}

h3 .subHeader, h3.subHeader {
    font-size: .9em; /* 18px */
    color: #b7b7b7;
}

h4, #sidebar h2 {
    font-size: 1.23em; /* 16px */
}

h5 {
    font-size: 1em;
}

address {
    font-style: normal;
}

code, pre.codeBlock {
    color: black;
    font-size: 13px;
}

code.codeBlock, pre.codeBlock {
    display: block;
    border: 1px dashed #b7b7b7;
    background-color: #ebebeb;
    padding: 20px;
}

div.clearFloats {
   height: 0;
   clear: both; 
}

.strikethrough {
    text-decoration: line-through;
}

.breadcrumb {
    font-size: .92em; /* 12px */
    padding: 5px 0;
    border-top: 1px dotted #b7b7b7;
    border-bottom: 1px dotted #b7b7b7;
    text-transform: lowercase;
}

.breadcrumb a {
    font-weight: bold;
}

hr {
    height: 10px;
    background-color: transparent;
    color: white;
    outline: none;
    border: none;
    border-top: 1px dotted #b7b7b7;
    border-bottom: 1px dotted #b7b7b7;
}

/* ----- Layout --*/

#wrapper {
    width: 960px; /* plus 20px padding = 980px */
    margin: 0 auto 30px auto;
    padding: 0 10px;
}

#mainLeft {
    width: 670px;
    float: left;
}

#sidebar {
    width: 260px;
    border-top: 1px solid #b7b7b7;
    float: right;
}

#mainLeft, #sidebar {
    margin-bottom: 30px;
}

.sidebar_section {
    border-bottom: 1px solid #b7b7b7;
    padding: 20px 20px 0 25px; /* padding-bottom = standard 20px */
}

#sidebar {
    font-size: .92em; /* 12px */
}

#sidebar p {
    margin-bottom: 20px;
}

#sidebar li {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
}

ul.blogHeadlines li {
   list-style-image: url("/static/images/blog/bullet_blue.png") !important;
   margin-bottom: 5px;
}

/* ----- Header --*/

#header {
    text-align: right;
    line-height: 1;
    height: 42px;
    margin-bottom: 30px;
}

#header h1 {
    display: inline;
}

#header h1 img {
    float: left;
    border-top: 6px solid #6dcff6;
    padding-top: 10px;
    padding-right: 30px;
    height: 26px; /* plus 10px padding, 6px border = 42px */
}

#header ul {
    float: right;
    padding-top: 28px;
    margin-bottom: 0;
}

#header li {
    font-size: .92em; /* 12px */
    margin-left: 20px;
    display: inline;
    list-style-image: none;
}

/* ----- Footer --*/

#footer {
    border-top: 1px solid #b7b7b7;
    border-bottom: 3px solid #b7b7b7;
    padding: 10px 0;
    margin-bottom: 10px;
}

.footer_section {
    width: 25%;
    float: left;
}

.footer_section li, .footer_section p {
    font-size: .92em; /* 12px */
    margin-left: 0;
    margin-right: 25px;
}

.footer_section li {
    list-style-image: url("/static/images/blog/bullet_blue.png");
    list-style-type: none;
}

p#copyright {
    font-size: .846em; /* 11px */
    text-align: right;
    margin-bottom: 0;
}

/* ----- Twitter --*/

.plausibleLabs_twitter {
    background: url("/static/images/blog/twitter.jpg") top left no-repeat;
    padding-top: 124px;
    margin-top: 20px;
}

/* Blog-specific */
#sidebar ul#sidebar_recentPosts li {
    list-style-image: url("/static/images/blog/bullet_blue.png");
    margin-bottom: 5px;
}

.post h2 {
    margin-bottom: 0;
}

.post h2 a {
    color: black;
}

/* Author */
.post > p {
    font-size: .92em; /* 12px */
}
.post > p a {
    font-weight: bold;
}

span.post_edit a, #searchResults h3 a {
    color: #0080b0;
}

span.post_edit a:hover, #searchResults h3 a:hover {
    color: #00aeef !important;
}

#searchResults {
    font-size: .92em; /* 12px */
}

#searchResults p, #searchResults ul, #searchResults ol {
    margin-bottom: 10px;
}

#searchResults .post {
    margin-bottom: 15px;
}