/*
Theme Name: ComicPress
Theme URI: http://comicpress.org
Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Tyler Martin, John Bintz, Philip M. Hofer
Author URI: http://mindfaucet.com/
Version: 2.8
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/

body
{
    background     : url('/images/bg.jpg') repeat-y;
    font-family    : Tahoma, Verdana, Helvetica, Arial, sans-serif;
    font-size      : 10pt;
}

img
{
    border         : 0px;
}

hr
{
    height         : 3px;
    color          : #D2D2D2;
    border         : 0px;
}

a
{
    color          : #333;
    text-decoration: none;
}

a:hover
{
    color          : #E5871F;
    text-decoration: underline;
}

.clear
{
    clear          : both;
    float          : none;
}

#header
{
    margin         : 0px auto;
    margin-bottom  : -16px;
    height         : 147px;
    width          : 749px;
}

#menubar
{
    height         : 35px;
    margin         : 0px auto;
    overflow       : hidden;
    width          : 800px;
}

#menunav
{
    float          : right;
}

.menunav-rss, .menunav-first, .menunav-prev, .menunav-next, .menunav-last
{
    display        : block;
    float          : left;
    height         : 35px;
    line-height    : 35px;
    margin         : 0px;
    padding        : 0px;
}

.menunav-rss
{
    background     : url('/images/rss.png') no-repeat;
    border         : 0px;
    width          : 32px;
    text-indent    : -9999px;
}

.menunav-rss:hover
{
    background-position: 0px -35px;
}

.menunav-prev a
{
    background     : url('/images/prev.png') no-repeat;
    border         : 0px;
    display        : block;
    width          : 42px;
    text-indent    : -9999px;
}

.menunav-prev a:hover
{
    background-position: 0px -35px;
}

.menunav-next a
{
    background     : url('/images/next.png') no-repeat;
    border         : 0px;
    display        : block;
    width          : 42px;
    text-indent    : -9999px;
}

.menunav-next a:hover
{
    background-position: 0px -35px;
}

#menu
{
    margin         : 0px;
    padding        : 0px;
}

#menu li
{
    float          : left;
    list-style     : inside url('/images/bullet.png');
    margin         : 0px 2px;
    white-space    : nowrap;
}

.page_item a, .link_item a
{
    display        : inline-block;
    height         : 35px;
    line-height    : 35px;
    margin         : 0px;
    overflow-y     : hidden;
    padding        : 0px;
}

#menu li.page-item-home
{
    list-style     : none;
    margin         : 0px 2px 0px 0px;
}

.page_item a
{
    text-indent    : -9999px;
}

.page_item a:hover
{
    background-position: 0px -35px;
}

.link_item a:hover img
{
    margin-top     : -35px;
}

.page-item-home a
{
    background     : url('/images/hq.png') no-repeat;
    width          : 42px;
}

.page-item-60 a
{
    background     : url('/images/evidence.png') no-repeat;
    width          : 112px;
}

.page-item-19 a
{
    background     : url('/images/accomplices.png') no-repeat;
    width          : 148px;
}

#comic-head
{
    margin         : 4px auto 0px auto;
    width          : 800px;
}

#comic
{
    background     : white;
    border         : 3px solid #525252;
    margin         : 0px auto;
    width          : 800px;
    text-align     : center;
}

#comic-foot
{
    margin         : 0px auto 4px auto;
    width          : 800px;
}

#content-wrapper
{
    margin         : 0px auto;
    padding        : 0px;
    width          : 806px;
}

#content
{
    float          : left;
}

.narrowcolumn
{
    float          : left;
    margin         : 0px;
    width          : 586px;
}

.column
{
    background     : #DDDDDD;
    border         : 3px solid #525252;
}

.nav
{
    float          : right;
    margin-top     : 5px;
}

.nav > div
{
    float          : left;
    font-weight    : bold;
    padding        : 0px 5px;
}

.nav-first
{
    padding        : 0px 5px 0px 0px;
}

.nav-last
{
    padding        : 0px 0px 0px 5px;
}

.post, .post-comic, .post-page
{
    clear          : both;
}

.post-comic-head
{
    border-top     : 3px solid #525252;
    margin         : 5px 0px -5px 0px;
}

.post-info, .entry, .post-extras, .comment, .post-page
{
    padding        : 0px 5px;
}

.comment-link
{
    height         : 25px;
    line-height    : 20px;
    font-family    : Arial, sans-serif;
    font-weight    : bold;
    text-align     : right;
}

.comment-link a
{
    color          : #333;
}

.comment-link a:hover
{
    color          : #E5871F;
}

.comment-balloon
{
    background     : url('images/comment-balloon.png') no-repeat;
    display        : block;
    float          : right;
    font-family    : Georgia, serif;
    font-size      : 16px;
    font-weight    : normal;
    height         : 25px;
    line-height    : 16px;
    margin         : 0px 0px 0px 5px;
    overflow       : hidden;
    text-align     : center;
    width          : 30px;
}

.comment-balloon-empty
{
    font-size      : 20px;
    line-height    : 30px;
}

#blogheader
{
    border-top     : 3px solid #525252;
    padding        : 5px 0;
}

#sidebar-left, #sidebar-right
{
    background     : #DDDDDD;
    border         : 3px solid #525252;
}

#sidebar-left
{
    float          : left;
    width          : 210px;
}

#sidebar-right
{
    float          : right;
    width          : 210px;
}

#sidebar-overcomic
{
    padding        : 20px 0 0 0;
}

.sidebar
{
    font-size       : 11px;
    margin          : 5px;
    overflow        : hidden;
    padding         : 0 0 5px 0;
    text-align      : center;
}

.sidebar h2, .sidebar h2 a
{
    font-family     : Arial;
    font-size       : 16px;
}

.sidebar .widget
{
    margin          : 5px 0px;
}

.sidebar ul
{
    list-style      : none;
    margin          : 0px;
    padding         : 0px;
}

.sidebar ul li
{
    list-style      : none;
    margin          : 0px;
    padding         : 0px;
}

.sidebar ul li ul li
{
    margin          : 0px 0px 0px 13px;
    padding         : 0px;
}

.sidebar li h2
{
    margin          : 0px;
}

.customsidebar ul, .customsidebar li 
{
    margin          : 0;
    padding         : 0;
    list-style      : none;
}

#footer
{
    margin          : 0px auto;
    text-align      : center;
    width           : 800px;
}

/* Pagination */
#wp-paginav
{
    background      : url("/images/menu.png");
    text-align      : left;
    border          : 1px solid #999999;
}

#paginav
{
    padding         : 0;
    margin          : 0;
    list-style      : none;
    float           : left;
    line-height     : 25px;
    font-size       : 13px;
    border-right    : 1px solid #aaa;
}

#paginav .paginav-pages, #paginav .paginav-extend
{
    padding         : 0 15px 0 15px;
}

#paginav a
{
    padding         : 0px 10px 0 10px;
    display         : block;
    color           : #000000;
    text-decoration : none;
}

#paginav ul
{
    margin          : 0;
    padding         : 0;
    list-style      : none;
}

#paginav li
{
    float           : left;
}

#paginav li a
{
    border-left     : 1px solid #AAAAAA;
    border-right    : 1px solid #CCCCCC;
}

#paginav .paginav-next, #paginav .paginav-previous
{
    font-size       : 20px;
}

#paginav .paginav-current, #paginav .current
{
    padding         : 0px 10px 0 10px;
    color           : #FFFFFF;
    border-left     : 1px solid #aaa;
    background      : url("/images/menu.png") 0 -150px;
}

#paginav li:hover a
{
    border-left     : 1px solid #E5871F;
    border-right    : 1px solid #E5C098;
    color           : #000000; 
    background      : url("/images/menu.png") 0 -75px;
}

#transcript-content
{
    overflow        : hidden;
}

.widget_tag_cloud
{
    display         : none;
    visibility      : hidden;
}