body {
	background: url(../img/bg_paperi.jpg) #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	margin: 0em;
}
input {
	font-family: "Times New Roman", Times, serif;
}

img {
	border: none;
}

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:500;
}
#susiraja_hd {
	position:relative;
	z-index:500;
}

#leftCol {
	position: absolute;
	left: 0px;
	top: 190px;
	width: 180px;
	padding-left: 12px;
}

.leftMainList {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.7em;
}
.leftMainList li {
	padding: 4px 0px;
}
.leftSubList {
	list-style: none;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	text-transform: none;
	font-size: 1.3em;
	font-weight: normal;
}
.leftSubList li {
	padding: .1em 0;
}

#maincontent {
	position: absolute;
	left: 200px;
	top: 195px;
	width: 560px;
}

#tulostus {
	border: none;
	width: 560px;
	height: 28em;
	overflow: auto;
	padding: 4px;
	margin: 5px;
	border: 1px solid #cccccc;
}

#chat {
	height: 28em;
	margin: 5px;
	overflow: auto;
	padding: 4px;
	width: 560px;
}

#chatcontrol {
	border: none;
	width: 560px;
	margin: 2px 5px;
}
#nimimerkki {
	width: 60px;
	height: 1.2em;
	border: 1px solid #cccccc;
	font-weight: bold;
}
#aihe {
	width: 480px;
	height: 1.2em;
	border: 1px solid #cccccc;
}

#maincontent img {
	padding: 4px;
	margin: 5px;
	border: 1px solid #cccccc;
}
.event {
	background: url(../img/drawline.png) 0% 100% no-repeat;
	padding-bottom: 16px;
	margin-bottom: 8px;
}
.event .date {
	font-size: 0.7em;
}
#windconverter {
	margin: .5em 0 1em;
}
#windconverter input {
	width: 3em;
}

#forecast {
	margin: .5em 0 1em;
}
#fmiforecast{
	border: none;
	width: 560px;
	height: 32em;
	overflow: auto;
	padding: 4px;
	margin: 5px;
	border: none;
}
#fmidiv img {
	border:none;
}
#fmidiv .postemp,#fmidiv .negtemp  {
	font-family: Arial,Helvetica;
	font-size: 140%;
	text-align: center;
	color: #ff0000;
	position: absolute;
	padding-top:16px;
}
#fmidiv .negtemp {
	color: #0000ff;
}
#fmidiv .timetitle {
	font-family: Arial,Helvetica;
	font-size: 85%;
	color: #807380;
	text-align: center;
	margin-top:-10px;
}

#fmidiv .enntitle {
	margin:.3em 0 .4em;
	font-size:1.1em;
	font-weight:bold;
}

/* weatherproof */

.gram_weather_cont
{
height: 135px;
}

.timetitle
{
position: absolute; 
width: 50px; 
top: 10px;
}

.gram_weather
{
position: absolute; 
top: 62px;
}

.gram_wind
{
position: absolute; 
top: 33px; 
left: 30px;
}

.negtemp, .postemp
{
position: absolute; 
width: 50px; 
top: 110px;
}

.gram_weather_step
{
position: absolute;
}
#short_0, #long_5
{
left: 20px;
}
#short_1, #long_7
{
left: 88px;
}
#short_2, #long_9
{
left: 156px;
}
#short_3, #long_11
{
left: 224px;
}
#short_4, #long_13
{
left: 292px;
}
/* /weatherproof */
#kartta {
	width: 540px;
	height: 500px;
	padding: 4px;
	margin: 5px;
	border: 1px solid #cccccc;
}

#rightCol {
	position: absolute;
	left: 780px;
	top: 190px;
	width: 190px;
}
.rightMainList {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.7em;
}
.rightMainList li {
	padding: 4px 0px;
}
.rightSubList {
	list-style: none;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	text-transform: none;
	font-size: 1.3em;
	font-weight: normal;
}
.rightSubList li {
	padding: .1em 0;
}
	

#lastmodified {
	font-size: 0.7em;
	font-style: italic;
	color: #aaaaaa;
}