@charset "utf-8";
* { padding: 0; margin: 0; }
body, a, a:hover, table, tr, td, select, input, p, form, textarea, h1, h2, div, ul, li { color: Black; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; }
html, body { height: 100%; }
body { background-color: White; }
table { background-color: #F8F8FF; border: 1px solid Black; width: 99%; }
tr, th, td { padding: 3px; }
th { font-weight: bold; }
hr { width: 825px; border: 2px solid #006599; }
img { border: none; }
h1, h2, h3, h4 { margin: 10px; color: #4C2600; font-weight: bold; }
h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover { color: #4C2600; font-weight: bold; }
h1, h1 a, h1 a:hover { font-size: 18px; }
h2, h2 a, h2 a:hover { font-size: 16px; }
h3, h3 a, h3 a:hover { font-size: 14px; }
h4, h4 a, h4 a:hover { font-size: 12px; }
p { margin: 10px; display: block; }
div { border: none; }
code { border: 1px solid #525252; margin: 10px; padding: 6px; background-color: #FFFFFF; color: #525252; display: block; font-size: 11px; /*white-space: pre-wrap;*/ }
code a, code a:hover { font-size: 11px;}
blockquote { display: block; margin: 6px; padding: 8px; border: 1px solid #DCDCDC; color: #4C2600; }
ul, ol { margin-left: 30px; list-style: circle outside none; }
ul { list-style: circle outside none; }
ol { list-style: decimal outside none; }
li { margin: 5px; }
abbr { text-decoration: none; }
textarea, input, select { margin: 4px; padding: 2px; border: 1px solid Black; background-color: White; width: 560px; }
textarea { height: 300px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { margin-bottom: -2px; }
a.external, a.external:hover { color: #DC143C; }
a.internal, a.internal:hover { color: #004001; }
.button { background-color: #006599; font-weight: bold; }
#wrapper { width: 825px; margin-left: auto; margin-right: auto; background-color: inherit; }
#top, #bottom { width: 825px; height: 190px; background-color: #006599; color: White; }
#bottom { height: 85px; }
#yuganoichi { height: 150px; }
#tsuitaa { height: 36px; margin: 4px 50px; }
#top a, #bottom a { color: White; }
#top a:hover, #bottom a:hover { color: #000000; }
#tsuitaa span { margin: 1em; font-size: smaller; font-weight: bold; }
#tsuitaa img { float: left; margin-right: 1em; clear: none; }
#bottom img { margin: 5px; }
#bottom ul { list-style: none; width: 700px; display: block; float: left; }
#bottom li { display: inline; float: left; }
#bottom ul a { margin: 3px; }
#login input { width: 80px; }
/* Menu thingky */
#menuset { background-color: #006599; width: 825px; height: 18px; vertical-align: middle; }
#menuset a { font-size: 10px; font-weight: bold; text-decoration: none; height: 16px; width: 100%; vertical-align: middle; text-align: center; background-color: #006599; color: White; /*float: left; spoils opera and partly firefox*/ display: block; }
#menuset ul li a.tamasivu { background-color: #990017; }
#menuset ul li a:hover { background-color: White; color: #000000; font-size: 10px; font-weight: bold; text-decoration: none; }
#menuset ul { list-style: none; margin: 0; padding: 0; color: White; float: left; width: 100%; font-family: arial, helvetica, sans-serif; display: block; }
#menuset li { width: 101px; margin: 0px; padding: 0px; float: left; display: inline; border: 1px solid Black; position: relative; }
#menuset li li { margin-left: -1px; margin-top: 0px; }
#menuset ul ul { z-index: 70; visibility: hidden; left: -500em; display: none; position: absolute; top: auto; }
#menuset li:hover { cursor: pointer; z-index: 73; }
#menuset li:hover ul, #menuset a:hover ul { visibility: visible; left: 0; display: block; }
#google { width: 99%; text-align: center; margin-top: 4px; }
#swfcontainer { width: 100%; text-align: center; }
#content { background-color: White; display: block; }
.story { border: 1px solid #979797; /*padding: 6px;*/ margin-top: 10px; margin-bottom: 10px; display: block; clear: both; /*width: 99%;*/ }
.story div { border: none; vertical-align: top; display: block; }
.storyphoto { width: 210px; text-align: center; float: left; clear: left; }
.storyphoto a { margin: 2px; }
.storyphoto img { margin-top: 10px; z-index: 23; }
.storyteller { vertical-align: text-top; text-align: left; width: 606px; clear: right; float: left; position: relative; }
.left { text-align: left; }
.right { text-align: right; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.vtop { vertical-align: top; }
.vbottom { vertical-align: bottom; }
.w30 { width: 30px; }
.w50 { width: 50px; }
.w80 { width: 80px; }
.w140 { width: 140px; }
.w220 { width: 220px; }
.w410 { width: 410px; }
.w700 { width: 700px; }
.h70 { height: 70px; }
.h100 { height: 100px; }
.h200 { height: 200px; }
.h400 { height: 400px; }
/* Secondary menu */
.kakkos, .kakkos a { margin: 2px; padding: 3px; }
.kakkos { width: 700px; }
.kakkos img { width: 500px; margin: 2px; float: right; }
.kakkos ul { width: 140px; float: left; }
.kakkos li { list-style: none; }
.kakkos a { text-align: center; font-weight: bold; font-size: 10px; color: #FFFFFF; background-color: #006599; border: 1px solid #000000; width: 120px; display: block; }
.kakkos a:hover { text-decoration: none; font-size: 10px; color: #000000; background-color: #E2AA26; border: 1px solid #000000; }

.readmore { padding: 4px; border: 1px solid #006599; }
.readmore:hover { border: 1px solid #DC143C; }
.readmore a { line-height: 1.6em; background: url("../img/icons-blueish.png") no-repeat 0px -1020px; width: 100%; padding: 1px; padding-left: 21px; }


.attachment { border: 1px solid #D3D3D3; padding: 2px; }
.attachment a, .geo, .updated, .vimeo { background: transparent url("../img/icons-blueish.png") no-repeat 0px -340px; padding: 1px; padding-left: 21px; color: #004001; }
.attachment a.play { background: url("../img/icons-blueish.png") no-repeat 0px -1088px; }
.attachment a.bulb { background: url("../img/icons-blueish.png") no-repeat 0px -119px; }
.attachment a.document { background: url("../img/icons-blueish.png") no-repeat 0px -578px; }
.attachment a.skull { background: url("../img/icons-blueish.png") no-repeat  0px -17px; }
.attachment a.note { background: url("../img/icons-blueish.png") no-repeat 0px -663px; }
.attachment a.music { background: url("../img/icons-blueish.png") no-repeat 0px -442px; }
.attachment a.image { background: url("../img/icons-blueish.png") no-repeat 0px -136px; }
.attachment span { font-size: xx-small; }
.geo { background: transparent url("../img/icons-blueish.png") no-repeat 0px -289px; }
.vimeo { background: transparent url("../img/icons-blueish.png") no-repeat 0px -1292px; }
.updated { background: transparent url("../img/icons-blueish.png") no-repeat 0px -935px; }
.puzzlelink { color: #006599; text-align: center; background: url("../img/icons-blueish.png") no-repeat 0px -1275px; width: 100%; padding: 2px; padding-left: 21px; margin: 2px; }
.updated, .updated a, .published, .published a { color: #4C2600; }
.baseline a { width: 200px; }
.missing { color: #D72E2E; }
.entry-content img { float: right; margin: 4px; }
/* Flash embedding related when using full page */
#flashcontent { width: 100%; height: 100%; }
body.flash { height: 100%; overflow: hidden; background-color: #006599; color: White; }
body.flash a { color: White; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(../img/colorbox-loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/colorbox-controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}