/*------------------------------------------*/
/* Clear browser styles						*/
/*------------------------------------------*/

* { margin: 0; padding: 0; }
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;}
table { border-collapse:collapse; }
ol, ul {list-style: none;}

body
{
	font-family:Arial;
	font-size:16px;
}

a
{
	color:#307fa4;
	text-decoration:none;
}

a:HOVER
{
	color:#307fa4;
	text-decoration:underline;
}

img.icon_16
{
	width:16px;
	height:16px;
}

img.icon_24
{
	width:24px;
	height:24px;
}

/*------------------------------------------*/
/* Nav Bar 									*/
/*------------------------------------------*/

div.nav_bar
{
	height:				63px;
	background-image:	url('images/nav_bar_background_dark.png');
	border-bottom:		2px solid #121212;
}

	div.nav_bar div.light
	{
		height:63px;
		width:80%;
		min-width:980px;
		padding-left:10px;
		margin:auto;
		background-image:url('images/nav_bar_background_light.png');
		line-height:63px;
	}
	
		div.nav_bar div.light img
		{
			vertical-align:middle;
		}
		
		div.nav_bar div.light a
		{
			display:inline-block;
			zoom:1;
			*display:inline;
			border-radius:3px;
			padding:3px;
			vertical-align:middle;
		}
		
		div.nav_bar div.light a:HOVER
		{
			background-color:rgba(255, 255, 255, 0.1);
		}
		
		div.nav_bar div.light div.right
		{
			float:right;
			line-height:63px;
			margin-right:10px;
			position:relative;
		}
		
			div.nav_bar div.light div.right img
			{
				vertical-align:middle;
			}
			
			div.nav_bar div.light div.right div.login_message
			{
				display:none;
				position: absolute;
				top: 8px;
				text-align:center;
				z-index: 10;
				background-image:	url('images/nav_bar_background_dark.png');
				border: 2px solid #111;
				border-top-left-radius: 5px 5px;
				border-top-right-radius: 5px 5px;
				border-bottom-right-radius: 5px 5px;
				border-bottom-left-radius: 5px 5px;
				border: 2px solid #222;
				padding: 8px;
				left: 100px;
				color:#BBB;
				font-family:Arial;
				font-weight:bold;
				font-size:0.7em;
				line-height:1.6em;
				box-shadow: 0px 0px 15px #222;
			}
			
				div.nav_bar div.light div.right div.login_message a
				{
					color:#DDD;
					background-color:#444;
					display:block;
					text-decoration:none;
				}
				
				div.nav_bar div.light div.right div.login_message a:HOVER
				{
					background-color:#555;
				}
				
		
			div.nav_bar div.light div.right div.textbox
			{
				background-image:url('images/nav_bar_textbox_background.png');
				border:none;
				outline:none;
				padding:8px;
				padding-left:0px;
				border:1px solid #252525;
				font-family:Arial;
				font-size:0.8em;
				font-weight:bold;
				color:#CCC;
				display:inline-block;
				zoom:1;
				*display:inline;
				vertical-align:middle;
			}
			
				div.nav_bar div.light div.right div.textbox input
				{
					border:none;
					outline:none;
					font-family:Arial;
					font-weight:bold;
					color:#999;
					background-color:transparent;
					background-repeat:no-repeat;
					background-position:4px 50%;
					margin-left:4px;
					padding-left:26px;
					width:70px;
				}
				
				div.nav_bar div.light div.right div.textbox input.username
				{
					background-image:url('/images/icons/user.png');
				}
				
				div.nav_bar div.light div.right div.textbox input.password
				{
					background-image:url('/images/icons/password.png');
				}

/*------------------------------------------*/
/* Header 									*/
/*------------------------------------------*/

div.header
{
	height:285px;
	background-image:url('images/header_background.png');
	border-bottom:3px solid #2e5465;
}

	div.header div.title
	{
		height:285px;
		background-image:url('images/header_title.png');
		background-position:center top;
		background-repeat:no-repeat;
		position:relative;
	}
	
		div.header div.title div.featured_box
		{
			position: absolute;
			left: 50%;
			width: 555px;
			height: 220px;
			margin-left: -110px;
			margin-top: 30px;
		}		
		
			div.header div.title div.featured_box div.featured_story_container
			{
				position:absolute;
			}
		
			div.header div.title div.featured_box div.selection
			{
				text-align:center;
				margin-top:10px;
				position: absolute;
				left: 250px;
				bottom: 2px;
			}
			
				div.header div.title div.featured_box div.selection a
				{
					display:inline-block;
					zoom:1;
					*display:inline;
					width:16px;
					height:16px;
					background-image:url('images/bullet_unselected.png');
					background-repeat:no-repeat;
					background-position:center center;
				}
			
				div.header div.title div.featured_box div.selection a:HOVER
				{
					background-image:url('images/bullet_selected.png');
				}
				
				div.header div.title div.featured_box div.selection a.selected
				{
					background-image:url('images/bullet_selected.png');
				}
			
				div.header div.title div.featured_box div.selection a.selected:HOVER
				{
					background-image:url('images/bullet_selected.png');
				}
		
			div.header div.title div.featured_box div.image_container
			{
				width:40%;
				float:left;
				text-align:center;
				padding-top:10px;
			}
			
				div.header div.title div.featured_box div.image_container img.story_image
				{
					padding:3px;
					background-color:#f5f3ee;
					border:1px solid #b1a998;
					max-width:165px;
					max-height:180px;
				}				
				
			
			div.header div.title div.featured_box div.text_container
			{
				width:60%;
				float:right;
				padding-top:10px;
			}
			
				div.header div.title div.featured_box div.text_container h1.title
				{
					font-family:Georgia;
					font-weight:bold;
					font-style:italic;
					font-size:1.0em;
					color:#2a5f75;
					letter-spacing:1px;
					margin-bottom:10px;
				}
				
				div.header div.title div.featured_box div.text_container div.description
				{
					font-family:Arial;
					font-size:0.8em;
					color:#666;
					line-height:1.5em;
					max-height:125px;
					overflow:hidden;
					margin-bottom:7px;
				}
				
				div.header div.title div.featured_box div.text_container span.author
				{
					font-family:Arial;
					font-size:0.8em;
					color:#333;
					line-height:1.3em;
					font-weight:bold;
				}
				
				

/*------------------------------------------*/
/* User toolbar								*/
/*------------------------------------------*/

div.user_toolbar
{
	background-color:#8da83f;
	border-bottom:3px solid #6e852a;
}
	
	div.user_toolbar div.inner
	{
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
	}

	div.user_toolbar .button
	{
		display:inline-block;
		vertical-align:middle;
		background-color:#afc867;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background-position:right top;
		text-decoration:none;
		font-family:Arial;
		font-size:0.8em;
		font-weight:bold;
		color:#4a591c;
		padding-left:15px;
		padding-right:15px;
		line-height:36px;
		text-shadow:1px 1px #c1d783;
	}	
		
		div.user_toolbar .button img
		{
			vertical-align:-3px;
			margin-right:0.5em;
		}
		
		div.user_toolbar .button input
		{
			vertical-align:-1px;
			margin-right:0.5em;
		}
		
		div.user_toolbar .button:HOVER
		{
			color:#323d0d;
			background-color:#c3da81;
			text-shadow:1px 1px #d6e8a2;
		}		
			
			
/*------------------------------------------*/
/* User Bar									*/
/*------------------------------------------*/

div.user_bar
{
	border:2px solid #dfd9c9;
	background:#FFF;
	border-radius:8px;
	margin-bottom:30px;
	padding:6px;
	position:relative;
	margin-top:25px;
}

	div.user_bar a.mail
	{
		display:inline-block;
		zoom:1; 
		*display: inline;
		width:50px;
		height:40px;
		background-image:url('images/icons/mail_user.png');
		vertical-align:middle;
	}
	
	div.user_bar a.mail:HOVER
	{
		background-position:50px; 0px;
	}
	
	div.user_bar div.avatar_background
	{
		
	}

	div.user_bar img.avatar
	{
		vertical-align: middle;
		background-color:#FFF;
		padding:5px;
		margin-top: -32px;
		margin-bottom: -32px;
		vertical-align: middle;
		border-top:2px solid #dfd9c9;
		border-bottom:2px solid #dfd9c9;
		margin-left:0px;
	}
			
	div.user_bar div.user_info
	{
		display:inline-block;
		zoom:1; 
		*display: inline;
		vertical-align:middle;
		line-height:1.4em;
		margin-left:8px;
	}
		
		div.user_bar div.user_info span.name
		{
			font-family:Arial;
			font-size:18px;
			font-weight:bold;
			color:#4b473f;
		}
		
		div.user_bar div.user_info span.status
		{
			font-family:Arial;
			font-size:12px;
			font-weight:bold;
		}
		
			div.user_bar div.user_info span.status img
			{
				vertical-align:-25%;
			}
		
		div.user_bar div.user_info span.status_online
		{
			color:#278927;
		}
		
		div.user_bar div.user_info span.status_offline
		{
			color:#892727;
		}
			
	div.user_bar .button
	{
		background-color:#f6f3eb;
		display:inline-block;
		zoom:1;
		*display:inline;
		color:#797368;
		font-family:Arial;
		font-size:0.9em;
		font-weight:bold;
		padding:10px;
		margin-right:5px;
		text-decoration:none;
		border-radius:5px;
	}
	
	div.user_bar .button:HOVER
	{
		background-color:#f5edd6;
	}
	
		div.user_bar .button img
		{
			vertical-align:middle;
			margin-left:5px;
			margin-right:5px;
		}

/*------------------------------------------*/
/* Content									*/
/*------------------------------------------*/

div.content
{
	background-color:#eee8d8;
	padding-top:20px;
	padding-bottom:20px;
	background-image:url('images/content_background.png');
}

	div.content div.inner
	{
		width:95%;
		max-width:1300px;
		min-width:980px;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;
	}
	
	/*------------------------------------------*/
	/* Simple Story List						*/
	/*------------------------------------------*/
	
	div.content ul.simple_story_list
	{
		margin-bottom:5px;
	}
	
	div.content ul.simple_story_list_favourites
	{
		overflow: auto;
		max-height: 300px;
	}
	
	div.content ul.simple_story_list_track
	{
		overflow: auto;
		max-height: 300px;
	}
	
	div.content ul.simple_story_list_user_stories
	{
		margin-bottom:15px;
		border: 2px solid #F2EFE2;
		font-size:0.9em;
		padding:3px;
		background-color:#faf9f6;
		border:1px solid #d0c8b1;
		margin:10px 0px;
	}
	
		div.content ul.simple_story_list li
		{
			background-color:#f7f5f0;
			padding:10px;
			color:#645f52;
			font-size:0.9em;
			border-bottom:1px solid #eee8dc;
		}
		
		div.content ul.simple_story_list li:nth-child(odd)
		{
			background-color:#edebe7;
		}		
		
		div.content ul.simple_story_list_favourites li
		{
			background-image:url('/images/stars/full.png');
			background-repeat:no-repeat;
			background-position:8px center;
			padding-left:32px;
		}
		
		div.content ul.simple_story_list_track li
		{
			background-image:url('/images/icons/stories.png');
			background-repeat:no-repeat;
			background-position:8px center;
			padding-left:32px;
		}
		
		div.content ul.simple_story_list_user_stories li
		{
			padding:10px;
			line-height:1.7em;
		}
	
	/*------------------------------------------*/
	/* Welcome Message							*/
	/*------------------------------------------*/
	
	div.content div.welcome_message
	{
		background-color:#FFF;
		border-radius:8px;
		padding:10px;
		border:2px solid #dfd9c9;
	}
	
	/*------------------------------------------*/
	/* Front Page								*/
	/*------------------------------------------*/
	
	div.front_page
	{
		background-color: white;
		border: 2px solid #C3BDAE;
		font-size: 0.8em;
		color: #444;
		border-top: none;
		position: relative;
		top: -20px;
	}
	
		div.front_page div.column
		{
			float:right;
		}
		
		div.front_page div.column_latest_stories
		{
			margin-right:360px;
			float:none;
		}
		
		div.front_page div.column_users_online
		{

		}
		
		div.front_page div.column_currently_reading
		{
			width:350px;
		}
		
			div.front_page div.column div.inner_padding
			{
				padding-top:5px;
				margin:0px 15px;
				padding-bottom:15px;
			}
			
		div.front_page div.reading_story
		{
			padding:15px; 
			border-bottom:1px dotted #ded4c2; 
			margin:8px 0px; color:#555; 
			line-height:1.7em;
			color:#56524b;
			text-shadow: 0px 1px white;
		}
		
			div.front_page div.reading_story .light
			{
				font-size:0.8em;
				font-weight:bold;
				color:#c8c8c8;
				line-height:1.4em;
				margin-top:8px;
			}
			
		div.front_page div.story
		{
			padding:15px; 
			background-color:#f8f4ed; 
			border-radius:5px;
			margin:8px 0px; color:#555; 
			line-height:1.7em;
			color:#56524b;			
			text-shadow: 0px 1px white;
		}
		
			div.front_page div.story img.story_image
			{
				max-height:120px;
				padding:4px;
				background-color:#fff;
				border:1px solid #e2d9c9;
				float:left;
				margin-right:15px;
				border-radius:3px;
			}
			
			div.front_page div.story .light
			{
				font-size:0.8em;
				font-weight:bold;
				color:#a09b93;
				line-height:1.4em;
				margin-top:8px;
			}
			
				div.front_page div.story .light img
				{
					opacity:0.6;
					padding:2px;
					border:1px solid #c3b499;
					background-color:#FFF;
					border-radius:3px;
				}
				
			div.front_page div.story hr
			{			
				background-color:#cdc2ae; 
				margin-top:12px; 
				margin-bottom:12px; 
				color:#cdc2ae; 
				height:1px; 
				border:0px;
			}
			
		div.front_page a.online_user
		{
			display: inline-block;
			zoom: 1;
			vertical-align: top;
			font-size: 0.9em;
			font-weight: bold;
			padding: 8px;
			padding-bottom: 2px;
			background-color: #F7F4EC;
			margin: 5px;
			line-height: 1.6em;
			color: #625D52;
			text-align: center;
			white-space: pre;
			color: #8A816D;
			font-family: Helvetica;
			text-shadow: 0px 1px white;
		}
		
			div.front_page a.online_user img
			{
				margin-bottom:5px;
				border:2px solid #FFF;
			}
	
		div.front_page h3
		{
			font-size: 1.1em;
			display: block;
			margin-bottom: 10px;
			padding: 13px 15px;
			font-weight: bold;
			text-shadow: 1px 1px white;
			border-bottom: 3px solid #DED4C2;
		}
		
			div.front_page h3 img
			{
				vertical-align:-3px;
				margin-right:10px;
			}
	
	/*------------------------------------------*/
	/* User Page								*/
	/*------------------------------------------*/
	
	div.content div.user_page
	{
	}
	
		div.content div.user_page div.left_column
		{
			width:400px;
			float:left;
		}
		
			div.content div.user_page div.left_column div.user_details
			{
				padding:10px;
				font-size:0.8em;
				color:#444;
				line-height:1.7em;
			}
			
				div.content div.user_page div.left_column div.user_details div.external_account
				{
					margin-top:8px;
					padding:6px 12px;
					border-bottom:1px dotted #d7ceb9;
				}
			
				div.content div.user_page div.left_column div.user_details img.external_account
				{
					vertical-align:-3px;
				}
			
				div.content div.user_page h3
				{
					font-size:1.1em;
					display:block;
					margin-bottom:10px;
					padding:8px 12px;
					background-color:#f5f1e8;
					border-radius:4px;
					font-weight:bold;
					background-image:url('/themes/poni2.0/images/grid_faint.png');
					text-shadow:1px 1px #ffffff;
					border:1px solid #e4dcca;
				}
				
					div.content div.user_page h3 img
					{
						vertical-align:-3px;
						margin-right:10px;
					}
					
				div.content div.user_page div.left_column div.user_details ul
				{
					padding:3px;
					background-color:#faf9f6;
					border:1px solid #e4dcca;
					margin:10px 0px;
				}
					
				div.content div.user_page div.left_column div.user_details div.watching
				{
					margin:10px 0px;
				}					
					
					div.content div.user_page div.left_column div.user_details div.watching img.user
					{
						padding:3px;
						background-color:#f1ede3;
						border:1px solid #d0c8b1;
					}
				
			div.content div.user_page div.left_column div.avatar
			{
				text-align:center;
				padding-bottom:15px;
			}
			
				div.content div.user_page div.left_column div.avatar img
				{
					padding: 6px;
					background-color: #F8F8F8;
					border: 1px solid #CCC;
					box-shadow: 4px 4px 10px #DDD;
				}
		
		div.content div.user_page div.right_column
		{
			margin-left:415px;
			margin-right:15px;
			padding-top:10px;
		}
		
			div.content div.user_page div.right_column div.empty_blog_post
			{
				font-size:0.8em;
				color:#444;
				margin-bottom:15px;
			}
		
			div.content div.user_page div.right_column div.main
			{
				border-color:#f6f4ed;
			}
			
			div.content div.user_page div.right_column h3
			{
				font-size:0.9em;
				line-height:1.7em;
				color:#444;
				margin-top:5px;
			}
			
			div.content div.user_page div.right_column div.story_list
			{
				
			}
			
				div.content div.user_page div.right_column div.story_list div.story
				{
					padding:15px; 
					background-color:#f8f4ed; 
					border-radius:5px;
					margin:8px 0px; color:#555; 
					font-size:0.8em; 
					line-height:1.7em;
					overflow:hidden;
				}
				
				div.content div.user_page div.right_column div.story_list div.story img.story_image
				{
					max-height:120px;
					padding:4px;
					background-color:#fefcf7;
					border:1px solid #d0c8b1;
					float:left;
					margin-right:15px;
				}
		
			
	/*------------------------------------------*/
	/* Filter Box								*/
	/*------------------------------------------*/
	
	div.content div.filter_box
	{
		background-image: url('images/latest_updates_background.png');
		border-radius: 15px;
		border: 2px solid #AAA190;
		overflow: hidden;
		white-space: nowrap;
		font-family: Arial;
		font-size: 0.8em;
		color: #4A4337;
		text-shadow: 1px 1px #CBC2B2;
		padding: 10px;
		text-align: center;
		line-height:2.0em;
	}
	
		div.content div.filter_box input, div.content div.filter_box select
		{
			padding:4px;
			border:1px solid #92897b;
			background-color:#e2dcd2;
			color: #4A4337;
			border-radius:3px;
		}
		
		
		/*------------------------------------------*/
		/* Archive Table							*/
		/*------------------------------------------*/
		
		div.content table.archive
		{
			padding:4px;
			background-color:#faf9f6;
			border:2px solid #e5dfd0;
			width:100%;
			font-family:helvetica, arial;
			border-collapse:separate;
			border-spacing:0px;
			font-size:0.8em;
		}
		
		div.content table.archive a
		{
			color:#6A6A6A;
		}
		
		div.content .advanced_off
		{
			display:none;
		}
		
		div.content table.archive td
		{
			background-color:transparent;
			padding:4px;
			margin:1px;
			border-bottom:1px solid #E5E5E5;
			border-right:1px solid #E5E5E5;
			text-align:center;
			color:inherit;
		}
		
		div.content table.archive tfoot tr
		{
			background-color:#756c5a;
			background-image:url('images/grid_faint.png');
		}
		
		div.content table.archive tfoot tr td
		{
			background:transparent;
			color:#FFF;
			font-weight:bold;
			text-shadow:-1px -1px #59503e;
			padding:4px;
			font-size:1.0em;
			text-align:center;
			
			border-bottom:1px solid #635b4b;
			border-right:1px solid #635b4b;
			border-top:1px solid #958c7a;
			border-left:1px solid #958c7a;
		}
		
		div.content table.archive thead tr
		{
			background-color:#756c5a;
			background-image:url('images/grid_faint.png');
		}
		
		div.content table.archive th
		{
		}
		
		div.content table.archive th.header
		{
			background:transparent;
			color:#FFF;
			font-weight:bold;
			text-shadow:-1px -1px #59503e;
			padding:4px;
			font-size:1.0em;
			text-align:center;
			
			border-bottom:1px solid #635b4b;
			border-right:1px solid #635b4b;
			border-top:1px solid #958c7a;
			border-left:1px solid #958c7a;
		}
		
		div.content table.archive th.header_img
		{
			padding:0px;
			text-align:center;
			width:0px;
		}
		
		div.content table.archive th.header_img img
		{
			margin:0px;
		}
		
		div.content table.archive thead tr .header {
			background-image: url(/images/table_sort/bg.png);
			background-repeat: no-repeat;
			background-position: center bottom;
			cursor: pointer;
			padding-bottom:22px;
		}
		
		div.content table.archive thead tr .header:HOVER
		{
			background-color:#857c69;
		}
		
		div.content table.archive thead tr .headerSortUp 
		{
			background-image: url(/images/table_sort/desc.png);
		}
		
		div.content table.archive thead tr .headerSortDown 
		{
			background-image: url(/images/table_sort/asc.png);			
		}
		
		div.content table.archive thead tr .headerSortDown, table.archive thead tr .headerSortUp 
		{
			background-color:#615847;
		}
		
		div.content table.archive thead tr .headerSortDown:HOVER, table.archive thead tr .headerSortUp:HOVER
		{
			background-color:#857c69;
		}
		
		div.content table.archive tr
		{
			background-color:#FFF;
			color:#666;
			cursor: default;
		}
		
		div.content table.archive tr.odd,
		div.content table.archive tbody tr:nth-child(odd)
		{
			background-color:#fafafa;
		}
		
		div.content table.archive tbody tr.odd td
		{
			background-color:transparent;
		}
		
		div.content table.archive td.title
		{
			text-align:left;
			line-height:1.7em;
			padding-left:10px;
		}
		
			div.content table.archive td.title img
			{
				opacity:0.6;
			}			
		
			div.content table.archive td.title span.chapters,
			div.content table.archive td.title span.readers
			{
				display:inline-block;
				color:#4e666d;
				font-family:Arial;
				font-weight:bold;
				text-decoration:none;
				background-color:#b4c2cf;
				padding:0px 5px;
				border-radius:4px;
				font-size:0.8em;
				margin-left:10px;
			}
			
			div.content table.archive td.title span.readers
			{
				background-color:#bdcfb4;		
				color:#586d4e;		
			}
			
			div.content table.archive td.title span.description
			{
				font-size:0.8em;
			}
		
		div.content table.archive td.completed span
		{
			display:inline-block;
			color:#FFF;
			font-family:Arial;
			font-weight:bold;
			text-decoration:none;
			background-color:#c0c0c0;
			padding:4px;
			border-radius:4px;
			font-size:0.9em;
		}
		
		div.content table.archive td.completed span.completed
		{
			background-color:#45c950 !important;
			text-shadow:-1px -1px #2f9037;
		}
		
		div.content table.archive td.completed span.incomplete
		{
			background-color:#e09d2b !important;
			text-shadow:-1px -1px #ba8120;
		}
		
		div.content table.archive td.completed span.cancelled
		{
			background-color:#ca0707 !important;
			text-shadow:-1px -1px #930808;
		}
		
		div.content table.archive td.completed span.on_hiatus
		{
			background-color:#3f74ce !important;
			text-shadow:-1px -1px #2e579c;
		}
	
	/*------------------------------------------*/
	/* Page List								*/
	/*------------------------------------------*/
	
	div.content div.page_list
	{
		background-color:#fffddf;
		border:1px solid #dcd9ad;
		margin-top:15px;
		margin-bottom:25px;
		text-align:center;
		border-radius:8px;
		margin-left: auto;
		margin-right: auto;
		display: inline-block;
		zoom:1;
		*display:inline;
		padding-left:20px;
		padding-right:20px;
	}
	
		div.content div.page_list ul li
		{
			display:inline-block;
			font-family:Arial;
			font-weight:bold;
			font-size:0.8em;
		}
		
			div.content div.page_list ul li a
			{
				display:block;
				padding:10px;
				border-right:1px solid #e5e2bd;
				color:#6c6938;
			}
			
			div.content div.page_list ul li a:HOVER
			{
				background-color:#f0eec9;
			}
			
		div.content div.page_list ul li:first-child a
		{
			border-left:1px solid #e5e2bd;
		}
	
	/*------------------------------------------*/
	/* Story Categories							*/
	/*------------------------------------------*/
	
	.story_category,
	.story_category_small
	{
		display:inline-block;
		padding:5px;
		padding-left:12px;
		padding-right:12px;
		border-radius:5px;
		color:#FFF;
		font-family:Arial;
		font-weight:bold;
		font-size:0.8em;
		text-decoration:none;
		background-color:#c0c0c0;
	}
	
	.story_category_small
	{
		padding:4px;
		border-radius:4px;
		font-size:0.7em;
	}
	
	.story_category:HOVER
	{
		color:#FFF;
		text-decoration:none;
	}
	
	.story_category_romance
	{
		background-color:#8738d8 !important;
		text-shadow:-1px -1px #6a2baa;
	}
	
	.story_category_dark
	{
		background-color:#ca0707 !important;
		text-shadow:-1px -1px #930808;
	}
	
	.story_category_sad
	{
		background-color:#d95e87 !important;
		text-shadow:-1px -1px #bf4c72;
	}
	
	.story_category_tragedy
	{
		background-color:#e09d2b !important;
		text-shadow:-1px -1px #ba8120;
	}
	
	.story_category_comedy
	{
		background-color:#e4d62e !important;
		text-shadow:-1px -1px #b3a822;
	}
	
	.story_category_random
	{
		background-color:#3f74ce !important;
		text-shadow:-1px -1px #2e579c;
	}
	
	.story_category_slice_of_life
	{
		background-color:#3f49cf !important;
		text-shadow:-1px -1px #2d3497;
	}
	
	.story_category_adventure
	{
		background-color:#45c950 !important;
		text-shadow:-1px -1px #2f9037;
	}
	
	.story_category_alternate_universe
	{
		background-color:#bbbbbb !important;
		text-shadow:-1px -1px #999;
	}
	
	.story_category_crossover
	{
		background-color:#3fd3b4 !important;
		text-shadow:-1px -1px #2c9d85;
	}
	
	/*------------------------------------------*/
	/* Related Stories							*/
	/*------------------------------------------*/
	
	div.content div.related_stories
	{
		background-image:url('images/latest_updates_background.png');
		border-radius:15px;
		border:2px solid #aaa190;
		overflow: hidden;
		white-space: nowrap;
	}
	
		div.content div.related_stories h1
		{
			background-color: #C9C2B4;
			border-radius: 5px;
			margin: 5px;
			padding: 5px;
			color: #443e33;
			font-family: Arial;
			font-size: 0.8em;
			font-weight: bold;
			text-shadow: 1px 1px #ddd8cf;
			padding-left:10px;
		}
		
			div.content div.related_stories h1 img
			{
				margin-right:8px;
				vertical-align:-20%;
			}
	
		div.content div.related_stories div.story
		{
			display:inline-block;
			zoom:1;
			*display:inline;
			border-radius:6px;
			background-color:#e2dcd2;
			font-size:0.7em;
			font-family:Arial;
			font-weight:bold;
			text-shadow: 1px 1px #f1ece4;
			padding:5px;
			vertical-align:middle;
			margin:5px;
		}
		
			div.content div.related_stories div.story div.title
			{
				padding-bottom:6px;
				margin-bottom:6px;
				border-bottom:3px solid #c8c1b4;
				color:#38352f;
			}
				
				div.content div.related_stories div.story div.title a
				{
					color:#38352f;
				}
			
			div.content div.related_stories div.story div.author
			{
				color:#a59883;
			}			

	/*------------------------------------------*/
	/* Content Box								*/
	/*------------------------------------------*/

	div.content div.content_box
	{
		position:relative;
		margin-bottom:16px;
		margin-top:16px;
	}
	
		div.content div.content_box hr
		{			
			background-color:#e2ddcd; 
			margin-top:12px; 
			margin-bottom:12px; 
			color:#e2ddcd; 
			height:1px; 
			border:0px;
		}
	
		div.content div.post_content_box
		{
			margin-left:80px;
		}
		
		div.content div.user_cp_content_box
		{
			margin-left:150px;
		}
		
		/*------------------------------------------*/
		/* Header									*/
		/*------------------------------------------*/

		div.content div.content_box div.content_box_header
		{
			border-top-left-radius:8px;
			border-top-right-radius:8px;
			background-color:#dfd9c9;
			font-family:Arial;
			font-weight:bold;
			text-shadow:1px 1px #ebe6d9;
			color:#38352f;
			padding-left:20px;
		}
			
			div.content div.content_box div.content_box_header h2
			{
				font-family:Arial;
				font-weight:bold;
				color:#38352f;
				line-height:60px;
				font-size:1.2em;
				font-style:italic;
				vertical-align:middle;
			}				
			
				div.content div.content_box div.content_box_header h2 input
				{
					padding:8px;
				}
			
				div.content div.content_box div.content_box_header h2 a
				{
					border-bottom: 1px dotted #A69F8B;
					padding-bottom: 4px;
				}
				
				div.content div.content_box div.content_box_header h2 span.by
				{
					font-size:0.7em;
					color:#797265;
				}
			
				div.content div.content_box div.content_box_header h2 span.author
				{
					font-size:0.7em;
				}
			
				div.content div.content_box div.content_box_header h2 img
				{
					vertical-align:-20%;
				}
			
				div.content div.content_box div.content_box_header h2 a
				{
					color:#38352f;
					text-decoration:none;
				}
				
				div.content div.content_box div.content_box_header h2 a:HOVER
				{
					color:#5d5a54;
				}
				
				div.content div.content_box div.content_box_header h2 a.favourited,
				div.content div.content_box div.content_box_header h2 a.unfavourited
				{
					display:inline-block;
					zoom:1;
					*display:inline;
					width:16px;
					height:16px;
					margin:0px;
					padding:0px;
					border:none;
					background-image:url('/images/stars/full.png');
					margin-left:-5px;
				}
				
				div.content div.content_box div.content_box_header h2 a.unfavourited
				{
					background-image:url('/images/stars/empty.png');
				}
			
			div.content div.content_box div.content_box_header div.right
			{
				float:right;
				height:60px;
				line-height:60px;
			}
				
				div.content div.content_box div.content_box_header div.right img
				{
					vertical-align:middle;
				}
			
				div.content div.content_box div.content_box_header div.right div.rating_container
				{
					display:inline-block;
					zoom:1; 
					*display: inline;
					color:#524c42;
					font-family:Arial;
					font-weight:bold;
					font-size:0.7em;
					text-shadow:1px 1px #f7f5f1;
					vertical-align:middle;
					line-height:2.4em;
					margin-left:6px;
					margin-right:6px;
					text-align:center;
					position:relative;
				}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.rating_message
					{
						position:absolute;
						top: -25px;
						left: 50%;
						margin-left: -61px;
					}
				
					div.content div.content_box div.content_box_header div.right div.rating_container img.rating_star
					{
						background-position:left center;
						background-repeat:no-repeat;
						display:inline;
						padding:0px;
						border:none;
						width:10px;
						height:16px;
						cursor:pointer;
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.rating_star_left
					{
						background-position:2px center;
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.rating_star_right
					{
						background-position:-8px center;
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.full
					{
						background-image:url("/images/stars/full.png");
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.half
					{
						background-image:url("/images/stars/half.png");
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.empty
					{
						background-image:url("/images/stars/empty.png");
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.full_rated
					{
						background-image:url("/images/stars/full_rated.png");
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.half_rated
					{
						background-image:url("/images/stars/half_rated.png");
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.empty_rated
					{
						background-image:url("/images/stars/empty_rated.png");
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.hover_on
					{
						background-image:url("/images/stars/full_rated.png");
					}
					
					div.content div.content_box div.content_box_header div.right div.rating_container img.hover_off
					{
						background-image:url("/images/stars/empty_rated.png");
					}
				
				div.content div.content_box div.content_box_header div.right div.comment_container
				{
					display:inline-block;
					zoom:1; 
					*display: inline;
					color:#524c42;
					font-family:Arial;
					font-weight:bold;
					font-size:1.3em;
					text-shadow:1px 1px #f7f5f1;
					vertical-align:middle;
					line-height:2.0em;
					margin-left:6px;
					margin-right:12px;
				}
		
					div.content div.content_box div.content_box_header div.right div.comment_container img
					{
						vertical-align: -3px;
					}
					
				div.content div.content_box div.content_box_header div.right div.track_container
				{
					background-color:#eee8d8;
					border-radius:5px;
					display:inline-block;
					zoom:1; 
					*display: inline;
					color:#524c42;
					font-family:Arial;
					font-weight:bold;
					font-size:0.8em;
					text-shadow:1px 1px #f7f5f1;
					vertical-align:middle;
					line-height:1.7em;
					margin:4px 6px;
					padding:4px 9px;
				}
				
					div.content div.content_box div.content_box_header div.right div.track_container input,
					div.content div.content_box div.content_box_header div.right div.track_container img
					{
						vertical-align:-2px;
					}			
			
		/*------------------------------------------*/
		/* Post Table								*/
		/*------------------------------------------*/		
		
		div.content div.content_box table.post_table
		{
			padding:4px;
			background-color:#faf9f6;
			border:2px solid #e5dfd0;
			width:100%;
			font-family:helvetica, arial;
			border-collapse:separate;
			border-spacing:0px;
			margin-top:10px;
			margin-bottom:10px;
		}			
		
			div.content div.content_box table.post_table tr
			{
				background-color:#f6f4ec;
				border-bottom:1px solid #d6d1c2;
				margin-bottom:1px;
				padding:0px;
			}
			
				div.content div.content_box table.post_table td
				{
					padding:6px;
					margin:0px;
					border-bottom:1px solid #e3e1d6;
					font-size:0.9em;
				}
				
			div.content div.content_box table.post_table thead td
			{
				background-color:#756c5a;
				color:#FFF;
				font-weight:bold;
				text-shadow:-1px -1px #59503e;
			}
				
		
		div.content div.content_box table.properties
		{
			padding:4px;
			background-color:#faf9f6;
			border:2px solid #e5dfd0;
			width:100%;
			font-family:helvetica, arial;
			border-collapse:separate;
			border-spacing:0px;
		}
		
			div.content div.content_box table.properties tr
			{
				background-color:#f6f4ec;
				border-bottom:1px solid #d6d1c2;
				margin-bottom:1px;
				padding:0px;
			}
			
				div.content div.content_box table.properties td
				{
					padding:6px;
					margin:0px;
					border-bottom:1px solid #e3e1d6;
					background-image:url('images/grid_faint.png');
					font-size:0.85em;
				}
				
					div.content div.content_box table.properties td div
					{
						margin-left:8px;
						margin-right:8px;
					}
					
					div.content div.content_box table.properties td div.no_margin
					{
						margin-left:0px;
						margin-right:0px;
					}
					
					div.content div.content_box table.properties td div.characters
					{
						margin-left:-8px;
						padding:8px;
						color:#787367;
						width:100%;
						border:1px solid #eae8de;
						background-color:#FFF;
						font-family:Helvetica, Arial;
					}
				
					div.content div.content_box table.properties td input,
					div.content div.content_box table.properties td select,
					div.content div.content_box table.properties td textarea
					{
						margin-left:-8px;
						padding:4px;
						color:#787367;
						width:100%;
						border:1px solid #eae8de;
						font-size:1.1em;
						font-family:Helvetica, Arial;
						background-color:#FFF;
					}
					
					div.content div.content_box table.properties td input.radio
					{
						width:auto;
						height:auto;
						margin:8px;
					}
					
					div.content div.content_box table.properties td input.checkbox
					{
						width:auto;
						height:auto;
						margin:8px;
					}
					
					div.content div.content_box table.properties td label,
					div.content div.content_box table.properties td div.rounded_container
					{
						background-color:#f9f8f2;
						padding:7px;
						border-radius:5px;
						border:1px solid #ece9df;
						margin-right:8px;
						display:inline-block;
						zoom:1;
						*display:inline;
						margin:5px;		
						vertical-align:middle;						
					}		
					
						div.content div.content_box table.properties td div.rounded_container select
						{
							margin-left:0px;
						}	
					
						div.content div.content_box table.properties td label img
						{
							vertical-align:-3px;
						}
						
						div.content div.content_box table.properties td label input
						{
							vertical-align:-1px;
						}
					
					div.content div.content_box table.properties td label.category
					{
						font-weight:bold;
						color:#FFF;
						border:none;
					}
			
				div.content div.content_box table.properties td.label
				{
					background:none;
					width:30%;
					background-color:#ece8dc;
					color:#787367;
					font-weight:bold;
					font-size:0.85em;
					line-height:3.0em;
					border-right:1px solid #d6d1c2;
					text-align:right;
					padding-right:20px;
					border-bottom:1px solid transparent;
					text-shadow:1px 1px #f4f2ea;
					letter-spacing:0.5px;
				}
				
					div.content div.content_box table.properties td.label img
					{
						vertical-align: -7px;
						margin-left: 20px;
						margin-right: 20px;
					}
					
						div.content div.content_box table.properties td.label img.validation_error
						{
							display:none;
						}
				
				div.content div.content_box table.properties tr:nth-child(odd) td.label
				{
					background-color:#efebe1;
				}		
			
		/*------------------------------------------*/
		/* User CP									*/
		/*------------------------------------------*/
	
		div.content div.content_box div.user_cp
		{
			position:relative;			
			font-family:Arial;
			padding:9px;
			color:#514d43;
			font-size:0.9em;
			line-height:1.7em;
			min-height:500px;
		}
		
			div.content div.content_box div.user_cp div.message
			{
				font-family:Segoe UI;
				font-size:0.95em;
				background-color:#fffddf;
				border:1px solid #dcd9ad;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding:8px;
				padding-left:40px;
				background-image:url('/images/icons/24/information.png');
				background-position:8px center;
				background-repeat:no-repeat;
				margin-bottom:5px;
				margin-top:5px;
			}
			
			div.content div.content_box div.user_cp div.tabs
			{
				position:absolute;
				left:-152px;
				top:20px;
				width:150px;
			}
			
				div.content div.content_box div.user_cp div.tabs a.tab
				{
					display:block;
					background-color:#928a70;
					border:1px solid #78705d;
					border-right:none;
					border-top-left-radius:8px;
					border-bottom-left-radius:8px;
					font-family:Arial;
					font-weight:bold;
					line-height:1.2em;
					font-size:0.9em;
					padding:10px;
					color:#FFF;
					text-shadow:-1px -1px #79705b;
					margin-bottom:4px;
					background-image:url('images/user_cp_tab_overlay.png');
					background-position:right top;
					text-align:right;
					margin-left:20px;
				}
				
					div.content div.content_box div.user_cp div.tabs a.tab img
					{
						vertical-align:-20%;
						float:left;
					}
				
				div.content div.content_box div.user_cp div.tabs a.tab_selected
				{
					margin-left:0px;
					text-shadow:-1px -1px #a44242;
					border-color:#813131;
					background-color:#c05454;
				}
				
				div.content div.content_box div.user_cp h1
				{
					color:#787367;
					font-size:1.5em;
					font-weight:bold;
					margin:15px;
					margin-bottom:8px;
				}
				
				div.content div.content_box div.user_cp hr
				{	
					margin:15px;					
					background-color:#d9d3c1; 
					margin-top:5px; 
					margin-bottom:5px; 
					color:#d9d3c1; 
					height:3px; 
					border:0px;
				}		
				
				div.content div.content_box div.user_cp div.text
				{
					padding:8px;
				}
			div.content div.content_box div.user_cp .message_table
			{
				margin-top:14px;
				width:100%;
			}
			
			div.content div.content_box div.user_cp .message_table tr
			{
			 	padding:10px;
			}
			
			div.content div.content_box div.user_cp .message_table tr td
			{
				padding:10px;
			}
			
			div.content div.content_box div.user_cp .message_table tr.odd
			{
				background-color:#F8F8F8;
			}
			
			div.content div.content_box div.user_cp .pm_tab_link
			{
				border-top:1px solid #CCC;
				border-left:1px solid #CCC;
				border-right:1px solid #CCC;
				background-color:#EEE;
				padding:5px;
				display:block; 
				float:left;
				font-family:Arial;
				font-size:1.1em;
				font-weight:bold;
				margin-right:5px;
				-webkit-border-top-right-radius:4px;
				-webkit-border-top-left-radius:4px;
				-moz-border-top-right-radius:4px;
				-moz-border-top-left-radius:4px;
			}
			
			div.content div.content_box div.user_cp .pm_tab_selected
			{
				background-color:#fffddf;
				border-color:#dcd9ad;
			}			
		
		/*------------------------------------------*/
		/* Main										*/
		/*------------------------------------------*/
	
		div.content div.content_box div.main
		{
			background-color:#FFF;
			border-bottom-left-radius:8px;
			border-bottom-right-radius:8px;
			border:2px solid #dfd9c9;
			border-top:none;
			/*box-shadow:0px 0px 15px #d7d1c3;*/
		}
		
			/*------------------------------------------*/
			/* Archive Search							*/
			/*------------------------------------------*/
		
			div.content div.content_box div.main div.archive_search
			{
				padding:15px;
			}
		
				div.content div.content_box div.main div.archive_search a.select_character
				{
					text-decoration:none;
				}
				
				div.content div.content_box div.main div.archive_search img.archive_character
				{
					margin:2px; 
					padding:2px; 
					border:1px solid #cacaca; 
					background-color:#EEE;
					font-family:Segoe UI;
					font-size:11px;
					font-weight:bold;
					vertical-align:middle;		
				}
		
			/*------------------------------------------*/
			/* Add Comment								*/
			/*------------------------------------------*/
			
			div.content div.content_box div.main div.add_comment
			{
				font-family:Arial;
			}
			
				div.content div.content_box div.main div.add_comment input
				{
					padding:10px;
					background-color:#f7f4ea;
					border:1px solid #e1dac3;
					color:#353226;
					margin:8px;
				}
				
				div.content div.content_box div.main div.add_comment span.label
				{
					font-size:0.8em;
					font-weight:bold;
					color:#444;
				}
				
				div.content div.content_box div.main div.add_comment div.emoticons_panel
				{
					background-color: #FAF8F3;
					width: 299px;
					float: right;
					height: 300px;
					border-left: 1px solid #E8E5DB;
				}
				
					div.content div.content_box div.main div.add_comment div.emoticons_panel div.inner_padding
					{
						margin:10px;
					}
				
				div.content div.content_box div.main div.add_comment div.textbox_container
				{
					margin-left:10px;
					margin-right:10px;
				}
				
					div.content div.content_box div.main div.add_comment div.textbox_container textarea
					{
						background-color:#fbfaf7;
						padding:10px;
						margin-left:-10px;
						border:none; 
						width:100%; 
						height:280px;
						outline:none; 
						font-family:Helvetica, Arial;
						font-size:0.9em;
						line-height:1.8em;
						color:#444;
					}
		
			/*------------------------------------------*/
			/* Comment									*/
			/*------------------------------------------*/
		
			div.comment
			{
				margin-left:15px;
				margin-right:15px;
				padding-bottom:15px;
				padding-top:15px;
			}
				
				div.comment div.author
				{
					width:180px;
					float:left;
				}
				
					div.comment div.author div.name
					{
						border-radius:4px;
						background-color:#f6f6bf;
						color:#38352f;
						font-family:Helvetica, Arial;
						font-weight:bold;
						text-align:center;
						padding:8px;
						font-size:0.8em;
					}
					
						div.comment div.author div.name a
						{
							color:#38352F;
						}
					
					div.comment div.author img
					{
						vertical-align:-3px;
					}
					
					div.comment div.author img.avatar
					{
						padding:3px;
						background-color:#FFF;
						box-shadow:0px 0px 8px #bbb;
						margin-top:15px;
						margin-left:auto;
						margin-right:auto;
						display:block;
					}
				
				div.comment div.data
				{
					margin-left:200px;
					border-radius:10px;
					background-color:#f4f1e8;
					padding:15px;
					padding-top:10px;
					font-family:Helvetica, Arial;
					font-size:0.8em;
					line-height:1.8em;
					color:#38352f;
					position:relative;
				}
				
					div.comment div.data div.comment_information
					{				
						border-bottom:1px solid #dfd9c9;
						margin-bottom:13px;
						padding-bottom:5px;
						font-size:0.9em;
						font-weight:bold;
						font-family:Arial;
						color:#67645c;
						text-shadow:1px 1px #FFF;
					}
					
						div.comment div.data div.comment_information img
						{				
							vertical-align:-25%;
						}
				
					div.comment div.data div.comment_arrow
					{
						background-image:url('images/comment_arrow.png');
						position:absolute; 
						left:-6px; 
						top:16px;
						width:6px;
						height:13px;
					}
		
			/*------------------------------------------*/
			/* Story									*/
			/*------------------------------------------*/
			
			div.content div.content_box div.main div.story
			{
			}
			
				div.content div.content_box div.main div.story div.left
				{
					width:300px;
					float:left;
					text-align:center;
					padding-top:20px;
				}
				
					div.content div.content_box div.main div.story div.left img.story_image
					{
						padding: 6px;
						background-color: #F8F8F8;
						border: 1px solid #CCC;
						box-shadow: 4px 4px 10px #DDD;
					}
				
				div.content div.content_box div.main div.story div.right
				{
					margin-left:300px;
					padding-top:20px;
					margin-right:15px;
				}
				
					div.content div.content_box div.main div.story div.right div.views
					{
						display:inline-block;
						float:right;
						padding:5px;
						padding-left:12px;
						padding-right:12px;
						border-radius:5px;
						color:#FFF;
						font-family:Arial;
						font-weight:bold;
						font-size:0.8em;
						text-decoration:none;
						background-color:#c0c0c0;
						text-shadow:-1px -1px #AAA;
						vertical-align:middle;
					}
					
						div.content div.content_box div.main div.story div.right div.views img
						{
							vertical-align:-25%;
						}
				
					div.content div.content_box div.main div.story div.right h2
					{
						font-family:Arial;
						font-weight:bold;
						text-align:center;
						font-size:0.8em;
						color:#444;
						padding-bottom:7px;
						margin-bottom:7px;
						border-bottom:2px solid #F8F8f8;
					}
					
						div.content div.content_box div.main div.story div.right h2 img
						{
							vertical-align:-20%;
						}
				
					div.content div.content_box div.main div.story div.right div.description
					{
						font-family:Helvetica, Arial;
						font-size:0.9em;
						line-height:1.9em;
						color:#444;
					}
					
					div.content div.content_box div.main div.story div.right div.description a.more,
					div.content div.content_box div.main div.story div.right a.stats
					{	
						display:inline-block;
						zoom:1;
						line-height:1.4em;
						*display:inline;
						margin-top:5px;				
						font-weight: bold;
						font-size: 0.9em;
						background-color: #BBB;
						padding: 0px;
						padding-left:10px;
						padding-right:10px;
						border-radius: 5px;
						color: white;
						text-shadow: -1px -1px #999;
						text-decoration:none;
					}
					
					div.content div.content_box div.main div.story div.right div.description a.more:HOVER
					{					
						font-weight: bold;
						font-size: 0.9em;
						background-color: #CCC;
					}
					
					div.content div.content_box div.main div.story div.right ul.chapters
					{
						margin-top:10px;
						margin-bottom:15px;
						border: 2px solid #F2EFE2;
						padding: 2px;
					}
					
						div.content div.content_box div.main div.story div.right ul.chapters li
						{
							padding:10px;
							padding-left:16px;
							padding-right:16px;
							background-color:#f9f8f4;
							color:#878682;
							font-family:Arial;
							font-weight:bold;
							font-size:0.8em;
						}						
						
							div.content div.content_box div.main div.story div.right ul.chapters li a:VISITED
							{
								color:#6930a4;
							}
						
							div.content div.content_box div.main div.story div.right ul.chapters li img
							{
								vertical-align:-25%;
								margin-right:10px;
							}
							
							div.content div.content_box div.main div.story div.right ul.chapters li div.word_count
							{
								float:right;
								font-weight:normal;
								font-size:0.9em;
							}
						
						div.content div.content_box div.main div.story div.right ul.chapters li:HOVER
						{
							background-color:#fdfcfa;
						}
						
						div.content div.content_box div.main div.story div.right ul.chapters li:nth-child(odd) 
						{
							background-color:#f4f1e6;
						}						
						
						div.content div.content_box div.main div.story div.right ul.chapters li:nth-child(odd):hover
						{
							background-color:#f6f4ea;
						}									
		
			/*------------------------------------------*/
			/* Dark toolbar								*/
			/*------------------------------------------*/
		
			div.content div.content_box div.main div.dark_toolbar
			{
				background-image:url('images/dark_toolbar_background.png');
				padding:5px;
				border-top:1px solid #555555;
				border-bottom:1px solid #555555;
				position:relative;
			}
			
				div.content div.content_box div.main div.dark_toolbar div.reader_count
				{
					text-shadow:-1px -1px #4e4e4e;
					color:#FFF;
					font-weight:bold;
					font-size:0.8em;
					position:absolute;
					left:50%;
					margin-left:-40px;
					top:50%;
					margin-top:-0.4em;
				}
			
				div.content div.content_box div.main div.dark_toolbar select
				{
					border:1px solid #5f6063;
					padding: 3px;
				}
			
				div.content div.content_box div.main div.dark_toolbar ul
				{
					display:inline;
					vertical-align:middle;
				}
				
					div.content div.content_box div.main div.dark_toolbar ul li
					{
						display:inline-block;
						background-image:none;
						background-position:center top;
						background-repeat:repeat-x;
						background-color:#787878;
						color:#f2f2f2;
						text-shadow:1px 1px #6c6c6c;
						border:1px solid #585858;
						border-right:none;
						margin:0px;
						padding:7px;
						padding-left:10px;
						padding-right:10px;
						vertical-align:middle;
						font-family:Arial;
						font-weight:bold;
						font-size:0.8em;
					}
					
					div.content div.content_box div.main div.dark_toolbar ul li:HOVER
					{
						background-image:url('images/dark_toolbar_button_up.png');
					}
					
					div.content div.content_box div.main div.dark_toolbar ul li img
					{
						vertical-align:-25%;
					}
					
					div.content div.content_box div.main div.dark_toolbar ul a:first-child li
					{
						-webkit-border-bottom-left-radius: 4px;
						-webkit-border-top-left-radius: 4px;
						-moz-border-radius-bottomleft: 4px;
						-moz-border-radius-topleft: 4px;
						border-bottom-left-radius: 4px 4px;
						border-top-left-radius: 4px 4px;
						margin-left:5px;
					}
					
					div.content div.content_box div.main div.dark_toolbar ul a:last-child li
					{
						-webkit-border-bottom-right-radius: 4px;
						-webkit-border-top-right-radius: 4px;
						-moz-border-radius-bottomright: 4px;
						-moz-border-radius-topright: 4px;
						border-bottom-right-radius: 4px 4px;
						border-top-right-radius: 4px 4px;
						border:1px solid #585858;
						margin-right:5px;
					}
			
		/*------------------------------------------*/
		/* Light toolbar							*/
		/*------------------------------------------*/
		
		div.light_toolbar
		{
			background-image:url('images/light_toolbar_background.png');
			padding:5px;
			border-bottom:1px solid #e0dcce;
			border-top:1px solid #e0dcce;
			font-size:0.8em;
		}
			
			div.light_toolbar input
			{
				padding:6px;
			}
		
			div.light_toolbar ul
			{ 
				display:inline; 
				margin:0px !important;
				padding:0px !important;
			} 
			
				div.light_toolbar ul li 
				{ 
					display:inline-block;
					zoom:1;
					*display:inline;
					margin:0px;
					padding:0px; 
				}
				
				div.light_toolbar ul a
				{
					display:inline-block;
					zoom:1;
					*display:inline;
					text-decoration:none;
					margin-left:-1px;
					margin-right:0px;
					margin-top:4px;
					margin-bottom:4px;
					background-color:#FAFAFA;
					background-image:url('/images/edit_button_background_up.png');
					border:1px solid #CCC;
					padding:7px;
					padding-left:10px;
					padding-right:10px;
					font-family:Segoe UI;
					font-size:0.85em;
					font-weight:bold;
					color:#666;
					vertical-align:middle;
					text-shadow:1px 1px #FFF;
					z-index:0;
					line-height:1.0em;
				}
				
				div.light_toolbar ul a:HOVER
				{
					border-color:#9aaec0;
					background-color:#eef7ff;
					background-image:url('/images/edit_button_background_down.png');
					color:#333;
					z-index:10;
					position:relative;
				}
				
				div.light_toolbar ul a.selected_button
				{
					background-color:#ffbcbc;
					color:#681313;
					text-shadow:1px 1px #ffe4e4;
				}
				
				div.light_toolbar ul img
				{
					vertical-align:-25%;
				}
				
				div.light_toolbar ul li:first-child a
				{
					-webkit-border-bottom-left-radius: 4px;
					-webkit-border-top-left-radius: 4px;
					-moz-border-radius-bottomleft: 4px;
					-moz-border-radius-topleft: 4px;
					border-bottom-left-radius: 4px 4px;
					border-top-left-radius: 4px 4px;
					margin-left:5px;
				}
				
				div.light_toolbar ul li:last-child a
				{
					-webkit-border-bottom-right-radius: 4px;
					-webkit-border-top-right-radius: 4px;
					-moz-border-radius-bottomright: 4px;
					-moz-border-radius-topright: 4px;
					border-bottom-right-radius: 4px 4px;
					border-top-right-radius: 4px 4px;
					margin-right:5px;
				}
				
			/*------------------------------------------*/
			/* Chapter									*/
			/*------------------------------------------*/
		
			div.content div.content_box div.main div.chapter_content
			{				
				line-height:1.9em;
				font-size:0.9em;
				font-family:Georgia;
				color:#444;
				padding:20px;
				text-align:justify;
				min-height:500px;
				max-width:800px;
				margin-left:auto;
				margin-right:auto;
			}
			
			div.chapter_content div.inner_margin
			{
				max-width:800px;
				margin-left:auto;
				margin-right:auto;
			}
			
			div.content div.content_box div.main div.chapter_footer
			{
				padding:10px;
				color:#333;
				font-weight:bold;
				font-size:0.8em;
				border:1px solid #EEE;
				background-color:#F8F8F8;
				text-align:center;
				margin:10px;
				border-radius:6px;
			}
			
			div.content div.content_box div.main div.chapter textarea
			{
				display:block;
				outline:none;
				width:800px;
				height:500px;
				margin-left:auto;
				margin-right:auto;
				padding:10px;
				font-family:Helvetica, Arial;
				font-size:0.9em;
				color:#444;
				border:1px solid #e5e0d1;
				border-top:none;
				border-bottom:none;
			}
			
			.content_format_wob
			{
				background-color:#333 !important;
				color:#DDD !important;
				text-shadow:1.5px 1.5px 0 #000 !important;
			}
			.content_format_bow
			{
				background-color:#FFF !important;
				color:#333 !important;
			}
			
			.content_format_serif
			{
				font-family:Georgia, serif !important;
			}
			.content_format_sans_serif
			{
				font-family:Helvetica, sans-serif !important;
			}
			.content_format_monospace
			{
				font-family: monospace !important;
			}
			
			.content_format_big
			{
				font-size:1.2em !important;
			}
			.content_format_normal
			{
				font-size:1.0em !important;
			}
			.content_format_small
			{
				font-size:0.8em !important;
			}
			
			/*------------------------------------------*/
			/* Blog Post								*/
			/*------------------------------------------*/
			
			div.content div.content_box div.main div.blog_post_content
			{
				line-height:1.9em;
				font-size:0.9em;
				font-family:Helvetica;
				color:#444;
				padding-top:20px;
				text-align:justify;
				margin-left:20px;
				margin-right:20px;
			}
			
			div.content div.content_box div.main div.information_box
			{
				background-color:#f4f0e3;
				border:1px solid #e0dcce;
				border-radius:5px;
				padding:5px;
				padding-left:15px;
				font-family:Arial;
				font-size:0.8em;
				font-weight:bold;
				margin-bottom:10px;
			}
			
				div.content div.content_box div.main div.information_box img
				{
					vertical-align:-20%;
				}

		div.content a.styled_button,
		div.content input.styled_button
		{
			display:inline-block !important;
			zoom:1;
			*display:inline;
			background-color:#928a70 !important;
			border:1px solid #78705d !important;
			border-radius:8px;
			font-family:Arial;
			font-weight:bold;
			line-height:1.2em;
			font-size:0.9em;
			padding:10px;
			color:#FFF !important;
			text-shadow:-1px -1px #79705b;
			margin-bottom:4px;
			background-image:url('images/user_cp_tab_overlay.png') !important;
			background-position:right top;
			text-align:right;
			margin:4px;
			width:auto !important;
		}
		
		div.content a.styled_button:HOVER,
		div.content input.styled_button:HOVER
		{
			text-shadow:-1px -1px #a44242 !important;
			border-color:#813131 !important;
			background-color:#c05454 !important;
		}
		
	/*------------------------------------------*/
	/* Calendar									*/
	/*------------------------------------------*/

	div.content div.calendar
	{
		float:left;
		width:65px;
		height:63px;
		background-image:url('images/calendar.png');
		margin-top:15px;
	}
	
		div.content div.calendar div.month
		{
			text-align:center;
			font-family:Segoe UI;
			font-weight:bold;
			font-size:16px;
			color:#FFF;
			margin-bottom:7px;
		}
		
		div.content div.calendar div.day
		{
			text-align:center;
			font-family:Arial;
			font-weight:bold;
			font-size:22px;
			color:#434343;
		}
	
	div.content div.arrow
	{
		background-image:url('images/content_box_header_arrow.png');
		position:absolute; 
		left:-6px; 
		top:26px;
		width:6px;
		height:11px;
	}
	
/*------------------------------------------*/
/* Latest Updates							*/
/*------------------------------------------*/

div.latest_updates
{
	background-image:url('images/latest_updates_background.png');
	padding:15px;
	color:#8a8173;
	border-bottom:3px solid #797368;
}

	div.latest_updates a
	{
		color:#534d42;
		font-size:0.8em;
	}
	
	div.latest_updates h1
	{
		color:#433f37;
		font-weight:bold;
		padding-bottom:6px;
		margin-bottom:6px;
		border-bottom:2px solid #978f80;
	}

	div.latest_updates div.updates
	{
		width:90%;
		white-space: nowrap;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		overflow:hidden;
	}
	
	div.latest_updates div.updates img.overlay
	{
		display: block;
		float: right;
		position: absolute;
		bottom: -77px;
		left: 810px;
		z-index:10;
	}

	div.latest_updates a.update
	{
		overflow:hidden;
		max-width:230px;
		height:34px;
		display:inline-block;
		background-color:#ddd8ce;
		border-radius:8px;
		margin:5px;
		font-family:Arial;
		font-weight:bold;
		color:#2f2718;
		text-decoration:none;
		padding:10px;
		font-size:0.8em;
		line-height:1.5em;
		/*background-image:url('images/latest_update_arrow.png');*/
		background-position:95% center;
		background-repeat:no-repeat;
		vertical-align:top;
	}
	
	div.latest_updates a.update:HOVER
	{
		background-color:#f1ede6;
	}
	
		div.latest_updates a.update span.story
		{
			text-decoration:underline;
		}
		
		div.latest_updates a.update span.chapter
		{
			color:#6b6355;
			font-size:0.9em;
			font-weight:normal;
		}
		
/*------------------------------------------*/
/* Users Online									*/
/*------------------------------------------*/

div.users_online
{
	background-image:url('images/footer_background.png');
	border-bottom:3px solid #797368;
	text-align:center;
	padding:15px;
	color:#5f5a53;
}

	div.users_online a
	{
		font-size:0.8em;
		color:#a1947c;
	}

		
/*------------------------------------------*/
/* Footer									*/
/*------------------------------------------*/

div.footer
{
	background-image:url('images/footer_background.png');
	border-top:3px solid #797368;
	text-align:center;
	padding-top:15px;
	padding-bottom:30px;
}

	div.footer img.divider
	{
		vertical-align:top;
	}

	div.footer div.block
	{
		width:300px;
		vertical-align:top;
		font-family:Arial;
		font-size:0.8em;
		font-weight:bold;
		color:#a1947c;
		display:inline-block;
		zoom:1; 
		*display: inline;
		text-align:left;
		margin:5px;
		line-height:1.5em;
	}
	
		div.footer div.block a
		{
			color:#a1947c;
			border-bottom:1px dotted #504c47;
		}
		
		div.footer div.block h1
		{
			font-size:1.3em;
			color:#c7c0b2;
			padding-bottom:5px;
			margin-bottom:8px;
			border-bottom:3px solid #45403a;
		}
		
div.overlay_background
{
	position: fixed;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0; /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #222;
	opacity: 0.75;
	-moz-opacity: 0.75; /* older Gecko-based browsers */
	filter:alpha(opacity=75); /* For IE6&7 */
	display:none;
	background-image:url("/images/popup_overlay.png");
	background-position:center center;
	background-repeat:no-repeat;
	z-index: 500;
}

div.overlay_container
{
	position:fixed;
	top:50%;
	left:50%;
	background-color:#FFF;
	width:800px;
	height:500px;
	display:none;
	margin-left:-400px;
	margin-top:-250px;
	z-index: 501;
	/*-webkit-box-shadow: 0px 0px 8px #333;
	-moz-box-shadow: 3px 3px 12px #000;
	box-shadow: 3px 3px 12px #000;*/
}

div.overlay_container hr
{
	background-color:#cacaca; 
	margin-top:12px; 
	margin-bottom:12px; 
	color:#cacaca; 
	height:1px; 
	border:0px;
}

div.overlay_container table.popup
{
	border-collapse:separate;
	border-spacing:0px;
}

div.overlay_container table.popup td.header
{
	font-family:Arial;
	font-size:1.0em;
	font-weight:bold;
	background-color:#d3cdbb;
	border:1px solid #EEE;
	color:#4f4b44;
	padding-left:10px;
	vertical-align:middle;
	line-height:48px;
	height:48px;
}

div.overlay_container table.popup td.header img
{
	vertical-align:-5px;
}

div.overlay_container table.popup td.footer
{
	font-family:Arial;
	font-size:0.8em;
	font-weight:bold;
	padding:4px;
	padding-left:12px;
	text-align:right;
	height: 32px;
	border-top:1px solid #CCC;
	background-color:#EEE;
	color:#666;
}

div.overlay_container table.popup td.footer a
{
	display:block;
	float:right;
	font-weight:bold;
	background-image:url('/images/bottom_bar/background.png');
	height:14px;
	font-family:Arial;
	text-shadow:1px 1px 0 #333;
	vertical-align:baseline;
	padding-left:10px;
	padding-right:20px;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	font-size:1.1em;
	margin-left:8px;
	text-decoration:none;
	border:1px solid #616161;
	border-top:none;
}

div.overlay_container table.popup td.footer a:HOVER
{
	background-image:url('/images/bottom_bar/background_hover.png');
	border-color:#a2461f;
}

div.overlay_container table.popup td.footer a img
{
	vertical-align:-3px;
}

div.overlay_container table.popup td.content
{
	background-color:#FFF;
	width:100%;
	color:#333;
}

div.overlay_container table.popup td.content div.popup_content
{
	margin:15px;
}


div.overlay_container table.properties
{
	padding:4px;
	background-color:#faf9f6;
	border:2px solid #e5dfd0;
	width:100%;
	font-family:helvetica, arial;
	border-collapse:separate;
	border-spacing:0px;
}

	div.overlay_container table.properties tr
	{
		background-color:#f6f4ec;
		border-bottom:1px solid #d6d1c2;
		margin-bottom:1px;
		padding:0px;
	}
	
		div.overlay_container table.properties td
		{
			padding:6px;
			margin:0px;
			border-bottom:1px solid #e3e1d6;
			background-image:url('images/grid_faint.png');
			font-size:0.9em;
		}
		
			div.overlay_container table.properties td div
			{
				margin-left:8px;
				margin-right:8px;
			}
			
			div.overlay_container table.properties td div.no_margin
			{
				margin-left:0px;
				margin-right:0px;
			}
			
			div.overlay_container table.properties td div.characters
			{
				margin-left:-8px;
				padding:8px;
				color:#787367;
				width:100%;
				border:1px solid #eae8de;
				background-color:#FFF;
				font-family:Helvetica, Arial;
			}
		
			div.overlay_container table.properties td input,
			div.overlay_container table.properties td select,
			div.overlay_container table.properties td textarea
			{
				margin-left:-8px;
				padding:8px;
				color:#787367;
				width:100%;
				border:1px solid #eae8de;
				font-size:1.1em;
				font-family:Helvetica, Arial;
				background-color:#FFF;
			}
			
			div.overlay_container table.properties td input.radio
			{
				width:auto;
				height:auto;
				margin:8px;
			}
			
			div.overlay_container table.properties td input.checkbox
			{
				width:auto;
				height:auto;
				margin:8px;
			}
			
			div.overlay_container table.properties td label
			{
				background-color:#f9f8f2;
				padding:7px;
				border-radius:5px;
				border:1px solid #ece9df;
				margin-right:8px;
				display:inline-block;
				zoom:1;
				*display:inline;
				margin:5px;		
				vertical-align:middle;						
			}			
			
				div.overlay_container table.properties td label img
				{
					vertical-align:-3px;
				}
				
				div.overlay_container table.properties td label input
				{
					vertical-align:-1px;
				}
			
			div.overlay_container table.properties td label.category
			{
				font-weight:bold;
				color:#FFF;
				border:none;
			}
	
		div.overlay_container table.properties td.label
		{
			background:none;
			width:30%;
			background-color:#ece8dc;
			color:#787367;
			font-weight:bold;
			font-size:1.0em;
			line-height:3.0em;
			border-right:1px solid #d6d1c2;
			text-align:right;
			padding-right:20px;
			border-bottom:1px solid transparent;
			text-shadow:1px 1px #f4f2ea;
			letter-spacing:0.5px;
		}
		
			div.overlay_container table.properties td.label img
			{
				vertical-align: -7px;
				margin-left: 20px;
				margin-right: 20px;
			}
			
				div.overlay_container table.properties td.label img.validation_error
				{
					display:none;
				}
		
		div.overlay_container table.properties tr:nth-child(odd) td.label
		{
			background-color:#efebe1;
		}	
	
div.quote_container
{
	padding:6px;
	border:2px solid #bbb39a;
	background-color:#FFF;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.3);
	box-shadow:0px 0px 15px rgba(0,0,0,0.3);
}

	div.quote_container div.author
	{
		float:left;
		width:150px;
	}
	
	div.quote_container div.data
	{
		margin-left:160px;
	}