/*  
Theme Name:     Too Newsy
Theme URI:         http://performancing.com/wordpress-themes/
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 ul li, #sidebar ul li, #footer ul li {
    list-style: none;
}
    #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;

    }
    #posts .post h2 {
        font-size: 2.2em;
        line-height: 1.1;
        margin: 0 0 10px;
    color: #CC0000;
    }
    #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: #2D8930;
        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: #FFFFCC;
    }
        #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 #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 {
        color: #2D8930;}
    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 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: #CC0000;
    }
    #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 a {
        display: inline;
        padding-right: 10px;
        margin-right: 10px;
    color: #CC0000;
    }
    #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;
}
a.xl{
    display: none !important;
}

#wp_page_numbers ul,#wp_page_numbers li,#wp_page_numbers a {
    padding: 0;
    margin: 0;
    border: none;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    list-style: none;
    text-transform: none;
    text-indent: 0px;
    font-variant: normal;
    text-align: left;
    line-height: 12px;
    letter-spacing: 0px;
    word-spacing: 0px;
}

#wp_page_numbers {
    margin-top: 20px;
    width: 100%;
}

#wp_page_numbers ul {
    width: 100%;
}

#wp_page_numbers li {
    float: left;
    display: block;
}

#wp_page_numbers a {
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    color: #CC0000;
    font-family: Arial;
    font-size: 12px;
}

#wp_page_numbers li a:hover {
    color: #333;
}

#wp_page_numbers li.space {
    font-size: 12px;
    font-family: Arial;
    color: #aaa;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

#wp_page_numbers li.first_last_page {
    font-style: italic;
}

#wp_page_numbers li.active_page a {
    color: #fff;
    background: #aaa;
}

#wp_page_numbers li.active_page a:hover {
    color: #fff; /* IE fix */
}

#wp_page_numbers li.page_info {
    float: left;
    font-size: 12px;
    font-family: Arial;
    color: #000000;
    display: block;
    padding: 3px;
    padding-right: 5px;
}

#wp_page_numbers ul li {
    background: transparent;
    padding-left:0;
}

/* Header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 1100px; padding: 0px 25px 15px 25px; position: relative; color: #ff6600;}

/* Logo
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo { padding: 0px 0px 0px 0px; min-height: 20px;}
.logo .txt h1 { font: bold 52px/52px Arial, Helvetica, sans-serif; letter-spacing: -3px; padding: 10px 0px; }
.logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#000033;}
.logo .img img { margin-bottom: 5px; }

/* Search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.search { background: url(images/search-bg.png) no-repeat; width: 433px; position: absolute; right: 25px; bottom: 0px; padding: 11px 0px 0px 0px;}
.search form { float: right; margin-right: 10px;}

/* Search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.download { background: url(images/download-ico.png) left no-repeat; width: 230px; position: absolute; right: 25px; top: 0px; padding: 0px 0px 0px 22px; font: bold 14px/18px Arial; letter-spacing: -1px;}


/* Menu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu { width: 1100px; margin: 0px 25px; background: #ffe98e url(images/menu-bkg.png) no-repeat right; overflow: hidden; margin-bottom: 15px; }
/**/ * html .menu { height:1%; } /* */ 
.menu ul { width: 1100px; float: left; background: url(images/menu-ul-left.png) no-repeat left; padding: 7px 6px 7px 7px;}
.menu li { display: inline; font: bold 14px/14px "Trebuchet MS"; float: left; }
.menu li ul { display: none;}
.menu li a { padding-left: 10px; margin-right: 2px; background: url(images/menu-left.png) no-repeat left top; float: left;}
.menu li a span { padding: 4px 10px 5px 0px; display: block; background: url(images/menu-right.png) no-repeat right top; float: right; }
.menu li a span { float: none; color: #CC0000;}
.menu li a:hover { background-position: 0% -23px; color:#fff; text-decoration: none;}
.menu li a:hover span { background-position: 100% -23px; color:#fff;}

.menu .current_page_item a { background: url(images/menu-left.png) no-repeat left bottom; color:#fff; }
.menu .current_page_item a span, .menu .current_page_item a:visited span, .menu .current_page_item a:hover span { background: url(images/menu-right.png) no-repeat right bottom; color:#fff; }

