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

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
#DAD7C5 background
#BDB7AC	back shadow
#7E725B	title
#766E65	title cool
#A4C2DB	blue
*/
@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('/fonts/Chunkfive-webfont.eot');
	src: url('/fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/Chunkfive-webfont.woff') format('woff'),
		 url('/fonts/Chunkfive-webfont.ttf') format('truetype'),
		 url('/fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:.9rem;
	background-color:#DAD7C5;
	color:#766E65;
	padding:0 3%;
	line-height:1.1rem;
	position:relative;
	margin-top:5rem;
}
em {
	font-style:italic;	
}
a {
	text-decoration:none;
	color:#2872A3;
}
a:hover {
	text-decoration:underline;
}
header {
	font-size: 0.8rem;
	/*border-bottom:1px solid #fff;*/
	padding: 0;
}
header h1 {
	margin: 0;
	text-transform:uppercase;
	font-size: 0.8rem;
	color:#fff;
	width:auto;
	line-height:1rem;
	font-family:Arial, Helvetica, sans-serif;
}
header h2 {
	font-family:ChunkFiveRegular, Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: normal;
	text-transform:none;
	margin: 0.5rem 0;
}
header h3 {
	text-transform:uppercase;
	font-size: 0.8rem;
	color:#fff;
	margin:0 0 1rem 0;
}
nav {
	margin: 0 0 3rem 0;
	background-color: #766E65;
	position:absolute;
	top:-5rem;
	width:92%;
}
nav a {
	text-decoration:none;
	display:inline-block;
	padding:.5rem;
	background-color:#766E65;
	color:#DAD7C5;
	text-align: center;
	font-size:1rem;
	border-right:1px solid #DAD7C5;
	margin:0;
}
nav a:hover, nav a:active {
	background-color:#2872A3;
	color:#fff;
	box-shadow:0 0 10px #766E65;
	text-decoration:none;
}
h1 {
	clear:both;
	margin: 3rem 0 1rem 0;
	font-size: 2.5rem;
	line-height: 2.5rem;
	font-weight: normal;
	text-transform:uppercase;
	font-family:ChunkFiveRegular, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0;
}
h2 {
	clear:both;
	margin: 3rem 0 0.5rem 0;
	font-size: 3rem;
	line-height: 3rem;
	font-weight: normal;
	text-transform:lowercase;
	font-family:ChunkFiveRegular, Arial, Helvetica, sans-serif;
	
}
h3 {
	font-size: 1.2rem;
	font-weight:bold;
}
h4 {
	font-weight:bold;
	margin: 1rem 0;
}
p {
	margin: 1rem 0;	
}
ol {
	margin-left: 2rem;
	list-style-type:decimal;
}
ol li {
	margin: 1rem 0;
}
ol.lettergrades {
	list-style-type:upper-alpha;	
}
ul {
	margin:0;
	padding:0;
}
section#assignments {
	margin-bottom:3rem;
}
li.assignment {
	margin: 3rem 0 0 0;
}
li.assignment h3.name {
	margin:0 0 1rem 0;
	line-height: 1.5rem;
}
li.assignment ul.links {
	margin: 0.5rem 0 0 -.25rem;	
	clear:both;
}

li.assignment ul.details li {
	font-size: .8rem;
}
li.assignment ul.details li .label {
	width: 9rem;
	color: #766E65;
}

li.assignment p {
	margin: .5rem 0;
}

li.student {
	margin: .25rem;
	list-style-type: none;
	font-size: 1rem;
	display:inline-block;
}
li.student a {
	text-decoration:none;
	display:block;
	width:5.5rem;
	padding:.5rem .25rem;
	background-color:#fff;
	color:#2872A3;
	text-align: center;
	box-shadow:0 0 10px #BDB7AC;
	font-size:1rem;
	border: 1px solid #fff;
}

li.student.example a {
	font-weight: bold;
	border-color: #2872A3;
}

li.student a:hover, li.student a:active {
	background-color:#2872A3;
	color:#fff;
	box-shadow:0 0 10px #766E65;
}
li.student a:visited {
	background-color:#E3E9EC;
}
li.student a:visited:hover {
	background-color:#2872A3;
}
ul.namedvalues li {
	display:table-row;
}
ul.namedvalues li .label {
	display:table-cell;
	text-transform:uppercase;
	font-size: 0.8rem;
	color:#fff;
	width: 6.5rem;
	padding-right:0.5rem;
	text-align:left;
}
ul.namedvalues li .value {
	display:table-cell;
	padding:0 0 0.5rem 0;
	max-width:30rem;
}
ol.months li {
	display:inline-block;
	margin-right:0.5rem;
}

table.days td,
table.days th {
	text-align:right;
	width:1.6rem;
	border:1px solid #DAD7C5;
	padding:2px 5px;
}
table.days th {
	font-size: 0.8rem;
	color:#fff;	
}
table.days td {
	color:#766E65;
	background-color:#fff;
}
table.days td.noclass {
	color:#fff;
	background-color:#DAD7C5;
}
footer {
	/*border-top:1px solid #fff;*/
	padding:2rem 0;
}

@media only screen and (min-width: 680px) {
	body {
		margin:5rem 0 0 30%;
		border-left:1px solid #fff;
		max-width: 43rem;
	}
	header {
		position: absolute;
		left:-38.57%;
		width:34.29%;
		padding:0;
		border-bottom:none;
	}
	footer {
		position:absolute;
		bottom: 0;
		left: -38.57%;
		width: 34.29%;
		padding: 0;
		border-top:none;
	}
	header ul.namedvalues li .label,
	footer ul.namedvalues li .label {
		font-size: 0.75rem;
		width: 3.5rem;
	}
	header ul.namedvalues li .value,
	footer ul.namedvalues li .value {
		padding:0;
	}
	h1 {
		font-size:3.5rem;
		line-height:3.5rem;	
	}
}
@media only print {
	html {
		font-size: 9pt;
	}
	body {
		background-color:#fff;
		width: 400px;
		border-left:1px solid #aaa;
		margin: 0 0 0 200px;
		color: #000;
	}
	nav {
		display:none;
	}
	header {
		position: absolute;
		left:-200px;
		width:170px;
		padding:0;
		border-bottom:none;
	}
	h2, header h2 {
		font-size: 2rem;
		line-height: 2rem;
	}
	ul.links {
		display:none;	
	}
	header h1,
	header h3,
	ul.namedvalues li .label,
	table.days th {
		color:#ccc;	
	}
	table.days td {
		color:#000;
	}
	table.days td.noclass {
		color:#ccc;
	}
	footer {
		position:absolute;
		bottom: 0;
		left: -200px;
		width: 170px;
		padding: 0;
		border-top:none;
	}
}