body
{
	font-family: verdana, sans-serif;
	font-size: 9pt;
	margin: 0; padding: 0;
	background: #fff url('/themes/sitebg.jpg') top left repeat-x;
}

* html body
{
	font-size: x-small;
	f\ont-size: small;
}

h1
{ 
	margin: 0.4em 0;
	font-size: 150%;
	color: #0071A7; 
	font-family: Arial;
}

h2
{ 
	font-size: 120%;
	color: #0071A7; 
	font-family: Arial;
}

h3
{ 
	font-size: 10pt;
	color: #0071A7; 
}

h4
{ 
	font-size: 9pt;
	color: #0071A7; 
}

a
{
	color: #0674A9;
}

#site
{
	width: 800px;
	max-width: 850px;
	margin: 0 auto;
}

#topmenu
{
	width: 780px;
	height: 70px;
	margin: 4px auto 0 auto;
}

#topmenu ul
{
	margin: 0 0 0 170px; padding: 0;
	list-style: none;
}

#topmenu ul li
{
	float: left;
	margin: 0; padding: 0;
	display: inline;
}

#topmenu a
{
	display: block;
	font-family: verdana;
	font-size: 11px;
	text-decoration: none;
	padding: 6px 15px;
	color: #0674A9;
}

#topmenu a:hover { text-decoration: underline; }

#topmenu ul li.active
{
	float: left;
	margin: 0; padding: 0;
	display: inline;
	background: transparent url('/themes/btn_right_selected.gif') no-repeat right bottom;
}

#topmenu li.active { font-weight: bold; }

#topmenu li.active a
{
	display: block;
	font-family: verdana;
	font-size: 11px;
	text-decoration: none;
	padding: 6px 15px;
	color: #fff;
	background: transparent url('/themes/btn_left_selected.gif') no-repeat left bottom;
}

#topmenu a:hover { text-decoration: underline; }

#topmenu li.selected
{
	font-weight: bold;
	color: #fff;
}

#header
{
	width: 100%;
	background: #fff url('/themes/headerbg.jpg') top left repeat-x;
}

#header img { border: none; }

.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */

#contentarea-wrap
{
	color : #000000;
	background: transparent;
	width: 800px;
}
	
#columns-float
{
	float: left;
	width: 580px;
}

#content
{
	float: right;
	width: 390px;
}


/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#left { margin-right: 400px; }
#right {margin-left: 580px;}
/* */
#content-content, #left-content, #right-content
{
	border: none;
	color: #000000;
	padding-bottom: 20px;
}
/* Background color settings */
#content-content { background: #fff; }
#left-content { background: #fff; }
#right-content { background: #fff; }

/* GUTTERS BETWEEN COLUMNS */
#content-content {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 25px;
}

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
#contentarea-wrap, #columns-float, #content, #left, #right, #content h1, #content h2, #content p
	{ p\osition: relative; }
/* */

#footer
{
	float: left;
	padding: 10px 10px 20px 10px;
	clear: both;
	border-top: 1px solid #eee;
}

#footer p { padding: 0; margin: 0; color: #ccc; float: left;}
#footer a { color: #ccc; }

/* Newsfeedin tyylit */

/* Päiväys */
.date {
	float: left;
	height: 42px;
	width: 42px;
	margin: 4px 8px 10px 0px;
	padding-top: 11px;
	background: #FFBF07;
	width: 46px;
}

.date p
{
	text-align:center;
	color: #000;
	margin: 0 0 0 -2px; padding: 0px;
	
}

.date span.day {
	margin: 0; padding: 0;
	font-size: 18px;
	font-weight: bold;
	display: block;
	color: white;
}

.date span.month {
	font-size: 9px;
	height: 12px;
	display: block;
	color: white;
}

#newsfeed {
	background: #fff url('/themes/dot-line.gif') top left repeat-x;
	padding-top: 10px;
}	

#newsfeed h2
{
	margin: 0; 
	padding: 5px;
}

#newsfeed h2 a { text-decoration: none; margin: 0; padding: 0;}
#newsfeed h2 a:hover { text-decoration: underline;}
#newsfeed p.date { margin: 0; padding: 0; }
#newsfeed p.ingress
{
	display: block;
	clear: both;
	line-height: 1.4em;
	padding: 0px 0px 15px 0px; 
	margin: 0px 0px 15px 0px; 
	background: #fff url('/themes/dot-line.gif') bottom left repeat-x;
}

/* Ehdokasmainoksen tyylit */

#left {
	padding: 0;
	width: 170px;
}

#left-content, #right-content
{
	padding: 5px 0px;
}

#left {

}


#left-content p, #left-content h1, #left-content h2, #left-content h3, #left-content h4, #left-content ul {
	padding: 10px 5px;
	margin: 0;
}

#right-content p, #right-content h1, #right-content h2, #right-content h3, #right-content h4, #left-content ul {
	padding: 10px 5px;
	margin: 0;
}

#left-content ul, #left-content ul {
	padding-left: 25px;
}

/* Blogientryt */

.blogentry {font-size: 8pt; background-color: #D8EDF7; margin: 5px 0;}
.blogentry h1, .blogentry h2, .blogentry h3 {color: black;}
.logo {background-color: #d8edf7; width: 54px; text-align: center;}
.logo img {padding: 2px;}

#right .blogentry {
	width: 200px;
}

#left .blogentry {
	width: 170px;
}

.entrywingress { padding: 5px 0; font-size: 11px; clear: left; background: #fff url('/themes/dot-line.gif') top left repeat-x; }

.entrywingress h2
{
	font-size: 130%;
        margin: 0;
}

.entrywingress p { margin: 10px 0 0 0;}
.entrywingress a { text-decoration: none;}
.entrywingress a:hover { text-decoration: underline;}

/* Hinnaston tyylit */

#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #0071A7 url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	color: #000;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	color: #000;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	color: #000;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.pagination {
	text-align: center;
}

.pagination a, .pagination span {
	background-color: #C1DAD7;
	padding: 3px;
}

#powered {
	float: right;
}

a#powered img {
	border: 0;
}