@charset "UTF-8";

/*
  stylesheet for osm2world.org
*/

body {
  margin-left: 5%;
  margin-right: 5%;
  background: #f0f0f0;
}

ins {
  text-decoration:none;
}

/* shadows and round edges for all boxes */

.box {
	border-radius: 5px;
	box-shadow: 2px 2px #666;
}

/* header and tagline */

#header { text-decoration: none; }

#header div {
	margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none;
	padding: 8px 20px 8px 20px;
	background: #55f;
	background: -moz-linear-gradient(top, #00f, #aaf);
	background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#aaf));	
	background-image: -ms-linear-gradient(top, #00f 0%, #aaf 100%);
	background-image: -moz-linear-gradient(top, #00f 0%, #aaf 100%);
	background-image: -o-linear-gradient(top, #00f 0%, #aaf 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00f), color-stop(1, #aaf));
	background-image: -webkit-linear-gradient(top, #00f 0%, #aaf 100%);
	background-image: linear-gradient(top, #00f 0%, #aaf 100%);
}

#header h1 {color: white; font-size: x-large; }

#tagline {font-size: large; }

/* navigation */

#navmenu {
	padding: 8px 2% 8px 2%;
	margin-bottom: 20px; margin-top: 10px;
	list-style-type: none; list-style-image: none;
	background: #aaf;
}

#navmenu li { display: inline; margin: 0px; padding: 0px; }

#navmenu li * {	
	text-decoration:none;
	padding: 8px 2% 8px 2%;
	margin-left: 5px; margin-right: 5px;
}
#navmenu li a {color: white; }
#navmenu li a:hover {color: black; background: #88f; }
#navmenu li span {color: white; background: #55f; }

/* content */

#content h2 { clear: left; font-size: large; }

#content { padding: 8px 20px 8px 20px; }

/* legal footer */

hr { margin: 20px 20px 0px 20px; }
#legal { font-size: small; padding: 8px 20px 8px 20px; }

/* imageboxes and galleries */

.imagebox {
	width: 300px;
	padding: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	background: #ddd;
	text-align: center;
}

.imagebox img {
	border: 0;
	padding: 2px;
	border-radius: 5px;
	background: #555;
	width: 300px;
	max-height: 256px;
}

.imagebox img:hover {
	background: #999;
}

.imagebox p {
	margin-bottom: 0;
	font-size: small;
}

#singleimagebox {
	float: right;
	background: #aaf;
}

.gallery { list-style-type: none; list-style-image: none; }
.gallery .imagebox { width:300px; height:300px; display: inline; border: solid 1px; float: left; }