@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* 
Title:	Conragan.com | Master Stylesheet
Author:	Kai Conragan (kai@conragan.com)
Created: January 16, 2008

=====================================
USAGE
=====================================
This stylesheet builds off the foundation provided by the Blueprint framework.
For more information about Blueprint, see:

http://code.google.com/p/blueprintcss/

All site-specific styles should reside in this stylesheet.
*Do not edit files in lib/*

=====================================
COLOR PALETTE GUIDELINES
=====================================

All colors on the site should correspond to the following. In the event
additional colors are needed, please add them to this list.

--------------------------
Dark Grey - #3b424a
--------------------------
Global Blue  - #6f8c9d
--------------------------
Global Black - #000
--------------------------

/*
=====================================
	## BASIC STRUCTURE
=====================================
*/

body {
	margin: 0;
	background-color: #2a2c30;
	text-align: center;
}

#container {
	background-color: #fff;
	width: 940px;
	text-align: left;
	margin: 0 auto;
	border-left: 10px solid #000;
}

#content {
	padding-bottom: 3em;
}

#content_main {
	position: relative;
}

/* 
-------------------------------------
MISC: =Tables
-------------------------------------
 */




/*
=====================================
	## BRANDING & MASTHEAD
=====================================
*/

#branding {
	position: relative;
	border-bottom: 1px solid #000;
	padding-top: 25px;
	background: url(/media/images/header.jpg) no-repeat;
}

#branding h1 {
	margin: 0;
	position: absolute;
	left: 30px; bottom: 45px;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 6px solid #6f8c9d;
}

#branding h1 a {
	text-decoration: none;
	color: #000;
}

#branding h1 span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}


/*
-----------------------------------
	## GLOBAL NAV
-----------------------------------
*/

#nav_global {
	margin: 0 0 0 510px;
	list-style-type: none;
	border-bottom: 45px solid #6f8c9d;
}

#nav_global li {
	float: left;
	width: 106px;
	border-left: 1px solid #000;
	font-size: 14px;
}


#nav_global li a {
	display: block;
	padding: 40px 0 10px 10px;
	text-decoration: none;
	color: #2a2b24;
}

#nav_global li a:hover {
	color: #6f8c9d;
}

#nav_global li a span {
	display: block;
	line-height: 12px;
}

#justsayno {
	position: absolute;
	left: 0; bottom: 0;
	background: #000 url(/media/images/justsayno.png) no-repeat 158px center;
	margin: 0;
	width: 510px;
	height: 45px;
	text-indent: -3000px;
}

.portfolio #nav_work a, .photos #nav_photos a, .journal #nav_journal a, .about #nav_about a { 
	background-color: #000;
	color: #efefef;
}

#nav_about {
	width: 108px !important;
}

/*
=====================================
	## COPYRIGHT
=====================================
*/

#copyright {
	background-color: #000;
	text-align: center;
	padding: 1em 200px;
}

#copyright p {
	width: 510px;
	color: #efefef;
	text-shadow: 0 0 0 #000;
}

#copyright p a {
	color: #6f8c9d;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#copyright p a:hover {
	border-bottom: 1px solid;
}

/*
=====================================
	## ABOUT FOOTER
=====================================
*/

div#about {
	background-color: #6f8c9d;
	padding-top: 2em;
}

div#about h5 {
	border-bottom: 1px solid;
}

div#about h5 span {
	padding-left: 10px;
}

#about .about {
	width: 320px;
	margin-left: 30px;
}

#about .about p {
	margin-left: 10px;
}

#about .about p a {
	color: #fff;
}

#about .syndication, #about .elsewhere {
	margin-left: 40px;
	width: 230px;
}

#about .syndication p, #about .elsewhere p {
	margin-left: 10px;
	margin-bottom: 0.5em;
	color: #fff;
}

#about .syndication h5 , #about .elsewhere h5, #about .elsewhere a, #about .syndication a {
	color: #fff;
}

#about .elsewhere a, #about .syndication a {
	text-decoration: none;
}

#about .elsewhere a:hover, #about .syndication a:hover {
	text-decoration: underline;
}

ul.feeds li {
	margin-left: 15px;
	list-style-image: url(/media/images/rss-feed-12px.png) !important;
	margin-bottom: 0.2em;
}

#about .elsewhere ul li {
	margin-left: 15px;
	list-style-image: url(/media/images/3arrows-right-white.png);
	margin-bottom: 0.2em;
}



/*
=====================================
	## GLOBAL CLASSES AND OBJECTS
=====================================
*/

.amp {
	font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua","Gerogia", "Times New Roman", serif;
}
#intro {
	background-color: #000;
	padding-bottom: 2em;
}

#intro .section-intro, #welcome .section-intro {
	margin-top: 0;
	margin-bottom: 0.5em;
	padding-top: 1em;
	font-weight: normal;
}

#intro .section-intro a {
	color: #6f8c9d;
}

#welcome {
	padding-bottom: 1em;
}
.section-intro {
	font-size: 21px;
	margin-top: 1.2em;
	margin-bottom: 0.95em;
	width: 495px;
	text-shadow: 0 0 0 #000;
}

.more {
	padding-right: 20px;
	background: url(/media/images/3arrows-right-white.png) no-repeat right center;
	text-decoration: none;
}

.pos {
	background: url(/media/images/3arrows-right-black.png) no-repeat right center;
	color: #000;
	font-weight: bold;
}

.pageheader {
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
	padding: 0.4em 0 0.5em 40px;
	color: #6f8c9d;	
	font-size: 22px;
}


/*
=====================================
	## PORTFOLIO
=====================================
*/

.portfolio .section-intro {
	margin-left: 160px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/*
-------------------------------------
	### PORTFOLIO NAV
-------------------------------------
*/

.portfolio .section-intro .highlight,
.about .section-intro .highlight {
	color: #6f8c9d !important;
	background-color: #000 !important;
}

.portfolio .section-intro .getintouch {
	color: #999 !important;
	display: block;
}

.portfolio .section-intro .email {
	display: block;
}

body.web #nav_web, body.recent #nav_recent, body.print #nav_print, body.photography #nav_photography {
	color: #6f8c9d;
	padding-left: 20px;
	background: url(/media/images/rt-arrows.png) no-repeat center left;
}

#nav_secondary {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin-left: 0;
	margin-right: 0;
	padding-left: 160px;
}

#nav_secondary li {
	float: left;
	list-style-type: none;
	font-size: 14px;
	text-transform: uppercase;
	padding: 1em 20px 1em 0;
}

#nav_secondary li a {
	color: black;
	text-decoration: none;
}

p.date {
    margin-bottom: 0.8em;
}

/*
-------------------------------------
	### PORTFOLIO PROJECTS
-------------------------------------
*/

.portfolio address.email {
	margin-top: 0 !important;
	padding-top: 0 !important;
	font-style: normal;
	font-size: 21px;
	color: #fff;
	margin-left: 160px;
	text-shadow: 0 0 0 #000;

}

.project {
	margin-left: 160px;
	width: 680px;
}

.project h2 {
	border-bottom: 2px solid #000;
	font-size: 18px;
}

.project h2 a {
	text-decoration: none;
	color: #000;
}

.project h3 {
	color: #6f8c9d;
	margin-bottom: 0.5em;
}

.project-thumbnail {
	width: 290px;
	text-align: center;
}

.project-info {
	margin-left: 30px;
	width: 350px;
}

.project-thumbnail, .project-info {
	float: left;
}

.project .moreinfo a {
	text-decoration: none;
	color: #6f8c9d;
}

#project h1 {
	font-size: 22px;
	color: #6f8c9d;
	margin-bottom: 0.8em;
}

#project {
	position: relative;
	margin-left: 160px;
	width: 680px;
}

#project-link {
	position: absolute;
	right: 0; top: 10px;
}

#project-link a {
	text-decoration: none;
	color: #6f8c9d;
	padding-right: 20px;
	background: url(/media/images/rt-arrows.png) no-repeat center right;
}

#project-link a:hover {
	text-decoration: underline;
}

#project-summary {
	position: relative;
}

#project-summary h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #6f8c9d;
	position: absolute;
	left: 0; top: 5px;
}

#project-meta {
	margin-left: 160px;
}

.project-specs th, .project-specs td{
	border-bottom: 1px solid #000;
}

#project-meta table {
	width: 520px;
}

#project-meta table th {
	width: 77px;
	padding-left: 0;
	padding-right: 0;
}

#project-description {
	margin-left: 78px;
	width: 443px;
}


.sub-skill-title {
    font-size: 14px;
    font-family: Baskerville, Georgia, Times New Roman, serif;
}

span.amp {
    font-family: Baskerville, Georgia, Times New Roman, serif;
    font-style: italic;
}

.skills {
    margin-left: 0;
    border-left: 1px solid #aaa;
}

li.skill {
    width: 520px;
    margin: 0.5em 0;
    list-style: none;
    background: #ececec;
    border: 1px solid #cbcbcb;
    border-left: 0;
    padding-left: 0;
}

.skill a {
    -webkit-transition-property: -webkit-box-shadow;
    -webkit-transition-duration: 0.3s;
    display: block;
    padding-left: 10px;
    border-left: 0;
    background: #638c9f;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#629FBB), to(#638C9F));
    background: -moz-linear-gradient(19% 75% 90deg,#629FBB, #638C9F);
    text-decoration: none;
    color: #fff;
}

.skill a:hover {
    -webkit-box-shadow:0px 0px 6px #3cf;
    -moz-box-shadow:0px 0px 6px #3cf;
    box-shadow:0px 0px 6px #3cf;
}

a.advanced { width: 85%; }
a.intermediate-advanced { width: 75%; }
a.intermediate { width: 60%; }
a.basic { width: 35%; }
a.rudimentary { width: 18%; }


/*
=====================================
	## PHOTOS
=====================================
*/

.photos .section-intro {
	margin-left: 30px;
	color: #ececec;
}

.photos #content_main {
	padding-top: 0 !important;
}

.section-intro a.flickr, .section-intro a.flickr:visited {
	color: #ff0084;
	text-decoration: none;
}

ul.thumbnails {
	width: 600px;
	margin: 0 0 0 30px;
	list-style-type: none;
}

ul.thumbnails li {
	float: left;
	width: 70px; height: 70px;
	margin: 0pt 10px 10px 0pt;
	padding: 0;
}

ul.thumbnails li a {
	display: block;
	margin: 0;
	text-decoration: none;
}

#content_meta {
	position: absolute;
	top: 0; left: 600px;
	width: 290px;
}

#content_meta h2 {
	border-bottom: 1px solid #000;
	font-size: 18px;
	padding-left: 10px;
}

.photo_set_list {
	margin-left: 10px;
	list-style-type: none;
}

.photo_set_list li {
	display: inline;
}

.photos #nav_secondary {
	padding-left: 30px !important;
	padding-right: 30px;
}

#photo-title {
	font-size: 22px;
	color: #6f8c9d;
	margin-left: 40px;
	margin-top: 2em;
}

#photo_main {
	margin-left: 30px;
	width: 500px;
}

#photo_main img {
	border: 10px solid #000;
}

#photo-details {
	margin-left: 10px;
}

/*
-------------------------------------
	### PHOTOGRAPHY SUBNAV
-------------------------------------
*/

#photo_subnav {
	position: absolute;
	left: 590px; top: 0;
	width: 290px;
}

#photo_subnav h2 {
	font-size: 14px;
	border-bottom: 5px solid;
	color: #000;
}

#photo_subnav h2 span {
	padding-left: 10px;
}

#photo_subnav ul {
	margin-left: 0;
}

div#photo_subnav ul li {
	float: left;
	list-style-type: none;
	margin-left: 10px;
	text-align: center;
}

div#photo_subnav ul li a.more {
	text-decoration: none;
	color: #000;
}

div#photo_subnav ul li#prev .more {
	padding-right: 0;
	padding-left: 20px;
	background: url(/media/images/3arrows-left-black.png) no-repeat left center;
}

div#photo_subnav ul li#next .more {
	background: url(/media/images/3arrows-right-black.png) no-repeat right center;
}

div#photo_subnav ul li img {
	display: block;
}

div#photo_subnav ul li a img {
	border: 1px solid #000;
}

div#photo_subnav ul li span {
	display: block;
	margin-top: -1em;
	padding-top: 0;
}

#next {
	margin-left: 14px;
}

#photo_subnav ul li span {
	display: block;
}

#photo_main h2 {
	font-size: 14px;
	font-weight: bold;
}

#photo_meta h2 {
	font-size: 18px;
}

/*
=====================================
	## JOURNAL
=====================================
*/

#latest-content {
	margin-right: 231px;
}

#journal_subnav {
	position: absolute;
	top: 0; left: 720px;
}

#latest-entries {
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
	padding: 0.4em 0 0.45em 160px;
	color: #6f8c9d;	
	font-size: 22px;
}

#journal_subnav h2 {
	font-size: 14px;
	border-bottom: 5px solid;
	color: #373830;
	width: 200px;		
}

.journal ul#nav_secondary {
	padding-left: 321px;
}

.journal #content_main {
	position: relative;
}

/*
-------------------------------------
	### DEFAULT LISTING
-------------------------------------
*/

.date-group-head {
	margin-left: 160px;
	margin-bottom: 2em;
	font-size: 14px;
	width: 520px;
	border-bottom: 5px solid;
	color: #6f8c9d;	
}

ol.date-group {
	margin-left: 160px;
	list-style-type: none;
}

.hentry {
	width: 520px;
}

.journal .section-intro {
	color: #ececec;
	font-size: 16px;
	line-height: 28px;
	margin-left: 160px;
}

.journal .section-intro a {
 	color: #6f8c9d;	
	text-decoration: none;
}

.link h3 a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #333;
}

.link .entry-title {
	font-size: 1em;
	margin-bottom: 1em;
	font-weight: bold;
}


ol.date-group li {
	margin-left: -30px;
	padding-left: 30px;
}

/*
-----------------------------------
	### AGGREGATE DISPLAY : ENTRIES
-----------------------------------
*/

ol.date-group li.entry .entry-title {
	margin-left: -30px;
	padding-left: 30px;
 	background: url(/media/images/icon-entry.png) no-repeat 0 3px;	
}

ol.date-group li.entry div.hentry {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

ol.date-group li.entry div.hentry h3.entry-title {
	margin-top: 1.5em;

}

ol.date-group li.entry div.hentry h3.entry-title a {
	color: #6f8c9d;
}

/*
-----------------------------------
	### AGGREGATE DISPLAY : LINKS
-----------------------------------
*/

ol.date-group li.link { background: url(/media/images/icon-link.png) no-repeat; }

.link h3.entry-title a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #333;
}

.link h3.entry-title a:hover {
	border-bottom: 1px solid;
}

.entry-meta {
	margin-top: -1em;
	color: #373830;
	font-size: 0.9em;
}

.link .entry-meta a {
	color: #373830;
}

/*
-----------------------------------
	### AGGREGATE DISPLAY : TWEETS
-----------------------------------
*/
ol.date-group li.tweet { background: url(/media/images/icon-tweet.png) no-repeat; }

ol.date-group li.tweet p {
	background-color: #cff3f5;
	padding: 0.5em;
	margin-right: 0;
}

ol.date-group li.tweet h3.entry-title {
	font-size: 12px;
	font-weight: bold;
}

ol.date-group li.tweet h3.entry-title a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted;
}

ol.date-group li.tweet h3.entry-title a:hover {
	color: #9ae4e8;
	border-bottom: 1px solid;
}
	
/*
-----------------------------------
	### AGGREGATE DISPLAY : QUOTES
-----------------------------------
*/

ol.date-group li.entry + ol.date-group li.quote {
	margin-top: 2em;
}

ol.date-group li.quote { background: url(/media/images/icon-quote.png) no-repeat; }

ol.date-group li.quote h3.entry-title {
	font-size: 12px;
	font-weight: bold;
}

ol.date-group li.quote blockquote {
	margin : 0;
	font-size: 1.1em;
}

/*
-----------------------------------
	### JOURNAL SUBNAV
-----------------------------------
*/

#journal_subnav ul {
	margin-left: 0;
	padding-left: 0;
}

#journal_subnav ul li {
	margin-left: 0;
	padding-left: 20px;
	list-style-type: none;
	line-height: 1.6em;
	margin-bottom: 0.6em;
	font-size: 0.95em;
}

#journal_subnav ul li a {
	text-decoration: none;
	color: #373830;
}

#nav_entries { background: url(/media/images/icon-entry.png) no-repeat;}
#nav_links { background: url(/media/images/icon-link.png) no-repeat;}
#nav_tweets { background: url(/media/images/icon-tweet.png) no-repeat;}
#nav_quotes { background: url(/media/images/icon-quote.png) no-repeat;}

/*
-----------------------------------
	### JOURNAL DETAIL
-----------------------------------
*/

.detail #content_main {
	position: relative;
	padding-top: 4.6em;
}

.detail #nav_secondary {
	padding-left: 120px !important;
	margin-top: 2em;
}


#post {
	margin-left: 120px;
	width: 470px;
}

h1.entry-title {
	font-size: 36px;
	font-weight: bold;
	color: #6f8c9d;
	margin-top: 0.5em;
}

span.datetime {
	display: block;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1em;
}

.detail .entry-content p {
	font-size: 14px;
	line-height: 24px;
}

#post-meta {
	position: absolute;
	left: 670px; top: 0;
	width: 270px;
	padding-top: 38px;
}

#post-meta h4, #post-meta h5, #post-meta p, #post-meta ul li{
	color: #373830;
}

#post-meta p, #post-meta ul, #post-meta h5 {
	margin-left: 10px;
	margin-right: 20px;
}

#post-meta h4 {
	font-size: 14px;
	border-bottom: 5px solid;
	color: #373830;
}

#post-meta h4 span {
	padding-left: 10px;
}

#post-meta h5 {
	margin-bottom: 0;
	font-weight: normal;
}

ul.taglist {
	margin-left: 0;
}

.taglist li {
	display: inline;
}

#post-meta a {
	color: #373830;
}

#post-meta:hover h5, #post-meta:hover p {
	color: #222;
}
#post-meta:hover a {
	color: #000;
}

#post-meta:hover a:hover {
	color: #6f8c9d;
}

abbr.published {
	text-decoration: none;
	border: 0;
}

#post h1, #post h2, #post h3, #post h4, #post h5, #post h6, #post p, #post ul, #post ol, #post dl {
}

/*
-----------------------------------
	### COMMENTS
-----------------------------------
*/

#comments {
	margin-top: 3em;
}

.comments_title {
	padding-left: 120px;
	padding-bottom: 5px;
	border-bottom: 2px solid #000;
}

.comments_title a {
	text-decoration: none;
	color: #000;
}

.comment {
	position: relative;
	margin-bottom: 2em;
}

.comment-body {
	margin-left: 120px;
	margin-top: 1em;
	width: 470px;
}
.comment-id {
	position: absolute;
	left: 0; top: 0;
}

.comment-id strong {
	display: block;
	font-weight: normal;
	padding-top: 15px;
}

.comment-id a {
	display: block;
	width: 60px;
	height: 60px;
	background-color: #6f8c9d;
	color: #fff;
	text-align: center;
	font-size: 18px !important;
	text-decoration: none;
}

#comments ol {
	list-style-type: none;
	margin-left: 0;
}

#comments ol li {
	border-top: 1px solid #000;
}

#comment-summary, #comment-instructions {
	margin-left: 120px;
}

.comment h5 {
	color: #333;
}

.comment h5 span {
	color: #000;
}
.commenter-name {
	color: #6f8c9d !important;
}

.form-field {
	margin-left: 120px;
	margin-bottom: 1.5em;
}

.form-field p {
	margin-bottom: 0;
}


/*
-----------------------------------
	### ENTRY ARCHIVE
-----------------------------------
*/

.entry-list .entry-title, .entry-list .published {
	display: inline;
}

.entry-list .published {
	color: #373830;
}

.entry-list .published {
	padding-left: 10px;
}

.entry-list li {
	margin-bottom: 1em;
}

.entry-list a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted;
}

.entry-list a:hover {
	border-bottom: 1px solid;
}

/*
-----------------------------------
	CONTENT LABELS
-----------------------------------
*/

/* eliminate bottom margin */
.entry ul#nav_secondary {
	margin-bottom: 0;
}

.label {
	position: absolute;
	left: 0; top: 0;
	width: 81px; height: 25px;
	text-indent: -3000px;
}

.entry-label { background: url(/media/images/label-entry.png) no-repeat; }
.label-link	 { background: url(/media/images/label-link.png) no-repeat; }


/*
=====================================
	## HOMEPAGE
=====================================
*/

#welcome .section-intro, #twitter-status p {
	text-shadow: 0 0 0 #000;
}

#welcome {
	background: #000;
}

#welcome .section-intro {
	margin-left: 40px;
	width: 620px;
	color: #6f8c9d;
	font-weight: normal;
}

#welcome ul {
	margin-bottom: 0;
	margin-left: 40px;
	padding-bottom: 1em;
}

#welcome ul li {
	display: inline;
	font-size: 16px;
}

#welcome ul li a {
	text-decoration: none;
	color: #6f8c9d;
}

#viewportfolio {
	color: #fff !important;
}

.home #content_main {
	background-color: #6f8c9d;
}

#latest-journal {
	padding-bottom: 30px;
	margin-left: 400px;
	background-color: #fff;
}

#feature {
	position: absolute;
	left: 0; top: 0;
	width: 400px;
	background-color: #6f8c9d;
	border-top: 2px solid #000;
}

#feature .overlay {
	width: 400px;
	position: absolute;
	top: 210px;
	background: url(/media/images/overlay.png) repeat;
}

#feature-label {
	text-indent: -3000px;
	background: url(/media/images/featured-photo-label.gif) no-repeat;
	width: 120px; height: 16px;
	position: absolute;
	top: 0; left: 0;
}

#feature .overlay h3 {
	text-align: right;
	padding-right: 30px;
	padding-top: 15px;
	color: #fff;
}

#feature .overlay h3 a {
	color: #fff;
	text-decoration: none;
}

#caption p {
	color: #fff;
	margin: 0 20px 2em 20px;
}

#caption a.more {
	font-size: 1.4em;
	margin-top: 0.5em;
	color: #fff;
	text-decoration: none;
}

#latest-journal h2 {
	background-color: #000;
	color: #6f8c9d;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 2em;
}

#latest-journal h2 span {
	display: block;
	padding: 10px 0 12px 40px;
}

.home ol.date-group {
	margin-left: 40px;
	width: 490px !important;
}

.home .hentry {
	width: 450px ;
}

.home ol.date-group li.entry div.hentry {
	border-top: 0;
	border-bottom: 0;
}

.home ol.date-group li.entry div.hentry h3.entry-title {
	margin-top: 1em;
}

.home ol.date-group li.entry div.hentry h3.entry-title {
	margin-top: 1em;
}

ol.date-group li.entry div.hentry h3.entry-title a {
	color: #6f8c9d;
}


#twitter-status {
	background: #bd4743 url(/media/images/twitter-bg-home.gif) no-repeat;
	padding-top: 40px;
	margin-top: -20px;
	padding-bottom: 2em;
	border-top: 1px solid #000;
}

#twitter-status p {
	color: #fff;
	font-size: 18px;
	margin-left: 125px;
	margin-bottom: 0;
}

#twitter-status .more {
	text-decoration: none;
	color: #ccb9b8;
	font-size: 14px;
}

#casestudy .project {
	background-color: transparent !important;
	width: 900px;
}

#latest-project-header {
	margin-top: 1em;
	border-bottom: 2px solid #000;
	font-size: 18px;	
}

#latest-project-header span {
	padding-left: 40px;
}

#latest-project {
	background-color: #fff;
	margin-top: 2em;
	margin-left: 30px;
	width: 900px;
}

#latest-project .project-info {
	width: 490px;
}

#latest-project table {
	width: 100%;
}

#latest-project table th {
	width: 90px;
}

.home #content {
	padding-bottom: 0;
}

.home ol.date-group li {
	margin-left: 0px;
	padding-left: 25px;
}


/*
=====================================
	## TAGS
=====================================
*/

.tags .section-intro {
	margin-left: 160px;
	width: 600px;
}

.tags #latest-entries {
	padding-left: 70px;
}

#textual-tagged-items {
	width: 590px;
}

#textual-tagged-items h2, #textual-tagged-items ol {
	margin-left: 70px;
}

#photo-tagged-items {
	width: 240px;
	margin-left: 30px;
}

#photo-tagged-items h2 {
	font-size: 14px;
	border-bottom: 5px solid;
	color: #373830;
}

#photo-tagged-items ul.thumbnails {
	width: 240px;
	margin-left: 0;
}

.null {
	font-size: 1.4em;
	margin-left: 70px;
}

.null .highlight {
	background-color: #fff;
	color: #6f8c9d;
}

#photo-tagged-items .null {
	margin-left: 10px;
}

#tag-filter {
	margin-left: 70px;
}

/*
=====================================
	## ABOUT
=====================================
*/

.resume .section-intro, .bio .section-intro	 {
	color: #ececec;
	margin-left: 120px;
}

.bio #bio {
	margin-left: 120px;
	width: 520px;
	margin-top: 2em;
}

#portrait {
	margin-top: 0;
}

#contact-info abbr {
	border: 0;
	display: block;
}

.resume #content_main {
	margin-top: 2em;
}

#contact-info {
	position: absolute;
	left: 680px; top: 0;
	width: 230px;
}

#contact-info h2 {
	font-size: 14px;
	border-bottom: 5px solid;
	color: #6f8c9d !important;
	width: 230px !important;
}

.hresume {
	margin-left: 120px;
	width: 550px;
}

.hresume h2, .bio #content_main h2 {
	margin-bottom: 2em;
	font-size: 14px;
	width: 520px;
	border-bottom: 5px solid;
	color: #000;	
}

.bio #content_main h2 {
	margin-bottom: 1em;
}

.bio #content_main h3 {
	font-size: 1.2em;
	font-weight: bold;
}

.hresume ol {
	list-style-type: none;
	margin-left: 0;
}

h3.summary, h3.title {
	color: #6f8c9d;
	font-size: 18px;
	margin-bottom: 0.5em;
}

.org {
	color: #000;
	font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua","Gerogia", "Times New Roman", serif;
}

h3.title a.url {
	text-decoration: none;
}
.resume .description {
	margin-left: 30px;
}

h3.title{
	margin-bottom: 0;
}

li.education .description {
	margin-top: 1em;
}

li.education span.org {
	font-size: 1.2em;
}
li.education .description {
	margin-top: 1em;
}
.date abbr {
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}

.vcard {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 1.5em;
}

h3.entry-title cite.vcard {
	margin-right: 0;
}

.vcard h4{
	font-weight: bold;
}

.vcard h4 a{
	color: black;
	text-decoration: none;
}

img#vcard{
	margin-top: 0 !important;
	margin-right: 10px;
}