/*  
Theme Name: MiUPA Custom Theme	
Description: Usability Professionals' Assocation - Michigan Chapter
Author: Laura Fisher
Author URI: http://blog.mittenartworks.com
*/


/* Global reset */
/* Based upon Eric Meyer's reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* remember to define focus styles! */
:focus { outline: 0; }

/* The below restores some sensible defaults */

body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana, Arial, sans-serif;
	}

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }
em { font-style: italic; }
cite { font-style: italic; }
code, pre { font-family: Courier, "Courier New" , "Andale Mono" , Monaco, monospace; }
* a { position: relative; } /* Gets links displaying over a PNG background */
a img { border: none; } /* Gets rid of IE's blue borders */



/* Banner area */

div#banner {
	width: 900px;
	margin: 0 auto;
	background: #333366;
	height: 143px;
	}

div#banner img {
	float: left;
	margin-right: 15px;
	}

div.orgTitle {
	border-bottom: 1px solid #666692;
	padding: 20px 0 20px 0;
	}

p.orgName {
	color: #FFCC99;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: .1em;
	margin-bottom: .5em;
	}

p.orgChapter {
	color: #99CC99;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .1em;
	}

div.orgTagline {
	padding-top: 13px;
	font-style: italic;
	color: #9999CC;
	}
	
	
	
/* Content area */

div#container {
	position: relative;
	width: 900px;
	min-height: 400px;
	height: 100%;
	margin: 0 auto 0px auto;
	background: url(images/purpleback.gif) repeat-y;
	}

div#primaryContent {
	margin-left: 200px;
	padding-top: 30px;
	height: 100%;
	}

div#primaryContent h1 {
	font-size: 1.5em;
	margin-bottom: .5em;
	color: #FF9933;
	}

div.post h2 {
	margin-bottom: .75em;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #333366;
	}

div.post h2 a {
	color: #333366;
	text-decoration: none;
	}

div.post h2 a:hover { color: #4E4E81; }

div.post h2+h3 {
	margin-bottom: 1em;
	margin-left: .25em;
	font-size: 1.2em;
	font-weight: bold;
	color: #72AF98;
	}

div.post h3+h3 {
	color: #FF9933;
	margin-bottom: 1em;
	font-weight: bold;
	margin-top: -.5em;
	margin-left: .25em;
	}

div.post h3 {
	color: #FF9933;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: .5em;
	margin-left: .25em;
	}

div.post h3#respond {
	margin-top: 2em;
	color: #4E4E81;
	}

div.post {
	font-size: .8em;
	line-height: 115%;
	padding-bottom: 3em;
	margin-right: 20px;
	}

div.post p {
	margin-bottom: 1em;
	margin-left: .5em;
	}

div.post p a { color: #666692; }
div.post p a:hover { text-decoration: none; }

div.post ul {
	margin-left: 1.75em;
	margin-bottom: 1.5em;
	list-style: disc;
	}

div.post ul li,
div.post ol li { 
        margin-bottom: .5em; 
        margin-left: 1em;}

div.post ol {
	margin-left: 2.25em;
	margin-bottom: 1.5em;
	list-style: decimal;
	}

div.post blockquote { margin-left: 2em; }

div.post p.datemetadata {
	color: #FF9933;
	margin-bottom: .5em;
	font-size: .9em;
	}

div.post p.postmetadata {
	color: #FF9933;
	margin-bottom: .5em;
	font-size: .9em;
	}

div.post p.postmetadata a {
	color: #666692;
	text-decoration: none;
	}

div.post p.postmetadata a:hover { color: #72AF98; }
div.post p textarea#comment { width: 100%; }

a.more-link {
	color: #666692;
	text-decoration: none;
	}

a.more-link:hover { color: #72AF98; }

div.navigation {
	height: 1em;
	padding-bottom: 20px;
	}

div.navigation div { float: left; }
div.navigation div+div { float: right; }

div.navigation a {
	color: #666692;
	font-size: .75em;
	text-decoration: none;
	}

div.navigation a:hover { color: #72AF98; }

div.imageNavigation {
	height: 80px;
	padding-bottom: 20px;
	overflow: hidden;
	margin-top: 2.5em;
	}

div.imageNavigation div {
	float: left;
	width: 60px;
	}

div.imageNavigation div+div {
	float: right;
	width: 60px;
	}

div#auxContent {
	position: absolute;
	top: 0;
	height: 100%;
	}

div#primaryNav {
	border-top: 30px solid #4E4E81;
	border-bottom: 30px solid #666692;
	background: #333366;
	width: 179px;
	}

div#primaryNav li { display: block; }

div#primaryNav li a {
	display: block;
	height: 1.5em;
	padding: 8px 5px 5px 8px;
	font-size: .75em;
	text-decoration: none;
	color: #FF9933;
	}

div#primaryNav li a:hover {
	color: #EEEEEE;
	background: #72AF98;
	}

div#primaryNav li.current_page_item a,
div#primaryNav li.current-cat a {
	color: #333366;
	background: #FCB562;
	}

div#primaryNav li.current_page_item a:hover,
div#primaryNav li.current-cat a:hover {
	background: #72AF98;
	color: #EEEEEE;
	}

form#searchform { padding: 10px 0px 20px 10px; }
form#searchform input#s { width: 145px; }

/* Miscellaneous */
abbr {
        border-bottom: 1px dotted gray;
        cursor: help;
}	
	
/* Footer area */

div#footer {
	width: 900px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 20px 0;
	background: url(images/purpleback.gif) repeat-y;
	}

div#footContent {
	margin-left: 200px;
	padding-top: 10px;
	border-top: 1px solid #000;
	font-size: .75em;
	}

div#footContent p { font-size: .8em; }

div#footContent a {
	color: #666692;
	text-decoration: none;
	}

div#footContent a:hover { color: #72AF98; }

div#auxNav {
	margin-bottom: 15px;
	font-size: 1em;
	}

div#auxNav ul li {
	display: inline;
	padding: 0 5px;
	line-height: 150%;
	}

div#auxNav ul li+li { border-left: 1px solid #000; }
div#auxNav ul li a:hover { color: #72AF98; }

div#auxNav ul li a {
	color: #666692;
	text-decoration: none;
	}

div.caption p { font-style: italic; }

p.postmetadata+h3 {
	margin-top: 2em;
	margin-bottom: 1.5em;
	color: #4E4E81;
	}

div.post ol.commentlist li { margin-bottom: 2em; }
div.post p.commentmetadata a { text-decoration: none; }
div.post p.commentmetadata a:hover { color: #72AF98; }

div.post p.commentmetadata {
	font-size: .85em;
	color: #FF9933;
	}