/*
---------------------------------------------
THE CITY CYCLOPS WILL OVERCOME YOU.
---------------------------------------------
 */


body.home {
		margin: 0;
		width: 100%;
		padding: 0;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #353535;
		line-height: 171%;
		font-size: 81%;
		background:#E5E5E5 url(see/homepage-banner.gif) no-repeat top center ;
		}	

body {
		margin: 0;
		width: 100%;
		padding: 0;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #353535;
		line-height: 171%;
		font-size: 81%;
		background: url(see/navbar.gif) repeat-x top center ;
		}	


body.subnav {
		margin: 0;
		width: 100%;
		padding: 0;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #353535;
		line-height: 171%;
		font-size: 78%;
		background: url(see/subnav.gif) repeat-x top center ;
		}	
		
img {
		border: 0;
		}


div#right img.comic-thumb {
	padding: 0 12px 0 0;
	border: 0;
	float: left;
	}		
		
div#right img.comics {
		border: 0;
		padding: 9px 0;
		background: none;
		}
		
		
div#container img a:hover {
		border: 1px solid #999999;
		}	

a {
		text-decoration: none;
		color: #990000;
		}
		
		
a:hover {
		text-decoration: underline;
		}			
		
p {
		text-align: left;
		margin: 0;
		padding: 0 0 9px;
		}
		
div#borderless img {
		align: left;
		padding: 99px;
		border: 0;
		}	
		
p.sidebar {
		margin: 0;
		padding: 0;
		line-height: 120%;
		}	

p.subtitle {
		color:#666666;
		font-size: 90%;
		line-height: 120%;
		}	
		
p.comic-title {
		color:#666666;
		padding: 3px 0 12px 0;
		}	
				
p.title {
		margin: 0;
		padding: 0 0 6px;
		font-size: 1.8em;
		line-height: 120%;
		}	

p.title a:hover {
		text-decoration: underline;
		}	
		
p.top {
		padding: 6px 0 0;
		}			
		
p.archives {
		text-align: left;
		}	
		
p.posted {
		margin: 6px 0 12px;
		color:#666666;
		font-size: 90%;
		line-height: 120%;
		}	
		
div#container {
		width: 900px;
		margin: 0 auto;
		text-align: center;
		}
		
div#comments {
		width: 447px;
		margin: 0 auto;
		text-align: center;
		}	

.texta {
		 font-size: 12px;
		 background-color: #FFF;
		 border: 1px solid #999;
		 width: 144px;
		 margin: 0 0 6px;
		 padding: 3px;
		 font-family: Georgia, "Times New Roman", Times, serif;
		 color: #666;
}

div#right img.wrap {
	float: left;
	margin: 0 21px 0 0;
	}	


div#right img.store {
		border: 0;
		margin: 0 21px 0 0;
		padding: 0;
		}


/****************************************
 *	HOMEPAGE
 ***************************************/	
 
div#logo {
	width: 137px;
    margin: 39px 0 0;
	padding: 0;
	text-align: left;
	}
	
div#left.home {
	width: 150px;
    margin: 0;
	padding: 123px 51px 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	text-align: left;
	}
	
div#right.home {
    width: 540px;
	padding: 0;
    margin: 125px 0 0 0;
	list-style: none;
	float: right;
	}

	
div#left {
	width: 150px;
    margin: 0;
	padding: 54px 51px 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	text-align: left;
	}
	
div#right {
    width: 540px;
	padding: 0;
    margin: 54px 0 0 0;
	list-style: none;
	float: right;
	}
	
	
div#left.subnav {
	width: 150px;
    margin: 0;
	padding: 57px 51px 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	text-align: left;
	}
	
div#right.subnav {
    width: 540px;
	padding: 0;
    margin: 57px 0 0 0;
	list-style: none;
	float: right;
	}	
	
	
div#right.store {
    width: 750px;
	padding: 0;
    margin: 57px 0 0 0;
	list-style: none;
	float: right;
	}	
	
	
div#leftright {
    margin: 0;
	float: left;
	}	
	
img.button {
	padding: 12px 0 0;
    margin: 0;
	}	
	
img.store-button {
	padding: 6px 0 0;
    margin: 0;
	}	
		
div#archives {
    width: 150px;
	padding: 0;
    margin: 0;
	list-style: none;
	float: left;
	}

div#dotted {
		border-top: 1px dotted #666666;
		border-bottom: 1px dotted #666666;
		margin: 0;
		padding: 0;
		}			
		
div#body {
		width: 750px;
		margin: 0;
		text-align: left;
		}

div#comic {
		width: 900px;
		margin: 0;
		padding: 45px 0 0;
		text-align: left;
		}		
	
/****************************************
 *	BACK PAGES
 ***************************************/	
 	
div#divider {
	border-top: 1px dotted #666666;
	}	
	
div#zero-divider {
	border-top: 1px dotted #666666;
	margin: 0;
	padding: 0;
	}	
	
div#post-divider {
	border-top: 1px dotted #666666;
	padding: 6px 0;
	}	
	
div#left-big img {
		border: 1px solid #CCCCCC;
		padding: 3px;
		margin: 0 0 12px 0;
		}	
				
div#right img {
		padding: 9px;
		margin: 0;
		border: 1px solid #999;
		background: #FFF;
		}
		
div#left-borderless img {
		border: 1px solid #CCCCCC;
		padding: 3px;
		margin: 0;
		}	
		
div#left img.borderless {
		align: left;
		border: 0;
		}	
		
div#left-borderless img.borderless {
		align: left;
		border: 0;
		}			
								
/****************************************
 *	NAVIGATION
 ***************************************/	

div#nav {
		text-align: left;
    	width: 750px;
    	margin: 12px 0;
		padding: 3px 0 12px;
		line-height: normal;
		}
		
div#nav ul {
	text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
	}
	
div#nav li {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	float: left;
	margin: 0;
    padding: 0;
	font-size: 1.3em;
	}

div#nav a {
	text-align: center;
	float: left;
	display: block;
	margin: 1px 0 0;
	padding: 6px 30px 4px 0;
	}
	
	
/****************************************
 *	SUB-NAVIGATION
 ***************************************/	

div#subnav {
    	width: 100%;
    	margin: 32px 0 0;
		padding: 0;
		height: 30px;
		}
		
div#subnav ul {
	text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
	}
	
div#subnav li {
	text-align: center;
	float: left;
	margin: 0;
    padding: 0;
	font-size: 1.1em;
	}

div#subnav a {
	text-align: center;
	float: left;
	display: block;
	margin: 1px 0 0;
	padding: 12px 30px 0 0;
	}
	
/****************************************
 *	MAIN-COPY
 ***************************************/	

div#main-copy {
		border-top: 1px dotted #666666;
    	width: 750px;
    	margin: 24px 0 0;
		padding: 0;
		line-height: normal;
		}

div#main-copy p {
	padding: 12px 12px;
	}	
	
	
/****************************************
 *	COMICS
 ***************************************/	

div#comics {
    	width: 750px;
    	margin: 0;
		padding: 0;
		line-height: normal;
		}
		
div#comics ul {
    margin: 0;
    padding: 0;
    list-style: none;
	}
	
div#comics li {
    float: left;
	margin: 0;
    padding: 0;
	}
	
div#comics li p {
    float: left;
	width: 120px;
	margin: 0;
    padding: 0 0 9px;
	font-size: 1em;
	}

div#comics img {
		border: 1px solid #999;
		padding: 3px;
		margin: 9px 34px 0 0;
		}
		
		
/****************************************
 *	FOOTER
 ***************************************/	

div#footer {
		clear: both;
		width: 100%;
    	margin: 33px 0 0;
		padding: 99px 0 0;
		background: #FFFFFF;
		}

		
/****************************************
 *	TOOLTIP
 ***************************************/	

#tooltip {
    padding: 12px;
    background: #990000;
    border: 3px solid #FFFFFF;
    text-align: left;
	color: #FFFFFF;
	letter-spacing: 120%;
}


/****************************************
 *	LIGHTBOX
 ***************************************/	
  
#lightbox{
	background-color: #FFFFFF;
	padding: 9px 9px 3px;
	border: none;
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	}	
#keyboardMsg{ 
	padding-top: 6px;
	float: right; 
	}

#lightbox img{ border: none; } 

#overlay img{ border: none; } 
 
#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	} 		
		
		
</style>.subnav #container #body #right div .subtitle b {
	color: #DF0000;
}