@charset "UTF-8";

/*
	
	Copyright © Corporation Eightt.
	
	Coded by the henchmonkeys at Eightt,
	who want you to learn from some of
	their great techniques herein.
	Many, many, many thanks to A List Apart
	and their article "Fluid Grids":
	http://www.alistapart.com/articles/fluidgrids
	
	Specific Page Author: Taldar Baddley.
	
*/




div#omnibok {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: auto;
	z-index: 50;
}

div#everything {
	max-width: 56.25em;  /* 900px/16  -  collapse when necessary */
	border-left: 20px solid rgb(0,0,0);
	border-right: 20px solid rgb(0,0,0);
	margin-left: auto;
	margin-right: auto;
}

div#collections {
	 width: 17.78%;  /* 160px/900  -  flexible but usually rigid at 160px */
	 float: left;
}

.date {
	color: rgb(90, 90, 90);
}

div#grid {
	width: 66.67%;  /* 600px/900  -  flexible but usually rigid at 720px */
	float: right;
}

/*  ----------------------------------- Zomm -----------------------------------  */

div#zommframe {
	display: none;
	z-index: 95;
	background-color: black;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

div#zommframe object {
	width: 100%;
	height: 100%;
	background-color: black;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	z-index: 96;
}

div#zommclose {
	z-index: 97;
	position: absolute;
	top: 1em;
	left: 1em;
}

/*  ---------------------------------- / Zomm ----------------------------------  */

div.thumb {
	min-height: 73px;  /* 72 + Jiggle Room */
	width: 33.33%;  /* Exactly three columns */
	margin-bottom: 100px;
	float: left;
}

img.nail {
	float: left;
	position: relative;
	top: 1px;
	left: 1px;
}

a:hover img.nail {
	top: 0;
	left: 0;
}

a:active img.nail {
	top: 1px;
	left: 1px;
}

.selected {
	color: rgb(174,192,237) !important;
}

ul {
	list-style: none;
	font-size: 0.8em;
}

li {
	margin-bottom: 0.5em;
}