/*
Theme Name: Messengers of Peace
Description: Messengers of Peace -teema, tehty Twentytwelven päälle	
Author: Ville Vuorenmaa
Template: twentytwelve-mop
*/

@import url("../twentytwelve/style.css");

a, h1.site-title a {
	color: #009d4e;
	text-decoration: none;
}

a:hover, h1.site-title a:hover {
	color: #009d4e;
	text-decoration: underline;
}

body {
	background: transparent;
}

.menu-navigaatio-container {
	background: #253765;
}

	#menu-navigaatio {
		border: none;
	}

	#menu-navigaatio li:first-child {
		margin-left: 15px;
	}
	
		#menu-navigaatio li a, #menu-navigaatio li.current_page_item a{
			color: #fff;
		}
		#menu-navigaatio li a:hover, #menu-navigaatio li.current_page_item a:hover{
			color: #fff;
			text-decoration: underline;
		}
		
		
#footer {
	background: #009d4e;
	padding: 10px;
	height: 180px;
	position: relative;
 }
	#footer p {
		display: inline;
		float: right;
		width: 380px;
		margin: 0 10px;
		margin-right: 20px;
		color: rgba(255, 255, 255, 0.5);
		font-style: italic;
		font-size: 13px;
		line-height: 17px;
		margin-top: 80px;
	}
	
	#footer a {
		position: absolute;
		right: 230px;
		top: 15px;
		display: block;
		text-indent: -999em;
		height: 60px;
		width: 181px;
		background-image: url(img/logot.png);
		background-position: 0 0;
	}
		
		#footer a:hover {
			background-position: 0 -60px;
		}
		
	#footer a#sp {
		background-position: -182px 0;
		right: 30px;
		width: 157px;
	}
		
		#footer a#sp:hover {
			background-position: -182px -60px;
		}

		
		
@media screen and (min-width: 600px) {
	.site-header {
		background: url('img/logo-cropped-363x200.png') no-repeat;
		padding-top: 95px;
	}

		.site-header hgroup {
			margin-left: 380px;
		}
		
	#footer {
		background-image: url(img/footer.png);
		background-repeat: no-repeat;
	}
}

@media screen and (min-width: 960px) {
	#bg-top, #bg-bottom {
		height: 100%;
		position: fixed;
		left: 0;
		right: 0;
		z-index: -5;
		background-size: 100% auto;
		background-repeat: no-repeat;
		top: 0;
	}
	
	#bg-top {
		background-image: url('img/bg_top.png');
		background-position: top center;
	}
	
	#bg-bottom {
		background-image: url('img/bg_bottom.png');
		background-position: bottom center;
	}
}