/***typography.css will build upon the reset.css stylesheet in order to apply custom Study Island styles***/
@font-face {
    font-family: 'open sans';
    src: url('../fonts/opensans-regular.woff') format('woff'),
				 url('../fonts.opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, button, input, select, textarea, table, optgroup {
	font-family: 'open sans', Arial, Helvetica, Verdana; 
	/*f-weight:300, f-size: 13px, line-height: 18px*/
	/*     we need to conver the fo-size to em     */
}

body {color:#333; font-size: 75%;}

h1, h2, h3, h4, h5, h6 { font-weight: 400; font-family: inherit; line-height: 120%; }


h1 {font-size: 2.7em}
h2 {font-size: 2.2em}
h3 {font-size: 1.6em}
h4 {font-size: 1.4em}
h5 {font-size: 1.2em}
h6 {font-size: 1em}
.page-title{color:#333; margin:0 0 16px 0; font-weight:normal;}
.inner-title{font-weight:normal; color:#878787;}

a { color: #06C; text-decoration:none;}

a:hover, a:focus { color: #8AC2EF; }


hr {
/*	border-style:solid;
	border-width:1px;
	border-color:rgba(0,0,0,.07) transparent rgba(255,255,255,.70) transparent;*/
		
	border: solid 1px  #EEE;	
	height: 0;
	margin: 1.16em 0 .083em 0;
	display: block; 
	clear: both;
}


/*===========buttons=====================*/
.Button {
	line-height: 1.333em;
	margin: 0 .167em .167em 0;
	cursor: pointer;
	border: 0;
	padding: .417em 1em;
	color: #f9f9f9;
	display:inline-block;
	background-color: #06C;
	background-image: -moz-linear-gradient(top, #3c8ad8, #0050a0);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0066cc), color-stop(1, #0050a0));
	background-image: -o-linear-gradient(top, #0066cc, #0050a0);
	-moz-border-radius: .5em;-webkit-border-radius: .5em;-o-border-radius: .5em;border-radius: .5em;
	border:.1em solid rgba(0,0,0,0.1);
	}
	
/* .text-emboss-white{text-shadow: 0px 1px 0px rgba(255,255,255,.4);} */
/*.text-emboss-black{text-shadow: 0px -1px 0px rgba(0,0,0,.5);}	 */

/*===========table elements==============*/

.flashMessages p {padding:10px;-moz-border-radius-: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}

.not-purchased {text-decoration:line-through;}

ol.alpha li { list-style-type:lower-alpha; }