/*---------------------- Document --------------------*/
body {
        font-family: "Palatino Linotype","Book Antiqua", Palatino, FreeSerif, serif;
	background: #fff;
        color: #000;
	font-size: .8em;
	line-height: 1.5em;
}

a img {border: none;}


a:active, a:focus {
	outline: 0
}

div.empty {
	clear:both;
}


/*--------------------------- Fonts ------------------*/

h1 {
	display:none;
}


a:link, a:visited {
	color: #000;
	text-decoration: none;
	}

a:active, a:hover {
	color: #000;
	text-decoration: underline;
	}
	
a.big {
	font-family: "Palatino Linotype","Book Antiqua", Palatino, FreeSerif, serif;
	font-size: 1.2em;
}

#content h2 {
	font-size: 1.2em;
	 color: #000;
	letter-spacing: 2px;
	font-family: "Palatino Linotype","Book Antiqua", Palatino, FreeSerif, serif;
}


/*------------------------- Header -----------------*/


#header {
	position: absolute;
	top: 10px;
 	left: 50px;
        width: 410px;
        height: 380px;
	background: url('../layout/comicsheader.jpg') no-repeat top left;

}



#header a.linkhome {   
	position: absolute;
	top: 60px;
 	left: 50px;
	width: 410px;
 	height: 320px;
}


/*------------------------- Content -----------------*/

.comicsinfopadding {
	padding: 0 0 30px 0;
}

#content {
	width: 450px;
	margin: 400px 0 0 40px;
	
}

#leftcomic {
	float: left;
	width: 300px;
}

#rightcomic {
	float: right;
	margin: 0 0 0 8px;
}

table#characters img {
	border: 2px solid black;
	margin: 0 10px 10px 0;
}

table#characters td {
       padding: 0 0 15px 0;
}

dl#comics {
	width: 100px;
	margin: 0 auto;
}

dt {
	display: inline;
	padding: 0;
	margin: 0;
}

dl#comics a {
	display: block;
	height: 8px;
	width: 5px;
	float: left;
	margin: 5px;
	padding: 15px;
}


#footer {
	margin: 0 0 20px 200px;
}