html
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	/*background-image: url(../images/backgrounds/home_bg2.jpg);
	background-position: top;
	background-repeat: no-repeat;*/
	background-color: #060607;
}

#container
{
	clear: both;
	width: 915px;
	margin: 15px auto;
	padding: 0 0 30px 0;
}

#menu
{
	position: relative;
	z-index: 50;
	clear: both;
	width: 720px;
	height: 24px;
	margin: 0 auto;
	padding: 0;
	
}

.menu
{
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	list-style-type: none;
}

.menu li
{
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

/* div for mainmenu li */
#home
{
	width: 65px;
	height: 24px;
	cursor: pointer;
	background-image: url(../images/mainmenu/home_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#home:hover
{
	background-image: url(../images/mainmenu/home_ON_OFF.jpg);
	background-position: 0 -24px;
	background-repeat: no-repeat;
}

#story
{
	width: 70px;
	height: 24px;
	cursor: pointer;
	background-image: url(../images/mainmenu/story_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#story:hover
{
	background-image: url(../images/mainmenu/story_ON_OFF.jpg);
	background-position: 0 -24px;
	background-repeat: no-repeat;
}

#characters
{
	width: 134px;
	height: 24px;
	cursor: pointer;
	background-image: url(../images/mainmenu/characters_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#characters:hover
{
	background-image: url(../images/mainmenu/characters_ON_OFF.jpg);
	background-position: 0 -24px;
	background-repeat: no-repeat;
}

#chaos
{
	width: 162px;
	height: 24px;
	cursor: pointer;
	background-image: url(../images/mainmenu/chaos_corner_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#chaos:hover
{
	background-image: url(../images/mainmenu/chaos_corner_ON_OFF.jpg);
	background-position: 0 -24px;
	background-repeat: no-repeat;
}

#episodes
{
	width: 101px;
	height: 24px;
	cursor: pointer;
	background-image: url(../images/mainmenu/episodes_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#episodes:hover
{
	background-image: url(../images/mainmenu/episodes_ON_OFF.jpg);
	background-position: 0 -24px;
	background-repeat: no-repeat;
}

/* div for mainmenu li end */

#logo
{
	position: absolute;	
	top: 18px;
	z-index: 10;
	width: 910px;
	margin: 0 auto;
	padding: 0;
}

#topspacer
{	
	width: 100%;
	margin: 120px 0 0 0;
	padding: 0;
	text-align: center;
}

#flashcontent
{	
	width: 100%;
	height: 371px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#icons 
{
	clear: both;
	width: 520px;
	margin: 27px auto;
	padding: 0;
}

/* styles for icons - text and icon */
.icontext
{
	float: left;
	width: auto;
	margin: 15px 0 0 0;
	padding: 0;
}

.iconimage
{
	float: left;
	width: auto;
	margin: 0 0 0 10px;
	padding: 0;
}
/* styles for icons - text and icon end */

#tell_friend
{
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
}

#rss
{
	float: left;
	width: 70px;
	margin: 0 0 0 90px;
	padding: 0;
}

#newsletter
{
	float: left;
	width: 120px;
	margin: 0 0 0 90px;
	padding: 0;
}

#boxes
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	
}

/* to avoid underlined text in Chrome and Safari */
#boxes a
{
	text-decoration: none;
}

#previously_box
{
	float: left;
	width: 301px;
	height: 301px;
	margin: 0;
	padding: 0;	
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	background-image: url(../images/boxes/previously_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;

}

#previously_box:hover
{
	color: #00b9ff;
	text-decoration: none;
	background-image: url(../images/boxes/previously_ON_OFF.jpg);
	background-position: -301px 0;
	background-repeat: no-repeat;

}

#play_box
{
	float: left;
	width: 301px;
	height: 301px;
	margin: 0 0 0 5px;
	padding: 0;	
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	background-image: url(../images/boxes/play_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#play_box:hover
{
	color: #00b9ff;
	text-decoration: none;
	background-image: url(../images/boxes/play_ON_OFF.jpg);
	background-position: -301px 0;
	background-repeat: no-repeat;
}

/* different boxes for characters */
#featured_box_malcontent0
{
	float: left;
	width: 301px;
	height: 301px;
	margin: 0 0 0 5px;
	padding: 0;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;	
	background-image: url(../images/boxes/characters/featured_malcontent_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#featured_box_malcontent0:hover
{
	color: #00b9ff;
	text-decoration: none;
	background-image: url(../images/boxes/characters/featured_malcontent_ON_OFF.jpg);
	background-position: -301px 0;
	background-repeat: no-repeat;
}

#featured_box_malcontent1
{
	float: left;
	width: 301px;
	height: 301px;
	margin: 0 0 0 5px;
	padding: 0;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;	
	background-image: url(../images/boxes/characters/featured_solitaire_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#featured_box_malcontent1:hover
{
	color: #00b9ff;
	text-decoration: none;
	background-image: url(../images/boxes/characters/featured_solitaire_ON_OFF.jpg);
	background-position: -301px 0;
	background-repeat: no-repeat;
}

#featured_box_malcontent2
{
	float: left;
	width: 301px;
	height: 301px;
	margin: 0 0 0 5px;
	padding: 0;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;	
	background-image: url(../images/boxes/characters/featured_moss_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#featured_box_malcontent2:hover
{
	color: #00b9ff;
	text-decoration: none;
	background-image: url(../images/boxes/characters/featured_moss_ON_OFF.jpg);
	background-position: -301px 0;
	background-repeat: no-repeat;
}

#featured_box_malcontent3
{
	float: left;
	width: 301px;
	height: 301px;
	margin: 0 0 0 5px;
	padding: 0;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;	
	background-image: url(../images/boxes/characters/featured_agent2.0_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#featured_box_malcontent3:hover
{
	color: #00b9ff;
	text-decoration: none;
	background-image: url(../images/boxes/characters/featured_agent2.0_ON_OFF.jpg);
	background-position: -301px 0;
	background-repeat: no-repeat;
}

/*#featured_box_malcontent2
{
	float: left;
	width: 301px;
	height: 301px;
	margin: 0 0 0 5px;
	padding: 0;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;	
	background-image: url(../images/boxes/characters/featured_machine_head_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#featured_box_malcontent2:hover
{
	color: #00b9ff;
	text-decoration: none;
	background-image: url(../images/boxes/characters/featured_machine_head_ON_OFF.jpg);
	background-position: -301px 0;
	background-repeat: no-repeat;
}

#featured_box_malcontent3
{
	float: left;
	width: 301px;
	height: 301px;
	margin: 0 0 0 5px;
	padding: 0;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;	
	background-image: url(../images/boxes/characters/featured_papercut_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#featured_box_malcontent3:hover
{
	color: #00b9ff;
	text-decoration: none;
	background-image: url(../images/boxes/characters/featured_papercut_ON_OFF.jpg);
	background-position: -301px 0;
	background-repeat: no-repeat;
}*/
/* different boxes for characters end */

.text_box
{
	clear: both;
	float: left;	
	margin: 220px 0 0 0;
	padding: 0 30px 10px 30px;
	text-align: center;
	text-decoration: none;	
}

/*.text_box a
{
	color: #FFF;
	text-decoration: none;
}

.text_box a:hover
{
	color: #00b9ff;
	text-decoration: none;
}*/

*+html #divider1 /*IE7*/
{
	top: 920px;
}

#divider1
{
	position: absolute;
	top: 900px;
	left: 0;
	right: 0;
	z-index: 20;
	clear: both;
	width: 100%;
	min-width: 915px;
	height: 13px;
	margin: 0;
	padding: 0;
	background-image: url(../images/divider.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}

*+html #divider2 /*IE7*/
{
	top: 1320px;
}

#divider2
{
	position: absolute;
	top: 1290px;
	left: 0;
	z-index: 20;
	clear: both;
	width: 100%;
	min-width: 915px;
	height: 13px;
	margin: 0;
	padding: 0;
	background-image: url(../images/divider.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#blog_poll
{
	clear: both;
	float: left;
	width: 100%;
	height: 343px;
	margin: 20px 0 0 0;
	padding: 0;
	background-image: url(../images/mixed_box_tabs.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

* html .mixedbox_left /* IE6 */
{
	width: 550px;
	margin: 25px 0 0 30px;
}

.mixedbox_left
{
	clear: both;
	float: left;
	width: 520px;
	/*height: 270px;*/
	margin: 25px 0 0 40px;
	padding: 0;
	line-height: 16px;
}

.textheadline
{
	float: left;
	margin: 0;
	padding: 0;
}

.postswrapper
{
	clear: both;
	float: left;
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
}

.posts
{
	clear: both;
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
}

* html #view_blog /*IE6*/
{
	margin: 43px 0 0 20px;
}

#view_blog
{
	clear: both;
	float: left;
	width: 130px;
	height: 18px;
	margin: 45px 0 0 53px;
	padding: 0;
	cursor: pointer;
	background-image: url(../images/buttons/view_the_forum_ON_OFF.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#view_blog:hover
{
	background-image: url(../images/buttons/view_the_forum_ON_OFF.gif);
	background-position: 0 -18px;
	background-repeat: no-repeat;
}

* html .mixedbox_right /* IE6 */
{	
	float: left;
	width: 230px;
	margin: 25px 0 0 20px;
}

.mixedbox_right
{
	float: right;
	width: 220px;
	margin: 25px 65px 0 0;
	padding: 0;
}

/* Safari and Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
 	.mixedbox_right
	{
		width: 250px;
		margin: 25px 30px 0 0;
	}
}

.switchbox
{
	clear: both;
	width: 100%;
	height: 270px;
	margin: 0;
	padding: 0;	
}

.switchbox p
{
	margin: 0;
	padding: 0;
}

.resultsbox
{
	position: absolute;
	z-index: 50;
	clear: both;
	width: 250px;
	height: 200px;
	margin: 0;
	padding: 0;
	display: none;
}

.pollform
{
	margin: 10px 0 0 0;
	padding: 0;
}

* html .poll /* IE6 */
{
	margin: 0;
}

*+html .poll /* IE 7 */
{
	clear: both;
	float: left;
	margin: 2px 0 0 0;
}

.poll
{
	clear: both;
	float: left;		
	margin: 10px 0 0 0;	
}

* html label /* IE6 */
{
	margin: 3px 0 4px 7px;
}

*+html label /* IE7 */
{
	width: 180px;
	float: left;
	margin: 5px 0 5px 7px;
}

label
{
	width: 180px;
	float: left;
	margin: 9px 0 0 7px;
}

* html .vote /* IE6 */
{
	margin: 15px 0 0 25px;
}	

*+html .vote /* IE7 */
{
	clear: both;
	float: left;
	width: 53px;
	height: 21px;
	margin: 14px 0 0 25px;
	padding: 0;	
	border: none;
}

.vote
{
	clear: both;
	float: left;
	width: 53px;
	height: 21px;
	margin: 15px 0 0 20px;
	padding: 0;
	/*background-image: url(../images/buttons/vote.jpg);
	background-position: top left;
	background-repeat: no-repeat;*/
	border: none;
}

* html #view_results /* IE6 */ 
{
	margin: 10px 0 0 35px;
}

*+html #view_results /* IE7 */
{
	margin: 13px 0 0 70px;
}

#view_results
{
	clear: both;
	float: left;
	width: 111px;
	height: 19px;
	margin: 13px 0 0 70px;
	padding: 0;
	cursor: pointer;	
	background-image: url(../images/buttons/view_results_ON_OFF.jpg);
	background-position: top left;
	background-repeat: none;
}

#view_results:hover
{
	background-image: url(../images/buttons/view_results_ON_OFF.jpg);
	background-position: 0 -19px;
	background-repeat: none;
}

#view_poll
{
	clear: both;
	float: left;
	width: 79px;
	height: 14px;
	margin: 15px 0 0 85px;
	padding: 0;
	cursor: pointer;	
	background-image: url(../images/buttons/view_poll_ON_OFF.jpg);
	background-position: top left;
	background-repeat: none;
}

* html #view_poll /* IE6 */ 
{
	position:absolute;
}

#view_poll:hover
{
	background-image: url(../images/buttons/view_poll_ON_OFF.jpg);
	background-position: 0 -14px;
	background-repeat: none;
}

.results_breakdown p
{
	margin: 0 0 0 5px;
	padding: 0;
}

.results_spacer
{
	height:5px;
	font-size:1px;
}

/** html .results_breakdown /* IE6 */
/*{
	float: left;
	margin: 0;
	width: 250px;
	padding: 0 0 0 25px;
}

*+html .results_breakdown /* IE7 */
/*{
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0 0 0 25px;
}

.results_breakdown li
{
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}*/

/** html .option_name /* IE6 */
/*{
	width: 139px;
	margin: 0 0 0 0;
}

.option_name
{
	clear: both;
	float: left;
	width: 200px;
	margin: 5px 0 0 5px;
	padding: 0;	
}

.option_percent
{
	float: left;
	width: 45px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
}*/

/* Safari and Chrome */
/*@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.option_name
	{		
		margin: 5px 0 0 5px;
	}
	
	.option_percent
	{		
		margin: 5px 0 0 0;		
	}
}

.option_name_space
{
	margin:0 0 0 160px;
}*/

#links_scores
{
	clear: both;
	float: left;
	width: 100%;
	height: 338px;
	margin: 60px 0 0 0;
	padding: 0;
	background-image: url(../images/mixed_box_tab.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#facebook_text
{
	clear: both;
	float: left;
	width: 490px;
	margin: 0;
	padding: 0 0 0 55px;
	line-height: 16px;
	background-image: url(../images/icons/facebook.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#opentext_text
{
	clear: both;
	float: left;
	width: 540px;
	margin: 30px 0 0 0;
	padding: 0;
	line-height: 16px;	
}

#twitter_text
{
	clear: both;
	float: left;
	width: 490px;
	margin: 20px 0 0 0;
	padding: 0 0 0 55px;
	line-height: 16px;
	background-image: url(../images/icons/twitter.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#top_scores
{
	clear: both;
	float: left;
	width: 260px;
	height: 220px;
	margin: 20px 0 0 0;
	padding: 0;	
}

.top_scores_row
{
	clear: both;
	width: 100%;	
}

/* class to create space between the column titles (in red) */
.scores_spacer_name
{
	margin: 0 0 0 33px;
}

* html .scores_spacer_score
{
	margin: 0 0 0 68px;
}

.scores_spacer_score
{
	margin: 0 0 0 88px;
}
/* column titles end */

* html .top_scores /* IE6 */
{
	float: left;
	margin: 0;
	width: 220px;
	padding: 0 0 0 3px;
}

*+html .top_scores /* IE7 */
{
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0 0 0 3px;
}

.top_scores
{
	width: 100%;
	margin: 5px 0 0 5px;
	padding: 0;	
}

.rank
{
	float: left;
	width: 30px;
	margin: 0 0 3px 0;	
}

/* classes to create space between ranking, player's name and score */
* html .scores_name /* IE6 */
{
	width: 100px;
	margin: 0 0 0 28px;
}

.scores_name
{	
	float: left;
	width: 120px;
	margin: 0 0 3px 28px;
	padding: 0;
}

.scores
{
	float: left;
	width: 60px;
	margin: 0 0 3px 0;
	padding: 0;
	text-align: left;
}

/* Safari and Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.scores_name
	{		
		margin: 0 0 0 25px;
	}
}


/* scores end */
*+html #play_game
{	
	margin: 17px 0 0 65px;
}

* html #play_game /* IE6 */
{
	margin: 18px 0 0 30px;
}

#play_game
{
	clear: both;
	float: left;
	width: 123px;
	height: 19px;
	margin: 20px 0 0 65px;
	padding: 0;
	cursor: pointer;
	background-image: url(../images/buttons/play_the_game_ON_OFF.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#play_game:hover
{
	background-image: url(../images/buttons/play_the_game_ON_OFF.jpg);
	background-position: 0 -19px;
	background-repeat: no-repeat;
}

/* episodes styles */
#episodes_box
{
	clear: both;
	width: 893px;
	margin: 0 auto;
	padding: 0;
}

#episodes_box_top
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

* html #episodes_box_middle /*IE6*/
{
	margin: -2px 0 0 0;
}

*+html #episodes_box_middle /*IE7*/
{
	margin: -2px 0 0 0;
}

*html #episodes_box_middle /*IE6*/
{	
	width: 853px;
}

#episodes_box_middle
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 5px 0 10px 40px;
	background-image: url(../images/episodes/box_middle.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

.episodes_row
{	
	clear: both;
	width: 800px;
	margin: 15px 0 0 0;
	padding: 0;
}

.episodes_row_left
{
	float: left;
	width: 227px;
	height: 136px;
	margin: 0;
	padding: 0;
}

.episodes_row_right
{
	float: left;
	width: 550px;
	margin: 10px 0 0 15px;
	padding: 0;
}

#episodes_box_bottom
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
/* episodes styles end */

/* chaos corner styles */
*+html #submenu_holder /* IE7 */
{
	position: relative;
	top: 307px;	
} 

* html #submenu_holder /* IE6 */
{
	position: relative;
	top: 305px;	
	z-index: 300;	
	text-align: center;
} 

#submenu_holder
{
	position: absolute;
	top: 346px;
	left: 0;
	width: 100%;
}

#submenu
{
	width: 381px;
	height: 32px;
	margin: 0px auto;
	padding: 0;
	background-image: url(../images/submenu/submenu_ON_OFF.jpg);
	background-position: 0 0px;
	background-repeat: no-repeat;	
}

#submenu_game
{
	float: left;
	width: 115px;
	height: 25px;
	margin: 4px 0 0 5px;
	padding: 0;
	cursor:pointer;
}

#submenu_forum
{
	float: left;
	width: 120px;
	height: 25px;
	margin: 4px 0 0 10px;
	padding: 0;
	cursor:pointer;
}

#submenu_media
{
	float: left;
	width: 115px;
	height: 25px;
	margin: 4px 0 0 5px;
	padding: 0;
	cursor:pointer;
}

/*forum*/
* html #forumbox
{
	margin: 370px 0 20px 3px;
}

#forumbox
{	
	float: left;
	width: 893px;
	margin: 392px 0 20px 10px;
	padding: 0;
}

#forumbox_top
{	
	width: 100%;
	margin: 0;
	padding: 0;
}

* html #forumbox_middle /*IE6*/
{
	width: 853px;
	margin: -2px 0 0 0;
	padding: 5px 0 10px 40px;
}

*+html #forumbox_middle /*IE7*/
{
	margin: -2px 0 0 0;
}

#forumbox_middle
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px 0 10px 40px;
	background-image: url(../images/forum/box_middle.jpg);
	background-position: top left;
	background-repeat: repeat-y;	
}

#forumbox_bottom
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

#forumbox_left
{
	clear: both;
	float: left;
	width: 530px;
	margin: 0;
	padding: 0;
}

* html .topic_commentbox /*IE6*/
{
	width: 490px;
	margin: 0;
	padding: 0;
}

.topics
{
	clear: both;	
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	/*background-image: url(../images/forum/topics_border.jpg);
	background-position: bottom;
	background-repeat: no-repeat;*/
}

*html .archive
{
	margin: 0 0 0 40px;
}

.archive
{
	float: left;
	width: 230px;
	margin: 0 0 0 55px;
	padding: 0;	
	
}
.archive a {
color:#FFFFFF}

.archive li { height:30px; list-style-type:none; margin-left:10px;}



/*game styles*/
* html #gamebox
{
	margin: 350px 0 0 5px;
}

#gamebox
{		
	clear: both;
	float: left;
	width: 893px;
	margin: 370px 0 20px 15px;
	padding: 0;
}

#gamebox_top
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

* html #gamebox_middle /*IE6*/
{	
	padding: 5px 0 10px 0;
}

#gamebox_middle
{
	clear: both;
	float: left;
	width: 883px;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: #ececec;
}

#gamebox_bottom
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
/*media styles*/
* html #mediabox
{
	margin: 370px 0 20px 3px;
}


#mediabox
{	
	float: left;
	width: 893px;
	margin: 392px 0 20px 10px;
	padding: 0;
}

#mediabox_top
{	
	width: 100%;
	margin: 0;
	padding: 0;
}

* html #mediabox_middle /*IE6*/
{
	width: 853px;
	margin: -2px 0 0 0;	
}

*+html #mediabox_middle /*IE7*/
{
	margin: -2px 0 0 0;
}

#mediabox_middle
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px 0 10px 40px;
	background-image: url(../images/forum/box_middle.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

#mediabox_bottom
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* chaos corner styles end */

/* styles for story page */
#storybox
{	
	width: 800px;
	height: 361px;
	margin: 130px 0 0 75px;
	padding: 0;
	font-size: 14px;
	/*background: url(../images/story/storybox_bg.jpg) top left no-repeat;*/
}

* html #storybox_left /*IE6*/
{	
	margin: 0 0 0 20px;	

} 

#storybox_left
{
	clear: both;
	float: left;
	width: 340px;
	height: 255px;
	margin: 20px 0 0 40px;
	padding: 0;		
	text-align: left;
	overflow: hidden;
}

* html #storybox_right /*IE6*/
{
	float: right;
	margin: 64px 20px 0 0;	
} 

*+html #storybox_right /*IE7*/
{
	float: right;
	margin: 64px 40px 0 0;
} 

#storybox_right
{
	float: left;
	width: 340px;
	height: 255px;
	margin: 20px 0 0 40px;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

.story_headline
{
	clear: both;
	float: left;
	margin: 20px 0 0 38px;
	padding: 0 0 20px 0;
}

.storybox_more
{
	clear: both;
	width: 715px;
	margin: 0 auto;
	/*padding: 20px 0 40px 0;*/ /* original with two columns */
	padding: 20px 35px 40px 55px;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
}

.storybox_more_left
{
	clear: both;
	float: left;
	width: 330px;
	margin: 10px 0 0 30px;
	padding: 0 10px 0 10px;
	
}

.storybox_more_right
{
	float: left;
	width: 330px;
	margin: 10px 0px 0 30px;
	padding: 0 10px 0 10px;
}
/* styles for story page */

/* styles for characters */
#characters_top_space
{
	width: 100%;
	height: 295px;
	margin: 120px 0 0 0;
	padding: 0;
	text-align: center;
}

* html .characters_row /*IE6*/
{	
	clear: both;
	width: 820px;
	margin: 0;	
}

.characters_row
{	
	clear: both;
	width: 820px;
	margin: 0;
	padding: 30px 0 30px 0;		
	background: url(../images/characters/characters_box_border.jpg) bottom no-repeat;
}

/*.character_box
{
	float: left;
	width: 410px;
	margin: 0;
	padding: 0;
}*/

.characters_row_left
{
	float: left;
	width: 180px;
	margin: 0 0 0 40px;
	padding: 0;
	display: inline; /* fixes double-margin bug in IE6 */
}

* html .characters_row_right  /*IE6*/
{
	float: left;		
	margin: 0 0 0 5px;
	padding: 0;
}

.characters_row_right
{
	float: left;
	width: 550px;	
	margin: 0 0 0 15px;
	padding: 0 30px 0 0;
	line-height: 16px;
}

* html .characters_link /*IE6*/
{
	clear: both;
	float: left;
	width: 210px;
	margin: 15px 0 0 0;
	padding: 0;
}

.characters_link
{
	clear: both;
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
}

.characters_link_left
{
	clear: both;
	float: left;
	width: 35px;
	margin: 0;
	padding: 0;
}

.characters_link_right
{
	float: left;
	width: 160px;
	margin: 0;
	padding: 5px 0 0 5px;
}
/* styles for characters end */

/* bottom styles */
#bottom
{
	position: relative;
	bottom: 0;
	z-index: 30;
	width: 100%;
	height: 88px;
	min-width: 915px;
	margin: 0;
	padding: 0;
	background-image: url(../images/backgrounds/footer_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

#bottom_text
{
	width: 915px;
	margin: 0 auto;
	padding: 0;	
	font-size: 11px;
	text-align: center;
}

.bottom_text
{	
	clear: both;
	width: 550px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

.bottom_text li
{
	float: left;
	margin: 40px 20px 0 0;
	padding: 0;
}
/* bottom ends */

/* text styles */
.grey_text
{
	color: #666;
}

.grey_text a
{
	color: #666;
	text-decoration: underline;
}

.grey_text a:hover
{
	color: #666;
	text-decoration: underline;
}

.blue_text
{
	color: #09a3db;
}

.blue_text a
{
	color: #09a3db;
	text-decoration: underline;
}

.blue_text a:hover
{
	color: #09a3db;
	text-decoration: underline;
}

.red_text
{
	color: #bf0000;
}

.yellow_text
{
	color: #ff9900;
}

.yellow_text a
{
	color: #ff9900;
	text-decoration: underline;
}

.yellow_text a:hover
{
	color: #ff9900;
	text-decoration: underline;
}

.subheadline
{
	font-size: 18px;
}

.link_spacer
{
	margin: 0 0 0 20px;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

a:focus
{
	outline: none;
}

/* text styles end */

.clear
{
	clear: both;
	width: 100%;
	line-height: 0;
	font-size: 0px;
}

/* $$$$ * html #tooltip /* only for IE6 */

/* $$$$ *+html #tooltip  /* only for IE7  */

.textpos
{
	margin: 0 0 0 170px;
}