html { height: 100% }

body {
	background: #F7F7F7; font-family: sans-serif; height: 100%; margin: 2%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #fff,  #fff); /* for firefox 3.6+ */ 
}
#page {  }
/*#content { text-align: center; margin: auto;}
.post {text-align: center; margin: auto;}
.post a {border: :none; text-decoration: none; color: #0000BB;}
*/
.post img { width: 100%;}
h1 { color: #456; font-size:2em; font-weight:bold; margin: 1ex;}


li { padding: 1ex; width: 100%;}
/* li.active { background: #000000; } */
li.active a:active, li.active a { color: #000000; }

li a:hover { text-decoration: underline; }
li.active a:hover { text-decoration: none; color: #000000 }

div#nav { position: absolute; left: 0;  width: 10%;}

#nav ul, #country_pictures ul { list-style: none; margin: 0; font-size: .75em; text-align: right; padding: 0; }

#picture { margin-left:12%; width:54%;}

a.gmaps { background: url(images/globe.jpg) no-repeat left top; padding-left: 18px; }

.caption { font-size: .75em; color: #686868; display: block;}

#content-holder { font-size: .8em; margin: 5px 0 0 0; text-align: left; }

div#country_pictures { position: absolute; left: 67%; width: 28%}
#country_pictures ul { text-align: left;}