/*
Theme Name: responsive comicpress-3col
Theme URI: after http://comicpress.org
Description: ComicPress modified by JaMAuthor and co
Author: JaM and Co Tyler Martin
Author URI: http://jesusandmo.net/
Version: 0.6
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/

body{margin:0;color:#000;font-size:12px;font-family:'Arial',sans-serif;text-shadow:#000 0 0 0;background:#c60 url('background.png') center top repeat-y}  

/*this should add another column on the left */

#container { width: 960px; margin: 0px auto; position: relative; }
#sidebarleft { height: 100px; width: 200px; padding: 5px 0; float: left; font-size: 11px; }
#column{ width: 560px; padding: 5px 0 20px 0; position: absolute; left: 200px; overflow: hidden; }  
#sidebar{ width: 200px; padding:5px 0; float: right; font-size: 11px; overflow: hidden; }
.clear_columns { clear: both; }

a{color:#800;text-decoration:none} a:hover{color:#f00}a:focus{outline:none}a img{border:none}


#header{text-align:left;margin-bottom:0px}  



#menubar{background:#000;zoom:1}  



#menunav{float:right}  



#menunav a{width:25px;height:25px;display:block;float:left;color:#fff;font-size:11pt;font-weight:bold;line-height:25px;text-align:center;border-left:1px solid #000}  


#menunav a:hover{background:#800}  


#menu {margin:0;list-style:none; float:left; line-height:20px;font-family: 'Courier New', serif; font-style:bold; margin:0;}  


#menu a{padding:0px 5px;display:block;color:#fff;text-decoration:none;border-right:1px solid #000; padding-top:5px}  


#menu li{float:left; font-size: 12pt; margin-right:8px;}  


#menu li:hover a,#menu li.sfhover a{color:#fff}  

#menu li:hover,#menu li.sfhover{background:#800}  



#comic{padding:10px 0;text-align:center}  

#footer{padding:20px 0;text-align:center}  

.nav{float:right;font-size:12px;font-weight:bold}  

.nav-first{padding:0 5px 0 0;float:left;border-right:1px solid #000}  

.nav-previous{padding:0 5px;float:left}  

.nav-next{padding:0 5px;float:left;border-right:1px solid #000;border-left:1px solid #000}  

.nav-last{padding:0 0 0 5px;float:left}  

.nav-blog{color:#000;font-size:12px;font-weight:bold;float:right}  

.nav-blog-previous{padding:0 5px 0 0;float:left}  

.nav-blog-next{padding:0 0 0 5px;float:left;border-left:1px solid #000}  

.pagenav{padding:40px 20px 0 20px;color:#000;font-size:12px;font-weight:bold;clear:both}  

.pagenav-left{float:left}  

.pagenav-right{float:right}  

.nav a,.pagenav a,.nav-blog a{display:block;float:left;color:#000}  

.nav a:hover,.pagenav a:hover,.nav-blog a:hover{color:#800}  



.post,.post-comic,.post-page{padding:0 20px}  

.post-head,.post-page-head,.post-comic-head{}  

.post-foot,.post-comic-foot,.post-page-foot{margin:0 0 40px 40px;height:10px;overflow:hidden}  

.comicdate{font-size:14px}  

.postdate{font-size:11px}  

.more-link{border-top:1px dashed #000;font-style:italic;display:block;clear:both}  

.tags{font-size:11px;clear:both}  

.comment-link{font-family:'Georgia',serif;font-size:16px;text-align:right}  

#blogheader{font-family:'Georgia',serif;padding:25px 0 25px 20px;font-size:32px;letter-spacing:-2px;border-top:1px solid #000}  

.comment-wrap{padding:0 20px}  

.comment-wrap3{margin:0;padding:20px 0 0 0;color:#777;font-family:'Georgia',serif;font-weight:normal;font-size:24px;letter-spacing:-1px;clear:both}  

.bigballoon{color:#ccc;font-family:'Webdings',fantasy;font-size:28px}  

.comment-wrap a{text-decoration:none;border-bottom:1px dotted #777}  

.comment-wrap a:hover{color:#777;border-bottom:1px solid #777}  

.comment-wrap p{margin:10px 0 0 0}  

.comment-reply-link{font-weight:bold;font-style:italic}  

.avatar{margin:0 10px 10px 0;padding:5px;float:left;border:1px solid #777;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}  

#comment,#author,#email,#url{padding:2px;color:#000;font-family:'Verdana',sans-serif;font-size:12px;border:1px solid #999;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}  

#comment:hover,#author:hover,#email:hover,#url:hover{background:#eee}  

#comment{width:100%}  

#author,#email,#url{width:200px}  

#submit{margin:0 0 20px 0;padding:0 5px;float:right;color:#fff;background:#888;font-family:'Verdana',sans-serif;font-size:12px;border-width:2px;border-style:solid;border-color:#555;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}  

#submit:hover{cursor:pointer;background:#222}  

ol.commentlist{margin:0;padding:0;font-size:12px;list-style:none}  

.commentlist li{padding:20px 0 0 0;clear:both}  

.reply{text-align:right}  

  .comicarchiveframe{padding:5px;border:1px solid #000;background:#fff;opacity:0.99;filter:alpha(opacity=99)}  

 .comicarchiveframe:hover{opacity:0.70;filter:alpha(opacity=70)}  

.comicarchiveframe h3{margin:0}  

.comicarchiveframe a small{display:block;color:#000}  

.archive-year{font-size:48px}  

.archive-yearlist{padding:0 0 10px 0;font-size:14px}  

#sidebar h2,#sidebar h2 a{font-size:16px}  

#sidebar ul{margin:0;padding:0;list-style:none}  
ul.sidebarleft{margin:0 10px 10px 0;list-style:none}
#sidebar ul li{margin:0 0 10px 10px;padding:0}  

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

.random-comic-icon{padding:0 5px;color:#fff;background:#000}  

.comic-bookmark{margin:0 0 10px 5px}  

.archive-dropdown{max-width:100%}  

#wp-calendar{width:165px;margin:0 0 0 5px}  

#wp-calendar th{font-size:10px;font-weight:normal;text-align:center}  

#wp-calendar caption{font-family:'Georgia',sans-serif;font-size:18px;letter-spacing:-1px;font-variant:small-caps}  

#wp-calendar td{min-width:20px;padding:0;text-align:center;border:1px solid #000}  

#wp-calendar a{display:block;text-decoration:none;font-weight:bold}  

#wp-calendar a:hover{color:#fff;background:#000}  

#s{width:140px;margin:0;padding:2px;font-size:12px;font-family:'Arial',sans-serif}  

#searchsubmit{padding:0 5px;font-size:12px;font-family:'Arial',sans-serif}  

.clear{clear:both;text-align:center}  

.advert{margin-left:25px}  

.clear-margins{clear:both;height:0;line-height:0;font-size:0}  

.bookmark{margin:0 0 10px 5px}  

div.sociable{margin:16px 0}  

span.sociable_tagline{position:relative}  

span.sociable_tagline span{display:none;width:14em}  

span.sociable_tagline:hover span{position:absolute;display:block;top:-5em;background:#ffe;border:1px solid #ccc;color:black;line-height:1.25em}  

.sociable span{display:block}  

.sociable ul{display:inline;margin:0 !important;padding:0 !important}  

.sociable ul li{background:none;display:inline 

.sprites {
   background: url('./csg-4c475b1a9e016.png') no-repeat top left;
}  



.sprite-80x15 { background-position: 0 0; width: 80px; height: 15px; }  

 
.sprite-app { background-position: 0 -65px; width: 150px; height: 76px; }  

 
.sprite-masthead2 { background-position: 0 -191px; width: 611px; height: 130px; }  

 
.sprite-mug { background-position: 0 -371px; width: 210px; height: 210px; }  

 
.sprite-nbga150x150 { background-position: 0 -631px; width: 150px; height: 150px; }  

 
.sprite-nfsn120x35logo { background-position: 0 -831px; width: 120px; height: 35px; }  

 
.sprite-rss { background-position: 0 -916px; width: 32px; height: 32px; }  

 
.sprite-thankyou2 { background-position: 0 -998px; width: 180px; height: 180px; }  

 
.sprite-twitter1 { background-position: 0 -1228px; width: 89px; height: 32px; }  

 !important;list-style-type:none;margin:0;padding:1px}  

.sociable ul li:before{content:""}  

.sociable img{float:none;width:16px;height:16px;border:0;margin:0;padding:0}  

.sociable-hovers{opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40)}  

.sociable-hovers:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}

/* to make strips responsive */
#comic img {
    /* width: 563px; */
    max-width: 100%;
    height: auto;
    }

/* @media (max-width: 640px) */
/*  { */
/*    #column { width: 300px !important; } */
/*  } */

.hidden_desk { display: none; }

@media only screen and ( max-width: 960px)
  {
    #container { width: 100%; margin: 0px auto; }
    /* #sidebarleft { width: auto; height: auto; padding: 5px 0; font-size: 14px; float: none; } */
    #header { margin-top: 1.0em; height: 2.0em; }
    #header img, #menubar, #sidebarleft { display: none; }
    .hidden_desk { display: block; }
    .hidden_desk h1 { margin: 0 0 0 16px !important; padding: 0 !important; }
    #column { position: relative; left: 0; width: auto; height: auto; padding: 5px 0 4px 0; float: none; }
    /*#sidebar { width: auto; padding: 5px 0; font-size: 14px; float: none; } */
    #sidebar { display: none; }
    /* #footer { display: none; } */
  }