@charset "UTF-8";
/* CSS Document */

/* ================================================
	All Code, Images and Content © 2009 Chris Dapkiewicz
	Unless otherwise noted (like jquery and certain works
	in the portfolio) All Rights Reserved. You may not
	copy or redistribute any works contained within
   ================================================ */
	html body {background:#000000;}
	.animate {background:#000000 url('../images/dappy-header-wrap-bg.jpg') repeat-x left top;}
	/*#background-pulse {background:url('../images/dappy-header-bg-3.png') no-repeat left top;height:300px;width:1160px;margin-top:-300px;}*/
/* ================================================
	Page Wrap & General Page Styles
   ================================================ */

	#page-wrapper {width:1160px;margin:0px auto;color:#cccccc;font:normal .88em/1.38em Helvetica, Arial, sans-serif;}
	#page-wrapper h1 {}
	#page-wrapper h2 {}

/* ================================================
	Header Styles
   ================================================ */
	#header {height:300px;width:960px;padding:0px 100px;background:url('../images/dappy-header-bg-2.png') no-repeat left top;}
	#logo-wrap {background:url('../images/dappy-design-logo-bg.png') no-repeat left top;height:300px;width:505px;margin-left:-155px;float:left;}
	#logo-wrap a {text-indent:-9999px;overflow:hidden;height:300px;width:300px;margin:0 auto;display:block;}
	#header-text {margin-top:150px;color:white;float:left;width:455px;}
	#header-text h1 {font-size:4em;font-weight:normal;margin-bottom:9px;}
	#header-text h2 {font-size:2em;font-weight:normal;}
	
/* ================================================
	Nav Styles
   ================================================ */
    #nav {display:block;height:31px;}
	#nav li {float:left;position:relative;display:block;height:31px;margin-right:18px;}
	#nav li a {display:block;height:31px;text-align:center;text-indent:-9999px;background-position:0px -31px !important;opacity:0.6;}
	#nav li.work-nav a {width:72px;background:url('../images/dappy-work-nav.png') no-repeat left top;}
	#nav li.about-nav a {width:77px;background:url('../images/dappy-about-nav.png') no-repeat left top;}
	#nav li.contact-nav a {width:89px;background:url('../images/dappy-contact-nav.png') no-repeat left top;}
	#nav li.blog-nav a {width:59px;background:url('../images/dappy-blog-nav.png') no-repeat left top;}
	#nav li a:hover, #nav li a.active {opacity:1.0;}
	
	
	
	
/* ================================================
	content Styles
   ================================================ */
	#content {width:960px;padding:120px 100px 20px 100px;background:transparent url('../images/dappy-two-col-bg.png') no-repeat left top;}
	#content p {margin:18px 0px;}
	#content h2 {font-size:1.5em;font-weight:normal;color:#000000;padding:0px 5px;}
	#content a.btn {display:inline-block;background:url('../images/dappy-btn-arrow.png') no-repeat right -26px;padding:2px 30px 3px 0px;color:#cccccc !important;font-weight:bold;font-style:normal;}
	#content a.btn:hover {text-decoration:none;background-position:right 0px;background-color:transparent;}
	
	.column {width:280px;padding:0px 20px;float:left;position:relative;margin-left:-1px;}
	.double-column {width:560px;padding:0px 20px;float:left;position:relative;}
		
	#home-work {color:#209110;border-right:1px solid #111111;}
	#home-work h2 {margin-bottom:18px;background-color:#2dcf17;}
	
	body #content a.work-btn {background:url('../images/dappy-portfolio-arrow.png') no-repeat right -26px;color:#2DCF17 !important;}

	body #content a.about-btn {background:url('../images/dappy-about-arrow.png') no-repeat right -26px;color:#f5b111 !important;}	
	
	#home-about {color:#ac7c0c;text-align:right;}
	#home-about h2 {margin-bottom:18px;background-color:#f5b111;}
	#home-about li {background:url('../images/dappy-home-icons.png') no-repeat right top;padding:8px 60px 0px 0px ;margin:18px 0px;height:37px;text-align:right;}
	#home-about li.html {background-position:right -85px;}
	#home-about li.programming {background-position:right -170px;}
	#home-about li.director {background-position:right -255px;}
	#home-about li.director span {font-style:italic;font-size:.75em;display:block;}
	#home-about .about-btn {margin-top:32px;}
	
	
	#home-intro {color:#16b2b3;border-left:1px solid #111111;}
	#home-intro h2 {margin-bottom:18px;background-color:#20fdff;}
/* ================================================
	Footer Styles
   ================================================ */
	#footer {padding:50px 0px 0px 0px;font-size:12px;color:#666666;clear:both;}

/* ================================================
	Specific Page Styles
   ================================================ */
/* ================================================
	Home Page Styles
   ================================================ */
	.home #header-text h1 {background:transparent url('../images/dappy-home-head-1.png') no-repeat left top;color:white;text-indent:-9999px;height:56px;}
	.home #header-text h2 {background:transparent url('../images/dappy-home-head-sub-1.png') no-repeat left top;color:white;text-indent:-9999px;height:37px;}
	.home #content a, .about #content .column p a, .portfolio #content .column p a {text-decoration:underline;font-style:italic;color:#cccccc;}
	#content p a:hover {color:#000000;background:#20fdff;text-decoration:none;}
	.about #content .column p a:hover {color:#000000;background:#f5b111;text-decoration:none;}
	.portfolio #content .column p a:hover {color:#000000;background:#209110;text-decoration:none;}
	
	.featured-project {width:558px;position:relative;margin-bottom:18px;}
	.featured-project span {text-align:left;display:block;}
	.featured-project a {display:block;font-style:normal !important;}
	.featured-project img {border:1px solid #209110;}
	.featured-project .project-info {color:white;text-transform:uppercase;position:absolute;bottom:1px;width:535px;padding:5px 10px;margin-left:2px;background:transparent url('../images/dappy-black-80.png') repeat left top;height:20px;overflow:hidden;display:block;height:20px;}
	.featured-project .details-web {text-align:left;color:white;text-transform:uppercase;font-size:10px;background:transparent url('../images/dappy-project-icons-web.png') no-repeat -10px top;display:block;margin-top:5px;padding-left:25px;}
	.featured-project .details-print {text-align:left;color:white;text-transform:uppercase;font-size:10px;background:transparent url('../images/dappy-project-icons-print.png') no-repeat -10px top;display:block;margin-top:5px;padding-left:25px;}
	.featured-project span span strong {color:#2dcf17;text-decoration:underline;float:right;display:block;}
	.featured-project:hover img {border-color:#2dcf17 !important;}

/* ================================================
	Portfolio Page Styles
   ================================================ */
	.portfolio #header-text h1 {background:transparent url('../images/dappy-portfolio-head-1.png') no-repeat left top;color:white;text-indent:-9999px;height:64px;margin-bottom:0px;}
	.portfolio #header-text h2 {background:transparent url('../images/dappy-portfolio-head-sub-1.png') no-repeat left top;color:white;text-indent:-9999px;height:37px;}

	.portfolio #content {color:#209110;padding-top:60px;background-image:url('../images/dappy-two-col-bg-portfolio.png')}
	.portfolio .column {margin-top:30px;}
	.portfolio a {color:#209110;text-decoration:none;}
	.portfolio-thumb {width:558px;position:relative;margin-bottom:20px;}
	.portfolio-thumb span {text-align:left;display:block;}
	.portfolio-thumb a {display:block;}
	.portfolio-thumb img {border:1px solid #209110;}
	.portfolio-thumb .project-info {color:white;text-transform:uppercase;position:absolute;bottom:1px;width:535px;padding:5px 10px;margin-left:2px;background:transparent url('../images/dappy-black-80.png') repeat left top;height:20px;overflow:hidden;}
	.portfolio-thumb .details-web {text-align:left;color:white;text-transform:uppercase;font-size:10px;background:transparent url('../images/dappy-project-icons-web.png') no-repeat -10px top;display:block;margin-top:5px;padding-left:25px;}
	.portfolio-thumb .details-print {text-align:left;color:white;text-transform:uppercase;font-size:10px;background:transparent url('../images/dappy-project-icons-print.png') no-repeat -10px top;display:block;margin-top:5px;padding-left:25px;}
	.portfolio-thumb span strong {color:#2dcf17;text-decoration:underline;float:right;display:block;}
	.portfolio-thumb:hover img {border-color:#2dcf17 !important;}
	.portfolio h2.category {background-color:#2dcf17;margin:36px 0px 18px 0px;}
	
/* ================================================
	Portfolio Detail Styles
   ================================================ */
	.portfolio #slider {position:relative;height:450px;overflow:hidden;}
	.portfolio #slider img {border:1px solid #209110;}
	.portfolio #prevBtn {position:absolute;top:1px;height:450px;width:200px;left:21px;}
	.portfolio #nextBtn {position:absolute;top:1px;height:450px;width:200px;right:21px;text-align:right;}
	.portfolio #prevBtn a {display:block;overflow:hidden;width:0px;height:260px;background:transparent url('../images/dappy-black-80.png') repeat left top;padding:190px 20px 0px 20px;visibility:hidden;text-indent:-9999px;}
	.portfolio #prevBtn a div {background: transparent url('../images/dappy-prev-btn.png') no-repeat center center;height:31px;}
	.portfolio #nextBtn a {display:block;overflow:hidden;width:0px;height:260px;background:transparent url('../images/dappy-black-80.png') repeat left top;padding:190px 20px 0px 20px;float:right;text-align:right;visibility:hidden;text-indent:9999px;}
	.portfolio #nextBtn a div {background:transparent url('../images/dappy-next-btn.png') no-repeat center center;height:31px;}
	.portfolio #nextBtn:hover a, .portfolio #prevBtn:hover a {visibility:visible;}
	
	.portfolio h3 {font-size:1.375em;margin:200px 0px .875em 0px;color:#2DCF17;}
	.portfolio .project-specs {color:#CCCCCC;font-size:.875em;font-style:italic;}
	
/* ================================================
	about page Styles
   ================================================ */
	.about #header-text h1 {background:transparent url('../images/dappy-about-head-1.png') no-repeat left top;color:white;text-indent:-9999px;height:56px;}
	.about #header-text h2 {background:transparent url('../images/dappy-about-head-sub-1.png') no-repeat left top;color:white;text-indent:-9999px;height:37px;}
	.about #content {color:#f5b111;padding-top:60px;background-image:url('../images/dappy-two-col-bg-about.png');}
	.about .column {margin-top:30px;}
	.about h2.category {background-color:#f5b111;margin:36px 0px 18px 0px;}
	.about ul.skills li {float:left;width:220px;margin:.375em 20px .375em 0;vertical-align:middle;background:url('../images/dappy-about-checkmark.png') no-repeat left top;padding:10px 0px 10px 40px;}
/* ================================================
	HouseKeeping
   ================================================ */
	 /* *** Float containers fix:
	 http://www.csscreator.com/attributes/containedfloat.php *** */ 
	.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	.clearfix{display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix{display: block;}
	/* End hide from IE-mac */