/*CSS by Matt Powers, www.MattDoesDesign.com*/

div, ul, li, h3, h1, img, h4, h2, p, body{
	padding: 0;
	margin: 0;
	border: 0;
	list-style: outside none;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
}

.floatleft{
float: left;
}

.floatright{
float:right;
}

.clearboth{
clear: both;
}
.hide{
display: none;
}

.bold {
font-weight: bold;
}

body{
background: #000 url(images/bg2.jpg) fixed top center no-repeat;
}

.container{
width:900px;
margin: 0 auto;
}

#mattPowers{
float:left;
margin:60px 0;
width: 450px;
height:82px;
text-indent:-4000px;
background: transparent url(images/MattPowers_WebDesigner.png) top left no-repeat;
}

#logo{
width: 113px;
height: 114px;
background: url(images/MP_logo.png) top left no-repeat;
float:right;
}

#navcontainer{
width: 296px;
height: 220px;
float:right;
clear:both;
margin-top: 1px;
}

* html div#navcontainer {
margin-top:88px;
}

#nav li{
list-style:none;
}

#nav a {
margin-bottom:-10px;
float: right;
font-size:48px;
color:#66757c;
clear:right;
text-decoration:none;
font-weight:bold;
line-height:48px;
}

#nav a:hover, .current_page_item a, .current_page_parent a{
color:#fff !important;
}

#mainImg{
width: 595px;
height: 286px;
float:left;
background: url(images/main_img_bg.png) top left no-repeat;
margin: 0 0 60px -3px;
}

.port{
width:255px;
float:left;
margin: 0 30px 30px 0;
}

.port h3{color:#beced6; font-weight:bold; margin-bottom:16px; font-size: 22px;}
.port h3 span{color:#66757c;}

.port_thumb{
width:255px;
height:255px;
background: url(images/port_bg.png) top left no-repeat;
float:left;
}

/*slideshow*/
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
	margin:2px 0 0 3px;
	height:270px;
	width: 579px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.fade{
opacity: 0.6;
}

.recentWork{
width: 289px;
height: 141px;
background: url(images/recent_item_bg.png) top left no-repeat;
float:left;
margin: 0 22px 22px -1px;
}

.recentWork.last{
margin-right:-13px;
}

.recentWork img{
margin: 2px 0 0 1px;
}

h2, .date{
font-size:34px;
color:#fff;
font-weight: bold;
}

h2.recent {
margin-bottom:10px;
}

h2 span{color:#66757c;}

.textBlock{
width: 275px;
margin: 38px 37px 60px 0;
float:left;
}

.textBlock.last{
margin: 38px 0 60px 0;
}

.textBlock p, .textBlock li{
color: #66757c;
font-size: 20px;
line-height:30px;
}

.textBlock a:link, .textBlock a:visited, .article a:link, .article a:visited, #content a:link, #content a:visited, #sidebar a{
color: #718eac;
}

.textBlock a:hover, .article a:hover, #content a:hover{color:#5392de;}

.article, #content{
width: 540px;
clear:left;
margin-bottom:60px;
float:left;}

.article{margin-left:60px;}

.article .date{
color:#ccc;
background: url(images/date_bg.png) repeat;
padding:12px 3px 8px 3px;
width: 60px;
text-align:center;
line-height: 22px;
float:left;
margin-left:-78px;
}
.article .date span{
font-size: 18px;
color: #66757c;
}
div.article .post{
margin-bottom:80px;
}

.article ol li{
list-style-type:decimal;
color: #66757c;
font-size: 18px;
line-height:30px;}

.article p, #content p, .post ul li{
color: #66757c;
font-size: 18px;
line-height:30px;
padding-right:30px;
margin: 15px 0;
}

.post ul li{padding-left:15px; list-style-type:disc; margin:3px 0 3px 15px; color:#ccc;}
.article strong{color:#ccc;}

#content h3, .article h3{
font-size: 22px;
color: #fff;
}

#content table{
margin-top:30px;
}

#sidebar{width:200px;float:right;text-align:right;}
.widgettitle{font-size:18px;color:#CCC;}
/* Comments */
div.comments{
margin-top:60px;
}

.comments h3, #postcomment{color:#ccc; font-size:24px;}
.comments .avatar {float:left; margin:10px 10px 0 0;}
p cite{font-size: 0.7em;}

table h2{margin-bottom:30px;}
form{color: #66757c;}
td input{margin-top:0px;}
input, textarea, select{
background: url(images/date_bg.png) repeat;
border: 1px solid #183f55;
color: #aec6d1;
padding: 5px;
margin-bottom:10px;
}

.readrest{margin-left:0.5em;}

span span{color:#f5f5f5; margin-right:10px;}

#post-18 p{
margin-bottom:80px;
}

#copyright{width:400px;float:right;}
#copyright p{text-align:right;margin:9px 0 0 0;color:#ccc; font-size:24px;}
#copyright span{color:#66757c; font-size:18px}
#social img{margin: 0 10px 60px 0;}
#construction{
width:100%;
text-align:center;
padding: 5px 0;
color:#FF9900;
background:#0b202d;
border-bottom: 1px solid #003333;
}
/*lightbox*/
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(/wp-content/themes/custom/images/blank.gif) no-repeat;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(/wp-content/themes/custom/images/prev.gif) left 50% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(/wp-content/themes/custom/images/next.gif) right 50% no-repeat}
#nextLinkText,#prevLinkText{color:#FF9834;font-weight:700;text-decoration:none}
#nextLinkText{padding-left:20px}
#prevLinkText{padding-right:20px}
.ontop #imageData{padding-top:5px}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;margin:0 auto}
#imageData{padding:0 10px}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:700}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em}
#imageData #helpDisplay{clear:left;float:left;display:block}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html>body .clearfix{display:inline-block;width:100%}
* html .clearfix{height:1%}
#lightboxIframe{display:none}

/*images*/
.article img {
	margin: 0;
	height: auto;
	max-width: 640px;
	width: auto;
	padding:10px;
background: url(images/date_bg.png) repeat;
}
.article .attachment img {
	max-width: 900px;
}
.article .alignleft,
.article img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.article .alignright,
.article img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.article .aligncenter,
.article img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.article img.alignleft,
.article img.alignright,
.article img.aligncenter {
	margin-bottom: 12px;
}
.article .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
.article .wp-caption img {
	margin: 5px 5px 0;
}
.article .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.article .wp-smiley {
	margin: 0;
}
.article .gallery {
	margin: 0 auto 18px;
}
.article .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.article .gallery img {
	border: 2px solid #cfcfcf;
}
.article .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.article .gallery dl {
	margin: 0;
}
.article .gallery img {
	border: 10px solid #f1f1f1;
}
.article .gallery br+br {
	display: none;
}
.article .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}