* {
	margin: 0;
	padding: 0;	
}

body {
	background: #626262 url(images_varivaihto/tausta.jpg) repeat;	
}

#container {
margin:40px 0 0 0;
	
}
#linkit{position:absolute;top:0;left:0;width:100%;padding:5px 0;z-index:999; text-align: center;}
#linkit div{width:884px; margin:0 auto; padding:0 0 0 50px; background:url(link_bg.jpg) repeat-y 7px top; height:40px;}
#linkit a{float:left;margin:2px 5px 0 0; text-indent:-9999px;}
#verkkokauppa {
    background: url("http://www.metropoli.net/kaupunkilehti/wp-content/themes/unspoken/images/verkkokauppa.png") no-repeat scroll 0 center #F2C027;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 50px;
    width: 100px;
}
#metropoli {
    background: url("http://www.metropoli.net/kaupunkilehti/wp-content/themes/unspoken/images/metropoli.png") no-repeat scroll 0 center #F2C027;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 50px;
    width: 100px;
}
#raflaopas{
    background: url("http://www.metropoli.net/kaupunkilehti/wp-content/themes/unspoken/images/raflaopas.png") no-repeat scroll 0 center #F2C027;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 65px;
    width: 85px;
}
#pelihalli {
    background: url("http://www.metropoli.net/kaupunkilehti/wp-content/themes/unspoken/images/pelihalli.png") no-repeat scroll 0 center #F2C027;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 65px;
    width: 85px;
}
#babes {
    background: url("http://www.metropoli.net/kaupunkilehti/wp-content/themes/unspoken/images/thebabes.png") no-repeat scroll 0 center #F2C027;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 65px;
    text-indent: -9999px;
    width: 85px;
}
.kuva_thumb a{height:111px;overflow:hidden;display:block;} 
.kuva_thumb div.kuvateksti a {height:20px;}

#maintable {
	width: 813px;
	margin: 0 auto;	
}

#vasensolu, #vasentable {
	width: 466px;
	vertical-align: top;	
}

#oikeasolu, #oikeatable {
	width: 347px;	
	vertical-align: top;	
}


td.banneri {
	width: 750px;
	margin: 0 auto;
	margin: 0; padding: 0;
}

td.banneriframe {
	border-bottom: 4px solid #7e7e7e;
}
iframe {
	margin: 0;
	padding: 0;
	width: 750px;
	
}
td.banneri_vasen {
	width: 31px;
	background: #626262 url(images_varivaihto/vasenviiva.jpg) repeat-y top left;
	height: 100px;
}

td.banneri_oikea {
	width: 32px;
	background: #626262 url(images_varivaihto/oikeaviiva.jpg) repeat-y top left;
	height: 100px;
}

td.v_vasen_yla {
	width: 32px;
	vertical-align: top;
	background: #626262 url(images_varivaihto/vasenviiva.jpg) repeat-y top left;	
}
div.v_vasen_kuva {
	width: 32px;
	height: 430px;
	background: #626262 url(images_varivaihto/vasenkulma.jpg) no-repeat top left;	
	vertical-align: top;
	text-align: right;
}
td.v_keski_yla {
	width: 421px;
	background: #626262 url(images_varivaihto/taustakelta.jpg) repeat top left;
	vertical-align: top;
	text-align: right;
	
}
div.v_keski_kuva {
	width: 421px;
	min-height: 430px;
	background: url(images_varivaihto/mainkuva.jpg) no-repeat top left;	
	vertical-align: top;
	text-align: right;
}
td.v_oikea_yla {
	width: 13px;
	height: 430px;
	background: #626262 url(images_varivaihto/keskiviiva.jpg) repeat-y top left;	
}

td.v_vasen_keski {
	width: 32px;
	background: #626262 url(images_varivaihto/vasenviiva.jpg) repeat-y top left;	
	border-bottom: 1px solid #424242;
}
td.v_keski_keski {
	width: 421px;
	background: #626262 url(images_varivaihto/taustakelta.jpg) repeat top left;
}

td.v_oikea_keski {
	width: 13px;
	background: #626262 url(images_varivaihto/keskiviiva_ala.jpg) repeat-y top left;	
	border-bottom: 1px solid #424242;
}

td.v_ala {
	width: 466px;
	height: 40px;
}



td.o_keski_yla {
	width: 315px;
	height: 99px;
	background: #626262 url(images_varivaihto/logo.jpg) no-repeat top left;	
}
td.o_keski_ylab {
	width: 315px;
	height: 230px;
	background: #626262 url(images_varivaihto/menu.jpg) repeat top left;
}
td.o_oikea_yla {
	width: 32px;
	height: 329px;
	background: #626262 url(images_varivaihto/oikeakulma.jpg) no-repeat top left;	
}

td.o_keski_keski {
	width: 315px;
	background: #626262 url(images_varivaihto/taustakelta.jpg) repeat top left;
}
td.o_oikea_keski {
	width: 32px;
	background: #626262 url(images_varivaihto/oikeaviiva.jpg) repeat-y top left;	
	border-bottom: 1px solid #424242;
}

td.o_ala {
	width: 347px;
	height: 30px;
}

p, a {
	font-family: Helvetica, verdana, arial, sans-serif;
	font-size: 11px;	
	font-weight: normal;
	line-height: 110%;
}

div.vasenyla {
	/*padding: 340px 20px 0 100px;*/
	font-weight: bold;
}
div.vasenkeski {
	padding: 10px 20px 30px 20px;	
}
p.vasenkeski {
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 120%;	
}



div.oikea_kuvalista, div.oikea_kirjautuminen, div.oikea_tervetuloa {
	text-align: center;
	padding-top: 12px;
	padding-left: 20px;
	padding: 12px 0 10px 20px;
}
div.oikea_viiva {
	width: 275px;
	margin: 15px 0 10px 20px;
	border-bottom: 1px solid #8a8886;
}
div.kuva_thumb, div.vasen_kuva_iso {
	display: block;
	width: 83px;
	text-align: center;
	vertical-align: bottom;
	float: left;
	padding: 0 0;
	margin-right: 11px;
	margin-bottom: 15px;
	font-size: 9px;
	color: #1b250b;
	font-family:  verdana, arial, sans-serif;
	vertical-align: bottom;
}
.kuvat3 {
margin-right: 0px;	
}
div.vasen_kuva_thumb1, div.vasen_kuva_thumb2, div.vasen_kuva_thumb3, div.vasen_kuva_thumb5, div.vasen_kuva_thumb6, div.vasen_kuva_thumb7 {
	margin-right: 15px;
}
div.vasen_kuva_thumb4, div.vasen_kuva_thumb8 {
	margin-right: 0;
}
div.kuva_thumb img {
	margin-bottom: 0px;
}
div.vasen_kuva_iso {
	width: 380px;
	text-align: center;
	float: none;
	margin-right: 0;
}
div.kuvateksti {
	padding-right: 11px;	
}
div.kuvateksti a {
	color: #000000;
text-decoration: none;	
}
div.kuvateksti a:hover {
	text-decoration: underline;	
}
.oletus .kuvateksti{
	font-weight: bold;
}
div.clear {
	clear: both;
	height: 1px;
}
h2, h3, h4 {
	text-align: left;
	color: #1d1d1d;
	font-family: "Times new roman", times, georgia, serif;
	font-weight: bold;
	font-style: normal;
	font-size: 19px;
	margin-bottom: 0px;
}
h3, h2.top {
	font-size: 13px;
	font-weight: bold;	
	border-bottom: 1px solid #8a8886;
}
h2.top {
	font-size: 15px;
	margin-right: 20px;
}
h4 {
	margin: 5px auto 20px auto;	
}
div.artikkelit h4{
	font-size: 15px;
	margin: 15px 0 10px 0;
}
div.artikkelit h3 {
	font-size: 19px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
div.artikkelit img {
	float: left;
	border: 4px solid #626262;
	margin: 5px 15px 10px 0;
}
div.artikkelit p.vasenkeski {
	line-height: 150%;
}
div.ehdokas_tiedot h2 {
	text-align: left;
}
div.ehdokas_tiedot {
	padding-right: 10px;	
}

table.formtable {
	margin-top: 5px;
	margin-bottom: 15px;
	width: 380px;
}
td.label {
	width: 150px;	
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	padding: 5px 0 5px 0;
	vertical-align:top;
}
td.labelpitka, table.infotable td.input, td.input b {
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	padding: 5px 0 5px 0;
	vertical-align:top;
}
table.infotable td.input, td.input b {
	font-weight: bold;	
}
td.input {
	vertical-align: middle;
	width: 230px;
}
.input_teksti, input.tekstikentta {
	width: 230px;
	border-bottom: 1px solid #d4d3d3;	
	border-right: 1px solid #d4d3d3;	
	border-left: 1px solid #a6a5a5;	
	border-top: 1px solid #a6a5a5;	
	padding: 1px 1px 1px 1px;
}
div.takaisin {
	float: left;	
}
div.seuraava {
	text-align: right;	
}
div.submit {
	text-align: right;	
}
input.tekstikentta {
	width: 110px;	
}
div.kirjautuminen {
	text-align: center;
}
form.kirjautumisform {
	width: 280px;
	text-align: left;
}
div.vasen_kuvanlisays {
	clear: both;	
}
div.kuva_valinnat {
	text-align: center;	
	padding-left: 4px;
}

td.vasenkulmavarjo_yla, td.oikeakulmavarjo_yla {
	background: url(images_varivaihto/isovarjo_ylakeski.jpg) repeat-x;
}
td.vasenkulmavarjo_ala, td.oikeakulmavarjo_ala {
	background: url(images_varivaihto/isovarjo_alakeski.jpg) repeat-x;
}
td.oikeakulmavarjo_ala, td.oikeakulmavarjo_yla {
	text-align: right;	
}
table.vasen_isokuva {
	margin: 0 auto;	
}
div.vasen_tahdet {
	margin: 15px auto;
	text-align: center;	
}
.menukuva {
	display: inline;	
}
.inlinekuvat, div.kuva_thumb img {
	display: block;
}
 div.oikea_tervetuloa {
	text-align: left;	
	padding-bottom: 10px;
}
div.menukuvat {
	padding-top: 10px;	
}
.submitikoni {
	position: relative;
top: 4px;	
}
.kuvarivi {
height: 214px;	
}
a {
color: #000000;	
}
p.kommentti { padding: 10px 0 10px 0; }

ul.artikkelivalikko {
	margin-bottom: 20px;
	margin-top: 5px;
}
ul.artikkelivalikko li {
	margin-bottom: 8px;
	margin-right: 10px;
	background-color: #f3c401;
	padding: 3px;
	border-bottom: 1px dotted #000000;
	
}
ul.artikkelivalikko li:hover {
	background-color: #e8bc01;
	border-bottom: 1px solid #000000;
}
ul.artikkelivalikko li  a {
	font-size: 13px;
	text-decoration: none;
}
ul.artikkelivalikko li a:hover {
	text-decoration: none;
	color: #444444;
}