@charset "utf-8";
/* CSS Document: generic stylesheet for CMW personal website */
* {
margin:0;
padding:0;
}

body {
font-family:"Book Antiqua",Georgia,Palatino,"Palatino Linotype",serif;
font-size:16px;
background:#999 url(../bg/Image16.gif);
color:#000;
}

h1, h2, h3 {
padding-top:0.7em;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.5em;
}

h3 {
font-size:1.1em;
}

img {
border:0;
}

#wrapper {
width:45em;
margin:1em auto;
padding-bottom:1em;
background-color:#ccc;
font-size:1.1em;
}

#header,
#navbar {
width:100%;
border-bottom:2px solid #000;
}

#header img {
width:100%;
}

#header h1,
#header p {
padding-left:30px;
}

#header p {
font-style:italic;
}

#navbar {
height:1.6em;
padding:0.25em 0 0.25em 0.2em;
}

#navbar ul,
#sidebar ul {
list-style-type:none;
}

#navbar li {
float:left;
width:14%;
text-align:center;
padding:0.25em 0;
font-size:1em;
}

#navbar li.selected {
background-color:#eee8aa;
}

#sidebar {
float:left;
display:inline;
width:9em;  /*if you change this, change left margin in #main */
color:#000;
}

#sidebar h1 {
text-align:center;
}

#sidebar ul {
margin:2em 12%;
text-align:center;
/*border:1px dotted #000;*/
}

#sidebar li {
width:12.8em;
height:1.6em;
text-align:center;
margin:5px;
padding-top:0.6em;
padding-bottom:0.3em;
font-size:1em;
border:1px solid #000;
}

#sidebar li.selected {
background-color:#eee8aa;
}

#sidebar img {
margin:0.4em 0 0.4em 3em;
width:40%;
}

#main {
margin:1em 1em 1em 9em;	/* set left margin to width of sidebar */
padding-right:2em;
}

#main p.update {
border:1px solid #000;
padding:1em;
}

#main p {
padding:0.5em 0.5em 0 2em;
font-size:0.9em;
color:#000;
}

#main p.cite {
font-style:italic;
font-size:0.9em;
padding-top:1em;
}

#main img {
padding:1.5em 0.5em 1.5em 2em;
}

#footer {
width:100%;
height:4em;
clear:both;
border-top:1px solid #000;
font-size:0.8em;
font-style:italic;
}
#footer p {
padding:0.5em 0.5em 0.5em 1.5em;
}

#footer img {
width:100%;
}

a {outline-style:none}
a:link {text-decoration: none; color:#000}
a:visited {text-decoration:none; color:#666}
a:hover {text-decoration: underline; color:#000}
a:active {text-decoration: underline overline; color:#000}