@font-face {
	font-family: ApexSerifBook;
	src: url('../fonts/ApexSerif/ApexSerif_Book.otf');
}
@font-face {
	font-family: Vollkorn;
	src: url('../fonts/Vollkorn/Vollkorn.ttf');
}
@font-face {
	font-family: VollkornItalic;
	src: url('../fonts/Vollkorn/Vollkorn-italic.ttf');
}
@font-face {
	font-family: TitilliumText250;
	src: url('../fonts/Titillium/TitilliumText250wt.otf');
}
@font-face {
	font-family: TitilliumText600;
	src: url('../fonts/Titillium/TitilliumText600wt.otf');
}
@font-face {
	font-family: OFLGoudyItal;
	src: url('../fonts/sorts-mill-goudy/OFLGoudyStM-Italic.otf');
}

	body { background-color:#C4CCBC; font-family:Vollkorn; font-size:16px; line-height:1.4em;}
	a {
		color: #27487d;
		text-decoration: none;
	}
	a:hover { color:#999;}
	a:visited { color:#333;}
	a.hidelink { color:#000; cursor:normal; font-weight:normal; text-decoration:none;}
	a.hidelink:hover { cursor:normal;}

	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;

		/* Set up proportionate scaling */
		width: 100%;
		height: auto;

		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
	}

	@media screen and (max-width: 1024px){
		img.bg {
			left: 50%;
			margin-left: -512px; }
	}
	
	.page-body { width:974px; margin:0 auto; text-align:left;z-index:100;position: relative;}
	header { width:974px;display:block; background:url(http://reader.redub.org/newreader/images/ereader-01-full.png) top center no-repeat; height: 60px; }
	header a { display:block; width:100%; height:100%;}
	header:hover { background: url(http://reader.redub.org/newreader/images/ereader-01-full.png) 0 -60px no-repeat; }
	#left { float:left;}
	#right { float:left;}
	#left a { display:block;width:57px; height:100%; /*background: url(../images/leftbtn_off.png) repeat-y;*/}
	#left a:active {background: url(http://reader.redub.org/newreader/images/leftbtn_over.png) repeat-y; }
	#right a { display:block;width:57px; height:100%; /*background: url(../images/rightbtn_off.png) repeat-y;*/}
	#right a:active { display:block;width:57px; height:100%;background: url(http://reader.redub.org/newreader/images/rightbtn_over.png) repeat-y;}
/*	p:hover { background-color:#ddd;}*/
	p { text-indent:1.5em;}
	p a:hover { color:#111;}
	article { 
		background:#ccc; 
		float:left;
		padding:7px 20px;
		height:400px;
		
	}
	
	pre {
		font-size:.8em;
	}
	article.twocol {  
		background:#ccc;
		 width:830px;
		-moz-column-count: 2;
		-moz-column-gap: 40px;
		-webkit-column-count: 2;
		-webkit-column-gap: 40px;

		column-count: 2;
		column-gap: 40px;
		column-fill: auto;

/*		padding:7px 20px;*/
		/* overflow:hidden;*/
/*		height:400px;*/
	}
	h1 { font-family:OFLGoudyItal, VollkornItalic;
		font-weight:normal;
		column-break-before: always; 
		-webkit-column-break-before: always;
		-moz-column-break-before:always;
		line-height:1.4em;}
	
	h2 {
		font-family:OFLGoudyItal, VollkornItalic;
		font-weight:normal;
			column-break-before: always; 
			-webkit-column-break-before: always;
			-moz-column-break-before:always;
			font-size:1.2em;
			line-height:1.4em;
	}
	h3 {
		font-family:OFLGoudyItal, VollkornItalic;
		font-weight:normal;
			column-break-before: always; 
			-webkit-column-break-before: always;
			-moz-column-break-before:always;
			font-size:1.1em;
			line-height:1.3em;
	}
	h4 {
		font-family:OFLGoudyItal, VollkornItalic;
		font-weight:normal;
			column-break-before: always; 
			-webkit-column-break-before: always;
			-moz-column-break-before:always;
			font-size:1em;
			line-height:1em;
	}	
	h5 {
		font-family:OFLGoudyItal, VollkornItalic;
		font-weight:normal;
			column-break-before: always; 
			-webkit-column-break-before: always;
			-moz-column-break-before:always;
			font-size:.9em;
			line-height:1em;
	}
	#middle { width:974px; background: url(http://reader.redub.org/newreader/images/ereader-02.png) repeat-y;}
	footer { width:974px;display:block; background:url(http://reader.redub.org/newreader/images/ereader-03.png) top center no-repeat; height: 60px; }
	.center { text-align:center;}
	nav { display:block; font-size:10px; clear:both;font-family:TitilliumText250, Helvetica;text-shadow: 0px 2px 3px #555;}
	#main {
		position: relative;
		top:-1000px;
/*		visibility: hidden;
*/	}
	.pgheader {font-size:.8em;}
	#page {
		overflow: hidden;
		width:860px;
		float:left;
	}
	.pageheight { height:400px;}
	#runninghead { padding: 0 20px 5px 20px; margin-top:-700px;}
	#runninghead h1 { font-family:TitilliumText600, Helvetica; font-weight:normal; font-size:.8em;float:left;text-shadow: 0px 2px 3px #555;}
	h2.authorname { font-family:TitilliumText250, Helvetica; float:right;font-weight:normal; font-size:.8em;text-shadow: 0px 2px 3px #555;}
	
	ul.coverlist { list-style-type:none;}
	ul.coverlist li { margin-bottom:1em;}
	ul.coverlist h4 { font-family:Vollkorn;}
.cover { background-color:#333; }
.sticker { background-color:#fff; border:black 2px solid; text-align:center; width:70%; margin:0 auto;}
.sticker h2 { font-size:1.5em;}
.sticker h3 { font-size:1.3em; font-family:VollkornItalic;}

.mynote { font-size:.9em; font-family:VollkornItalic;}
ul#page_indicator { margin:0;padding:0;display:inline;list-style-type:none;}
ul#page_indicator li { margin:0; padding:0; border:1px #ccc solid;float:left; width:3px; font-size:8px; font-family:TitilliumText250, Helvetica;}
ul#page_indicator li.selected { background-color:#000; color:#fff; height:15px;}
/*#page_indicator { -moz-border-radius: 3px;
-webkit-border-radius: 3px; background-color:#000; display:inline; border:1px #999 solid;}*/
#pagination {}
#page_indicator { height:4px; margin:0; padding:0; position:absolute; bottom:55px;  margin:0 auto; border:1px #fff solid; }
a.page_link {  width:2px; height:4px; background-color:#333;line-height:3px;margin:0; padding:0; float:left;}
a.active_page { background-color:#fff; color:#fff; height:4px; width:2px; line-height:4px; margin:0; padding:0; float:left;}
.loading { text-align:center;}