/*
Style Sheet for Glenn Hummel's online art portfolio
created by Glenn Hummel - glenn@ghummel.com
*/

* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #1b1b1b;
}
body a, body a:visited, body a:hover {
	text-decoration: none;
}
#wholePage {
	margin: 10px auto;
	padding: 10px;
	width: 800px;
	background: url(images_art/pageBg.jpg) repeat-y;
	overflow: hidden;
}
#nav {
	margin: 13px 0 0 30px;
	padding: 0;
	border-top: 1px solid white;
	width: 760px;
}
#navBtns {
	margin: 0;
	padding: 0;
}
#navBtns li {
	display: inline;
	float: right;
	margin: 0 5px;
	padding: 0;
}
#bodyContent {
	margin: 0 auto;
	padding: 0;
}
.col {
	float: left;
	width: 50%;
}
.event, #siteActivity {
	margin: 10px auto 20px auto;
	padding: 10px;
	text-align: center;
	width: 300px;
	background: #350035;
}
#siteActivity p, .event p {
	margin: 6px;
	font-size: 11px;
	color: #87ceeb;
}
#siteActivity a { font-size: 12px; color: #4169e1; }
#siteActivity a:hover { color: #d2b48c; }
.what { margin: 6px; font: bold 12px; color: white; } 
.date { font-size: 11px; color: #999; }
.info { margin: 6px; font: 11px Geneva, Arial, Helvetica, sans-serif; color: white; }
#artText {
	margin: 8px 5px 15px 8px;
	padding: 0;
	border: 1px solid #0f0f42;
}
#artText p {
	margin: 0;
	padding: 10px 10px 10px 18px;
	font: 16px serif;
	line-height: 125%;
	text-indent: -8px;
	color: #faebd7;
}
#homePoem {
	float: left;
	margin: 30px 0 0 30px;
	padding: 0;
	width: 270px;
	background-color: #200000;
}
#homePoem img { padding: 5px; }
#heron {
	position: relative;
	float: left;
	top: -45px;
	left: 145px;
	margin: 0;
	padding: 0;
}

/**** Art Photography ****/

h1.pageHead {
	margin-top: 20px;
	font: normal 18px sans-serif;
	color: white;
	text-align: center;
}
p.description {
	margin: 10px auto;
	font: 14px sans-serif;
	line-height: 150%;
	color: white;
	width: 600px;
	text-align: center;
}
p.description a, p.description a.visited { color: #ffff00; }
p.description a:hover { color: #00ced1; }
#artShotExampleSlideshow {
	margin: 30px auto;
	width: 500px;
	text-align: center;
}
#artShotExampleSlideshow .gallerylayer {
	background: url(images_art/slideShowBg.jpg)!important;
}

/**** end Art Photography ****/

/**** Over Time ****/
#holder {
	position: relative;
	margin: 20px auto;
	width: 930px;
}
h4.allCaps {
	clear: both;
	margin-top: 40px;
	font-size: 70%;
	text-align: center;
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
h4.allCaps a, h4.allCaps a:visited, #nextOT a, #prevOT a, #nextOT a:visited, #prevOT a:visited {
	color: #f09018;
}
h4.allCaps a:hover, #nextOT a:hover, #prevOT a:hover {
	text-decoration: underline;
}
h1.whiteTxt {
	position: relative;
	top: 0;
	font: bold 16px "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
	color: white;
	margin: 0 auto 15px auto;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.9em;
	width: 220px;
}
#nextOT, #prevOT {
	position: relative;
	font-size: 70%;
	top: 15px;	
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
#nextOT {
	float: right;
}
#prevOT {
	float: left;
}
#gridof9 li {
	float: left;
	margin: 5px;
	list-style: none;
}