body
{
font-size: 15px;
background: #eeeeee;
padding: 0px;
margin: 0px;
font-family: arial, sans-serif; 
background-image: url(wilberhuge.png);
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;
}

div#logo
{
z-index: 2;
position: fixed;
top: 0px;
left: 0px;
}

#vasen
{
background: url(logo.png) no-repeat 0px 0px;
z-index: 2;
position: fixed;
height: 100%;
width: 160px;
overflow: hidden;
}

#valikko
{
margin-top: 155px;
background-image: url(valikko.png);
background-repeat: repeat-y;
background-position: 112px 0px;
width: 132px;
}

.valinta
{
text-align: right;
padding-right: 25px;
padding-top: 5px;
width: 95px;
height: 35px;
background-image: url(linkkitausta.png);
background-repeat: no-repeat;
background-position: 20px 7px;
font-size: 18px;
}


#tilarivi
{
position: absolute;
z-index: 1;
top: 0px;
right: 0px;
left: 0px;
background-image: url(pikkuvalikko.png);
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 12px;
letter-spacing: 0.5px;
}

#perusinfo
{
color: #aaaaaa;
float: left;
margin-left: 145px;
}

#pikkuvalikko
{
margin: 0px;
float: right;
}

.pikkuvalinta
{
display: inline;
padding-left: 0;
padding-right: 2px;
border-right: 1px solid #dddddd;
}


#copyright
{
position: absolute;
left: 0px;
bottom: -32px;
width: 130px;
height: 57px;
background: url(copyright.png);
font-size: 16px;
}

#copyright:hover
{
bottom: 0px;
}

#sisalto
{
position: absolute;
margin-left: 150px;
letter-spacing: 1px;
margin-right: 10px;
min-width: 100px;
max-width: 1050px;
top: 39px;
padding-right: 8px;
border-right: 8px dotted #ccc;
/*overflow: auto;*/
}

#sisalto>p
{
width: 90%;
text-align: justify;
border-left: 2px solid #D0D0D0;
padding-left: 5px;
margin-left: 45px;
background: url(nelio.gif) no-repeat 5px 8px;
text-indent: 10px;
}

#sisalto>p>img
{
display: block;
margin-top: 20px;
margin-bottom: 20px;
}

span.polku
{
display: block;
margin: 10px 0px 10px 30px;
}

span.polku img
{
margin-left: 3px;
margin-right: 3px;
}

span.toissijainen
{
display: block;
margin-top: 15px;
}

span.signeeraus
{
display: block;
padding-left: 15px;
background: url(nelio.gif) no-repeat 5px 8px;
margin-left: 60%;
margin-top: 10px;
font-style: italic;
}

#sisalto>p:hover
{
border-color: #db0019;
}


h1
{
height: 70px;
width: 400px;
margin-left: 5%;
padding-left: 130px;
background-image: url(http://www.gimp-suomi.org/otsikkotausta.png);
background-repeat: no-repeat;
background-position: 80px 30px;
letter-spacing: 15px;
font-weight: 100;
font-size: 50px;
color: #303030;
}

#sisalto>h2
{
color: #db0019;
margin-left: 5px;
}
#sisalto>h3
{
color: #db0019;
margin-left: 10px;
}
#sisalto>h4
{
color: #db0019;
margin-left: 30px;
}
#sisalto>h5
{
color: #db0019;
margin-left: 8%;
}
#sisalto>h6
{
color: #db0019;
margin-left: 100px;
font-weight: bold;
}
#sisalto>h3.ladattava
{
color: #000;
margin-left: 90px;
width: 300px;
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: #db0019;
}

img.ladattavakuva
{
display: block;
}

a:link
{
color: #db0019;
text-decoration: none;
}
a:visited
{
color: #db0019;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

/* phpbb fix */
#wrap
{
position: relative;
top: 60px;
margin-left: 40px;
font-size: 65%;
width: 90%;
font-family: Arial;
letter-spacing: 0.2px;
}

#uudetkuvat
{	
	width: 440px;
	background-image: url(uudetkuvat.png);
	background-repeat: repeat-x;
	height: 129px;
	margin-left: 10%;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-left: 5px;
	border-width: 0px 5px 0px 5px;
	border-color: #999999;
	border-style: solid;
}

.uusinkuva
{
	margin: 0px 1px 0px 0px;
	width: 105px;
	height: 100px;
	float: left;
	text-align: center;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #db0019;
}

#keskustelussa, #opissa
{
	width: 440px;
	padding-left: 5px;
	margin-left: 10%;
	margin-right: 20px;
	border-width: 0px 5px 0px 5px;
	border-color: #999999;
	border-style: solid;
}

#pikkuvalikko 
{
font-size: 15px;
}

input.galleria
{
display: block;
}

.valinta a, .valinta a:visited, .valinta a:hover
{
font-weight: normal;
text-decoration: none;
color: black;
}

.valinta a:active
{
color: #db0019;
}

.valinta:hover
{
background-image: url(linkkitausta.gif);
}

.valinta:active
{
background-image: url(linkkitaustah.png);
}

.tilastoa
{
width: 250px;
float: left;
}

.tilastoa h3
{
color: #db0019;
}

.tilastokappale
{
margin-left: 15px;
padding-left: 15px;
border-left: 2px solid #D0D0D0;
}

.tableh1 a 
{
	color: #FFFFFF;
}

#inforuutu
{
float: right;
position: relative;
width: 200px;
border: 1px solid #db0019;
background-color: #ccc;
}

#inforuutu.ylaviisteet
{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
height: 25px;
}

#inforuutu.alaviisteet
{
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
height: 25px;
}

#galleria 
{
	font-family: Arial;
	letter-spacing: 0.2px;
}

.kulma_yv 
{
	background: url(kulma_yv.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	float: left;
}

.kulma_yo 
{
	background: url(kulma_yo.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	float: none;
}

.palkki_v 
{
	background: url(palkki_v.gif);
	width: 100%;
	max-width: 100px;
	height: 10px;
	background-repeat: repeat-x;
	float: left;
}

.palkki_p 
{
	background: url(palkki_p.gif);
	width: 10px;
	height: 100px;
	max-height: 100px;
	background-repeat: repeat-y;

}

#oppaissa 
{
	width: 440px;
	padding-left: 5px;
	margin-left: 10%;
	margin-right: 20px;
	border-width: 0px 5px 0px 5px;
	border-color: #999999;
	border-style: solid;
}

.oppaan_lisays 
{
    max-width: 700px;
    margin-left: 130px;
}

#kommenttiloota 
{
    max-width: 700px;
    margin-left: 130px;
}

.kentat input 
{
    width: 300px;
}

.opas-wrap
{
    margin-left: 80px;
    max-width: 1000px; 
    padding: 2px;
    border-style: groove;
    border-width: 2px;
    border-color: #d6d6d6;
}

.opas
{
    border-style: solid;
    border-width: 1px;
    border-color: #d6d6d6;
    padding: 10px;
}

.opas-teksti
{
    margin-top: 20px;
}

.opas h3 
{
    padding-left: 30px;
    background-image: url(/NEW-GS/oppaat/qubes.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.opas img
{
border: 1px groove #d6d6d6;
margin: 3px;
}

.kuva 
{
    color: #333;
    font-size: 10pt;
    padding-left: 20px;
}

.kuva img 
{
    display: block;
    margin-bottom: 5px;
}

h1 
{
    min-width: 400px;
    width: auto;
}

.paneeli 
{
    margin-right: 10px;
    color: black;
    border-style: groove;
    border-width: 0 0 2px 0;
    border-color: #d6d6d6;
    padding: 6px 5px 2px 5px;
    width: 200px;
	background: none;
	font-size: 13px;
}

.paneeli-toinen-rivi {
    margin-left: 50px;
    margin-right: 50px;
    color: black;
    border-style: groove;
    border-width: 2px;
    border-color: #d6d6d6;
    padding: 5px 5px 2px 5px;
    width: auto;
    background-color: #e7e7e7;
}

.oikea-kulma {
    border-style: groove;
    border-width: 0 0 2px 2px;
    border-color: #9b9b9b;
}

.vasen-kulma {
    border-style: groove;
    border-width: 0 2px 3px 0;
    border-color: #9b9b9b;
}

#kommentit
{
    margin-left: 130px;
    margin-top: 14px;
    max-width: 700px;
}

#kommentit p
{
    color: black;
    border-style: groove;
    border-width: 2px;
    border-color: #d6d6d6;
    padding: 5px 5px 2px 5px;
    margin-top: -14px;
    width: 100%;
    background-color: #fff;
}

#kommentit p.yllapitaja
{
    border-color: #db0019;
}

span.viestitiedot
{
    font-size: 8pt;
    display: block;
    margin: -5px 0px 0px -5px;
    color: #444;
}

span.toiminnot
{
    float: right;
    font-size: 8pt;
    font-weight: bold;
    margin-top: -5px;
}

span.toiminnot a
{
    text-decoration: none;
}

.kenttawrap
{
    width: 300px;
    text-align: right;
}

.info-boksi
{
    max-width: 350px;
    min-height: 50px;
    margin: auto;
    border: 1px solid #db0019;
    padding: 10px;
    background-color: #ffffff;
    text-align: center;
    font-weight: bold;
}

.bbcode-buttons a
{
    text-decoration: none;
    font-size: 1em;
    width: auto !important;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #000;
    background: #FAFAFA none repeat-x top;
    border: 1px solid #666666;
}

.bbcode-buttons a:hover
{
    border: 1px solid #BCBCBC;
    background-position: 0 100%;
    color: #BCBCBC;
}

.loota-wrap
{
	margin-left: 25px;
	min-width: 565px;
	border: none;
    padding: 2px;
    margin-top: 20px;
}

.loota-wrap .paneeli 
{
	width: auto;
}

.loota-wrap h4
{
    text-align: center;
    margin-top: -1px;
    margin-bottom: 2px;
}

.sivunumerot 
{
    margin-left: 130px;
    margin-top: 10px;
    margin-right: 60px;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #d6d6d6;
}

.sivunumerot a
{
    border-style: groove;
    border-width: 1px 2px 3px 1px;
    border-color: #9b9b9b;
    text-decoration: none;
    padding: 2px;
}

.sivunumerot a:hover
 {
    background-color: #d8d8d8;
 }
 
 .navmenu a:link
 {
	color: black;
}

 #uusia_kommentteja
 {
	border-style: groove;
    border-width: 2px 2px 3px 2px;
    border-color: #292929;
	width: auto;
	padding: 12px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
	background: #fff;
 }
 
 .yht-t
{
	margin-left: 50px;
}

.yht-t li
{
	list-style-type: none;
	background-image: url('nuoli.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
}

.opas-esikatselu {
	max-width: 700px;
	padding: 8px;
}

.opas-esikatselu-wrap {
	background: white;
	border: #827d7d groove 3px;
	clear: both;
	height: 185px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.opas-esikatselu-palkki {
	text-align: center;
	padding: 5px;
}
.opas-esikatselu-kuva {
	border: black groove 2px;
	float: right;
	margin: 10px;
}

span.kom-nimi
{
	font-size: 16pt;
	margin: -5px 0px 0px -5px;
	color: #007eff;
	padding-bottom: 10px;
}

span.tiedot
{
	font-size: 8pt;
	margin: -5px 0px 0px -5px;
	color: #444;
	padding-left: 5px;
	position: relative;
	top: -3px;
}

.kommentti
{
	margin-left: 45px; 
	margin-top: 20px;
	padding: 9px;
	background: white;
	border: #827d7d groove 3px;
	clear: both;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#sisalto>p.nodot
{
	border: none;
	background: none;
	text-indent: 0;
}