@charset "utf-8";

body{
font-family: Calibri, Helvetica, sans-serif;
background-color: #fff;
margin: 0;
font-size: small;
color: #222;
}
h1{
position: absolute;
top: 0;
left: 10px;
right: 10px;
overflow: auto;
border: solid #ddd;
border-width: 0 0 1px 0;
font-size: xx-large;
font-family: Times, "Times New Roman", Georgia, serif;
padding: 10px 0;
white-space: nowrap;
margin: 0;
}
#content{
position: absolute;
top: 5.4em;
right: 10px;
bottom: 10px;
left: 190px;
overflow: auto;
padding: 0 10px 0 0;
}
ul#menu{
position: absolute;
top: 5.4em;
left: 10px;
bottom: 10px;
width: 160px;
overflow: auto;
list-style-type: none;
padding: 0 10px 0 0;
margin: 0;
}

/* ----- H1 ----- */

h1 a{
color: #aaa;
}
h1 a:hover, h1 a:active{
text-decoration: none;
}
h1 a#jbd:hover{
color: #04c;
}
h1 a#jbd:active{
color: #27e;
}
h1 a#page{
color: #222;
font-weight: bold;
}
h1 a:hover, h1 a#page:hover{
color: #c00;
}
h1 a:active, h1 a#page:active{
color: #f00;
}
h1 span#date{
font-weight: normal;
}

/* ----- LINKS ----- */

a{
color: #f00;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
a:active{
color: #f66;
text-decoration: underline;
}

/* ----- CONTENT ----- */

.text:first-child > *:first-child {
margin-top: 0;
}
.text{
line-height: 1.5;
text-align: left;
}
.text > * {
padding: 0;
margin: 8px auto;
width: 482px;
}
.text h2{
margin-top: 20px;
}
.text > ul {
padding-left: 0;
}
.journal > .text{
border: solid 1px #ddd;
padding: 3px 10px;
width: 482px;
margin: 16px auto;
}
.journal > .text > *{
width: auto;
}
.journal > .text.intro{
border: 0;
padding: 0;
width: auto;
margin: 0;
}
.journal > .text.intro > *{
width: 482px;
}
.journal > .text.intro:first-child > *:first-child {
margin-top: 0;
}
.journal > img{
display: none;
width: auto;
border: 0;
margin: 16px auto;
}
.sketch{
color: #888;
}
.note{
color: #888;
}
.journal *[title]{
border: solid #ddd;
border-width: 0 0 1px 0;
}
.journal .heading{
font-weight: bold;
}
.large{
font-size: x-large;
text-align: center;
}
.journal > img#gpop{
position: fixed;
padding: 0;
top: 0;
left: 0;
border: solid #000;
border-width: 8px;
margin: 0;
display: none;
overflow: auto;
z-index: 4;
}
p#gtext{
position: fixed;
top: 0;
right: 0;
padding: 4px;
z-index: 6;
display: none;
margin: 0;
background: #000;
color: #fff;
font-weight: bold;
border: solid #f00;
border-width: 0 0 0px 0px;
}
p#gtext a{
color: #fff;
}
p#gtext a:active{
color: #eee;
}
#recep{
position: fixed;
right: 0;
bottom: 0;
padding: 4px;
background: #000;
z-index: 5;
overflow: auto;
opacity: .7;
color: #fff;
text-align: right;
font-weight: bold;
}

p.notice{
color: #888;
}
p.notice a{
color: #f33;
}

.picture{
margin: 20px 0;
line-height: 1.5;
}
.picture img{
display: block;
margin: 0 auto 4px auto;
border: solid 1px #eee;
}
.picture > p{
text-align: center;
width: 482px;
padding: 0;
margin: 4px auto 0 auto;
}
.report .picture > p{
font-size: small;
font-family: Calibri, Helvetica, Verdana, sans-serif;
}

#reporttitle{
border: solid #ddd;
border-width: 1px 0;
padding: 7px 0;
margin: 7px auto;
}
#reporttitle h2, #reporttitle p{
padding: 0;
margin: 0;
}
#reporttitle h3{
font-size: small;
padding: 0 0 8px 0;
margin: 0;
}

/* ----- NAV ----- */

ul#menu>li{
font-size: small;
font-family: Calibri, Helvetica, Verdana, sans-serif;
line-height: 1.1em;
}
ul#menu ul, ul#menu li{
margin: 0;
padding: 0;
list-style-type: none;
}
ul#menu>li{
border: solid #ddd;
border-width: 1px 0 0 0;
font-weight: bold;
padding: 3px 0 4px 0;
}
ul#menu>li:first-child{
margin-top: 0;
border: 0;
padding-top: 0;
}
ul#menu>li#sub a, ul#menu>li#flanks a, ul#menu>li#notice a{
font-weight: bold;
}
ul#menu>li#sub, ul#menu>li#flanks{
font-weight: normal;
}
/*ul#menu>li#sub{
min-height: 3.3em;
}*/
ul#menu>li#search{
font-weight: normal;
margin: 0;
padding-bottom: 5px;
}
ul#menu>li#search li:first-child{
margin: 0 0 3px 0;
}
ul#menu>li form{
padding: 0;
margin: 0;
}
ul#menu>li input{
height: 12px;
border: solid 1px #bbb;
background: none;
margin: 0;
font: inherit;
font-weight: normal;
width: 90px;
padding: 2px;
}
ul#menu>li input[type="submit"]{
margin-left: 5px;
height: 19px;
width: 19px;
border: 0;
font-weight: bold;
}
ul#menu>li input[type="submit"]:hover{
//background: #eee;
color: #c00;
}
ul#menu>li input[type="submit"]:active{
//background: #ddd;
color: #f00;
}
ul#menu>li#notice{
font-weight: normal;
//margin-bottom: 16px;
//border-width: 1px 0;
padding-bottom: 10px;
}
ul#menu>li#home{
border-width: 3px 0 0 0;
border-style: double;
//padding-top: 5px;
padding-top: 10px;
//margin-top: 10px;
}

ul#menu a, ul#menu>li>ul a, ul#menu>li>ul>li>ul a{
color: #222;
padding: 0;
}  /*for some reason, Safari seems to be counting only a's that are grandchildren of the ul...*/
ul#menu a:hover, ul#menu>li>ul a:hover, ul#menu>li>ul>li>ul a:hover{
text-decoration: underline;
}
ul#menu a:active, ul#menu>li>ul a:active, ul#menu>li>ul>li>ul a:active{
color: #f00;
text-decoration: underline;
}
ul#menu a.here, ul#menu>li>ul a.here, ul#menu>li>ul>li>ul a.here, #home a.here{
color: #f00;
}
ul#menu a.here:active, ul#menu>li>ul a.here:active, ul#menu>li>ul>li>ul a.here:active, #home a.here:active{
color: #f66;
}
ul#menu>li>ul>li{
font-weight: normal;
}
ul#menu>li#gallery>ul>li{
font-weight: bold;
margin-top: 3px;
}
ul#menu>li#gallery>ul>li>ul>li{
font-weight: normal;
}

/* ----- TABLE FOR GALLERY & INDEX ----- */

table{
border: solid 1px #ddd;
margin: 8px;
}
td:first-child{
text-align: right;
}
caption{
text-align: left;
font-size: medium;
font-weight: bold;
padding-top: 5px;
margin: 0 auto;
}
table:first-child caption{
padding-top: 0;
}
td a{
font-weight: bold;
}

table#index{
margin: 0 auto;
padding: 0;
border-collapse: collapse;
border: 0;
}
table#index td:first-child{
text-align: left;
width: 192px;
font-size: large;
font-weight: bold;
}
table#index td{
padding: 8px 0;
vertical-align: top;
}

/* ----- MISC ----- */

img{
border: 0;
}
h2{
color: #f00;
}