/*
Theme Name: IlluminAge
Theme URI: http://illuminage.com
Description: This is the IlluminAge blog
Author: Curtis Jurgensen
Author URI: http://illuminage.com
*/

html, body, fieldset, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.75em/1.6 Verdana,sans-serif;
	background:#FFF url(images/bg.gif) repeat-x 0 0;
	color:#000}

/* Universal Properties ----------------------------------------------- */
p, ul, ol, li, h1, h2, h3 {margin:0 20px 1em; padding:0}
abbr, acronym {cursor:help}
.note {color:#666; font-size:.9em; font-style:italic}
hr {margin-top:1em; padding:0; height:0; border:0; border-top:1px dashed #CCC}

/* ---- links ---- */
a:link {color:#16567a; text-decoration:underline}
a:visited {color:#16567a; text-decoration:underline}
a:hover {color:#a0410d; text-decoration:underline}
a:active {color:#B1792E; text-decoration:none}

/* ---- lists ---- */
ul, ol {list-style:none}
li {margin:0 0 1em; padding:0 0 0 10px; background:url(http://illuminage.com/images/bullet.gif) no-repeat 0 0}
ul ul {margin-top:1em; margin-right:0}

/* ---- headings ---- */
h1 {
	margin:0;
	padding:0}
h1 a {
	position:relative;
	top:20px;
	left:20px;
	display:block;
	width:162px;
	height:39px;
	background:url(images/logo.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden}
h2 {
	margin:0 0 .5em;
	padding:0 20px;
	font-size:1.3em;
	color:#073e62;
	background:url(http://illuminage.com/images/bg_header_green.gif) no-repeat 8px .5em}
h2 a:link,
h2 a:visited {
	color:#6089a1}
h3 {
	margin:1em 20px .25em;
	font-size:1.1em;
	color:#0e0e0e}

/* container ----------------------------------------------- */
#container {
	margin:20px auto;
	width:756px;
	background:#E9E9E9 url(images/bg_container.gif) repeat-y 0 0}

/* header ----------------------------------------------- */
#header {
	position:relative;
	height:116px;
	background:#6089a1 url(images/header_corners.gif) no-repeat 0 0}
#header h2 {
	position:absolute;
	bottom:0;
	margin:0;
	padding:4px 20px;
	width:716px;
	border-top:1px solid #FFF;
	background:url(http://illuminage.com/images/heading_lightblue.gif) no-repeat 100% 100%}
#header h2 a {color:#073e62; text-decoration:none}
#header h2 a:hover {text-decoration:underline}

/* content ----------------------------------------------- */
#content {
	float:left;
	padding:1em 0 0;
	width:495px;
	min-height:500px;
	height:auto !important;
	height:500px}

/* ---- the post ---- */
.post {
	margin:0 0 2em;
	padding:0 0 1em;
	border-bottom:1px dashed #CCC}
.post p {}
.post a {}
.post ul {}
.post li {}

.entry {}

.postmetadata {color:#666; font-size:.9em; font-style:italic}
.postmetadata alt {}
.postmetadata a {font-style:normal}

.navigation {}

/* ---- comments ---- */
ol.commentlist {}
ol.commentlist li {background:#F7F7F7; padding:.75em 10px .25em}
ol.commentlist li.odd {background:#EEE}
ol.commentlist li cite {font-weight:bold; font-style:normal}
ol.commentlist li p {margin:0 0 1em}
ol.commentlist li p.commentmetadata {font-size:.9em; font-style:italic}

/* sidebar ----------------------------------------------- */
#sidebar {
	float:right;
	width:260px;
	font:.9em;
	color:#0e0e0e;
	background:#e9e9e9 url(http://illuminage.com/images/bg_right.gif) repeat-x 0 0}
#sidebar ul, #sidebar p {margin-bottom:2em}
#sidebar li {margin:0 0 .5em; font-size:.9em; color:#666}
#sidebar li a {font-weight:bold; text-decoration:none; font-size:1.1em}
#sidebar li a:hover {text-decoration:underline}

/* footer ----------------------------------------------- */
#footer {
	clear:both;
	padding:1em 0;
	height:50px;
	background:#6089A1;
	font-size:.9em;
	text-align:center;
	color:#EEE}
#footer p span {margin:0 .5em}
#footer p a {color:#fec658}

/* Forms ----------------------------------------------- */
fieldset span {color:#F00; font-weight:bold}
fieldset span.note {font-weight:normal}
fieldset li {padding:0; background:none}
label {cursor:pointer}
input, textarea, select {
	width:250px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #666;
	background:#EEE;
	color:#000;
	vertical-align:baseline}
textarea {overflow:auto; width:445px}

input:hover, textarea:hover, select:hover {border:1px solid #000; background:#EEE}
input:focus, textarea:focus, select:focus {border:1px solid #004b82; background:#FFF}

/* ---- submit ---- */
input#submit {
	width:150px;
	height:38px;
	border:0;
	background:url(images/submit.gif) no-repeat 0 -38px;
	cursor:pointer}
html>body input#submit {background-position:0 0}
input#submit:hover {background-position:0 -38px}

/* ---- search form ---- */
#searchform {}
#s {width:167px}
#search {
	margin:0 0 -4px;
	padding:0;
	width:39px;
	height:31px;
	border:0;
	background:url(images/search.gif) no-repeat 0 -31px;
	cursor:pointer}
html>body #search {margin:0; background-position:0 0}
#search:hover {background-position:0 -31px}