html { height : 100%; min-height : 100%; }
body { overflow : hidden; height : 100%; min-height : 100%; margin : 0; padding : 0; font-family : arial; color : #111; background : #0a0a0a; }

p, h1, h2, h3, h4 { margin : 0; }
h1 { font-size : 10px; }
h2 { font-size : 10px; }
p { font-size : 10px; margin : 0; }
img { border : 0; }
a { text-decoration : none; }

#wrapper { position : relative; margin : 0; min-width : 1020px; min-height: 680px; }
#wrapper img {
	position : absolute;
	top : 0;
	left : 66.6%;
	z-index: 5000;
}
#feed { overflow : hidden; position : absolute; bottom : 0; min-width : 1020px; width : 100%; height : 165px; padding : 10px 0 0 10px; color : #232f0b; background : #0f1305; z-index : 9999; cursor : pointer; }
#feed h1, #feed ul { float : left; margin-right : 10px; }
#feed * { font-size : 10px; }
#feed ul, #feed li { margin : 0; padding : 0; }
#feed li { margin-bottom : 5px; }
#feed img { display : none; }
#feed a { color : #232f0b; }
#feed:hover { background : #172108; color : #a9ab26; }
#feed:hover a { color : #f8ef5f; }
#feed a:hover { color : #fff; }

/* photos page */
#container { width : 100%; height : 100%; text-align : center; white-space : nowrap; }
#crutch { display : inline-block; height : 100%; width : 0; vertical-align : middle; }
#photolist {
	display : inline-block;
	width: 150px;
	height: 320px;
	vertical-align : middle;
}
.thumb { width : 140px; margin : 0 10px 10px 0; }
#photo.landscape {
	width: 100%;
	height: auto;
	vertical-align : middle;
}
#photo.portrait {
	width: auto;
	height: 100%;
	vertical-align : middle;
}
#photos #feed { overflow : auto; position : absolute; left : 0; bottom : 0; min-width : 1020px; width : 100%; height : 20px; padding : 10px 0 0 10px; color : #444; background : #030303; z-index : 9999; cursor : pointer; }


.bg {	
	position: absolute;
	top: 0;
	left: 0;
	min-width: 1020px;
	width: 100%;
	min-height: 680px;
	height: 100%;
	z-index: 5000;
}