@charset "UTF-8";
/*
Theme Name: JTY WWW 2010
Theme URI: http://jty.fi/
Description: JTY:n ilme 2010
Author: Aleksi Manninen Design
Author URI: http://aleksimanninen.com
*/

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; }
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: #fff; }
#page { width: 960px; margin: 0 auto; font-family: georgia, serif; position:relative; }

#header { position:absolute; top:0px; left:0px; height:216px; width: 160px; }
#logo { position:absolute; left:0px; top:0px;}

#navi { width:160px; padding-top:5px;position:absolute; top:216px; left:0}
#navi>ul { width:160px;border-top: 4px solid #c0c0c0; border-bottom: 5px solid #c0c0c0; float:left }
#navi ul li { border-top: 1px solid #c0c0c0; font-size: 14px}

#navi ul li ul { border-bottom:1px solid #c0c0c0; border-top: 1px dotted #c0c0c0; margin-bottom:4px }
#navi ul li ul li { border-top:1px dotted #c0c0c0; border-bottom: none; font-family:lucida grande, serif; font-size: 12px}
#navi a:link, #navi a:visited { display: block; padding: 6px 0; text-decoration:none; color: #000 }
#navi ul li ul li a:link,#navi ul li ul li a:visited { padding-left: 10px !important; color: #444}
#navi ul li ul li a:hover { color: #777 }
#navi a:hover { color: #888;  } 
#navi .current_page_item>a:link, #navi .current_page_item>a:visited { font-weight: bold; color: #e71c02; cursor:default; background: url(pics/current.gif) center right no-repeat }
#navi ul li ul li.page-item-60 { border-bottom:none; }
#navi ul li ul li.page-item-60 a:link, #navi ul li ul li.page-item-60 a:visited { padding-bottom:0 !important }
#navi ul li ul { display:none }
.current_page_item ul, .current_page_parent ul { display: inline !important }

#frontcontent {position:relative; width:760px;margin-left:200px}
.frontmodule { position:relative;width:760px; margin-bottom:20px;float:left;font-size:13px; line-height:18px}
.slides { width:760px; height:340px; }
.columns { background:url(pics/frontlines.gif) repeat-y } 
.leftcolumn { width: 230px; float:left }
.leftcolumn li { padding-bottom:6px }
.rightcolumn { width: 230px; float:right }
.centercolumn { margin: 0 270px 0 270px }
.front-aaltosali { width:760px; height:130px; background:url(pics/front-aaltosali.jpg) no-repeat }
.front-aaltosali strong { text-transform:uppercase; letter-spacing: 0.1em; font-weight:normal; font-size: 15px;  }  
.front-aaltosali p { padding: 20px 20px 0px 270px }

#p47 #content p img, #p52 #content p img, #p61 #content p img, #p54 #content p img, #p55 #content p img, #p56 #content p img, #p57 #content p img, #p59 #content p img  { position:absolute; top:0px; left:200px; width:760px;height:180px; overflow:hidden}

#wp-calendar table { width: 220px; border-top: 1px solid #999; border-left: 1px solid #999; margin-bottom:6px;float:left }
#wp-calendar .nav, #wp-calendar .nav td, #wp-calendar .nav th { border: none !important}
#wp-calendar th { background: #999; color: #fff }
#wp-calendar caption { padding: 5px }
#wp-calendar th, #wp-calendar td { text-align:center; border-bottom:1px solid #999 !important; border-right: 1px solid #999 !important; padding:1px !important}

#right { float:right; width:230px; padding:216px 0 40px 0; }
#right h2, #frontcontent h2 { font-size: 12px; font-weight:bold;font-family: "lucida grande", sans-serif; letter-spacing:0.2em; text-transform: uppercase; color:#e71c02; margin-bottom:16px }
#right p, #right li { font-size:13px; line-height:20px }
#right ul { margin-bottom:30px }
#right a:link, #right a:visited { color: #069 }
#right a:hover { color: #036 }

#content { width: 490px; margin: 0px 0 40px 200px; padding-top:216px }
#content h1 { font-size: 24px; font-weight: normal; margin:0 0 12px 0; position:relative; clear:left}
.category, .category a { font-family: "lucida grande", sans-serif; font-size: 11px !important; text-transform: uppercase; text-decoration:none }
#content p { margin-bottom: 12px; font-size: 14px; line-height: 20px }
.headpic { position:absolute; top:0px }
#content a:link, #content a:visited, .frontmodule a:link, .frontmodule a:visited { color: #069 }
#content a:hover, .frontmodule a:hover { color: #036 }

#board { float:left; width:490px }
#board p { clear: both; float:left; width: 360px; padding-left:150px}
#board p img { border: 5px solid #e0e0e0; float:left; margin-left:-150px;}

.jasentiedote { width:100px; height: 130px;padding:8px; float:left; text-align:center; font-size: 12px; margin-bottom:20px; }
.jasentiedote:hover { background:#f0f0f0 }

.hinnasto { width: 490px;border:4px solid #f0f0f0; margin-bottom:20px; }
.hinnasto td { border-bottom:1px dotted #ccc; font-size: 14px; padding: 3px}
.rt { text-align:right }

.alignright { float:right; margin-left:10px}
.wp-caption-text { font-family:"lucida grande", Verdana, Arial, Helvetica, sans-serif; font-size:10px }

#footer { height: 150px; background:url(pics/back_footer.gif) repeat-x; clear:both }
#footer p { width: 960px; margin: 0 auto; text-align: center; padding-top:10px; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; color: #666 }

div.ec3_iconlet { border: 1px solid #ccc !important; float:right !important; margin-left: 20px !important }