@CHARSET "UTF-8";

body { background: #222; color: #999; font-family: Helvetica, Arial, sans; /*font-size: 0.8em;*/  }

* { padding: 0; margin: 0; }
a { color: #ccc; text-decoration: none; }
a img { border-width: 0; }
a:visited { color: #aaa; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
dt { margin-top: 10px; font-weight:bold;}
ul, ol { list-style-position: inside; }

.clearer { clear: both; float: none; }

.shadow { /*-moz-box-shadow: 0 0 15px #000; -webkit-box-shadow: 0 0 15px #000;*/ box-shadow: 0 0 15px #000; }

#navigation { color: #333; background: #999; padding: 2px 15px;}
	#navigation a { color: #000; }
	
/*#wrapper { padding: 7px 15px; width: 97%; position: relative;}    */
	#site_title { font-weight: bold; }
	#top_menu, #top_menu li { display: inline; }
	    #top_menu { padding-left: 20px; }
	    #top_menu li { border-left: 4px solid #444; /*padding: 0 30px 0 30px;*/ padding: 0 0.5rem;  }
	    
    h1 { font-size: 20px; font-weight: bold; letter-spacing: -2px; position: relative; }

	/*#prev_next { float: right; font-size: 12px; font-weight: normal; letter-spacing: 0; line-height: 2; z-index: 100; padding: 10px 0; }*/
	#prev_next {
		display: block;
		font-size: 1rem;
		font-weight: normal;
		letter-spacing: 0;
		padding: 0.75rem 0;	
	}

/* Album page */
#album_description { font-size: 16px; width: 300px; }
#album_images .nojs { background: #111; color: #f00; display: table; font-weight: bold; margin: 10px 0; padding: 10px; }
#album_images { position: relative; }

#album_images {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(1fr);
	grid-gap: 10px;
}

@media (min-width: 1024px) {

	#wrapper { padding: 7px 15px; width: 97%; }

	#album_images {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: repeat(1fr);
		grid-gap: 10px 10px;
	}
}
	#album_images .photo { i/*background: #fff; display: table;*/ position: relative; }
		#album_images .photo img { border: 8px solid #fff; border-bottom-width: 8px; margin: 0 auto; position: relative; }
		/*#album_images .photo .description { padding: 0 6px 4px 8px;  position: relative; }*/

	#album_images.dynamic { position: absolute; top: 0; left: 0;}

	#album_images.static { padding: 10px 0; }
		#album_images.static h3 { text-align: center; }
		#album_images.static .photo { margin: 10px auto; }
		#album_images.static .photo_desc { margin: 10px auto 30px auto; max-width: 80%; text-align: center; }


/* Photo page */
#single { position: relative; text-align:center;}
	#single img { border: 8px solid #fff; max-width: 98%; height: auto; }
	#single .photo_desc { margin: 10px auto 30px auto; max-width: 80%;  }
	#single #photo_albums { padding-top: 20px; }
		#single #photo_albums > div { display: inline-block; margin: 0 10px;}

/* about */
#about { margin: 0 auto; max-width: 1024px; }
	#about img { border: 8px solid #fff; }
	#about a { color: #fefefe; }
	#about h2 { margin: 10px 0; }
	#about strong { color: #fff; }