IRC-Galleria

/*
/*
/*
* Modauksen on tehnyt irc-modaukset joten kunnioitathan tekijänoikeuksia , etkä muuta MITÄÄN koodeista !
*
* www.irc-modaukset.net
*/

/*
* Sekalaista
*/

/* Sivun pohja, uloin tausta */
body {
background-color: #000000;
padding: 0; margin: 0;
color: #FFFFFF;

font-family: Arial;
}

/* sivun ulkodiv, määrittelee leveyden ja keskittää */
#outerbody {
margin-left: auto;
margin-right: auto;
width: 965px;
position: relative;

}

/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody {
clear: both;
background: #000000 url("tabbedgradient.gif") 0% 0%
repeat-x;

padding: 12px 18px 20px 18px;
border-top: 0px solid #1B1B1B;
border-bottom: 2px solid #1B1B1B;
border-right: 2px solid #1B1B1B;
border-left: 2px solid #1B1B1B;
}

/* generic-taulukko */
table {
border-collapse: collapse;
}

table td {
vertical-align: top;
}

/* perusfontti */
p, td, ol, ul, dl, div {
font-family: Arial;
letter-spacing: 0px;
font-size: 10px;
}

/* boldaukset */
p b, li b, label b {
color: #FFFFFF;
}

/* Linkit */
a {
text-decoration: none;

}

a:link {
color: #FFFFFF;
}

/* vierailtu */
a:visited {
color: #FFFFFF;
}

/* mouseover */
a:hover {
text-decoration: capitalize;
color: #762842;
}

/* tekstikentät / painikkeet */
input {
letter-spacing:5px;
margin: 0;
margin-right: 5px;
}

/* tekstikentät */
input.text,
textarea.text,
select {
background-color: #000000;
border: 1px solid #1B1B1B;
font-size: 10px;
color: white;
}

/* Lomakkeen lähetyspainike */

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

background-color: #000000;

border-top: 1px solid #1B1B1B;
border-bottom: 1px solid #1B1B1B;
border-right: 1px solid #1B1B1B;
border-left: 1px solid #1B1B1B;

}

/*
* Yläreuna
*/

/* Yläreunan div, tän sisällä on myös haku */
#headerblock {
position: relative;
background-color: #000000;
height: 255px;
border-top: 0px solid #1B1B1B;
border-left: 0px solid #1B1B1B;
border-right: 0px solid #1B1B1B;

}

h1 {
margin: 0;

display: block;
height: 255px;

position: relative;

background-image: url("http://modimg.irc-modaukset.net/luokittelemattomat/pon&zi/yla.jpg");
background-repeat: no-repeat;
background-position: center bottom;
}

/* Etusivulinkkialue */
h1 a {
display: block;
position: absolute;
height: 25px;
top: 14px;
left: 14px;
width: 180px;
text-decoration: none !important;
}

/* IRC-Galleria -teksti, oletuksena piilotettu */
h1 .ircgalleria {
display: none;
}

/* väliviiva otsikossa, oletuksena piilotettu */
h1 .separator { display: none; }

/* Sivun otsikko - Omanick (Omanimi) */
h1 .title {
#moodfield { display: none; }


font-family: Arial;
color: #FFFFFF;
font-size: 10px;


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

/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small {
font-weight: normal;
}

/*
* Alareuna (Copyright teksti -palkki)
*/
#footer { display: none; }

#footer {

margin-bottom: 40px;
border-top: 0px solid black;
}

#footer .innerborder {
font-size: 0px;
text-align: center;
padding: 2px 20px 5px 20px;

}

#footer a {
color: #000000;
}

/*
* Yläreunan hakulomakkeet
*/

#search { display: none; }

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

#search table {
border-collapse: collapse;
}

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

/* Hakulomakkeet tekstit */
#search td.searchtitle div { display: block; } /* Haku */
#search td.nicktitle div { display: block; } /* Nimimerkki */
#search td.communitytitle div { display: block; } /* Yhteisö */
#search td.channeltitle div { display: block; } /* Kanava */

/* Voi piilottaa ylemmät ja tilalle laittaa kuvat */
/* #search td.searchtitle { width: 30px; background: url("searchtitle.gif") no-repeat 0px 5px } */ /* Haku */
/* #search td.nicktitle { height: 11px; background: url("searchnick.gif") no-repeat 1px 0px } */ /* Nimimerkki */
/* #search td.communitytitle { height: 11px; background: url("searchcommunity.gif") no-repeat 1px 0px } */ /* Yhteisö */
/* #search td.channeltitle { height: 11px; background: url("searchchannel.gif") no-repeat 1px 0px } */ /* Kanava */

/* Haun tekstikenttä */
#search input.text {
margin: 0;
background-color: #0F1C2C;
border: 1px solid # 1B1B1B;
font-size: 9px;
font-family: arial;
padding: 1px;
}

/* Haun noulipainike */
#search a, #search a:hover {
text-decoration: none;
}

#search a span {
font-size: 11px;
padding-left: 3px;
}

/*
* Päävalikko
*/
#mainmenu {
background-color: #000000;
margin: 0;
float: left;

width: 99.6%;

border-top: 2px solid #1B1B1B;
border-left: 2px solid #1B1B1B;
border-right: 2px solid #1B1B1B;


}

/* sisemmät reunukset */
#mainmenu .innerborder {
float: left;
width: 100%;

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

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

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

/* painikkeet */
#mainmenu li {
display: block;
padding: 0;
margin: 0;
letter-spacing: 0px;
font-family: arial;

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

/* Pois! -painike */
li#mmlogout {
background-position:750px 20px;
}

/* "Oma" -painike */
#mainmenu li.selected {
background-color: #000000;
}

/* linkki */
#mainmenu li a {
display: block;

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

float: left;
margin: 0;

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

/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a {
color: #FFFFFF;

}

/* linkkien mouseover */
#mainmenu li a:hover {
color: #762842;
background-color: #000000;
text-transform: line-through;
}

/*
* Alavalikko, samanlainen merkkaus kuin päävalikolla
*/
#submenu {
clear: both;
float: left;
font-size: 10px; letter-spacing: 0px;
font-family: arial;
padding-top: 15px;
margin-left: 0px;
border-right: 2px solid #1B1B1B;
border-left: 2px solid #1B1B1B;
width: 99.6%;
background-color: #000000;

}

/* lista */
#submenu ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 17px;
}

/* painike */
#submenu li {
vertical-align: middle;

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

background: #000000;

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

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

color: #FFFFFF;

float: left;

font-size: 10px;
}

/* linkin onmouseover */
#submenu a:hover {
text-decoration: line-through;
color: #762842;
}

/* "profiili" painike
#submenu li.selected {
background: #000000;
}

/* "profiili" linkki */
#submenu li.selected a {

}

/*
* Vasemman reunan laatiokot
*/
div.smallbox {
margin-bottom: 10px;
border-top: 1px solid black;
padding: 0;
background-color: #000000;
}

/* laatikon otsikkoalue */
div.smallbox div.title {
border: 1px solid #1B1B1B;
border-right: 2px solid #1B1B1B;
border-left: 2px solid #1B1B1B;
border-bottom: none;

background-color: #000000;
background: #000000;
}

/* laatikon otsikkoteksti */
div.smallbox div.title h3 {
margin: 0;
padding: 2px;

text-align: left;
font-family: arial;
color: #FFFFFF;
font-size: 10px;
font-weight: normal;
text-transform: none;
letter-spacing: 0px;

height: 13px;
}

/* laatikon sisältö */
div.smallbox .content {
padding: 0;
border: 1px solid #1B1B1B;
text-align: center;

}

/* laatikon sisällön sisäreuna */
div.smallbox .content .innerborder {
border: 1px solid black;
padding: 0 10px 0 10px;
margin: 0;
}

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

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

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




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

/* laatikon ohje-nappula, piilotettu */
div.smallbox a.helplink {
display: block;
position: absolute;
height: 17px;
width: 21px;
top: 0px;


right: 0px;
display: hidden;
}

/* linkit jossa on kuva edessä, lisää padding-leftia pikkukuvia varten */
div.smallbox div.tool_link a {
display: block;
background-repeat: no-repeat;
background-position: center left;
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
margin-top: 1px;
margin-bottom: 1px;
font-size: 10px;
}

/* Laatikot:
#profilebasicinfo Tiedot
#profileactions Toiminnot
#trinketactions Sälät
#profilechannels Kanavat
#profilecommunities Yhteisöt
#profilevisitcounter Kävijälaskuri
#profilevisitorlist Vieraslista
#profileaphorism Ihkuboksi
#profilecountdown TJ-laskuri
*/

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

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

#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#trinketactions .content .innerborder,
#profilevisitorlist div.innerborder {
padding: 10px;
}

#trinketactions .content .innerborder,
#profileactions .content .innerborder,
#profileactions .content .innerborder
#profilevisitorlist div.innerborder {
padding-top: 6px;
padding-bottom: 6px;
}

/* Erottimet */
#profilechannels .spacer,
#profilecommunities .spacer {display: none; }
height: 21px;
}

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

#profilevisitorlist div.spacer {
height: 17px;
}

/* Tiedot -laatikko */
#profilebasicinfo .content span {
white-space: nowrap;
}

/* Kotisivu yms -tekstit */
#profilebasicinfo b {
display: block;
}

/* varsinaiset tiedot */
#profilebasicinfo span {
display: block;
margin-left: 9px;
}

/* Kyllä (kirjautunut) -teksti */
#profilebasicinfo .online {
color: #FFFFFF;

}

/* Verkon tai yhteisöluokitustekstit */
#profilechannels .network,
#profilecommunities .network {display: none; }

}

/* Yhteisö / Kanava listauksiin padding oppi/valvojamerkkiä varten */
/*
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity {
padding-left: 11px;
}

div.smallbox div.channellist div.profircchanneloperator {
background: url("channel_operator_dark.gif") 2px 2px no-repeat;
}

div.smallbox div.channellist div.profcommunitymoderator {
background: url("community_moderator.gif") 2px 1px no-repeat;
}
*/

/* Vieraslista */
div#profilevisitorlist table#visitorlisttable {
width: 100%;
margin: 0;
}

div#profilevisitorlist tr.visitorlistdate th {
text-align: left;

padding-top: 0.5em;
}

div#profilevisitorlist td.visitorlistvisitor {
padding-left: 1em;
}

div#profilevisitorlist td.visitorlisttime {
text-align: right;
}

/* TJ-laskuri */
div#profilecountdown table#countdowntable {
width: 100%;
margin: 0;
margin-bottom: 0.8em;
}

div#profilecountdown tr.countdowndescription th {
text-align: left;

padding-top: 0.5em;
}

div#profilecountdown form#countdownadd {
margin: 0;
}

div#profilecountdown tbody.countdownentryprivate {
}

div#profilecountdown tbody.countdownentryfriends {
}

div#profilecountdown tbody.countdownentrylogged {
}

div#profilecountdown tbody.countdownentrypublic {
}

div#profilecountdown tr.countdowndays td {
padding-left: 2em;
}

div#profilecountdown tr.countdownweeks td {
padding-left: 2em;
}

div#profilecountdown tr.countdownentryedit td {
padding-left: 2em;
}

div#profilecountdown select#countdownvisibility {
width: 100%;
}

div#profilecountdown div.countdownprogressouter {
position: relative;
height: 1.3em;
border: solid 1px black;
}

div#profilecountdown div.countdownprogressbar {
top: 0;
left: 0;
height: 100%;
background-color: #000000;
position: absolute;
}

div#profilecountdown div.countdownprogresspercent {
top: 0;
left: 0;
width: 100%;
line-height: 1.3em;
text-align: center;
position: absolute;
}

div#profilecountdown .spacer {
margin-top: 1.0em;
margin-bottom: 0.3em;
background: url(dotline.gif) repeat-x left center;
}

/* Ihkuboksi */

/* ei näytetä otsikkoa */
#profileaphorism .title {
display: none;
}

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

/* monospace fontti */
#profileaphorism .content .innerborder {
padding: 10px;
font-family: arial;



}

#profileaphorism img {
border: none;
}


/* Pikkukuvat toimintolinkkeihin */
/*
div.smallbox div.tool_link a {
padding-left: 24px;
}
*/
/* #profilevisitorlist #showmorevisitors a { background-image: url("visitorlist_showmore.gif"); } */ /* Näytä lisää vierailijoita */
/* #profilevisitorlist #browsevisitors a { background-image: url("visitorlist_browse.gif"); } */ /* Selaa vierailijoiden kuvia */
/* #comment_deletion_start a { background-image: url("remove_comm.gif"); } */ /* Poista kommentteja */
/* #comment_deletion_stop a { background-image: url("stop_remove_comm.gif"); } */ /* Lopeta kommentien poisto */
/* #prof_blacklist_add a { background-image: url("add_black.gif"); } */ /* Lisää Mustalle Listalle */
/* #prof_blacklist_remove a { background-image: url("add_black.gif"); } */ /* Poista Mustalle Listalle */
/* #prof_friends_add a { background-image: url("add_friend.gif"); } */ /* Lisää kaveriryhmään */
/* #prof_daily_pic a { background-image: url("king_for_a_day.gif"); } */ /* Ehdota Päivän kuvaksi */
/* #prof_denunciate a { background-image: url("bust_user.gif"); } */ /* Ilmianna käyttäjä */
/* #prof_away a { background-image: url("away.gif"); } */ /* Aseta poissaoloviesti */
/* #prof_image_info a { background-image: url("change_info.gif"); } */ /* Muokkaa kuvan tietoja */
/* #prof_mypicture a { background-image: url("prof_mypicture.gif"); } */ /* LolKek */
/* #prof_add_note a { background-image: url("add_note.gif"); } */ /* Uusi Huomio */
/* #prof_addpic a { background-image: url("prof_addpic.gif"); } */ /* Lisää uusi kuva */
/* #prof_sms_bg a { background-image: url("order_image.gif"); } */ /* Lataa taustakuvaksi */
/* #trinket_pick_all a { background-image: url("pick_trinkets.gif"); } */ /* Poimi kaikki sälät */
/* #trinket_edit_start a { background-image: url("start_modification.gif"); } */ /* Muokkaa sälää */
/* #trinket_edit_stop a { background-image: url("stop_modification.gif"); } */ /* Lopeta sälän muokkaus */

/*
* Kommenttilaatikko
*/

div.commentbox {
width: 691px;
border: 1px solid #1B1B1B;
text-align: center;
background-color: #000000;
}

/* otsikko, oletuksena piilotettu */
div.commentbox .title {
display: none;
}

/* sisältö */
div.commentbox .content {
padding: 15px;
}

/* sisäreuna */
div.commentbox .innerborder div {
margin-top: 1px;
margin-bottom: 1px;
}

/* aikaleima */


div.commentbox .stamp { display: none; }
font-family: arial;
font-size: 0px;
color: #000000;

white-space: nowrap;
}

/* Uudet kommentit teksti */
#newcomments {
margin-top: 5px;
margin-bottom: 5px;

color: #762842;
}
/* kommenttitaulukon solut, sarakkeiden välit tässä */
div.commentbox td {
padding-right: 5px;
}

/* kommentin lähettäjän nimimerkki */
div.commentbox td.sender {
white-space: nowrap;
}

/* kommentteissa esiintyvät linkit */
div.commentbox td.comment a {
font-weight: normal;
text-decoration: underline;
}

/* poistettava kommentti */
div.commentbox tr.deleted td {
text-decoration: line-through;
color: #A0A0A0;
}

/* palautettu kommentti */
div.commentbox tr.deleted td.undelete {
text-decoration: none
}

/* kommenteissa näkyvät linkit */

/* profiili */
/*
a.viewlink {
padding-right: 13px;
background-image: url("cicon_user.gif");
background-repeat: no-repeat;
background-position: 100% 100%;
}
*/

/* arkisto */
/*
a.archivelink {
padding-right: 13px;
background-image: url("cicon_archive.gif");
background-repeat: no-repeat;
background-position: 100% 100%;
}
*/

/* blogi */
/*
a.bloglink {
padding-right: 17px;
background-image: url("cicon_blog.gif");
background-repeat: no-repeat;
background-position: 100% 100%;
}
*/

/*
* Kommenttointi lomake
*/
#commentform {
margin-top: 10px;
margin-bottom: 10px;
}

#commentform td {
vertical-align: middle;
}

#commentform #commentfield {
width: 390px;
}

/*
* Kommentien värit
*/

/* omat kommentit omissa kuvissa */
div.commentbox tr.owner {
color: #FFFFFF;
}

/* yksityiset */
span.private { display: none; }
div.commentbox tr.private, .private {
color: #762842;
font-style:italic;
}

/* ylläpitokommentit */
div.commentbox tr.admin, .admin {
color: #FFFFFF;
}

/* muiden käyttäjien omat kommentit */
div.commentbox tr.user {
color: #FFFFFF;
}

/*
* Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille
*/
div.noticebox {
border-top: 1px solid black;
padding: 0;
background-color: #000000;
}

div.noticebox div.innerborder {
border: 1px solid #1B1B1B;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

div.noticebox div.innerborder {
height: auto;
padding-left: 55px;
}

div.noticebox p {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
}

div#todayspicnotice {
width: 691px;
margin-top: 10px;
}

div#regseductionbox ul {
margin-top: 5px;
margin-bottom: 5px;
}

p#regseductionlink a {
padding-right: 15px;
}

/*
* Profiilisivuun liittyvät määrreet
*/
#viewtable {
border-collapse: collapse;
}

#viewtable td {
vertical-align: top;
}

/* Vasen palsta */
#viewtableinfo {
width: 214px;
padding: 0;
}

/* Oikea palsta, jossa on kuva */
#viewtableimage {
width: 691px;
padding-top: 0;
padding-left: 18px;
}

/* Kuvan ympäristö */
#viewimagearea {

padding: 8px 5px 10px 5px;
margin-bottom: 12px;
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
}

/* Kuvan div */
#viewimage {
margin-left: auto;
margin-right: auto;
}

/* käyttäjän kuva */
#viewimage img {
border: 0;
}

/* kuvateksti */
#viewcaption {
margin: 3px 10px 20px 1px;
text-align: center;
margin-top: 5px;
margin-bottom: 0px;

}

/* Edellinen/Seuraava tekstit */
#viewtableimage div.prevnextpagination {
height: 10px;
text-align: center;
padding-bottom: 7px;
}

#viewtableimage div.prevnextpagination div.innerborder {
position: relative;
top: -6px;
}

#viewtableimage div.prevnextpagination .prevnextpagination a {
padding-bottom: 3px;
}

/* erotin "- (x/y) -" */
#viewtableimage div.prevnextpagination .prevnextpagination .separator {
font-size: 10px;
}

/* edellinen */
#viewtableimage div.prevnextpagination .prevlink {
padding: 0;
padding-left: 15px;
padding-right: 2px;
}

/* seuraava */
#viewtableimage div.prevnextpagination .nextlink {
padding: 0;
padding-left: 2px;
padding-right: 15px;
}

/*
* Hymiö-selektori
*/
td.smileycell { display: none; }
/* Muuta vain näitä värejä jottei mikään hajoisi */
#smileyselector {
background-color: #000000;
border: 1px solid #1B1B1B;
}

#smileyselector {
display: none;
position: absolute;
bottom: 20px;
left: -36px;
width: 93px;
padding-top: 5px;
z-index: 1000;
}

#smileys {
position: relative;
width: 30px;
}

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

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

#smileyselector br {
clear: left;
}

#smileyselector div.smileyclose a {
color: black;
text-decoration: none;
font-family: arial;

font-size: 10px;
padding-left: 3px;
padding-right: 3px;
}

/*
* Äänikommentti-laatikko
*/
#voicecommentbox {
}

div#voicecommentbox div#voicecommentmaximized {
border: 1px solid #1B1B1B;
padding: 0.5em 1.5em;
}

div#voicecommentbox div#voicecommentnumbermissing {
border: 1px solid #1B1B1B;
padding: 1em 1em 1em 70px;
}

div#voicecommentbox a#voicecommentinstructiontoggle {
border: solid 1px #1B1B1B;
display: block;
padding: 1em 1em 1em 70px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

div#voicecommentbox a#voicecommentinstructiontoggle b {
display: block;
margin-bottom: 0.5em;
color: #FFFFFF;

}

div#voicecommentbox div#voicecommentmaximized h4 {
color: #FFFFFF;
}

div#voicecommentbox div#voicecommentmaximized ol {
list-type: decimal;
margin: 1em 0 1em 3em;
padding: 0;
}

div#voicecommentbox div#voicecommentmaximized ol li {
margin: 1em 0;
padding: 0;
}

div#voicecommentbox div#voicecommentmaximized ol li p {
margin: 0.5em 0 !important;
}

div#voicecommentbox div#voicecommentphone {

width: 114px;
height: 237px;
float: right;
margin: 0 0 1em 1em;
background: url("voicecomment_n70.png") no-repeat;
position: relative;
}


div#voicecommentbox span#voicecommentphonenumber {
display: block;
position: absolute;
background: white;
border: 1px solid #1B1B1B;
color: black;
font-size: 10px;

left: 20px;
bottom: 110px;
width: 67px;
text-align: right;
padding: 2px;
}

/*
* Huomiot
*/

/* huomion ulkoreuna */
#notes div.hover1 {
background: url("http://modimg.irc-modaukset.net/luokittelemattomat/pon&zi/huomio6.png") center no-repeat;
height: 50px;
width: 50px;
border: none;
}

/* huomion sisäreuna */
#notes div.hover1 div.hoverinner {
border: none;
}

/* huomion ulkoreuna onmouseover */
#notes div.hover2 {
background: url("http://modimg.irc-modaukset.net/luokittelemattomat/pon&zi/huomio7.png") center no-repeat;
height: 50px;
width: 50px;
border: none;
}

/* huomion sisäreuna onmouseover */
#notes div.hover2 div.hoverinner {
border: none;
}

/* huomion tekstiboksi */
#notes span.text {
border: 1px solid #90a2b6;
background: #000000;
color: #FFFFFF;
}

/*
* Kurkistus
*/
/* Käyttäjäkurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxN {
background-color: #000000;
width: 180px;
}

/* Kanava/yhteisö -kurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxC {
background-color: #000000;
width: 250px;
}

/* kurkistuksen sisäreuna */
div.peepboxN div.innerborder,
div.peepboxC div.innerborder {
border: 1px solid #1B1B1B;
padding: 5px 10px 5px 10px;

color: #FFFFFF;
font-family: arial;
letter-spacing: 0px;
font-size: 10px;
}

div.peepboxN p,
div.peepboxC p {
margin-top: 0;
margin-bottom: 5px;
}

div.peepboxN span,
div.peepboxC span {
display: block;
margin-left: 9px;
}

/*
* Kaverit, kirjautunut-pallo ja syntärisankarikakku
*/

/* Kaverit vaaleanpunaisella */
span.friend a:link,
span.friend a:visited {
color: #FFFFFF;
}

/* Kommentoitu pois, oletuksena näyttävät ihan hyviltä
span.onlinenick {
padding-right: 7px;
margin-right: 2px;

background-image: url(online.gif);
background-repeat: no-repeat;
background-position: 100% 6px;
}

span.birthdaynick {
padding-right: 17px;
margin-right: 0px;

background-image: url(birthday.gif);
background-repeat: no-repeat;
background-position: 100% 0px;
}
*/

/*
* Tosi sekalaista
*/
p {
line-height: 15px;

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

/* Pikkuotsikko - Sälähallinta */
h4 {
font-size: 10px;

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

form table th {
text-align: left;
vertical-align: top;
}

/* checkboxit ja radio buttonit labelin sisällä */
label input {
vertical-align: bottom;
}

strong {
}

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

.alert {
color: #000000;

}

div.smallbox .error {
color: red;
}


span.nick1 a {
margin-left: 2px;
margin-right: 2px;
}

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

ul.emphasized li {
color: #000000;

margin-bottom: 2px;
}



#profilebasicinfo .online {
font-size: 0px;
}
#profilebasicinfo .online:before {
color: #000000;
}
#profilebasicinfo .online:after {
content: " kyllä rakas ";
color: #762842;
font-size: 12px;
}

#profilebasicinfo .offline {
font-size: 0px;
}
#profilebasicinfo .offline:before {
color: #FFFFFF;
}
#profilebasicinfo .offline:after {
content: " anteeksi että lähdin ";
color: #762842;
font-size: 12px;
}