html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;vertical-align: baseline; background: transparent; font-family: georgia, serif; }
ol, ul, .latestnews, .latestnews-news { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body { background: url(../gfx/body_back.jpg) top center no-repeat #c00 }

#header, #container, #footer { position:relative;width: 960px; margin: 0 auto; }
#header { height: 500px; background:url(../gfx/intropic.jpg) no-repeat}

#topmenu li, #menu li { font-size: 20px }
#topmenu { position: absolute; top: 20px; right:0px; height: 90px; font-size:12px; }
#topmenu a { text-decoration: none; color:#600 }
#topmenu a span { display: block; float:left; margin-left:1px; padding: 0 10px; line-height: 30px; }
.fanclub_active span, .yritykset_active span { color: #fff; text-decoration:none }
#topmenu a:hover span { color: #900 }

#headerleft { background: url(../gfx/content_back.gif) no-repeat }

#menu { background: url(../gfx/content_top.gif) no-repeat; position:absolute; top:120px; height: 30px; width:100%; }
#menu ul { margin-left:20px; text-transform:uppercase; font-size: 12px; letter-spacing: 0.05em }
#menu li { }
#menu a:link, #menu a:visited { text-decoration: none; color: #666; }
#menu a:hover span { color: #999 }

.paivakirja span, .uutiset span, .historia span, .keikat span, .keskustelu span, .kuvat span, .palaute span { display:block; float:left; padding: 10px 10px 5px 10px !important } 
.paivakirja_active span, .uutiset_active span, .historia_active span, .keikat_active span, .keskustelu_active span, .kuvat_active span, .palaute_active span { display:block; float:left; padding: 10px 10px 5px 10px !important; background: #333; color: #ccc }

#frbanners { margin-top: 20px; position: relative; height: 120px;} 
#frbanners .left { float:left; }
#frbanners .right { float:right; }
#frbanners a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

#contentleft, #contentright { width: 450px}
#contentleft { float:left; }
#contentright { margin-left: 470px !important }

#container { background: url(../gfx/content_back.gif) repeat-y #fff;position:relative; }

#center { width: 650px }

#content { padding: 0 20px; font-size: 13px; line-height: 17px; color: #444}
h1 { color: #666; font-weight:normal; font-size: 34px; padding: 10px 20px 10px 20px; background:url(../gfx/content_top_front.gif) top center no-repeat; }

#content h2 { font-size: 20px !important; font-weight:normal; padding: 10px 0 5px 0 !important}
#content p { margin-bottom:12px !important }
#content a:link, #content a:visited { color: #555; }
#content a:hover { color: #222 }

#right { position:absolute; right: 20px; top: 45px; width:280px; font-size:12px }

table { border-bottom: 1px solid #e0e0e0 }
td { border-top: 1px solid #e0e0e0; padding:5px 15px 5px 0 }

#footer { background: url(../gfx/content_bottom.gif) top center no-repeat; padding: 40px 20px 20px 20px; color:#f99; margin-top:-12px }
#footer p { padding: 0 20px; font-size: 9px; text-transform:uppercase; letter-spacing:0.1em; text-align:center}
#footer a { color: #f99; text-decoration: none; border-bottom: 1px dotted #f99; }

#joulu11 { position:absolute; z-index: 100; background: #900; width:100%; height:100%; text-align:center; padding-top:30px }