body{
				background: black url("images/grad_spot.png") repeat-x;
				color: white;
				width: 100%;
				font-size:16px;
			}
			#header{
				background: url("images/spot.png") no-repeat;
				height: 128px;	
				width: 715px;
				display: block;
				border: solid black;
				border-width: 1px 0 0;
				margin-top: -1px;
			}
			h1{
				padding: 0 14px;
			}

			div.content{
				width: 80%;
				margin: 40px auto 20px;
			}
			
			div.content a{
				/* color: #ffd348; */
				line_height: 1.3em;
			}
			div.content a:hover{
				color: white;
			}
			div.content li{
				line-height: 1.3em;
				padding: 8px 0 0 10px;
			}
			div.content form{
				text-align: center;
			}
			#menu{
				position: absolute;
				top: 20px;
				right: 0;
				display: block;
				float: right;
				margin-bottom: 20px;
			}
			
			#menu ul, #menu ul ul{
				float: right;
				padding: 0;
				margin: 0;
				list-style: none;
			}
			#menu ul a {
				display: block;
				width: 10em;
				color: #ddd;
				text-decoration: none;
				font: normal 1.0em skia, verdana, sans-serif;
				background: transparent url(images/menuside2.png) repeat-y;
				padding: 5px;
				overflow: hidden;
			}

			#menu ul a:hover {
				background: #ff9e13 url(images/menuside.png) repeat-y;
				color: white;
			}
			#menu ul li {
				border: solid white;
				border-width: 0 0 1px 1px;
			}
			#menu ul li:first-child {
				border-width: 1px 0 1px 1px;			
			}
		
			#menu ul li li{
				border-width: 0 1px 1px 1px;			
				margin: 0 0 0 -10.5em;
			}						
			#menu ul li li:first-child {
				border-width: 1px 1px 1px 1px;						
			}
			#menu ul li ul {
				position: absolute;
				left: -999em;
				margin: -1.6em 0 0 0;
			}
			#menu ul li:hover ul, #menu ul li.sfhover ul {
				left:auto;
			}

			
			h1{
				margin: 10px 0 0 10px;				
			}
			h2{
				padding: 10px 0 0 5px;
			}
			
			p.copyright{
				text-align: left;
				padding: 0 0 2px 20px;
				font: normal 0.625em arial, sans-serif;
				text-transform: uppercase;
				background: white;
				color:black;
			}
			
#navigation{
	clear: left;
	float: right;
	padding: 0 4% 0 0;
	margin: 16px 0 0 0;
	width: 460px;
}

#navigation > a, #navigation > button, #navigation > img{
	display: block;
	float: left;
	letter-spacing : 1em; 
	margin: 5px;
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body #navigation > a, html>body #navigation button { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */


a.back{
	width:60px; height: 60px;
}



#navigation a.arc{
	margin:13px 0 0 5px;
	width: 45px; height: 42px;
	background: url('images/buttonarchive.png');
}

#navigation a.arc:hover{
	background: url('images/buttonarchive.png') bottom;
}

			#navigation button.fav{
				border: 0;
				height: 60px;
				width: 57px;
				float:left;
				padding: 0; margin: 5px 0 0 5px;
			}
			#navigation button.fav2{
				border: 0;
				height: 60px;
				width: 57px;
				float:left;
				padding: 0; margin: 5px 0 0 5px;
			}			

			#navigation button.next, #navigation button.refresh{
				border: 0;
				height: 60px;
				width: 60px;
				display: block;
				float:left;
				padding: 0; margin: 5px 0;
			}
	
			#navigation table {
				width: 200px;
				height: 100px;
				background: #333;
				margin: 10px 0;
				float: left;
				position: relative;
				z-index: 1;
			}

			
			#navigation table td{
				color: #777;
				text-align: center;
				width: 14.28%;
				height: 20%;
				padding: 0;
				margin: 0;
				font-family: skia, arial, sans-serif;;
				border-width: 1px;
				padding: 0;
				border-style: solid;
				border-color: white;
				}		
				
			#navigation table a{
				text-indent: 0;
				margin: 0;
				padding: 4px 0 0;
				float: none;
				height: 15px;
				width: 100%;
				text-decoration: none;		
				display: block;	
				letter-spacing: 1px;
				overflow: auto;
			}

	
			a.author1{
				color: #FC0;
			}
			a.author2{
				color: #C00;
			}
			a.author3{
				color: #23F;
			}			
			a.author1:visited{
				color: #442;
			}	
			a.author2:visited{
				color: #432;
			}	
			a.author3:visited{
				color: #223;
			}									
			
			#navigation table tr td a:hover{
				color: white;
				background: url('images/dateback.jpg') 50% 50%;
			}
			
			#navigation table.archive td{
				color: #444;
				text-align: center;
				width: 12.5%;
				height: 20px;
				padding: 0;
				margin: 0;
			}	


	.afilter{
		display: block;
		margin:0px 0 0 5px;
		width: 35px; 
		height: 35px;
		background: url('images/buttonarchive.png');
		text-indent: -2999px;
		float: left;
		
	}
	.afilter:hover{ background-position: bottom;}
	.red { background: url('images/redspot.png'); }
	.yellow { background: url('images/yellowspot.png'); }
	.blue { background: url('images/bluespot.png'); }			

			
	#news{
		color: black;
		float: left;
		margin: 26px 16px 16px 2%;
		padding: 20px;
		background: #efefef;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		width: 400px;	
		font-size: 0.875em;	
	}
	#news h3{
		padding: 5px 0;
		font: bold 1.8em skia, tahoma, sans-serif;
		letter-spacing: 0.15em;
		text-shadow: rgba(0,0,40,0.3) -1px 1px 2px;
		margin: 0 0 10px 30px;
	}
	#news h4{
		text-align: right;
		padding: 5px 0;
		font: bold 1.2em tahoma, helvetica, sans-serif;		
	}
	#news p{
		padding: 5px 0;
		font: normal 0.875em tahoma, helvetica, sans-serif;
		line-height: 1.4em;
		text-align: justify;
	}
	#ads{
		clear: right;
		float: right;
		height: 60px;
		color: white;
		padding: 10px 4% 24px 0;
		width: 460px;		
		overflow: hidden;
	}
	#ads a{
		display: block;
		width: 450px;
		height: 60px;
		border: 3px double black;
		color: #ffd348;
		background: white;
	}
	#footer{
		clear: both;
		text-align: center;
		background: #2b2733;
		padding: 10px 0 11px;
		font: normal 1.2em skia, tahoma, sans-serif;
		border-top: 1px solid white;
		color: #ddd;
	}
	#footer a{
		text-decoration: none;
		color: #ffd348;
		border-bottom: 1px dotted white;
	}
	
	#footer a:hover{
		color: white;
		border-bottom: 1px solid white;
	}	

	
	p.thanks{
		color: white;
		background: transparent url('images/thanksheart.png') no-repeat;
		height:35px;
		padding: 5px 0 0 32px;
		margin-left: 10px;
		font: normal 1.4em sans-serif;
	}
	
	// Comic formating
	
	td.cell{
		vertical-align: bottom;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	div.comic{
		background: white url('images/blackline.gif') no-repeat bottom right;
		overflow: auto;
		float:left; 
		max-width: 99%;
		margin: 0 0 0 1%;
		display: block;
		clear: both;		
	}

@media only screen and (max-device-width: 480px) {
  div.comic {
	overflow: visible;
  }
}
	
	div.comic table{
		border: solid black;
		border-width: 0 2px 0 0;
	}
	
	div.comic td{
		width: 254px;
		border: 2px solid black;
		border-spacing:2px;
		padding:0;
	}
	div.strip img{
		display: block;
	}
	
	img.spacer{
		height: 1px;
		width: 254px;
	}
	td.text{
	vertical-align: middle;
	text-align: center;
	width: 234px;
	background: black;
	color:white;
	font: bold 1.25em arial, sans-serif;
	text-transform: uppercase;
	padding: 10px;
}
	p.vote{
		background: yellow;
		color: black;
	}