/**
 * Glow theme screen style sheet
 * Copyright (c) 2008 William Swanson
 */

/**
 * Colors and fonts
 */
body {
	background: #33302d url(background.png) repeat-x top center;
	color: black;
	font: 83% "Arial", "Helvetica", sans-serif;
	position: relative;
}
p, blockquote, li, dt, dd {line-height: 1.3;}
code, kbd, samp {
	font: 1.1em "Consolas", "Courier New", "Courier", monospace;
	color: #35a000;
}
a:link    {color: #006aa0;}
a:active  {color: #35a000;}
a:visited {color: #003e60;}
a:hover   {color: #35a000;}

/**
 * Page
 */
#page {
	background: url(content-mid.png) repeat-y left top;
	font-size: 1em;
	margin: 0 0 0 -328px;
	position: absolute;
	left: 50%;
	width: 656px;
	top: 192px;
}

/**
 * Header
 */
#header {
	background: url(header.jpg) no-repeat left top;
	position: absolute;
	left: -216px;
	width: 912px;
	top: -192px;
	height: 416px;
	z-index: 1;
}
#header h1 {
	margin: 0;
}
#header a {
 	color: #000000;
	display: block;
	font: 2px sans-serif;
	text-align: right;
	margin: 40px 128px 0 304px;
	height: 152px;
}
#header p {
	display: none;
}

/**
 * Content
 */
#content {
	background: url(content-bot.png) no-repeat bottom;
	margin: 24px 0 0;
	padding: 0 56px 48px;
	position: relative;
	z-index: 4;
	min-height: 192px;
	/*Emulate min-height on IE 6 & below:*/
	height: auto !important;
	height: 240px;
}
#content h2 {
	border-bottom: 1px solid #d0d0d0;
	letter-spacing: 0.1em;
	margin-top: 24px;
}
#content h2, #content h2 a {color: #003550;}
#content h3, #content h3 a {color: #006aa0;}

/*Blog posts:*/
.post .header p {color: #404040;}
.post .comment-link {
	background: url(post-comment.png) no-repeat left bottom;
}
.post .comment-link a {
	display: block;
	line-height: 16px;
	padding: 0 0 2px 24px;
}
.post .footer {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding: 0.25em 0;
}

/**
 * Navigation
 */
#nav {
	position: absolute;
	left: 24px;
	width: 608px;
	top: -192px;
	height: 40px;
	z-index: 2;
}
#nav ul {
	margin: 8px 0;
	font: 1.2em "Arial", "Helvetica", sans-serif;
	text-align: center;
	width: 384px;
}
#nav li {
	display: inline;
	margin: 0;
	padding: 0 1ex 0 1.5ex;
	line-height: 24px;
}
#nav li + li {
	background: url(nav-bar.png) no-repeat left center;
}
#nav a {
	color: #ffffff;
	text-decoration: none;
}
#nav input {
	background: #ffffff;
	border: none;
	color: #999;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 12px;
	height: 16px;
	right: 55px;
	width: 132px;
}
#nav button {
	background: transparent;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	text-indent: 16px;
	top: 12px;
	height: 16px;
	right: 36px;
	width: 16px;
}

/**
 * Bottom links
 */
#footer {
	background: #33302d;
	color: #c0c0c0;
	margin: 0;
	padding: 1px 0 24px;
	position: relative;
	z-index: 5;
}
#footer ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
#footer li {
	display: inline;
	padding-left: 1ex;
	padding-right: 0.5ex;
}
#footer li + li {
	border-left: 1px solid #c0c0c0;
}
#footer a {color: #c0c0c0;}