/* 
* Modauspohjaksi tarkoitettu stylesheetti. Sisältää vain 
* profiilisivua ja kuva-arkistoa koskevat määritykset. Modi by Lodeex 
* 
* $Id: basestyle.css,v 1.3 2004/12/29 13:19:58 tuner Exp $ 
*/ 

body { 
  background-color: #0A0A0A; 
  padding: 0; margin: 0; 
  color: #DAE6ED; 

  font-family: Verdana, Arial, Sans-Serif; 
} 

table { 
  border-collapse: collapse; 
} 

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

#headerblock { 
  position: relative; 
} 

h1 { 
  background-color: #14273D; 
  margin: 0; 

  display: block; 
  height: 54px; 

  position: relative; 
} 

h1 .ircgalleria { 
  color: #E2EBF1; 
  font-family: Arial, Sans-Serif; 
  font-weight: normal; 
  font-size: 28px; 

  display: block; 
  margin: auto; 
  position: absolute; 
  top: 11px; 
  left: 19px; 

} 

h1 .separator { display: none; } 

h1 .title { 
  font-family: Verdana, Arial, Sans-Serif; 
  color: #F68C00; 
  font-size: 12px; 
  font-weight: bold; 

  display: block; 
  margin: auto; 
  position: absolute; 
  top: 25px; 
  left: 190px; 
} 

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


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

#footer { 
  background: #152E48; 
  margin-bottom: 40px; 
  border-top: 1px solid black; 
} 

#footer .innerborder { 
  font-size: 10px; 
  text-align: center; 
  padding: 2px 20px 5px 20px; 
  color: #33506F; 
} 

#footer a { 
  color: #33506F; 
} 


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

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

#search table { 
  border-collapse: collapse; 
} 

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

#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: #0F1C2C; 
  border: 1px solid #667A8F; 
  font-size: 9px; 
  font-family: Verdana, Sans-Serif; 
  padding: 1px; 
} 

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



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

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

strong { 
} 

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

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

div.smallbox .error { 
  color: red; 
} 

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

a:link { 
  color: #E1C196; 
} 

a:visited { 
  color: #CEB086; 
} 

a:hover { 
  text-decoration: underline; 
  color: #FFDEB0; 
} 


div.picture a { 
} 

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

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

input.text, 
textarea.text, 
select { 
  background-color: #162538; 
  border: 1px solid #667A8F; 
  font-size: 12px; 

  color: white; 
} 

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

  background-color: #90A2B6; 

  border-top: 1px solid #B8CFE9; 
  border-left: 1px solid #B8CFE9; 
  border-bottom: 1px solid #58636F; 
  border-right: 1px solid #58636F; 
} 

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

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

  width: 100%; 

  border-top: 1px solid #667A8F; 
  border-bottom: 1px solid #667A8F; 
} 

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

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

#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: Arial, sans-serif; 

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

li#mmlogout { 
  float: right; 
} 

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

#mainmenu li a { 
  display: block; 

  padding: 2px 10px 3px 10px; 
  color: #E2EBF1; 
  font-size: 10px; 

  float: left; 
  margin: 0; 

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

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

#mainmenu li a:hover { 
  color: #F68C00; 
  background-color: #1C2C3C; 
} 


/* --- 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 solid #708498; 
  width: 100%; 
  background-color: #263E59; 
} 

#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: #3C536D; 

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

  float: left; 

  font-size: 10px; 
} 

#submenu a:hover { 
  text-decoration: underline; 
} 

#submenu li.selected { 
  background-color: #7F92AB; 
} 

#submenu li.selected a { 
} 


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

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

#tabbedbody { 
  clear: both; 
  background: #263E59 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 #667A8F; 
  border-bottom: none; 

  background-color: #445A72; 
} 

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

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

div.smallbox .content { 
  border: 1px solid #667A8F; 
  background-color: #1F3145; 
} 

div.smallbox .content .innerborder { 
  border: 1px solid black; 
  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 #5C6E81; 
  border-bottom: 1px solid #5C6E81; 
  background-color: #182A3D; 
} 

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

  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: #F28E00; 
} 

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

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

div.commentbox tr.user { 
  color: #95EA48; 
} 

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: underline; 
} 
*/ 

#profilebasicinfo .online { 
  color: #69F251; 
  font-weight: bold; 
} 

.smallbox .network { 
  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 { 
  background-color: #4D6072; 
} 

#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: #263E59; 
  border: 1px solid #667A8F; 
} 

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

#smileyselector br { 
  clear: left; 
} 

#smileyselector div.smileyclose a { 
  color: white; 
  text-decoration: none; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 13px; 
  padding-left: 3px; 
  padding-right: 3px; 
} 
body { 
background-image: url(http://koti.mbnet.fi/mirkkar/tausta2.gif); 
  background-color: #000000; 
  padding: 0; margin: 0; 
  color: #888888; 
  border-top: 0px solid #333333; 
  border-bottom: 0px solid #252525; 
  font-family: Verdana, Arial, Sans-Serif; 
} 

table { 
  border-collapse: collapse; 
} 

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

#headerblock { 
  position: relative; 
} 

h1 { background: #000000 url("http://www.alpes-images.com/Images/montagne/maxi/PTK013 .jpg";) no-repeat center; 
  background-color: #000000; 
margin: 0px; 

  display: block; 
  height: 216px; 

  position: relative; 
} 

h1 .ircgalleria { 
  color: #000000; 
  font-family: Arial, Sans-Serif; 
  font-weight: normal; 
  font-size: 1px; 

  display: block; 
  margin: auto; 
  position: absolute; 
  top: 1px; 
  left: 3px; 

} 

h1 .separator { display: none; } 

h1 .title { 
  font-family: Verdana, Arial, Sans-Serif; 
  color: #000000; 
  font-size: 1px; 
  font-weight: bold; 

  display: block; 
  margin: auto; 
  position: absolute; 
  top: 1px; 
  left: 1px; 
} 

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


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

#footer { 
margin-bottom: 40px; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #222222; 
  background: #161616; 
} 

#footer .innerborder { 
background-image: url(http://koti.mbnet.fi/mirkkar/smallboxtitlegradient3.gif ); 
  border-top: 1px solid black; 
  border-bottom: 1px solid black; 
  font-size: 10px; 
  text-align: center; 
  padding: 2px 20px 5px 20px; 
  color: #555555; 
} 

#footer a { 
  color: #555555; 
} 

#footer a:hover { 
cursor: default; 
} 


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

#search { 
  position: absolute; 
  top: 1px; 
  right: 1px; 
} 

#search table { 
  border-collapse: collapse; 
} 

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

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

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

#search input { 
  margin: 0; 
} 

#search input.text { 
background-image: url(http://koti.mbnet.fi/mirkkar/tausta2.gif); 
  background-color: #000000; 
  border: 1px solid #000000; 
  font-size: 1px; 
  font-family: Verdana, Sans-Serif; 
  padding: 1px; 
} 

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

#search a { 
font-size: 0px; 
color: #000000; 
} 

#search a:after { 
content: "<3"; 
color: #000000; 
cursor: default; 
font-size: 1px; 
font-family: Verdana; 
padding-right: 1px; 
} 

#search .searchtitle div { 
font-size: 1px; 
color: #000000; 
padding-right: 1px; 
padding-top: 1px; 
text-transform: uppercase; 
font-family: verdana; 
letter-spacing: 1px; 
} 

#search .nicktitle div { 
font-size: 1px; 
color: #000000; 
padding-bottom: 1px; 
text-transform: uppercase; 
font-family: verdana; 
letter-spacing: 1px; 
} 

#search .communitytitle div { 
font-size: 1px; 
color: #000000; 
padding-bottom: 1px; 
text-transform: uppercase; 
font-family: verdana; 
letter-spacing: 1px; 
} 

#search .channeltitle div { 
font-size: 1px; 
color: #000000; 
padding-bottom: 1px; 
text-transform: uppercase; 
font-family: verdana; 
letter-spacing: 1px; 
} 

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



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

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

strong { 
} 

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

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

div.smallbox .error { 
  color: red; 
} 

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

a:link { 
  color: #666666; 
} 

a:visited { 
  color: #666666; 
} 

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


div.picture a { 
} 

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

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

input.text, 
textarea.text, 
select { 
background-image: url(http://koti.mbnet.fi/mirkkar/tausta2.gif); 
  background-color: #000000; 
  border: 1px solid #333333; 
  font-size: 12px; 
font-family: verdana; 

  color: #666666; 
} 

input.submit { 
  color: #666666; 
  font-size: 11px; 
  letter-spacing: 1px; 

  background-color: #141414; 

  border: 1px solid #333333; 
} 

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

#mainmenu { 
background-image: url(http://koti.mbnet.fi/mirkkar/smallboxtitlegradient3.gif ); 
  background-color: #1B1B1B; 
  margin: 0; 
  float: left; 

  width: 100%; 

border-top: 1px solid #333333; 
border-bottom: 1px solid #222222; 
} 

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

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

#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, sans-serif; 

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

li#mmlogout { 
  float: right; 
} 

#mainmenu li.selected { 
} 

#mainmenu li a { 
  display: block; 

  padding: 2px 10px 3px 10px; 
  color: #BBBBBB; 
  font-size: 10px; 

  float: left; 
  margin: 0; 

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

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

#mainmenu li a:hover { 
cursor: default; 
  color: #FFFFFF; 
  background-color: #111111; 
} 

#mainmenu #mmlogout a:after { 
content: "<3" 
} 

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

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

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

#submenu li { 
  vertical-align: middle; 
background-image: url('http://koti.mbnet.fi/mirkkar/tab_left3.gif'); 
background-position: 0% 0%; 
background-repeat: no-repeat; 

padding-right:0; 
padding-top:0; 
padding-bottom:0 

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

  background-color: #121212; 

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

#submenu a { 
background-image: url('http://koti.mbnet.fi/mirkkar/tab_right3.gif'); 
background-position: 100% 0%; 
background-repeat: no-repeat; 
display: block; 
  margin: 0; padding: 0; 
  padding-right: 16px; 
  padding-top: 7px; 
  padding-bottom: 5px; 

  color: #666666; 

  float: left; 

  font-size: 10px; 
font-weight: normal; 
} 

#submenu a:hover { 
color: #AAAAAA; 
cursor: default; 
} 

#submenu li.selected { 
background-image: url('http://koti.mbnet.fi/mirkkar/tab_left_active3.gif'); 
background-color: #121212; 
} 

#submenu li.selected a { 
background-image: url('http://koti.mbnet.fi/mirkkar/tab_right_active3.gif'); 
color: #000000; 
} 

#submenu li.selected a:hover { 
color: #AAAAAA; 
} 

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

#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: 0px solid #333333; 
} 



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

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

div.smallbox div.title { 
border-top: 1px solid #222222; 
border-left: 0px solid #515151; 
border-right: 0px solid #515151; 
background-image: url(http://koti.mbnet.fi/mirkkar/smallboxtitlegradient3.gif ); 
  background-color: #131313; 
} 

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

  text-align: center; 
  font-family: Verdana, Sans-serif; 
  color: #BBBBBB; 
  font-size: 10px; 
  font-weight: normal; 
  text-transform: uppercase; 
  letter-spacing: 0px; 

border-top: 1px solid #000000; 
border-left: 0px solid #000000; 
border-right: 0px solid #000000; 
} 

div.smallbox div.title h3:after { 
content: " ::.."; 
  font-family: Verdana, Sans-serif; 
  color: #FFFFFF; 
  font-size: 11px; 
  font-weight: normal; 
} 

div.smallbox div.title h3:before { 
content: "..:: "; 
  font-family: Verdana, Sans-serif; 
  color: #FFFFFF; 
  font-size: 11px; 
  font-weight: normal; 
} 

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

div.smallbox .content .innerborder { 
  border: 1px solid black; 
  padding: 0 10px 0 10px; 
} 

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

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

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

#profilechannels .content .innerborder a:hover, 
#profilecommunities .content .innerborder a:hover, 
#profileactions .content .innerborder a:hover, 
#profileadmintools .content .innerborder a:hover { 
cursor: default; 
} 

#profilechannels .spacer, 
#profilecommunities .spacer { 
height: 21px; 
background: url("http://koti.mbnet.fi/mirkkar/dotline3.gif";) 0% 50% repeat-x; 
} 

#profilecommunities .content .innerborder { 
padding-top: 5px; 
} 

#profileactions .content a:before { 
content: ""; 
color: #000000; 
cursor: default; 
font-size: 12px; 
font-family: Verdana; 
padding-right: 0px; 
} 

#profileactions .content a:hover:before { 
content: ":: "; 
color: #FFFFFF; 
cursor: default; 
font-size: 12px; 
font-family: Verdana; 
padding-right: 0px; 
} 

#profileactions .content a:hover { 
color: #888888; 
} 


/* --- kommenttiboksi --- */ 

div.commentbox a { 
color: #777777; 
font-weight: bold; 
} 

div.commentbox a:hover { 
color: #FFFFFF; 
cursor: default; 
} 

div.commentbox { 
  border-top: 1px dotted #333333; 
  border-bottom: 1px dotted #333333; 
  background-color: #111111; 
} 

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: Verdana, Arial, Sans-Serif; 
  font-size: 9px; 
  white-space: nowrap; 
} 

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

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

div#viewcommentbox { 
  width: 686px; 
} 

div.commentbox td.sender { 
color: #FFFFFF; 
} 

/* kommenttien värit */ 


div.commentbox .content { 
color: #666666; 
} 

div.commentbox tr.owner { 
color: #AAAAAA; 
} 

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

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

div.commentbox tr.user { 
  color: #FF0000; 
} 

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

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

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

#commentform td { 
  vertical-align: middle; 
} 

#commentform .nickcell { 
display: none; 
} 

#commentform .checkbox { 
border: 1px dotted #555555; 
background: #111111; 
color: #666666; 
} 

/* --- 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 { 
color: #FFFFFF; 
  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; 
} 

#profilebasicinfo .content a:hover { 
cursor: default; 
} 

#profilebasicinfo .online { 
  color: #FFFFFF; 
  font-weight: normal; 
text-transform: capitalize; 
} 

#profilebasicinfo .online:after { 
content: " hän on<3"; 
  color: #FFFFFF; 
  font-weight: normal; 
} 

#profilebasicinfo .offline { 
font-family: Verdana; 
  color: #FFFFFF; 
font-weight: normal; 
} 

#profilebasicinfo .offline:after { 
content: " . Jossai se seikkailee ;D"; 
  color: #FFFFFF; 
cursor: default; 
font-family: Verdana; 
text-transform: capitalize; 
} 


.smallbox .network { 
  font-weight: bold; 
} 


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

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

#profileaphorism .title { 
display: none; 
} 

#profileaphorism .content { 
border: 0px solid #000000; 
color: #666666; 
  background-color: #131313; 
} 

#profileaphorism .content .innerborder { 
border: 0px dotted #333333; 
  padding: 10px; 
  font-family: Verdana, Monospace; 
font-size: 11px; 
} 

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

#profileaphorism .content a { 
cursor: default; 
font-weight: bold; 
} 

#profileaphorism img { 
border: 1px solid transparent; 
} 

#profileaphorism img:hover { 
border: 1px solid #FFFFFF; 
} 



/* --- 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 #FFFFFF; 
} 

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

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

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 { 
display: none; 
  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: #263E59; 
  border: 1px solid #667A8F; 
} 

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

#smileyselector br { 
  clear: left; 
} 

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


table.smallstats { 
width: 100%; 
} 

table.smallstats td { 
text-align: left; 
vertical-align: middle; 
} 

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

table.smallstats td.value b { 

color: #AAAAAA; 
font-weight: normal; 

display: block; 
margin: auto; 
padding-top: 0px; 
padding-bottom: 1px; 
padding-right: 1px; 
width: 55px; 
float: right; 
} 

#viewimage img { 
border: 1px solid transparent; 
cursor: default; 
} 

#viewimage img:hover { 
border: 1px solid #FFFFFF; 
cursor: default; 
} 

#profilevisitcounter .content a { 
display: none; 
}