/*
fu4
Punavalko-raidallinen modaus,piristystä mustaan talveen. :)
_________________________________________________
Modi kopioitu osoitteesta
www.sampo.name
ÄLÄ MUUTTELE ILMAN TEKIJÄN LUPAA,KIITOS. :)
*/
/* Sivun pohja,uloin tausta */
body{background:#fff url("
http://i213.photobucket.com/albums/cc272/samponame/fu4/body.png");padding:0;margin:0;color:#000;font-family:Verdana,Arial,Sans-Serif;}
/* sivun ulkodiv,määrittelee leveyden ja keskittää */
#outerbody{margin-left:auto;margin-right:auto;width:960px;position:relative;}
/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody{clear:both;background:#fff url("t") 0% 0% repeat-x;padding:12px 18px 20px 18px;border-left:1px solid #000;border-right:1px solid #000;}
/* generic-taulukko */
table{border-collapse:collapse;}
table td{vertical-align:top;}
/* perusfontti */
p,td,ol,ul,dl,div{font-family:Verdana,Arial,Sans-Serif;letter-spacing:0px;font-size:11px;}
/* boldaukset */
p b,li b,label b{color:#000;}
/* Linkit */
a{text-decoration:none;font-weight:bold;}
a:link{color:#000;}
/* vierailtu */
a:visited{color:#000;}
/* mouseover */
a:hover{text-decoration:underline;color:#000;}
/* tekstikentät / painikkeet */
input{margin:0;margin-right:5px;}
/* tekstikentät */
input.text,
textarea.text,
select{background-color:#ff0000;border:1px solid #000;font-size:12px;color:#000;}
/* Lomakkeen lähetyspainike */
input.submit{color:#000;font-size:10px;letter-spacing:1px;background-color:#fff;border:1px outset #000;}
#moodedit,#moodedit *{display:inline;}
#profilelastfm .lastfmtime{color:#000 !important}
#profilelastfm .lastfmtrack{color:#000 !important}
#profilelastfm ol.lastfmtopartists,#profilelastfm ol.lastfmtoptracks ol{color:#000 !important}
/* Yläreunan div,tän sisällä on myös haku */
#headerblock{position:relative;background:#fff url("h1.gif");border-left:1px solid #000;border-right:1px solid #000;height:54px;}
h1{margin:0;display:block;height:54px;position:relative;background-image:url("
http://i213.photobucket.com/albums/cc272/samponame/irkblack.png");background-repeat:no-repeat;background-position:10px 0px;}
/* Etusivulinkkialue */
h1 a{display:block;position:absolute;height:25px;top:14px;left:14px;width:185px;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{font-family:Verdana,Arial,Sans-Serif;color:#000;font-size:12px;font-weight:bold;display:block;margin:auto;position:absolute;top:12px;left:216px;}
/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small{font-weight:normal;}
/*
* Alareuna (Copyright teksti -palkki)
*/
#footer{background:#fff url("
http://i213.photobucket.com/albums/cc272/samponame/fu4/cbbottom.gif");margin-bottom:40px;border:1px solid black;border-top:none;}
#footer .innerborder{font-size:10px;text-align:center;padding:2px 20px 2px 20px;color:#000;}
#footer a{color:#000;}
/*
* Yläreunan hakulomakkeet
*/
#search{position:absolute;top:11px;right:14px;}
#search table{border-collapse:collapse;}
#search table td{vertical-align:top;padding-right:15px;}
/* Hakulomakkeet tekstit */
#search td.searchtitle div{display:none;}
/* Haku */
#search td.nicktitle div{display:none;}
/* Nimimerkki */
#search td.communitytitle div{display:none;}
/* Yhteisö */
#search td.channeltitle div{display:none;}
/* Kanava */
/* Haun tekstikenttä */
#search input.text{margin:0;background-color:#ff0000;border:1px solid #000;font-size:9px;font-family:Verdana,Sans-Serif;padding-right:1px;}
/* Haun noulipainike */
#search a,#search a:hover{display:none;}
#search a span{font-size:11px;padding-left:3px;}
/*
* Päävalikko
*/
#mainmenu{background-color:#fff;margin:0;float:left;width:958px;border-left:1px solid #000;border-right:1px solid #000;}
/* sisemmät reunukset */
#mainmenu .innerborder{float:left;width:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;}
/* 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,sans-serif;float:left;/* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */}
/* Pois! -painike */
li#mmlogout{float:right;}
/* "Oma" -painike */
#mainmenu li.selected{background-color:#fff;}
/* linkki */
#mainmenu li a{display:block;padding:2px 9px 3px 9px;color:#000;font-size:10px;float:left;margin:0;text-decoration:none;text-transform:uppercase;}
/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a{color:#000;font-weight:bold;}
/* linkkien mouseover */
#mainmenu li a:hover{color:#000;background-color:#fff;}
/*
* Alavalikko,samanlainen merkkaus kuin päävalikolla
*/
#submenu{clear:both;float:left;font-size:11px;letter-spacing:0px;font-family:Verdana,Arial,sans-serif;padding-top:15px;margin-left:0px;border-left:1px solid #000;border-right:1px solid #000;width:958px;background-color:#fff;}
/* 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:15px;border:1px solid #000;background:red;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:#E2EBF1;float:left;font-size:10px;}
/* linkin onmouseover */
#submenu a:hover{text-decoration:underline;}
/* "profiili" painike
#submenu li.selected{background:#7F92AB;}
/* "profiili" linkki */
#submenu li.selected a{}
/*
* Vasemman reunan laatiokot
*/
div.smallbox{margin-bottom:10px;border-top:0px solid black;padding:0;background:transparent url("
http://i213.photobucket.com/albums/cc272/samponame/fu4/sbbg.png");}
/* laatikon otsikkoalue */
div.smallbox div.title{border:1px solid #000;border-bottom:none;background:#ff0000;}
/* laatikon otsikkoteksti */
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;height:13px;}
/* laatikon sisältö */
div.smallbox .content{padding:0;border:1px solid #000;}
/* laatikon sisällön sisäreuna */
div.smallbox .content .innerborder{border:1px solid #ff0000;padding:0 10px 0 10px;margin:0;}
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;}
#profileactions .spacer,#profilechannels .spacer,
#profilecommunities .spacer{display:none;}
#profilecommunities .network{display:none;}
/* laatikon ohje-nappula,piilotettu */
div.smallbox a.helplink{display:none;position:absolute;height:17px;width:21px;top:0px;right:0px;}
/* 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:11px;}
#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{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:#ff0000;font-weight:bold;}
/* Verkon tai yhteisöluokitustekstit */
#profilechannels .network,
#profilecommunities .network{font-weight:bold;}
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity{padding-left:11px;}
div.smallbox div.channellist div.profircchanneloperator{background:url("
http://i213.photobucket.com/albums/cc272/samponame/xmas/valvoja.gif") 2px 2px no-repeat;}
div.smallbox div.channellist div.profcommunitymoderator{background:url("
http://i213.photobucket.com/albums/cc272/samponame/xmas/valvoja.gif") 2px 1px no-repeat;}
/* Vieraslista */
div#profilevisitorlist table#visitorlisttable{width:100%;margin:0;}
div#profilevisitorlist tr.visitorlistdate th{text-align:left;font-weight:bold;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;font-weight:bold;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:#445a72;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:block;}
#profileaphorism .content{background-color:#fff;}
/* monospace fontti */
#profileaphorism .content .innerborder{padding:10px;font-family:"Lucida Console",monospace;}
#profileaphorism img{border:none;}
div.commentbox{width:691px;border:1px solid #000;background:#fff url("
http://i213.photobucket.com/albums/cc272/samponame/fu4/cbtop.gif") repeat-x left top;}
div.commentbox .content{background:url("
http://i213.photobucket.com/albums/cc272/samponame/fu4/cbbottom.gif") repeat-x left bottom;padding:22px 15px 22px 15px;}
div.commentbox .title{display:none;}
/* sisäreuna */
div.commentbox .innerborder div{margin-top:1px;margin-bottom:1px;}
/* aikaleima */
div.commentbox .stamp{font-family:Arial,Sans-Serif;font-size:10px;color:#ff0000;white-space:nowrap;}
/* Uudet kommentit teksti */
#newcomments{margin-top:5px;margin-bottom:5px;font-weight:bold;color:#ff0000;}
/* 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}
#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:#000;}
/* yksityiset */
div.commentbox tr.private,.private,div.commentbox .private{color:#ff0000 !important}
/* ylläpitokommentit */
div.commentbox tr.admin,.admin{color:#000;}
/* muiden käyttäjien omat kommentit */
div.commentbox tr.user{color:#000;}
/*
* Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille
*/
div.noticebox{color:#000;border-top:1px solid black;padding:0;background-color:#ff0000;}
div.noticebox div.innerborder{color:#000;border:1px solid #000;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{background:#fff url("
http://i213.photobucket.com/albums/cc272/samponame/fu4/cbbottom.gif") repeat-x bottom left;padding:8px 5px 20px 5px;margin-bottom:12px;border-bottom:1px solid #000;border:1px solid #000;}
/* 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:20px;text-align:right;padding-bottom:7px;}
#viewtableimage div.prevnextpagination div.innerborder{color:#000;position:relative;top:-6px;}
#viewtableimage div.prevnextpagination .prevnextpagination a{padding-bottom:3px;}
/* erotin "- (x/y) -" */
#viewtableimage div.prevnextpagination .prevnextpagination .separator{font-size:9px;}
/* 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
*/
/* Muuta vain näitä värejä jottei mikään hajoisi */
#smileyselector{background:#fff url("
http://i213.photobucket.com/albums/cc272/samponame/fu4/cbtop.gif") repeat-x left top;border:1px solid #000;}
#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:#000;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:13px;padding-left:3px;padding-right:3px;}
/*
* Äänikommentti-laatikko
*/
#voicecommentbox{}
div#voicecommentbox div#voicecommentmaximized{border:1px solid #667A8F;padding:0.5em 1.5em;}
div#voicecommentbox div#voicecommentnumbermissing{border:1px solid #667A8F;padding:1em 1em 1em 70px;}
div#voicecommentbox a#voicecommentinstructiontoggle{border:solid 1px #667A8F;display:block;padding:1em 1em 1em 70px;color:#D3E6E6;font-weight:normal;text-decoration:none;}
div#voicecommentbox a#voicecommentinstructiontoggle b{display:block;margin-bottom:0.5em;color:#F68C00;font-weight:bold;}
div#voicecommentbox div#voicecommentmaximized h4{color:#F68C00;}
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 #CCCCCC;color:black;font-size:10px;font-weight:bold;left:20px;bottom:110px;width:67px;text-align:right;padding:2px;}
/*
* Huomiot
*/
/* huomion ulkoreuna */
#notes div.hover1{border-color:#fff;}
/* huomion sisäreuna */
#notes div.hover1 div.hoverinner{border-color:#ff0000;}
/* huomion ulkoreuna onmouseover */
#notes div.hover2{border-color:#ff0000;}
/* huomion sisäreuna onmouseover */
#notes div.hover2 div.hoverinner{border-color:#fff;}
/* huomion tekstiboksi */
#notes span.text{border:1px solid #000;background:#fff;color:#000;}
/*
* Kurkistus
*/
/* Käyttäjäkurkistus-"laatikko",älä määrittele korkeutta */
div.peepboxN{background:#fff url("
http://i213.photobucket.com/albums/cc272/samponame/fu4/cbtop.gif") repeat-x left top;width:180px;}
/* Kanava/yhteisö -kurkistus-"laatikko",älä määrittele korkeutta */
div.peepboxC{background:#fff url("
http://i213.photobucket.com/albums/cc272/samponame/fu4/cbtop.gif") repeat-x left top;width:250px;}
/* kurkistuksen sisäreuna */
div.peepboxN div.innerborder,
div.peepboxC div.innerborder{border:1px solid #000;padding:5px 10px 5px 10px;color:#000;font-family:Verdana,Arial,sans-serif;letter-spacing:0px;font-size:11px;}
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:#ff0000;}
span.onlinenick{padding-right:11px;margin-right:2px;background-image:url("
http://i44.photobucket.com/albums/f17/S4X/he1kk1/onlineredbig.png");background-repeat:no-repeat;background-position:100% 3px;}
/* (O) Synttärikakku */
span.birthdaynick{padding-right:17px;margin-right:0px;background-image:url("
http://disko.irc-galleria.net/idaho/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:12px;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:#ff0000;}
.alert{color:#ff0000;font-weight:bold;}
div.smallbox .error{color:red;}
span.nick1 a{margin-left:2px;margin-right:2px;}
div.picture img{border:1px solid #fff;margin:0;}
ul.emphasized li{color:#F68C00;font-weight:bold;margin-bottom:2px;}