/* RESET CSS */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* THE  REAL CSS */
body{
background: #f6f6de;
margin-bottom:30px;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#666;
}
a{
color:#0066cc;
}
h1{
font-family: Georgia;
font-size: 18px;
margin-bottom:18px;
line-height: 22px;
color:#0066d0;
}
p{
margin-bottom:16px;
}
strong{
font-weight:bold;
color:#333;
}

.clearboth{
clear:both;}

.date{
font-size:11px;
color:#000;
text-align:right;
padding:1px 4px;
}

#site_wrap{
margin: 0 auto;
text-align: left;
width: 776px;
background: #fff;
}

#header{
position: relative;
height: 85px;
background: url(/images/header.jpg) no-repeat;
}
#borders{
border: #003399 1px solid;
}
#flash{
height: 190px;
width:774px;
}
#menu{
height: 22px;
width:774px;
background: #003399;
}
#menu ul{
display: inline;/*setting for FF and other standards compliant browsers*/
#display: block; /*fix for the bug in IE7*/
_display: block; /*fix for the bug in IE6*/
font-family:Helvetica, sans-serif;
font-size:12px;
text-transform: uppercase;
text-decoration:none;
letter-spacing: 0.2ex;
width:774px;
height: 22px;
color:#fff;
}
#menu ul li{
*float:left;
_float:left;
}

#menu ul li a{
padding-top:1px;
list-style:none;
float:left;
color:#fff;
text-decoration:none;
}

#menu ul li a.selected{
text-decoration:underline;
}

#menu ul li.menu1
{
margin-left:27px;
}

#menu ul li.menu2
{
margin-left:137px;
_margin-left:48px;
*margin-left:48px;
}

#menu ul li.menu3
{
margin-left:233px;
_margin-left:43px;
*margin-left:43px;
}

#menu ul li.menu4
{
margin-left:358px;
_margin-left:50px;
*margin-left:50px;
}

#menu ul li.menu5
{
margin-left:483px;
_margin-left:50px;
*margin-left:50px;
}

#menu ul li.menu6
{
margin-left:596px;
_margin-left:41px;
*margin-left:41px;
}

#menu ul li.menu7
{
margin-left:708px;
_margin-left:50px;
*margin-left:50px;
}

#contentwrap{
float:left;
width:466px;
}

#sidebarwrap{
float:right;
width:236px;
margin-right:12px;
}

#content{
width: 466px;
padding-top:25px;
padding-left:25px;
}
#sidebar1{
width: 236px;
height:38px;
margin-top:25px;
font-family: Arial;
font-size: 11px;
color:red;
line-height:13px;
background:#eee;
}

#sidebar2{
width: 236px;
margin-top:5px;
font-family: Arial;
font-size: 11px;
color:red;
line-height:13px;
background:#eee;
}

#sidebar2 ul li{
margin-bottom:15px;
padding-left:10px;
padding-right:10px;
}

#sidebar2 ul li a{
color:#007dff;
text-decoration:none;
}

#haku img{
margin-top:8px;
margin-left:10px;
width:16px;
height:16px;
display:inline;
float:left;
}

#haku{
background: url(/images/hakubg.gif) no-repeat;
width: 236px;
height:38px;
}

input{
font-size:11px;
margin-top:8px;
margin-left:10px;
width:184px;
border: #cacaca 1px solid;}

#ajankohtaista{
font-family: Arial;
font-size: 11px;
color:red;
line-height:13px;
}

#sbheader{
color:#007dff;
background: url(/images/sidebar_top.gif) no-repeat;
height:36px;
width:236px;
margin:0;
padding:0;
}
#sbheader h4{
text-transform: uppercase;
font-weight:bold;
text-align:center;
color:#007dff;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-top:10px;
}
#sbfooter{
height:14px;
background: url(/images/sidebar_bottom.gif) no-repeat;
}

#footer{
padding-left:25px;
padding-right:25px;
padding-bottom:12px;
padding-top:12px;
font-family: Arial;
font-size: 11px;
color:#808080;
clear:both;
}
hr{
border: #e5e5e5 1px solid; 
}

#hakutulos{
background:#eee;
padding:10px;
margin-bottom:10px;
}

#hakutulos p{
margin:0;
}

#hakutulos h2{
padding-bottom:10px;
}

#hakutulos h2 a{
color:red;
font-weight:bold;
}
#hakutulos p.hakuexcerpt{
color:gray;
padding-bottom:10px;
}
#hakutulos strong{
background:yellow;
}
#hakutulos p.hakulink{
font-size:11px;}

#hakutulos p.hakudate{
font-size:11px;
text-align:right;
color:#000;
}
ul.pagination li, ul.pagination li a{
color:#007dff;
display:inline;
font-family: Arial;
font-size: 11px;
text-decoration:none;
}
.pagination{
text-align:center;
color:red;
font-weight:bold;
}

.arkistolista{
font-size:11px;
list-style:none;
color:red;
margin-bottom:10px;
}

p.artikkelikuva{
text-align:center;
}