@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------------
***IMPORTANT: For instructions on using this css template, please refer to these two videos 
1) http://www.screencast.com/users/luke_d84/folders/Jing/media/1d9b9377-db30-4880-833c-ca9859f7e1b7
2) http://www.screencast.com/users/luke_d84/folders/Jing/media/5a720057-2efc-4ed3-ae0f-bc2e36c4dc85
3) http://www.screencast.com/users/luke_d84/folders/Jing/media/3dff65b9-ec11-4c97-9486-ef32648a1bbd

***Pleas note, if you're copying this css stylesheet to a different directory (as opposed to linking to this one on S3),
you have to provide full paths to the S3 server for ALL the background images in ALL of the below css rules
------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
The following are overarching styles
-----------------------------------------------------------------------*/

body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color: #CCCCCC;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #b10c12;
	text-align: center;
	font-size: 44px;
	font-weight: bold;
}

h1.blue {
	font-family: Arial, Helvetica, sans-serif;
	color: #1E79E6;
	text-align: center;
	font-size: 44px;
	font-weight: bold;
}

h2 {
	color: #b10c12;
	text-align: center;
	font-size: 36px;
	font-weight: normal;
}

h3 {
	color: #b10c12;
	text-align: left;
	font-size: 36px;
	font-weight: normal;
}

h4 {
	color: #000000;
	text-align: left;
	font-size: 24px;
	font-weight: normal;
}

h5 {
	color: #b10c12;
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}

a {
	text-decoration: none;
	outline: none;
}

p {
	text-align: left;
}


/*-----------------------------------------------------------------------
The following are styles that give structure to template
-----------------------------------------------------------------------*/

.head {
	width: 820px;
	height: 14px;
	background: url(https://luketemplate.s3.amazonaws.com/images/head.png);
	display: block;
	margin: 23px 0px 0px 0px;
}

/*Do not below rule change EVER*/
.anchor {
	height: 0px;
	width: 0px;
	float: left;
}

#seel {
	width: 270px;
	height: 200px;
	background: url(https://d2l6tmiv6e1a1j.cloudfront.net/mindmovies_com/MM_2015_05_01_footer_logo.png) no-repeat;
	position: absolute;
	margin: -15px 0px 0px -125px;/*Change this line to manipulate position of the seel (relative to top left corner of <div class=head>)*/
}

#seel7 {
	width: 270px;
	height: 196px;
	background: url(https://luketemplate.s3.amazonaws.com/images/seel7.png) no-repeat;
	position: absolute;
	margin: -15px 0px 0px -60px;/*Change this line to manipulate position of the seel (relative to top left corner of <div class=head>)*/
}


.paper {
	width: 660px;
	overflow: auto;
	background: url(https://luketemplate.s3.amazonaws.com/images/paper.png) repeat-y;
	margin: 0px;
	padding: 0px 80px 20px 80px;
}

.foot {
	width: 820px;
	height: 28px;
	background-image: url(https://luketemplate.s3.amazonaws.com/images/foot.png);
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
}

/*-----------------------------------------------------------------------
The following are styles that give color to paragraph text
-----------------------------------------------------------------------*/

.dark_red {
	color: #b10c12;
}

.bright_red {
	color: #FF0000;
}

/*-----------------------------------------------------------------------
The following are additional elements for adding a bit of style
-----------------------------------------------------------------------*/

.bar {
	width: 660px;
	height: 3px;
	background: url(https://luketemplate.s3.amazonaws.com/images/bar.png);
	float: left;
	clear: both;
}