/*
Theme Name: Ruka Kesäkartta
Theme URI: http://www.mylly.fi
Description: AD-HOC Kesäkartta Theme
Version: 1.0
Author: Pohjolan Mylly
Text Domain: rukakartta
*/

body {
	margin: 0px;
	padding: 0px;
	background: #000 url() no-repeat 0px 0px;
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

input,textarea {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 100%;
	z-index: 99;
}

a {
	color: #fff;
	text-decoration: none;
}

.mapShowMarker a {
	text-decoration: underline;
}

a.markernewlist {
	text-shadow: #b77f36 -1px -1px;
}


h1 {
	margin: 15px auto 0px auto;
	background: transparent url(image/h1.png) no-repeat 0px 0px;
	width: 600px;
	height: 44px;
	text-indent: -9999px;
}

h2 {
	margin-top: 0px;
	margin-bottom: 10px;
}

#toggler {
	display: block;
	position: absolute;
	top: 68px;
	right: 13px;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	color: transparent;
}

#sidebar {
	margin-left: -430px;
	position: absolute;
	top: 5px;
	left: 0px;
	background: transparent url(image/sidebar.png) no-repeat 0px 0px;
	width: 437px;
	height: 2000px;
	z-index: 2;
}

#header {
	background: transparent url(image/header.png) repeat-x 0px 100%;
	position: absolute;
	top: -6px;
	left: 0px;
	height: 80px;
	z-index: 3;
	width: 100%;
}

#footer {
	background: transparent url(image/footer.png) repeat-x 0px 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 74px;
	z-index: 2;
	width: 100%;
}

#footer a#logos {
	background: transparent url(image/footer_logos.png) no-repeat 0px 0px;	
	text-indent: -9999px;
	color: transparent;
	display: block;
	position: absolute;
	right: 15px;
	bottom: -5px;
	width: 221px;
	height: 168px;
}

#footer a#google {
	background: transparent url(http://maps.gstatic.com/intl/en_ALL/mapfiles/poweredby.png) no-repeat 0px 0px;	
	text-indent: -9999px;
	color: transparent;
	display: block;
	position: absolute;
	left: 15px;
	bottom: 75px;
	width: 65px;
	height: 30px;
}

#footer a#tab1 {
	background: transparent url(image/footer_tabs.png) no-repeat 0px 0px;	
	text-indent: -9999px;
	color: transparent;
	display: block;
	position: absolute;
	left: 30px;
	bottom: 0px;
	width: 175px;
	height: 44px;
}

#footer a#tab2 {
	background: transparent url(image/footer_tabs.png) no-repeat -175px 0px;	
	text-indent: -9999px;
	color: transparent;
	display: block;
	position: absolute;
	left: 200px;
	bottom: 0px;
	width: 206px;
	height: 44px;
}

#actionbg {
	display: none;
	position: absolute;
	z-index: 98;
	background: transparent url(image/actionbg.png);
}

#action {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}

#action.mapAddMarker {
	background: transparent url(image/action_new.png) no-repeat 0px 0px;		
	width: 738px;
	height: 359px;
}

#action.mapShowMarker {
	background: transparent url(image/marker_info.png) no-repeat 0px 0px;		
	width: 800px;
	height: 600px;
}

#mouseover {
	position: absolute;
	background: #fff url() 0px 0px;
	font-size: 11px;
	z-index: 99;
	color: #000;
	padding: 5px;
	display: none;
}

#action.mapShowMarker img {
	margin-top: 10px;
}

#action.showSummerPackets {
	background: transparent url(image/packs.png) repeat-x 0px 0px;		
	width: 786px;
	height: 436px;
}

#socialSharing {
	position: absolute;
	top: 0px;
	left: 30px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#socialSharing li {
	float: left;
	width: 46px;
	height: 48px;
}

#socialSharing li a {
	background: transparent url(image/social.png) no-repeat 0px 0px;
	display: block;
	text-indent: -9999px;
	color: transparent;
	width: 46px;
	height: 48px;
}

#socialSharing li a:hover {	background-image: url(image/social_hover.png); }
#socialSharing li.twitter a { background-position: -46px 0px; }
#socialSharing li.facebook a { background-position: -92px 0px; }
#socialSharing li.rss a:hover { background-position: 0px 1px; }
#socialSharing li.twitter a:hover { background-position: -46px 1px; }
#socialSharing li.facebook a:hover { background-position: -92px 1px; }

#tabs {
	position: absolute;
	top: 45px;
	right: 30px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 2;
}

#tabs li {
	float: left;
	width: 93px;
	height: 60px;
}

#tabs li.new { width: 111px; }
#tabs li.info { width: 73px; }

#tabs li a {
	background: transparent url(image/header_tabs_notop10.png) no-repeat 0px 0px;
	display: block;
	text-indent: -9999px;
	color: transparent;
	width: 93px;
	height: 60px;
}

#tabs li.new a { background-position: -91px 0px; width: 111px; }
#tabs li.info a { background-position: -202px 0px; width: 73px; }
#tabs li a:hover { position: relative; top: 1px; }

#map {
	position: relative;
	width: 100%;
	height: 480px;
	z-index: 1;
}

#canvas {
	width: 100%;
	background-color: #aaa;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;		
}