/* Browser Reset CSS, Eric Meyer.  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:					0;
    padding:				0;
    border:					0;
    font-weight:			inherit;
    font-style:				inherit;
    font-size:				100%;
    font-family:			inherit;
    vertical-align:			baseline;
}
body {
    line-height:			1;
    color:					black;
/*    background:				white; */
}
ol, ul {
    list-style:				none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse:		separate;
    border-spacing:			0;
}
caption, th, td {
    text-align:				left;
    font-weight:			normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: 				"";
}
blockquote, q {
    quotes: 				"" "";
}

/* END Browser Reset CSS, Eric Meyer. */





/* #### DEVLOGIC STYLESHEET #### */


/* #### FONTS #### */

@font-face {
  font-family: TisaWeb-Black;
  src: url(../fonts/TisaWeb-Black.eot);
}
/* then for Firefox */
@font-face {
  font-family: TisaWeb-Black;
  src: url(../fonts/TisaWeb-Black.woff) format('woff');
}


/* #### GLOBAL STYLES #### */

body {
	font:					300 16px/24px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#494949;
	background: 			#191919 url("../images/bg.jpg") center top repeat-y;
}

h1 {
	margin-bottom:			20px;
	font:					700 67px/67px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
	letter-spacing: 		-2px;
	text-shadow:			#FFF -1px -1px 0px;
}

h2 {
	margin-bottom:			10px;
	font:					700 16px/20px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
}

p {
	margin-bottom:			10px;
}

a:link, a:visited, a:active {
	color:					#494949;
}

a:hover {
	color:					#747474;
}

strong {
	font-weight: 			700;
}

p.strong {
	font-weight: 			700;
}


/* #### BUTTONS #### */

.btn {
	display:				block;
	float:					left;
	margin:					10px 4px 0px 0px;
	padding:				10px 15px 13px 15px;
	font:					700 14px/14px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
	text-decoration: 		none;
	color:					#4E4E4E;
	background-color: 		#E6E4E4;
	border:					1px solid #FFF;
	border-top-color: 		#D2D2D2;
	border-left-color: 		#D2D2D2;
	border-bottom-color: 	#FFF;
	border-right-color: 	#FFF;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
}

a:link.btn, a:visited.btn, a:active.btn {
	color:					#89ac42;
	background-color: 		#F6F6F6;
	border-top-color: 		#FFF;
	border-left-color: 		#FFF;
	border-bottom-color: 	#D2D2D2;
	border-right-color: 	#D2D2D2;

}

a:hover.btn  {
	color:					#a2cb4e;
}

.btn.previous-article {
	padding:				10px 15px 13px 40px;
	background:				#F6F6F6 url("../images/sprite.gif") -389px -357px no-repeat;
}

.btn.newer-article {
	float:					right;
	padding:				10px 15px 13px 40px;
	color:					#AAA;
	background:				#F6F6F6 url("../images/sprite.gif") -597px -390px no-repeat;
}

.btn.comment {
	margin-right:			15px;
	padding:				10px 15px 13px 40px;
	background:				#F6F6F6 url("../images/sprite.gif") -387px -330px no-repeat;
}

.btn-small, a:link.btn-small, a:visited.btn-small, a:active.btn-small  {
	position:				relative;
	top:					-2px;
	padding:				1px 2px 1px 2px;
	font:					700 10px/10px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#F0F0F0;
	text-decoration: 		none;
	text-shadow:			none;
	background-color: 		#59aec4;
	-webkit-border-radius:	2px;
	-moz-border-radius:		2px;
}

a:hover.btn-small {
	color:					#FFF;
	background-color: 		#61bdd5;
}


/* #### STRUCTURAL #### */

#wrapper {
	width:					971px;
	margin:					0px auto;
}

#left-hand-column {
	float:					left;
	width:					690px;
}

#right-hand-column {
	float:					left;
	width:					250px;
	margin-left:			20px;
}


/* #### TWITTER #### */

#twitter {
	float:					left;
	width:					760px;
	height:					34px;
	padding:				6px 10px 0px 70px;
	font:					700 13px/13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#616161;
}

#twitter a:link, #twitter a:visited, #twitter a:hover, #twitter a:active {
	color:					#616161;
	text-decoration: 		none;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display:				inline;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	font:					700 13px/13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#616161;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	font-weight:			normal;
}

a:link.follow, a:visited.follow, a:hover.follow, a:active.follow  {
	display:				block;
	float:					left;
	width:					110px;
	height:					26px;
	margin-left:			6px;
	padding:				14px 0px 0px 14px;
	font:					700 11px/11px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
	color:					#345a63;
	text-decoration:		none;
}

a:hover.follow {
	color:					#e4faff;
}


/* #### HOME HEADER #### */

#header {
	width:					971px;
	height:					179px;
	margin:					19px 0px 20px 0px;
	overflow:				hidden;
	background:				transparent url("../images/sprite.gif") no-repeat;
}

a:link.blog, a:visited.blog, a:active.blog {
	display:				block;
	float:					right;
	width:					84px;
	height:					84px;
	margin-right:			30px;
	margin-top:				20px;
	background:				transparent url("../images/sprite.gif") -93px -311px no-repeat;
}

a:hover.blog {
	background:				transparent url("../images/sprite.gif") -178px -311px no-repeat;
}

ul.contact {
	float:					right;
	width:					256px;
	height:					112px;
	margin-top:				20px;
	padding-top:			35px;
	font:					300 13px/16px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#616161;
}

ul.contact li {
	float:					left;
	width:					123px;
}

.contact strong {
	font:					700 13px/13px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
}

/* #### BLOG HEADER #### */

a:link.home, a:visited.home, a:active.home {
	display:				block;
	float:					right;
	width:					40px;
	height:					24px;
	margin:					20px 25px 0px 0px;
	padding:				13px 15px 13px 50px;
	font:					700 13px/13px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
	text-decoration: 		none;
	color:					#616161;
	background:				transparent url("../images/sprite.gif") -262px -311px no-repeat;
}

a:hover.home {
	color:					#767676;
}

.blog-title {
	display:				block;
	float:					left;
	margin-top:				35px;
	padding-left:			250px;
	width:					93px;
	height:					93px;
	background:				transparent url("../images/sprite.gif") 250px -311px no-repeat;
}


/* #### HOME MODULES #### */

.module {
	display:				block;
	width:					891px;
	padding:				20px 40px 25px 40px;
	overflow:				hidden;
	background:				transparent url("../images/module-body.jpg") repeat-y;
}

.module-top {
	display:				block;
	width:					971px;
	height:					10px;
	overflow:				hidden;
	background:				transparent url("../images/module-ends.jpg") no-repeat;
}

.module-bottom {
	display:				block;
	width:					971px;
	height:					10px;
	margin-bottom:			20px;
	overflow:				hidden;
	background:				transparent url("../images/module-ends.jpg") 0px -10px no-repeat;
}

.introduction img {
	float:					right;
}

.introduction p {
	width:					440px;
}

.bio {
	height:					346px;
	margin-bottom:			20px;
}

.bio p {
	width:					480px;
}

.aprill-allens-portrait {
	background:				transparent url("../images/aprill-allen.jpg") no-repeat;
}

.matt-allens-portrait {
	background:				transparent url("../images/matt-allen.jpg") no-repeat;
}

.folio ul {
	display:				block;
	width:					931px;
	list-style: 			none;
}

.folio li {
	display:				block;
	float:					left;
	width:					275px;
	margin:					20px 33px 0px 0px;
}

.folio h2 {
	margin:					20px 0px 10px 0px;
}

.service {
	font:					700 11px/11px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
	padding-left:			18px;
	background: 			transparent url("../images/sprite.gif") no-repeat 0px -180px;
}

.quote {
	font:					700 17px/24px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
	color:					#89ac42;
}

.questions h1 {
	float:					left;
}

.questions img {
	float:					left;
	margin-left:			13px;
	position:				relative;
	top:					-8px;
}

.text-column {
	display:				block;
	float:					left;
	width:					390px;
	padding-right:			40px;
}


/* #### BLOG MODULES #### */

.article {
	display:				block;
	width:					610px;
	padding:				20px 40px 25px 40px;
	overflow:				hidden;
	background:				transparent url("../images/article-body.jpg") repeat-y;
}

.article-top {
	display:				block;
	width:					690px;
	height:					10px;
	overflow:				hidden;
	background:				transparent url("../images/article-ends.jpg") no-repeat;
}

.article-bottom {
	display:				block;
	width:					690px;
	height:					10px;
	margin-bottom:			20px;
	overflow:				hidden;
	background:				transparent url("../images/article-ends.jpg") 0px -10px no-repeat;
}

.article h2 {
	margin-bottom:			20px;
	font:					700 24px/24px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
	text-shadow:			#FFF -1px -1px 0px;
}

.article img {
	float:					right;
	margin:					0px 0px 20px 30px;
}

p.article-label {
	font:					700 12px/12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	margin-bottom:			15px;
}

.article ol.numbered {
  list-style: decimal;
  margin: 50px;
}

.article ul.show {
  list-style: disc;
  margin: 50px;
}

/* #### BLOG COMMENTS #### */

.comments {
	display:				block;
	clear:					left;
	width:					610px;
	margin-bottom:			20px;
	padding-top:			10px;
	font-size:				14px;
}

.comments h2 {
	margin-bottom:			15px;
}

.comments p {
	font:					300 14px/20px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}

p.comment-label {
	font:					700 12px/20px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	margin-bottom: 			15px;
}

/* #### BLOG POST COMMENT #### */

.post-comment {
	margin-bottom:			10px;
	font-size:				14px;
}

.post-comment p {
	display:				block;
	float:					left;
	width:					610px;
	margin-bottom:			8px;
}

.post-comment em  {
	font:					300 12px/13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#e3595e;
}

.form-disclaimer {
	font:					300 11px/13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	margin-left:			20px;
}

.post-comment label {
	display:				block;
	float:					left;
	width:					80px;
	height:					26px;
}

.post-comment input {
	float:					left;
	width:					250px;
	height:					24px;
	border:					1px solid #999;
}

.post-comment textarea {
	float:					left;
	width:					520px;
	height:					175px;
	border:					1px solid #999;
}

a:link.cancel, a:visited.cancel, a:active.cancel {
	display:				block;
	float:					left;
	margin-top:				14px;
}

/* #### RIGHT-HAND COLUMN STYLES #### */

a:link.rss, a:visited.rss, a:active.rss {
	display:				block;
	width:					223px;
	height:					18px;
	font-size:				13px;
	line-height: 			16px;
	margin-bottom:			20px;
	padding-left:			27px;
	background:				transparent url("../images/sprite.gif") -369px -311px no-repeat;
}


#right-hand-column {
	font:					300 14px/20px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;

}

#right-hand-column h2 {
	margin-bottom:			15px;
	font:					700 24px/24px "ff-tisa-web-1","ff-tisa-web-2", sans-serif;
	color:					#89ac42;
	text-shadow:			#FFF -1px -1px 0px;
}

#right-hand-column h3 {
	margin-bottom:			15px;
	font:					700 24px/24px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#494949;
}

#right-hand-column .read-on {
	margin-bottom:			20px;
}

a:link.archive-toggle, a:visited.archive-toggle, a:hover.archive-toggle, a:active.archive-toggle {
	padding-left:			25px;
	font:					700 24px/24px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#494949;
	text-decoration:		none;
	background:				transparent url("../images/sprite.gif") -807px -367px no-repeat;
}

a:hover.archive-toggle {
	color:					#747474;
}

a:link.expanded, a:visited.expanded, a:hover.expanded, a:active.expanded {
	background:				transparent url("../images/sprite.gif") -807px -394px no-repeat;
}


/* #### FOOTER #### */

#footer {
	width:					971px;
	height:					110px;
	margin-bottom:			60px;
	overflow:				hidden;
	background:				transparent url("../images/sprite.gif") 0px -193px no-repeat;
  clear:    left;
}

#footer .contact {
	float:					left;
	width:					256px;
	height:					112px;
	padding:				14px 0px 0px 190px;
	font:					300 13px/16px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#616161;
}

#footer .blog {
	float:					left;
	margin:					0px 0px 0px 17px;
}

#footer .copyright {
	display:				block;
	float:					right;
	font:					300 12px/12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:					#888;
	text-shadow:			#FFF 1px 1px 1px;
}


/* #### BLOG FOOTER #### */

#footer .home {
	float:					left;
	margin:					0px 25px 0px 0px;
}