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


#body{
	margin: 0px;
	padding: 0px;
	background-image:url(images/background.jpg);
	height: auto;
	width: auto;
	background-color:#323c3c;
}

#container{
	position: relative;
	background: #323c3c;
	width: 950px;
}

#header{
	width: 950px;
}

#nav{
	background-color: #566160;
	height: 60px;
	padding-top: 4px;
}

#nav ul{
	list-style-type: none;
}

#nav ul li{
	display: inline;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	border-style: solid;
	border-left-color: #566160;
	border-top-color:#566160;
	border-right-color: #323c3c;
	border-bottom-color:#566160;
	border-width: 2px;
}

#nav ul li a{
	color: #dcffdc;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 18px;
	font-weight: 350;
	font-variant:small-caps;
	letter-spacing: 2px;
}

#banner{
	background-image:url(images/web_banner4.jpg);
	margin-top: 0px;
	padding-top: 0px;
	width: 950px;
	height: 200px;
}

#logo{
	margin-top: 0px; 
	margin-left: 60px;
	padding-top:20px;
}

#content{
	float: left;
	width: 1000px;	
	color: #b1ceb0;
}

#post{
	float: left;
	width: 700px;
	height: auto;
}

#h1{
	color:#c8ebc8;
	padding-top: 16px;
	padding-left: 56px;
	font-size:26px;
	font-family:"Calluna";
	letter-spacing: 1px;
}

#h2{
	width: 594px;
	color:#dcffdc;
	padding-top:8px;
	padding-left: 56px;
	padding-bottom: 14px;
	font-size:16px;
	font-family:"PT sans";
}

#h2 a{
	color:#dcffdc;
	text-decoration: none;
	font-weight:600;
	letter-spacing: 1px;
}

#h2 a:hover{
	color: #CF3;
}

#h3{
	width: 593px;
	color:#dcffdc;
	padding-top: 2px;
	padding-left: 58px;
	font-size:16px;
	font-family:"PT sans";
}


#h3 a{
	color:#dcffdc;
	text-decoration: none;
	font-weight:600;
	letter-spacing: 1px;
}

#h3 a:hover{
	color: #CF3;
}

#postimage{
	color: #b1ceb0;
	padding-left: 56px;
	font-size:16px;
	font-family:"PT sans";
}

#fucomicpost{
	float: left;
	margin-top: 10px;
	color: #dcffdc;
	background-image:url(images/fu_background.jpg);
	background-repeat:no-repeat;
	width: 750px;
	height: auto;
}


#oscomicpost{
	float: left;
	color: #dcffdc;
	background-image:url(images/os_background.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 906px;
}


#ghcomicpost{
	float: left;
	color: #dcffdc;
	background-image:url(images/gh_background.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 706px;
}

#azcomicpost{
	float: left;
	color: #dcffdc;
	background-image:url(images/azhuran_bg.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 706px;
}

#gscomicpost{
	float: left;
	color: #dcffdc;
	background-image:url(images/guardianshards_bg.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 706px;
}

#postimage_comic{
	height: 906px;
	padding-top: 4px;
	padding-left: 36px;
	font-size: 14px;
	font-family: "Calluna";
	font-weight: 400px;
	letter-spacing: 1px;
}

#volume1{
	float:left;
	width: 100px;
	height: auto;	
	padding-left: 20px;
	padding-bottom: 30px;
}

#volume1 a{
	color: #dcffdc;
	text-decoration: none;
}

#volume1 p{
	color:#dcffdc;
	text-decoration: none;
}

#volume1 ul{
	list-style-type: none;
}

#volume1 ul li{
}

#volume1 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 56px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
}

#volume1 a:hover{
	color: #CF3;
}

#volume2{
	float:left;
	width: 100px;
	height: 50px;
	padding-left: 20px;
	
}


#volume2 a{
	color: #dcffdc;
	text-decoration: none;
}

#volume2 p{
	color:#dcffdc;
	text-decoration: none;
}

#volume2 ul{
	list-style-type: none;
}

#volume2 ul li{
}

#volume2 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 56px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
}

#volume2 a:hover{
	color: #CF3;
}

#volume3{
	float:left;
	width: 100px;
	height: 50px;
	color: #dcffdc;
	padding-left: 20px;
}

#volume3 a{
	color: #dcffdc;
	text-decoration: none;
}

#volume3 p{
	color:#dcffdc;
	text-decoration: none;
}

#volume3 ul{
	list-style-type: none;
}

#volume3 ul li{
}

#volume3 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 56px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
}

#volume3 ul li a:hover{
	color: #CF3;
}

#newborn{
	
	width: 200px;
	color: #dcffdc;
	padding-left: 18px;
	padding-top: 24px;
}

#newborn a{
	color: #dcffdc;
	text-decoration: none;
}

#newborn p{
	color:#dcffdc;
	text-decoration: none;
}

#newborn ul{
	list-style-type: none;
}

#newborn ul li{
}

#newborn ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 56px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#newborn ul li a:hover{
	color: #CF3;
}

#ironheart{
	
	width: 100px;
	color: #dcffdc;
	padding-left: 20px;
	padding-top: 24px;
}

#ironheart a{
	color: #dcffdc;
	text-decoration: none;
}

#ironheart p{
	color:#dcffdc;
	text-decoration: none;
}

#ironheart ul{
	list-style-type: none;
}

#ironheart ul li{
}

#ironheart ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 46px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#ironheart ul li a:hover{
	color: #CF3;
}

#korik{
	float:left;
	width: 300px;
	color: #dcffdc;
	padding-left: 18px;
	padding-top: 24px;
}

#korik a{
	color: #dcffdc;
	text-decoration: none;
}

#korik p{
	color:#dcffdc;
	text-decoration: none;
}

#korik ul{
	list-style-type: none;
}

#korik ul li{
}

#korik ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 56px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#korik ul li a:hover{
	color: #CF3;
}
#volume4{
	float:left;
	width: 100px;
	height: 50px;
	color: #dcffdc;
	padding-left: 0px;
	padding-top: 0px;
}

#volume4 a{
	color: #dcffdc;
	text-decoration: none;
}

#volume4 p{
	color:#dcffdc;
	text-decoration: none;
}

#volume4 ul{
	list-style-type: none;
}

#volume4 ul li{
}

#volume4 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 56px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#volume4 ul li a:hover{
	color: #CF3;
}

#volume5{
	float:left;
	width: 200px;
	height: 50px;
	color: #dcffdc;
	padding-left: 0px;
	padding-top: 0px;
}

#volume5 a{
	color: #dcffdc;
	text-decoration: none;
}

#volume5 p{
	color:#dcffdc;
	text-decoration: none;
}

#volume5 ul{
	list-style-type: none;
}

#volume5 ul li{
}

#volume5 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 46px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#volume5 ul li a:hover{
	color: #CF3;
}
#volume6{
	float:left;
	width: 200px;
	height: 50px;
	color: #dcffdc;
	padding-left: 20px;
	padding-top: 0px;
}

#volume6 a{
	color: #dcffdc;
	text-decoration: none;
}

#volume6 p{
	color:#dcffdc;
	text-decoration: none;
}

#volume6 ul{
	list-style-type: none;
}

#volume6 ul li{
}

#volume6 ul li a{
	color: #dcffdc;
	padding-top: 24px;
	padding-right: 16px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#volume6 ul li a:hover{
	color: #CF3;
}
#volume7{
	float:left;
	width: 200px;
	height: 50px;
	color: #dcffdc;
	padding-left: 20px;
	padding-top: 0px;
}

#volume7 a{
	color: #dcffdc;
	text-decoration: none;
}

#volume7 p{
	color:#dcffdc;
	text-decoration: none;
}

#volume7 ul{
	list-style-type: none;
}

#volume7 ul li{
}

#volume7 ul li a{
	color: #dcffdc;
	padding-top: 24px;
	padding-right: 16px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#volume7 ul li a:hover{
	color: #CF3;
}

#volume8{
	float:left;
	width: 200px;
	height: 50px;
	color: #dcffdc;
	padding-left: 20px;
	padding-top: 0px;
}

#volume8 a{
	color: #dcffdc;
	text-decoration: none;
}

#volume8 p{
	color:#dcffdc;
	text-decoration: none;
}

#volume8 ul{
	list-style-type: none;
}

#volume8 ul li{
}

#volume8 ul li a{
	color: #dcffdc;
	padding-top: 24px;
	padding-right: 16px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#volume8 ul li a:hover{
	color: #CF3;
}
#cast ul li img{
	padding-bottom:12px;
		
}

#castlink{
	float:left;
	width: 600px;
	height: 50px;	
	padding-left: 20px;
	padding-top: 30px;
}

#castlink a{
	color: #dcffdc;
	text-decoration: none;
}


#cast{
	float:left;
	width: 600px;
	color: #dcffdc;
	padding-top: 20px;
	padding-left: 20px;
}


#cast a{
	color: #dcffdc;
	text-decoration: none;
}

#cast p{
	color:#dcffdc;
	text-decoration: none;
}

#cast ul{
	list-style-type: none;
}

#cast ul li{
	display: inline;
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 12px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
}

#cast ul li img{
	padding-bottom:12px;
		
}

#postimage_comic p{
	padding-top: 0px;	
	padding-left: 40px;
	color: #cdcffdc;
	font-size: 16px;
}

#postimage_comic p a{
	color: #cdcffdc;
	text-decoration: none;

}

#postimage_comic p a:hover{
	color:#CF3;
}

#postimage ul{
	list-style-type: none;
}

#postimage ul li{
	display: block;
	width: auto;
	height: auto;
}

#postimage ul li a{
	float: left;
	text-decoration: none;
}

#firsthalf{
	float: left;
	width: auto;
	margin-top: 20px;
}

#chapter1{
	float:left;
	width: auto;
	height: auto;
	margin: 0px;
	padding-top: 0px;
}

#chapter1 p{
	color: #dcffdc;
	margin: 0px;
	padding-top: 0px;
	padding-left: 16px;
}

#chapter1 ul{
	list-style-type: none;
	margin: 4px;
}

#chapter1 ul li{
	padding-top:1px;
}

#chapter1 ul li a{
	color: #dcffdc;
	padding-top: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#chapter1 ul li a:hover{
	color:#80cdd7;
}

#chapter2{
	float:left;
	margin: 0px;
	width: 150px;
	height: auto;
}

#chapter2 p{
	color: #dcffdc;
	margin: 0px;
	padding-top: 0px;
	padding-left: 16px;
}

#chapter2 ul{
	list-style-type: none;
	margin: 4px;
}

#chapter2 ul li{
	padding-top:1px;
}

#chapter2 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 14px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#chapter2 ul li a:hover{
	color:#80cdd7;
}
#chapter3{
	float:left;
	width: auto;
	height: auto;
}

#chapter3 p{
	color: #dcffdc;
	margin: 0px;
	padding-top: 0px;
	padding-left: 16px;
}

#chapter3 ul{
	list-style-type: none;
	margin: 4px;
}

#chapter3 ul li{
	padding-top:1px;
}

#chapter3 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 20px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#chapter3 ul li a:hover{
	color:#80cdd7;
}

#chapter4{
	float:left;
	width: auto;
	height: auto;

}

#chapter4 p{
	color: #dcffdc;
	margin: 0px;
	padding-top: 0px;
	padding-left: 16px;
}

#chapter4 ul{
	list-style-type: none;
	margin: 4px;
}

#chapter4 ul li{
	padding-top:1px;
}

#chapter4 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-right: 20px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#chapter4 ul li a:hover{
	color:#80cdd7;
}

#secondhalf{
	float: left;
	width: auto;
	margin-top: 20px;
	
}

#chapter5{
	float:left;
	width: auto;
	height: auto;
}

#chapter5 p{
	color: #dcffdc;
	margin: 0px;
	padding-top: 0px;
	padding-left: 12px;
}

#chapter5 ul{
	list-style-type: none;
	margin: 4px;
}

#chapter5 ul li{
}

#chapter5 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-left: 0px;
	padding-right: 16px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#chapter5 ul li a:hover{
	color:#80cdd7;
}

#chapter6{
	float:left;
	width: auto;
	height: auto;
}

#chapter6 p{
	color: #dcffdc;
	margin: 0px;
	padding-top: 0px;
	padding-left: 12px;
}

#chapter6 ul{
	list-style-type: none;
	margin: 4px;
}

#chapter6 ul li{
}

#chapter6 ul li a{
	color: #dcffdc;
	padding-top: 16px;
	padding-left: 0px;
	padding-right: 20px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#chapter6 ul li a:hover{
	color:#80cdd7;
}

#chapter7{
	float:left;
	width: auto;
	height: auto;
}

#chapter7 p{
	color: #dcffdc;
	margin: 0px;
	padding-top: 0px;
	padding-left: 12px;
}

#chapter7 ul{
	list-style-type: none;
}

#chapter7 ul li{
}

#chapter7 ul li a{
	color: #dcffdc;
	padding-left: 0px;
	padding-top: 16px;
	padding-right: 16px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#chapter7 ul li a:hover{
	color:#80cdd7;
}

#chapter8{
	float:left;
	width: auto;
	height: auto;
}

#chapter8 p{
	color: #dcffdc;
	margin: 0px;
	padding-top: 0px;
	padding-left: 12px;
}

#chapter8 ul{
	list-style-type: none;
	margin: 4px;
}

#chapter8 ul li{
}

#chapter8 ul li a{
	color: #dcffdc;
	padding-left: 0px;
	padding-top: 8px;
	padding-right: 20px;
	text-decoration: none;
	font-family:"PT sans";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#chapter8 ul li a:hover{
	color:#80cdd7;
}

#continue{
	margin-left: 60px;
	font-family:"PT sans";
	width: 500px;
	border-style: solid;
	border-left-color: #323c3c;
	border-top-color: #323c3c;
	border-right-color: #323c3c;
	border-bottom-color: #b1ceb0;
	border-width: 2px;
}

#continue a{
	color: #dcffdc;
	padding-left: 60px;
}

#continue a:hover{
	color: #CF3;
}

#previous{
	width: 593px;
	color: #80cdd7;
	padding-top: 2px;
	padding-left: 58px;
	font-size:16px;
	font-family:"PT sans";	
}

#previous ul{
	list-style-type: none;
}

#previous ul li{
}

#previous ul li a{
	color:#dcffdc;
	padding-top: 4px;
	text-decoration: none;
}

#previous ul li a:hover{
	color: #CF3;
}

#comics{
	float: left;
	width: 600px;
	padding-left: 40px;
	padding-top: 40px;
}

#comics b{
	padding-left: 10px;
	letter-spacing: 1px;
}

#comics p{
	font-family: "PT sans";
}

#faeryu{
	float: left;
	width: 500px;
	height: 180px;
}

#faeryu img{
	float: left;
}

#faeryu_about{
	float: left;
	width: 300px;
	margin-left: 8px;
}

#faeryu b{
	color:#c2e1ff;
}

#grandhive{
	float: left;
	width: 500px;
	height: 180px;
}

#grandhive img{
	float: left;
}

#grandhive_about{
 	float: left;
	width: 300px;
	margin-left: 8px;	
}

#azhuran{
	float: left;
	width: 500px;
	height: 180px;
}

#azhuran img{
	float: left;
}

#azhuran_about{
	float: left;
	width: 300px;
	margin-left: 8px;
}

#observatory{
	float: left;
	width: 500px;
	height: 180px;
}

#observatory img{
	float:left;
}

#observatory_about{
	float: left;
	width: 300px;
	margin-left: 8px;
	
}

#previews{
	float: left;
	width: 500px;
	height: 180px;
}

#previews img{
	float: left;
}

#previews_about{
	float: left;
	width: 300px;
	margin-left: 8px;
	
}
#comicsbar{
	float: left;
	width: 200px;
}

#comicsbar p{
	color: #80cdd7;
	margin-left: 26px;
	padding-left: 12px;
	font-family:"Calluna";
	text-decoration: none;
	font-size: 30px;
	font-weight: 400;
	font-variant: small-caps;
	letter-spacing: 1px;

}

#comicsbar ul{
	list-style-type: none;
	margin-top: 0px;
	padding-top: 4px;
	font-size: 4px;
}

#comicsbar ul li{
}

#comicsbar ul li a{
	text-decoration: none;
}

#footer{
	color:#80cdd7;
	margin-top: 10px;
	padding-left: 56px;
	padding-top: 10px;
	padding-bottom: 4px;
	font-family:"Calluna";
	font-size: 16px;
	letter-spacing: 1px;
}