body {
background: #17140F;
}
#tabletti {
margin-bottom: 35px;
}
#comic_ruutu {
background: #464236;
border-right: solid 3px #17140F;
border-left: solid 17px #17140F;
}
#sivu_ruutu {
background: #464236;
border-left: solid 2px #17140F;
border-right: solid 20px #17140F;
}
#news_ruutu {
vertical-align: top;
background: #322E23;
border-top: solid 5px #6b5e3c;
border-right: solid 3px #6b5e3c;
border-left: solid 5px #6b5e3c;
border-bottom: solid 5px #6b5e3c;
}
#chat_ruutu {
background: #322E23;
vertical-align: top;
border-top: solid 5px #6b5e3c;
border-right: solid 5px #6b5e3c;
border-left: solid 2px #6b5e3c;
border-bottom: solid 5px #6b5e3c;
}
#vote_ruutu {
//background: #322E23;
//border-bottom: solid 2px #6b5e3c;
//border-right: solid 3px #6b5e3c;
//border-left: solid 5px #6b5e3c;
}
#mainos_ruutu{
text-align: center;
background: #6b5e3c;
border-top: solid 5px #6b5e3c;
//border-bottom: solid 5px #6b5e3c;
}
#info_ruutu {
background: #322E23;
border-top: solid 5px #6b5e3c;
border-bottom: solid 5px #6b5e3c;
border-left: solid 2px #6b5e3c;
border-right: solid 5px #6b5e3c;
}
#info_title_ruutu {
background: #322E23;
border-top: solid 5px #6b5e3c;
border-bottom: solid 5px #6b5e3c;
border-right: solid 2px #6b5e3c;
border-left: solid 5px #6b5e3c;
}
#links_taulu {
background: #322E23;
border-top: solid 5px #6b5e3c;
border-bottom: solid 5px #6b5e3c;
border-right: solid 5px #6b5e3c;
border-left: solid 5px #6b5e3c;
}
#wall_taulu {
margin-top: 10px;
margin-left: 20px;
}
.info_tit {
color: #D0BA6C;
font-size: 11pt;
font-family: arial;
font-weight: bold;
margin-top: 9px;
margin-left: 3px;
width: 150;
border-bottom: solid 2px #6b5e3c;
}
.info_title {
color: #D0BA6C;
font-size: 12pt;
font-family: arial;
font-weight: bold;
margin-top: 5px;
margin-left: 5px;
margin-top: 8px;
width: 400;
border-bottom: solid 2px #6b5e3c;
}
.info_link {
color: #D0BA6C;
font-size: 11pt;
font-family: arial;
font-weight: bold;
margin-left: 10px;
text-decoration: none;
}
.info_text {
color: #C4AF62;
font-size: 10pt;
font-family: arial;
margin-left: 10px;
}
.info_text a {
color: #ccbe87;
}
.info_text a:hover {
color: #ccbe87;
text-decoration: none;
}
.comic_title {
color: #D0BA6C;
font-family: arial;
font-size: 12pt;
margin-bottom: 10px;
margin-top: 5px;
letter-spacing: 1px;
}
.news_title {
font-family: arial;
color: #D0BA6C;
font-size: 12pt;
font-weight: bold;
margin-top: 3px;
margin-left: 4px;
width: 70%;
border-bottom: solid 2px #6b5e3c;
}
.news_by {
color: #C4AF62;
font-size: 8pt;
font-weight: normal;
}
.news_text {
font-size: 10pt;
font-family: arial;
color: #C4AF62;
margin-left: 10px;
margin-right: 9px;
}
.news_text a {
color: #ccbe87;
}
.news_text a:hover {
color: #ccbe87;
text-decoration: none;
}
.wall_linkki {
margin-left: 10px;
color: #ccbe87;
}
.link_title {
color: #D0BA6C;
font-size: 11pt;
font-family: arial;
margin-left: 5px;
}
.translationtitle{
text-align: left;
color: #D0BA6C;
font-size: 8pt;
font-family: arial;
margin-left: 5px;
}
.translations{
text-align: left;
margin-left: 20px;
margin-top: 5px;
}
.translations a{
color: #ccbe87;
font-size: 6pt;
font-family: arial;
}
.turha{
color: #C4AF62;
font-size: 10pt;
}
.rssfeed {
text-align: right;
position: relative;
bottom: 20px;
right: 5px;
text-decoration: none;
color: #C4AF62;
font-size: 10pt;
margin-bottom: -10px;
}
.rssfeed a{
text-decoration: none;
color: #C4AF62;
font-size: 10pt;
}
.copyright {
color: #7c7a6b;
text-align: center;
font-size: 10pt;
margin-top: 5px;
}
.copyright a{
color: #7c7a6b;
font-size: 10pt;
}
#shadow_ruutu{
background-image: url(shadow.jpg);
background-repeat:no-repeat;
background-position:17px;
height: 7px;
width: 813px;
}
#banner_ruutu{
background-image: url(banner.jpg);
background-repeat:no-repeat;
height: 100px;
width: 850px;
}
#menu_ruutu{
background-image: url(linkit.jpg);
background-position:1px;
background-repeat:no-repeat;
height: 42px;
width: 848px;
text-align: left;
vertical-align: top;
}
#menu a div{
position: relative;
height: 28px;
top: 5px;
text-decoration: none;
}
#menu a i { visibility: hidden; }
#menu div.home    { float: left; left: 6px; width: 75px; }
#menu div.store   { float: left; left: 14px; width: 80px; }
#menu div.info    { float: left; left: 20px; width: 68px; }
#menu div.forums  { float: left; left: 27px; width: 98px; }
#menu div.stuff   { float: left; left: 33px; width: 80px; }
#menu div.links   { float: left; left: 40px; width: 75px; }
#menu div.gotmorr { float: left; left: 46px; width: 150px; }