body,
html {
	margin:0;
	padding:0;
	font-size:100%;
	color:#000;
	background-color: rgb(123,159,200);
	background-image: url('./images/maisema.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}




img {
	background:transparent;
	margin:0px 1px;
	padding:10px;
}

h2, h3 {
margin:0 0;
padding:20px 20px 0;
font-size:24px;
font-weight:normal;
color: black;
font-family: Impact , Arial, sans-serif;
text-align: center;


text-shadow:
   -1px -1px 0 #eee,  
    1px -1px 0 #eee,
    -1px 1px 0 #eee,
     1px 1px 0 #eee;

}

a:link {text-decoration:underline; color:#000; }
a:visited {text-decoration:none; color:#000}
a:hover {text-decoration:none; color: rgb(255,102,0);}

a.bm:link {text-decoration:underline; color:#515151 }
a.bm:visited {text-decoration:none; color:#515151}
a.bm:hover {text-decoration:none; color:#515151}

#wrap {
width:80%;
margin: auto;
padding:0 10px;

background: rgba(181,200,215,0.8);
border-radius: 50px;

position: relative;
top: -70px;
}





#header {
width:500px;
margin:10px auto;	
float: center;	
clear:both;	
padding:0px 10px ;
}

#header h1 {
margin:0;
padding:0;
text-align:center;
color:rgb(255,255,255);

font-family: Impact , Arial, sans-serif;
font-size:128px;
line-height: 90%;

text-shadow:
   -3px -3px 0 #000,  
    3px -3px 0 #000,
    -3px 3px 0 #000,
     3px 3px 0 #000;

}

#header h2 {
text-align:left;
color: rgb(255,102,0);

margin:0;

font-family: Impact , Arial, sans-serif;
font-weight: bold;
font-size:24px;


text-shadow:
   -2px -2px 0 #000,  
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;
}



#header h3{ text-align: right;
			line-height: 120%;
			position:relative;
			left:40px; bottom:80px;}

#header h4.header_small{ text-align: right;
			line-height: 80%;
			font-family: "Liberation Sans" , Arial, sans-serif;
			position:relative;
			bottom: 80px;
			left: 20px;
			font-size: 70%;
 			}			

#header h2.header_date {
			 text-align: left;
			 font-size: 50px;
			 -webkit-transform: rotate(270deg);
			 -moz-transform: rotate(270deg);
			 -o-transform: rotate(270deg);
			 writing-mode: vertical-lr;
			 display: block;
			 position: relative;
			 left:250px; bottom:290px;
			 }

#header h2.header_super {
	position: relative;
	left: 70px;
}

#main {
float:right;
padding:20px;
margin-left: 0px;
width:65%;

font-family: "Liberation Sans" , Arial, sans-serif;
color:#000;


}


#main h2 {
margin:0 0;
padding:20px 20px 20px;
font-weight:bold;

font-family: Impact , Arial, sans-serif;

}



#main p {
	padding:10px 10px 0px;
	font-size:100%;
}

#sidebar {
float:left;
width:25%;
padding:10px;

font-family: Impact , Arial, sans-serif;
color:#000;

text-shadow:
   -1px -1px 0 #ddd,  
    1px -1px 0 #ddd,
    -1px 1px 0 #ddd,
     1px 1px 0 #ddd;
}

#menu-nav {
margin:90px 20px;	
padding:0px 0px;
text-align: right;
}

#menu-nav a:link {text-decoration:none; color:#000; }
#menu-nav a:visited {text-decoration:none; color:#000}
#menu-nav a:hover {text-decoration:none; color: rgb(255,102,0);}


#menu-nav ul {
margin:0;
padding:0;
list-style:none;
}

#submenu-nav a:link{
font-size: 80%;
font-family: Arial, sans-serif}

#menu-nav li {
margin:15px 15px;
padding:0;
}

#footer {
clear:both;
width:100%;
padding:5px 10px;
font-family: Impact , Arial, sans-serif;
color:#515151;


position: relative;
bottom: 0px;	
}

#footer p {
margin:0;
}