body{
font-family:Verdana, arial, helvetica, sans-serif;
font-size:11px;
line-height:15px;
margin:0px;
padding:0px;
background:#000 url(siteimages/citybk.png) repeat-x fixed top;
color:#aaa;
}

#container{
width:771px;
margin:0 auto;
position:relative;
}

a{
text-decoration:none;	
color:#aaa;	
}

a:hover{
color:#fff;	
}

p{
margin-bottom:10px;	
}

textarea,
select,
input[type="text"]{
border:1px solid #666;
}


blockquote{
padding:15px;
background-color:#222;
border-radius:10px;
margin-bottom:20px;
margin-top:20px;
margin-left:50px;
margin-right:50px;
overflow:hidden;
}

blockquote span{
  float:right;
  margin-right:100px;    
}

/*------------------------------------*/
#header{
background:transparent url(siteimages/qsheader.png) no-repeat 0 0;	
position:relative;
height:194px;
width:771px;
margin-top:8px;
}

#content{
background: transparent url(siteimages/qsbody.png) repeat-y 0 0;
padding-left:10px;
padding-right:10px;
}

#footer{
background: transparent url(siteimages/qsbottom.png) no-repeat 0 0;
height:60px;
width:751px;
margin-bottom:20px;
padding-left:10px;
padding-right:10px;
}

h1 a{
background-color: transparent;
display: block;
height: 80px;
left: 49px;
position: absolute;
text-indent: -9999px;
top: 54px;
width: 672px;
}

#maincredit{
text-align:center;
text-transform:uppercase;
position:absolute;
width:750px;
left:28px;
top:10px;
letter-spacing:35px;
color:#333;
}

#bottommenu{
position:relative;
overflow:hidden;
padding-top:4px;
padding-bottom:4px;
height:20px;
}

#bottommenu ul,
#header ul{
position:absolute;
width:390px;
overflow:hidden;
overflow: hidden;
position: absolute;
right: 10px;
width: 256px;
}

#header ul{
top: 163px;
}

#bottommenu li,
#header ul li {
float:left;
padding-left:10px;
padding-right:10px;
}

/*------------------------------------*/

.bannerad{
width:750px;
height:100px;	
margin: 10px;
text-align:center;
}

.blockad{
width:250px;
height:250px;	
background-color:#ccc;	
margin-bottom:8px;
margin-top:8px;
}

/*------------------------------------*/
#content{
background: transparent url(siteimages/qsbody.png) repeat-y 0 0;    
}

#mainimg{
text-align:center;  
width:625px;
border:1px solid #1C2930;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
border-radius:10px; 
margin-bottom:5px;   
}

.comicnav{
overflow:hidden;
position:relative;
margin-bottom:5px;
}

.nav{
display:block;
width:54px;
height:20px;
text-indent:-9999px;
}

.nav.prev{
position:absolute;
background:transparent url(siteimages/arrow-prev.png) no-repeat 0 0;
left:2px;
}

.nav.prevdisabled{
position:absolute;
background:transparent url(siteimages/arrow-prev-disabled.png) no-repeat 0 0;
left:2px;	
}

.nav.prev:hover{
background:transparent url(siteimages/arrow-prevH.png) no-repeat 0 0;
}

.nav.next{
position:absolute;
right:1px;
background:transparent url(siteimages/arrow-next.png) no-repeat 0 0;
}

.nav.nextdisabled{
position:absolute;
right:1px;
background:transparent url(siteimages/arrow-next-disabled.png) no-repeat 0 0;
}

.nav.next:hover{
background:transparent url(siteimages/arrow-nextH.png) no-repeat 0 0;
}

.comicnav h2{
float:left;
font-size:13px;
margin-left:70px;
width:530px;
margin-bottom:5px;
font-weight:normal;
margin-top:2px;
}

.comicnav span{
margin-left:15px;
margin-top:2px;
float:left
}


/*sideboxes*/
#favsites,
#transmissions,
#comingsoon,
#archivecontainer{
position:absolute;
padding:30px 8px 8px 8px;
border:1px solid #1C2930;
border-radius:10px;
width:200px;
}


#comingsoon{
background:#000 url(siteimages/header-comingsoon.png) no-repeat top center;
padding-top:35px;
top:221px;
right:-235px;
}

#comingsoon a{
border-top: 1px solid #1C2930;
width: 100%;
display: block;
text-align: center;
padding-top: 5px;
font-weight: bold;
color:#397fac;
}

#comingsoon a:hover{
  color:#fff;
}

#transmissions{
background:#000 url(siteimages/header-transmissions.png) no-repeat top center;
/*padding-top:35px;*/
padding-top:85px;
top:221px;
left:-235px;
}

#favsites{
background:#000 url(siteimages/header-webcomics.png) no-repeat top center;
padding-top:44px;
top:827px;
right:-235px;
}

#favsites p{
border-bottom: 1px solid #666;
padding-bottom: 10px;
}

#archivecontainer{
background:#000 url(siteimages/header-archive.png) no-repeat top center;
top:530px;
right:-235px;
}

#archive {
border:1px solid black;
width:200px;
height:185px;
overflow:hidden;	
}

#archiveup{
  margin-top:10px;
  display:block;
  width:200px;
  height:17px;
  text-indent:-9999px;
  border-bottom:1px solid #1C2930;
  background:transparent url(siteimages/archiveUp.png) no-repeat top center;
}

#archiveup:hover{
  background:transparent url(siteimages/archiveUpH.png) no-repeat top center;
}

#archiveup.maxed:hover{
  background:transparent url(siteimages/archiveUp.png) no-repeat top center;
}

#archivedown{
  margin-top:5px;
  display:block;
  width:200px;
  height:17px;
  text-indent:-9999px;
  border-top:1px solid #1C2930;
  text-indent:-9999px;
  background:transparent url(siteimages/archiveDown.png) no-repeat top center;
}

#archivedown:hover{
  background:transparent url(siteimages/archiveDownH.png) no-repeat top center;
}  

#archivedown.maxed:hover{
  background:transparent url(siteimages/archiveDown.png) no-repeat top center;
}


#transmissions iframe{
  margin-top:5px;
margin-bottom:5px;
}

#inkoutbreak-container{
padding-left:21px;	
}

#comingsoon p{
text-align:center;
font-weight:bold;
}

#socialicons{
 padding-left:8px;
 position:absolute;
 z-index:1000;
 top:34px;
 left:8px;
}

#twitter-link,
#gplus-link,
#fb-link,
#rss-link{
display:block;
height:40px;
width:40px;
text-indent:-9999px;
margin-top:10px;
margin-left:4px;
margin-right:4px;
float:left;
}


#twitter-link{
background:transparent url(siteimages/twitterlogo.png) no-repeat 0 0;
}

#fb-link{
background:transparent url(siteimages/facebook-logo.png) no-repeat 0 0;
}

#gplus-link{
background:transparent url(siteimages/googleplus.png) no-repeat 0 0;
}

#rss-link{
background:transparent url(siteimages/rss-logo.png) no-repeat 0 0;
}

/*
#twtr-widget-1{
  padding-top:55px;
}

.twtr-hd{
display:none !important;
}

#transmissions #twtr-widget-1 .twtr-doc{
background:transparent !important;
}
*/

#archive li{
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #1C2930;
}

#archive a{
color:#ccc;
font-size:10px;
}

#archive a:hover{
color:#fff;
}

#commenttitle{
  padding-top:10px;
  padding-bottom:5px;
font-size:15px;
margin-bottom:6px;
border-bottom:1px solid #1C2930;
}

/*------------------------------------*/

#subsection{
width:771px;
overflow:hidden;
}

#subsection .column{
float:left;
}

#subsection .left{
width:250px;
}

#subsection .right{
width:500px;
}

#subsection h3{
font-size:14px;
}

#news h3{
margin-top:10px;
}

#news h3,
.article{
margin-left:10px;
}

.article{
margin-top:10px;
font-size:13px;
}

.article h4{
font-size:15px;
margin-bottom:6px;
}

.interior #news .article{
border-bottom:1px solid #54788f;
margin-bottom:20px;
}

#morenews{
margin-top:10px;
float:right;
font-weight:bold;
}

#social{
padding-top:8px;
padding-bottom:8px;
padding-left:30px;
overflow:hidden;
}

#social a{
float:left;
width:25px;
height:25px;
text-indent:-9999px;
background:#eee;
margin-left:10px;
margin-right:10px;
}

/*------------------------------------*/

#legalese {
border-top: 1px solid #54788f;
padding-bottom: 20px;
padding-top: 10px;
text-align: center;
}

#legalese p{
margin-bottom:8px;
}

/*------------------------------------*/
/*Interior Pages*/

#mainsection{
overflow:hidden;	
}

#mainsection h2{
font-size:14px;
margin-top:8px;
margin-bottom:10px;		
}

#mainsection p{
margin-bottom:20px;
font-size:13px;
line-height:20px;   
}

#mainsection #floatright{
float:right;
margin-right:125px;
margin-bottom:50px; 
}

#mainsection .column{
float:left;
}

#mainsection .left{
width:490px;
margin-right:10px;
padding-bottom:80px;
}

#mainsection .right{
width:250px;
background-color:#ccd;
}

/*------------------------------------*/
/*About*/
.about blockquote img{
float:left;
margin-right:10px;
}


/*------------------------------------*/
/*Archive*/

#archivelist div.archline{
background:#ccc;
margin-bottom:4px;
overflow:hidden;
}

#archivelist a,
#archivelist span{
display:block;
float:left;
padding-top:4px;
padding-bottom:4px;
}

#archivelist a{
width:650px;
padding-left:10px;
}

/*------------------------------------*/
/*Contact*/

.interior.contact #mainsection{
min-height:400px;
}

#toneselect{
margin-top:10px;
}

#contactform label{
width:490px;
display:block;	
margin-top:5px;
margin-bottom:5px;
}

#contactform #subj,
#contactform #msgbody{
width:440px;
font-family:Verdana, arial, helvetica, sans-serif;
font-size:11px;
}

#contactform #msgbody{
height:150px;
}

.contact .column.left h3{
float:left;
margin-right:20px;
}

#contactform{
width:450px;
padding:8px;
margin:10px auto;
overflow:hidden;
border:1px solid #1C2930;
border-radius:10px;
}

#contactform input[type="button"]{
float:right;
margin-top:30px;
}

#contactform #mailername,
#contactform #email{
width:200px
}

#contactform .virgin{
color:#888;
}

#sendbutton{
background: #1C2930;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
border-bottom:1px solid #222;
border-right:1px solid #222;
padding:4px;
color:#fff;
}

#sendbutton:hover{
background: #fff;
color:#1C2930;
}

/*------------------------------------*/
/*Contact process*/
.contactprocess #mainsection{
min-height:500px;
}


/*------------------------------------*/
/*Privacy Policy*/

.privacypolicy ol{
list-style-type:upper-roman;
}

.privacypolicy ol li{
font-size:13px;
margin:15px 15px 15px 40px;
}

/*------------------------------------*/
/*Special Effects*/

#nflash{
 background:transparent url(siteimages/n.png) no-repeat 0 0; 
 position:absolute;
 top:48px;
 left:669px;
 width:53px;
 height:88px;
}

/*------------------------------------*/
/*tinytype notice*/
#tinytypenotice{
background:transparent url(siteimages/tinytype-bk.jpg) no-repeat top center;
padding-left:160px;
padding-right:140px;
text-align:center;
margin-bottom:30px;
}

#tinytypenotice a{
background: #1C2930;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
border-bottom:1px solid #222;
border-right:1px solid #222;
padding:4px;
color:#fff;
font-size:11px;
}

#tinytypenotice a:hover{
background: #fff;
color:#1C2930;
}