/*
Theme Name: dtmedia.v3
Version: 1.0
Author: Brian Caicco

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Global*/
html,body{
	margin:0 auto;
	background-color:#e2e2e2;
	font-family: Futura, 'Century Gothic', AppleGothic;

}

a {
	text-decoration:none;

}


.clear{clear:both;}


.container{
	width:960px;
	margin:10px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
	margin-bottom:10px;
}

.heading-underline {
	font-size:16px;
	font-weight:bold;
	color:#999;
	background: transparent url(./images/hr.png) bottom no-repeat;
	text-align:center;
	padding-bottom: 10px;
	letter-spacing:2px;
	margin-bottom:10px;
}

.heading-underline-narrow, .widgettitle {
	font-size:16px;
	font-weight:bold;
	color:#999;
	background: transparent url(./images/hr-narrow.png) bottom no-repeat;
	text-align:center;
	padding-bottom: 10px;
	letter-spacing:2px;
	margin-bottom:10px;
}

.more-btn-small{
	margin-top:10px;
}

p{ font-size:12px; margin-bottom: 15px; }


.preload{display:none;}

.slide, .image, .bf-thumbnail, .p-thumb, .blog-featured-thumb, .blog-post-thumb {
	background: transparent url(./images/ajax_loader_light.gif) no-repeat scroll 50% 50%;}

/*Header*/

.wood-bar{
	width:100%;
	background: url(./images/bg.jpg) repeat-x;
	height:15px;
}

.h-wrap{
	width:100%;
	background: url(./images/bg-gradient.jpg) repeat-x;

}

.header{
	height:120px;
	width:960px;
	margin: 0 auto;
}

.main-nav{
	float:right;
	top: 35px;


	}

.main-nav ul{
}

.main-nav li{
	display:inline;
	float: left;
	margin-left: 30px;
	text-align:center;
}

.link-txt {
	text-decoration:none;
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;
}

.logo{position:absolute; top:20px;}

/* Feature*/

.feature{
	height:390px;
	background-color:#fff;
}

.feature-btm{
		height:30px;
		width:960px;
		background: transparent url(./images/feature-bg.png) no-repeat;
}

/* columns*/

.full-col-wrap{
	width:960px;
}

.full-col-content{
	padding:20px;
	background:#FFF;
}

.full-col-content a{
color:#333;
}

.full-col-content a:hover{
color:#999;
}

.full-col-content p{
color:#666;
}


.ful-col-btm{
		height:30px;
		width:960px;
		background: transparent url(./images/feature-bg.png) no-repeat;
}

.left-col-wrap{
	width:470px;
	margin-right: 10px;
	float: left;
	height:200px;
	height:auto;
}

.left-col-content, .right-col-content{
	padding: 20px;
	background-color:#fff;
	height:auto;
}

.right-col-content p {
 	font-size:14px; 
 	line-height:20px;
	letter-spacing:1px;
	color:#666;
}

.right-col-wrap{
	width:470px;
	margin-left: 10px;
	float: left;
	height:auto;
}

.right-col-btm, .left-col-btm {
		height:23px;
		width:427px;
		background: transparent url(./images/column-half-bg.png) no-repeat;
}




.thin-wide-col-wrap{
	width:100%;
	height:auto;
}

.thin-wide-col-content{
	padding: 20px;
	height:190px;
	background:#FFF;
	
}

.thin-wide-col-btm{
		height:30px;
		width:960px;
		background: transparent url(./images/wide-narrow-column-bg.png) no-repeat;
}

.connect-btns{
		padding-top:10px;
		/*background: transparent url(./images/connect-bg.png) no-repeat;*/

	
}

.connect-btns ul li{
	display: inline;
	text-align:center;
	margin-left: 40px;
}

.left-col-wide-wrap{
	width:628px;
	float:left;



}

.left-col-wide-content{
	background:#FFF;
	padding: 20px;
	color:#666;

}

.left-col-wide-content h1,h2,h3{
	margin-bottom:10px;

}

.left-col-wide-content h1,h2,h3 a{
	margin-bottom:10px;
	color:#666;

}

.left-col-wide-content h1,h2,h3 a:hover{
	margin-bottom:10px;
	color:#999;
}



.left-col-wide-btm{
	height:27px;
	width:633px;
	background: transparent url(./images/column-wide-bg.png) no-repeat;
}


.right-col-narrow-wrap{
	width:320px;
	float:left;
	margin-left:10px;
}

.right-col-narrow-content{
	background:#FFF;
	padding: 20px;
}

.right-col-narrow-btm {
	height:20px;
	width:316px;
	background: transparent url(./images/column-sidebar-bg.png) no-repeat;
}

.right-col-narrow-wrap a{
	color:#999;
}

.right-col-narrow-wrap a:hover{
	color:#333;
}

/*Featured Projects*/

.image{
	height:93px;
	width:199px;
	top:14px;
	background-color:#f9f9f9;
	position:absolute;
	border: 1px solid #999;

}

.image:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
}

.image-shadow-right{
	position:absolute;
	height:124px;
	width:21px;
	left:180px;
	top:-1px;
	z-index:2;
	background: transparent url(./images/f-img-shadow-right.png) no-repeat;
}

.image-shadow-left{
	position:absolute;
	z-index:2;
	height:124px;
	width:21px;
	top:-1px;
	background: transparent url(./images/f-img-shadow-left.png) no-repeat;
}

.f-project-wrap{
	width:203px;
	height:124px;
	background: transparent url(./images/f-img-bg.jpg) no-repeat;

}

.featured-projects{
	margin: 28px 0 0 -15px;
}

.featured-projects ul li{
	display:inline;
	margin-left: 28px;
	float:left;
}


/*Portfolio*/
.section-wrap{
	width:960px;
}

.section-wrap li{
	display:inline;
}

.p-item-wrap{
	float:left;
	padding-right:5px;

}

.p-item-wrap a{
	color:#666

}

.p-item-wrap a:hover{
	color:#fff

}

.p-item-content{
	width:235px;
	height:215px;
	background-color:#FFF;
}

.p-item-content:hover{
	width:235px;
	height:215px;
	background-color:#CCC;
}

.p-thumb{
	position:absolute;
	top: 18px;
	left: 19px;
	background-color:#f9f9f9;
	height:94px;
	width:194px;
}

.p-thumb:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
}

.p-item-title{
	position:absolute;
	width: 200px;
	top:120px;
	left:19px;
}

.p-item-desc{
	font-size:14px;
	color:#666;
	position:absolute;
	width: 200px;
	top:150px;
	left:19px;
	
}


.p-item-btm{
	background: transparent url(./images/p-item-btm.png) no-repeat;	
	height:18px;
	width:234px;
}

.portfolio-slideshow,{border:1px solid #CCC}

.slideshow-caption{display:none;}
.slideshow-nav{height:20px;}

/*Blog feed*/

.bf { height:137px; margin-top:18px;}

.bf a {font-weight:bold; color:#666;}

.bf-content {margin-bottom:10px;}

.bf-thumbnail{float:left; width:160px; height:120px; background-color:#f9f9f9; display:block; margin-right:10px;}

.bf p {
	font-size:12px;
	color:#666;
	font-style:italic;
}

.bf-date, .bf-date a{
	font-size:10px;
	color:#666;
}

.bf-title {
	font-size: 16px;
	margin-bottom: 5px;

}

.bf-title a{color:#999;}


.bf-title a:hover{
	color:#666;
}


.attachment-left-col-thumb{
	
}


/*search*/

.search-input{width:200px; margin-bottom:20px; color:#666; margin-left:35px;}

/*Blog*/

.blog-post-title, .blog-post-title a{font-size: 16px; color:#666; margin-bottom: 5px;}
.blog-post-title a:hover{color:#999; }
.blogf-post-title, .blogf-post-title a{font-size: 22px; color:#666; margin-bottom:5px;}
.blogf-post-title a:hover{color:#999; }

.blog-title a{color:#999;}

.blog-feature{font-size:12px;}
.blog-featured-thumb{height:231px; width:587px; background-color:#f9f9f9;}

.blog-post{height:120px; margin-top:3px; margin-bottom:20px;}
.blog-post p {font-size:12px;}

.blog-post-thumb{float:left; margin-right:10px; height:100px; width:170px; background-color:#f9f9f9;}

.blog-post-date, .blog-post-date a{ color:#666; font-size:10px;}
.blogf-post-date, .blogf-post-date a{ color:#666; font-size:10px; margin-bottom:10px;}

.blog-post-more, .blog-post-more a{ font-size:12px; float:right; color:#666; font-weight:bold;}

.blogf-post-more, .blogf-post-more a{ font-size:12px; float:right; color:#666; font-weight:bold; }

.blog-post-content{float:left; width:398px;}

.blog-post-thumb:hover{	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
	cursor:pointer;
}

/*Comments*/

#commentform a{ color:#333;}

#submit{ background: transparent url(./images/submit-cmnt-btn.png) no-repeat; height:28px; width:170px; border:none; cursor:pointer;}


/*About*/
.about-person{ margin-top:20px;}
.about-profile-pic{float:left; margin-right:15px;}
.about-description{ float:left; width:474px;}
.about-social{}
.about-social ul{ margin-top:5px;}
.about-social ul li{ display:inline; margin-left:2px; float:left;}
 


/*Footer*/

.footer{
	border-top: 1px solid #999;
	padding-top: 10px;
	font-size: 12px;
	color:#666;
	margin-top: 20px;
}

.footer a {
	color:#666;
	text-decoration:underline;
}

.footer a:hover {
	color:#333;
	text-decoration:underline;
}

.f-wrap, .push{
	height: 50px; /* .push must be the same height as .footer */
	width: 960px;
	margin:0 auto;
	clear: both;
}