/* MIIHKALI.INFO - Tyylitedosto
   Info : Uutiskone tyylitiedosto
   Tiedosto : staili.css
   Vuosi : 2009
   Versio : 1.0
   Tekijä : Miikka Mäkinen / miihkali.info */

/* SIVUSTON PERUSTA ALKAA */
* {
	margin: 0;
	padding: 0;
}

html {
	background:#ffffff url(../i/taustayla.jpg) repeat-x;
	height:100%;
}

body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Grande", Verdana, Sans-serif;
    line-height: 1.4em;
	height:100%;
	font-size:13px;
}

h1, h2, h3, h4, h5, h6, p{
  color: #3f3f3f;
}

h1 {
	position:absolute;
	background:url(i/uutiskone.png) no-repeat;
	width:280px;
	height:71px;
	margin:15px 0 0 120px;
	padding:0 0 0 0;
/*	border:1px dotted white; */
}

h2 {
	font-size:14px;
	font-wight:bold;
}

h4 {
	color:red;
	width:200px
	height:auto;
	margin:0 0 -20px 40px;
	padding:0 0 0 0;
	font-size:14px;
	font-wight:bold;
/*	border:1px dotted black; */
}

h5 {
	padding:10px 0 10px 0;
	font-size:15px;
	font-wight:bold;
}

p.opas{
	margin-bottom:20px
}

a {
	/*color:#063E8D;*/
	color:#005FB5;
	font-weight:bold;
	text-decoration:none;
	outline: none;
}

a:hover {
	/*color:#4B95C4;*/
	color:#0098E6;
	border-bottom:1px dotted;
	outline:none;
}

a img {
	border:none;
	text-decoration:none;
	outline:none;
} 

.clear {
	margin-top:12px;
	margin-bottom:5px;
	clear:both;
}

.clear2 {
	clear:both;
	border-bottom:1px dotted #cccccc;
}

#raamit {
	width:1000px;
	margin:0 auto;
	height:100%;
	padding:0 0 0 0;
/*	border:1px dotted black;*/
	}
/* SIVUSTON PERUSTA LOPPUU */

/* SIVUSTON YLAOSA ALKAA */
#ylaosa {
	width:990px;
	margin:0 auto;
	height:159px;
	padding:0 0 0 0;
/* 	border-bottom:1px solid #aeaeae; */
	/*border:1px dotted black;*/
	}
	
.logo {
	position:absolute;
	background:url(../i/ylalogo.png) no-repeat;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	width:400px;
	height:70px;
/*	border:1px dotted white; */
}

/* SIVUSTON NAVIGAATIO ALKAA */
#navigaatio {
	position:absolute;
	width:650px;
	clear: both;
    margin: 59px 0 0 3px;
    list-style: none;
/*	border:1px dotted black; */
}

#navigaatio li {
    float: left;
    margin-right: 2px;    
}

#navigaatio li.extra { float: right; }

#navigaatio li a {
    float: left;
    padding: 10px 1.5em;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333333;
    background: #d3d3d3;
    line-height: 1;
}

#navigaatio li a:hover, 
#navigaatio li.current a,
#navigaatio li.current a:hover {
    background: #999999;
    color: #fff;
    border:none;
    text-decoration:none;
}
/* SIVUSTON NAVIGAATIO LOPPUU */
	
#sisalto {
	width:990px;
	margin:0 auto;
	overflow:auto;
	height:auto;
	padding:0 0 0 0;
/*  border:1px dotted black; */
	}

#sisalto p {
	font-size: 13px;
	font-weight:normal;
	line-height: 1.6em;
/*	border-bottom:1px solid #cccccc; 
	padding-bottom:20px;
	margin-bottom: 20px;*/
}

#sisaltovasen {
	float: left;
/* 	margin-left:20px; */
	clear: both; 
	width:500px;
	height:auto;
	/*border:1px dotted black;*/
}

#sisaltovasen h3 {
	/*color: #7f7c73;*/
	font-size: 20px;
	line-height: 1.6em;
	padding-left:40px;
	margin-top:30px;
	margin-bottom: 10px;
}

#sisaltovasen h3.awain {
	background:url(../i/awain.png) no-repeat;
}

#sisaltovasen h3.info {
	background:url(../i/info.png) no-repeat;
}

#sisaltovasen h3.ava {
	background:url(../i/ava.png) no-repeat;
	margin-left:0px;
}

#kirjautuminen {
	background:#eeeeee;
	width:500px;
	height:180px;
	margin:0 0 30px 0;
	padding:0 0 0 0;
/*	border:1px dotted black; */
	}

.viesti {
	font-size:20px;}

input.leveys {
	width:170px;
	height:20px;
	font-size:16px;
	border:1px dotted black;
	margin-bottom:10px;
}

input.nappi {
	background:url(../i/painike.png) no-repeat;
	width:79px;
	height:22px;
	font-size:0px;
	border-style:none;
}

input.nappi:hover {
	background:url(../i/painikehover.png) no-repeat;
	width:79px;
	height:22px;
	font-size:0px;
	border-style:none;
}

p.kirjautuminen {
	padding:5px 0 10px 212px;
}

.tunnusalue {
	width:100px;
	float:left;
	height:auto;
	margin:30px 15px 0 40px;
	padding:0 0 0 10px;
	font-size:15px;
/*	border:1px dotted black; */
}
  
.kirjautumisalue {
	width:auto;
	height:auto;
	margin:1px 0 0 0px;
	padding:30px 0px 0 0;
/*	border:1px dotted black; */
}

.muistamut {
	float:right;
	width:150px;
	height:auto;
	margin:-28px 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
/*  border:1px dotted black; */
}

.red {
	color:red;
	width:auto;
	margin:-71px 0 0 140px;
/*	border:1px dotted black; */
}

.painike {
	width:100px;
	height:40px;
	margin:0 0 0 40px;
	padding:0 0 0 0;
/*  border:1px dotted black; */
}

#sisaltoikea { 
	margin:-282px 5px 0 536px;
	float: left;  
	width:450px;
	height:auto;
/*  border:1px dotted black; */
}

#sisaltoikea h3 {
	/*color: #7f7c73;*/
	font-size: 13px;
	font-weight:normal;
	line-height: 1.6em;
	padding-left:35px;
	padding-bottom:1px;
}

#sisaltoikea h3.wee {
	background:url(../i/wee.png) no-repeat;
	margin-top:2px;
}

#sisaltoikea p {
	/*color: #7f7c73;*/
	font-size: 12px;
	line-height: 1.6em;
	padding:0 0 5px 10px;
}

.tapahtumat {
	margin-top:72px;
	margin-bottom:20px;
	padding:10px 0 10px 10px;
	background:#eeeeee;
	width:90%;
	height:auto;
/*	border:1px dotted black;*/
}

/* SISALTOIKEA OPAS ALKAA */
#sisaltoikea_opas { 
	margin-right:5px;
	float: right;  
	width:450px;
	/*border:1px dotted black;*/
}

#sisaltoikea_opas h3 {
	/*color: #7f7c73;*/
	font-size: 13px;
	font-weight:normal;
	line-height: 1.6em;
	padding-left:35px;
	padding-bottom:8px;
}

#sisaltoikea_opas h6 {
	/*color: #7f7c73;*/
	width:auto;
	height:auto;
	font-size: 20px;
	line-height: 1.6em;
	padding-left:40px;
	margin:0 0 10px 0;
}

#sisaltoikea_opas h6.sisalto {
	background:url(../i/plussa.png) no-repeat;
}

#sisaltoikea_opas h6.muistilista {
	background:url(../i/muisti.png) no-repeat;
}

#sisaltoikea_opas p {
	/*color: #7f7c73;*/
	font-size: 12px;
	line-height: 1.6em;
	padding:0 0 5px 10px;
}

.tapahtumat_opas {
	margin-top:72px;
	margin-bottom:20px;
	padding:10px 0 10px 10px;
	background:#eeeeee;
	width:90%;
	height:auto;
}

.muistilista, .kategoriat {
	margin-top:0px;
	margin-bottom:20px;
	padding:10px 0 10px 10px;
	background:#eeeeee;
	width:90%;
	height:auto;
}

/* SISALTOIKEA OPAS LOPPUU */


/* SIVUSTON YLÄOSA LOPPUU */

/* SIVUSTON FOOTER ALKAA TÄSTÄ */
#footer {
	/*position:absolute;*/
/* 	background:#222222; */
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
	height:auto;
	border-top:1px dotted #A99C8D;
}

#footer p {
	width:400px;
	height:auto;
	padding:0 0 5px 0;
	margin:0 auto;
	font-size:12px;
	text-align:center;
}
/* SIVUSTON FOOTER LOPPUU TÄHÄN */

#navi {
	position:absolute;
	width:650px;
	clear: both;
    margin: -56px 0 0 3px;
    list-style: none;
/*	border:1px dotted black; */
}

#navi li {
    float: left;
    margin-right: 2px;    
}

#navi li.extra { float: right; }

#navi li a {
    float: left;
    padding: 10px 1.5em;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333333;
    background: #d3d3d3;
    line-height: 1;
}

#navi li a:hover, 
#navi li.current a,
#navi li.current a:hover {
    background: #999999;
    color: #fff;
    border:none;
    text-decoration:none;
}