body {
	background: #211782 url(/images/body_bg.png) top left repeat-x;
	color: #fff;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/* generic styles */
a img { border: none; }
.clear { clear: both;}
hr { display: none; }
.half { width: 50%; }
.third { width: 33%; }
.left { float: left; }
.right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* layout*/
#header {
	margin: 0 auto;
}

#page-holder {
	background: #000022 url(../images/main_bg.png) top left no-repeat;
	font-size: 0.75em;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
	width: 828px;
}

#header {
	background: #290931 url(../images/header.png) top left repeat-x;
	margin: 0 auto;
	width: 828px;
}
#top-links { padding-left: 15px;}

#footer {
	background: #000022 url(../images/footer_bg.png) top left repeat-x;
	color: #b6f8d5;
	font-size: 0.9em;
	margin: 30px auto 10px;
	padding: 10px 0;
	text-transform: uppercase;
}
#banner-area {
	background: #040717; /*url(../images/full_hr.gif) bottom center no-repeat;*/
	border-left: 1px solid #b1dac7;
	border-right: 1px solid #b1dac7;
	border-top: 1px solid #b1dac7;
	height: 210px;
	margin: 0 auto;
	width: 826px;
}

#main-body {
	float: left;
	width: 550px;
	margin-left: 23px;
	margin-right: 20px;
}

#side-column {
	margin-right: 90px;
	float: right;
	width: 100px;
}

/* headers */
h1 { 
	float: left;
	margin: 0px;
	padding-top: 3px;
	width: 456px; 
}
h1 a { 
	background: transparent url(../images/logo.gif) top left no-repeat; 
	color: #B6F8D5; 
	display: block;
	float: left;
	height: 55px;
	margin: 0;
	overflow: hidden;
	text-indent: -10000px;
	width: 451px; 
}
h2 { color: #B6F8D5; font-size: 1.7em; margin: 0 0 20px; }
h3 { color: #B6F8D5; font-size: 1.2em; }
h4 { color: #B6F8D5; font-size: 1.1em; margin: 0 0 20px; }


/* lists */
#top-links ul {
	display: inline;
	float: right;
	font-size: 0.8em;
	margin: 30px 0 0;
	padding: 0;
	width: 200px;
}
#top-links ul li {
	float:left;
	list-style-type: none;
	margin-right: 5px;
}

#header ul#main-nav { 
	background: transparent url(../images/nab_bg.png) bottom left repeat-x; 
	font-size: 0.8em;
	font-weight: bold;
	height: 30px;
	list-style-image: none;
	margin: 0pt 0 -2px ;
	padding: 0 0 0 15px;
	width: 826px;
}
#header ul#main-nav li {
	background: transparent url(../images/nav_right.png) top right no-repeat;
	float: left;
	list-style-type: none;
	margin-right: 3px;
}
#header ul#main-nav li:hover {
	background-position: 0px -30px;
}
#header ul#main-nav li a {
	background: transparent url(../images/nav_left.png) top left no-repeat;
	color: #040717;
	display: block;
	padding: 6px 9px;
	text-decoration: none;
}
#header ul#main-nav li a:hover, #header ul#main-nav li:hover a {
	background-position: 0px -30px;	
}
#header ul#main-nav li.selected {
	background-position: 0px -60px;	
	border-top: 1px solid #c5fade;
	border-left: 1px solid #c5fade;
	border-right: 1px solid #c5fade;
	margin-bottom: -1px;
}
#header ul#main-nav li.selected a {
	background-position: 0px -60px;	
	color: #fff;
	padding: 6px 9px;
}
/*sub-nav */
#header ul#main-nav li ul { display: none; }
#header ul#main-nav li:hover ul { display: block; position: absolute; padding-left: 0; }
#header ul#main-nav li:hover ul li { float: none; text-align: left;}
#header ul#main-nav li:hover li a { background-position: 0px 0px;	}
#header ul#main-nav li:hover li:hover a { background-position: 0px -30px; }
#header ul#main-nav li.selected ul { display: none; }

/* footer */
#footer ul {
	float: left;
	margin: 0 0 10px 23px;
	padding: 10px 0px;
}
#footer ul li {
	float: left;
	list-style-type: none;
	padding-right: 15px;
}
#footer #share { 
	float: right; 
	margin: 0 23px 10px 0;
	padding: 10px 0px;
}

#footer #share a:hover { border-bottom: none; }


#banner-area ul#buttons {
	list-style-type: none;
	padding-left: 0px;
	margin: 5px 40px;
}

#banner-area ul#buttons li {
	float: left;
	text-align: center;
	width: 33%;
}
#banner-area ul#buttons li a {
	display:block;
	height: 101px;
	overflow: hidden;
	text-indent: -10000px;
	width: 233px;
}
#banner-area ul li a.arthur { background: transparent url(../images/arthur.png) bottom left no-repeat; }
#banner-area ul li a.balloonies { background: transparent url(../images/balloonies.png) bottom left no-repeat; }
#banner-area ul li a.bloob { background: transparent url(../images/bloob.png) bottom left no-repeat; }
#banner-area ul li a.rasputin { background: transparent url(../images/rasputin.png) bottom left no-repeat; }
#banner-area ul li a.toons { background: transparent url(../images/toons.png) bottom left no-repeat; }
#banner-area ul li a.wen { background: transparent url(../images/wen.png) bottom left no-repeat; }

#banner-area ul li a:hover, #banner-area ul li.selected a { background-position: top; }


#side-column ul {
	padding-left: 0px;
}
#side-column ul li {
	list-style-image: url(../images/icons/star.gif);
	list-style-type: none;
	padding-left: 0px;
}

#side-column ul li.digg {
	list-style-image: url(../images/icons/digg.png);
	list-style-type: none;
	padding-left: 0px;
}
#side-column ul li.delicious {
	list-style-image: url(../images/icons/delicious.png);
	list-style-type: none;
	padding-left: 0px;
}

/* links */
a { color: #b6f8d5; }
a:hover { color: #a37fb7; }

#footer a { color: #a37fb7; text-decoration: none; }
#footer a:hover { color: #b6f8d5; border-bottom: 2px solid #B6F8D5; }

/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #4e6576;
	padding: 10px;
	width: 515px;
}
#gallery ul { list-style: none; margin:0; padding:0; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #280a25;
	border-width: 5px 5px 10px;
}
#gallery ul a:hover img {
	border: 5px solid #B6F8D5;
	border-width: 5px 5px 10px;
	color: #fff;
}
#gallery ul a:hover { color: #B6F8D5; }


/* form stuff */

label { float: left; margin-right: 5px; text-align: right; width: 200px; }
input { margin-bottom: 5px; }