/* 
 * Modauspohjaksi tarkoitettu stylesheetti. Sisältää vain 
 * profiilisivua ja kuva-arkistoa koskevat määritykset. 
 * 
 * $Id: basestyle.css,v 1.3 2004/12/29 13:19:58 tuner Exp $ 
 */ 
  
body { 
 background-color: #F1F8FF; 
 padding: 0; margin: 0; 
 color: #000; 

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

table { 
 border-collapse: collapse; 
} 

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

#headerblock { 
 position: relative; 
} 

h1 { 
 background: url("http://mib.bpcdn.us/BP-Grafix6/10.gif")  no-repeat;
 margin: 0; 

 display: block; 
 height: 351px; 

 position: relative; 
} 

h1 .ircgalleria { 
 color: #000; 
 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: #000; 
 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: #F1F8FF; 
 margin-bottom: 40px; 
 border-top: 1px solid black; 
} 

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

#footer a { 
 color: #000; 
} 
  

/* --- 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: #F1F8FF; 
 border: 1px solid #000; 
 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: #000; 
} 

strong { 
} 

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

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

div.smallbox .error { 
 color: red; 
} 

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

a:link { 
 color: #000; 
} 

a:visited { 
 color: #000; 
} 

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

div.picture a { 
} 

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

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

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

 color: black; 
} 

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

 background-color: #F1F8FF; 

 border-top: 1px solid #808080; 
 border-left: 1px solid #808080; 
 border-bottom: 1px solid #000; 
 border-right: 1px solid #000; 
} 

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

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

 width: 100%; 

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

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

#mainmenu li a { 
 display: block; 

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

 float: left; 
 margin: 0; 

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

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

#mainmenu li a:hover { 
 color: #808080; 
 background-color: #F1F8FF; 
} 
  

/* --- 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 #000; 
 width: 100%; 
 background-color: #F1F8FF; 
} 

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

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

 float: left; 

 font-size: 10px; 
} 

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

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

#submenu li.selected a { 
} 
  

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

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

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

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

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

div.smallbox div.title { 
 border: 1px solid #000; 
 border-bottom: none; 

 background-color: #F1F8FF; 
} 

div.smallbox div.title h3 { 
 margin: 0; 
 padding: 2px; 
  
 text-align: center; 
 font-family: Arial, Sans-serif; 
 color: #000; 
 font-size: 10px; 
 font-weight: normal; 
 text-transform: uppercase; 
 letter-spacing: 0px; 
} 

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

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

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 #000; 
 border-bottom: 1px solid #000; 
 background-color: #F1F8FF; 
} 

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

 white-space: nowrap; 
} 

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

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

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

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

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

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

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

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

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

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

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

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: #F1F8FF; 
 border: 1px solid #000; 
} 

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