/*
 * Copyright 2009  Andrzej Zaborowski <balrogg@gmail.com>
 * Code under GNU Public License version 2 or version 3 at your option.
 */

/* General */

#mybody {
	overflow:	hidden;
	font-family:	Verdana;
	position:	absolute; /* Must be non-static */
}

.menubutton, .mapmenubutton, .com {
	text-decoration:none;
	color:		#9be;
}

.menubutton {
	font-size:	18pt;
}

h2 {
	font-family:	Sans;
}

#menu {
	position: 	absolute;
	top:		10%;
	left:		1%;
	padding-left:	1%;
	padding-right:	1%;
	/* NOTE: These are enforced by javascript: */
	/*width:	98%;*/
	/*height:	20%;*/
	background-color:	rgba(255, 255, 255, 0.9);
}

body {
	margin:		0;
	padding:	0;
}

#logo {
	z-index:	-5;
	background:	url('img/city.jpg') no-repeat top center;
	left:		0;
	top:		0;
	width:		100%;
	height:		30%;
}

#buttons {
	white-space:	nowrap;
}

.subpage {
	position: 	absolute;
	visibility:	hidden;
	overflow:	hidden;
	top:		30%;
	left:		0%;
	width:		100%;
	height:		70%;
	background:	url('img/bg0.jpg') no-repeat bottom center;
}

img.logo {
	float:		left;
}

img {
	border:		none;
}

#about {
	font-size:	10pt;
	text-align:	justify;
}

#flags {
	display:	inline-block;
	word-spacing:	0px;
	line-height:	80%;
}

/* Map */

#world {
	position: 	absolute;
	top:		0%;
	left:		0%;
	width:		100%;
	height:		60%;
	background:	#ddd url('http://tile.cloudmade.com/wml/0.4/images/loading.gif') no-repeat center;
}

#mapmenu {
	position: 	absolute;
	top:		62%;
	left:		2%;
	width:		96%;
}

div.footer {
	position: 	absolute;
	top:		87%;
	left:		2%;
	width:		96%;
	background:	#5ae;
	font-size:	8pt;
}

/* Community */

img.deco {
	float:		right;
}

#community {
	margin:		2%;
	width:		96%;
}

/* IFrames */

.iframe {
	position: 	absolute;
	top:		0%;
	left:		0%;
	width:		100%;
	height:		60%;
}

.iframe_menu {
	position: 	absolute;
	top:		65%;
	left:		5%;
	width:		90%;
}

iframe {
	width:		100%;
	height:		100%;
}