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

/*------------------------------------------------------------------
[Master Stylesheet]

Project:		doug.stringham.net styles
Version:		1.0
Last change:	08 April 2011
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.0 Reset styles
-------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    line-height: normal;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

s { color: #888; } 

.opacity {
	opacity: 0.7; /* CSS Standard and will work in all standards compliant browsers */
	filter: alpha(opacity=70); /* Internet Explorer up to IE8  */
	-ms-filter: alpha(opacity=70); /* for IE8 */
	-moz-opacity: 0.7; /* older Mozilla browsers  */
	-khtml-opacity: 0.7; /* older Safari browsers  */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only  */
}

.boxradius {
	border-radius: 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
}

.boxshadow {
	-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}

.textshadow { text-shadow: #aaa 1px 1px 1px; }

em { font-style: italic; line-height: 1; }
strong, .strong { font-weight: bold; vertical-align: baseline; line-height: normal; }
.right { float: right; font: inherit; }
.clear { clear: both; }
small { font-size: .65em; vertical-align: baseline; }

a { text-decoration: none; line-height: normal; color: #3366CC; color: rgba(51,102,204,1); }
a:visited { color: #5882D5; color: rgba(51,102,204,.8); }
.header a:visited { color: #fff; }
a:hover { text-decoration: underline; }
a:active { }

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden; } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: #fff; margin: 0; padding: 0; }

.wrapper { width: 52em; margin: 0 auto; }

.header { width: 100%; padding: .2em 0 5em 0; background: #4974d9 url(../img/swirl_bg.jpg) 50% 20%; margin: 0 0 1.8em 0; }
	.asl3310 { background: #4974d9 url(../img/swirl_bg.jpg) 33% 4%; }
	.asl3330 { background: #4974d9 url(../img/swirl_bg.jpg) 33% 95%; }
	.asl3350 { background: #4974d9 url(../img/swirl_bg.jpg) 33% 82%; }
	.asl3360 { background: #4974d9 url(../img/swirl_bg.jpg) 33% 99%; }

.nav { position: relative; top: 63px; width: 100%; vertical-align: top; }
	.nav ul { list-style: none; padding: 0; margin: 5px 0 0 0; width: 65%; float: right; vertical-align: top; display: block; }
	.nav li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .95em; line-height: 1; float: right; display: block;}
	.nav li a { padding: .5em; color: #fff; text-decoration: none; }
	.nav li a.imhere { border-bottom: 2px solid #fff; text-decoration: none; background-image: url(../img/20p.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/20p.png", sizingMethod="scale"); }
	.nav li a:hover { border-bottom: 2px solid #fff; text-decoration: none; background-image: url(../img/20p.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/20p.png", sizingMethod="scale"); }

.leftcol { width: 47%; padding: 0 1.5em 0 0; margin: 0; float: left; }

	/* Replace with blog styles */
	.news_new {
		background: #ffe url(../img/comment.gif) .7em 1.4em no-repeat;
		padding: 1em 1em 1em 2em;
		font-size: .9em;
		line-height: 1.5;
		border: 1px dotted #ddd;
		border-width: 2px 0 1px 0;
		}

	.news_old {
		background: url(../img/comment.gif) .7em .9em no-repeat;
		padding: .5em 1em .5em 2em;
		font-size: .8em;
		line-height: 1.5;
		color: #666;
		}

.rightcol { width: 47%; padding: 0 0 0 1.5em; margin: 0; float: left; border-left: 1px dotted #d6d6d6; }

/* For first day presentation, not for normal show-and-tell. 
.leftcol { width: 100%; padding: 0; margin: 0; border: 0; }
.rightcol { width: 100%; padding: 0; margin: 0; border: 0; }
*/

.noborder { border: none; }

img.textbook { float: left; margin: 0 .8em 0 0; padding: 2px; border: 1px solid #ddd; }

.note { background: #eee; padding: 0.2em 1.2em; }
.hide { display: none;}

/* =-=-=-=-=-=-=-=-=-=-=-=-=- Typographic Styles =-=-=-=-=-=-=-=-=-=-=-=-=- */

h1, h2, h3, h4, h5, h6, p, li { font-weight: normal; }

p, ol, li, blockquote { 
	margin: 0 auto .5em 0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #444; 
	font-size: .95em; 
	line-height: 155%; 
	vertical-align: baseline;
	}
	
ul { list-style: outside disc; margin: 0 0 0 1em; vertical-align: baseline; }
ol { list-style: outside decimal; margin: 0 0 0 1.5em; vertical-align: baseline; }
li { font-size: 1em; }
li li { margin: 0 0 .1em 0; font-size: .95em; }

ul p { margin: 0 0 .2em 0; }
ul h6 { margin: 0 0 1.5em 0; }

ul p, ol p { 
	font-size: .82em; 
	line-height: 150%; 
	vertical-align: baseline;
	}

h1.class { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: bold; 
	font-size: 1.8em; 
	line-height: 1;
	padding: 0 0 .5em 0;
	color: #fff; 
	width: 25%;
	display: block;
	letter-spacing: -1px;
	float: left;
	overflow: hidden;
	text-shadow: 2px 2px 10px rgba(0,0,0,.3);
}
h1.main { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: bold; 
	font-size: 1.8em; 
	line-height: 1;
	padding: 0 0 .5em 0;
	color: #fff; 
	width: 35%;
	display: block;
	letter-spacing: -1px;
	float: left;
	overflow: hidden;
	text-shadow: 2px 2px 10px rgba(0,0,0,.3);
}

h1 a { color: #fff; line-height: 1; text-decoration: none; }
.h1classnbr { font-size: 50%; line-height: 1; font-weight: normal; letter-spacing: -.5px; }

h2 { font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: normal; 
	margin: 0 auto .4em auto; 
	font-size: 1.8em; 
	color: #666; 
	clear: left;
	}
h2.homerightcol {
	font-size: 1.25em; padding-bottom: .5em; line-height: 140%; font-weight: normal; }
	
h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #555; 
	margin: 1.1em auto .5em auto; 
	font-size: 1.35em; 
	font-weight: bold;
	line-height: 122%;
	border: 1px solid #f1f1f1;
	border-width: 7px 0 0 0; 
	padding: .45em 0;
	letter-spacing: -.015em;
	letter-spacing: -1px\9; /* IE8 hack */
	-moz-break-before: column;
}
h3.notteaching { font-size: 1.05em; line-height: 135%; margin: 0 0 .5em 0; border: 0; color: #888; background: #eee; padding: 1em 1em .8em 1em; display: block; }
h3.semester { font-size: 1.05em; line-height: 135%; margin: -.8em 0 .5em 0; border: 0; color: #999; }
h3.classiteach { font-size: 1.1em; line-height: 125%; margin: 0; border: 0; color: #999; }
*+ html h3, * html h3 { letter-spacing: -1px; }  /* IE7, 6 hack */

h4 { font-size: 1.25em; line-height: 125%; margin: 0 0 1.5em 0; font-weight: normal; }
	
h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: .92em; 
	line-height: 135%; 
	font-weight: normal;
	margin: 0 0 .4em 0; 
	color: #555;
	}
	
h6, .footer li, .cpc li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: .7em; 
	line-height: 150%; 
	padding: 0 auto 1em 0; 
	font-weight: normal;
	}

.firstline { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: .95em; 
	line-height: 150%;
	font-weight: bold; 
	color: #000; 
	}
	
.smallcaps { 
	text-transform: uppercase; 
	font-size: .92em; 
	line-height: normal;  
	letter-spacing: .1em; 
	vertical-align: baseline;
	}

.hilite { 
	background-color: #ffc; }
	
.new {
	color: #C30;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 1px;
	}

/* =-=-=-=-=-=-=-=-=-=-=-=-=- Table Styles =-=-=-=-=-=-=-=-=-=-=-=-=- */

table { 
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%; 
	margin: 1em 0; 
	font-size: .92em; 
	}
	
th, td { 
	padding: .6em .5em; 
	text-align: left; 
	vertical-align: top;
	border: 1px dotted #ccc; 
	border-width: 1px 0 0 0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #444; 
	font-size: .94em; 
	line-height: 130%; 
	}
tr { vertical-align: top; }	
tr:hover { background: #fafafa; }
	
th { border: 1px solid #999; border-width: 2px 0 0 0; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -.015em; }
	.topicdate { width: 25%; }
	.assgnlabs { width: 25%; }
	.readings { width: 50%; }

td.exam { background-color: #ffe; padding: .7em; border: 1px dotted #ccc; border-width: 1px 0 0 0; }
td.noclass { background-color: #f5f5f5; color: #999; }
td.topic { padding: .6em 1.6em .6em .5em; }
	
table h5 { font-size: .98em; line-height: 140%; margin: 0 0 .25em 0; }
table h6 { font-size: .98em; line-height: 140%; margin: 0 0 .9em 0; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=- a/link Styles =-=-=-=-=-=-=-=-=-=-=-=-=- */

a { color: #4974D9; text-decoration: underline; }
/* a:visited, h5 a.bookmark:visited, h5 a.download:visited { color: #7B9AE3; } */

.container a:hover { text-decoration: underline; background: #ffd; }

.topcontainer a:hover { text-decoration: underline; }
.topcontainer a:visited { color: #fff; }

a.home { color: #fff; text-decoration: none; padding: .4em; margin-left: -.4em; }

a.home:hover { 
	border-bottom: 2px solid #fff; 
	text-decoration: none; 
	background-image: url(../img/20p.png); 
	}

*html a.home:hover { 
	border-bottom: 2px solid #fff; 
	text-decoration: none; 
	background-image: url(../img/20p.png); 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/20p.png", sizingMethod="scale"); 
	}

a.downloadthis { 
	display: block; 
	padding: .75em 0 .75em .75em; 
	background: #ffe; 
	border: 1px dotted #ccc;
	border-width: 1px 0;
	width: auto; 
	color: #4974D9;
	font-weight: normal; 
	margin: .8em 0; 
	}
	
a.downloadthis:hover { background: #ffc; }
	
h5 a.bookmark { color: #4974D9; background: url(../img/bookmark.gif) no-repeat left 50%; padding: 0 0 0 14px; }
h5 a.bookmark:hover { color: #4974D9; text-decoration: none; background: #ffe url(../img/bookmark.gif) no-repeat left 50%; padding: 0 0 0 14px; }

h5 a.download { color: #4974D9; background: url(../img/printer.gif) no-repeat left 50%; padding: 0 0 0 14px; }
h5 a.download:hover { color: #4974D9; text-decoration: none; background: #ffe url(../img/printer.gif) no-repeat left 50%; padding: 0 0 0 14px; }

.show { border: 1px solid red; }


/* =-=-=-=-=-=-=-=-=-=-=-=-=- Metanav Styles =-=-=-=-=-=-=-=-=-=-=-=-=- */

.metanav { background: #161616; padding: 0 0 2px 0; display: block; position: absolute; width: 100%; color: #ddd; }

dl.findaclass { padding: 0; font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif; display: inline-block; }
.findaclass dt { float: left; padding: 0; margin: 0; position: relative; vertical-align: baseline; }
.findaclass dt:hover { background: #fff; border: 1px solid #ddd; border-width: 0 1px 0 1px; padding: 0; margin: 0; z-index: 1; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.findaclass dt:hover div.bound { left: -1px; top: auto; }
.findaclass dt a { color: #777; outline: 0; text-decoration: none; display: block; padding: 10px 18px 6px 10px; font-size: .75em; background: url(../img/bullet_arrow_down.png) right 60% no-repeat; }
.findaclass .bound a { color: #777; outline: 0; text-decoration: none; display: block; padding: 8px; border: 1px solid #eee; border-width: 1px 0 0 0; font-size: .78em; background: none; }
.findaclass .bound a:hover { background: #f6f6f6; }
.findaclass p { margin: 0; padding: 0; }
.findaclass div.bound { position: absolute; left: -999em; margin: -1px 0 0 0; width: 14em; text-align: left; background: #fff; border: 1px solid #eee; border-width: 0 1px 1px 1px; -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.3); -moz-border-radius: 0 4px 4px 4px; -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3); -webkit-border-radius: 0 4px 4px 4px; }
.findaclass .coursenbr { font-size: .75em; color: #bbb; display: block; letter-spacing: .15em; font-styqqle: italic; font-weight: bold; }
.findaclass .thisone { font-weight: bold; color: #000; }

dl.mainsection { padding: 0; font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif; display: inline-block; }
.mainsection dt { float: left; margin: 0 0 -.15em -2px !important; margin: 0; position: relative; vertical-align: baseline; }
.mainsection dt:hover { background: #161616; margin: 0 0 -.15em -2px !important; z-index: 1; }
.mainsection dt:hover div.bound { left: -10px; top: auto; -moz-box-shadow: 4px 4px 6px rgba(0,0,0,0.3); }
.mainsection dt a { color: #eee; outline: 0; text-decoration: none; display: block; padding: 0; font-size: 1em; line-height: 1; }
.mainsection .bound a { color: #777; outline: 0; text-decoration: none; display: block; padding: 6px 10px; }
.mainsection .bound a:hover { color: #666; }
.mainsection p { margin: 0; padding: 0; }
.mainsection div.bound { position: absolute; left: -999em; margin: 0; width: 9.5em; text-align: left; background: #161616; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.mainsection .coursenbr { font-size: .8em; color: #999; display: block; font-style: italic; }
.mainsection .thisone { font-weight: bold; color: #777; }

.home { float: left; width: 40%; font-size: .75em; line-height: 1; margin: 11px 0 0 0; vertical-align: baseline; }
.search { float: right; width: 45%; }
input.submit { font-size: .7em; line-height: 1; background: none; padding: 0; margin: 8px 0 0 4px; border: 0; color: #fff; overflow: visible; cursor: pointer; }
input.text { padding: 3px 4px; border: 0; margin: 7px 0 0 0; color: #888; width: 15em; }

.footer { width: 100%; background: #eee; margin: 2em 0 0 0; padding: 1.5em 0 2em 0; }

/* For first day presentation, not for normal show-and-tell. */
.footer .leftcol { width: 47%; padding: 0 1.5em 0 0; margin: 0; border: 0; }
.footer .rightcol { width: 47%; padding: 0 0 0 1.5em; margin: 0; border: 0; }

	.footer ul { list-style: none; margin: 0 .5em 1.5em 0; width: 30%; float: right; }
	.footer li { line-height: 125%; margin: 0 0 .3em 0; }
	.footer a { text-decoration: none; }
	.footer img { float: left; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=- Calendar Styles =-=-=-=-=-=-=-=-=-=-=-=-=- */

.calendarkey { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; font-size: 1em; line-height: 145%; margin: 0 auto 1em 0; font-weight: normal; display: block; }
.calendarkey dl { font-size: .6em; line-height: 1; padding: 0; margin: 0 10px 8px 0; flqqoat: left; }
.calendarkey .legend { height: 12px; width: 12px; float: left; margin: -1px .8em 0 0; }
.calendarwrap { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; }
.calendarwrap dl { width: 158px; heixght: 188px; margin: 0 1.26% 0 0; float: left; }
.calendarwrap dt { font-size: .52em; line-height: 1.25; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; background: #333; color: #ccc; padding: 7px 7px 5px 7px; margin: 0 0 .6em 0; width: 89%; }
.calendarwrap dd { borqqder: 1px solid #fafafa; background: #f6f6f6; color: #ccc; width: 14px; height: 14px; text-align: center; padding: .25em; font-size: .56em; line-height: 1.6; margin: 0 3px 4px 0; float: left; }
	.calendarwrap .start_mon { margin-left: 22px; }
	.calendarwrap .start_tue { margin-left: 43px; }
	.calendarwrap .start_wed { margin-left: 65px; }
	.calendarwrap .start_thu { margin-left: 86px; }
	.calendarwrap .start_fri { margin-left: 107px; }
	.calendarwrap .start_sat { margin-left: 129px; }
	.calendarwrap .nortmargin { margin-right: 0; }
	.calendarwrap .day, .calendarkey .day { background: none; padding: 0 .25em .9em .25em; borqqder: 1px solid #fff; color: #aaa; font-weight: bold; }
	.calendarwrap .unit, .calendarkey .unit { background: #333; borqqder: 1px solid #aaa; color: #fff; }
	.calendarwrap .off, .calendarkey .off { background: #aaa; borqqder: 1px solid #aaa; color: #ccc; }
	.calendarwrap .lab, .calendarkey .lab { background: #C90; borqqder: 1px solid #aaa; color: #222; }
	.calendarwrap .exam, .calendarkey .exam { background: #ffa; borwwder: 1px solid #aaa; color: #222; }
	.calendarwrap .due, .calendarkey .due { background: #9CB3EA; borqqder: 1px solid #aaa; color: #222; }
	.calendarwrap .nothing, .calendarkey .nothing { background: none; borqder: 1px solid #fff; color: #f2f2f2; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=- CPC Styles =-=-=-=-=-=-=-=-=-=-=-=-=- */

.cpc_leftcol { 
	width: 20%; 
	margin: 0; 
	float: left; 
	}
	
.cpc_leftcol h6 { margin: 0 auto 1em 0; }

.cpc_rightcol { 
	width: 72%; 
	padding: 0 0 0 1.5em; 
	margin: 0;
	float: right; 
	border-left: 1px dotted #d6d6d6; 
	}
.cpc li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: .7em; 
	line-height: 145%; 
	font-weight: normal;
	list-style: upper-alpha;
	}