/*
Theme Name: Yolinna
Theme URI: https://www.linnavaanijat.com
Description: Yön linna vuonna 2009
Version: 1.5
Author: Roudari
Author URI: https://linnavaanijat.com
Tags: Linnavaanijat, Castlevania

*/


body {margin: 0; padding: 0; font-family: Trebuchet, 'Trebuchet MS', Helvetica, sans-serif; background: #111 url(images/bodybg.png) repeat-x}

hr {height: 1px; border-width: 0; margin: 0 15px; background-color: #333; color: #333}

/* Linkit */

a:link, a:visited {color: #cbc292; text-decoration: underline}
a:hover {color: #64896d; text-decoration: none}

/* Teksti */

p {font-size: 10pt; line-height: 14pt; color: #aaa}
p.kirjoittaja {text-align: right}
p.lomake2 {padding: 0; margin: 5px 0 -10px 0}
span.breadcrumb {padding: 0 5px}
span.cat-links {font-size: 9pt; color: #aaa}

/*Kuvat */

img {border: 0}
.kuva_vasen {float: left; padding: 10px 15px}			
.kuva_oikea {float: right; padding: 10px 15px}			
.kuva_keskella {padding: 5px; display: block; margin: 0 auto}
.kuva_uutinen {float: right; margin: 0 0 10px 5px; background: #333; padding: 1px}
.kuva_kansi {margin: 10px auto; float: right; width: 250px; text-align: center}
.logo {float: left}
.ban_kuva {float: right; padding: 0; margin: 0}
.kuva_k {float: left; padding: 0 5px 0 0}

/* Otsikot */
/* H1 */
h1 {font-size: 12pt; font-weigth: bold; color: #cbc292; padding: 1px 15px; margin: 0 0 10px 0; text-shadow: 2px 2px 2px #111; background: #222 url(images/h1.png) repeat-x}
/* H2 */
h2 {font-size: 12pt; clear: both; color: #cbc292; border-style: solid; border-width: 0 0 1px 0; border-color: #333; text-shadow: 2px 2px 2px #111; padding: 2px 0; margin: 0 15px}
h2 a, a:visited {text-decoration: none !important}
h2 a:hover {color: #64896d}
/* H3 */
h3 {font-size: 12pt; clear: both; color: #cbc292; border-style: solid; border-width: 0 0 1px 0; border-color: #333; padding: 5px 0; margin: 0 15px}
/* H4 */
h4 {font-size: 10pt; font-weigth: bold; color: #cecc9a; padding: 2px 0 6px 10px; margin: 0 0 -5px 0;}
.artik {background: transparent url(images/h4_artik.png) no-repeat}
.muu {background: transparent url(images/h4_muu.png) no-repeat}
.muu2 {background: transparent url(images/h4_muu2.png) no-repeat}
/* H5 */
h5 {font-size: 12pt; clear: both; padding: 5px; background: #292929; text-shadow: 5px 5px 5px #222; color: #cbc292; border-radius:5px; margin: 0 15px}
h5 a, a:visited {color: #cbc292!important; text-decoration: none !important}
h5 a:hover {color: #64896d}

/* Listat */

ol.lista {border-style: solid; border-width: 1px; border-color: #333; border-radius:5px; list-style-position: inside; padding: 10px; margin: 0 0 10px 0; font-size: 9pt; line-height: 13pt; background: #232323}
ul.lista {border-style: solid; border-width: 1px; border-color: #333; border-radius:5px; color: #aaa; list-style-position: inside; padding: 5px 10px 20px 10px; list-style-type: none; margin: 0 0 10px 0; font-size: 9pt; line-height: 13pt; background: #232323}
ul.lista li {padding: 3px 0; border-style: solid; border-width: 0 0 1px 0; border-color: #333}
ul.lista2 {list-style-position: inside; padding: 5px 10px; color: #aaa; overflow: auto; margin: 0}
ul.lista2 li {padding: 5px 10px; overflow: auto; margin: 0; font-size: 9pt; line-height: 13pt}
ul.lista3 {list-style-position: inside; list-style-type: none; padding: 5px 10px; overflow: auto; margin: 0}
ul.lista3 li {padding: 5px 10px; overflow: auto; color: #aaa; margin: 0; font-size: 9pt; line-height: 13pt}
ul.lista4 {list-style-position: inside; list-style-type: none; padding: 5px 10px; margin: 0}
ul.lista4 li {padding: 5px 10px; color: #aaa; margin: 0; font-size: 9pt; line-height: 13pt}

ul.arvosana {border-style: solid; border-width: 1px; border-color: #333; border-radius:5px; list-style-position: inside; height: 70px; list-style-type: none; padding: 5px 10px 20px 10px; margin: 0 0 10px 0; background: #232323}
ul.arvosana li {text-align: center; padding: 0 5px; margin: 0; font-size: 9pt; line-height: 13pt}
ul.arvosana img {padding: 10px 0; margin: 0}

ul.pelilista {list-style-position: inside; padding: 5px 10px 20px 10px; list-style-type: none; overflow: auto; margin: 0 5px; background: 232323}
ul.pelilista li {list-style-position: inside; padding: 0; margin: 0 10px; display: inline;}

ul.artikkeli {border-style: solid; border-width: 1px; border-color: #333; border-radius:5px; list-style-position: inside; padding: 10px; list-style-type: none; overflow: auto; margin: 0 0 10px 0; font-size: 9pt; line-height: 13pt; background: #232323}

ul.tiedot {color: #cbc292; font-size: 9pt; width: 400px; list-style-type: none; padding: 10px 0 0 0; margin: 10px 5px 0 0}
ul.tiedot li {border-style: dotted; border-width: 0 0 1px 0; border-color: #555; padding: 3px 0}

ul.linkit {font-size: 7.5pt; color: #222; text-transform: uppercase; clear: left; padding: 20px 0 0 0; margin: 0}
ul.linkit li {display: inline; padding: 4px 10px; margin: 0; border-style: solid; border-width: 1px; border-color: #333; border-radius:5px; background: #222}
ul.linkit a {text-decoration: none}


/* Pöytä */

table.pelimenu td {margin: 0; padding: 5px 0}
table.pelimenu a:hover {background: url(images/hover.png) 0% 0% repeat-x}

table.arviopoyta {margin: 0 auto; padding: 0; width: 640px; font-size: 9pt; line-height: 13pt}
tr.arvosanaotsikko td {margin: 0 auto; padding: 2px 5px; color: #cbc292; border-style: solid; border-width: 1px; border-color: #404040; background: #3a3a3a}
td.tahdet {width: 85px}
tr.arvosanajuttu td {margin: 0 auto; padding: 2px 5px; color: #aaa; border-style: solid; border-width: 1px; border-color: #404040; background: #303030}

/* Divit */

div#tausta {width: 980px; padding: 0; margin: 0 auto; background: transparent}
div#logo {width: 980px; height: 120px; margin: 0 auto}
div#lv09 {width: 980px; padding: 0; margin: 0 auto}

div#hedari {padding: 0; margin: 0 auto 10px auto; background: transparent}

/* Menu */

div#subnav {border-radius:5px; font: bold 9pt Trebuchet, 'Trebuchet MS', Helvetica, sans-serif; width: 980px; padding: 0; height: 25px; padding: 5px 0; letter-spacing: 1px; background: #1d1d1d url(images/hedaribg.png) repeat-x; margin: 0 auto}
div#subnav a:hover {color: #64896d}

#menu ul {text-shadow: 2px 2px 2px #111; padding: 0; margin: 0; list-style: none; float: left}
#menu a {padding: 10px; color: #cecc9a; margin: 5px 0 0 0; text-decoration: none}

#menu li {float: left; display: inline; padding: 0; margin: 5px 2px; position: relative}
#menu ul ul {border-radius:5px; position: absolute; /* for IE */ filter:alpha(opacity=95); opacity:0.95; border-style: solid; border-width: 1px; border-color: #333; background: #212121; padding: 0; margin: 5px 0; z-index: 500}

div#menu ul ul li a:hover {padding: 10px; margin: 0; color: #64896d; background: #212121; background: url(images/hover.gif) 0% 50% no-repeat}
div#menu ul ul li { padding: 5px 0; letter-spacing: 0px; white-space:nowrap; margin: 0}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul {display: none}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul li:hover ul {display: block}

div#alanav {font-size: 8pt; color: #999; width: 979px; height: 25px; margin: 10px auto 0 auto; padding: 10px 0 0 0; border-style: solid; border-width: 1px; border-color: #333; border-radius:5px; background: #222}

/* Muu roina */

div#sivu {float: right; color: #aaa; padding: 0; margin: 0; width: 250px}
div#sivu a:link, div#sivu a:visited {color: #cbc292; text-decoration: none}
div#sivu a:hover {color: #64896d; text-decoration: underline}

div#vasen {margin: 0; overflow: auto; width: 730px; padding: 0}
div#teksti {margin: 0 10px 5px 0; overflow: auto; position: relative; z-index: 0; border-style: solid; border-width: 1px; border-color: #333; border-radius:5px; background: #222}
div#teksti p {padding: 0 15px 10px 15px}

.aika {font-size: 8pt; text-align: center; float: right; color: #888; padding: 5px 15px; margin: -30px 15px 10px 0}
.aika2 {font-size: 8pt; text-align: right; color: #888; padding: 5px 0; margin: -25px 10px 10px 10px}
.metadata {font-size: 8pt; color: #999; padding: 5px 0; clear: both; margin: 5px 0 20px 15px}

dd.gallery-caption {font-size: 10pt; color: #aaa}
.gallery-item {float: left}
.gallery {margin: 0 auto 1.625em;}
.format-gallery .gallery-thumb {float: left; display: block; margin: .375em 1.625em 0 0;}
.gallery-columns-4 .gallery-item {width: 23%; padding-left: 2%;}
.gallery-columns-4 .gallery-item img {width: 95%; height: auto;}

div.sendaus {float: left; margin: 7px 0 0 15px}
div.fbsendaus {float: left; margin: 7px 0 0 8px}
div.uutisauthor {float: right; text-align: right; padding: 0; margin: 0 15px; color: #888}
div.uutisinfo {clear: both; width: 690px; height: 35px; font-size: 8pt; font-style: italic; padding: 5px 0; margin: 10px auto; background: #1e1e1e}


/* Pääuutinen */

#scrollup {position: relative; top: 0; left: 0; overflow: hidden; height: 300px; width: 700px; margin: 0 0 15px 0;}
div.headline {position: absolute; top: 310px; left: 15px; height: 300px; width: 690px;}

div.background {width: 700px; height: 300px; overflow: hidden; margin: 10px auto}
div.background img {position: relative; left: 0px; top: 0px; z-index: 0}
div.uutisbox {width: 700px; height: 80px; position: absolute; z-index: 0; top: 230px; left: 9px; padding: 0; margin: 0; background-color: #111; /* for IE */ filter: alpha(opacity=80);  /* CSS3 standard */ opacity:0.8;}
div.uutisbox span {font-size: 16pt; font-weight: bold; text-shadow: 3px 3px 3px #000; padding: 0; margin: 0 15px; color: #aaa}
div.uutisbox p {margin: 5px 0; color: #ccc}
div.uutisbox a {color: #cbc292; text-decoration: none}
div.uutisbox a:hover {color: #64896d;}
/* Footer */

div#loppu {width: 970px; clear: both; margin: 10px auto; font-size: 8pt; color: #444; padding: 5px; border-style: solid; border-width: 1px 0 0 0; border-color: #222}

div.data {display: inline-block; display:-moz-inline-stack; zoom:1; *display:inline; width: 210px}
div.data2 {display: inline-block; display:-moz-inline-stack; zoom:1; *display:inline; width: 150px}

div.tieto {margin: 0 auto; height: 230px; width: 690px}
div.tieto2 {margin: 0 auto; height: 175px; width: 690px}

div.kirjoittaja {font-size: 9pt; line-height: 14pt; color: #aaa; margin: 0 5px 0 0; text-align: right;  padding: 0; overflow: auto}
div.kirjoittaja img {margin: 0; padding: 5px; float: right;}

div.kirjoittaja2 {padding: 5px 0; margin: 0 0 5px 0; float: left; width: 100%;}
div.kirjoittaja2 img {padding: 0 10px 0 0; float: left; overflow: auto}

div#haku {float: right; margin: -4px 0 0 0; padding: 0}
.nappi {margin: 0 5px; height: 15px; width: 17px; border: none; background: transparent url(http://www.linnavaanijat.com/img/nappi.gif) no-repeat 50% 100%; overflow: hidden}
.lomake {height: 20px; color: #ccc; border: 1px solid #333; background: #111}
.lomake3 {color: #ccc; border: 1px solid #333; background: #111}

div.center {text-align: center; margin: 0 auto}

/* Kommentit */

ol.commentlist {list-style-type: none; color: #aaa; padding: 0; margin: 0 10px;}
li.comment {font-size: 9pt; list-style-type: none; width: 98%; border-style: solid; border-width: 0 0 0 1px; border-color: #444; padding: 0 5px 5px 5px; margin: 5px 0; background: #2b2b2b}
div.comment-author {font-size: 9pt; padding: 5px 0 0 0; margin: 5px 0 0 0}
div.commentmetadata {font-size: 9pt; padding: 0; margin: 0 0 5px 0}
div.reply {text-align: right}

div.sivutus {font: 9pt Trebuchet, 'Trebuchet MS', Helvetica, sans-serif; margin: 0 auto; background: #393939; padding: 5px; text-align: center}