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


body {
		margin: 0;
		width: 100%;
		padding: 0;
		text-align: center;
		font-family: Futura, Trebuchet MS, arial, helvetica, sans-serif;
		color: #000;
		line-height: 141%;
		font-size: 72%;
		background: url(see/top-pattern.gif) repeat-x;
		}	
		
img {
		border: 0;
		}
		
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.title {
		margin: 0;
		padding: 0 0 6px;
		font-size: 1.5em;
		line-height: 21px;
		}	

p.title a:hover {
		text-decoration: underline;
		}	
		
p.quote {
		color:#333333;
		padding: 9px 0;
		}
		
p.sidebar-quote {
		text-align: right;
		color:#333333;
		padding: 9px 0;
		}	
		
p.top {
		padding: 6px 0 0;
		}			
		
p.archives {
		text-align: right;
		}	
		
p.posted {
		color:#333333;
		margin: 3px 0 12px;
		}	
		
div#container {
		width: 750px;
		margin: 0 auto;
		text-align: center;
		}
		
div#comments {
		width: 447px;
		margin: 0 auto;
		text-align: center;
		}

div#chester-game {
		width: 492px;
		margin: 0 auto;
		text-align: left;
		}		


/****************************************
 *	HOMEPAGE
 ***************************************/	
 
div#left {
	width: 450px;
    margin: 15px 0 0;
	padding: 0 21px 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	border-right: 1px dotted #666;
	}
	
div#right {
    width: 255px;
	padding: 0;
    margin: 15px 0 0 0;
	list-style: none;
	float: right;
	}

div#right-border {
    width: 255px;
	padding: 0 0 0 23px;
    margin: 15px 0 0 0;
	list-style: none;
	float: right;
	border-left: 1px dotted #666;
	}

div#left-borderless {
	width: 450px;
    margin: 15px 0 0;
	padding: 0 21px 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	}
	
div#inside-right {
    background: #D7D7D7;
	width: 240px;
	padding: 12px 12px 0;
    margin: 0 0 9px;
	list-style: none;
	float: right;
	border: 1px solid #999;
	}	
	
div#inside-store {
	width: 256px;
	padding: 12px 12px 0;
    margin: 0 0 9px;
	list-style: none;
	float: right;
	}
	
img.button {
	padding: 12px 0 0;
    margin: 0;
	}	
	
img.store-button {
	padding: 6px 0 0;
    margin: 0;
	}	
		
div#archives {
    width: 255px;
	padding: 0;
    margin: 0;
	list-style: none;
	float: right;
	}
	
div#ugh {
    width: 750px;
	padding: 0;
    margin: 0;
	list-style: none;
	float: left;
	border-top: 1px dotted #666666;
	text-align: center;
	}
	
div#ugh-background {
    width: 750px;
	padding: 0;
    margin: 0;
	list-style: none;
	float: left;
	border-top: 1px dotted #666666;
	text-align: center;
	background: url("see/header-continued-test.jpg") no-repeat;
	}

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: 750px;
		margin: 0;
		padding: 21px 0 0;
		border-bottom: 1px dotted #666666;
		background: url("see/header-continued-test.jpg") no-repeat;
		text-align: left;
		}		
		
div#comic a.direction {
		padding: 0 221px;
		}
		
			
/****************************************
 *	STORE
 ***************************************/	
div#left-store {
	width: 240px;
    margin: 15px 0 0;
	padding: 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	}
	
div#right-store {
    width: 319px;
	padding: 0;
    margin: 15px 0 0 0;
	list-style: none;
	float: right;
	}	

div#store {
    width: 580px;
	padding: 0;
    margin: 0;
	list-style: none;
	float: left;
	border-top: 1px dotted #666666;
	}	
	
	
/****************************************
 *	BACK PAGES
 ***************************************/	
 
div#left-big {
	width: 150px;
    margin: 15px 0 0;
	padding: 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	}
			
div#right-big {
    width: 309px;
	padding: 0;
    margin: 15px 0 0 0;
	list-style: none;
	float: right;
	}		
	
div#left-small {
	width: 120px;
    margin: 15px 0 0;
	padding: 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	}
		
div#right-small {
    width: 339px;
	padding: 0;
    margin: 15px 0 0 0;
	list-style: none;
	float: right;
	}	

div#ugh-video {
    width: 636px;
	padding: 0;
    margin: 0;
	list-style: none;
	float: left;
	border-top: 1px dotted #666666;
	}		

div#left-video {
	width: 300px;
    margin: 15px 0 0;
	padding: 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	}
		
div#right-video {
    width: 309px;
	padding: 0;
    margin: 15px 0 0 0;
	list-style: none;
	float: right;
	}	
	
div#left-characters {
	width: 84px;
    margin: 15px 0 0;
	padding: 0 0;
    list-style: none;
	float: left;
	font-size: 1em;
	}
		
div#right-characters {
    width: 374px;
	padding: 0;
    margin: 15px 0 0 0;
	list-style: none;
	float: right;
	}		
	
div#ugh-back {
    width: 480px;
	padding: 0;
    margin: 0;
	list-style: none;
	float: left;
	border-top: 1px dotted #666666;
	}		
	
div#ugh-back-none {
    width: 480px;
	padding: 0;
    margin: 0;
	list-style: none;
	float: left;
	}		
	
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#left-small img {
		border: 1px solid #CCCCCC;
		padding: 3px;
		margin: 0 0 12px 0;
		}
		
div#left-characters img {
		border: 1px solid #CCCCCC;
		padding: 3px;
		margin: 0 0 12px 0;
		}
		
div#left img {
		border: 1px solid #CCCCCC;
		padding: 3px;
		margin: 0;
		}
		
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: center;
		border-bottom: 1px dotted #666666;
    	width: 750px;
    	margin: 0;
		padding: 0;
		line-height: normal;
		}
		
div#nav ul {
	text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
	}
	
div#nav li {
	text-align: center;
	float: left;
	margin: 0;
    padding: 0;
	font-size: 1.1em;
	}

div#nav a {
	text-align: center;
	float: left;
	display: block;
    color: #990000;
	margin: 1px 0 0;
	padding: 6px 9px 4px;
	}

div#nav a:hover {
    text-decoration: none;
	background: #E6E6E6;
	}
	
	
/****************************************
 *	SUB-NAVIGATION
 ***************************************/	

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

div#subnav a {
    color: #990000;
	padding: 6px 9px 6px;
	font-size: 1em;
	}

div#subnav a:hover {
    text-decoration: none;
	background: #C0C0C0;
	}

div#subnav p {
	padding: 6px 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: 750px;
		height: 51px;
    	margin: 0;
		padding: 0 0 33px;
		background: url("see/footer750.gif") no-repeat;
		}
		
div#footer2 {
		clear: both;
		width: 750px;
    	margin: 0 0 2px;
		padding: 0;
		border-bottom: 1px dotted #666666;
		}
		
		
/****************************************
 *	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>