/*  
Theme Name:         Too Newsy
Theme URI:                 http://themes.performancing.com/
Description:         A 3-column WordPress theme that uses minimal images, earthy colors, and touches of elegance.
Version:                 1.0b
Author:                 Sophia Lucero. Distributed under Performancing Themes
Author URI:         http://stellify.net/
Tags:                         white, green, tan, gray, three-columns, right-sidebar, threaded-comments, microformats, sticky-post, fixed-width
*/
/* abridged reset */
* { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
        html { font-size: 62.5%; }
        body, input, textarea, button, select, option { font-family: Cambria, Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif; color: #030; }
        body { font-size: 1.3em; line-height: 1.8em; }
        a { text-decoration: none; outline: 0; color: #183; }
        a:hover, a:active { color: #1a1; }
        a img, input, textarea, button, select, option { border: none; }
        h1, h2, h3, h4, h5, h6 { font-weight: normal; }
        blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
        table { border-collapse: collapse; border-spacing: 0; }
        ins { text-decoration: none; } del { text-decoration: line-through; }
        code, pre { font-family: Consolas, Lucida Console, Monaco, Courier New, monospace; }
        ins, em, i, dt, dfn, cite { font-style: italic; } strong, b { font-weight: bold; }
#wrap, #footer{
        width: 960px;
        margin: 0 auto;
}
#header, #posts .post, #sidebar, .sidebar, #footer {
        overflow: hidden;
}
#header, #posts {
        width: 470px;
}
#header, #posts {
        float: left; display: inline;
}
#header {
}
        #header h1 {
                font-size: 2em;
                line-height: 80px;
                height: 80px;
                border-bottom: 1px solid #999;
        }
        #header .menu {
                
        }
        #header .menu li {
                display: block; float: left;
                width: 20%;
                border-bottom: 1px solid #999;
        }
        #header .menu li a {
                display: block;
                line-height: 40px;
                height: 40px;
                background: #555;
                margin: 5px 0;
                color: #fff;
                text-transform: uppercase;        
                text-align: center;
        }
        #header .menu li a:hover {
                background: #222;
        }
#posts {
        clear: left;
        margin: 5px 0;
        font-size: 1.154em;        
}
        #posts .post {
                margin: 0 0 40px;
                padding: 0 0 40px;
                background: url(images/line.gif) 50% 99% no-repeat;
        }
        #posts .post h2 {
                font-size: 2.2em;
                line-height: 1.1;
                margin: 0 0 10px;
        }
        #posts .post .meta {
                margin: 0 0 20px;
                text-transform: uppercase;
                letter-spacing: 2px;
                font-size: 0.75em;
                color: #777;
        }
        #posts .post .meta a {
                font-weight: bold;
                color: #777;
        }
        #posts .post .meta a:hover {
                color: #555;
        }
        #posts .post .content {
                padding: 0 0 20px;
        }
        #posts p, #posts table, #posts dl, #posts .content h3, #posts .content h4, #posts .content h5, #posts .content h6 {
                margin: 20px 0;
        }
        #posts table, #posts .content h3, #posts .content h4, #posts .content h5, #posts .content h6 {
                clear: both;
        }
        #posts blockquote {
                margin: 20px 40px;
                border: 1px solid #ccc;
                border-width: 1px 0;
                color: #555;
        }        
        #posts ul, #posts ol {
                margin: 20px 30px;
        }
        #posts dd {
                margin: 0 0 0 30px;
        }
        #posts .content h3 {
                font-size: 1.6em;
                font-style: italic;
                color: #777;
        }
        #posts .content h4 {
                font-size: 1.4em;
        }
        #posts .content h5 {
                font-size: 1.3em;
        }
        #posts .content h6 {
                font-size: 1.2em;
        }
        #posts .post .content a, #commentsection .commentlist li .content a {
                border-bottom: 1px solid #ccc;
        }
        #posts .post .content a img {
                border: 1px solid #ccc;
                display: block;
        }
        #posts .post .content a:hover {
                border-bottom-color: #1a1;
        }
        #posts #pagetitle {
                margin: 0 0 40px;
                font-style: italic;
                color: #555;
                text-align: center;
                font-size: 1.2em;
        }
        #posts .navigation {
                width: 100%;
                margin: 0 0 40px 0;
                overflow: hidden;
        }
                #posts .navigation div {
                        width: 45%
                }
                #posts .navigation .alignleft {
                        float: left;
                }
                #posts .navigation .alignright {
                        float: right;
                        text-align: right;
                }
        #commentsection {
                clear: both;
        }
                #commentsection h3 {
                        font-size: 1.4em;
                        color: #555;
                        clear: both;
                        margin: 20px 0;
                }
                #commentsection h4 {
                        text-transform: uppercase;
                        font-weight: bold;
                        letter-spacing: 5px;
                        font-size: 0.85em;
                        color: #555;
                        clear: both;
                        margin: 20px 0;
                        text-align: center;
                }
                #commentsection label {
                        display: block;
                        margin: 10px 0 0;
                        font-weight: bold;
                }
                #author, #email, #url, #comment, #submit {
                        border: 1px solid #999;
                        padding: 5px;
                        font-style: normal;
                        color: #222;
                        display: block;
                        background: #fff;
                }
                #author, #email, #url { width: 200px; }
                #comment { width: 95%; }
                #submit {
                        background: #f7f0df;
                        padding: 10px;
                        font-weight: bold;
                        color: #183;
                        border-color: #777;
                }
                #commentsection .commentlist {
                        margin: 20px 0 10px;
                        border-bottom: 1px solid #ccc;
                }
                #commentsection .commentlist li.comment, #commentsection .commentlist li.pingback, #commentsection .commentlist li.trackback, #commentsection .commentlist li.alt {
                        padding: 10px;
                        border-top: 1px solid #ccc;
                        clear: both;
                        background: #f7f0df;
                        list-style: none;
                }
                #commentsection .commentlist li.alt { background: #fff9ee; }
                #commentsection .commentlist li.pingback, #commentsection .commentlist li.trackback { background: #fff; }
                #commentsection .commentlist li .reply a { background: #fff; padding: 5px; border: 1px solid #ccc; }
                #commentsection .commentlist .children {         margin: 0; }
                #commentsection .commentlist li blockquote {         margin: 20px; }
                #commentsection .commentlist .commentmetadata {
                        font-size: 0.7em;
                        text-transform: uppercase;
                        color: #777;
                        letter-spacing: 2px;
                }
                #commentsection .commentlist .commentmetadata a {
                        font-weight: bold;
                        color: #777;
                }
                #commentsection .commentlist .avatar {
                        margin: 0 0 0 10px;
                        float: right;
                }
                #commentsection .commentlist .comment-author {
                        font-size: 1.3em; font-style: italic;
                }
#sidebar {
        float: left;
        width: 475px;
        margin: 0 0 0 15px !important; /* fixes 3-pixel bug */
        position: relative;
        top: -132px;
}
        #sidebar .primary, #sidebar .secondary {
                float: left;
                padding: 0 0 40px;
        }
        #sidebar .primary  {
                width: 280px;
                margin: 0 0 0 0;
                background: #eee8d8;
        }
                #sidebar .primary li {
                        margin: 0 15px;
                }
                #sidebar .primary li li {
                        margin: 0;
                }
        #sidebar .secondary {
                width: 180px;
                float: right;
        }
        #sidebar #about {
                height: 30px;
                margin: 25px 15px 25px;
                font-size: 0.9em;
                line-height: 14px;
                font-style: italic;
                overflow: hidden;
        }
        #sidebar #subscribe a {
                display: block;
                line-height: 50px;
                height: 50px;
                border: 1px solid #ccc;
                border-width: 1px 0;
                background: #f7f0df url(images/feedicon.gif) 10px 50% no-repeat;
                padding-left: 50px;
                font-style: italic;
                font-weight: bold;
                font-size: 1.9em;
        }
        #sidebar #twitter a {
                display: block;
                line-height: 50px;
                height: 50px;
                border: 1px solid #ccc;
                border-width: 1px 0;
                background: #f7f0df url(images/twitter.jpg) 10px 50% no-repeat;
                padding-left: 50px;
                font-style: italic;
                font-weight: bold;
                font-size: 1.9em;
        }
        #sidebar #search {
                border: 1px solid #999;
                border-width: 1px 0;
                padding: 5px 0;
                margin: 80px 0 0;
        }
                #sidebar #search #searchform {
                        background: #555;
                        height: 40px;
                        line-height: 40px;
                }
                #sidebar #search #s {
                        width: 160px;
                        height: 20px;
                        line-height: 20px;
                        display: block;
                        margin: 0 auto;
                        position: relative;
                        top: 10px;
                        background: #fff url(images/searchicon.gif) 99% 50% no-repeat;
                        padding: 2px 0 0 5px;
                }
                #sidebar #search h2, #sidebar #search label, #sidebar #search #searchsubmit {
                        display: none;
                }
        #sidebar #articles li {
                margin: 0 0 10px;
        }
                #sidebar #articles li .excerpt {
                        padding: 0 0 10px;
                        border-bottom: 1px solid #ccc;                        
                }
        #sidebar .secondary li li {
                font-size: 1.1em
        }
        #sidebar .secondary li li li {
                font-size: 1em
        }        
        #sidebar .secondary li a {
                display: block;
                line-height: 1.3em;
                padding: 10px 0;
                border-bottom: 1px solid #ccc;
                height: 1%;
        }        
        #sidebar li.page_item li a, #sidebar li.cat-item li a {
                padding-left: 20px;
        }
        #sidebar li {
                list-style: none;
        }
        #sidebar li h2 {
                margin: 40px 0 5px;
                text-align: center;
                letter-spacing: 5px;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 0.846em;
                line-height: 20px;
                color: #555;
        }
        #sidebar li h3 {
                font-size: 1.4em;
                margin: 0 0 10px;
        }
        #sidebar li p {
                margin: 0 0 10px;
        }
        #sidebar li.blurb ul li {
                list-style-type: square;
                margin: 0 0 0 15px;
        }
        #sidebar li.blurb ul {
                margin: 0 0 10px;
        }
#footer {
        clear: both;
        padding: 0 0 40px 0;
}
        #footer li {
                display: inline;
                padding-right: 10px;
                margin-right: 10px;
                border-right: 1px solid #ccc;
        }
        #footer li.last {
                border: none;
        }
/* image styles */
        #posts .alignnone { display: block; margin: 10px 10px 20px 0; }
        #posts img.alignleft { margin: 10px 10px 20px 0; float: left; clear: left; }                
        #posts img.alignright { margin: 10px 0 20px 10px; float: right; clear: right; }
        #posts img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
        #posts div.wp-caption { margin: 10px 10px 20px; border: 1px solid #ccc; overflow: hidden; }
        #posts div.alignleft { text-align: left; float: left; margin-left: 0; }
        #posts div.alignright { text-align: right; float: right; margin-right: 0; }
        #posts div.aligncenter { text-align: center; margin: 0 auto; }
                #posts .wp-caption img { display: block; margin: 5px auto; border: 1px solid #ccc; }        
                #posts .wp-caption-text { margin: 5px; font-style: italic; font-size: 0.85em; line-height: 1.3em; color: #555; }
        #posts .gallery { margin: auto auto 20px; }
                #posts .gallery .gallery-item { clear: none; margin: 0; }
                #posts .gallery .gallery-icon, #posts .gallery .gallery-caption { margin: 5px 0 5px 0; }
                #posts .gallery .gallery-caption { text-align: left; font-style: italic; font-size: 0.85em; line-height: 1.3em; color: #555; margin-right: 10px; }
.clear:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}