* { margin: 0px; padding: 0px; }

/* major structural elements */

body { margin: 10px 20px; background-color: white; }

div#wrap { margin: 0px auto; }

h1 { width: 263px; height: 89px; position: relative; color: black; margin: 0px auto; }
h1 span { display: block; left:0; top:0; z-index:1; background: url("images/perl.gif") top left no-repeat; width: 100%; height: 100%; position: absolute; }

h3 {margin-top:10px; margin-bottom:10px }

div#main { width: 100%; border: 1px solid black; }
div#content { padding: 10px; background-color: white; border-top: 1px solid black; font-weight:100; font-style:normal;}

div#footer { text-align: center; font-size: .8em; }

/* text elements */

h2 { margin: 20px 0px 10px; border-bottom: 1px solid #696969; }

ul,ol { margin-left: 20px; }
ul li { ; }

dl { ; }
dt { font-weight: bold; }
dd { margin-left: 20px; }

dl.announcements { } 
dl.announcements dt, dl.tips dt { font-style: italic; }
dl.announcements dd, dl.tips dd { display: list-item; list-style: disc; }

pre.code { width:auto; display:inline }
pre.code,code {font-face:courier-new, courier; font-weight:bold; background-color:#dddddd }

dl.tips code {font-face:courier-new, courier; font-weight:bold; }
dl.tips dd {padding-bottom:10px;}
p { margin: 1em 0em; }

blockquote { margin-left: 30px; border-width: 1px 0px; border-style: solid; border-color: #696969; padding: 5px 0px; }

a:link { color: #205480; }
a:visited { color: #522E99; }
a:hover { text-decoration: none; }
a:active { ; }

.noshow { display: none; }

div.center { text-align:center; }
div.center table {margin-left:auto; margin-right:auto; }

.new { color: red; font-weight: bold }
.new a:link { color: #ff00aa }
.new a:visited { color: #aa0055 }
.new strong { text-decoration: underline }


img { border: 0px; }

/* table stuff (default: all tables to black borders and white on black headings) */

table { border-top: 1px solid black; border-right: 1px solid black; border-collapse: collapse; empty-cells: show; margin: 10px 0px;}
th { background-color: black; color: white; padding: 4px 8px; text-align: center; }
td { padding: 2px 6px; vertical-align: top; }
th, td { border-bottom: 1px solid black; border-left: 1px solid black; }

tr.zebra td { background-color: #ececec; }

td.type, th.type { font-weight:bold; text-align:right; }
td.title { font-style:italic; }

table.signup td, table.signup th { border: 0px; width: 50%; vertical-align: top}
table.signup { border: 1px solid black; }
table.signup th { text-align: right; }

td.empty { background-image:url('images/na.gif');}

table#grading_criteria th {text-align:right;}
table#grading_criteria th code { background-color: #000000 }

table#reset, table#reset td { border: 0px }

/* style up the menu */

ul#menu { margin-left: 0px; background: black; border-width: 3px 0px; border-style: solid; border-color: #778899; list-style: none; text-align: center;}
ul#menu li { color: #fdf5e6; display: inline; font: bold 16px tahoma, geneva, sans-serif; }

ul#menu a:link,
ul#menu a:visited,
ul#menu a:active
ul#menu a:hover
	{ text-decoration: none; padding: 0px 3px}

ul#menu a:link,
ul#menu a:visited,
ul#menu a:active
	{ color: #fdf5e6; }
ul#menu a#current
	{ color: #f4a460; }
ul#menu a:hover
	{ color: #deb887; background-color: black; }

/* perl quote box */

div#perlquote {
	width: 70px;
	position: absolute;
	top: 35px;
	right: 30px;
	font: bold .8em Arial Black Gadget sans-serif;
}
div#perlquote img { padding-left: 8px; }
div#perlquote a { color: black; text-decoration: none; width: 100%; display: block; }

#transcript{
	margin-left:30px;
	font-family: courier new, courier;
	font-size:12pt;
	white-space:pre;	
}

#transcript span {font-weight:bold}

td.slides img { border:none }

table#syllabus td { text-align:left; } 

table#syllabus td.date, table#syllabus td.lesson, table#syllabus td.handouts{  white-space:nowrap
}
a.IMlink {
	text-decoration:none;
}
a.slides { 
	text-decoration:none;
}

td.text {
	white-space:nowrap;
}

.done {
        color:green;
}
.cant {
        color:red;
}

table#grade_conversions td {
	vertical-align:middle;
}