/* 
CSS Styling and Design
author: Dustin Pfeifer
contact: dustin@dustinpfiefer.com
*/

* {
	margin:0;
	padding:0;
}

body {
	background:#00b0d8 url("http://ell.roaringsky.com/TeacherResources/images/background.jpg") no-repeat top center;
	width:945px;
	text-align:center;
	margin:0 auto;
	font:12px arial, sans-serif;
}


/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	background:url("http://ell.roaringsky.com/TeacherResources/images/logo.jpg") no-repeat top center;
	height:140px;
}

#header-left {
	float:left;
	margin:50px 0 0;
}

#header-right {
	float:right;
	text-align:right;
	margin:65px 0 0;
}

#content {
	text-align:left;
}

#lelementary, #uelementary, #middle, #high {
	display:block;
	float:left;
}

	#lelementary {
		background:url("http://ell.roaringsky.com/TeacherResources/images/background-lelementary.jpg") no-repeat;
		width:242px;
		height:421px;
	}
	
	#uelementary {
		background:url("http://ell.roaringsky.com/TeacherResources/images/background-uelementary.jpg") no-repeat;
		width:230px;
		height:421px;
	}
	
	#middle {
		background:url("http://ell.roaringsky.com/TeacherResources/images/background-middle.jpg") no-repeat;
		width:233px;
		height:421px;
	}
	
	#high {
		background:url("http://ell.roaringsky.com/TeacherResources/images/background-high.jpg") no-repeat;
		width:239px;
		height:421px;
	}
	
#footer {
	width:450px;
	margin:20px auto 0 auto;
	color:#fff;
	font-size:11px;
	line-height:14px;
}

	#footer p {
		margin:0 0 15px;
	}


/* Downloads
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.downloads {
	list-style-type:none;
	border:1px solid #fff;
	border-width:1px 0 0;
	width:185px;
	height:100px;
	overflow:hidden;
}

.downloads li {
	display:block;
	border:1px solid #fff;
	border-width:0 0 1px;
	padding:3px 0;
}

.downloads a {
	color:#000;
	text-decoration:none;
}

	#lelementary .downloads {
		margin:240px 0 0 30px;
	}

	#uelementary .downloads {
		margin:240px 0 0 21px;
	}

	#middle .downloads {
		margin:240px 0 0 23px;
	}

	#high .downloads {
		margin:240px 0 0 21px;
	}
	
.dl {
	font-size:13px;
	font-weight:bold;
	margin:41px 0 0;
}

	#lelementary .dl a {
		color:#0697f8;
		text-decoration:none;
		margin:0 0 0 155px;
	}
	
	#uelementary .dl a {
		color:#173045;
		text-decoration:none;
		margin:0 0 0 147px;
	}
	
	#middle .dl a {
		color:#c06d0c;
		text-decoration:none;
		margin:0 0 0 147px;
	}
	
	#high .dl a {
		color:#7c9012;
		text-decoration:none;
		margin:0 0 0 147px;
	}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 {
	font-size:24px;
	font-weight:bold;
	color:#fff;
}

	h1.headline-title {
		background:url("http://ell.roaringsky.com/TeacherResources/images/headline-title.jpg") no-repeat;
		display:block;
		width:264px;
		height:38px;
		text-indent:-999px;
	}
	
a.questions, a.home {
	margin:0 0 0 15px;
	color:#fff;
	text-decoration:none;
	font-size:10px;
}

	a.questions {
		background:url("http://ell.roaringsky.com/TeacherResources/images/icon-questions.png") no-repeat left center;
		padding:20px 0 10px 25px;
	}
	
	a.home {
		background:url("http://ell.roaringsky.com/TeacherResources/images/icon-home.png") no-repeat left center;
		padding:20px 0 10px 30px;
	}
	
	


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */