/* Style sheet for my Late Medieval course */

html, body {
font-size: 105%;
font-family: palatino linotype, garamond, serif;
margin: 0px;
padding: 0px;
background-color: #114422;
}

a {
text-decoration: none;
color: #116644;
font-family: verdana, sans-serif;
font-size: .9em;
}
a:hover {
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: .5ex;
color: #772222;
}

img {
border: 1px solid #000;
float: right;
margin-top: 0ex;
margin-left: 0em;
}

p, ul, ol {
line-height: 2.5ex;
margin-top: 0px;
}

tr {
vertical-align: top;
}

/* ======== HEADER/FOOTER ======== */
#header, #footer {
background-color: #99bb99;
padding-bottom: 1ex;
width: auto;
}
#header a, #footer a{
color: #115511;
font-size: .8em;
font-weight: bold;
}
#footer {
clear: both;
text-align: center;
}
/* ======== end header/footer ======== */

#topnav {
padding-left: 10%;
float: left;
}
#coursename {
text-align: right;
padding-right: 10%;
}

/* ======= MAIN CONTENT ======= */
#content {
font-size: 1em;
margin-left: 10%;
margin-right: 10%;
margin-top: 2ex;
margin-bottom: 2ex;
overflow: hidden;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 3%;
background-color: #f4f4d8;
border: 5px #88cc33;
border-top: ridge;
border-right: outset;
border-bottom: groove;
border-left: inset;
}
#content h1 {
font-size: 1.2em;
font-variant: small-caps;
letter-spacing: .2em;
text-transform: uppercase;
}
#content p {
line-height: 3.5ex;
}

/* -------- end content styles -------- */

table.graphic {
float: right;
margin: 1em;
}
td.caption {
font-family: sans-serif;
font-size: .75em;
text-align: center;
padding-left: 1em;
padding-right: 1em;
}

.audio {
border: 0;
padding-left: .1em;
padding-right: .2em;
display: inline;
float: none;
}


div#lecturenav {
font-size: .8em;
width: auto;
}
ul#navbuttons {
float: right;
list-style-type: none;
}
ul#navbuttons li {
display: inline;
}
#lecturetitle {
text-align: center;
margin-bottom: -1ex;
color: #116644;
}
#internalnav {
text-align: right;
font-size: .8em;
float: right;
width: auto;
}

/* ========= SPECIALTY STYLES ======== */

div.graphic {
	border: 1px solid #000;
	float: right;
	margin-left: 1em;
	width: auto;
}
/*div.graphic img {
	float: right;
	margin: 0;
}
*/
div.imgcaption {
	clear: right;
	font-family: sans-serif;
	font-size: .8em;
	padding: .2em;
	text-align: center;
	width: auto;
}