/* Body ja Divit */

html {overflow-y: scroll;} 

body {
background-image:url('http://tammerfest.fi/2010/img/bg.gif');
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
margin: 0px; }

#wrapper { 

position: absolute; 
width: 100%;
min-width: 600px; 
 }

#vasen {
background-color: #FFFFFF;
border: solid 1px #ccc;
float: left;
position: relative;
width: 20%;
margin-left: 2.5%;
margin-right: 0.5%;
margin-top: 10px;
margin-bottom: 20px;

 }

#vasenkuva {
background-image:url('img/vasenkuva.gif');	
background-repeat: no-repeat;
background-position: center;
height: 140px; 
 }


#main {
background-color: #FFFFFF;
border: solid 1px #ccc; 
float: right;
position: relative;
width: 56%;
height: auto;
margin-right: 20%;
margin-top: 10px;
margin-bottom: 20px;
min-height: 600px;
}

#header {
background-image:url('img/header.jpg');
background-repeat: no-repeat;
background-position: center;
height: 108px;
 }

#navi {
background-image:url('img/varjo.gif');
background-repeat: repeat-x;
background-position: bottom;
text-align: center;
height: 80px; }

/* Tekstit ja linkit */

h1 {
font-size: 1.4em;
text-transform: uppercase;
margin-top: 10px;
margin-left: 10px; }

h2 {
font-size: 1.2em;
text-transform: uppercase;	
margin-left: 10px;
margin-bottom: 10px; }

p { 
margin-left: 20px; 
margin-right: 10px;
margin-top: 10px }

p.smallmargin {
margin: 10px; }

#navi a:link, #navi a:hover, #navi a:active, #navi a:visited { 
color:black;
margin-right: 20px; }

a, h2 a:hover, h3 a:hover {
color: #f63;
text-decoration: none; }

a:hover {
color: #f30;
text-decoration: underline; }

em.faq { color: #f63; }

/* Kuvat */

img.tflogo {
margin-top: 10px;
display: block;
margin-left: auto;
margin-right: auto; }

img.lataa {
display: block;
margin-left: auto;
margin-right: auto;
border: none; }

img.tflogobig {
margin-top: 10px;
display: block;
margin-left: auto;
margin-right: auto; }

img.citynomadi {
display: block;
margin-left: auto;
margin-right: auto; }

img.floatright {
float: right;
margin-right: 20px; }

/* Listat */

ul { 
list-style-type:circle; 
margin-bottom: 10px; 
}

/* Lomake */

form label { 
display: block;
float: left; 
width: 60px; 
margin-right: 10px;
margin-left: 10px;
text-align: right;
}

p .submit { background-color: #ccc; display: block; margin-left: 80px; }
form input { border: solid 1px #ccc; }
form .bigMargin { margin-left: 50px; }

form textarea { 
border: solid 1px #ccc; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
width: 250px;
height: 75px;
}

form textarea:focus { border: solid 1px #f63; }
form input:focus { border: solid 1px #f63; }

hr { height: 1px;background-color: #ccc;color: #ccc;border: none; width: 80%;  }

hr.long { height: 1px;background-color: #ccc;color: #ccc;border: none; width: 95%; margin-bottom: 10px; margin-top: 10px; }

h2.vasen {
	margin-right: 10px;
	background-color: #dfdbc6;
}