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

/*link properties */
a:link{
color:#b3b3f9;
}
a:visited {
	color: #e68664;
}
a:hover, a:active{
color:#ffffff;
}
a {
	text-decoration: none;
}

/* affects body background and text colour */
body {
	color: #8593ec;
	background-image: url(images/erylbg2.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
	background-color: #1f2636;
	text-align: center;
}

/* centres the page */
#container {
	margin: 0 auto;
	text-align: center;
	width: 880px;
	position: relative
}

.content {
	float: left;
}

/* stuff to the left of comic */
.content .left {
	float: left;
	margin-top: 0%;
	width: 200px;
}

.content .left .table {
	background-color: #1f3255;
	padding-top: 10px;
	padding bottom: 10px;
}

/* stuff on the right, includes comic */
.content .right {
	float: right;
	margin-top: 0%;
	margin-left: 10px;
	width: 650px;
}

/* comic table */
.content .right .comic {
	float: left;
	width: 580px;
	top: 20px;
	padding: 5px;
}

/* aligns extras to the left */
.extra .mc {
	align: left;
}

/* creates the minor characters image gallery */
div.img
{
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	

div.img img
{
  display: inline;
  margin: 3px;
}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

/*archive and navigation pages*/
.content .extra {
	float: left;
	background-color: #1f3255;
	width: 820px;
	top: 20px;
	padding: 5px;
	bottom: 10px;
}

.extra .world {
	clear: left;
}

.content .right .moreright {
	float: right;
	margin-top: 0%;
	margin-left: 10px;
	width: 180px;
}

/* aligns calendar, etc to far right */
.content .right .calendar {
	float: right;
	position: relative;
	margin-top: 0%;
	margin-left: 10px;
	width: 200px;
	background-color: #1f3255;
	padding: 10px;
	bottom: 10px;
	text-align: center;
}
.content .right .moreleft {
	float: left;
	margin-top: 0%;
	width: 400px;
}

/* comment/ news box */
.content .right .comments {
	position: relative;
	margin-top: 10px;
	background-color: #1f3255;
	width: 400px;
	min-height: 200px;
	bottom: 10px;
	padding: 10px;
	clear: left;
	text-align: left;
}

/* newsblog */
.content .right .comments .news {
	text-align: left;
	padding: 10px;
}

/* date header for news & links */
.content .right .comments .links {
	font-family: Bradley Hand ITC TT;
	font-size: 18px;
	color: #b3b3f9;
	text-align: center;
}

/* Chapter titles on nav page */
.content .title {
	font-family: Bradley Hand ITC TT;
	font-size: 26px;
	color: #b3b3f9;
}

/* copyright stuff */
.content .right .copyright {
	color: #ffffff;
}