html { min-height: 100%; margin-bottom: 1px; } /*avoids page jump when content gets longer*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font-size:11px;
}
.header {
	background-image: url(../images/tile2.gif);
	height:192px;
	color:#000000;
}
.shelf {
	background-color:#e2610c;
	color:#FFFFFF;
}
.shelf a:link, .shelf a:visited, .shelf a:hover, .shelf a:active  {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
}

stretch{
    height: 0; /*for window.onload*/
    overflow: hidden; /*for window.onload*/
}

.shelf_content {
    height: 0;/*for window.onload*/
    overflow: hidden; /*for window.onload*/
}
ol {margin:10px 3px 3px 25px; padding:0px;}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FFFFFF;
	font-weight: normal;
	padding:0px;
	margin:0px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #FFFFFF;
	font-weight: normal;
	padding:0px;
	margin:0px;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	padding:0px;
	margin:0px;
}


h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#2d2926;
	font-weight:normal;
	/*background-color:#f2731f;
	border-width: 1px;
	border-bottom-style: dashed;
	border-color: #d6482c;*/
	margin-bottom: 3px;
	padding: 3px 0px 2px 3px;

}

a:link, a:visited, a:active {
	color:#009900;
	text-decoration: none;
}
a:hover {
	color:#009900;
	text-decoration: underline;
}

p {
	padding:0px;
	margin:0px;
}
stretch{
    height: 0;
    overflow: hidden;
}
.shelf_content {
	/*height:150px;*/
}

.shelf_col {
	float:left; width:150px; 
	font-size:12px;
	padding-right:15px;
}

.shelf_col a:link, .shelf_col a:visited, .shelf_col a:active  {
	padding:3px;
	color:#36302b;
	background-color:#f37e32;
	display:block;
	font-size:10px;
	text-decoration:none;
	line-height:1.2ems;
	border-width: 1px;
	border-top-style: solid;
	border-color: #ce773d;
}

.shelf_col a:hover  {
	padding:3px;
	color:#000000;
	background-color:#f1712b;
	display:block;
	font-size:10px;
	text-decoration:none;
	line-height:1.2ems;
	border-width: 1px;
	border-top-style: solid;
	border-color: #ce773d;
}

/*FLICKR
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {margin-top:6px;}
#flickr_badge_wrapper {}
/*this is the guy*/
.flickr_badge_image img {border: 2px solid #CACACA; float:left; margin-right:8px; !important;}
.flickr_badge_image img:hover {border: 2px solid #e57018; !important;}ol {
	list-style-type: lower-roman;
}