/* -------------------------------------------------------------- 

	Description: Bleak Departure
	Author: Sean Langlands (seanlanglands@gmail.com)
	Version: 1.0

-------------------------------------------------------------- */

body { height: 100%; background: #f4f4f4 url("../images/footer_bg.jpg") center top repeat; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #666; }


/* Global Fonts */

strong { font-weight: bold; }

a:link, a:visited { color: #009ddc; text-decoration: none; }

a:active, a:hover { text-decoration: underline; }

p { font-size: 13px; line-height: 20px; margin-bottom: 15px;  }

h1, h2, h3, h4, h5 { font-size: 18px; color: #545454; }

h1 {cursor: pointer; width: 315px; height: 73px; background: url("../images/logo_bd.png"); text-indent: -9999px; display: block; margin-left: 38px; margin-top: 5px; }

h2 { display: block; margin-bottom: 30px; background: url("../images/h_icon.jpg") right top no-repeat; }

h3 { margin-bottom: 15px; }

h4 { font-size: 17px; margin-bottom: 10px; }

/*h4.graphic { background: url("../images/graphic_icon.png") no-repeat left center; padding: 8px 0;  padding-left: 41px; margin-left: 8px; }
h4.brand { background: url("../images/branding_icon.png") no-repeat left center; padding: 8px 0;  padding-left: 41px; margin-left: 8px;}
h4.web { background: url("../images/web_icon.png") no-repeat left center; padding: 8px 0;  padding-left: 41px; margin-left: 8px;}
h4.illustration { background: url("../images/illustration_icon.png") no-repeat left center; padding: 8px 0; padding-left: 41px; margin-left: 8px; }*/

a.button, a.button_tr {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#1ab7ea url(../images/btn_overlay.png) repeat-x;
	border:1px solid #0790c7;
	color:#FFFFFF !important;
	cursor:pointer;
	font-size:15px;
	text-decoration:none;
	vertical-align:middle;
	padding: 6px 12px;
	-moz-box-shadow: 0 1px 3px #aaa;
	-webkit-box-shadow: 0 1px 3px #aaa;
	text-shadow: 0 1px 1px #0790c7;
	letter-spacing: 1px;
	font-weight: bold; }
	
	a.button:hover, a.button_tr:hover, .submit:hover {
		border:1px solid #0677aa;
		text-shadow: 0 1px 1px #0677aa;
		background:#169ad4 url(../images/btn_overlay.png) repeat-x;
		-moz-box-shadow: 0 1px 3px #aaa;
		-webkit-box-shadow: 0 1px 3px #aaa; }
	
	a.button:active, a.button_tr:active, .submit:active {
		position: relative; top: 1px; }
	
p.back_button { margin: 25px 0 30px; }

p.contact_cta { position: absolute; right: 15px; }
p.cta { margin: 25px 0; }

p.contact_cta a { margin-left: 40px; }

#footer h2 { color: #fff; font-size: 16px;}

#intro_block h2 {
	color: #fff;
	letter-spacing: 1px;
	line-height: 30px;
	font-size: 22px;
	margin-bottom: 10px;
	text-shadow: 0 1px 2px #73862c;
}

#intro_block p {
	color: #73862c;
	font-weight: bold;
	line-height: 24px;
	font-size: 13px;
	margin-bottom: 15px;
}

.copyright {
	font-size:11px;
	padding-top:11px;
	padding-left:13px;
}

dl{
	padding-top: 3px;}
	
dt {
	font-size: 13px; margin-bottom: 5px; }
	
dd {
	font-size: 13px; line-height: 20px;  margin-bottom: 12px;}

/* Primary Nav */

#top_bar ul { float: right; margin-top: -20px; margin-right: 20px; }

#top_bar li { display: inline; }

#top_bar li a {height: 28px; display: block; text-indent: -99999px; float: left; margin-left: 10px; }

#top_bar li a:active { position: relative; top: 1px; }

#home a { width: 61px; background: url("../images/pn_home_btn.png") no-repeat; }
#home a:hover { background-position: -61px; }
#home a.selected {background-position: -61px;}

#services a { width: 80px; background: url("../images/pn_services_btn.png") no-repeat; }
#services a:hover { background-position: -80px; }
#services a.selected {background-position: -80px;}

#portfolio a { width: 91px; background: url("../images/pn_portfolio_btn.png") no-repeat; }
#portfolio a:hover { background-position: -91px; }
#portfolio a.selected {background-position: -91px;}

#about a { width: 68px; background: url("../images/pn_about_btn.png") no-repeat; }
#about a:hover { background-position: -68px; }
#about a.selected {background-position: -68px;}

#contact a { width: 77px; background: url("../images/pn_contact_btn.png") no-repeat; }
#contact a:hover { background-position: -77px; }
#contact a.selected {background-position: -77px;}

#blog a { width: 58px; background: url("../images/pn_blog_btn.png") no-repeat; }
#blog a:hover { background-position: -58px; }
#blog a.selected {background-position: -58px;}

/* Images & Floats & Misc */

blockquote {
	background: #ddd;
	position: relative;
	padding: 20px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px; }

blockquote p { font-size: 15px; line-height: 22px; margin-bottom: 0;}

p.author { float: right; text-align: right; font-size: 16px; font-style:italic; font-weight: bold; margin-bottom: 0;  }
span.author_dept { font-size: 12px; font-style:italic; color: #999; margin-top: 10px;}

.left {float: left;}

.right {float: right;}

.right_cta { position: absolute; right: 15px; bottom: 0;}

img .left { border:2px solid #aaaaaa; margin: 0 10px 0 0;}

img .right { border:2px solid #aaaaaa; margin: 0 0 0 10px; padding: 1px;}



.clear { clear: both; }

#back_top:hover { background: url("../images/back_top.png") no-repeat; background-position: -97px 0; }

img.header { margin-bottom: 60px; }
img.header_portfolio { margin-bottom: 15px; }

img.intro{ margin-bottom: 40px; }

img.map { margin: -33px -3px 0 0; }

img.about_me_pic { margin: 0 0 0 -31px;  }

ul { }

li { margin-bottom: 8px; }

ul.services li { 
	margin-bottom: 8px; 
	background: url("../images/correct_icon.png") left center no-repeat; 
	padding: 2px 0; 
	padding-left: 30px; 
	margin-left: -8px;
	color: #888; }

li.vcard { padding: 2px 0 2px 22px; background: url("../images/vcard_icon.png") no-repeat left center; }
li.resume { padding: 2px 0 2px 22px; background: url("../images/resume_icon.png") no-repeat left center; }

#twtr-widget-1 p { font-size: 12px; }

span a { font-size: 11px; }

.twtr-hd { display: none; }

/* Structure & Main Components */

div#top_bar { height: 272px; background: #333 url("../images/top_bar_bg.jpg") center bottom repeat-x; width: 100%; }

div#top_bar_content { width: 940px; margin: 0 auto; padding-top: 15px; }

div#h1 { width: 315px; height: 73px; }

div#network { 
	display: block;
	height: 50px; 
	float: right;
	margin-right: 30px; 
	padding-left: 100px; 
	padding-bottom: 20px; 
	margin-top: -15px;
	background: url("../images/network_cta.png") 17px 12px no-repeat; }

#network img { padding: 4px 2px 0 2px; }

#network img:active {  position: relative; top: 1px; }

div#container { 
	margin: 0 auto; 
	height: 100%; 
	width: 900px; 
	background: url("../images/content_bg_tiled.png") center top repeat-y; 
	margin-top: -152px; padding-top: 12px; }
	
div#container_2_col { 
	margin: 0 auto; 
	height: 100%; 
	width: 900px; 
	background: url("../images/content_bg_tiled_2_col.png") center top repeat-y; 
	margin-top: -152px; padding-top: 12px; position: relative; }

div#page_header {
	width: 866px; 
	height: 237px; 
	background: #b7d546 url("../images/welcome_header_bg.jpg") no-repeat; 
	margin: 0 auto;
	margin-bottom: 15px; 
	display: none; }

div#main_divider { 
	height: 7px; 
	margin: 0 auto; 
	margin-left: -28px;
	margin-bottom: 27px;
	background: url("../images/main_divider.jpg") center top repeat; 
	width: 886px; }

#portfolio_cta ul { }

#portfolio_cta li { display: inline; }

#portfolio_cta li a { height: 28px; display: block; text-indent: -99999px; float: left; margin-right: 10px; }

#portfolio_cta li a:active { position: relative; top: 1px; }

#portfolio_cta li.portfolio_cta_btn a { 
	display: block; 
	background: url("../images/portfolio_cta_btn.png") no-repeat; 
	height: 31px; 
	width: 213px; 
	text-indent: -99999px; }

#portfolio_cta li.portfolio_cta_btn a:hover { 
	background: url("../images/portfolio_cta_btn.png") no-repeat; 
	background-position: 0 -31px; }

#portfolio_cta li.about_cta_btn a { 
	display: block; 
	background: url("../images/portfolio_cta_btn2.png") no-repeat; 
	height: 31px;
	width: 149px; 
	text-indent: -99999px; }

#portfolio_cta li.about_cta_btn a:hover { 
	background: url("../images/portfolio_cta_btn2.png") no-repeat; 
	background-position: 0 -31px; }

#back_top { 
	background: url("../images/back_top.png") no-repeat; 
	width: 97px; 
	height: 26px; 
	display: block; 
	text-indent: -99999px; 
	float: right;
	margin-right: 10px;
	margin-top: -12px;	}
	
/* Main Content Blocks */

.col_1 {
	width: 435px;
	float: left;
	margin-left: 20px;
	padding: 15px;
	padding-right: 385px;
	padding-bottom: 50px;
	margin-bottom: -15px;
	background: url("../images/skills.jpg") right bottom no-repeat; }

.col_2 {
	width: 350px;
	float: right;
	margin-right: 20px;
	padding: 15px;
	margin-bottom: 15px; }

.col_main_content {
	width: 563px;
	float: left;
	margin-left: 20px;
	padding: 15px; }

.col_sidebar {
	width: 210px;
	float: right;
	margin-right: 18px;
	padding: 15px; color: #ccc; }

.col_wide {
	width: 830px;
	margin-left: 20px;
	padding: 15px;
	margin-bottom: -25px;
	position: relative;
	}

.col_intro {
	width: 856px;
	margin: 0 auto;
	padding: 15px;
	margin-bottom: 15px;
	background: #eee;
	font-size: 14px; }
	
.section {
	margin-bottom: 45px; }
	
.section_col_1 {
	width: 260px;
	margin-right: 40px;
	float: left;
	margin-bottom: 25px; }
	
.section_col_2 {
	float: left;
	width: 260px;
	margin-bottom: 25px; }
	
/* Sidebar */

.col_sidebar h3 {
	color: #fff; 
	margin-bottom: 10px;
	margin-left: -32px;
	padding: 2px 0;
	font-size: 16px; 
	background: url("../images/h_arrow.png") left center no-repeat; padding-left: 32px; }

/* Footer */

div#footer_divider { 
	height: 19px; 
	margin: 0 auto; 
	background: url("../images/footer_divider.png") center top repeat-x; 
	width: 900px; }
	
#footer {
	width:900px;
	color: #aaa;
	margin: 0 auto; position: relative;  }
	
ul.footer_btns { position: absolute; right: 125px; top: 20px;}

ul.footer_btns li { float: left; }

#footer_text {
	color: #666;
	padding: 20px 0 16px 15px;
	margin-left: 8px;
	margin-bottom: 125px;
	width: 725px; }

#footer p { margin-bottom: 4px; }

#footer ul { margin-bottom: 8px; }

#footer li {
	list-style:none;
	display: inline;
	padding-right: 18px; }

#footer li a {
	font-size:12px;
	color:#fff;
	font-weight: bold; }

#footer li a:hover {
	color: #fff; }

.footer_col_1 {
	width: 200px;
	float: left;
	margin-left: 20px;
	padding: 15px;
	margin-bottom: 15px; }

.footer_col_2 {
	width: 200px;
	float: left;
	padding: 15px;
	margin-bottom: 20px; }

.footer_col_3 {
	width: 275px;
	float: left;
	margin-right: 20px;
	padding: 15px;
	margin-bottom: 20px;
	margin-top: -15px; }

/* Main Slideshow */

.view_project {
	z-index: 101;
	position:absolute;
	bottom: 37px; }

div#slider_controls_wrap {
	display: block;
	width: 868px;
	height: 35px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: -33px; }

div#slideshow_container { 
	width: 868px; 
	height:282px; 
	padding: 0; 
	position:relative; 
	margin: 0 auto; }

#slider { position: absolute; top: -21px;  }

#slider ul { display: block; width: 868px; height:282px; }

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

#slider li { width: 868px; height:282px; overflow:hidden; z-index: 50;	 }	

#prevBtn, #nextBtn { 
	display:block; 
	width:34px; 
	height:100px; 
	position:absolute; 
	left:-43px; 
	top:45px; 
	text-indent: -99999px; }	

#nextBtn{ left:877px; }	

#prevBtn a, #nextBtn a { display:block; width:34px; height:100px; }	

#prevBtn a { background:url("../images/left_btn.png") no-repeat 0 0; }
#prevBtn a:hover { background:url("../images/left_btn.png") no-repeat 0 0; background-position: -34px; }

#nextBtn a { background:url("../images/right_btn.png") no-repeat 0 0; background-position: -34px;}
#nextBtn a:hover { background:url("../images/right_btn.png") no-repeat 0 0; }

/* Portfolio Gallery */

div#portfolio_divider { 
	height: 26px; 
	margin: 0 auto; 
	background: url("../images/portfolio_top_bg.png") center top repeat-x; 
	width: 886px; }

div#portfolio_container {
	width: 886px;
	margin-top: 30px;
	margin-left: 7px;
	background: url("../images/portfolio_bg.jpg") repeat-y;
	padding-bottom: 10px; }
	
ul.thumb_view {
	padding: 0 8px; }

ul.thumb_view li {
	float: left;
	margin: 25px;
	padding-top: 6px;
	width: 238px;
	background: url(../images/thumb_caption.png) no-repeat; }

ul.thumb_view li img {
	width: 226px; 
	height: 150px;
	margin-left: 6px;}
	
ul.thumb_view li:hover { background-position: -238px 0; }	

span.thumb_caption {
	width: 226px;
	height: 37px;
	display: block;
	padding: 18px 0 0 12px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}



ul.thumb_view a:hover { text-decoration: none; }

/* Blog */

div.post {	
	margin-bottom: 45px; }

div.post h4 {	
	font-size: 18px; margin-bottom: 10px; }
	
div.post img {	
	margin: 0 0 12px 0; }
	
p.metadata {	
	font-size: 12px; color: #999; margin-bottom: 2px; }
	
span.category { padding: 2px 0 2px 22px; background: url("../images/cat_icon.png") no-repeat left center; }
span.date { padding: 2px 0 2px 22px; background: url("../images/cal_icon.png") no-repeat left center; margin-right: 15px;}
	
a.large_thumb {
	margin: 25px 0;
	padding-top: 6px;
	width: 563px;
	height: 334px;
	display: block;
	background: url(../images/large_img_bg.png) top left no-repeat; }

a.large_thumb img {
	width: 551px; 
	height: 282px;
	margin-left: 6px;}
	
a.large_thumb:hover { background-position: -563px 0; text-decoration: none; }	

span.large_thumb_caption {
	width: 226px;
	height: 37px;
	display: block;
	padding: 20px 0 0 12px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}

span.large_thumb_caption:hover {
	border: none;
}


/* Forms */

form.contact { margin-top: 30px; margin-bottom: 50px;}

form p {
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 5px;
	font-weight: bold;
	color: #666;
	position: relative; }

.input, .inputError, .inputCorrect {
	margin-top: 4px;
	width: 300px;
	font-size: 16px;
	border: 1px solid #d9d9d9;
	background: #ededed;
	padding: 6px;
	color: #444; }
	
.inputError {
	border: 1px solid #f0aa27;
	background: #ffe188 url(../images/warning_icon.png) right bottom no-repeat; }
	
.inputCorrect {
	border: 1px solid #a6d220;
	background: #e0f88d url(../images/correct_icon.png) right center no-repeat; }
	
.submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#1ab7ea url(../images/btn_overlay.png) repeat-x;
	border:1px solid #0790c7;
	color:#FFFFFF !important;
	cursor:pointer;
	font-size:14px;
	text-decoration:none;
	vertical-align:middle;
	padding: 6px 12px;
	-moz-box-shadow: 0 1px 3px #aaa;
	-webkit-box-shadow: 0 1px 3px #aaa;
	text-shadow: 0 1px 1px #0790c7;
	letter-spacing: 1px;
	font-weight: bold;

	margin-top: 10px; }

form select {
	margin-top: 4px;
	width: 200px;
	font-size: 16px;
	border: 1px solid #d9d9d9;
	background: #ededed;
	padding: 6px;
	color: #444; }

form .input:hover { }

.input:focus, .textarea:focus  {
	border: 1px solid #ccc;
	background: #ddd; }

form #submit {
	padding: 2px 10px; }

.textarea, .textareaError, .textareaCorrect   {
	margin-top: 4px;
	border: 1px solid #d9d9d9;
	background: #ededed;
	padding: 6px;
	color: #444;
	width: 475px; 
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
.textareaError {
	border: 1px solid #f0aa27;
	background: #ffe188 url(../images/warning_icon.png) right bottom no-repeat; }
	
.textareaCorrect {
	border: 1px solid #a6d220;
	background: #e0f88d url(../images/correct_icon.png) right bottom no-repeat; }
	
span#validate_n, span#validate_e {
	display: none;
	position: absolute;
	top: 24px;
	left: 314px;
	background: #d1d1d1;
	border: 1px solid #c1c1c1;
	border-left: none;
	padding: 6px 12px;
	font-weight: normal;
	font-size: 12px;
	}
	
span#validate_e {
	display: none;
	position: absolute;
	background: #d1d1d1;
	}
	
span#validate_m {
	display: none;
	position: absolute;
	bottom: -30px;
	right: 40px;
	background: #d1d1d1;
	border: 1px solid #c1c1c1;
	border-top: none;
	padding: 6px 12px;
	font-weight: normal;
	font-size: 12px;
	}