/*
Mark Lemmons
Copyright 2010
Written for - http://www.marklemmons.com
*/

@font-face {
font-family:LeagueGothic;
src:url("LeagueGothic.eot");
src:url('League_Gothic.otf') format('opentype')
}
html {
	height:100%
}
body {
	font-size:62.5%;
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
	background:#000 url(../img/background.jpg) repeat-x fixed;
	color:#fff;
	height:100%;
	border-top:1px #000 solid;
	overflow-x: hidden;
}
p {
	line-height:22px
}
em {
	font-style:italic
}
#header {
	background:url(../../img/topbg.png) no-repeat center top;
	padding-top:56px;
	position:relative;
	margin:-25px auto -25px auto;
	width:1050px;
	clear:both
}
.category-blog #content {
	margin-top:41px;
	margin-bottom:22px;
	background-image:none
}
.single #content {
	margin-bottom:60px
}
#thumbnails {
	overflow:hidden;
}
#thumbnails .container {
	width:1010px;
}
#thumbnails li {
	float:left;
	margin:0 22px 20px 0;
	padding:0 -1pxpx;
	width:170px;
	height:386px;
	overflow:hidden;
	background:url(../img/listbg.png) no-repeat 0 0px;
	position:relative;
}
#thumbnails a.viewcasestudy, #thumbnails a.viewcasestudy:hover {
	position:absolute;
	top:120px;
	left:32px;
	z-index:10;
	display:none;
	color:#000;
}
#thumbnails li:hover h2 a {
	color:#156a17
}
#thumbnails li h2 {
	font-size:1.2em;
	font-weight:bold;
	line-height:10px;
	margin:15px 0 0 10px
}
#thumbnails li a {
	display:block;
	-webkit-transition:color 200ms ease-out
}
#thumbnails li p {
	line-height:1.4em;
	font-size:1.2em;
	color:#686868;
	font-style:italic;
	padding:20px 5px 0 10px
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration:none
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color:#000
}
a, h2 a:hover, h3 a:hover, p a:visited {
	color:#156a17;
	text-decoration:none
}
a:hover {
	color:#156a17
}
h2 a:hover {
	color:#156a17
}
.entry p a {
	color:#156a17
}
.entry p a:hover {
	color:#fff;
	background-color:#156a17;
	text-shadow:none;
}
strong {
	font-weight:bold
}
.wrapper, .blogwrapper {
	margin:0 auto;
	width:960px;
	position:relative;
}
.blogwrapper {
	width:974px;
	padding:0 0px 80px 0px
}
#profileview {
	clear:both;
	height:320px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	background:#f2f2f2;
	display:none
}
#fullscreen {
	width:100%;
	height:100%;
	background:#000;
	position:fixed;
	opacity:0.5;
	display:none;
	z-index:99;
	top:0;
	right:0
}
.profiledescription {
	position:absolute;
	right: 23px;
	text-shadow:0 1px 0 #fff;
	width:700px;
	font-size:12px;
	font-weight:bold;
	color:#757575
}
.profiledescription h3 {
	color:#757575
}
.profiledescription h2 {
	margin:0;
	padding:50px 0 15px 0;
	line-height:10px;
	font-size:16px;
	font-weight:bold
}
#contact li {
	float:left;
	width:32px;
	height:32px;
	margin:0 15px 0 0;
	padding:10px 0 5px 0;
}
#contact li a {
	text-indent:-999em;
	display:block;
	height:100%;
	opacity:0.5;
}
#contactinfo {
	line-height:20px;
	color:#000;
}
.mailme {
	background:url(../img/c_email.png) no-repeat;
}
.linkedme {
	background:url(../img/c_linked.png) no-repeat
}
.callme {
	background:url(../img/c_call.png) no-repeat
}
#profileview .wrapper {
	background:url(../img/photo.png) no-repeat left 23px;
	height:100%;
}
#menu, #submenu {
	position:absolute;
	top:125px;
	right:30px;
	padding:0px 10px 0 0;
}
#submenu {
	top:60px;
	right:-10px
}
#menu li, #submenu li {
	float:left;
	padding:0 10px 0 0;
}
#menu li a, #submenu li a {
	display:block;
	height:15px;
	padding: 6.5px 13px;
	color: #474747;
	font-size: 1.2em;
	vertical-align: middle;
	font-weight:bold;
	text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
	background: #9e9e9e;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#A3A3A3));
	background: -moz-linear-gradient(top, #dedede, #9e9e9e);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
}
#menu li a:hover, #submenu li a:hover {
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#A3A3A3));
	background: -moz-linear-gradient(top, #dedede, #9e9e9e);
}
#menu li a:active, #submenu li a:active {
	color: #000;
	text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#9e9e9e));
	background: -moz-linear-gradient(top, #dedede, #9e9e9e);
	-webkit-box-shadow: inset rgba(0, 0, 0, 1) 0 2px 1px;
	-moz-box-shadow: inset rgba(0, 0, 0, 1) 0 2px 1px;
	box-shadow: inset rgba(0, 0, 0, 1) 0 2px 1px;
	border-bottom: rgba(255, 255, 255, .7) 1px solid;
	opacity:.9;
}
#menu .sel a, #submenu .sel a {
	color: #156a17;
}
#feature {
	margin-top:25px;
	padding-bottom:20px;
}
#content.Portfolio #feature {
	min-height:450px
}
#focusarea {
	height:450px;
	overflow:hidden;
}
#focusarea li {
	height:450px;
	display:block;
	position:absolute;

}
#slimarea {
	height:176px;
	overflow:hidden;
}
#slimarea li {
	height:176px;
	display:block;
	position:absolute;
}
#seefeature, #casestudy {
	position:absolute;
	width:49px;
	height:40px;
	text-indent:-999em;
	outline:none;
	top:24px;
	left:-22px;
	margin:0;
	z-index:50;
}
#projectstudy li {
	height:450px;
	display:block;
	position:absolute;
	
}
.pagination {
	position:absolute;
	height:450px;
	width:1100px;
	text-align:right;
	z-index:50;
	vertical-align:bottom;
	opacity:0.3;
}
.markers li, #focusnext, #focusprev, .markers, .markers li a {
	display:block;
	float:left;
}
.markers {
	display:inline;
	vertical-align:bottom;
	margin:425px 870px;
	width:800px;
}
.markers li {
	padding:0px 1px 0;
}
.markers li a {
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	background:url(../img/marker.png) no-repeat 0 1px;
	text-indent:-999em;
	text-align:left;
	padding:0px 0 3px;
}
.markers li a:hover {
	background-position:0 -19px
}
.markers li a.active {
	background-position:0 -39px
}
#focusnext, #focusprev {
	width:129px;
	height:450px;
	background:url(../img/focusprev.png) no-repeat;
	text-align:left;
	text-indent:-999em;
	margin:0 -130px;
}
#focusnext {
	margin:-870px 960px;
	background:url(../img/focusnext.png) no-repeat;
}
#focusnext:hover {
	background-position:0 -453px
}
#focusprev:hover {
	background-position:0 -453px
}
.slimpagination {
	position:absolute;
	height:176px;
	width:1100px;
	text-align:right;
	z-index:50;
	vertical-align:bottom;
	opacity:0.3;
}
.slimmarkers li, #slimfocusnext, #slimfocusprev, .slimmarkers, .slimmarkers li a {
	display:block;
	float:left;
}
.slimmarkers {
	display:inline;
	vertical-align:bottom;
	margin:158px 870px;
	width:800px;
}
.slimmarkers li {
	padding:0px 1px 0;
}
.slimmarkers li a {
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	background:url(../img/marker.png) no-repeat 0 1px;
	text-indent:-999em;
	text-align:left;
	padding:0px 0 3px;
}
.slimmarkers li a:hover {
	background-position:0 -19px
}
.slimmarkers li a.active {
	background-position:0 -39px
}
#slimfocusnext, #slimfocusprev {
	width:129px;
	height:176px;
	background:url(../img/slimfocusprev.png) no-repeat;
	text-align:left;
	text-indent:-999em;
	margin:0 -129px;
}
#slimfocusnext {
	margin:-330px 960px;
	background:url(../img/slimfocusnext.png) no-repeat;
}
#slimfocusnext:hover {
	background-position:0 -176px
}
#slimfocusprev:hover {
	background-position:0 -176px
}
#feature h2 {
	position:absolute;
	font-size:1.4em;
	font-weight:bold;
	top:35px;
	left:35px;
	text-shadow:0 0px 1px #fff
}
#filter {
	height:60px;
	position:relative;
	left:115px
}
#filter ul {
	padding:23px 0 0 35px;
	font-size:12px;
	text-align:center;
	margin:-10px -150px;
}
#filter ul li {
	float:left;
	margin:0 3px 0 0
}
#filter ul li a {
	color:#fdfdfd;
	text-shadow:0 1px 0 #333;
	padding:5px 10px;
	font-weight:bold
}
#filter ul li a.active {
	color:#fff;
	background-color:#156a17;
	text-shadow:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px
}
.clear {
	clear:both
}
#footer {
	clear:both;
	background:#000;
	padding:5px 0 20px 0;
	height:83px;
}
#footer p {
	color:#949494;
	padding:10px 0 10px;
	font-size:11px
}
#footer p a {
	clear:both;
	padding:5px 0 20px 0;
}
#footer p a:hover {
	height:5px;
	width:5px;
	color:#fff;
	padding:3px 3px;
	background-color:#156a17;
	text-shadow:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px
}
.thepost {
	margin:22px auto 0 auto
}
.entry img {
	
}
.entry {
	padding:0 197px;
	color:#fff;
	text-shadow:0 1px 0px #000;
}
.entry h2 {
	font-size:3.8em;
	font-weight:bold;
	text-shadow:-1px -1px 1px #7F7F7F;
	color:#fff;
	margin-bottom:22px;
	letter-spacing:-1px;
	position:relative;
	display:inline-block;
	line-height:44px
}
.entry h3 {
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	text-shadow:-1px -1px 1px #7F7F7F;
	line-height:24px;
	margin:35px 0 13px
}
.entry div.codebg+h3 {
	margin-top:24px
}
.entry p {
	font-size:1.4em;
	line-height:24px;
	margin-bottom:24px;
	position:relative
}
.entry em {
	color:#666;
	font-size:.8em
}
.entry .wp-caption p {
	font-style:italic;
	font-size:12px;
	margin-top:11px;
	color:#666;
	line-height:1em
}
.entry ul {
	font-size:1.2em;
	line-height:15px;
	margin-bottom:24px;
	list-style-type:disc;
	width:600px;
}
.entry ul li {
	font-size:1em;
	list-style-type:disc;
	width:600px;
}
.entry a:hover {
	height:5px;
	width:5px;
	color:#fff;
	padding:3px 3px;
	background-color:#156a17;
	text-shadow:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px
}
.entry a.download, .entry a.dlLoremify, .entry a.demo, {
	font-size:14px;
	font-weight:bold;
	padding:24px 0 24px 90px;
	margin:0 0 0 -11px;
	border:none;
	text-decoration:underline;
	background:url(../img/downloadBox.png) no-repeat 0 4px;
	display:inline-block;
	margin-top:-12px;
	margin-bottom:-12px
}
.posttags {
	position:absolute;
	top:0;
	left:0;
}
.posttags h3 {
	font-weight:bold;
	color:#7A7A7A;
	font-size:1.2em;
	margin:11px 0 5px 0;
	line-height:22px;
	text-shadow:#000 0 1px 0
}
.posttags a {
	display:block;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	padding:5px 15px 6px 6px;
	margin-bottom:7px;
	background:url(../img/labelright.png) no-repeat right;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	opacity:0.85
}
.posttags a:hover {
	opacity:1.0
}
.categoryicon {
	display:block;
	position:absolute;
	top:2px;
	width:49px;
	height:40px;
	text-indent:-999em;
	outline:none
}
.postInfo .related-posts ul, .nextPost {
	padding:0;
	margin-left:10px;
	border:1px solid #e1e1e1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#fff;
	-webkit-background-clip:padding;
	-moz-background-clip:padding
}
.nextPost {
	display:block;
	line-height:33px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold
}
h1, #footer h2 {
	width:606px;
	height:145px
}
h1 a, #footer h2 a {
	display:block;
	height:100%;
	text-indent:-999em;
	background:url(../img/hd_lg02.png) no-repeat;
	outline:none
}
h1 a:active {
	background-position:0 1px;
	padding-bottom:1px
}
h2 {
	margin:-25px -50px;
}
h2.pagetitle {
	margin-top:30px;
	text-align:center
}
h3 {
	padding:0;
	margin:20px 0 0
}
h3.comments {
	padding:0;
	margin:40px auto 20px
}
p img {
	padding:0
}
img.full-width {
	margin-left:-44px
}
img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto
}
img.alignright {
	padding:5px 0 0 5px
}
img.alignleft {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline
}
.alignright {
	float:right
}
.alignleft {
	float:left
}
blockquote {
	margin:15px 30px 0 10px;
	padding:0 40px;
	font-weight:bold
}
.center {
	text-align:center
}
.hidden {
	display:none
}
a img {
	border:none
}
.navigation {
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	margin-top:10px;
	margin-bottom:60px;
	width:145px;
	height:50px
}
#content.Blog .navigation {
	display:none
}
.closeprofile, .viewcasestudy {
	background-color:#fff;
	padding:8px 15px 10px;
	color: #156a17;
	font-weight:bold;
	font-size:12px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	line-height:10px;
	text-decoration:none
}
.closeprofile:hover, .viewcasestudy:hover {
	text-decoration:none;
	color:#222;
	padding:8px 15px 10px;
}
.closeprofile:active, .viewcasestudy:active, #thumbnails li:active .viewcasestudy {
	padding:8px 15px 10px;
}
.closeprofile {
	position:absolute;
	bottom:-50px;
	left:440px;
	display:none
}
#port-nav, #port-subnav {
	padding:5px;
}
#port-subnav {
	padding:5px;
}
.next, .prev, .gohome, .gotop {
	background-color:#666;
	font-weight:bold;
	font-size:11px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	line-height:13px;
	position:absolute;
	top:0;
	text-shadow:#000 0 1px 1px;
	opacity:0.85
}
.next a, .gohome, .prev a, .gotop {
	padding:6px 11px 8px;
	display:block;
	color:#fff;
	text-decoration:none
}
.next a:active, .prev a:active {
	line-height:15px;
	padding-bottom:6px
}
.gohome {
	display:inline-block;
	width:12px;
	text-indent:-999em;
	height:14px;
	right:55px;
	background:#ccc url(../img/gohome.png) no-repeat center center;
	opacity:0.6
}
.gohome:active, .gotop:active {
	background-position:center 8px
}
.gohome:hover, .prev a:hover, .next a:hover, .next:hover, .prev:hover, .gotop:hover {
	opacity:1.0;
	color:#fff
}
.gotop {
	display:inline-block;
	width:12px;
	text-indent:-999em;
	height:14px;
	right:55px;
	background:#ccc url(../img/toparrow.png) no-repeat center center;
	opacity:0.6
}
.next {
	right:0
}
.prev {
	left:0
}
div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}
.entry img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}
div.textcenter {
	text-align:center
}
.full-left {
	margin-left:-197px
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
* html .clearfix {
	height:1%
}
*:first-child+html .clearfix {
	min-height:1px
}
#resume {
	padding:10px;
}
#resume ul li {
	margin-left:60px;
	list-style:square;
}
#resume ul {
	font-size:11px;
	margin-top:6px;
}
.resume {
	padding:9px 0 0 130px;
}
.resume-info {
	color:#000;
	text-align:right;
	width:200px;
	margin:-15px 697px auto;
}
.title {
	font-size:12px;
	font-weight:700;
	padding-left:20px;
}
h4 {
	font-size:14px;
	font-weight:bold;
}