body {
background-color: #060606;
padding: 0; 
margin: 0;
color: #FFFFFF; 
font-family: Verdana, Arial, Sans-Serif;
background-image: url('http://i17.tinypic.com/44lv8s6.jpg');
}

table {
border-
collapse: collapse;
}


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

#headerblock {
position: relative;
}

h1 {

background-color: #000000;
background-image: 
height: 230px;
background-
repeat: no-repeat;
border: 1px solid #252525;
margin-
top: 10px; margin-left:0; margin-right:0; margin-bottom:0
}

h1 .
ircgalleria {
/*
color: #FFFFFF; 
font-family: Verdana, Arial, Sans-
Serif;
font-weight: normal;
font-size: 15px;

display: block;

margin: auto;
position: absolute;
top: 6px;
left: 19px;
*/

display: none;
}

h1 .separator { display: none; }

h1 .title {
font-
family: Verdana, Arial, Sans-Serif;
color: #A6A6A6;
font-size: 16px;

font-weight: bold;

display: normal;
margin: auto;
position: 
absolute;
top: 100px;
left: 220px;
display: none;


}

h1 .title .small {
font-weight: normal;
color: #FF1493;
padding-left: 0px;
display: none;
}


/* --- sivujen 
alareunan palkki --- */

#footer {
background: #0A0A0A url
('copyfooterleft.gif') no-repeat 0% 100%;
margin-bottom: 40px;
border-
bottom: 1px solid #252525;
border-left: 1px solid #252525;
border-right: 1px solid #252525
}

#footer .innerborder {
font-
size: 10px;

text-align: center;
color: #808080;

background: url
('copyfooterright.gif') no-repeat 100% 100%;; padding-left:20px; 
padding-right:20px; padding-top:2px; padding-bottom:5px
}

#footer a {

color: #FFFFFF;
}


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

#search 
{
position: absolute;
top: 180px;
left: 15px;
display: none;
}

#search table {
border-collapse: collapse; 
}

#search table td {

vertical-align: top;
padding: 0;
font-size: 9px;
}
#search 
table tr.titles img {
margin-bottom: 4px;
margin-left: 1px;
}

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

#search input {
margin: 0;
}

#search input.text {
background-color: 
#252525;
border: 1px solid #FFFFFF;
font-size: 9px;
font-family: 
Verdana, Arial, Sans-Serif;
padding: 1px;
color: #00cc33;
}

#search input.searchsubmit {
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: 11px;
}

p {
line-height: 15px;

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

/* --- kuvia koskevat säännöt --- */

#imagerules li,
#longrules li {
margin-bottom: 5px;
}

h4 {
font-size: 12px;



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

/* --- 
leipätekstissä ja listoissa olevat boldaukset --- */
p b, li b {

color: #FFFFFF;
}

strong {

}

.error, ul.errors {

color: #FFFFFF;
}

.alert {

color: #FFFFFF;
font-weight: bold;
}


div.smallbox .error 
{
color: red;
}

a {
text-decoration: none;
font-weight: light;
font-size: 9px;
}

a:link {
/* color: #FFFFFF; */
/* color: 
#FFFFFF; */
color: #FFFFFF;
}

a:visited {
/* color: #808080; */
/* 
color: #808080; */
color: #808080;
}

a:hover {
/* color: #707070; */

color: #707070;
cursor: normal;
}


div.picture a {
}

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

input {

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

input.text,
textarea.text,
select {

background-color: #060606;
border: 1px solid #252525;
/*
border-left-
color: black;
border-top-color: black;
*/
font-size: 12px;

color: 
#DADADA;
text-transform: lowercase;
letter-spacing: 
0px;
}

input.submit {
color: #FFFFFF;
font-size: 10px;
letter-
spacing: 1px;

background-color: #242424;

border-top: 1px solid 
#242424;
border-left: 1px solid #242424;
border-bottom: 1px solid 
#000000;
border-right: 1px solid #000000;
text-transform: 
lowercase;
display: none;
}

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

#mainmenu {
background-color: #060606;
margin: 0;
float: left;


width: 100%;

border-top: 1px solid #060606;
border-bottom: 1px solid 
#060606;
background-image: url('http://koti.mbnet.
fi/revo/Muut/gifs/Irc-Galleria/Uus/10334129.jpg');
}

#mainmenu .
innerborder {
float: left;


width: 100%;

border-top: 1px solid 
#060606;
border-bottom: 1px solid #060606;
}

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

padding-left: 
10px;


padding-right: 10px;

}


#mainmenu li {
display: block;

padding: 0;
margin: 0;
letter-spacing: 0px;
font-family: Verdana, 
Arial, Sans-Serif;
background-color: no-background;

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

li#mmlogout {
float: left;
}

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

#mainmenu li a {
display: block;

padding: 4px 
10px 4px 10px;
color: #FFFFFF;
font-size: 9px;

float: left;

margin: 0;

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

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

#mainmenu li a:hover {
color: #DADADA;
background-color: no-
background;
}

/* --- Tyhjä mainmenu reggautuessa --- */

#emptymainmenu {
background-color: #242424;
margin: 0;

width: 100%;

border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#emptymainmenu .innerborder {
width: 100%;

border-top: 1px solid 
black;
border-bottom: 1px solid black;

height: 17px;
display: 
block;
}

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

#submenu {

clear: both;
float: left;
font-size: 10px; letter-spacing: 0px;
font-
family: Verdana, Arial, Sans-Serif;
padding-top: 8px;
margin-left: 
0px;
width: 100%;

background-color: #0A0A0A;
text-transform: 
capitalize;
border-left: 1px solid #252525;
border-
right: 1px solid #252525;
border-top: 1px solid #252525;
}

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

#submenu li {
vertical-align: middle;

margin: 0; 
padding-left: 15px;
background-image:url('tab_left.gif'); background-
position: 0% 0%; background-repeat:no-repeat; background-color:#0A0A0A; 
float:left; margin-right:0; padding-right:0; padding-top:0; padding-
bottom:0
}

#submenu a {
display: block;
margin: 0; padding-right: 
16px;
padding-top: 4px;
padding-bottom: 7px;
background-image: url
('tab_right.gif');
background-position: 100% 0%;
background-repeat: 
no-repeat;
font-weight: light;

color: #D1D1D1;

float: left;

font-size: 10px;
filter: blur (add=true, Strength=9, 
direction=0); padding-left:0
}

#submenu a:hover {
text-decoration: 
none;
color: #FFFFFF;
text-transform: capitalize;
}

#submenu li.selected {
background-image: url('tab_left_active.gif');

background-color: #0A0A0A
}

#submenu li.selected a {
background-
image: url('tab_right_active.gif');
}


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


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


#tabbedbody {

clear: both;
background-color: 
#000000;


border: 1px solid #252525;
background-repeat: no-
repeat;
background-position: right bottom; padding-left:18px; 
padding-right:18px; padding-top:12px; padding-bottom:20px
}


/* --- 
järeät, pääsääntöisesti leipätekstiä sisältävät boksit --- */

div.box 
{
margin-bottom: 0px;
font-size: 10px;
}

div.box div.title {

border-bottom: 3px solid #242424;
background-image: url
('curvedtitlebackground_trans.gif');
background-repeat: no-repeat;

background-position: 0% -0%
}

div.box div.title h3 {
margin: 0;

padding-left: 10px;
padding-top: 6px;
padding-bottom: 3px;

font-
family: Verdana, Arial, Sans-Serif;
font-weight: bold;
font-size: 
11px;
letter-spacing: 1px; 

color: #FFFFFF;
}

div.box .content {

border-top: 1px solid #808080;
background-color: #000000;

color: 
white;
}

div.box .content .innerborder {
border: 1px solid #FFFFFF;

padding: 0 10px 10px 10px;
}

div.box .boxfooterleft {
display: 
block;
padding: 0;

background: #000000 url('boxfooterleft.gif') no-
repeat 0% 100%;; margin-left:0; margin-right:0; margin-top:1px; margin-
bottom:0
}

div.box .boxfooterright {
display: block;
margin: 0;

height: 10px;
padding: 0;
background: url('boxfooterright.gif') no-
repeat 100% 100%;

font-size: 0
}


div.box .content .text,


div.box .
content select {
background-color: #000000;


}

div.box .content .
innerborder table {
margin-top: 10px;
}

div.box .content p {
margin-
top: 10px;
margin-left: 20px;


}

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

div.smallbox {
margin-bottom: 0px;
border: 
1px solid #252525;
width: 253px;
}

div.smallbox div.title {


border-bottom: 1px solid #252525;

background-color: #060606;
}

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

text-align: 
center;
font-family: Verdana, Arial, Sans-Serif;
color: #FFFFFF;

font-size: 8px;
font-weight: normal;
text-transform: uppercase;

letter-spacing: 12px;
height: 11px;
border: 1px solid 
#000000;
}

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

div.smallbox .content .innerborder {
padding: 0 10px 0 10px;
}

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

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

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: 5px;
color: #000000;
}


/* --- kommenttiboksi --- */


div.
commentbox {
background-position: 0% 0%; border:1px solid #252525; 
background-color: black;
font-size: 11px;
filter: Alpha 
( Opacity=70); background-repeat:repeat-x; background-attachment:scroll

}

div.commentbox .title {
font-size: 8px;
font-
family: Verdana, Arial, Sans-Serif;
font-weight: normal;
background-color: #060606;
border: 1px solid #252525;
color: #FFFFFF;
display: none;
text-align: 
center;
text-transform: uppercase;
letter-spacing: 
12px;
height: 16px;
padding-bottom: 8px;
}

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


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

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

white-space: nowrap;
}

div#newcomments {
margin-top: 5px;

margin-bottom: 5px;
font-weight: bold;
color: #DADADA;
}

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

div#viewcommentbox {
width: 615px;
}


/*
* kommentit taulukossa 
(ei toimi ie:ssä) 
*/

/*
div.comments {
display: table;
}


div.
comments div {

display: table-row;
}

div.comments div span {


display: table-cell;
vertical-align: top;

padding-right: 5px;

padding-top: 0px;
padding-bottom: 2px;
}

div.comments div span.stamp 
{
padding-top: 1px;
}


div.comments div span.sender {


text-align: 
right;
}
*/

/* kommenttien värit */
div.commentbox tr.owner {


color: #DADADA;
font-weight: bold;

}


div.commentbox tr.
private, .private {
color: #BABABA;
}

div.commentbox tr.admin, .admin 
{
color: #00FFF6;

}

div.commentbox tr.user {
color: white;
}

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;
}


/* --- 
Etusivua koskevat stylet --- */

#indextable {
border-collapse: 
collapse;
}

#indextable td.indexcell {
vertical-align: top;
}

/* 
vasen palsta */
#itcl {
padding: 0;
width: 213px;
}

/* keskipalsta 
*/
#itcm {
padding: 0 20px 0 20px;
width: 530px;
}

/* oikea palsta 
*/
#itcr {
padding: 0;
width: 140px;
padding-top: 24px;
}


#indexintrobox p {

margin-left: 0;
}


/* --- loginformi --- */


#indexlogin form {
margin: 0;
}

#indexlogin table {
border-collapse: 
collapse;
}

#indexlogin td {
padding: 0;
}

#indexlogin td input {

margin: 2px;
}


#indextodayspicture .content,

#indexmypicture .
content {
text-align: center;
}


#indextodayspicture .content img,

#indexmypicture .content img {

margin-top: 10px;

}

/* --- etusivun 
viimeksi kirjautuneet --- */


#indexlastlogin .content {
text-align: 
center;
padding-left: 0;
padding-right: 0;

}

#indexlastlogin table 
{
border-collapse: collapse;

width: 100%;
}

#indexlastlogin table 
td {
width: 33%;

vertical-align: bottom;
}

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

}

#indexlastlogin img {
border: 
1px solid white;
}


/* --- synttärilista --- */

#birthdays .content 
table {
width: 500px;
}

#birthdays .content table td {
vertical-
align: top;
}


/* --- etusivun kävijätilastoboksi --- */

table.
smallstats {
width: 100%;
}

table.smallstats td {
text-align: left;

vertical-align: middle;
font-size: 9px;
}

table.smallstats td.
value {
text-align: right;
}

table.smallstats td.value b {

background-color: #060606;
color: #FFFFFF;
font-weight: bold;

border: 1px solid #252525;
display: block;
margin: auto;
padding: 
3px;
width: 55px;
float: right;
font-size: 9px;

margin-bottom: 3px;
}


/* --- jo --- */

#hugebanner {
text-align: 
center;
padding-bottom: 10px;
padding-right: 20px;
}


/* --- 
ylläpidon tiedotteet --- */


#newstable {

border-collapse: collapse;
}

#newstable td {
padding: 5px 8px 8px 8px;
vertical-align: top;


background-color: #263E59;
border-bottom: 1px solid #3C556F;

}

#newstable td.stamp {

padding: 6px 5px 5px 5px;

border-right: 1px 
solid #3C556F;
}


#newstable td.stamp {
background-color: #314964;
}

#newstable td p {

margin: 0;
padding: 0;
margin-bottom: 5px;
}

#indexlastlogin .content {
text-align: center;
}

#newstable li {


margin-bottom: 5px;
}

/* --- 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: 0px 
none;
}

#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;

color: #C0C0C0;
}

#profilebasicinfo b {

display: block;

color: #C0C0C0; 
font-size: 10px;
}

#profilebasicinfo span {

display: block;
margin-left: 9px;
font-size: 9px;

}

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


#profilebasicinfo .online {

color: #FF1493;

font-weight: bold;
font-size: 0px;

padding-top: 3px;
}

.smallbox .network {

font-weight: bold;

color: #C0C0C0;
padding-bottom: 2px;
font-size: 10px;
}


#profilechannels .spacer,

#profilecommunities .spacer {
height: 
10px;
background: url('dotline.gif') repeat-x 0% 50%;
}

.smallbox .
channellist {


margin-left: 9px;
}


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

#profileaphorism .title 
{


display: block;
}


#profileaphorism .content {
background-color: 
#000000;
border: #808080;
}

#profileaphorism .content .
innerborder {
padding: 10px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 9px;
}

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


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



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: #000000;

}

td#archive table.grid div.default img {

border: 1px solid #242424;
}

table.grid div.online img {
border: 1px 
solid #00cc33;
}

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


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 {
margin:1px auto; display: block;


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

table.grid b {
color: #FFFFFF;
}

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;
}


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

#indexgallups td 
{
padding-right: 10px;
}

table.gallupresults {
border-collapse: 
collapse;
width: 100%;
}

table.gallupresults td {
padding: 3px;

background-color: #000000;

border: 1px solid #242424;
}

table.
gallupresults td.label {
}

table.gallupresults td.count {
text-align: 
right;

padding-left: 10px;
}

table.gallupresults td.chart {
}


#settings {

border-collapse: collapse;
}

#settings td {
vertical-
align: top;
width: 50%;
padding-right: 10px;
}


#settings input
[type="checkbox"] {
margin-bottom: 0;

}


div.sms {
font-family: 
Verdana, Arial, Sans-Serif;
font-weight: bold;

font-size: 14px;


background-color: #FFFFFF;
border: 1px solid #242424;


padding: 
4px;
padding-left: 10px;


margin: 10px;
margin-left: 20px;


margin-right: 20px;


display: block;
}

#smsintroduction h4 {

padding-top: 10px;
}

#settings table {
}

#editprofile h4 {

margin-
bottom: 2px;
padding-top: 2px;
}

#settings h4 {
margin-bottom: 10px;
}

#editprofile p, #editprofile table,
#settings p, #settings table {

margin-left: 10px;
margin-top: 0;

}

table#settingstable {
margin: 
0;
}



table.twocolumns {
border-collapse: collapse;

}

table.
twocolumns td {
vertical-align: top;

padding: 0 15px 0 0;
width: 
50%;
}

table.twocolumns td * td {
vertical-align: middle;
}


table.
listtable {
border-collapse: collapse;
}


table.listtable td {

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

table.listtable tr.title {

background-color: #000000;
}

table.listtable tr.title td {
font-
weight: bold;
}

table.listtable input {

margin: 0 5px 0 0;
}

table.
listtable .spacer {

height: 10px;
background: url('dotline.gif') 
repeat-x 0% 50%;
}



#searchterms table td {
padding-bottom: 3px;


padding-right: 3px;
display: none;
}

#searchterms table td 
input {


margin-right: 0;
}





/* --- Kanava-/yhteisötietosivu 
--- */

#channeldetails div