body {
 background: #000;
 font: 12px/1.4 Arial, Helvetica, sans-serif;
 margin: 0; 
 padding: 0;
}
body.tourBody {
 background: #000 url(/images/bg_site_shards.jpg) no-repeat;
}
body.btdBody {
 background: #000 url(/images/Evergreen_DYHWIT_BG2.jpg) no-repeat;
}
body.arcadeBody {
 background: #000 url(/images/games_arcade_bg.jpg) no-repeat;
}

table,
td,
input,
select,
textarea { 
 /* font-family: Arial, Helvetica, sans-serif; */
 font: inherit;
}
sup {
 font-size: 75%; line-height: 0;
}
a:link,
a:visited,
a:active {
 color: #f7eddc;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}

/* ****************************** Page Layout ****************************** */
#pageContainer { 
 margin: 0;
 overflow: hidden;
 font-size: 12px;
 color: #fff;
}
	#headerLogin {
	 height: 60px;
	 margin: 23px 0 22px 70px;
	}
	#headerLogin img {
	 border: 0;
	 margin: 8px 0 0 9px;
	}
	#gearTag {
	 left: 500px;
	 position: absolute;
	 top: 15px;
	}
	#globalNav_wrapper {
	 left: 0;
	 position: absolute;
	 top: 105px;
	}
		#globalNav {
		 position: relative;
		}
	#mainContent {
	 left: 185px;
	 overflow: hidden;
	 position: absolute;
	 top: 105px;
	 z-index: 1;
	}
		#sectionTitle {
		 padding: 0 0 20px 0;
		}
		.contentContainer {
		 overflow: hidden;
		 width: 740px;
		}
			.b4container {
			 margin-bottom: 20px;
			 overflow: hidden;
			}
			.scrollContainer {
			 height: 500px;
			 overflow: auto;
			}
				.contentPanel {
				 overflow: hidden;
				 padding: 15px;
				 color: #fff;
				}
		.footer {
		 background-color: #000;
		 clear: both;
		 color: #fff;
		 font-size: 11px;
		 margin: 20px 0;
		 padding: 5px;
		 text-align: center;
		 width: 730px;
		}
		.footer a:link,
		.footer a:visited {
		 color: #ddd;
		}
		.footer a:hover {
		 color: #fff;
		}

/* ******************************* Containers ******************************* */
.contentContainerColR {
 width: 508px;
 float: left;
}
.contentPanel h3 {
 font-weight: bold;
 margin: 0; padding: 0;
}
.colR {
 width: 215px;
 margin: 0 0 0 13px; padding: 0;
 float: left;
}
.greyDark { background-color: #7c7c7c; }
.greyMedium { background-color: #999; }
.greyLight { background-color: #b3b3b3; }

.mainnav {
 width: 207px;
 min-height: 20px;
 padding: 0; margin: 0 auto;
 vertical-align: top;
}
.maincontent {
 width: 736px;
 padding: 0;
 margin: 0 auto;
 vertical-align: top;
}
.marginR {
 width: 81px;
 min-height: 20px;
 padding: 0;
 margin: 0 auto;
 vertical-align: top;
}

.switch_panel, .header_panel {
 width: 736px; height: 120px; overflow: hidden;
}
.header_panel_fla {
 width: 740px; height: 120px; overflow: hidden;
}
div.main_panel {
 width: 736px;
 /* min-height: 400px; */
}
div.main_panel_fla {
 width: 740px;
}
#side_col {
vertical-align: top;
padding-top: 20px; 
}
.error_msg {
 color: #FFCCCC;
}
#home td.maincontent td.flash_mod {
 /* temporary - delete this after */
 background-color: #CC99CC;
}
#home div.main_panel {
 /* border: 1px solid #CC99CC; */
 vertical-align: top;  
}
/* END GLOBAL STYLES */
/* HOME PAGE Styles */
td.module_header {
 vertical-align: bottom;
 padding: 4px 0 0 10px;
 font-size: 18px; font-weight: bold; color: #FFFFFF;
}
td.module_header img {
 padding: 0 5px 0 0;
 float: left;
}
td.module_header_link {
 color: #FFFFFF; padding: 0 20px 2px 0; text-align: right; vertical-align: bottom;
}
/* End Home Page Styles */
/* games page specific */
#games .maincontent,#keytarslayer .maincontent,#Applesaucehop .maincontent { 
 border: 2px solid #83430a;
 background-color: #d48036;
}
#archive_link { font-family: Helvetica, sans-serif; font-weight: bold; font-size: 14px; padding: 10px; /* color: #91ff1b; */ }
#flash_game { 
 background-color: #d48036;
 width: 736px; 
}
#archive_link { 
 background-color: #d48036;
 background: #d48036;
}
/* end games page specific */
/* remix page specific */
#remix .maincontent { 
 /*border: 2px solid #241706;*/
 border: none;
 margin: 0; padding: 0;
 background-color: #d38022;
}
/* end remix page specific */
/* toughLove page specific */
#toughlove .maincontent { 
 /*border: 2px solid #241706;*/
 border: none;
 margin: 0; padding: 0;
 background-color: #d38022;
}
/* end remix page specific */

/* videos specific */
#video .maincontent, #airtime .maincontent { 
 background-color: #804246;
 border: 2px solid #8c535b;
}
#airtime div.flash_container { 
 background-color: #944F54;
 margin: 0; padding: 10px 0 42px 0;
}
#airtime div.flash { 
 margin: 0 42px 0 42px;
 text-align: center;
}
#back2archive {
 margin-left: 10px;
}
#back2archive a:link, #back2archive a:visited, #back2archive a:active { color: #FFF; text-decoration: none; }
 #back2archive a:hover { color: #000; text-decoration: underline; }
/* end videos */
/* spreadtruth specific */
#spreadtruth .maincontent { 
 border: 2px solid #ab6a6e;
 background-color: #3D1314;
}
/* end spreadtruth */
/* character blog specific */
#blog td.maincontent, #bios td.maincontent, #photos td.maincontent { background-color: #F0563E; border: 2px solid #F7B231; }
#bios td.maincontent, #photos td.maincontent { padding-bottom: 42px; }
#blog_layout, #photos_layout, #bios_layout { margin: 10px 42px 0 42px;}
#blog_content_wrap, #photos_layout, #bios_layout { background: #F9E8B0; border: 1px solid #44381E; }
#nav { height: 28px; line-height: 28px; background-color: #44381E; }
#nav div { padding: 0 10px 0 10px; font-size: 11px; }
#arrow_nav { padding: 0 10px 0 10px; font-size: 11px; height: 28px; line-height: 28px; background-color: #44381E; text-align: center; }
.navitem { float: left; cursor: pointer; }
#nav .active { background-color: #F8BE39; }
.sendmessage { border-left: 1px solid #F9E8B0; }
#blognav { height: 28px; line-height: 28px; background-color: #F9E8B0; border: 1px solid #44381E; }
#photos_layout #blognav, #bios_layout #blognav { border: none; border-bottom: 1px solid #44381E; }
#blognav div { padding: 0 10px 0 10px; font-size: 11px; color: #F9E8B0; }
#blognav .active { background-color: #44381E; }
#map { margin: 15px 0 10px 0; }
.blog_container { background-color: #F9E8B0; border-top: 1px solid #44381E; margin: 0; padding: 0; }
.blog_container1 { background-color: #F9E8B0; border-top: 1px solid #948753; }
.blog_container2 { background-color: #F2E9CD; border-top: 1px solid #948753; }
.blog_entry { padding: 20px; min-height: 100px; color: #44381E; }
.bio_im { width: 100px; height: 90px; float: left; margin: 0 10px 5px 0; border: 1px solid #CCCCCC; }
.bio_im img { border: 0; }
.post_title { font-size: 15px; }
.post_content { margin-top: 15px; font-size: 12px; line-height: 17px; }
/* #moreblogs { background-color: #F9E8B0; border: 1px solid #948753; margin: 10px 42px 0 42px; padding: 10px; text-align: center; font-size: 11px; }
 */
#moreblogs { width: 652px; height: 28px; line-height: 28px; background-color: #44381E; margin: 0 42px 0 42px; text-align: center; font-size: 11px; color: #F9E8B0; }
#backtotop { margin: 0 42px 0 42px; padding: 10px 0 10px 0; text-align: center; color: #F9E8B0; font-size: 11px; }
#moreblogs a, #backtotop a, .fav_fact_cont a { cursor: pointer; }
.overlay { 
 clear: both; background: #F9E8B0 url(/images/blog/ajax-loader.gif) center center no-repeat; text-align: center; height: 100px; width: 650px; position: absolute; margin: 0; padding: 30px 0 0 0; z-index: 100;
 border-top: 1px solid #948753; 
 font-size: 11px;
}
#blog_default { 
 clear: both; background: #F9E8B0; text-align: center; height: 100px; width: 650px; margin: 0; padding: 30px 0 0 0;
 border-top: 1px solid #948753; border-bottom: 1px solid #948753;
 font-size: 11px;
}
.fav_fact_cont { margin: 10px 0 0 0; }
.fav_fact { float: left; margin: 0 5px 0 0; }
.post_photos { margin: 10px 0 0 0; }
.post_thumbs { height: 45px; }
.thumb_im { float: left; margin: 5px 10px 0 0; border: 1px solid #CCCCCC; cursor: pointer; }
.thumb_im img { border: 0; }

#nav a:link, #moreblogs a:link { color: #F9E8B0; text-decoration: none; }
#nav a:visited, #moreblogs a:visited { color: #F9E8B0; text-decoration: none; }
#nav a:active, #moreblogs a:active { color: #44381E; text-decoration: none; }
#nav a:hover, #moreblogs a:hover { color: #44381E; text-decoration: none; }
#nav a.active { color: #44381E; }

#blognav a:link { color: #44381E; text-decoration: none; }
#blognav a:visited { color: #44381E; text-decoration: none; }
#blognav a:active { color: #F9E8B0; text-decoration: none; }
#blognav a:hover { color: #F9E8B0; text-decoration: none; }
#blognav a.active { color: #F9E8B0; }

#blog_posts a:link, #moreblogs a:link, #blog_emailform a:link { color: #44381E; text-decoration: underline; }
#blog_posts a:visited, #moreblogs a:visited, #blog_emailform a:visited { color: #44381E;; text-decoration: underline; }
#blog_posts a:active, #moreblogs a:active, #blog_emailform a:active { color: #44381E; text-decoration: none; }
#blog_posts a:hover, #moreblogs a:hover, #blog_emailform a:hover { color: #44381E; text-decoration: none; }

#moreblogs a:hover { background-color: #F8BE39; }
/* Send Message Form Overlay Div */
#blog_emailform {
 width: 530px;
 height: 400px;
 background-color: #F9E8B0;
 border: 1px solid #44381E;
 margin: 0; padding: 0;
 font-size: 11px;
}
#blog_emailform .email_form_header { padding: 20px; color: #44381E; }
#blog_emailform .email_body { padding: 20px; color: #44381E; }
#blog_emailform .close_button { 
 margin-left: 470px;
 height: 20px;
 width: 20px;
}
#blog_emailform .close_button img {
 height: 20px;
 width: 20px;
 border: 1px solid #44381E;
}
#blog_emailform .small_txt { color: #44381E; }
#blog_emailform input, #blog_emailform select, #blog_emailform textarea, #blog_emailform checkbox { border: 1px solid #44381E; }
/* end character blog */

/* character bios */
#scrollContainer {
 position: absolute;
}
#scroller_module {
 position: relative;
 margin: 0;
}
#scroll_content_wrapper
 { position: absolute;
 left: 5px;
 top: 4px;
 width: 706px;
 height: 80px;
 padding: 0px 0px 0px 0px;
 overflow: hidden;
}
#scroll_content
 { position: absolute;
 top: 0px;
 left: 0px;
 width: 5000px;
 height: 80px;
 white-space: nowrap;
 max-height: 130px;
}
#sl_button
 { position: absolute;
}
#sr_button
 { text-align: right; 
 position: absolute;
}
#scroll_content img { cursor: pointer; }
.fadeBox 
 { margin: 0;
 position: absolute;
 top: 0;
 width: 650px;
 height: 316px; 
}
.fadeBox div.charTitle {
 margin: 50px 50px 0 300px; 
}
#tour_bios .fadeBox div.charTxtContainer { 
 margin: 10px 0 0 300px;
 font-size: 12px; line-height: 17px; color: #44381E;
 position: relative;
 width: 340px;
 height: 190px;
 overflow: auto;
}
.fadeBox div.charTxt { 
 margin: 0; 
 padding: 0;
 position: relative;
 font-size: 12px; line-height: 17px; color: #44381E; 
 width: 300px;  
}
/*
.fadeBox div.charTxt { 
 margin: 10px 50px 0 300px; 
 font-size: 12px; line-height: 17px; color: #44381E; 
 width: 340px; 
 height: 200px; 
 overflow: auto;
}
*/
#charim { 
 position: relative; height: 316px;
}
/* end character bios */

/* Additional styles for Footer link pages */
#about_us td.maincontent,
#contact_us td.maincontent,
#privacy_policy td.maincontent,
#terms_of_service td.maincontent,
#messages td.maincontent {
 background-color: #333366;
 border: 1px solid #000033;
 border-top: none;  
}
#contact_us div.main_panel td,
#privacy_policy div.main_panel td,
#terms_of_service div.main_panel td,
#messages div.main_panel td {
 padding: 20px 20px 20px 20px;
}
#about_us td,
#contact_us td,
#privacy_policy td,
#terms_of_service td,
#messages td {
 color: #FFF;
}