/*
Theme Name: Aaron Whitman's Custom Wordpress Theme
Theme URI: http://aaronwhitman.com
Description: A custom theme for Wordpress
Version: 1.0
Author: Aaron Whitman
Author URI: http://aaronwhitman.com
Tags: 

	AaronWhitman v1.0
	http://aaronwhitman.com/

	This theme was designed and built by Aaron Whitman,
	whose blog you will find at http://aaronwhitman.com/

*/

/* Standardization and Setup */
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
img { border: none; }
abbr { border: none; }
ol, ul, li { list-style-position: outside; }
ul, dl { list-style-type: none; }
h1, h2, h3 { margin: 1.618em 0; font-weight: normal; }
h4, p, ol, ul, dl, hr, blockquote, #content form { margin: 1.618em 0; }
hr { border-top: 1px solid #f9f9f9; border-bottom: 1px solid #ececec; margin: 3.236em 0; }
:focus { outline: none; }
table { border-collapse: collapse; border-spacing: 0; line-height: 1; }
ins { text-decoration: overline; }
del { text-decoration: line-through; }
small { font-size: 0.875em; }

/* Layout Rules */
/* Body */
body { font-family: "helvetica neue", helvetica, sans-serif; font-size: 0.875em; line-height: 2em; color: #444; background: transparent; }

/* Containers */
#header_container { position: relative; min-width: 960px; margin: 0px auto; background: url('images/header_bg.png') top left repeat-x transparent; border-style: solid; border-color: #394756; border-width: 2px 0px; }
#bioline_container {  min-width: 960px; background: #fff; color: #444; border-bottom: 2px solid #394756; }
#showcase_container {  min-width: 960px; background: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #ccc; }
#container { position: relative; width: 960px; margin: 0px auto; background: transparent url('images/sidebar_black_gradient.png') 640px 0px repeat-y; }
#footer_container { position: relative; clear: both; text-align: center; border-top: 2px solid #ccc; background: url('images/footer_bg.png') top left repeat #293746; color: #777; }

/* Header */
#header { width: 960px; margin: 0 auto; height: 82px; position: relative; background: transparent url('images/sidebar_black_gradient.png') 640px 0px repeat-y; color: #fff; }

/* Logo */
#header a { display: block; width: 250px; text-indent: -9999px; background: transparent url('images/logo.png') center left no-repeat; }

/* Bio Line */
#bioline { width: 960px; margin: 0 auto; padding: 0; position: relative; }
#bioline p { font-size: 1.3em; line-height: 1.3; margin: 1.3em 0; padding: 0px; text-transform: uppercase; }
#bioline p { width: 960px; }
#bioline em { font-style: normal; font-weight: normal; font-size: 1.618em; }

/* Showcase */
#showcase { width: 960px; min-height: 512px; margin: 24px auto; position: relative; font-size: 1.3em; overflow: hidden; }
#showcase_items { margin: 0; }
#showcase_items li { display: inline-block; width: 960px; min-height: 500px; margin: 0; position: relative; }
#showcase_items li.current { display: inline-block; }
#showcase_items h2, #showcase_items p { padding-left: 664px; }
#showcase_items h2 { margin-top: 12px; letter-spacing: -1px; position: relative; }
#showcase_items h2 sup { font-size: 0.6em; position: absolute; right: 3px; color: #aaa; margin: 0; padding: 0; }
#showcase_items img { margin: 0px 24px 24px 0px; position: absolute; top: 0; left: 0; }
a#showcase_nav_back, a#showcase_nav_forward, a#showcase_nav_close { display: none; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 34px; position: absolute; color: #fff; background: url('images/interface/showcase_buttons.png') 0 0 no-repeat transparent;  text-indent: -99999px; }
a#showcase_nav_back { background-position: -40px 0px; }
a#showcase_nav_forward { background-position: -80px 0px; }
a#showcase_nav_close { background-position: 0px 0px; }
a#showcase_nav_back:hover { background-position: -40px -40px; }
a#showcase_nav_forward:hover { background-position: -80px -40px; }
a#showcase_nav_close:hover { background-position: 0px -40px; }
a#showcase_nav_back { top: 214px; left: 2px; }
a#showcase_nav_forward { top: 214px; left: 560px; }
a#showcase_nav_close { top: 0px; left: 560px; }

#showcase_pips { position: absolute; bottom: 0px; left: 133px; display: block; width: 340px; text-align: center; z-index: 10; }
#showcase_pips li { display: inline; vertical-align: text-bottom; }
#showcase_pips a { display: inline-block; width: 13px; height: 13px; margin: auto 5px; color: #fff; text-indent: -9999px; background: url('images/showcase/pips.png') 0px -13px no-repeat; }
#showcase_pips a:hover, #showcase_pips .current a { background-position: 0px 0px; }


/* Areas of work */
#areas_of_work dt { font-size: 1.3em; margin: 1em 0; }
#areas_of_work dd { margin: 1em 0 3.236em 0; border-left: 2px solid #a44; padding-left: 1.6718em; }
#areas_of_work dt.expandable { color: #007FC8; cursor: pointer; }
#areas_of_work dt.expandable:before { content: "[+] "; }
#areas_of_work dt.expandable.expanded, #areas_of_work dt.expandable.expanded:hover { color: #a44; }
#areas_of_work dt.expandable.expanded:before { content: "[−] ";}
#areas_of_work dt.expandable:hover { color: #005da6; cursor: pointer; }
#areas_of_work li { list-style-type: square; list-style-position: inside; }
#areas_of_work p:first-child { margin-top: 0; }

/* Content */
#content { float: left; position: relative; width: 616px; min-height: 400px; margin-right: 24px; }

/* Content Navigation - prev/next */
.navigation { font-size: 0.875em; position: relative; height: 1.5; line-height: 1.5; padding: 1em 0; margin-bottom: 1em; }
.navigation div.alignleft { position: absolute; left: 0; text-align: left; width: 300px; }
.navigation div.alignright { position: absolute; right: 0; text-align: right; width: 300px; }
.navigation a { display: inline-block; vertical-align: top; width: 280px; margin: 0; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* Comments */
h3#comments { background: url('images/icons/Comments-64.png') center left no-repeat; height: 64px; line-height: 64px; padding-left: 70px; }
ol.commentlist { display: block; margin: 0; }
li.comment { border-left: 2px solid #a44; padding-left: 17px; list-style: none; }
li.comment + li.comment { margin-top: 3.236em; }
img.avatar { margin-right: 6px; }
cite.fn, span.says { display: inline-block; font-size: 32px; font-style: normal; height: 32px; line-height: 32px; vertical-align: top; }
cite.fn { margin-right: 6px; }
.comment-meta { font-size: 0.875em; }
.comment-body p { margin: 0; }

/* Sidebar */
#sidebar { float: left; width: 296px; padding-left: 24px; padding-bottom: 2em; }
#sidebar ul.tweets li { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; padding: 0.5em 0; }

/* Navigation Menus */
/*ul#mainnav*/
.page_item a { letter-spacing: 0.05em; display: block; font-size: 1.5em; height: 2em; line-height: 2em; font-weight: normal; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; padding-left: 0.5em; }
.page_item a:hover, .current_page_item a { text-decoration: none; }
.page_item a:hover { color: #005da6; }
.current_page_item a, .current_page_item a:hover { color: #a44; }

/*ul#blog_nav*/
#blog_nav a { display: block; height: 2em; line-height: 2em; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; padding-left: 0.5em; }
#blog_nav a:hover { color: #005da6; text-decoration: none; }
.current-cat a { color: #a44; }

/* Footer */
#footer { position: relative; width: 960px; margin: 0px auto; padding: 1em 0; text-align: left; background: transparent url('images/sidebar_black_gradient.png') 640px 0px repeat-y; }
#footer p { clear: left; }
#footer_sidebar { position: absolute; top: 0; left: 664px; }
#footer_sidebar h2 { margin-top: 0; }

/* Typography */
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
hgroup { border-left: 2px solid #a44; padding-left: 1.5em; margin-bottom: 2em; }
hgroup h1 { font-size: 1.5em; margin-bottom: 0; letter-spacing: -1px; font-size: 2.2em; line-height: 1; }
hgroup h2 { font-size: 1em; color: #666; margin: 0.5em 0 0 0; font-style: italic; }
#content > h2 { letter-spacing: -1px; border-left: 2px solid #a44; padding-left: 0.5em; font-size: 2.2em; line-height: 1; }
#sidebar h2 { margin-bottom: 0.5em; }
h3 { font-size: 1.3em; }

/* Lists */
li ul { margin-top: 0.5em; }

/* Links */
a { color: rgb(00, 127, 200); text-decoration: none; }
a:hover { text-decoration: underline;}
#header a, #header a:hover { color: #fff; text-decoration: none; }

/* Tag Cloud */
.widget_tag_cloud a { display: inline; border: none; padding: 0; margin: 0 0.5em 0 0; }
.widget_tag_cloud a:hover { border: none; text-decoration: underline; }

/* Forms */
form
fieldset+fieldset { margin-top: 1em; }
input, textarea, select { font-size: 1.1em; padding: 4px; border: 2px solid #ccc; background: #fff; font-family: inherit; }
input, textarea, select { -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; }
input:focus, select:focus, textarea:focus { background: #fffff8; border-color: #ff9; outline: none; }
button { letter-spacing: 0.03em; background: #4b5968; border: 2px solid #293746; color: #fff; line-height: 1; padding: 4px 6px; text-align: center; cursor: pointer; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; }
button:hover { color: #efefef; border-color: #394756; }
button:active { position: relative; top: 2px; background: #394756; color: #eef; border-color: #293746;}
button:focus { outline: none; }
button::-moz-focus-inner { border: 0; }

/* Forms > Search */
#searchform input { width: 205px; margin-right: 2px; }

/* Special overrides of base rules */
#header h1 { font-size: 30px; margin: 0; height: 78px; line-height: 78px; }
p.description { display: none; position: absolute; right: 0px; top: 0px;  }
#header #searchform { position: absolute; left: 664px; top: 0px; height: 78px; line-height: 78px; }
.postmetadata { font-size: 0.875em; font-style: italic; border-style: solid; border-color: #ccc; border-width: 2px 0px; }
p.wp-caption-text { font-size: 0.8125em; font-weight: bold; margin: 0.5em 0; line-height: 1.2; }

/* Utility Classes */
.rss { background: transparent url('images/icons/feed-icon-14x14.png') center left no-repeat;  padding-left: 21px!important; }
#wpstats { display: none; }
h5.social { display: inline; float: left; line-height: 64px; height: 64px; margin-right: 10px; }
li.social a { float: left; margin-right: 10px; width: 70px; height: 70px; text-indent: -99999px; background-color: transparent; background-position: center left; background-repeat: no-repeat; }
a.twitter { float: left; margin-right: 10px; width: 70px; height: 70px; text-indent: -99999px; background: url('images/icons/Chrome-Twitter.png') center left no-repeat transparent; }
a.tumblr { float: left; margin-right: 10px; width: 70px; height: 70px; text-indent: -99999px; background: url('images/icons/Chrome-Tumblr.png') center left no-repeat transparent; }
a.linkedin { float: left; margin-right: 10px; width: 70px; height: 70px; text-indent: -99999px; background: url('images/icons/Chrome-Linkedin.png') center left no-repeat transparent; }
.callout { background: #ffc; padding: 0.5em 1em; border: 2px solid #dd6; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; position: relative; }
.notice { }
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.open_link, .open_link:hover { color: #a44!important; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.boxshadow, .photo {
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.35);
	box-shadow: 0 0 4px rgba(0,0,0,0.35);
}
.photo { border: 2px solid #fff; }
code, pre.terminal { border: 2px solid #ccc; background: #000; color: green; font-family: courier, monospace; padding: 0.5em; overflow: auto; }