body { 

        background-color: #000000; 
        padding: 0; margin: 0; 
color: #8F9AA4; 

font-family: verdana; 
} 

table { 
border-collapse: collapse; 
} 

#outerbody { 
margin-left: auto; 
margin-right: auto; 
width: 970px; 
} 

#headerblock { 
position: relative; 
} 

h1 { 
background: #000000 url() no-repeat center; 

margin: 0; 

display: normal; 
height: 270px; 

position: relative; 
} 

h1 .ircgalleria { display: none; } 
color: #8F9AA4; 
font-family: verdana; 
font-weight: normal; 
font-size: 9px; 

display: normal; 
margin: auto; 
position: absolute; 
top: 94px; 
left: 19px; 

} 

h1 .separator { display: none; } 

h1 .title { display: none; } 
font-family: verdana; 
color: #8F9AA4; 
font-size: 9px; 
font-weight: normal; 

display: normal; 
margin: auto; 
position: absolute; 
top: 94px; 
left: 200px; 
} 

h1 .title .small { 
font-weight: normal; 
} 



/* --- sivujen alareunan palkki --- 
* Copyright tiedot saa piilottaa. Tekijänoikeuslaki pätee 
* vaikka erillistä mainintaa ei olisikaan. 
*/ 

#footer { 
visibility: hidden; 
background: #000000; 
margin-bottom: 40px; 
border: 1px #7E7E7E; 
} 

#footer .innerborder { 
visibility: hidden; 
font-size: 10px; 
text-align: center; 
padding: 2px 20px 5px 20px; 
border: 1px #7E7E7E; 
color: #7E7E7E; 
} 

#footer a { 
visibility: hidden; 
color: #33506F; 
} 


/* --- Oikean yläreunan hakulootat --- */ 

#search { 
visibility: hidden; 
position: absolute; 
top: 11px; 
right: 14px; 
} 

#search table { 
visibility: hidden; 
border-collapse: collapse; 
} 

#search table td { 
visibility: hidden; 
vertical-align: top; 
padding: 0; 
} 

#search table tr.titles img { 
visibility: hidden; 
margin-bottom: 4px; 
margin-left: 1px; 
} 

#search table td.title img { 
visibility: hidden; 
margin-top: 5px; 
margin-right: 8px; 
} 

#search input { 
visibility: hidden; 
margin: 0; 
} 

#search input.text { 
visibility: hidden; 
background-color: #0F1C2C; 
border: 1px solid #667A8F; 
font-size: 9px; 
font-family: Verdana, Sans-Serif; 
padding: 1px; 
} 

#search input.searchsubmit { 
visibility: hidden; 
margin-top: 1px; 
margin-left: 1px; 
margin-right: 5px; 
} 


/* --- leipäteksti --- */ 

p, td, ol, ul, dl, div { 
font-family: Verdana, Arial, Sans-Serif; 
letter-spacing: 0px; 
font-size: 10px; 
} 

p { 
line-height: 15px; 

margin-top: 0; 
margin-bottom: 10px; 
} 



/* --- leipätekstissä ja listoissa olevat boldaukset --- */ 

p b, li b { 
color: #FFFFFF; 
} 

strong { 
} 

.error, ul.errors { 
color: #C3C3C3; 
} 

.alert { 
color: #C3C3C3; 
font-weight: bold; 
} 

div.smallbox .error { 
color: red; 
} 

a { 
text-decoration: none; 
font-weight: bold; 
} 

a:link { 
color: #d8d8d8; 
} 

a:visited { 
color: #d8d8d8; 
} 


a:hover { 
cursor: hand; 
text-decoration: none; 
color: #FFFFFF; 
} 


div.picture a { 
} 

div.picture img { 
border: 1px solid #c3c3c3; 
margin: 0; 
} 

input { 
margin: 0; 
margin-right: 5px; 
} 

input.text, 
textarea.text, 
select { 
background-color: #000000; 
color: #d8d8d8; 
border: 1px solid #c3c3c3; 
font-size: 11px; 

} 


input.submit { 

color: #c3c3c3; 
font-size: 11px; 
letter-spacing: 2px; 
border: 1px solid black; 
background-color: #000000; 

} 

/* --- päävalikko --- */ 

#mainmenu { 
background-color: #000000; 
margin: 0; 
float: center; 

width: 100%; 

border-top: 1px #C3C3C3; 
border-bottom: 1px #C3C3C3; 
} 

#mainmenu .innerborder { 
float: center; 
width: 100%; 

border-top: 1px #c3c3c3; 
border-bottom: 1px #c3c3c3; 
} 

#mainmenu ul { 
list-style: none; 
border: 1px #C3C3C3; 
margin: 0; 
padding: 0; 

padding-left: 10px; 
padding-right: 10px; 
} 

#mainmenu li { 
display: block; 
padding: 0; 
margin: 0; 
letter-spacing: 0px; 
font-family: Arial, sans-serif; 

float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */ 
} 

li#mmlogout { 
color: #262626; 
text-decoration: blink; 
float: right; 
} 

#mainmenu li.selected { 
color: #C3C3C3; 
background-color: #000000; 
} 

#mainmenu li a { 
letter-spacing: 1px; 
display: block; 

padding: 2px 10px 3px 10px; 
background-color: #000000; 
color: #C3C3C3; 
font-size: 10px; 

float: left; 
margin: 0; 

text-decoration: none; 
text-transform: uppercase; 
} 

#mainmenu #mmnewcomments a { 
color: #FFFFFF; 
font-weight: bold; 
} 

#mainmenu li a:hover { 
letter-spacing: 1px; 
color: #D8D8D8; 
background-color: #000000; 
} 


/* --- Alavalikko, esitetään lehdyköinä --- */ 

#submenu { 
clear: both; 
float: left; 
font-size: 11px; letter-spacing: 0px; 
font-family: Verdana, Arial, sans-serif; 
padding-top: 17px; 
margin-left: 0px; 
border-bottom: 1px #D8D8D8; 
width: 100%; 
background-color: #000000; 
} 

#submenu ul { 
margin: 0; 
padding: 0; 
list-style: none; 
padding-left: 19px; 
} 

#submenu li { 
vertical-align: middle; 

margin: 0 2px 0 0; padding: 0; 
padding-left: 15px; 

background-color: #2A2A2A; 

float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */ 
} 

#submenu a { 
display: block; 
margin: 0; padding: 0; 
padding-right: 16px; 
padding-top: 5px; 
padding-bottom: 5px; 

color: #C3C3C3; 

float: left; 

font-size: 10px; 
} 

#submenu a:hover { 
color: #D8D8D8; 
text-decoration: none; 
} 

#submenu li.selected { 
background-color: #2A2A2A; 
} 

#submenu li.selected a { 
} 


/* -------- */ 

#innerbody { 
clear: both; 
background-color: #000000; 
padding: 12px 18px 20px 18px; 
} 

#tabbedbody { 
clear: both; 
background: #000000 0% 0% repeat-x; 
padding: 12px 18px 20px 18px; 
border-top: 1px solid #040609; 
} 



/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */ 

div.smallbox { 
margin-bottom: 10px; 
border-top: 1px solid black; 
} 

div.smallbox div.title { 
border: 1px solid #000000; 
color: #C3C3C3; 
border-bottom: none; 

background-color: #000000; 
} 

div.smallbox div.title h3 { 
margin: 0; 
padding: 2px; 

text-align: center; 
font-family: Arial, Sans-serif; 
background-color: #000000; 
color: #D8D8D8; 
font-size: 10px; 
font-weight: normal; 
text-transform: uppercase; 
letter-spacing: 0px; 
} 

div.smallbox .content { 
border: 1px solid #C3C3C3; 
background-color: #000000; 
} 

div.smallbox .content .innerborder { 
border: 1px #D8D8D8; 
padding: 0 10px 0 10px; 
} 

div.smallbox .content div.tabledecorator { 
margin-top: 10px; 
margin-bottom: 10px; 
} 

div.smallbox .errors { 
color: #FF4040; 
} 

div.smallbox ul { 
margin-left: 25px; 
padding-left: 0; 
} 

div.smallbox p { 
margin-top: 10px; 
} 

#profilechannels .content .innerborder, 
#profilecommunities .content .innerborder, 
#profileactions .content .innerborder, 
#profileadmintools .content .innerborder { 
padding: 10px; 
} 

/* --- kommenttiboksi --- */ 

div.commentbox { 
border-top: 1px solid #D8D8D8; 
border-bottom: 1px solid #D8D8D8; 
border-left: 1px solid #D8D8D8; 
border-right: 1px solid #D8D8D8; 
background-color: #000000; 
} 

div.commentbox .title { 
display: none; 
} 

div.commentbox .content { 
padding: 15px; 
} 

div.commentbox .innerborder div { 
margin-top: 1px; 
margin-bottom: 1px; 
} 

div.commentbox .stamp { 
font-family: Arial, Sans-Serif; 
font-size: 10px; 
color: #d8d8d8; 

white-space: nowrap; 
} 

div#newcomments { 
margin-top: 5px; 
margin-bottom: 5px; 
font-weight: bold; 
color: #F68C00; 
} 


/* --- view.php:n kommentiboksi. ie:tä varten täytyy määritellä kiinteä leveys. --- */ 

div#viewcommentbox { 
width: 686px; 
} 


/* kommenttien värit */ 
div.commentbox tr.owner { 
color: #9CD6FF; 
} 

div.commentbox tr.private, .private { 
font-style: italic; 
color: #9CD6FF; 
} 

div.commentbox tr.admin, .admin { 
color: #9CD6FF; 
} 

div.commentbox tr.user { 
color: #9CD6FF; 
} 

div.commentbox td { 
padding-right: 5px; 
} 

div.commentbox td.sender { 
white-space: nowrap; 
} 

#commentform { 
margin-top: 10px; 
margin-bottom: 10px; 
} 

#commentform td { 
vertical-align: middle; 
} 


/* --- käyttäjän profiilisivu --- */ 

#viewtable { 
border-collapse: collapse; 
} 

#viewtable td { 
vertical-align: top; 
} 

#viewtableinfo { 
width: 213px; 
} 

#viewtableimage { 
width: 686px; 
padding-left: 20px; 
} 

#viewtableimage img { 
border: 0; 
} 

#viewcaption { 
margin: 3px 10px 20px 1px; 
} 

#profilebasicinfo .content .innerborder { 
padding: 8px 10px 8px 10px; 
} 

#profilebasicinfo .content .innerborder div { 
padding: 2px 0 2px 0; 
} 

#profilebasicinfo .content span { 
white-space: nowrap; 
} 

#profilebasicinfo b { 
display: block; 
} 

#profilebasicinfo span { 
display: block; 
margin-left: 9px; 
} 

/* 
#profilebasicinfo .content a { 
font-weight: normal; 
text-decoration: none; 
} 
*/ 

#profilebasicinfo .online { 
color: #E9F251; 
text-decoration: blink; 
font-weight: bold; 
} 

.smallbox .network { 
cursor: crosshair; 
text-decoration: none; 
font-weight: bold; 
} 

#profilechannels .spacer, 
#profilecommunities .spacer { 
height: 10px; 
} 

.smallbox .channellist { 
margin-left: 9px; 
} 

#profileadmintools div.spacer, 
#profileactions div.spacer { 
height: 10px; 
} 

#profileaphorism .title { 
display: none; 
} 

#profileaphorism .content { 
border: 1px solid black; 
background-color: #000000; 
} 

#profileaphorism .content .innerborder { 
padding: 10px; 
font-family: "Lucida Console", Monospace; 
} 

#profileadmintools .title h3 { 
text-transform: none; 
} 



/* --- Kuva-arkiston tyylit --- */ 

table.grid { 
border-collapse: collapse; 
} 

table.grid td { 
vertical-align: top; 

width: 172px; 

padding: 1px; 
padding-bottom: 10px; 
} 

table#archivetable, 
table#bookmarktable { 
width: 100%; 
} 

table.grid td div { 
padding-top: 2px; 
padding-bottom: 4px; 
text-align: center; 
} 

table.grid td div div { 
padding: 0; 
} 

td#archive table.grid div.default { 
background-color: #364C64; 
} 

td#archive table.grid div.default img { 
border: 1px solid #F28E00; 
} 

table.grid div.online img { 
border: 1px solid #33FF33; 
} 

table.grid div.online { 
background-color: #227022; 
} 

table.grid div.invisible img { 
filter: Alpha(opacity=40) Gray(); 
-moz-opacity: .30; 
opacity: 0.3; 
} 

table.grid { 
} 

table.grid div.tools { 
margin-bottom: 3px; 
} 

table.grid div.stamp { 
margin-bottom: 1px; 
font-size: 9px; 
} 

table.grid div.picture { 
position: relative; 
text-align: left; 
} 

table.grid div.picture div { 
} 

table.grid div.mask { 
position: absolute; 
display: block; 

width: 172px; 
} 

table.grid div.mask div { 
display: block; 

margin-left: auto; 
margin-right: auto; 

margin-top: 1px; 
margin-bottom: 1px; 

opacity: 0.5; 
filter: Alpha(opacity=20); 
/* background: url("hiddenlayer.gif"); */ 
} 

table.grid b { 
color: #F68C00; 
} 

table.grid div.caption { 
padding-top: 3px; 
} 

div.thumbnick { 
margin-top: 1px; 
margin-bottom: 7px; 
} 

div.thumbnick b { 
font-size: 9px; 
color: white; 
} 

table#bookmarktable td { 
vertical-align: top; 
} 

#indexlastlogin div.thumbnick { 
margin-bottom: 15px; 
} 


/* --- Smiley-selektori --- */ 

#smileys { 
position: relative; 
} 

a#smileybutton { 
margin-left: 4px; 
margin-right: 4px; 
} 

#smileyselector { 
display: none; 
position: absolute; 
bottom: 20px; 
right: -5px; 
width: 93px; 
padding-top: 5px; 


background-color: #000000; 
border: 1px solid #D8D8D8; 
} 

#smileyselector div.smiley, #smileyselector div.smileyclose { 
text-align: center; 
height: 25px; 
width: 31px; 
float:left; 
} 

#smileyselector br { 
clear: left; 
} 

#smileyselector div.smileyclose a { 
color: #F6FF03; 
text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size: 13px; 
padding-left: 3px; 
padding-right: 3px; 
}