/* default stylesheet for Math 2214 webpages 
 * 
 * Heath David Hart
 * 10 August 2009 
 */


body {
	margin: 0;
	padding: 0;
	background-color: #dbd8bc;
	color: #000000;
	font-size: 100%;
	/* This is recommended by
	 * http://www.w3schools.com/CSS/css_font.asp
	 * to improve compatibility with IE.
	 */
	text-align: center;
	/* This is recommended by 
	 * http://www.w3schools.com/CSS/css_align.asp 
	 * to improve compatibility with IE.
	 */
}

#container {
 	width: 758px;
	/* The width has to be 758px, because the university-supplied
	 * banner is 758x97.  An odd size, but one we're stuck with.
	 */
	margin-left: auto;
	margin-right: auto;
	/* These should center the div */
	background-image: url(../images/container_background.png);
	background-repeat: repeat-y;
	text-align: left;
	/* This "undoes" the needed 'text-align: center;' in the 
	 * body element. 
	 */
}

#header {
	position: relative;
	height: 97px;
	margin: 0;
	padding: 0;
	border-bottom: 6px solid #333333;
}

#header p {
	position: absolute;
	top: 30px;
	left: 230px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 30px; /* 2.5em = 40px */
	font-family: Arial, sans-serif;
	font-weight: bold;	
	text-align: left;
}

#header span#subheader {
    font-size: 18px;
	font-weight: normal;
	font-style: italic;
 	position: absolute;
    top: 52px;
	margin-top: -20px;
}

#menu {
	float: left;
	width: 190px;
 	margin: 0px;
	padding-left: 20px;
	color: #edeada;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
}

#menu ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 180%;
}

#menu a {
	text-decoration: none;
	color: inherit;
}

#menu a:hover {
	font-weight: bold;
}


#contentbox { 
	float: right;
	width: 528px;
	margin: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
	color: #333333;
	font-size: 14px;
	font-family: "Times New Roman", serif;
}

#content {
 	margin: 0px;
	padding: 0px;
}


h1, h2 {
    color: #993300;
	font-family: Verdana, Arial, sans-serif;
}

#menu h2 {color: #FFFFFF; }

/* #announcements h2 {
	width: 100%;
 	color: #f5f5eb;
	margin-left: -20px;
	padding-left: 20px;
	border-top: 1px	solid #edeada;
	font-size: 20px;
} */

#announcements {
 	display: none;
}

table.text td,th {
	padding: 10px;
}
table.text {
	margin-left: -10px;
}


table.schedule-choose  td {
	vertical-align: top;
	text-align: center;
}

table.instructors td {
	vertical-align: top;
	text-align: left;
}


table.documents td {
	vertical-align: top;
	text-align: left;
 position: relative;
 background-color: #93a7b3;
 color: #12252c;
 /* CSS3 standard */
}

table.documents td:first-child {
 width: 150px;
 background-color: #cc9898; 
 color: #4c0000;
 opacity: 1.0;
}

table.documents td:hover {
 opacity:1.0;
}

.print-only {
	display: none;
}

.formula {
	width: 100%;
	text-align: center;

}

#footer {
	clear: both;
	background-color: #12252c;
	color: #edeada;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

#footer a {
	text-decoration: none;
	color: inherit;
}

#footer a:hover {
	color: #ffffcc;
	text-decoration: underline;
}

a.startquiz {
	font-family: Verdana, Arial, sans-serif;
	font-size: larger;
	font-weight: bold;
	background-color: #c2c1ba;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

a.startquiz:hover {
	cursor: pointer;
}

/* This is all Wordpress stuff from here on... */ 

.narrowcolumn {
	float: left;
	padding-right: 15px;
	margin: 0px 0 0;
	width: 411px;
	min-height: 400px;
}


div#wordpress  h2 {
 	margin-bottom: 0px;
	padding-bottom: 0px;
}

div#wordpress  h2  a {
	text-decoration: none;
	color: inherit;
}

div.posttime {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	font-style: italic;
	margin-top: 0px;
}

div.entry {
/*	border-left: 5px solid #93a7b3; 
	padding-left: 5px; */
	padding-bottom: 2px; 
}

#sidebar {
	margin-top: 0px;
	padding: 0px;
	margin-left: 426px;
	width: 100px;
	border: 1px solid #12252c;
	display: none;
}

#sidebar ul {
	padding: 0;
	margin: 0;
 	list-style: none;
}

#sidebar li {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

#sidebar > ul > li {
	margin: 0px;
	padding: 0px;
}

#sidebar > ul > li > h2 {
	background-color: #993300;
	color: #ffffff;
	padding: 0px 0px 0px 3px;
	margin: 0px;
}



#sidebar ul#sidebar-links {
	display: none;
	padding: 0px 3px 0px 3px; /* t r b l */
}

#sidebar li:hover ul#sidebar-links {
	display: block;
}

.grades

{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 10px;
	text-align: left;
	border-collapse: collapse;
}

.grades td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
	border-bottom: 1px solid #e8edff;
}

.grades th
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

.grades tr:hover td,th
{
	color: #339;
	background: #eff2ff;
}


img.latex {vertical-align: middle;}