
#thumbnails {
overflow:hidden;
}
#thumbnails .container {
width:786px;
}
#thumbnails li {
	float:left;
	height:385px;
	padding:0;
	position:relative;
	width:184px;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 25px;
	margin-left: 0;
	background-color: #FFF;
}
#thumbnails li p {
color:#686868;
font-size:1.2em;
font-style:italic;
line-height:1.4em;
padding:20px 5px 0 10px;
}
#thumbnails a.viewcasestudy, #thumbnails a.viewcasestudy:hover {
color:#000000;
display:none;
left:33px;
position:absolute;
top:120px;
z-index:10;
}
#thumbnails li:hover h2 a {
color:#008BBF;
}
#thumbnails li h2 {
font-size:1.2em;
font-weight:bold;
line-height:10px;
margin:15px 0 0 10px;
color: black;
}
#thumbnails li a {
display:block;
}
#thumbnails li p {
font-style:italic;
line-height:1.4em;
padding:20px 5px 0 10px;
}
#thumbnails li a {
display:block;
}



#profileview {
clear:both;
display:none;
height:320px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:100;
}

.profiledescription {
color:#757575;
font-size:12px;
font-weight:bold;
position:absolute;
text-shadow:0 1px 0 #FFFFFF;
width:210px;
}
.profiledescription h3 {
color:#757575;
}
.profiledescription h2 {
font-size:14px;
font-weight:bold;
line-height:10px;
margin:0;
padding:50px 0 15px;
}

#menu, #submenu {
padding:0 10px 0 0;
position:absolute;
right:0;
top:64px;
}
#submenu {
top:10px;
}
#menu li, #submenu li {
float:left;
}
#menu li a, #submenu li a {
display:block;
height:28px;
text-indent:-999em;
}
#menu li a:hover, #submenu li a:hover {
background-position:0 -40px;
}
#menu li a:active, #submenu li a:active {
background-position:0 -80px;
}
body.home #portfolio a, body.home #sportfolio a, #menu.profileactive #profile a, .category-blog #menu #blog a, .category-blog #submenu #sblog a, .Portfolio #portfolio a, .Blog #blog a {
background-position:0 -160px;
}
body.home #portfolio a:active, body.archive #menu #blog a:active, body.home #sportfolio a:active, body.archive #submenu #sblog a:active {
background-position:0 -120px;
}
#portfolio a, #sportfolio a, body #menu.profileactive #portfolio a {
background:url("images/mwork.png") no-repeat scroll 0 0 transparent;
margin-right:12px;
width:55px;
}

#feature {
margin-top:31px;
padding-bottom:16px;
}
#content.Portfolio #feature {
min-height:450px;
}
#content.Blog #feature {
display:none;
}
#focusarea {
height:450px;
overflow:hidden;
}
#focusarea li {
display:block;
height:450px;
position:absolute;
}
#seefeature, #casestudy {
background:url("images/ifeature.png") no-repeat scroll 0 0 transparent;
height:40px;
left:-22px;
margin:0;
outline:medium none;
position:absolute;
text-indent:-999em;
top:24px;
width:49px;
z-index:50;
}
.pagination {
bottom:-25px;
position:absolute;
right:18px;
text-align:right;
vertical-align:bottom;
width:130px;
z-index:100;
}
.markers li, #focusnext, #focusprev, .markers, .markers li a {
display:block;
float:left;
}
.markers {
display:inline;
vertical-align:bottom;
}
.markers li {
padding:0 1px 0;
}
.markers li a {
background:url("images/marker.png") no-repeat scroll 0 1px transparent;
display:block;
height:14px;
margin-right:3px;
overflow:hidden;
padding:0 0 3px;
text-align:left;
text-indent:-999em;
width:14px;
}
.markers li a:hover {
background-position:0 -19px;
}
.markers li a.active {
background-position:0 -39px;
}
#focusnext, #focusprev {
background:url("images/gallerynext.png") no-repeat scroll 0 0 transparent;
height:16px;
text-align:left;
text-indent:-999em;
width:16px;
}
#focusprev {
background:url("images/galleryprev.png") no-repeat scroll 0 0 transparent;
margin-right:3px;
}
#casestudy {
background-image:url("images/iwrite.png");
}
#feature h2 {
font-size:1.4em;
font-weight:bold;
left:35px;
position:absolute;
text-shadow:0 0 1px #FFFFFF;
top:35px;
}

.postInfo ul li:hover {
background-color:#E5E5E5;
}
.postActions li a, .postActions li span {
color:#474747;
display:block;
padding-left:39px;
}
.postActions .shortURL span {
background:url("images/ilink.png") no-repeat scroll 10px 10px transparent;
}
.postActions .subscribeToFeed a {
background:url("images/irss.png") no-repeat scroll 12px 9px transparent;
}
.postInfo .related-posts ul, .nextPost {
-moz-background-clip:padding;
-moz-border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
border:1px solid #E1E1E1;
margin-left:10px;
padding:0;
}
.nextPost {
display:block;
font-size:12px;
font-weight:bold;
line-height:33px;
padding-left:10px;
}
.postInfo .related-posts li {
background:url("images/sidebarSplitClean.png") no-repeat scroll center bottom transparent;
height:auto;
line-height:18px;
padding:7px 0 6px;
}
.postInfo .related-posts li:last-child {
background:none repeat scroll 0 0 transparent;
}
.postInfo .related-posts li:hover, .nextPost:hover {
background-color:#F5F5F5;
}
.related-posts li a {
display:block;
padding-left:10px;
}
.tag-quote .categoryicon {
background:url("images/iquote.png") no-repeat scroll 0 0 transparent;
left:-20px;
text-align:left;
top:20px;
}
.tag-video .categoryicon {
background:url("images/imovie.png") no-repeat scroll 0 0 transparent;
left:-20px;
top:10px;
z-index:10;
}



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 {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}
blockquote {
font-weight:bold;
margin:15px 30px 0 10px;
padding:0 40px;
}
.tag-post .entry blockquote p:last-child {
font-style:italic;
font-weight:normal;
}
blockquote cite {
display:block;
margin:5px 0 0;
}
.center {
text-align:center;
}
.hidden {
display:none;
}

.navigation {
height:50px;
margin-bottom:60px;
margin-top:10px;
position:absolute;
right:0;
text-align:center;
top:0;
width:145px;
}
#content.Blog .navigation {
display:none;
}
.closeprofile, .viewcasestudy {
-moz-border-radius:6px 6px 6px 6px;
background-color:#FFFFFF;
color:#000000;
font-size:12px;
font-weight:bold;
line-height:10px;
padding:8px 10px 10px;
text-decoration:none;
}
.closeprofile:hover, .viewcasestudy:hover {
color:#222222;
text-decoration:none;
}
.closeprofile:active, .viewcasestudy:active, #thumbnails li:active .viewcasestudy {
padding:9px 10px;
}
.closeprofile {
bottom:-50px;
display:none;
left:440px;
position:absolute;
}
.next, .prev, .gohome {
-moz-border-radius:6px 6px 6px 6px;
background-color:#000000;
font-size:11px;
font-weight:bold;
line-height:13px;
opacity:0.85;
position:absolute;
text-shadow:0 1px 1px #000000;
top:0;
}
.next a, .gohome, .prev a {
color:#FFFFFF;
display:block;
padding:6px 11px 8px;
text-decoration:none;
}
.next a:active, .prev a:active {
line-height:15px;
padding-bottom:6px;
}
.gohome {
background:url("images/ihome.png") no-repeat scroll center center #CCCCCC;
display:inline-block;
height:14px;
opacity:0.6;
right:55px;
text-indent:-999em;
width:12px;
}
.gohome:active {
background-position:center 8px;
}
.gohome:hover, .prev a:hover, .next a:hover, .next:hover, .prev:hover {
color:#FFFFFF;
opacity:1;
}
.next {
right:0;
}
.prev {
left:0;
}
#loadmoreposts {
background:url("images/bloadmore.png") no-repeat scroll center 0 transparent;
bottom:30px;
display:block;
font-size:16px;
font-weight:bold;
height:60px;
left:0;
line-height:54px;
position:absolute;
text-align:center;
text-shadow:0 1px 0 #FFFFFF;
width:100%;
}
#loadmoreposts:active {
background-position:center bottom;
line-height:55px;
}
.moreposts {
display:none;
}
.moreposts .categoryicon {
display:none;
}
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 {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html .clearfix {
height:1%;
}
:first-child + html .clearfix {
min-height:1px;
}

