valmiit modit

/*
* 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: #000000;
   padding: 0; margin: 0;
   color: #FF19B3;

   font-family: Comic Sans;
}

table {
   border-collapse: collapse;
}

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

#headerblock {
   position: relative;
}

h1 {
   background-color: #000000;
   margin: 0;

   display: block;
   height: 54px;

   position: relative;
}

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

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

#footer a {
   color: #FF19B3;
}


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

strong {
}

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

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

div.smallbox .error {
   color: black;
}

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

a:link {
   color: #FF19B3;
}

a:visited {
   color: #FF19B3;
}

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


div.picture a {
}

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

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

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

   color: red;
}

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

   background-color: #FF19B3;

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

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

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

   width: 100%;

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

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

#mainmenu li a {
   display: block;

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

   float: left;
   margin: 0;

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

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

#mainmenu li a:hover {
   color: #FF19B3;
   background-color: #000000;
}


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

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

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

   float: left;

   font-size: 10px;
}

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

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

#submenu li.selected a {
}


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

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

#tabbedbody {
   clear: both;
   background: #000000;
   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: #000000;
}

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

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

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

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

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: Comic Sans;
   font-size: 10px;
   color: #FF19B3;

   white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

table.grid div.caption {
   padding-top: 3px;
}

div.thumbnick {
   margin-top: 1px;
   margin-bottom: 7px;
}

div.thumbnick b {
   font-size: 9px;
   color: blue;
}

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: #000000;
   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: blue;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 13px;
   padding-left: 3px;
   padding-right: 3px;
}

#commentform .nickcell a:after {
color: #FF19B3;
content: ""
}

#commentform .nickcell a {

color: #FF19B3;


font-size: 15px;
}



#commentform .nickcell a:before {
color: #FF19B3;
content: " rakas "
}


#commentform .nickcell a:hover:before {
Content: " ";
color: #000000;
}

/*
* 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-image: url(http://www.mbif.net/backgrounds/rottiepupsaltered.gif); background-attachment: fixed}




   font-family: Comic Sans;
}

table {
   border-collapse: collapse;
}

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

#headerblock {
   position: relative;
}

h1 {
   background-color:
   margin: 0;

   display: block;
   height: 54px;

   position: relative;
}

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

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

#footer a {
   color: #D94800;
}


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

strong {
}

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

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

div.smallbox .error {
   color: red;
}

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

a:link {
   color: #FF6680;
}

a:visited {
   color: #D9576C;
}

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


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:
   border: 1px solid #667A8F;
   font-size: 12px;

   color: white;
}

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

   background-color:

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

#mainmenu li a {
   display: block;

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

   float: left;
   margin: 0;

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

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

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


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

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

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

   float: left;

   font-size: 10px;
}

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

#submenu li.selected {
   background-color:
}

#submenu li.selected a {
}


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

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

#tabbedbody {
   clear: both;
   background:
   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:
}

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

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

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

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

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

   white-space: nowrap;
}

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

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

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

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

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

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:after {
content: "todellaki!";
color: #FF80FF;
cursor: wait;
font-size: 10px;
font-family: arial;
}

.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:
}

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

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

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

#commentform .nickcell a:after {
color: #FFA300;
content: ""
}

#commentform .nickcell a {

color: #FFA300;


font-size: 15px;
}



#commentform .nickcell a:before {
color: #FFA300;
content: " rakas "
}


#commentform .nickcell a:hover:before {
Content: " ";
color: #FFFFFF;
}

#commentform .nickcell a:hover:after {
content: ": ";
color: #FFFFFF
}

#commentform .nickcell b {

/*
* 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-image: url(http://www.mbif.net/backgrounds/risingheartsforgimmick.gif); background-attachment: fixed}

   font-family: Comic Sans;
}

table {
   border-collapse: collapse;
}

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

#headerblock {
   position: relative;
}

h1 {
   background-color:
   margin: 0;

   display: block;
   height: 54px;

   position: relative;
}

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

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

#footer a {
   color: #2240FF;
}


/* --- 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: #FFFFFF;
   border: 1px solid
   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: #2240FF;
}

strong {
}

.error, ul.errors {
   color: #2240FF;
}

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

div.smallbox .error {
   color: black;
}

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

a:link {
   color: #2240FF;
}

a:visited {
   color: #2240FF;
}

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


div.picture a {
}

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

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

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

   color: blue;
}

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

   background-color:

   border-top: 1px solid #2240FF;
   border-left: 1px solid #2240FF3;
   border-bottom: 1px solid #2240FF;
   border-right: 1px solid #2240FF;
}

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

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

   width: 100%;

   border-top: 1px solid #2240FF;
   border-bottom: 1px solid #2240FF;
}

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

#mainmenu li a {
   display: block;

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

   float: left;
   margin: 0;

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

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

#mainmenu li a:hover {
   color: #2240FF;
   background-color:
}


/* --- 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:

}

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

   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: #2240FF;

   float: left;

   font-size: 10px;
}

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

#submenu li.selected {
   background-color:
}

#submenu li.selected a {
}


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

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

#tabbedbody {
   clear: both;
   background:
   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:
}

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

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

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

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:

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: Comic Sans;
   font-size: 10px;
   color: #2240FF;

   white-space: nowrap;
}

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

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

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

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

div.commentbox tr.user {
   color: #2240FF;
}

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

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

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

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

table.grid div.caption {
   padding-top: 3px;
}

div.thumbnick {
   margin-top: 1px;
   margin-bottom: 7px;
}

div.thumbnick b {
   font-size: 9px;
   color: blue;
}

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:
   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: blue;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 13px;
   padding-left: 3px;
   padding-right: 3px;
}

#commentform .nickcell a:after {
color: #2240FF;
content: ""
}

#commentform .nickcell a {

color: #2240FF;


font-size: 15px;
}



#commentform .nickcell a:before {
color: #2240FF;
content: " rakas "
}


#commentform .nickcell a:hover:before {
Content: " ";
color: #000000;

en oo nyt iha varma et saako tänne lisätä muut modeja ku se "mä vaan" ku ei pahemmin muitten näy mut laitan tänne kuitenki sen elikkä tässä ja tää on sit tämmönen testaus ja en tiä näkyykö muilla ku firefoxilla:


/*
* 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: #0A0A0A;
   padding: 0; margin: 0;
   color: #ED0000;

   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://www.gwyngrafica.org/wallpaper/Blue%20Rose.jpg');
   background-color: #14273D;
   margin: 0;

   display: block;
   height: 54px;

   position: relative;
}

h1 .ircgalleria {
   color: #FFFFFF;
   font-family: Comic Sans MS, Comic Sans MS;
float: center;
position: %50 %50;
   font-weight: normal;
   font-size: 28px;

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

}

h1 .separator { display: none; }

h1 .title {
   font-family: Comic Sans MS, Comic Sans MS, Comic Sans MS;
   color: #FFFFFF;
   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: #000000;
   margin: 0;
   float: left;

   width: 100%;

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

#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: Comic Sans MS, Comic Sans MS;

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

li#mmlogout a:hover {
color: #FF0000;
text-decoration: none;
font-weight: bold;
font-size: 0px;
}

li#mmlogout a:hover:after {
color: #FFFFFF;
text-decoration: blink;
font-weight: bold;
font-size: 15px;
content: "TIEHESI";
}

}

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

#mainmenu li a {
   display: block;

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

   float: left;
   margin: 0;

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

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

#mainmenu li a:hover {
   color: #FFFFFF;
   background-color: #000000;
}


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

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

#submenu li {
vertical-align: middle;
margin: 0; padding: 0;
padding-left: 15px;
margin-right: 0;
background: transparent url(http://img442.imageshack.us/img442/9076/hieno1yt.png) top left no-repeat;
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: 7px;
padding-bottom: 5px;
background: transparent url(http://img442.imageshack.us/img442/7271/hieno29nm.png) top right no-repeat;
color: #bbbbbb;
float: left;
font-size: 10px;
}

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

#submenu li.selected {
background: transparent url(http://img442.imageshack.us/img442/9076/hieno1yt.png) top left no-repeat;
}

#submenu li.selected a {
background: transparent url(http://img442.imageshack.us/img442/7271/hieno29nm.png) top right no-repeat;
}


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

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

#tabbedbody {
   clear: both;
   background: url('http://fab8689.free.fr/index_fichiers/%5BIMAGE%5D%20Angel%20Sanctuary%201bis.JPG')#000000 50% 50% no-repeat;
background-attachment: fixed;
   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;
height: 30px;
   border-bottom: none;
display: block;

   background-color: #FFFFFF;
background: url('http://members13.tsukaeru.net/kuwakuwa/luffy_ani.gif');
float: left
}

div.smallbox div.title h3 {
   margin: 0;
   padding: 2px;
display: none;
   
   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: #000000;
background: url('http://www.gwyngrafica.org/wallpaper/Blue%20Rose.jpg');
}

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;
background: #000000 url(http://fab8689.free.fr/index_fichiers/%5BIMAGE%5D%20Angel%20Sanctuary%2018bis.JPG) no-repeat 50% 50%;
}

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

   white-space: nowrap;
}

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

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

div#viewcommentbox {
   width: 686px;
}


/* kommenttien värit */

#viewcommentbox .comments .comment
color: #000000;
}
div.commentbox tr.owner {
   color: #000000;
}

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

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: #000000;
   font-weight: bold;
}

#profilebasicinfo .online:before {
color: white;;
font-size: 12px;
font-weight: bold;
content: "Tietty koska oon ihQ";
display: blink;
}

.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;
background: url('http://www.gwyngrafica.org/wallpaper/Blue%20Rose.jpg');
}

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

/*---Muutetaan nickin paikkaa kommentointilaatikon edestä---*/

#commentform .nickcell a {
color: #FFCCCC;
position: top;
/*---muista määrittää itsellesi sopiva paikka, muista että eri resoluutioilla näkyy eri paikassa---*/
bottom: 140px;
right: 450px;
font-size: 15px;
font-family: Arial, Verdana;
}

/*---Määritetään teksti ennen ja jälkeen nickiä---*/

#commentform .nickcell a:before {
color: #transparent; /*---Muista määrittää tekstin väri haluamaksesi---*/
content: "Heippodei "; /*---Tähän siis se haluttu teksti ennen nickiä---*/
font-size:15px;
}

#commentform .nickcell a:after {
color: #transparent; /*---Muista määrittää tekstin väri haluamaksesi---*/
content: ". Mitä kuuluu? "; /*---Ja tähän teksti nickin jälkeen---*/
font-size:15px;
}

/*---Piilotetaan -merkit kommentointilaatikon edestä---*/

#commentform .nickcell b {
display: none;
}

/*
* 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: url(http://www.mbif.net/backgrounds/2wolves.gif);   
background-color:
   padding: 0; margin: 0;
   color:

   font-family: Comic Sans;
}

table {
   border-collapse: collapse;
}

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

#headerblock {
   position: relative;
}

h1 {
   background-color:
   margin: 0;

   display: block;
   height: 54px;

   position: relative;
}

h1 .ircgalleria {
   color:
   font-family: Comic Sans;
   font-weight: normal;
   font-size: 30px;

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

}

h1 .separator { display: none; }

h1 .title {
   font-family: Comic Sans;
   color: #FF0000;
   font-size: 15px;
   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:
   margin-bottom: 30px;
   border-top: 1px solid black;
}

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

#footer a {
   color: #FF0000;
}


/* --- 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:
   border: 1px solid #667A8F;
   font-size: 15px;
   font-family: Comic Sans;
   padding: 1px;
}

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


/* --- leipäteksti --- */

p, td, ol, ul, dl, div {
   font-family: Comic Sans;
   letter-spacing: 0px;
   font-size: 15px;
}

p {
   line-height: 15px;

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



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

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

strong {
}

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

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

div.smallbox .error {
   color: red;
}

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

a:link {
   color: #FF0000;
}

a:visited {
   color: #FF0000;
}

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


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:
   border: 1px solid #667A8F;
   font-size: 12px;

   color: white;
}

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

   background-color:

   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:
   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: Comic Dans;

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

li#mmlogout {
   float: right;
}

#mainmenu li.selected {
   background-color:
}

#mainmenu li a {
   display: block;

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

   float: left;
   margin: 0;

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

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

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


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

#submenu {
   clear: both;
   float: left;
   font-size: 15px; letter-spacing: 0px;
   font-family: Comic Sans;
   padding-top: 17px;
   margin-left: 0px;
   border-bottom: 1px solid #708498;
   width: 100%;
   background-color:
}

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

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

   float: left;

   font-size: 15px;
}

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

#submenu li.selected {
   background-color:
}

#submenu li.selected a {
}


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

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

#tabbedbody {
   clear: both;
   background:
   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:
}

div.smallbox div.title h3 {
   margin: 0;
   padding: 2px;
   
   text-align: center;
   font-family: Comic Sans;
   color: #FF0000;
   font-size: 15px;
   font-weight: normal;
   text-transform: uppercase;
   letter-spacing: 0px;
}

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

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

/* --- kommenttiboksi --- */



div.commentbox .title {
   display: none;
}

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

div.commentbox .stamp {
   font-family: Comic Sans;
   font-size: 15px;
   color: #B2C1CB;

   white-space: nowrap;
}

#viewcommentbox .comments .comment:after { text-decoration: blink; font-size: 20px; color: #FF0000; content: "