/**************************** PAGE-WIDE STYLES ********************************/
div.container-block-contents
{
	padding: 10px;
}

div.flash-container
{
	margin-bottom: 10px;
}

	div.flash-container ul.flash-messages
	{
		padding: 10px 20px;
		margin: 0;
		list-style-type: none;
	}

	div.flash-container li
	{
		margin: 0;
		padding: 0;
	}

/*********************** MAIN PREVIEW BANNER WITH LOGO ************************/
		div#preview-image-container div.featured-chapter-preview img {
			display: block;
			border: solid 10px black;
		}

/*********************** RECENT CHAPTERS SCROLLABLE **************************/
div#recent-chapters {
	font-size: 14px;
}

	div#recent-chapters h4 {
		font-size: 1.2em;
		line-height: 1.5;
		margin-bottom: 0;
		text-indent: -7px;
		margin-left: 7px;
		margin-right: 10px;
	}
	
	div#recent-chapters h5 {
		font-size: 0.9em;
		font-weight: normal;
		padding-left: 5px;
		margin-right: 10px;
	}

	div#recent-chapters div#scrollable-recent-chapters
	{
	    position:relative;
	    overflow:hidden;
	    width: 949px;
	    height:210px;
	    padding-top: 10px;
	}

		div#recent-chapters div#scrollable-recent-chapters div.items {
		    width:60000em;
		    position:absolute;
		    margin-left: 10px;
		    margin-right: 11px;
		}

			div#recent-chapters div#scrollable-recent-chapters div.items div {
			    float:left;
			}
			
		div#recent-chapters div#scrollable-recent-chapters div.recent-chapter-spinner
		{
			text-align: center;
			padding-top: 20px;
		}
		
		div#recent-chapters div#scrollable-arrows div#scrollable-arrows-container
		{
			margin-left: 10px;
			margin-right: 10px;
			height: 41px;
		}
		div#recent-chapters div#scrollable-arrows-container a
		{
			height: 41px;
			width: 185px;
			background-image: url('/css/story/assets/arrows_sprites.png');
			background-repeat: no-repeat;
			background-position: 0 -41px;
		}
		
		div#recent-chapters div#scrollable-arrows-container a:hover {
			background-position: 0 0;
		}

		div#recent-chapters div#scrollable-arrows-container a:active {
			background-position: 0 -82px;
		}

		div#recent-chapters div#scrollable-arrows-container a.disabled {
			background-position: 0 -123px;
		}

		div#recent-chapters div#scrollable-arrows-container a.nextPage {
			background-position: -180px -41px;
		}

		div#recent-chapters div#scrollable-arrows-container a.nextPage:hover {
			background-position: -180px 0;
		}
		div#recent-chapters div#scrollable-arrows-container a.nextPage:active {
			background-position: -180px -82px;
		}
		div#recent-chapters div#scrollable-arrows-container a.nextPage.disabled {
			background-position: -180px -123px;
		}
			
	/* prev, next, prevPage and nextPage buttons */
	a.browse {
		display:block;
		float:left;
		cursor:pointer;
	}
	
	a.nextPage {
		float: right;
	}

	/*********************** CHAPTER PREVIEW OVERLAY ************************/
	div#recent-chapters div#chapter_overlay
	{
		display: none;
		z-index: 10000;
		min-height: 200px;
		width: 420px;
	}
	
		div#recent-chapters div#chapter_overlay div.post-content
		{
			width: auto;
		}
	
		div#recent-chapters div#chapter_overlay div.contentWrap { 
			max-height: 840px;
			overflow-y:auto;
			width: 420px;
			padding-left: 10px;
			padding-right: 10px; 
		}
		
		div#recent-chapters div#chapter_overlay img
		{
			max-width: 400px;
			max-height: 300px;
		}
		
		div#recent-chapters div#chapter_overlay h1,
		div#recent-chapters div#chapter_overlay h2,
		div#recent-chapters div#chapter_overlay h3,
		div#recent-chapters div#chapter_overlay p
		{
			margin-left: 10px;
			margin-right: 10px;		
		}
		
		div#recent-chapters div#chapter_overlay p img
		{
			margin-left: -10px;
			margin-right: 0;
		}
		
		div#recent-chapters div#chapter_overlay h1 {
			padding-top: 1em;
			font-size: 1.5em;
		}
		div#recent-chapters div#chapter_overlay h3 {
			margin-top: -0.5em;
			font-size: 1em;
			font-style: italic;
		}
		div#recent-chapters div#chapter_overlay h3.chapter-date {
			font-size: 1em;
			font-style: italic;
			margin-top: 0;
		}

/*********************** MIDDLE CONTENT - TABS, RECENT ************************/
	div#middle-content h2 {
		font-size: 20px;
		height: 24px;
		margin-top: 4px;
		margin-bottom: 10px;
	}

	div#latest-extras-block,
	div#latest-comments-block,
	div#tabs-block
	{
		height: 560px;
	}


	/**************************** TABS PANES **********************************/
		div#tabs-block div.panes
		{
			clear: both; /* clear the tabs above */
		}
		
		div#tabs-block ul.tabs
		{
			margin-left: 0;
			margin-bottom: 0;
			width: 100%;
			font-size: 15px;
		}
		
			div#tabs-block ul.tabs li
			{
				list-style-type: none;
				display: block;
				float: left;
				padding: 0;
				max-width: 150px;
				overflow: hidden;
			}
			
				div#tabs-block ul.tabs li a
				{
					display: block;
					outline: none;
					padding: 6px 10px 8px;
					height: 24px;
					margin-right: 3px;
					-moz-border-radius-topleft: 8px;
					-moz-border-radius-topright: 8px;
					-webkit-border-top-left-radius: 8px;
					-webkit-border-top-right-radius: 8px;
				}

		div#tabs-block div.tab-block-pane
		{
			height: 502px;
		}
				
		div#tabs-block div.tab-block-pane-content
		{
			padding: 1em;
		}
		
		div#tabs-block div.tab-block-pane-content a
		{
			font-weight: bold;
		}
		
		div#tabs-block div.tab-block-pane-content p:first-child
		{
			font-size: 120%;
		}
		
		{
			text-align: center;
		}
		
		div#tabs-block div.tab-block-pane-content div.storyline-sample
		{
			clear: both;
			padding-bottom: 10px;
		}
		
			div#tabs-block div.tab-block-pane-content div.storyline-sample a
			{
				display: block;
				font-size: 120%;
			}
		
				div#tabs-block div.tab-block-pane-content div.storyline-sample img
				{
					float: left;
					max-width: 200px;
					margin-right: 10px;
					margin-bottom: 10px;
				}
				
	/**************************** LATEST BLOCKS *******************************/
	div.latest-block ul
	{
		list-style-type: none;
	}
	
	div.latest-block ul.latest-tabs {
		margin-left: 0;
		margin-bottom: 0;
		width: 100%;
		vertical-align: baseline;
	}

		div.latest-block ul.latest-tabs li
		{
			display: block;
			float: left;
			padding: 0;
		}
		
			div.latest-block ul.latest-tabs li a
			{
				padding: 0 10px;
				margin: 0;
				display: block;
				outline: 0;
				font-size: 14px;
				height: 22px;
				-moz-border-radius-topleft: 4px;
				-moz-border-radius-topright: 4px;
				-webkit-border-top-left-radius: 4px;
				-webkit-border-top-right-radius: 4px;
			}
	
	ul li.author,
	ul li.time-ago,
	ul.recent-nodes li.recent-node-type,
	ul.recent-nodes li.recent-node-published
	{
		display: block;
		float: left;
	}
	
	ul li.author,
	ul.recent-nodes li.recent-node-type
	{
		margin-right: 10px;
	}		

	ul li.time-ago,
	ul.recent-nodes li.recent-node-published
	{
		font-style: italic;
	}

	ul li.content,
	ul.recent-nodes li.recent-node-title
	{
		clear: both;
	}
	
	ul li.chapter
	{
		margin-top: 0.5em;
	}
	
	div.latest-block div.latest-pane ul,
	div.latest-forum ul
	{
		margin: 0 0.5em;
		font-size: 0.92em;
	}
	
	div.latest-block div.latest-pane ul.recent-comment,
	div.latest-block div.latest-pane ul.recent-node
	{
		margin-top: 4px;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	
		div.latest-block div.latest-pane ul.recent-comments li.recent-comment,
		div.latest-block div.latest-pane ul.recent-nodes li.recent-node,
		div.latest-forum ul.recent-comments li.recent-comment
		{
			width: 100%;
		}
		
	div.latest-forum
	{
		margin-top: 1em;
	}
	
		div.latest-forum h2
		{
			margin-bottom: 2px;
		}
				
	div.latest-block div.latest-panes
	{
		clear: both;
	}

		div.latest-block div.comment-panes div.comment-pane
		{
			height: 478px;
		}

		div.latest-block div.node-panes div.node-pane
		{
			height: 20em;
		}