/* --------------------------------------------------------------------------------
MAIN ELEMENTS
-------------------------------------------------------------------------------- */
body {
	background-color: #349aff;
	background-image: url(style/skystyle_bggradient.png);
	background-repeat: repeat-x;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	color: #202030;
}
img {
	border: none;
}
*::selection {
	background: #e0e0ff;
}
*::-moz-selection {
	background: #e0e0ff;
}
#splash {
	position: absolute;
	height: 100%;
	width: 100%;
}
#splashcontainer {
	position: absolute;
	top: 50%;
	height: 150px;
	width: 100%;
	text-align: center;
	margin-top: -75px;
}
	
/* --------------------------------------------------------------------------------
TITLEBAR... TOP OF THE PAGE
-------------------------------------------------------------------------------- */
#topbar {
	height: 100px;
	width: 100%;
	background: url(style/skystyle_titlebarbg.png) repeat-x;
}
#topbarcenter {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#logo {
	float: left;
}
#navbar {
	float: right;
	text-align: center;
	width: 520px;
	font-size: small;
	padding-top: 20px;
	height: 80px;
	font-weight: bold;
}
#navbar a {
	text-decoration: none;
}
.navbar-forum {
	/*color: #88aa66;*/
}
.navbar-coralmayhem {
	color: #aaaa66;
}
.navbar-imagefests {
	color: #aa8866;
}
.navbar-videos {
	color: #aa66aa;
}
.navbar-poscast {
	color: #8866aa;
}
.navbar-piecesof {
	color: #4466aa;
}
.navbar-comics {
	color: #66aaaa;
}
/* --------------------------------------------------------------------------------
MAIN AREA... MEAT OF THE PAGE
-------------------------------------------------------------------------------- */
#page {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#sections {
	width: 450px;
	float: left;
}
.sectionblurbtop {
	background: url(style/skystyle_sectionblurbtop.png) no-repeat;
	width: 450px;
	height: 30px;
	float: left;
}
.sectionblurb {
	background: url(style/skystyle_sectionblurb.png) repeat-y;
	width: 420px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.sectionblurbbottom {
	background: url(style/skystyle_sectionblurbbottom.png) no-repeat;
	width: 450px;
	height: 30px;
	float: left;
}

#recentupdates {
	background: url(style/skystyle_updatebg.png) repeat-y;
	float: left;
	width: 500px;
	padding-left: 15px;
	padding-right: 15px;
}
#updatetop {
	background: url(style/skystyle_updatetop.png) no-repeat;
	height: 50px;
	width: 530px;
	float: left;
}
#updatebottom {
	background: url(style/skystyle_updatebottom.png) no-repeat;
	height: 50px;
	width: 530px;
	float: right;
}
.update-header {
	font-weight: bold;
	width: 100%;
}
.update-body {
	overflow: hidden;
}
.update-footer {
	min-height: 26px;
}
.update-footer-icon {
	float: left;
}
.update-footer-info {
	float: left;
	font-size: x-small;
	margin-left: 5px;
}

#contentshell {
	float: left;
	width: 800px;
}
.content {
	background: url(style/skystyle_contentbg.png) repeat-y;
	width: 770px;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}
.contenttop {
	background: url(style/skystyle_contenttop.png) no-repeat;
	height: 35px;
	width: 800px;
	font-weight: bold;
	font-size: large;
	padding-top: 15px;
	text-indent: 1em;
}
.contentbottom {
	background: url(style/skystyle_contentbottom.png) no-repeat;
	height: 50px;
	width: 800px;
}
.content img {
	max-width: 96%;
}

#footer {
	height: 70px;
	width: 100%;
	background: url(style/skystyle_footerbg.png) repeat-x;
	clear: both;
	text-align: center;
}
/* --------------------------------------------------------------------------------
SIDE PANELS
-------------------------------------------------------------------------------- */
#sidebar {
	width: 180px;
	float: left;
}
.side-green {
	background: url(style/skystyle_side_green.png) repeat-y;
	float: right;
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
}
.side-greentop {
	background: url(style/skystyle_side_greentop.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-greenbottom {
	background: url(style/skystyle_side_greenbottom.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-yellow {
	background: url(style/skystyle_side_yellow.png) repeat-y;
	float: right;
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
}
.side-yellowtop {
	background: url(style/skystyle_side_yellowtop.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-yellowbottom {
	background: url(style/skystyle_side_yellowbottom.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-orange {
	background: url(style/skystyle_side_orange.png) repeat-y;
	float: right;
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
}
.side-orangetop {
	background: url(style/skystyle_side_orangetop.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-orangebottom {
	background: url(style/skystyle_side_orangebottom.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-pink {
	background: url(style/skystyle_side_pink.png) repeat-y;
	float: right;
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
}
.side-pinktop {
	background: url(style/skystyle_side_pinktop.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-pinkbottom {
	background: url(style/skystyle_side_pinkbottom.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-purple {
	background: url(style/skystyle_side_purple.png) repeat-y;
	float: right;
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
}
.side-purpletop {
	background: url(style/skystyle_side_purpletop.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-purplebottom {
	background: url(style/skystyle_side_purplebottom.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-blue {
	background: url(style/skystyle_side_blue.png) repeat-y;
	float: right;
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
.side-bluetop {
	background: url(style/skystyle_side_bluetop.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}
.side-bluebottom {
	background: url(style/skystyle_side_bluebottom.png) no-repeat;
	float: right;
	width: 180px;
	height: 30px;
}


/* --------------------------------------------------------------------------------
OTHER STUFF
-------------------------------------------------------------------------------- */
.coral1 {font-weight: bold; color: #fa4448;}
.coral2 {font-weight: bold; color: #e054f4;}
.coral3 {font-weight: bold; color: #af54f4;}
.coral4 {font-weight: bold; color: #5c5ef2;}
.coral5 {font-weight: bold; color: #4eaaf4;}
.coral6 {font-weight: bold; color: #29e57b;}
.coral7 {font-weight: bold; color: #52e529;}
.coral8 {font-weight: bold; color: #fa8444;}
.coral9 {font-weight: bold; color: #858585;}

.quote {
	background-color: #e0e0e0;
	padding: 0.5em;
	border: 2px #0000 solid;
}
.quoteheader {
	font-weight: bold;
}

.spoilerbody {
	background-color: #e0e0e0;
	padding: 0.5em;
	border: 2px #000080 solid;
}