/* SMIRK-all-v1_3.css */

/* Fixed
	commented-out	.table-of-contents width, height: 100%;
	added 			.my-blockquote 
*/

/* COLOR USAGE

		#097957 = filmbody hover background color			green
		#097957 = table_of_contents hover background color	green	

		#ffcc00 = outer container's border color			dark yellow (best)
		#ffcc33 = h3 link and visited link color			yellow
		#ffcc33 = h3 visited link color						yellow
		#ffcc33 = toc_list_item link's color				yellow
		#ffcc33 = table_of_content links' color				yellow
		#ffcc33 = h3 link and visited link color			yellow
		#ffcc33 = h3 visited link color						yellow
		#ffcc33 = toc_list_item link's color				yellow
		#ffcc33 = table_of_content links' color				yellow
		#ffcc33 = film_title color							yellow
		#f4d400 = title background-color					yellow
		#ffcc66 = smirkbanner text color					light yellow

		#ff0000 = h3 color color							bright red
		#ff0000 = note_title color							bright red
		#ff0000 = page_title color							bright red
		#ff0000 = sub_title color							bright red
		
		#9e1f1f = container's border color					dark red

		#990066 = body background-color						reddish-purple
		#990066 = table_of_content background_color			reddish-purple

		#5d0054 = filmbody hover text color					dark purple
		#5d0054 = table_of_contents hover text color		dark purple
		#330066 = film_descript color						dark purple
		#663366 = smirkbanner background color				dark purple
		
		#472447	= 											darkest purple
*/

							/* SELECTOR CLASSES */
body {
	background-color:       #990066;						/* reddish-purple */
}

a {
	text-decoration:		none;
}

blockquote {
	font-family:			Verdana, Tahoma, Arial, Helvetica, sans serif;;
	font-size:				75%;
	font-style:				normal;
	margin-left:			90px;
	margin-right:			90px;
	text-align:				justify;
}

h1 {
	color:					#ff0000;						/* bright red */
	font-family:			kristen itc, skia, Verdana, Tahoma;
	font-size:              200%;
	margin-left:			10px;
	margin-right:			10px;
	text-align:				center;
}

h2 {
	font-family:			kristen itc, skia, Verdana, Tahoma;
	font-size:              125%;
	margin-left:			10px;
	margin-right:			10px;
	text-align:				center;
}

h3 {
	color:					#ff0000;						/* bright red */
	font-family:			kristen itc, skia, Verdana, Tahoma;
	font-size:				100%;
	margin-left:			10px;
	margin-right:			10px;
	text-align:				center;
}

h3 a {
	text-decoration:		none;
}

h3 a:link {
	color:					#ffcc33;						/* yellow */
}

h3 a:visited {
    color:					#ffcc33;						/* yellow */
}

h3 a:hover {
	background-color:		#097957;						/* green */
	color:					#5d0054;						/* dark purple */
}

h4 {
	font-family:			kristen itc, skia, Verdana, Tahoma;
	font-size:              80%;
	margin:					3px;
	text-decoration:		underline;
}

h5.date {
	margin-bottom:			0;
}

h6 {
	font-family:			kristen itc, skia, Verdana, Tahoma;
	font-size:              75%;
	font-weight:			bold;
	margin:					3px;
	text-align:				center;
}

li {
	margin-right:			40px;
	text-align:             justify;
}

ul {
	font-family:			Tahoma, Verdana, Arial, Helvetica;
	list-style-type:		none;
	margin:					1.0em;
	padding:				1.0em;
	text-align:             left;
}

						/* ATTRIBUTE CLASSES */
						
.book-title {
	text-decoration:		underline;
}

.center-align {
	text-align:				center;
}

.contact_info {
	font-style:             normal;
	font-family:			kristen itc, skia, Tahoma, Verdana, Arial, Helvetica;
	margin:					0;
	font-size:				40%;
}

.container {
    border:					4px solid #9e1f1f;				/* dark red */
    height:					100%;
}

.film-descrip {
	color:					#330066;						/* dark purple */
	font-size:              80%;
	font-weight:            normal;
	font-style:             normal;
	font-family:			Tahoma, Verdana, Arial, Helvetica;
}

.film-title {
	color:					#ffcc33;						/* yellow */
	font-family:			Tahoma, Verdana, Arial, Helvetica;
	font-size:              100%;
	font-style:             normal;
	font-weight:            bold;
	text-decoration:        none;
}

.filmbody {
	background-color:       #990066;						/* reddish-purple */
	text-align:             center;
	width:					97%;
}

.filmbody a:link {
	color:					#ffcc33;						/* yellow */
}

.filmbody a:visited {
    color:					#ffcc33;						/* yellow */
}

.filmbody a:hover {
	background-color:		#ffcc33;						/* yellow */
	color:					#9e1f1f;						/* dark red */
}

.initial {
	font-size:				110%;
	font-style:				normal;
	text-decoration:		underline;
}

.majorpoints {
	list-style-type:		circle;
}

.my-blockquote {
	font-family:			Verdana, Tahoma, Arial, Helvetica, sans serif;;
	font-size:				75%;
	font-style:				normal;
	margin-left:			90px;
	margin-right:			90px;
	text-align:				justify;
}

.note {
	color:					#330066;						/* dark purple */
	font-family:			skia, Verdana, Tahoma;
	font-size:              90%;
	margin-left:			40px;
	margin-right:			40px;
	text-align:				justify;
}

.note_title {
	color:					#ff0000;						/* bright red */
	text-align:				center;
}

.outer_container {
    border:					6px solid #ffcc00;				/* dark yellow */
}

.page_title {
	color:					#ff0000; 						/* bright red */
	font-family:			kristen itc, skia, Verdana, Tahoma;
	font-size:              300%;
	line-height:			50%;
	text-align:				center;
}

.point-text {
	color:					#ffcc00; 						/* bright red */
	font-family:			skia, Verdana, Tahoma;
	font-size:				70%;
	font-weight:			bold;
	text-align:				justify;
	margin-left:			20px;
}

.smirkbanner {
	background-color:       #663366;						/* dark purple */
	color:                  #ffcc66;						/* light yellow */
	text-align:             center;
}

.smirkcontact {
	background-color:       #663366;						/* dark purple */
	color:					#ff0000; 						/* bright red */
	margin:					0;
	text-align:             center;
}

.smirkcontact h3 {
	font-size:				200%;
	margin:					0;
}

.smirkcontact br {
	line-height:			10%;
	margin:					0;
}

.smirkcontact a {
	color:					#ffcc33;						/* yellow */
}

.sub_title {
	color:					#ff0000; 						/* bright red */
	font-family:			kristen itc, skia, Verdana, Tahoma;
	font-size:              100%;
	margin-bottom:			0;
	text-align:				center;
}

.table_of_contents {
	background-color:       #990066;						/* reddish-purple */
	border-bottom:			4px solid #9e1f1f;				/* dark red */
	border-top:				4px solid #9e1f1f;				/* dark red */
	/*
	height:					100%;
    width:					100%;
    */
}

.table_of_contents a:link {
	color:					#ffcc33;						/* yellow */
}

.table_of_contents a:visited {
    color:					#ffcc33;						/* yellow */
}

.table_of_contents a:hover {
	background-color:		#ffcc33;						/* yellow */
	color:					#9e1f1f;						/* dark red */
}

.thesis-text {
	color:					black;
	font-family:			Verdana, Tahoma, Arial, Helvetica, sans serif;
	font-size:				80%;
	font-style:				normal;
	margin-left:			30px;
	margin-right:			30px;
	text-align:				justify;
}

.title {
    background-color:		#f4d400;						/* yellow */
	border-bottom:			2px solid #9e1f1f;				/* dark red */
    height:					100%;
	list-style-type:		none;
    width:					100%;
}

.underline {
	text-decoration:		underline;
}

h1.zero-top {
	margin-top:				0;
}

						/* SELECTOR-ATTRIBUTE COMBINATION CLASSES */
						
li.toc_list_item {
	border-left:			0;
	border-left-width:		0;
	font-family:			Tahoma, Verdana;
	font-size:				80%;
	font-weight:			bold;
	list-style-type:		none;
	margin-left:			40px;
	text-align:				center;
	text-decoration:		none;
}

li.toc_list_item a {
	color:					#ffcc33;						/* yellow */
}

li.weblink {
	font-family:			papyrus;
	list-style-type:		none;
	margin-left:			80px;
	margin-right:			80px;
	text-align:				justify;
	text-decoration:		none;
}

ul.toc {
	border-left:			0;
	border-left-width:		0;
	margin-left:			-25px;
}