/*
THEME NAME: Blue Architect
THEME URI: http://www.sforde.com/
DESCRIPTION: My theme.
TAGS: dark, minimal, blue, 2 column
VERSION: 1.2
AUTHOR: Steve Forde
AUTHOR URI: http://www.sforde.com/
*/

/*  General layout
	============================  */
	
html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #32474f url("img/background.png") repeat-x top;
	color: #a0aeb4;
	font: 14px "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
	line-height: 1.4em;
}

.pusher {
	clear: both;
	font-size: 1px;
	line-height: 0;
	margin: 0;
	padding: 0;
	margin-top: -1px;
	height: 1px;
}

div#centerall {
	background: #314047 url("img/bg_content.gif");
	margin: 0px auto;
	width: 900px;
	border-left: solid 1px #2a3a41;
	border-right: solid 1px #2a3a41;
}

div#header {	
	margin: 0 auto;
	width: 900px;
	height: 91px;
	background: #1e1e1e url("img/header_bg.png");
	border-left: solid 1px #151515;
	border-right: solid 1px #151515;
	overflow: hidden;
}

div#topbg {
	height: 20px;
	line-height: 0;
	background: transparent url("img/bg_content_top.png") no-repeat top left;
}

div#leftcolumn {
	margin: 0 40px 0 40px;
	float: left;
	width: 260px;
	display: inline; /* Awesome IE6 fix */
}

div#leftcolumn h3 {
	color: #95a9b1;
	margin-bottom: .75em;
}

div#rightcolumn {
	float: left;
	width: 520px;
}

div#footer {
	margin: 20px 0 0 0;
	padding: 0 40px;
	background: transparent url("img/footer_bg.png");
}

div#footer div#footer_top_line {
	margin: 0 -40px;
	height: 24px;
	background: transparent url("img/footer_top_line.png") no-repeat;
}

div.footer_info {
	display: block;
	float: left;
	width: 500px;
}

div.footer_info ul {
	margin-bottom: .25em;
	margin-top: .25em;
	font-size: 0.85em;
}

div.footer_left,
div.footer_right {
	float: left;
	color: #95a9b1;
}

div.footer_left {
	width: 160px;
	margin: 0 40px 0 0;
}

div.footer_right {
	width: 260px;
}

div#footer h3 {
	margin-bottom: 0;
	padding-bottom: .25em;
	color: #95a9b1 !important;
}

/*  Global simple tags and classes
	============================  */

a:link, a:active {
	text-decoration: none;
	color: #ce5823;
}

a:visited {
	color: #a9491e;
	text-decoration: none;
}

a:hover {
	color: #fff !important;
}

a img {
	border: none;
}

.white {
	color: #fff;
}

.grey,
.jobdesc,
.workdates {
	color: #607076;
}

.hide {
	display: none;
	visibility: hidden;
	position: absolute;
}

abbr {
	border: none;
}

blockquote {
	border-left: solid 1px #607076;
	padding-left: 1em;
	margin-left: 1em;
	color: #b4b17c;
}


/*  Site header
	============================  */

h1#title {
	margin: 0px;
	padding: 0px;
	width: 500px;
	float: left;
	margin: 19px 0 0 31px; 
}

h1#title a {
	display: block;
	width: 350px;
	height: 52px;
	background: transparent url("img/header_sforde.png") no-repeat bottom left;
	text-decoration: none;
	z-index: 50;
}

h1#title a span {
	background: url("img/header_sforde.png") no-repeat top left;
	position: absolute;
	width: 350px;
	height: 52px;
	z-index: 100;
	text-indent: -9000px;
}

.tagline {
	clear: left;
	padding: 0px;
	margin: 0px;
	font-family: Georgia, serif;
	font-size: 1.2em;
	color: #575757;
	margin-left: 322px;
	text-transform: lowercase;
	position: relative;
	top: -2.2em;
	z-index: 200;
	width: 600px;
}

/*  Navigation links
	============================  */

ul.nav {
	margin: 0 0 1em 0;
	padding: 0px;
	font-size: 1.1em;
	line-height: 2em;
	text-transform: uppercase;
	list-style: none;
	letter-spacing: 1px;
}

ul.nav li {
	margin: 0px;
	border-bottom: solid 1px #2b363a;
	padding-left: 26px;
}

ul.nav li:last-child {
	border-bottom: none;
}

ul.nav a {
	color: #ebe7a5 !important;
	display: block;
	margin-left: -26px;
	padding-left: 26px;
}

ul.nav li ul {
	display: none;
	margin: 0 0 5px 20px;
	padding: 0px;
	clear: both;
}

ul.nav li.current_page_item ul,
ul.nav li.current_page_ancestor ul { 
	display: block;
}

ul.nav li.current a,
ul.nav li.current_page_item > a,
ul.nav li ul li.current_page_parent a {
	background: transparent url("img/arrow_right.gif") no-repeat 9px center;
}

ul.nav li a:hover {
	color: #fff !important;
}

ul.nav li ul li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0px;
	font-size: 0.8em;
	line-height: 1.4em;
	border: none;
}

ul.nav li ul li a {
	background: none;
}


/*  Search form
	============================  */

div.search {
	margin: 1em 0px;
}

div.search input.text-input {
	width: 175px;
	background: #394f57;
	border: solid 1px #2a3a41;
	color: #fff;
	padding: 5px;
	font-size: 1em;
	float: left;
	margin-right: 0px;
	margin-top: 1px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-box-shadow: -1px -1px 0px #2a3a41;
}

div.search input.submit-button {
	border: solid 1px #212a2d;
	border-top: solid 1px #2a3a41;
	background: #2a3a41 url("img/dark_container_bg.png");
	color: #a0aeb4;
	font-size: 1em;
	padding: 4px;
	width: 72px;
	float: left;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-box-shadow: 0px 1px 0px #212a2d;
}

div.search input.submit-button:hover {
	color: #fff;
}


/*  Featured artwork highlight
	============================  */

div.featured {
	background: #2b363a url("img/dark_container_bg.png");
	color: #607076;
	padding: 10px;
	font-size: 0.9em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #212a2d;
}


div.featured p {
	margin: 1em .4em .4em .4em;
}

div.featured a {
	line-height: 0px;	
}

div.featured a img {
	border-bottom: solid 1px #222c30;
}


/*  Twitter blurp
	============================  */

div.tweet {
	float: left;
	width: 260px;
	margin-right: 40px; 
}

div.tweet div.message {
	background: #2b363a url("img/dark_container_bg.png");
	color: #607076;
	padding: 10px;
	font-size: 0.9em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	min-height: 4em;
}

div.tweet div.portrait {
	background: transparent url("img/portrait.png") no-repeat;
	height: 143px;
}


div.tweet div.time a.grey {
	color: #7c8f96;
}

.twitter-timestamp {
}


/*  Archive lists
	============================  */
div.archives ul {
	font-size: 0.8em;
	color: #7c8f96;
}


/*  Main content
	============================  */

div.pagetitle {
}

div.pagetitle h2 {
	margin: .8em 0;
	font-size: 1.6em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #95a9b1;
	line-height: 1.1em;
}

div#content {
	margin: 30px 0px 0px;
}

div#content h2, h3 {
	font-weight: normal;
	color: #fff;
}

div#content h2 {
	font-size: 1.6em;
}

span.entry-date {
	line-height: 1em;
}
	
dl.contact {
	overflow: auto;
	margin-left: 20px;
}
	
dl.contact dt {
	width: 12em;
	float: left;
	clear: both;
	font-weight: bold;
}

dl.contact dd {
	margin: 0 0 1em 0;
	float: left;
}

dl.resume dt {
	font-weight: bold;
}
	
dl.resume dd {
	margin: 0em 0em .5em 2em;
	color: #607076;
}

p.jobdesc {
	margin-left: 20px;
	padding-left: 20px !important;
	font-size: .9em;
}

.workdates {
	margin-left: 20px;
	padding-left: 20px !important;
	font-size: .9em;
	margin-bottom: 0;
	padding: 0;
}

div.leftcolumn {
	float: left;
	margin-right: 30px;
}

div.rightcolumn {
	float: right;
}

div.divider {
	height: 1px;
	border-bottom: solid 1px #2b363a;
	line-height: 1px;
	margin-bottom: 1.5em;
	clear: both;
}

h3.post-title {
	font-size: 1.3em;
	margin: 0 0 .3em 0;
	padding: 0;
}

div.rounded-section {
	padding: 14px 20px;
	padding: 14px 0;
}


/*  Homepage post listing
	============================  */
	
div.homepage-post {
	margin-bottom: 1.65em;
	padding-bottom: 1.65em;
	border-bottom: solid 1px #2b363a;
}

div.homepage-link {
	margin-bottom: 1.65em;
	padding-bottom: 1.65em;
	border-bottom: solid 1px #2b363a;
}
	
div.date-column {
	width: 120px;
	font-weight: bold;
	float: left;
	font-size: .8em;
	color: #7c8f96;
	padding-top: .35em;
	text-align: right;
}

div.date-column a {
	color: #4f6269;
}

div.date-column a:hover {
	color: #90a2a8 !important;
}

div.post-column {
	line-height: 1.5em;
}

div.post-column h3 {
	font-size: 1.35em;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	float: left;
	width: 400px;
}

div.homepage-post p {
	margin-top: .7em;
	margin-bottom: 0px;
}

span.comment-count {
	display: block;
	margin: .5em 0 0 0;
	padding: 0px;
	font-size: 0.8em;
}

span.comment-count a {
	color: #7c8f96;
}

span.comment-count a:hover {
	color: #fff;
}

h4.external-link {
	font-size: 1.05em;
	margin: 0 0 .35em;
	padding: 0;
	line-height: 1.8em;
	float: left;
	width: 400px;
}

h4.external-link a {
	padding-right: 17px;
	background: transparent url("img/external_link_arrow.png") no-repeat center right;	
}

h4.external-link a:hover {
	background: transparent url("img/arrow_right_white.gif") no-repeat center right;	
}

div.homepage-link p {
	margin-top: 0em;
	margin-bottom: 0px;
}


/*  Pagination - I don't think these are used anymore, but leave them in just incase...
	============================  */
	
div.page-navigation {
	background: #2b363a;
	color: #607076;
	padding: 10px 20px;
	font-size: 0.9em;
	margin: 2em 0;
}

div.nav-next{
	float: left;
}

div.nav-previous {
	float: right;
}


/*  Single post styles
	============================  */

span.post-info-label {
	padding-right: 6.75em;
}

.post-tags {
	color: #7c8f96;
	margin-top: -.5em;
}

p.post-date {
	margin: -.5em 0 1.5em 0;
	padding: 0;
}

p.post-date a {
	color: #607076 !important;
	text-transform: lowercase;
}

ul.month-list {
	padding: 0;
	margin: .25em 0 0 0;
	list-style: none;
}

.entry-content {
	margin-top: -.75em;
}


/*  New comment form
	============================  */

div.form-label {
	display: block;
	float: left;
	clear: both;
	width: 100px;
	padding-right: 10px;
	margin-bottom: 1em;
}

form#commentform input {
	width: 175px;
	background: #394f57;
	border: solid 1px #2a3a41;
	color: #fff;
	padding: 5px;
	font-size: 1em;
	float: left;
	margin-right: 5px;
}

form#commentform div.form-textarea {
	float: left;
	width: 350px;
}

form#commentform div.form-textarea textarea {
	width: 350px;
	background: #394f57;
	border: solid 1px #2a3a41;
	color: #fff;
	padding: 5px;
	font-size: 1em;
	margin-bottom: 1em;
}

form#commentform div.form-submit input {
	border: solid 1px #212a2d;
	background: #2a3a41;
	color: #a0aeb4;
	font-size: 1em;
	padding: 4px;
	margin-left: 110px;
}

form#commentform div.form-submit input:hover {
	color: #fff;
}


/*  Comments
	============================  */
	
div#comments-list ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#comments-list ol li {
	clear: both;
}

div.avatar {
	float: left;
	width: 80px;
	margin-bottom: 1em;
}

div.avatar img {
	padding: 5px;
	background: #2b363a;
	border: solid 1px #394f57;
}

div.comment {
	float: left;
	padding-top: .5em;
	width: 400px;
}

div.comment-meta {
	display: inline;
	font-size: 0.8em;
}

div.comment-meta a {
	color: #607076;
}

div.comment-text {
	color: #607076;
}

div.comment-text p { 
	margin-top: 0;
}


/*  Pagination plugin styles 
	============================  */
	
div.pagination {
	background: #2b363a url("img/dark_container_bg.png");
	color: #607076;
	padding: 10px 20px;
	font-size: 0.9em;
	margin: 0em 0 0;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #212a2d;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	text-decoration: none;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	background-color: #32474f;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0px 1px 0px #212a2d;
}

div.pagination span.disabled {
	padding: 2px 5px;
	margin: 2px;
	color: #607076;
}

.size-thumbnail {
	margin-bottom: 1em;
}

.portfolio-thumbs {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

/*  Portfolio item styles
	============================  */

div.portfolio_slideshow {
	background: #2b363a url("img/dark_container_bg.png");
	color: #607076;
	padding: 10px;
	font-size: 0.9em;
	margin: 0px auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* -moz-box-shadow: 0px 1px 0px #212a2d; */
	border-bottom: solid 1px #212a2d;
}

#slider {
	border-bottom: solid 1px #212a2d;
}

#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider li { 
	width: 500px;
	height: 300px;
	overflow: hidden; 
}

div#slider_controls {

}

ol#controls {
	margin: 11px 0px 0px 0px;
	padding: 0px;
}

ol#controls li {
	list-style-type: none;
	float: left;
	margin: 0 10px 0 0;
	display: block;
}

ol#controls li a {
	border: solid 1px #212a2d;
	text-align: center;
	display: block;
	float: left;
	width: 18px;
	height: 16px;
	line-height: 16px;
	background: #242f34 url("img/xdark_container_bg.png");
	color: #607076;
	padding: 5px;
	font-size: 1.3em;
	margin: 0px auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #212a2d;
}

ol#controls li.current a {
	color: #fff;
}

ul#portfolio_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#portfolio_list li {
	margin: 0;
	clear: both;
}

ul#portfolio_list li a.thumb {
	border-bottom: solid 1px #212a2d;
	text-align: center;
	display: block;
	float: left;
	padding: 7px;
	line-height: 16px;
	background: #242f34 url("img/dark_container_bg.png");
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 20px 10px 0;
}

ul#portfolio_list li div.name {
	padding: 7px 0 7px 0;
	font-size: 1.3em;
}

p.portfolio_back {
	text-align: center;
	margin: 2em 0 0 0; 
	clear: both;
}	

p.portfolio_back a {
	border-bottom: solid 1px #212a2d;
	padding: 7px 15px;
	line-height: 16px;
	background: #242f34 url("img/dark_container_bg.png");
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}