/* ============================================================================
	FONT AND SIZES
============================================================================ */
.font-arial, #epub.font-arial{
	font-family: 'Arial', Helvetica, sans-serif;
}
.font-palatino, #epub.font-palatino{
	font-family: 'Palatino Linotype', Georgia, serif;
}
.font-lato, #epub.font-lato{
	font-family: 'Lato', Helvetica, sans-serif;
}
.font-OpenDyslexic, #epub.font-OpenDyslexic{
	font-family: OpenDyslexic;
	font-size:.8em;
}
.font-small, #epub.font-small{
	font-size: .8em;
}
.font-med, #epub.font-med{
	font-size: 1em;
}
.font-large, #epub.font-large{
	font-size: 2em;
}

/* ============================================================================
	Themes
============================================================================ */

.theme-contrast a, #textPreview.theme-contrast{
	background-color:#000;
	color:#FFF;	
}

.theme-sepia a, #textPreview.theme-sepia{
	background: #F0E4D2;
	color:#000;	
}

.readaloudRules{
	border: 1px solid #000;
	padding: 10px;
}

#settingsList{
	float:left;
	overflow:auto;	
	height:100%;
	width:25%;
	margin-left:20px;
	margin-top: 0;
}

#fontFamilySettings .mockheadp{
	margin-top: 0;
}

#textPreview{
	border:2px solid #000;
	border-radius:10px;	
	padding:20px;
	overflow:auto;
	height:100%;
	width:65%;
	margin:0;
	margin-right:20px;
	float:right;
}

#settingsList li {
	list-style:none;
	margin-bottom:1.5em;
}

#settingsList a:link{
	width:200px;
	border:2px solid #000;
	border-radius:10px;	
	padding:10px;
	text-align:center;
	text-decoration: none;
}

#fontSizeSettings ul li.font-medium{
	margin-top: 1.5em;	
}

.mockheadp{
	font-size:1.5em;
	font-weight:bold;
}

.kernspot{
	margin-top:-20px;
}


#themeSettings{
	margin-top:-20px;
}

#settingsList .activeSetting{
	font-weight:bold;
	background-color:#000;
	color:#FFF;	
}

#settingsList .activeSetting:active,  #settingsList .activeSetting:visited{
	color:#FFF;	
}

#settingsList a.activeTheme{
	font-weight:bold;
	border:2px solid green;
}

#readerSettings .modal-body{
	overflow: auto;
}

.topButts{
	float: right;
	margin-top: -25px;
}

/*newer Phones*/
@media only screen and (max-width: 25.75em) {
	#settingsList{
		height:50%;
		width:100%;
		text-align:center;
		margin:0;
	}
	
	#settingsList li {
		display:inline;
	}

	#textPreview{
		overflow:auto;
		height:50%;
		width:100%;
		margin:0;
	}
	
	#fontSizeSettings ul{
		margin-top:-20px;	
	}


}

/*super small screen like old iphones*/
@media only screen and (max-width: 23.125em) {
	#settingsList{
		height:50%;
		width:100%;
		text-align:center;
		margin:0;
	}
	
	#settingsList li {
		display:inline;
	}

	#textPreview{
		overflow:auto;
		height:50%;
		width:100%;
		margin:0;
	}

	#fontSizeSettings ul{
		margin-top:-20px;	
	}


}

/*Dont show until its ready*/
#speakToMe{
	display:none;
}