/*
	CSS info
	--------
	author code: kt
	book: Euclidean Geometry A & B Lyceum
	--------
	classes per domain
		universal:	applied throughout the structures of the book
		cover:		cover of the book
		index:		index of the book
		chapters:	chapters of the book
		subchapter:	sub-chapters of the book
		activities:	learning activity
		exersises:	learning exersise
		memoranda:	memoranda of the book
		appendix:	appendix of the book
		fuzzy:		classes that are
	--------
	comments
		1. the border-radius used brakes compatibility with older browsers with no support for round corners - uncomment to use it.
	--------
*/

/* universal */
body{
	font-family: 'Times New Roman', 'Times New Roman', serif;
	font-size: 17px; 
	color: #000000;
	background-color: #ebebeb;
	line-height: 19px;
	text-align: justify;}

.bookpage{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 0px}

.indent{text-indent:1em}


.container {
	background-color:#ffffff;
	padding: 5px 40px;
	width: 850px;
	margin: 0 auto;}

h1{
	text-align: center;
	font-size: 80px;
	line-height: 90px;
	letter-spacing: 4px;}

h2{
	text-align: center;
	font-size: 34px;}

h3{
	text-align: center;
	font-size: 25px;
	line-height: 30px;}

h4{
	text-align: left;
	font-size: 18px;
	line-height: 49px;}

.bold{font-weight:bold}
	
.page_margin{
	margin-left: 19px;}

.from_left_page{
	margin: 30px 70px 0px 95px;
	text-align: justify;}
	
.from_right_page{
	margin: 30px 95px 0px 70px;
	text-align: justify;}

.left_page{
	padding: 0px 85px 0px 105px;
	background-repeat: no-repeat;
	background-position: center;
	width: 600px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.left_center_page{
	padding: 0px 85px 0px 105px;
	width: 545px;}

.right_page{
	padding: 0px 0px 0px 85px;
	background-repeat: no-repeat;
	background-position: center;
	width: 600px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.right_center_page{
	padding: 0px 0px 0px 85px;
	width: 554px;}
	
.right_columns{
	padding: 0px 0px 0px 50px;
	background-repeat: no-repeat;
	background-position: center;
	width: 660px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}	

.left_columns{
	padding: 0px 0px 0px 80px;
	background-repeat: no-repeat;
	background-position: center;
	width: 660px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.left_page_historic{
	margin: 12px 0px 0px 85px;
	background-color: #FFEF91;
	border:3px solid #AF2C33;
	width: 600px}	

.right_page_historic{
	margin: 12px 85px 0px 105px;
	background-color: #FFEF91;
	border:3px solid #AF2C33;
	width: 600px}

.left_column_big{
	width: 407px;
	min-width: 407px;
	table-layout: fixed;
	padding-left: 0px;
	padding-right: 0px;}

.left_column_small{
	width: 179px;
	min-width: 179px;
	table-layout: fixed;
	padding-left: 0px;
	padding-right: 0px;}

.small_column{
	width: 191px;}
	
.big_column{
	width: 405px;}

.pale_chapter{
	color: #FFEF91;
	text-align: right;
	padding-right: 94px;
	font-size:180px}

.cyan_chapter{
	color: #BFE4EA;
	text-align: right;
	padding-right: 94px;
	font-size:180px}

.blue_chapter{
	color: #A5C8E6;
	text-align: right;
	padding-right: 94px;
	font-size:180px}

.red_bold_letters{
	color: #AF2C33;
	font-size: 16px;
	font-weight: bold;}

.red{
	color: #AF2C33;}

.cyan{
	color: #BFE4EA;}
	
.blue{
	color: #A5C8E6;}

.purple{
	color: #940F89;}

.label_red{
	font-size: 18px;
	line-height: 24px;
	padding-left: 30px;
	background-color: #AF2C33;
	color: #FFEF91;}

.cyan_word{color:#00C7EF;
	font-style:italic;
	font-weight:bold}
	
.label_cyan{
	font-size: 18px;
	line-height: 24px;
	padding-left: 30px;
	background-color: #009BA9;
	color: #FFEF91;}
	
.background_purple{
	background-color: #D4B0D1;}
	
.background_pale{
	background-color: #F5CCA8;}
	
.background_pink{
	background-color: #E0A594;}

.background_cyan{
	background-color: #BFE4EA;
	padding: 10px;
	/* border-radius: 15px; */}
	
.background_pinky{
	background-color: #E9BEB0;
	padding: 10px;}

.background_yellow{
	background-color: #FFEF91;
	padding: 10px;}
	
.red_label{
	font-size: 14px;
	text-align: center;
	color: #FAFAFA;
	background-color: #AF2C33;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 2px;}

.cyan_label{
	font-size: 14px;
	text-align: center;
	color: #FAFAFA;
	background-color: #009CA8;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 2px;}
	
.blue_label{
	font-size: 14px;
	text-align: center;
	color: #FAFAFA;
	background-color: #0076B7;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 2px;}

.bulleted{
	font-size: 14px;
	text-align: left;
	font-weight: bold;}

.image_decoration1{
	background-image:url('images/imgP_2.png');
	background-position: bottom left;
	height:181px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	left:-115px;
	top:-90px;
	margin-bottom:-181px}

.image_decoration2{
	background-image: url('images/imgP_3.png');
	background-position: bottom right;
	height: 181px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	left:-115px;
	top:-90px;
	margin-bottom:-181px}

.image_decoration3{
	background-image: url('images/imgP_5.png');
	background-position: bottom left;
	height: 181px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	left:95px;
	top:-95px;
	margin-bottom:-181px}

.image_decoration4{
	background-image: url('images/imgP_6.png');
	background-position: bottom right;
	height:181px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	left:95px;
	top:-95px;
	margin-bottom:-181px}
	
.aag{background-image: url('images/img_g1.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:3px}

.arc{background-image: url('images/img_arc.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:2px}

/* cover */
.cover {
	vertical-align: top;
	text-align: center;
	margin-left: 5px;
	background-color: #FFFFFF;
	background-image: url('images/imgP_1.jpg');
	background-repeat: no-repeat;
	height: 1030px;}

.cover_letters_header{
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	color: #CCCCCC;}

.cover_letters_black{
	font-size: 30px;
	color: #000000;}

.cover_letters_title{
	text-align: center;
	font-size: 100px;
	line-height: 100px;
	letter-spacing: 8px;
	color: #DEC950;}

.image_note_center{
	text-align: center;
	font-size: 12px;}

.image_note_right{
	text-align: right;
	font-size: 12px;}

.figure_note{
	text-align: center;
	font-size: 12px;
	font-style: italic;}
	
.definition{
	border-bottom: 2px solid #009299;
}

/* index */
.index_blue{
    width: 623px;
	text-align: center;
	color: #183276;
	font-size: 25px;
	line-height: 30px;}

.index_chapter{
	color: #4D1F00;
	font-weight: bolder;}

.index_num{
	table-layout: fixed;
	min-width: 75px;
	text-align: center;
	font-size: 12px;
	font-weight: bolder;}

.index_topic{
	table-layout: fixed;
	width: 200px;
	text-align: left;
	font-size: 12px;
	font-weight: bolder;}

.index_page{
	table-layout: fixed;
	max-width: 30px;
	text-align: right;
	font-size: 12px;
	font-weight: bolder;
	padding-right: 15px;}

/* chapters */
.chapter_overlay{
    position: absolute;
	background-image: url('images/imgC_0.png');
	background-repeat: no-repeat;
	background-position: 90% 53%;
    top: 0;
    width: 100%;
    height: 100%;}

.chapter_pale_top_right{
	background-image: url('images/imgC_1.jpg');
	background-repeat: no-repeat;
	text-align: center;
	font-size: 24px;
	line-height: 26px;
	color: #FCFC00;
	padding: 35px 0px 0px 30px;
	height: 37px;}

.chapter_cyan_top_right{
	background-image: url('images/imgC_3.jpg');
	background-repeat: no-repeat;
	text-align: center;
	font-size: 24px;
	line-height: 26px;
	color: #FCFC00;
	padding: 35px 0px 0px 30px;
	height: 37px;}

.chapter_blue_top_right{
	background-image: url('images/imgC_5.jpg');
	background-repeat: no-repeat;
	text-align: center;
	font-size: 24px;
	line-height: 26px;
	color: #FCFC00;
	padding: 35px 0px 0px 30px;
	height: 37px;}
	
.chapter_pale_top_left{
	background-image: url('images/imgC_7.jpg');
	background-repeat: no-repeat;
	text-align: center;
	font-size: 24px;
	line-height: 26px;
	color: #FCFC00;
	padding: 35px 30px 0px 0px;
	height: 37px;}

.chapter_cyan_top_left{
	background-image: url('images/imgC_9.jpg');
	background-repeat: no-repeat;
	text-align: center;
	font-size: 24px;
	line-height: 26px;
	color: #FCFC00;
	padding: 35px 30px 0px 0px;
	height: 37px;}

.chapter_blue_top_left{
	background-image: url('images/imgC_11.jpg');
	background-repeat: no-repeat;
	text-align: center;
	font-size: 24px;
	line-height: 26px;
	color: #FCFC00;
	padding: 35px 30px 0px 0px;
	height: 37px;}

.chapter_frontpage{
	padding: 150px 225px 0px 75px;
	margin-top: 100px}

h3.chapter{
	color: #A00228;
	font-size: 25px;}

h3.chapter6{
	color: #911218;
	font-size: 25px;}

.red_frontpage_title{
	color: #AF2C33;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	text-align: center;}

.cyan_frontpage_title{
	color: #009DB0;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	text-align: center;}

.purple_frontpage_title{
	color: #940F89;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	text-align: center;}

.chapter_num_red{
	color: #AF2C33;
	font-size: 60px;}

.chapter_num_cyan{
	color: #AF2C33;
	font-size: 60px;
	text-align: right;}
	
.chapter_num_pale{
	color: #F6CBA9;
	font-size: 60px;
	text-align: right;}

chapter_num_blue{
	color: #A5C8E6;
	font-size: 60px;
	text-align: right;}

/* subchapter */
.subchapter{
	text-align:left;
	font-size:14px;
	color: #AF2C33;
	background-image:url(images/imgS_1.png);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:10px;
	margin-left:5px;}

/* activities */


/* exersises */
.ex_cyan_label{
	font-size: 18px;
	text-align: center;
	padding: 7px 0px 8px 0px;
	background-color: #009BA9;
	color: #FFEF91;}
	
.ex_red_label{
	font-size: 18px;
	text-align: center;
	padding: 7px 0px 8px 0px;
	background-color: #AF2C33;
	color: #FFEF91;}

/* memoranda */
.comment{
	border: 2px;
	border-style: solid;
	border-color: #9D1417;
	background-color: #FFEF91;
	padding: 10px;
	font-size: 12px;
	text-align: left;
	font-style: italic;}

.comment_title{
	color: #AF2C33;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;}

.history_note{
	width: 252px;
	font-size: 12px;
	text-align: justify;}
	
.column_note{
	width: 295px;
	font-size: 12px;
	text-align: justify;}

.history_note_header{
	color: #FFEF91;
	padding-left: 60px;}

/* appendix */
.label_blue{
	background-color: #000090;
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	line-height: 40px;}
	
.appendixA{
	width: 308px;
	font-size: 12px;
	line-height: 14px;}

.appendixB{
	width: 290px;
	font-size: 12px;
	line-height: 14px;}

.appendix3{
	width: 203px;
	font-size: 12px;
	line-height: 14px;
	vertical-align:top;}
	
.appendix_left{
	padding: 0px 0px 0px 65px;
	background-repeat: no-repeat;
	background-position: center;
	width: 616px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.appendix_right{
	padding: 0px 0px 0px 108px;
	background-repeat: no-repeat;
	background-position: center;
	width: 616px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.appendixB_left{
	padding: 0px 0px 0px 75px;
	background-repeat: no-repeat;
	background-position: center;
	width: 595px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.appendixB_right{
	padding: 0px 0px 0px 110px;
	background-repeat: no-repeat;
	background-position: center;
	width: 595px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}
	
.appendix_list{
	padding-left: 15px;
	position: relative;
	top: -14px;}
	
.appendix_label{
	background-color: #797979;
	color: #000000;
	font-weight: bold;
	font-size: 14px;}

.label_grey{
	background-color: #727272;
	color: #000000;
	font-weight: bolder;
	font-size: 20px;
	line-height: 24px;
	text-align: center;}

.label_purple{
	background-color: #51164A;
	color: #FFEF91;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;}
	
.label_names{
	background-color: #A58D85;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;}

.label_terms{
	background-color: #9B8797;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;}
	
.label_ex{
	background-color: #A9B093;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;}

/* fuzzy */
div.c35 {padding-top: 30px}
td.c34 {padding-left:15px}
div.c33 {padding-top:55px}
td.c32 {padding-left:12px}
div.c31 {padding-top:40px}
div.c30 {padding-top:45px}
td.c29 {padding-left: 7px}
div.c28 {border-bottom: 1px solid; width: 190px}
div.c27 {padding: 10px; margin: 10px;}
p.c26 {max-width: 150px;}
div.c25 {border-radius: 15px;}
td.c24 {padding-left:60px}
div.c23 {text-align:center;}
div.c22 {margin:28px 30px 0px 30px;text-align:left; background-color:#AF2C33}
div.c21 {left:95px;top:-95px;margin-bottom:-181px}
div.c20 {left:-115px;top:-90px;margin-bottom:-181px}
div.c19 {width: 610px}
td.c18 {padding-left: 15px}
td.c17 {padding-right: 5px}
div.c16 {width: 630px}
span.c15 {font-style:normal}
div.c14 {max-width: 180px}
div.c13 {text-align:center}
div.c12 {padding-top:120px}
div.c11 {font-style:italic}
div.c10 {text-align:right}
div.c9 {padding-top: 50px}
div.c8 {position:relative;}
div.c7 {margin-left: 60px}
div.c6 {padding-top: 20px}
div.c5 {padding-top: 125px}
td.c4 {padding: 30px 0px 0px 50px}
div.c3 {margin-top: 640px}
div.c2 {margin-top: 20px}
div.c1 {margin-top: 30px; line-height: 90px}

.color_cyan{color:#38ACEC}
.givemespace{margin-top:300px}
.exhibitor{position:relative;
	top:-0.5em;
	text-align:center;
	border-bottom:1px solid black;
	line-height:1.9em}
.denominator{position: absolute;
	top:0.8em;
	left:-0em;
	width:100%}
.centered{text-align:center}