/* 
Theme Name:Tamperetunnetuksi.fi WP-teema
Theme URI:Description:Ulkoasuteema Tamperetunnetuksi.fi-sivustolle
Author:grafiikka Minna Hölttä, koodi Daniel Koskinen
Author URI:http://www.danwebdesign.fi
Version:1.0
Tags:HyväIhmeDesign DanWebDesign
*/
html,body,div,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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}
/* base grid */
body{min-width:980px;}
.sidebar,.content,.content-wide{display:inline;/* for IE6 */}
.sidebar,.content,.content-wide{float:left;margin:0 10px;overflow:hidden;}
#global{position:absolute;width:100%;overflow:hidden;background:transparent url(images/global-navi-bg.png) repeat-x 0 bottom;height:1%;min-height:40px;margin-bottom:0;z-index:200;}
#global-inner{overflow:hidden;width:980px;margin:0 auto;padding:5px 0;color:white;text-transform:uppercase;font-size:10px;margin-bottom:15px;}
#global p{margin:0;}
#global a{font-weight:bold;}
#global a{color:white;padding:5px;text-decoration:none;}
#global a:hover{color:black;}
#trelogo{letter-spacing:3px;}
#main{overflow:hidden;padding:0 10px;}
.wrapper{width:100%;position:relative;}
.container{width:980px;margin:0 auto;overflow:auto;}
.sidebar{width:220px;}
.content{width:460px;}
.content-wide{width:700px;}
.left{float:left;clear:left;}
.right{float:right;}
.leftalign{text-align:left;}
.rightalign{text-align:right;}
.alignleft {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
.alignright {
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* @group Main styles */
body{background:#0b71bf url(images/page-bg.png) repeat-x 0 0;}
a.skiplink{display:none;}
.wrapper{background:transparent url(images/header.jpg) no-repeat 50% 0;}
#header{position:relative;height:230px;margin-top:;}
#header h1{text-indent:-9000px;}
#main-top{height:74px;background-image:url(images/content-top.png);margin-top:-7px;}
#main{background-image:url(images/content-middle.png);}
#main-bottom{height:80px;background-image:url(images/content-bottom.png);margin-bottom:3px;}
#footer{height:100px;background-image:url(images/footer.png);}
#aside-left{height:1%;position:relative;}
#aside-left-bottom{height:20px;width:100%;position:absolute;bottom:0;}
#aside-right{height:1%;position:relative;}
#aside-right-bottom{height:20px;width:100%;position:absolute;bottom:0;}
/* @end */
/* typography */
/* Default font settings. 
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body{font-size:12px;line-height:18px;color:#222;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#069;letter-spacing:-0.05em;}
h1{font-size:2em;line-height:1.5em;margin-top:0.75em;margin-bottom:0.75em;}
#header h1{margin:0;}
h2{font-size:1.5em;margin-bottom:1em;margin-top:1em;clear:both;}
h3{font-size:1.2em;}
h4{font-size:1em;font-weight:bold;}
h5{font-size:1em;font-weight:bold;}
h6{font-size:1em;}
h1 img,h2 img,h3 img,
h4 img,h5 img,h6 img{margin:0;}
/* Text elements
-------------------------------------------------------------- */
p{margin:0 0 1.5em;}
p img.left{float:left;margin:0 1.5em 1.5em 0;padding:0;}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus,
a:hover{color:#000;}
a{color:#004a6f;text-decoration:underline;}
a[href$='.pdf']{padding:0 0 0 25px;background:transparent url(images/mini-icons/file_acrobat.gif) no-repeat center left;}
blockquote{margin:1.5em;color:#666;font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
dfn{font-weight:bold;}
sup,sub{line-height:0;}
abbr,
acronym{border-bottom:1px dotted #666;}
address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;}
pre{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol{margin:0 1.5em;}
ul,ol{margin:0 1.5em 1.5em 1.5em;}
ul{list-style-type:disc;}
ul ul{list-style-type:circle;}
ol{list-style-type:decimal;}
.entry ul,.entry ol{padding:1.5em 1.5em 1.5em 4.5em;background-color:#efeb92;}
dl{margin:0 0 1.5em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5em;}
/* Tables
-------------------------------------------------------------- */
table{margin-bottom:1.4em;width:100%;}
th{font-weight:bold;}
thead th{background:#c3d9ff;}
th,td,caption{padding:4px 10px 4px 5px;}
th,td{vertical-align:top;}
tr.even td{background:#e5ecf9;}
tfoot{font-style:italic;}
caption{background:#eee;}
/* -------------------------------------------------------------- 
forms.css
* Sets up some default styling for forms
* Gives you classes to enhance your forms
Usage:* For text fields,use class .title or .text
-------------------------------------------------------------- */
label{font-weight:bold;}
fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend{font-weight:bold;font-size:1.2em;}
/* Form fields
-------------------------------------------------------------- */
input[type='text'],
textarea,select{margin:0.5em 0;border:1px solid #bbb;}
input[type='text']:focus,
textarea:focus,select:focus{border:1px solid #666;}
input[type='text']{width:300px;padding:5px;}
textarea{width:390px;height:250px;padding:5px;}
/* Misc classes
-------------------------------------------------------------- */

.hide{display:none;}
.quiet{color:#666;}
.loud{color:#000;}
.highlight{background:#ff0;}
.added{background:#060;color:#fff;}
.removed{background:#900;color:#fff;}
.first{margin-left:0;padding-left:0;}
.last{margin-right:0;padding-right:0;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}
/* navi */
.nav{position:absolute;font-size:12px;padding:0;list-style-type:none;bottom:0;left:2%;}
.nav ul{list-style-type:none;}
.nav li{margin:0;padding:0;float:left;}
.nav a,.nav span{color:white;font-size:1.2em;float:left;width:128px;height:1%;padding-top:18px;min-height:28px;text-decoration:none;text-align:center;background:transparent url(images/menubutton.png) no-repeat;}
.nav a:hover,.nav span{background-position:0 -60px;}
.nav .current_page_item a,.nav .current_page_ancestor a,.nav .current_page_item span,.nav .current_page_ancestor span{background-position:0 -120px;color:#004b7b;}
.subnav, .menu-paivaohjelmat-container {margin-top:1.5em;}
.subnav li, .menu-paivaohjelmat li{list-style-position:inside;list-style:none;}
.subnav a,.subnav span, .menu-paivaohjelmat a{text-decoration:none;display:block;padding:0.5em;border-bottom:1px solid #e2e2e2;}
.subnav a::before,.subnav span::before, .menu-paivaohjelmat a::before{content:'\00BB  ';}
.subnav a:hover, .menu-paivaohjelmat a:hover{background-color:#b3c3d0;}
.subnav a:active, .menu-paivaohjelmat a:active{background-color:#005b95;}
.subnav .current_page_item a,.subnav .current_page_item span, .menu-paivaohjelmat .current_page_item a{color:black;font-weight: bold}
/* widgets */
#aside-left .widget,#aside-right .widget{margin:0px 10px 1.5em 10px;}
.widget_sp_image{text-align:left;}
#aside-left .widget_sp_image,#aside-right .widget_sp_image{text-align:center;}
#breadcrumbs{margin:0;color:#666;}
#breadcrumbs a{color:#333;text-decoration:none;}
#breadcrumbs a:hover{text-decoration:underline;}
#tdd-recent-posts h3{text-align:left;text-transform:uppercase;letter-spacing:17px;color:#004674;padding-bottom:6px;border-bottom:3px solid #f0f0f0;margin-bottom:9px;font-weight:normal;font-style:normal;font-size:1.5em;}
#tdd-recent-posts ul{margin:0 0 1.5em 0;}
#tdd-recent-posts dt{font-size:1.2em;line-height:1.25em;}
#tdd-recent-posts dd{margin-left:0;}
dd.sidebardate{font-size:.8em;line-height:1.875em;}