/*
Theme Name: microSITE - Personal Casual (Fresh)
Theme URI: http://wordpress.org/
Description: The classic and attractive site - Personal Casual. This is a simple template that is currently in testing for microSITES.  
Version: 1.0
Author: Emerson Lackey
Tags: personal, casual, two column, simple, widgets
*/

/* Global Classes */
.clear {clear: both;}


/* Main Structure */
html {background: url(images/background-repeat.png) 0px 0px repeat;}
body {background: url(images/gradient.png) top center no-repeat; padding-top: 80px; padding-bottom: 50px;}
#page-wrapper {width: 960px; margin: 0 auto; position: relative;}
#header {width: 960px; height: 82px; background: url(images/content-top.gif) 0px 0px no-repeat;}
#content-wrapper {width: 960px; min-height: 360px; height: auto !important; height: 360px; background: url(images/content-repeat.gif) 0px 0px repeat-y;}
#footer {width: 960px; height: 34px; background: url(images/content-bottom.gif) 0px 0px no-repeat; margin: 0 auto;}
#header h1 {display: block; width: 930px; height: 55px; margin: 0 auto; background: url(images/header.png) 0px 0px no-repeat; position: relative; top: 15px; text-indent: -999em;}
#header p {position: absolute; left: 335px; top: 15px; height: 55px; line-height: 55px; font-family: Helvetica, Arial, sans-serif; font-style: italic; font-size: 13px; color: #598b27; letter-spacing: 1px; padding-left: 30px; background: url(images/arrow.gif) center left no-repeat;}
#sidebar {width: 170px; height: 200px; float: left; margin-left: 15px; display: inline;}
#content {width: 700px; min-height: 300px; height: auto !important; height: 300px; float: left; display: inline; padding: 15px 15px 15px 40px;}

/* Navigation */
#nav {position: relative; top: 15px;}
#nav li {display: block; height: 30px; margin-bottom: 4px; padding-bottom: 2px; border-bottom: 1px dotted #cccccc; margin-right: 20px;}
#nav li a {display: block; font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: #17426d; text-transform: lowercase; text-decoration: none; padding-left: 20px; height: 30px; line-height: 30px; position: relative;}
#nav li a:hover {color: #71c916;}
#nav li a.visited {color: #17426d;}
#nav li.current_page_item {position: relative;}
#nav li.current_page_item a {width: 180px; background: url(images/active-arrow.png) 0px 0px no-repeat; position: absolute; z-index: 100; color: #ffffff;}
#nav li.current_page_item a:hover {color: #ffffff;}

/* Homepage Personal Info */
#homepage-info {width: 190px; float: right; padding: 0px 0px 15px 15px; display: inline;}
#homepage-info #frame {width: 189px; height: 213px; background: url(images/frame.gif) 0px 0px no-repeat;}
#homepage-info #frame img {position: relative; top: 7px; left: 9px;}
#homepage-info #status {width: 160px; margin: 0px auto; padding: 8px; border: 1px dashed #89aac8; position: relative; top: 10px; background: #ecf2f8;}
#homepage-info #status h3 {text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 10pt; font-weight: bold; color: #333333; margin-bottom: 5px; text-decoration: underline;}
#homepage-info #status p {text-align: center; font-size: 10pt; color: #111111; font-family: Helvetica, Arial, sans-serif; line-height: 120%; font-style: italic;}


/* Content Style */
div.post p {font-size: 11pt; color: #111111; font-family: Helvetica, Arial, sans-serif; line-height: 130%; padding-bottom: 10px; max-width: 40em;}
div.post h1 {font-size: 18pt; color: #17426d; font-family: Verdana, Geneva, sans-serif; font-weight: bold; padding-bottom: 10px;}
div.post h2 {font-size: 16pt; color: #17426d; font-family: Verdana, Geneva, sans-serif; font-weight: bold; padding-bottom: 10px;}
div.post h3 {font-size: 14pt; color: #17426d; font-family: Verdana, Geneva, sans-serif; font-weight: bold; padding-bottom: 10px;}
div.post h4 {font-size: 13pt; color: #333333; font-family: Verdana, Geneva, sans-serif; font-weight: bold; padding-bottom: 5px;}
div.post h5 {font-size: 12pt; color: #333333; font-family: Verdana, Geneva, sans-serif; font-weight: bold; padding-bottom: 5px;}
div.post h6 {font-size: 11pt; color: #333333; font-family: Verdana, Geneva, sans-serif; font-weight: bold; padding-bottom: 5px;}
div.post ul {font-size: 11pt; color: #111111; font-family: Helvetica, Arial, sans-serif; line-height: 130%; padding: 5px 100px 15px 30px; list-style: disc;}
div.post ul li {padding-bottom: 5px;}
div.post ol {font-size: 11pt; color: #111111; font-family: Helvetica, Arial, sans-serif; line-height: 130%; padding: 5px 100px 15px 30px; list-style: lower-roman;}
div.post ol li {padding-bottom: 5px;}
div.post a {text-decoration: none; color: #1e6bb0;}
div.post a:visited {color: #1e6bb0;}
div.post a:hover {color: #1e6bb0; text-decoration: underline;}
p.footer {color: #69421b; font-family: Helvetica, Arial, sans-serif; font-style: italic; font-size: 8pt; text-align: center; margin-top: 3px;}
p.footer a {color: #69421b; text-decoration: none;}
p.footer a:visited {color: #69421b;}
p.footer a:hover {color: #69421b; text-decoration: underline;}