@charset "utf-8";
/* CSS Document */

html{
padding:0px;
margin:0px;
}

body{
background:url('header.jpg');
background-attachment:scroll;
background-color:#000;
background-position:top center;
background-repeat:no-repeat;
padding:0px;
margin:0px;
}
#main{
width:764px;
margin: 0 auto;	 
background-color:#FFFFFF;
margin-top:10px;
padding:0px;
height:auto;
overflow:auto;
}
#main img{
width:750px;
margin: 0 auto;
display:block;	 
}
img{
width:auto !important;
margin: 0px;
display:inline-block;	 
}
a img{
width:auto !important;
margin:0px;
display:inline-block;
border:0px;	 
clear:none;
float:left;
padding:5px;
}
.keen_ad{
margin: 0 auto;	 
display:block;
width:728px;
margin-top:5px;
}
.keen_ad a img{
width:728px;
margin-top:0px;
float:none;
padding:0px;
margin:0px;
}
#nav{
z-index:10;
margin: 0 auto;
width:714px;
margin-top:-4px;
display:block;
padding-left:20px;
}


#nav a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #171c18;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: -1px;
line-height: 1.2em;
font-size: 1.1em;
text-transform:uppercase;
margin:0px 9px 0px 0px;
}

#nav  a{
display:inline-block;
}

#nav  a:hover{
border-bottom:3px #33FF00 solid;
margin-bottom:-8px;
}
.spacer{
width:285px;
display:inline-block;
background-color:#00FF00;
}


.comicnav{
margin:0 auto;
width:750px;
height:20px;
background-color:black;
display:block;
}

.comicnav a img{
width:auto !important;
height:20px!important;
clear:none;
border:none;
float:left;
}
.comicnav  img{
width:auto !important;
height:20px!important;
clear:none;
border:none;
float:left;
}
#first{

height: 20px;
width: 25px;
text-indent: 5px;
overflow: hidden;
background:url('first_hov.jpg') top left no-repeat;
display:inline-block;
clear:none;
padding:0px;
margin:0px;
float:left;
}
#first a{
padding:1000px;
margin:0px;
}
#first:hover{
background:url('first_hov.jpg') bottom right no-repeat;
}
#previous{

height: 20px;
width: 140px;
text-indent: 5px;
overflow: hidden;
background:url('previous_hov.jpg') top left no-repeat;
display:inline-block;
clear:none;
padding:0px;
margin:0px;
float:left;
} 
#previous a{
padding:1000px;
margin:0px;
}
#previous:hover{
background:url('previous_hov.jpg') bottom right no-repeat;
}
#next{

height: 20px;
width: 111px;
text-indent: 5px;
overflow: hidden;
background:url('next_hov.jpg') top left no-repeat;
display:inline-block;
padding:0px;
margin:0px;
float:right;} 
#next a{
padding:1000px;
margin:0px;
}
#next2{

height: 20px;
width: 111px;
text-indent: 5px;
overflow: hidden;
background:none;
background-color:#000000;
display:inline-block;
padding:0px;
margin:0px;
float:right;} 
#next a{
padding:1000px;
margin:0px;
}
#next:hover{
background:url('next_hov.jpg') bottom right no-repeat;
}
#last{

height: 20px;
width: 25px;
text-indent: 5px;
overflow: hidden;
background:url(last_hov.jpg) top left no-repeat;
display:inline-block;
padding:0px;
margin:0px;
float:right;
} 
#last2 a{
display:none;
}
#next2 a{
display:none;
}
#last2{

height: 20px;
width: 25px;
text-indent: 5px;
overflow: hidden;
background:none;
background-color:#000000;
display:inline-block;
padding:0px;
margin:0px;
float:right;
} 
#last a{
padding:1000px;
margin:0px;
}
#last:hover{
background:url('last_hov.jpg') bottom right no-repeat;
}

.commentary{
width:740px;
margin: 0 auto;
border: black 5px solid;
margin-top:5px;
}

.commentary p{
padding:0px 10px 10px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
color:#2F2F2F;
}
.commentary a{
color:green;
}
.commentary h1{
border-bottom:5px #6e9071 solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin-left:10px;
}
.commentary h2{
border:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
margin-right:10px;
display:inline-block;
float:right;
color:#535F55;
}
.sideboxr{
width:480px;
height:auto;
float:left;
display:block;
background-color:white;
clear:none;
margin:7px;
margin-left:25px;
}
.sideboxr span{
font-size:.6em !important;
}
.sideboxl{
width:220px;
height:auto;
float:right;
display:block;
background-color:white;
border:5px black solid;
clear:none;
margin:5px 7px 5px 0px;
}
.sideboxl p{
text-align:center;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}
.sideboxl a img{
text-align:center;
padding:0px;
margin:5px !important;
border:5px white solid;
}

.linkbox{
width:485px;
height:auto;
display:block;
float:left;
background-color:white;
clear:none;
margin:0px 7px 5px 10px;
}
.sideboxl a img:hover{
text-align:center;
padding:0px;
border:5px #99E32E solid;
}
.share {
width:125px;
display:block;
margin-left:40px;
}

.plotholes {
width:200px;
display:block;
margin-left:12px;
}

.sideboxpic{
width:150px;
height:300px;
float:left;
display:block;
border:0px black solid;
clear:none;
background-image:url('chat.jpg');
background-position:top left;
background-repeat:no-repeat;
margin:-310px 7px 5px 10px;
padding:0px;
}
.dailyad{
width:auto;
height:300px;
float:left;
display:block;
border:0px black solid;
clear:none;
margin:-242px 7px -50px 10px;
padding:0px;
}
.sideboxl h1{
text-align:center;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em
}

.line{
display:block;
width:auto;
height:10px;
background-color:#6E9071;
margin-top:70px;
}

#bottom{
width:764px;
border-top:black solid 0px;
margin: 0 auto;
height:150px;
background-color:#B38C47;
background-image:url(bottom.jpg);
background-position:bottom;
background-repeat:no-repeat;
display:block;
clear:right;
border-top:black solid 1px;
}
#bottom2{
width:764px;
border-top:black solid 0px;
margin: 0 auto;
height:150px;
background-color:#B38C47;
background-image:url('bottom.jpg');
background-position:bottom;
background-repeat:no-repeat;
border-top:black solid 1px;
display:block;
margin-top:5px;
clear:right;
}
.bottom a img{
border-left:13px #B38C47 solid !important;
width:728px!important;
height:90px!important;
margin:0 auto;
display:block;
clear:none;
border:none;
float:left;
}
.under {
text-align:center;
display:block;
float:left;
color:#00FF66;
width:100%;
margin:0 auto;
}
.under p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.6em;
font-weight:bold;
text-align:center;
display:block;
text-transform:uppercase;
float:left;
color:#B38C47;
width:100%;
margin:0 auto;
margin-top:-8px;
}
span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.5em;
font-weight:normal;
text-align:center;
display:block;
text-transform:uppercase;
float:left;
color:#686F68 !important;
width:100%;
margin:0 auto;
}
span a{
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size:8px;
text-decoration:underline;
text-align:center;
text-transform:uppercase;
color:#6E9071 !important;
clear:none;
}
span a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size:8px;
text-decoration:underline;
text-align:center;
text-transform:uppercase;
color:white !important;
clear:none;
}
.right a img{
float:right;
display:inline-block;
width:125px;
border:red solid 5px !important;
}

.clicker{
margin: 0 auto;
display:block;
width:260px;
height:100px;
z-index:10 !important;
overflow:hidden;
padding:0px;
padding-top:10px;
clear:both;
}
.clicker a{
padding:500px;
overflow:hidden;
}
img.floatleft{
float:left !important;
clear:none !important;
padding:4px;
}
img.floatright{
float:right !important;
clear:none !important;
padding:4px;
}

/* calendar */

.ks_bigcal_title {background-color:#000; 
width: 150px; 
color: #fff;
border:1px #3F3F3F solid;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bolder;}
.ks_cal_nm_c { background-color:#FFF}
.ks_cal_nm_e { background-color:#FFF font-family: arial; color:#FFF;}
.ks_cal_nm_e a{ font-family: arial; color:#FFF;}

.ks_cal_c { background-color:#A7EC37; }
.ks_cal_c a{ background-color:#A7EC37; color:#000}
.ks_cal_e {background:#F2FFDF; color: #000000;}
.ks_cal_today { background:#A7EC37;}
.ks_cal_today a{ background:#A7EC37; color:#000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
.ks_cal_wk_e ,.ks_cal_wk_c, .ks_cal_wk{display:  none} 
.ks_calendar{
background-color:#FFF;
width: 200px;
text-indent:5px;
padding-left:40px;
}
h1.twisted{
text-decoration: none;
font-weight:bold;
padding: 5px 10px;
color: #9AE42F;
background: black;
font-size:.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:10px;
clear:both;
}
p.twisted{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
color:#2F2F2F;
font-size:.9em;
text-indent: 1.5em;
margin:10px 20px 0px 20px;
}

ul.links li{
text-align:center;
margin-right:30px;
margin-bottom:10px;
list-style:circle;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-indent:-5px;
font-size:.9em;
}

.links a{
color:black;
text-decoration:none;
}
.links a:hover{
background-color:#66FF66;
}