@charset "UTF-8";
body {
	font-family: verdana,  "Lucida Sans Unicode" ,"Lucida Grande", Verdana,Geneva,Arial,sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #666666;
	margin: 0;
	padding: 0;

/*	background-image: url(gfx/bg1.png); */

	background-repeat: repeat-x;
	background-color: #ecefef;
	overflow-y: scroll;

}

/* aika paljon purkkaa.. */


img{border: 0;}

a {font-size: 10px;color: #808080;text-decoration: none;}
a:hover {color: #CCC;text-decoration: none;}


.kehys img{
	border: 1px solid #CCC ;
	padding: 7px 7px 7px 7px ;
}


/* bodydivit */


/* koko settiä ympäröivä div */

div#sivurunko {
	width:750px;
	margin:0 auto;
	
	position: relative;
	overflow: visible;
}



/* yläkuva */

div#top {
	width:100%;
	height: 350px;
	background-image: url(gfx/aleksi-19.jpg);
}

/* nimikenttä, eli allu*/

div#nimi {
	width:300px;
	height: 120px;

	opacity: 0.8;
	top: -15px;
	left: -33px;
	position: relative;
	z-index:9999;
	
}


/* ylälaatikko oikealla*/

div#loota {
	width:300px;
	height: 35px;

	background-color:#5bb6d4;
	opacity: 0.8;
	
	top: 180px;
	left: 450px;
	position: relative;
	z-index:9999;
	
}







div#main {
	width:100%;
	background-color:#FFFFFF;
	padding-top: 12px;
	float: left;

	
}

/* levittää harmaan taulukon taakse */


div#harmaa_main {
        width:726px;
        background-color:#e6e8e7;
        background-color:#5bb6d4;
        background-color:#FFF;

	float: left;
        border-bottom: 12px solid #FFFFFF;
        border-left: 12px solid #FFFFFF;
        border-right: 12px solid #FFFFFF;
}




div#vasen {
	width:180px;
	float: left;

}

/* navi ja navin linkit */

div#navi {
	width:180px;
	height: 35px;
	background-color:#292b28;
        letter-spacing: 1px;

	position: relative;
	left: 0px;
	margin-bottom: 10px;
	padding-left:0px;
	padding-top:0px;
	font-family: "Trebuchet MS", 'Arial Black',"Lucida Grande",Verdana,Geneva,Arial,sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #CCCCCC;
	text-align: left;
	opacity: 0.8;
	background-position: left;
}

div#navi a {
	        font-size: 12px;
        color: #CCCCCC;
        text-decoration: none;
        display: block;
        padding: 9px 10px 8px 30px;
        background-color:#292b28;

}
	
div#navi a:hover {
	color: #FFFFFF;
	text-decoration: none;
        padding: 9px 10px 8px 35px;
        background-color:#333;
 }
 
/* viiminen navipalkki ja sille samat linkit :F */


div#naviala {
	width:180px;
	height: 35px;
	background-color:#292b28;
	position: relative;
	left: 0px;
        letter-spacing: 1px;

	padding-left:0px;
	padding-top:0px;
	font-family: "Calibri", "Trebuchet MS", 'Arial Black',"Lucida Grande",Verdana,Geneva,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: left;
	opacity: 0.8;
}

div#naviala a {
        font-size: 12px;

        color: #CCCCCC;
        text-decoration: none;
        display: block;
        padding: 9px 10px 8px 30px;
        background-color:#292b28;



}

div#naviala a:hover {
	color: #FFFFFF;
        text-decoration: none;
        padding: 9px 10px 8px 35px;
        background-color:#333;
}
 
 
 
 
 




div#oikea {
	width:534px;
	background-color:#FFF;
	float: left;
	border-left: 12px solid #FFFFFF;

}

/* tumma laatikko asioiden päällä */


div#ylatumma {
	width:498px;
	height:159px;	
	padding-left:18px;
	padding-top:10px;
	padding-right:18px;
	padding-bottom:5px;
	color: #959495;

	background-color:#292b28;
	border-bottom: 4px solid #FFFFFF;

	font-size: 11px;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	line-height: 16px;
	color: #CCCCCC;
	
}


.tummah1 {
	font-family:  'Arial Black',verdana, Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 3px;
	font-weight: normal;
	padding: 14px 15px 0px 14px;
	background: #292b28;
	color: #CCCCCC;
	letter-spacing: 2px;

}

/* asialootien tyyli */


div#asia {
	width:489px;
	border-top: 0px solid #CCC;
	border-bottom: 1px solid #CCCCCC;
	padding-left:25px;
	padding-top:4px;
	padding-right:20px;
	padding-bottom:15px;
	color: #666666;

}


div#asia a:active {

	color: #666666;
	text-decoration: underline;
}
div#asia a:link {
        font-size: 12px;

	color: #666666;
	text-decoration: underline;
	}
	
	
div#asia a:visited {
	color: #666666;
	text-decoration: underline;
}

div#asia a:hover {
	color: #666666;
	text-decoration: none;
 }



/* alaruutu; "twitter" */

div#twitter {
	width:534px;
	height: 50px;

/*	background-color:#efc939; */
	background-color:#5bb6d4;
	border-top: 6px solid #FFFFFF;
}


img.twitter {
	position: relative;
	top: -32px;
	left: 420px;
}


img.seuraa {
	position: relative;
	top: -32px;
	left: -20px;
}

img.repasy {
	position: relative;
	top: 4px;
	left: 10px;
}


/* lootan otsikko */


h1 {
	font-family: 'Arial Black',  arial, verdana, Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 10px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	color: #333333;
	letter-spacing: 2px;
	width:495px;
}
 
h2 {
	font-family: 'Arial Black',"Lucida Grande",Verdana,Geneva,Arial,sans-serif;
	font-size: 13px;
	color: #555555;
	text-transform: uppercase;
	padding: 8px 0px 0px 0px;
}       


/* vanha h1

KOPIO H2

h2 {
	padding-left:12px;
	font-family: 'Arial Black',"Lucida Grande",Verdana,Geneva,Arial,sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #767676;
	text-transform: uppercase;
	background-image: url(gfx/headerpix2.png);
	background-repeat: no-repeat;
		letter-spacing: 0px;

	padding: 8px 15px 10px 14px;
}        

*/



/* vanha h1


h1 {    
        font-family:  arial, verdana, Arial, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 10px;
        font-weight: normal;
        padding: 12px 15px 10px 14px;
        background: #666666;
        color: #CCCCCC;
        letter-spacing: 2px;
        width:400px;

}




 */



p.teksti{
	padding-left:12px;
	padding-right: 12px;
        font-family: verdana,  "Lucida Sans Unicode" ,"Lucida Grande", Verdana,Geneva,Arial,sans-serif;
        font-size: 12px;
        line-height: 22px;

}

/*
        color: #5bb6d4; 

*/


img.tekstipix { 
    margin-top: 10px; 
	margin-left: -5px;
    margin-right: 20px; 
    margin-bottom: 0px; 
	border: 0px solid #FFFFFF;
}

/*

 */


div#otsikko {
	width:100px;
	height: 50px;
	background-color:#292b28;

}



/*

KOPIO! MUUTA, ei hyvä :E Eikä tarvita.

.lpic {
	width: 310px;
	float: left;
	text-align: center;
	position: relative;
	clear: left;
	margin-bottom: 35px;
	margin-right: 15px;
		margin-top: 15px;

	}
.lpic img {
	width: 270px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	}
.lpic_t {
	background: url('gfx/kuva/yla.png') no-repeat top center;
	width: 310px;
	height: 100px;
	position: absolute;
	top: -15px;
	left: 0;
	}
.lpic_b {
	background: url('gfx/kuva/ala.png') no-repeat bottom center;
	width: 310px;
	height: 85px;
	position: absolute;
	bottom: -29px;
	left: 0;
	}

*/




/* twitterlaatikon */


/* twitter "rss" */

div#twitrss {
	width:300px;
	height: 150px;

	background-color:#FFF;
	opacity: 0.8;
	
	top: -140px;
	left: 450px;
	position: relative;
	z-index:9999;
	
}


#twitter_div {
        position: absolute;
        left: -30px;
        top: 0px;
		
    
        overflow: auto;
}
ul#twitter_update_list {
        list-style: none;
        font-size: 12px;
}
ul#twitter_update_list li {
        margin-bottom: 5px;
        padding: 5px;
        color: #7a8a99;
        background: url(images/transpBlue.png);

}
#twitter_div a { color: #96997a; }


.aleksikuva {
        top: 6px;
        right: -20px;
        position: relative;
	margin-left: 0px;
        padding: 7px 7px 7px 7px;        
	border: 1px solid #CCC;	
        background-color: #FFF;

}

.aleksikuva2 {
        top: 0px;
	right: -50px;
        position: relative;
	margin-left: 0px;
        padding: 7px 7px 7px 7px;
        border: 1px solid #CCC;
}     

.alppikoulu {
        top: 0px;
        right: -20px;
        position: relative;
        z-index:9999;
        padding: 7px 7px 7px 7px;
        border: 0px solid #CCC;
}



div#pohja {
        background-color:#292b28;
	color: #DDD;
        border-left: 12px solid #292b28;
        border-right: 12px solid #292b28;

}