body {margin: 0; padding: 0; background: #fff; color: #444; font: 80% georgia, serif;}
* html body {font-size: 70%;}
/*
colors
dark blue: #16224b
medium blue: #8892b4
light blue: #d0d3de
light orange: #e7d5c5
dark orange: #b05d14
link blue: #003880
lines: #d8dbe6
darker lines / text boxes: #bbbeca
text: #555
*/

a[href="#"], a[href=""] {border-bottom: 3px solid red;}

a {color: #003880; outline: none; text-decoration: none;}
a:visited {color: #60537f;}
a:hover {color: #b05d14; text-decoration: underline;}
.hilight {background-color: yellow !important;}

img {border: 0;}
ul, ul li {list-style: none; padding: 0; margin: 0;}
ul {list-style: circle outside; padding-left: 20px; font-size: 90%;}
ul li {list-style: circle outside; padding: 0; margin: 0 0 3px; background: none;}
form {margin: 0; padding: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
input, select {font-size: 100%; font-family: georgia, serif; color: #343434; border: 1px solid #bbbeca;}
table {border: 0; border-collapse: collapse; border-spacing: 0; border: 1px solid #d8dbe6; border-width: 1px 0; margin-bottom: 16px;}
table td {vertical-align: top; padding: 2px 8px; text-align: right;}
th {border-bottom: 3px double #d8dbe6; color: #16224b; padding: 2px 8px;}
p {margin: 0 0 12px;}
blockquote {padding-left: 12px; border-left: 1px solid #8892b4; margin: 0 12px 12px;}
h1 {color: #16224b; margin: 0 0 12px; font: 270% garamond,georgia,serif; line-height: 1;}
h1 span {display: block; color: #555; font-size: 70%;}
h2 {margin: 20px 0 8px; font: 150%/120% georgia,serif;}
h2 span {display: block; font-size: 80%;}
h3 {margin: 20px 0 4px; font: 120%/120% georgia,serif;}
hr {border: 1px solid #bbbeca; border-width: 1px 0 0; width: 20%; margin: 16px 0; height: 1px;}
.clear {clear: both;}

#wrapper {width: 752px; margin: 12px auto; position: relative;}
#logo {display: block; margin: 0 14px 14px; width: 400px;}
#logo img {display: block;}

#nav {height: 27px; background: #eeeff3; border: 1px solid #d3d8e4; border-width: 1px 0; padding: 5px 22px 0 14px; margin: 0 0 12px;}
#nav .main {font-weight: bold; font-size: 120%;}
#nav ul, #nav ul li {margin: 0; padding: 0; list-style: none; position: relative;}
#nav ul li {float: right; clear: right; margin-top: -3px; position: relative;}
#nav ul li a {display: block; margin-bottom: 4px;}
#nav ul li.main {float: left; margin-top: 0;}
#nav li.main a {color: #003880; float: left; padding: 6px 8px 6px; margin: 0 4px 0 0; position: relative;}
#nav li.main a:hover, #nav li.main:hover a {background: #fff url(../timeline/img/nav-tab-l.gif) no-repeat; text-decoration: none; color: #b05d14}
#timeline #nav #n-timeline a, #about #nav #n-about a, #theme #nav #n-theme a {background: #fff url(../timeline/img/nav-tab-l.gif) no-repeat; text-decoration: none; color: #003880 !important;}
* html #nav li a span {right: -1px;}
#nav li a span {position: absolute; top: 0; right: 0; width: 9px; height: 9px;}
#nav li a:hover span, #nav li.hover a span, #timeline #nav #n-timeline a span, #about #nav #n-about a span, #theme #nav #n-theme a span {background: url(../timeline/img/nav-tab-r.gif) no-repeat;}

#content {position: relative; overflow: visible; line-height: 1.5; margin-bottom: 8px; padding: 0 17px 0 14px;}
#content a {text-decoration: underline;}
* html #content {height: 500px; overflow: visible;}

#entries h3 {border-bottom: 1px solid #d8dbe6; text-align: right;}
.entry {overflow: auto; clear: both;}
.entrybody .imgwrap {width: 202px; padding: 4px; background: #f0f1f4; border: 1px solid #d8dbe6; font-size: 85%; color: #888; float: left; margin: 0 12px 4px 0;}
.entrybody .photopop {text-decoration: none !important; color: #60537f;}
.entrybody .photopop:hover {text-decoration: underline !important;}
.entrybody .r {float: right !important; margin: 0 0 4px 12px;}
.entrybody img {width: 200px; height: auto; border: 1px solid #d8dbe6; float: none !important;}

#timelinenav {background: #f0f1f4 url(../timeline/img/timeline-or.gif) 487px 10px no-repeat; border: 1px solid #d8dbe6; padding: 0; font-size: 130%; height: 420px; margin: 0 auto; line-height: 1.3;}
#timelinenav li {margin: 0 0 4px;}
#timelinenav a {display: block; text-decoration: none; color: #003880;}
#timelinenav a:visited {color: #60537f;}
#timelinenav a:hover, #timelinenav a.current {color: #b05d14 !important;}
#timelinenav li a:hover, #timelinenav li a.current {background: #fff;}
#timelinenav ul, #timelinenav ul li {list-style: none; padding: 0;}
#eranav {width: 460px; float: left; padding: 0 20px 10px;}
#eranav ul {margin-bottom: 8px; overflow: auto;}
#eranav li {display: inline;}
#eranav li a {width: 100px; text-align: center; float: left; margin: 0 4px 6px 0; padding: 4px; white-space: nowrap;}
#eranav li a:visited {color: #60537f;}
#eranav li a:hover, #eranav li a.current {background: #fff; color: #b05d14 !important;}
#timelinenav .prevnext {margin: 0; font-size: 80%;}
#categorynav {width: 180px; height: 410px; overflow: auto; float: right; padding: 0 20px 10px 10px;}
#categorynav h3 {padding: 0 8px;}
* html #categorynav li {margin-bottom: -8px;}
#categorynav li a {padding: 0 8px 0 1.6em; text-indent: -1em;}
#timelinenav .prevnext {border-width: 3px 0 0; background: none;}

#themenav {background: #f0f1f4; border: 1px solid #d8dbe6; padding: 0; margin: 0 auto; line-height: 1.3; float: left; width: 180px;}
#themenav li {margin: 0 0 4px;}
#themenav a {display: block; text-decoration: none; color: #003880; padding: 0 8px 0 1.6em; text-indent: -1em;}}
#themenav a:visited {color: #60537f;}
#themenav a:hover, #themenav a.current {color: #b05d14 !important;}
#themenav li a:hover, #themenav li a.current {background: #fff;}
#themenav ul, #themenav ul li {list-style: none; padding: 0;}

#theme #entries {float: right; width: 520px;}

.prevnext {clear: both; overflow: auto; height: 27px; background: #eeeff3; border: 1px solid #d3d8e4; border-width: 1px 0; padding: 5px 22px 0 14px; margin: 30px 0 0;}
.prevnext a {text-decoration: none !important;}
.prevnext a:hover {text-decoration: underline !important;}
.prev {float: left;}
.next {float: right;}

.smaller {font-size: 85%; margin: -8px 0 12px; color: #888;}
.smaller a {color: #888; white-space: nowrap;}
.smaller a:visited {color: #a499c0;}
.smaller a:hover {color: #b05d14;}
.smaller img {vertical-align: middle; margin: 0 2px;}

/* tnav */
#tnav {position: absolute; top: 0; right: 0; width: 240px;}
* html #tnav {width: 240px;}
#tnav li {display: inline;}
#tnav #search-text {width: 160px;}
#tnav input {float: left;}

#footer {clear: both; text-align: right; padding: 8px 0; font-size: 90%; border-top: 1px solid #d8dbe6; line-height: 1.5;}