@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	background-image:url(bg.jpg);
	font-family:Verdana, Geneva, sans-serif;
}
a img{
	border:none;
}
header,nav,section,article,figure,aside,footer{
	display:block;
}
article.comics{
	margin-left:150px;
}
article.othercontent{
	background-image:url(mainbody.png);
	width:827px;
	height:1000px;
}
section.content{
	padding:15px;
}

nav.logo{
	float:left;
	height:76px;
	width:135px;
}
nav.backissues{
	clear:both;
	margin-top:450px;
}
nav.menu{
	position:fixed;
	top:80px;
	width:135px;
	height:350px;
	background-image:url(sidebar.png);
}
nav.sidebar{
	position:fixed;
	font-size:8pt;
	line-height:2em;
	text-align:center;
}
li.sonic{
	background-color:#06F;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
li.sonic:hover{
	background-color:#09F;
}
a.sonic, a.sonic:visited{
	color:#FFF;
}

li.knuckles{
	background-color:#d13636;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
li.knuckles:hover{
	background-color:#9e0909;
}
a.knuckles, a.knuckles:visited{
	color:#FFF;
}


li.tails{
	background-color:#dedc40;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
li.tails:hover{
	background-color:#fffd7b;
}
a.tails, a.tails:visited{
	color:#000;
}

li.sonicsworld{
	background-color:#8eedf5;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
li.sonicsworld:hover{
	background-color:#7dc6cd;
}
a.sonicsworld, a.sonicsworld:visited{
	color:#000;
}

li.chaotix{
	background-color:#52cb3e;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
li.chaotix:hover{
	background-color:#1dd02a;
}
a.chaotix, a.chaotix:visited{
	color:#000;
}


li.amy{
	background-color:#df8ac8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
li.amy:hover{
	background-color:#cc5cae;
}
a.amy, a.amy:visited{
	color:#000;
}

li.sega{
	background-color:#a642df;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
li.sega:hover{
	background-color:#a87ec0;
}
a.sega, a.sega:visited{
	color:#000;
}

ul{
	list-style:none;
	margin:0px;
	margin-top:5px;
	padding:0px;
	padding-right:5px;

}
footer{
	text-align:center;
}

#LogoLarge{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
#LogoHeader{
	position:absolute;
	left:-3px;
	width:800px;
	background-color:#0CF;
	height:120px;
	margin-top:50px;
	z-index:1;
	border:#03F medium solid;
}
#HeaderText{
	float:right;
	text-align:right;
	margin:7px;
	line-height:2em;
	font-size:1.1em;
}
#CurrentIssue{
	position:absolute;
	left:780px;
	background-repeat:no-repeat;
	width:450px;
	text-align:center;
}
#BackIssues{
	margin-top:100px;
}
#Megadroid{
	position:absolute;
	top:250px;
	z-index:2;	
}
#MegadroidBox{
	position:absolute;
	left:170px;
	width:550px;
	background-color:#b63e62;
	top:280px;
	z-index:1;
	border:#312867 medium solid;
}
#MegadroidText{
	float:left;
	text-align:left;
	margin-left:90px;
	line-height:1.4em;
	font-size:0.85em;
	color:#FFF;
}
#MegadroidText a, #MegadroidText a:visited{
	color:#CF0;
}
#backIssueBox{
	position:absolute;
	margin-top:270px;
	width:900px;
}
.bIssue{
	float:left;
	margin:8px;
}
.bIssueText{
	background-color:#dedc40;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin:5px;
	padding:3px;
	text-align:center;
}
.bIssueText a, .bIssueText a:visited{
	color:#000;
}
small{
	font-size:0.6em;
}