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

Title		: In The Shed
Author		: Michael Baker
URL 		: www.m3communications.com

Created 	: July 22, 2010
Modified	: n/a

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

/* !--- GLOBAL --- */

* {	margin:0px; padding:0px; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
}

:focus, :active { outline: 0; }

.clear { clear:both; }

a img { border:0px; }

.fixed:after {
	clear:both;
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}

.fixed { display:block; }

/*  \*/
.fixed { min-height:1%; }

* html .fixed {	height:1%; }

/*--- Font Size (em) Bug Fixing for IE ---*/

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */
INPUT, TEXTAREA, SELECT, TH, TD {font-size:1em}
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}

/* !--- CONTAINER --- */

#wrapper {
	margin: 40px auto 0px;
	width: 960px;
}

/* !--- HEADER --- */

#header {
	border-bottom: 1px solid #6d6f71;
	margin: 0px;
	padding: 0px 0px 16px 0px;
}

	#header h1 a {
		background: url(../images/intheshed.gif) no-repeat 0 0;
		display: block;
		float: left;
		height: 52px;
		overflow: hidden;
		text-indent: -9999px;
		width: 322px;
	}
		
		#header h1 a:hover { background-position: 0 100%; }
	
	#header ul {
		float: right;
		list-style: none;
		margin: 30px 0px 0px 0px;
	}
	
		#header ul li {
			border-right: 1px solid #969696;
			float: left;
			padding: 0px 6px 1px;
		}
		
		#header ul li.blog { border-right: none; }
		
			#header ul li a {
				color: #282828;
				font-size: 1.7em;
				font-weight: bold;
				text-decoration: none;
			}
			
			#header ul li a:hover { color: #e6006c; }
			
#home #header ul li.home a, #about #header ul li.about a, #portfolio #header ul li.portfolio a, #contact #header ul li.contact a, #blog #header ul li.blog a { color: #e6006c; }

/* !--- CONTENT --- */

#content {
	border-bottom: 1px solid #6d6f71;
	margin: 0px 0px 20px 0px;
	padding: 30px 0px;
}

/* #home #content { padding: 0px 0px 30px 0px; } */
	
	#content h2 {
		color: #e6006c;
		font-size: 3.5em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}
	
	#content h3 {
		color: #e6006c;
		font-size: 2.8em;
		margin-bottom: 1em;
	}
	
	#content h4 {
		color: #e6006c;
		font-size: 1.8em;
	}
	
		#content h4 a {
			color: #e6006c;
			text-decoration: none;
		}
		
		#content h4 a:hover { text-decoration: underline; }
		
	#content h5 {
		color: #e6006c;
		font-size: 1.4em;
		margin-bottom: 0.3em;
	}
			
		#content h5 a {
			color: #e6006c;
			text-decoration: none;
		}
		
		#content h5 a:hover { text-decoration: underline; }
		
	#content h5.grey { color: #282828; }			
		#content h5.grey a { color: #282828; }

	#content p {
		color: #505050;
		font-size: 1.2em;
		line-height:1.5;
	}

		#content p a {
			color: #e6006c;
			text-decoration: none;
		}
		
		#content p a:hover { text-decoration: underline; }	
	#content table {
		border-collapse: collapse;
	}	
	#content td {
		color: #505050;
		font-size: 1.2em;
		line-height:1.5;
	}

		#content td a {
			color: #e6006c;
			text-decoration: none;
		}
		
		#content td a:hover { text-decoration: underline; }
/* !--- CONTENT - Home --- */

#slides { position: relative; }

	.slides_container {
		height:360px;
		position: relative;
		width:960px;
		z-index: 1;
	}
	
	.slides_container div {
		display:block;
		height:360px;
		width:960px;
	}

	#slides a.prev, #slides a.next {
		background: url(../images/arrows.png) no-repeat;		
		height: 30px;
		margin: 0px 0px 3px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		text-indent: -9999px;
		top: 165px;
		width: 30px;
		z-index: 99;
	}
		
		#slides a.prev { background-position: 0 0; left: 10px; }
		
		#slides a.next { background-position: 100% 0; right: 10px; }
	
	#slides a.prev:active, #slides a.next:active { margin: 3px 0px 0px; }
	
	#slides .pagination {
		bottom: 10px;
		left: 50%;
		list-style: none;
		opacity: 0;
		position: absolute;
		z-index: 99;
	}
	
		#slides .pagination li {
			float: left;
			height: 10px;
			margin: 0 4px;
			position: relative;
			right: 50%;
			width: 10px;
		}
		
			#slides .pagination li a {
				background: url(../images/pagination.png) no-repeat -1px -1px;
				display: block;
				overflow: hidden;
				text-indent: -9999px;
			}
			
			#slides .pagination li.current a { background: url(../images/pagination.png) no-repeat -1px -13px; }

#content .home_column {
	float: left;
	margin: 24px 0px 0px;
	width: 286px;
}

#content #blog { margin: 24px 51px 0px; }

	#content #blog p a {
		color: #505050;
		font-weight: bold;
	}
				
#content #twitter p { background: url(../images/quote_open.gif) no-repeat left 2px; }
		
	#content #twitter p:first-letter { padding-left: 20px; }
	
	#content #twitter p span {
		background: url(../images/quote_close.gif) no-repeat right bottom;
		padding-right: 20px;
	}
		
#content #twitter p.tweet_time {
	background: none;
	color: #969696;
	text-align: right;
}

	#content #twitter p.tweet_time:first-letter { padding-left: 0px; }

/* !--- CONTENT - About --- */

#content .about_column {
	float: left;
	margin: 24px 0px 0px;
	width: 272px;
}

	#content #what { margin: 24px 72px 0px; }
	
/* !--- CONTENT - Portfolio Overview --- */

#content .portfolioColumn {
	float: left;
	margin: 0 28px 0 0;
	width: 216px;
}

	#content .portfolioColumn h5 { margin: 8px 0 20px 0; }
	
		#content .portfolioColumn a { color: #282828; }
		
		#content .portfolioColumn a.portfolioImage {
			position: relative;
			width: 216px;
			height: 216px;
			overflow: hidden;
			display: block;
		}
		
		#content .portfolioColumn a:hover { color: #e6006c; text-decoration: none; }

	#content .lastColumn { margin: 0 0 0 0; }
		
	#content .portfolioColumn a img {
		margin: 0 0 20px 0;
		position: absolute;
		top:0;
		left:0;
	}
	#content .portfolioColumn a img.hover { top: -216px; }
	

/* !--- CONTENT - Portfolio Gallery --- */		

#loopedSlider {
	margin: 0px auto;
	position: relative;
}

	#loopedSlider #slides_container {
		height: 360px;
		margin: 0px auto 30px;
		overflow: hidden;
		position: relative;
		width: 960px;
	}
	
		#loopedSlider #slides_container .slides {
			left: 0; 
			position: absolute;
			top: 0;
		}
		
			#loopedSlider #slides_container .slides div {
				display: none;
				position: absolute;
				top: 0;
				width: 960px;
				z-index: 1;
			}				
	
	#loopedSlider a.previous, #loopedSlider a.next {
		background: url(../images/arrows.png) no-repeat;
		/*display: none;*/
		opacity: 0;
		height: 30px;
		margin: 0px 0px 3px;
		overflow: hidden;
		position: absolute;
		text-indent: -9999px;
		top: 165px;
		width: 30px;
		z-index: 99;
	}
	
	/*#loopedSlider:hover a.previous, #loopedSlider:hover a.next { display: block; }*/
	
		#loopedSlider a.previous {
			background-position: 0 0;
			left: 10px;						
		}
		
		#loopedSlider a.next {
			background-position: 100% 0;		
			right: 10px;
		}
	
	#loopedSlider a.previous:active, #loopedSlider a.next:active { margin: 3px 0px 0px; }

#content #portfolioNav {
	float: left;
	list-style: none;
	margin-bottom: 30px;
}

	#content #portfolioNav li {
		border-right: 1px solid #969696;
		float: left;
		padding: 0px 6px 1px;
	}
	
	#content #portfolioNav li.first { padding: 0px 6px 1px 0px; }
	#content #portfolioNav li.last { border-right: none; }
	
		#content #portfolioNav li a {
			color: #282828;
			font-size: 1.4em;
			font-weight: bold;
			text-decoration: none;
		}
		
		#content #portfolioNav li a:hover { color: #e6006c; }
		
		#content #portfolioNav li.current a { color: #e6006c; }
		
#content p.back {
	float: left;
	margin-bottom: 30px;
}

#content p.portfolio_info {
	float: right;
	text-align: right;
	width: 600px;
}

#content #portfolioThumbs {
	float: left;
	list-style: none;
	width: 620px;
}

	#content #portfolioThumbs li {
		float: left;
		margin-right: 10px;
		position: relative;
		border: 1px solid #fff; 
		width: 28px;
		height: 28px;
		overflow: hidden;
	}
	
		#content #portfolioThumbs li a img {
			position: absolute; 
			left: 0;
			top: 0;
		}
		
		#content #portfolioThumbs li a img.hover {
			top: -28px;
		}
		
		#content #portfolioThumbs li a img:hover {
			top: 0px;
		}
		
		#content #portfolioThumbs li:hover { border-color: #e6006c; }
		
		#content #portfolioThumbs li.active { border-color: #e6006c; }
		
		
#content p.portfolio_other {
	float: right;
	font-weight: bold;
	margin-top: 16px;
	text-align: right;
	width: 300px;
}

	#content p.portfolio_other a { color: #e6006c; text-decoration: none; }
	
	#content p.portfolio_other a:hover { color: #282828; }
	
#content p.testimonial {
	background: url(../images/quote_open.gif) no-repeat left 2px;
	float: right;
	width: 340px;
}

	#content p.testimonial:first-letter { padding-left: 20px; }
	
	#content p.testimonial span {
		background: url(../images/quote_close.gif) no-repeat right bottom;
		padding-right: 20px;
	}
	
/* !--- CONTENT - Contact --- */

#content .contact_column {
	float: left;
	width: 272px;
}

	#content #details { margin: 0px 72px; }
	
		#content #details h5.mgn_top { margin-top: 50px; }
		
	#content #details, #content #form { padding-top: 13px; }

#content #social_icons a {		
	float: left;
	height: 32px;
	margin: 0px 0px 2px;
	overflow: hidden;
	padding: 0px 4px;
	text-indent: -9999px;
	width: 32px;	/* 32px */
}

	#content #social_icons a:active { margin: 2px 0px 0px; }

	#content #social_icons a.skype		{ background: url(../images/skype.png) no-repeat center top; margin-left: -4px; /* padding-left: 0px;  */}
	#content #social_icons a.twitter	{ background: url(../images/twitter.png) no-repeat center top; }
	#content #social_icons a.facebook	{ background: url(../images/facebook.png) no-repeat center top; }
	#content #social_icons a.linkedin	{ background: url(../images/linkedin.png) no-repeat center top; }
	
	#content #social_icons a.hover 		{ background-position: center 100%; }		
		
#content #frm_contact { 
	font-size: 1.2em;
	margin-top: 20px;
}

	#content #frm_contact label {
		color: #505050;
		display: block;	
		padding: 0px 0px 4px;
	}
	
	#content #frm_contact input[type="hidden"] { display:none; }
	
	#content #frm_contact input.text {
		border:1px solid #282828;
		display: block;	
		margin: 0px 0px 10px;
		padding:4px;
		width: 262px;	
	}
	
		#content #frm_contact input.text:focus { border-color: #e6006c; }
		
	#content #frm_contact textarea {
		border:1px solid #282828;
		display: block;
		height: 112px;
		margin: 0px 0px 10px;
		padding:4px;
		width: 262px;
	}
	
		#content #frm_contact textarea:focus { border-color: #e6006c; }
		
	#content #frm_contact p {
		font-size: 1em;
		text-align: right;
	}
	
	#content #frm_contact input.btn {
		background-color: #e6006c;
		border: 1px solid #282828;
		color: #fff;
		float: right;
		font-size: 1.2em;
		font-weight: bold;
		margin: 6px 0px;
		padding: 2px 12px;
	}
	
	#content #frm_contact input.btn:hover {
		background-color: #fff;
		color: #e6006c;
		cursor: pointer;
	}
	
	#content #frm_contact input.btn:active { margin: 8px 0px 4px; }
	
/* !--- CONTENT - Blog --- */

#content #blogs {
	float: left;
	margin-right: 100px;
	width: 620px;
}

	#content #blogs p.blog_date {
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	#content #blogs p { margin-bottom: 2em; }
	
	#content #blogs img { margin-bottom: 20px; }
	
	#content #blogs .hr {
		border-top: 1px solid #6d6f71;
		display: block;
		height: 0px;
		margin: 36px 0px;
	}

#content #blogs .addthis_toolbox { margin: 0 0 20px 0; }

/* !--- CONTENT - Blog Disqus --- */

/*
#content #blogs #dsq-global-toolbar {
	background-color: #e4e4e4;
	margin: 0;
	padding: 14px 20px 0;
}
*/
	
#content #blogs #dsq-sort-by { font-size: 1.2em; }
	
#content #blogs .dsq-comment {
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 0;
}
	
#content #blogs .dsq-comment-body { padding: 0 0 0 60px; }
	
	#content #blogs .dsq-comment-header {
		background: none;
		border: none;
		color: #E6006C;
		font-size: 14px;
		padding: 10px 0;
	}
	
		#content #blogs .dsq-comment-header a { color: #E6006C; text-decoration: none; }
		
		#content #blogs .dsq-comment-header a:hover { text-decoration: underline; }
	
#content #blogs .dsq-comment-body .dsq-comment-text {
	color: #505050;
	font-size: 1.2em;
	line-height:1.5;
}

#content #blogs .dsq-comment-body .dsq-comment-footer { font-size: 1.2em; }

	#content #blogs .dsq-comment-body .dsq-comment-footer a { color: #777; }
	
	#content #blogs .dsq-comment-body .dsq-comment-footer a:hover { color: #E6006C; }
	
#content #blogs #dsq-footer { font-size: 1.2em; }

	#content #blogs #dsq-footer a { color: #777; }
	
	#content #blogs #dsq-footer a:hover { color: #E6006C; }
	
#content #blogs .dsq-reply {
	background-color: #e4e4e4;
	border-top: 1px solid #ccc;
	font-size: 1.2em;
	margin: 0 0 20px 0;
	padding: 20px;
}

	#content #blogs #dsq-content h3 {
		color: #282828;
		font-size: 1.8em;
		margin-bottom: 0.8em;
	}
	
	#content #blogs .dsq-reply #dsq-account-dropdown a {
		color: #e6006c;
		text-decoration: none;
	}
	
		#content #blogs .dsq-reply #dsq-account-dropdown a:hover { text-decoration: underline; }
		
	#content #blogs .dsq-reply .dsq-textarea-background {
		background-color: #fff;
		background-image: none;
/* 		border-color: #282828; */
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
		
	#content #blogs .dsq-reply .dsq-textarea { margin-bottom: 0; }

	#content #blogs .dsq-reply .dsq-avatar { left: 20px; }
	
#content #blogs .dsq-trackback-url { color: #777; }

	#content #blogs .dsq-trackback-url input {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	
#content #blogs .dsq-brlink { color: #777; }

#content #blogs .dsq-brlink:hover { color: #E6006C; }

#dsq-login-facebook-frame iframe { height: 40px !important; }

/* !--- CONTENT - Blog Comments --- */

#content #blogs #blog_comments h4 {
	color: #282828;
	margin-bottom: 0.5em;
}
	
#content #blogs #blog_comments ul {	list-style: none; }

	#content #blogs #blog_comments ul li {
		border-bottom: 1px solid #ccc;
		padding: 20px 0px;
	}
	
		#content #blogs #blog_comments ul li h5.author {
			float: left;
			margin-bottom: 10px;
			width: 400px;
		}
	
		#content #blogs #blog_comments ul li p.comment_date {
			color: #999;
			float: right;
			margin-bottom: 0px;
			text-align: right;			
		}
		
		#content #blogs #blog_comments ul li p.comment { margin-bottom: 0px; }

#content #blogs #blog_comments #frm_comment {
	background-color: #ddd;
	font-size: 1.2em;
	padding: 20px;
}
	
	#content #blogs #blog_comments #frm_comment .form_left {
		float: left;
		margin-right: 20px;
		width: 280px;
	}
	
	#content #blogs #blog_comments #frm_comment .form_right {
		float: left;
		width: 280px;
	}

	#content #blogs #blog_comments #frm_comment label {
		color: #282828;
		display: block;	
		padding: 0px 0px 4px;
	}
	
		#content #blogs #blog_comments #frm_comment label strong { color: #e6006c; }
		
		#content #blogs #blog_comments #frm_comment label span {
			color: #505050;
			font-style: italic;
		}
	
	#content #blogs #blog_comments #frm_comment input[type="hidden"] { display:none; }
	
	#content #blogs #blog_comments #frm_comment input.text {
		border:1px solid #282828;
		display: block;	
		margin: 0px 0px 10px;
		padding:4px;
		width: 270px;	
	}
	
		#content #blogs #blog_comments #frm_comment input.text:focus { border-color: #e6006c; }
		
	#content #blogs #blog_comments #frm_comment textarea {
		border:1px solid #282828;
		display: block;
		height: 112px;
		margin: 0px 0px 10px;
		padding:4px;
		width: 570px;
	}
	
		#content #blogs #blog_comments #frm_comment textarea:focus { border-color: #e6006c; }
	
	#content #blogs #blog_comments #frm_comment input.btn {
		background-color: #e6006c;
		border: 1px solid #282828;
		color: #fff;
		float: right;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0px 0px 2px;
		padding: 2px 12px;
	}
	
	#content #blogs #blog_comments #frm_comment input.btn:hover {
		background-color: #fff;
		color: #e6006c;
		cursor: pointer;
	}
	
	#content #blogs #blog_comments #frm_comment input.btn:active { margin: 2px 0px 0px; }

#content #blog_menu {
	float: left;
	width: 240px;
}

	#content #blog_menu #frm_search { 
		font-size: 1.2em;
		margin-top: 30px;
	}
	
		#content #blog_menu #frm_search input[type="hidden"] { display:none; }
		
		#content #blog_menu #frm_search input.text {
			border:1px solid #282828;
			display: block;
			float: left;
			margin: 6px 4px 6px 0px;
			padding: 4px;
			width: 154px;	
		}
		
			#content #blog_menu #frm_search input.text:focus { border-color: #e6006c; }
			
		#content #blog_menu #frm_search input.btn {
			background-color: #e6006c;
			border: 1px solid #282828;
			color: #fff;
			float: left;
			font-size: 1.2em;
			font-weight: bold;
			height: 25px;
			margin: 6px 0px;
/* 			padding: 3px 6px; */
			width: 60px;
		}
		
		#content #blog_menu #frm_search input.btn:hover {
			background-color: #fff;
			color: #e6006c;
			cursor: pointer;
		}
		
		#content #blog_menu #frm_search input.btn:active { margin: 8px 0px 4px; }

#content #blog_menu h5 { margin-top: 36px; }

#content #blog_menu ul { list-style: none; }

	#content #blog_menu ul li {
		margin-bottom: 0.6em;
	}
	
		#content #blog_menu ul li a {
			color: #282828;
			display: block;
			font-size: 1.2em;
			text-decoration: none;
		}
		
		#content #blog_menu ul li a:hover {
			color: #e6006c;
		}
				
#content #blog_menu p.tweet { background: url(../images/quote_open.gif) no-repeat left 2px; }
		
	#content #blog_menu p.tweet:first-letter { padding-left: 20px; }
	
	#content #blog_menu p.tweet span {
		background: url(../images/quote_close.gif) no-repeat right bottom;
		padding-right: 20px;
	}
		
#content #blog_menu p.tweet_time {
	background: none;
	color: #969696;
	text-align: right;
}

	#content #blog_menu p.tweet_time:first-letter { padding-left: 0px; }

/* !--- FOOTER --- */

#footer { padding-bottom: 20px; }

#footer_left {
	float: left;
	width: 550px;
}

	#footer_left p {
		color: #505050;
		font-size: 1.2em;
	}
	
		#footer_left p a {
			color: #505050;
			text-decoration: none;
		}
		
		#footer_left p a:hover { color: #e6006c; }
		
	#footer_left p.small {
		color: #888;
		font-size: 1em;
		margin-top: 0.4em;
	}

#footer_right {
	float: left;
	width: 250px;
}

	#footer_right h6 {
		color: #282828;
		font-size: 1.4em;
	}
	
	#footer_right p {
		color: #282828;
		font-size: 1.2em;
	}
	
		#footer_right p strong { color: #e6006c; }
	
		#footer_right p a {
			color: #282828;
			text-decoration: none;		
		}
		
		#footer_right p a:hover { text-decoration: underline; }

#footer_icons {
	float: left;
	margin-left: 4px;
	width: 156px;
}

	#footer_icons a {		
		float: left;
		height: 32px;
		margin: 0px 0px 2px;
		overflow: hidden;
		padding: 0px 4px;
		text-indent: -9999px;
		width: 32px;	/* 32px */
	}
	
		#footer_icons a:active { margin: 2px 0px 0px; }
	
		#footer_icons a.skype		{ background: url(../images/skype.png) no-repeat 4px top; }
		#footer_icons a.twitter		{ background: url(../images/twitter.png) no-repeat 4px top; }
		#footer_icons a.facebook	{ background: url(../images/facebook.png) no-repeat 4px top; }
		#footer_icons a.linkedin	{ background: url(../images/linkedin.png) no-repeat 4px top; padding-right: 0px; }
		
		#footer_icons a.hover 		{ background-position: 4px 100%; }