*{margin:0; padding:0;}

* html body #page {
	margin-top:-5px;
	}

body {
	margin: 0;
	color: #333;
	font-size: 11px;
	font-family: 'courier', sans-serif;
	background-color:black;
	background-image:url(bg2.gif);
	
	}

a {
	text-decoration: none;
	font-weight:bold;
	color: #41EF22;
  	}
  	
  	a:hover {
  		color: #41EF22;
  		}
	
	a:visited{
		color: #41EF22;
		}

	a img {
		border: none;
		} 

p img {
	max-width: 100%;
	padding: 0;
	}
		
small {
	font-size: 11px;
	}
 
hr {
	height: 1px;
	color: #777;
	background-color: #777;
	border: 0px;
	}

blockquote {
	margin: 10px;
	padding: 5px 10px 5px 20px;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #ddd;
	}

	blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

cite {
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	}
	
code {
	padding: 10px;
	display: block;
	font-family: 'Courier New', monospace;
	background: #eee;
	border: 1px dotted #777;
	overflow: scroll;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

	acronym, abbr {
		border-bottom: 1px dashed #999;
		}



/* HEADINGS */

h1, h1 a, h1 a:hover {
	font-weight: bold;
	font-size:10px;
	text-align: left;
	text-decoration: none;
	}

h2, h2 a {
	font-weight: bold;
	font-size: 14px;
	margin-bottom:5px;
	}

h3, h3 a {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	clear: both;
	}

h2 a:hover, h3 a:hover {
	}



/* THE HEADER  UNDER MENUBAR!*/

#header {
	width: 800px;
	height:88px;
	margin: 0 auto;
	background-image:url(headerani.gif);
	}
	
	.description {
		padding: 30px 0px 0px 30px;
		color: #41EF22;
		font-family: 'Courier', serif;
		font-size: 6px;
		}



/* THE MENU */

#menubar {
	
	width: 800px;
	height: 110px;
	margin: 0 auto;
	background-image:url(menuani.gif);
	}

#menu {
	
	font-size: 10px;
	text-transform: uppercase;
	padding-left:110px;
	padding-top:69px;
	}

	#menu ul {
		margin: 0;		
		padding: 0;
		list-style: none;	
		}

	#menu li {
 		margin: 0;
 		padding: 0;
 		float: left;
		}

	#menu li a {
		height: 24px;
		padding: 0 5px 0 5px;
		display: block;
		float: left;
		color: #41EF22;
		line-height: 24px;
		text-decoration: none;
		border-width: 0 2px 0 0;
		border-style: solid;
		border-color: #41EF22;
		}

	#menu li a:hover {
		color: black;
		background: #41EF22;
		}



/* THE COMIC */

#comictop 
	{
	width:800px;
	height:47px;
	margin:0 auto; 
	background-image: url(comictopani.gif);
	}
	
#comictop .content
		{
		padding:18px 0 0 42px;
		color:#41EF22
		}
#comictop .navigation
		{ 
		float:right;
		padding: 12px 35px 0 0;
		}
#comictop .navigation img
		{ 
		float:left;
		margin:1px;
		z-index:50; 
		}
		

#comicdesc
	{
	width:800px;
	margin: 0px auto;
	background-image: url(comdescbg.gif);
	background-repeat: repeat-y;
	}
	
#comicdesc .content
         {
	padding:2px 42px 2px 42px;
	color:#41EF22;
	font-size:6px;
	font-family:Verdana, sans-serif;
	font-size:12px; 
	}

#comicdesc .content p
	{padding: 5px 0 5px 0; }

#comicdesc .content img
	{vertical-align:middle;}
	
#comicmiddle
	{
	width:800px;
	height:37px;
	margin:auto;
	background-image: url(comdescbot.gif);
	}
	

#comic {
	width: 800px;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: center;
	background-image: url(comicbg.gif);
	background-repeat:repeat-y;
	}

#comicbottom{
	width:800px;
	height:60px;
	margin:auto;
	background-image: url(comicbot.gif);
	}



/* THE PAGE WRAPPER */

#page{
	width:800px;
	margin:0 auto;
	border:none;
	clear:both;
	
	}

	
#middlewrapper{
width:400px;
overflow:hidden;
float:left;}



/* THE FOOTER */

#footer {
	clear:both;
	overflow:hidden;
	width: 800px;
	height:112px;
	margin: 0px auto;
	background-image:url(footerani.gif);
	margin-top:20px;
	}
#footer .content{
	font-family:Verdana, sans-serif;
	font-size:9px;
    width:333px;
	padding: 34px 0 0 50px;
	color:#41EF22;
	}
	



/* INVENTORY */

#inventartop{
	text-align:left;
	width:400px;
	height:64px;
	margin:0 auto;
	background-image:url(inventartopani.gif);
	}
#inventar{
	width:400px;
	margin:0 auto;
	background-image:url(inventarbg.gif);
	text-align:center;
	}
#inventar .content{
	text-align:left;
	width:360px;
	margin:0px auto;
	padding:3px;
	overflow:hidden;
	}
#inventarbottom {
	width:400px;
	height:16px;
	margin:0 auto;
	background-image: url(inventarbot.gif);
	}
	
	


/* CONTENT AREA */

#column {
	overflow:hidden;
	width: 400px;
	padding: 0px;
	margin: 0 auto;
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	background-image:url(blogbg.gif);
	background-repeat:repeat-y;
	overflow:hidden;
	color:#41EF22;
	}


.post{
	padding: 0 30px 0 30px;
	text-align: justify;
	overflow:hidden;
	}
	
.post .postdate{
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	}

.post .postmeta
	{
	float:right;
	}

.nav {
	float:right; }
	
.nav-single{
	float:right; }

.entry {
    margin:10px; 0 10px 0;}

.entry p{
	margin: 10px 0 10px 0;
	} 
.entry li {
	margin-left:20px;
	}
	
.postdate{
	font-style:italic;
	}

div.pagenav{
	padding: 10px 0 0 20px; }


	
/* THE BLOG HEADER */

#blogheader {
    width:400px;
	height:154px;
	margin: 0 auto;
	background-image:url(blogtopani.gif);
	}
#blogheader .content{
	padding: 104px 0 0 30px;
	color:#41EF22;
	}

#blogfooter {
	width:400px;
	height:46px;
	margin: 0 auto;
	background-image:url(blogbotani.gif);
	margin-bottom:20px;
	}

/* COMMENTS */

.comment-wrapper {
	padding: 0 20px;
	}
	
	.comment-wrapper h3 {
		margin: 0;
		padding: 20px 0 0 0;
		font-weight: normal;
		font-size: 12px;
		clear: both;
		}



	.comment-wrapper a {
		text-decoration: none;
		font-weight:bold;
		}
	
			
	.comment-wrapper p {
		margin: 3px 0 3px 0;
		}
		

form {
 margin-top:20px; }
 
label {
display:block;
width:60px;
float:left; }

#comment, #author, #email, #url, #subject, #message {
	padding: 2px;
	background-color:#3C842F;
	color: #41EF22;
	font-family: 'Verdana', sans-serif;
	font-weight:bold;
	font-size: 12px;
	border: 1px solid #41EF22;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}
	


	#comment {
		width: 350px;
		height:85px;
		margin-top:4px;
		}
		
	#message {
		width:335px;
		height:80px;
		margin-top:4px;
		}

	#author, #email, #url, #subject {
		width: 200px;
		margin-top:4px;
		}

#submit {
	margin: 5px 0 0 0;
	padding: 3px;
	float: right;
	color: #3C842F;
	background: #41EF22;
	font-family: 'Verdana', sans-serif;
	font-weight:bold;
	font-size: 12px;
	border:none;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	#submit:hover {
		cursor:pointer;
		background: #222;
		}

ol.commentlist {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	}

	.commentlist li {
		padding: 20px 10px 0 10px;
		clear: both;
		}
	.commentlist li img {
		margin:0 10px 10px 0;
		float:left;
		border: 3px solid #41EF22;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;	
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}



/* ARCHIVE */  

.comicarchiveframe {

	}
 
 .comicarchiveframe a {
	display:block;
	width:330px;
	margin:0 10px 0 10px;
	padding:4px;
	border-top:1px solid #41EF22;
	}
.comicarchiveframe a:hover{
		background-color:  #41EF22;
		color: #3C842F;
		}




/* SIDEBARS */

#sidebar-left {
	margin-top:5px;
	width: 200px;
	float: left;
	overflow: hidden;
	}
#ad-top{
	width:200px;
	height:40px;
	background-image:url(adtopani.gif);
	}	
#ad-content{
	width:200px;
	background-image:url(adbg2.gif);
	background-repeat:repeat-y;
	text-align:center;
	overflow:hidden;
	}
#ad-content .content{
	margin:0 0 0 19px;
	width:160px;
	height:468px;
	color:#ca0000;
	border:1px dotted #ca0000;
	padding-top:4px;
	
	}
#ad-footer{
	width:200px;
	height:36px; 
	background-image:url(adbotani.gif); 
	}

#sidebar-right {
	margin-top:5px;
	width: 200px;
	float: left;
	overflow: hidden;
	}
#blogrolltop{
	width:200px;
	height:50px;
	background-image:url(rolltopani.gif);
	}
#blogrollcontent{
	width:200px;
	background-image:url(rollbg.gif);
	background-repeat:repeat-y;
	text-align:center;
	overflow:hidden;
	}
#blogrollcontent .content{
	margin:0 0 0 15px;
	text-align:left;
	font-family:'Verdana', sans-serif;
	}

#blogrollcontent .content  h2{
	margin:3px 0 3px 20px;
	font-weight:bold;
	font-size:12px;
	color:#EF2222;
	}

#blogrollcontent .content ul{
	margin:0px 0 10px 0px;
	border:1px solid #EF2222;
	width:165px;
	}


#blogrollcontent .content li{
	list-style-type:none;
	}
	

#blogrollcontent .content ul li a{
	padding:3px;
	display:block;
	color:#EF2222;
	}

#blogrollcontent .content ul li a:hover{
	color:#842F2F;
	background:#EF2222;
	}

#blogrollbottom{
	width:200px;
	height:39px;
	background-image:url(rollbotani.gif);
	}





/* CALENDAR */

#wp-calendar {
	width: 165px;
	margin: 10px 0 5px 0px;
	}

#wp-calendar th {
	color: #EF2222;
	font-size: 10px;
	font-weight: bold;
	}

#wp-calendar caption {
	color: #EF2222;
	font-size: 18px;
	letter-spacing: -1px;
	}

#wp-calendar td {
	color:#EF2222;
	min-width: 20px;
	padding: 0;
	text-align: center;
	border: 1px solid #EF2222;
	}

#wp-calendar a {
	color: #842F2F;
	display: block;
	text-decoration: none;
	background: #EF2222;	
	font-weight:bold;
	}
	




/* SEARCH */

#s {
	width: 140px;
	margin: 0;
	padding: 2px;
	color: #000;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	border: 1px solid #999;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}

	#s:hover {
		background: #eee;
		}

#searchsubmit {
	margin: 0;
	padding: 0 0 0 2px;
	color: #fff;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	background: #888;
	border-width: 2px;
	border-style: solid;
	border-color: #555;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	#searchsubmit:hover {
		cursor:pointer;
		background: #222;
		}



/* GALLERY */

.attachment {
	width: 520px;
	margin: 0 auto;
	text-align: center;
	}

	.attachment img {
		margin: 0 0 10px 0;
		border: 1px solid #000;
		}
		
	.attachment p {
		margin: 0 9px 10px 9px;
		padding: 10px;
		border: 1px solid #999;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;	
		-webkit-border-radius: 10px;
		border-radius: 10px;
		}

.imagenav-wrap {
	width: 502px;
	height: 77px;
	margin: 0 auto;
	}

.imagenav {
	width: 77px;
	height: 77px;
	float: left;	
	}

.imagenav-center {
	width: 316px;
	height: 65px;
	margin: 0 10px;
	padding: 10px 5px 0 5px;
	float: left;
	color: #bbb;
	text-align: center;
	border: 1px solid #999;
	overflow: hidden;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
	
	.imagenav-center a {
		text-decoration: none;
		color: #777;
		border-bottom: 1px dotted #777;
		}
		
		.imagenav-center a:hover {
			color: #777;
			border-bottom: 1px solid #777;
			}

.imagetitle {
	color: #333;
	font-size: 18px;
	}

.imagenav-bg {
	width:75px;
	height:75px;
	position: absolute;
	z-index: 0;
	background: #eee;
	border: 1px solid #000;
	}

	.imagenav-bg img {
		width:75px;
		height:75px;
		}

.imagenav-arrow {
	width:75px;
	height:75px;
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 50px;
	line-height:75px;
	text-align: center;
	border: 1px solid #000;
	float: left;
	}

.imagenav-link {
	width:75px;
	height:75px;
	position: absolute;
	z-index: 2;
	border: 1px solid #000;
	float: left;
	}

	.imagenav-link img {
		width:75px;
		height:75px;
		filter: alpha(opacity=50);
		-moz-opacity: 0.50;
		opacity: 0.50;
		}

		.imagenav-link img:hover {
			filter: alpha(opacity=0);
			-moz-opacity: 0.00;
			opacity: 0.00;
			}

.aligncenter {
	margin: 0 auto;
	display: block;
	}

.alignright {
	margin: 10px 0 10px 10px;
	display: inline;
	float: right;
	}

.alignleft {
	margin: 10px 10px 10px 0;
	display: inline;
	float: left
	}



/* CLEAR FLOATS */

.clear {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
	}