/*
Theme Name: Davinci 1.1
Theme URI: http://www.davincigraphicsinc.com/Davinci
Description: An advanced portfolio & blog theme built by Dan Harper as part of a tutorial series for NETTUTS.com
Version: 1.1
Author: Ben Stephan
Author URI: http://www.benstephan.com
*/


/* Colors

Light Blue - #8d6cb6
Middle Blue - #4f2b7b
Darkest Blue - #171f2f

*/

@import url('inc/reset.css');

/*****************************
  Delete
*****************************/
.half-header{
	width:45%;
	height:20px;
	padding:10px 2% 0 2%;
	float:left;
	margin:0 1% 20px 0;
	background:url(inc/img/half-header.jpg) no-repeat top left;
	display:block;
}
.half-header .last{
	background:url(inc/img/half-header.jpg) no-repeat top right;
	padding:10px 1% 0 3%;
}
.whole-header{
	width:900px;
	height:20px;
	padding:10px 13px 0 13px;
	float:left;
	margin:0 0 20px 0;
	background:url(inc/img/whole-header.jpg) no-repeat top left;
	display:block;
}
#grid{
	width:100%;
	height:3000px;
	background:url(inc/img/grid.png) repeat-y top center;
}

/*****************************
  Globals
*****************************/
em{
	font-style:italic;
}
hr{
	border:1px solid #CCC;
	margin-bottom:15px;
}
/*****************************
  Layout
*****************************/

#header{
	width:900px;
	position:relative;
	margin:0 auto;
	padding:0 30px;
}
#main{
	width:920px;
	position:relative;
	margin:0 auto;
	padding:0 40px;
}
.one-column, .two-column, .three-column{
	float:left;
	padding:0 .65%;
}
.one-column, .two-column, .three-column{
	margin-right:4.7%;
}
.three-column{
	width:71.675%;
}
.two-column{
	width:46.35%;
}
.one-column{
	width:20.025%;
}
.four-column{
	width:900px;
	margin:0 auto;
}
.one-column .twittertop{
	height:22px;
	width:180px;
	display:block;
}
.one-column .twitterbottom{
	height:88px;
	width:180px;
	display:block;
}
.one-column .twittermid{
	padding:0 10px;
	width:160px;
}
.meta{
	display:block;
}
	/*****************************
	  Header
	*****************************/
	
	#header{
		height:45px;
		margin-bottom:30px;
	}
	ul.nav{
		list-style-type:none;
		float:right;
		padding-top:7px;
	}
	ul.nav li{
		float:left;
		height:38px;
		margin-right:32px;
		border-bottom:none;
		padding:0;
	}
	ul.nav li.home, ul.nav li.home:hover, ul.nav li.home-current, ul.nav li.home:active{
		width:58px;
	}

	ul.nav li.about, ul.nav li.about:hover, ul.nav li.about-current, ul.nav li.about:active{
		width:62px;
	}

	ul.nav li.portfolio, ul.nav li.portfolio:hover, ul.nav li.portfolio-current, ul.nav li.portfolio:active {
		width:88px;
	}

	ul.nav li.blog, ul.nav li.blog:hover, ul.nav li.blog-current, ul.nav li.blog:active{
		width:53px;
	}

	ul.nav li.contact, ul.nav li.contact:hover, ul.nav li.contact-current, ul.nav li.contact:active{
		width:76px;
	}

	ul.nav li.login, ul.nav li.login:hover, ul.nav li.login-current, ul.nav li.login:active{
		width:102px;
	}
	ul.nav li a{
		width:100%;
		height:44px;
		display:block;
	}
	ul.nav li.home{
		background:url(inc/img/nav_sprite.png) no-repeat -14px top ;
	}
	ul.nav li.home:hover, ul.nav li.home-current {
		background:url(inc/img/nav_sprite.png) no-repeat -14px -54px ;
	}
	ul.nav li.home:active {
		background:url(inc/img/nav_sprite.png) no-repeat -14px -93px ;
	}
	ul.nav li.about{
		background:url(inc/img/nav_sprite.png) no-repeat -100px top ;
	}
	ul.nav li.about:hover, ul.nav li.about-current {
		background:url(inc/img/nav_sprite.png) no-repeat -100px -54px ;
	}
	ul.nav li.about:active {
		background:url(inc/img/nav_sprite.png) no-repeat -100px -93px ;
	}
	ul.nav li.portfolio{
		background:url(inc/img/nav_sprite.png) no-repeat -194px top ;
	}
	ul.nav li.portfolio:hover, ul.nav li.portfolio-current  {
		background:url(inc/img/nav_sprite.png) no-repeat -194px -54px ;
	}
	ul.nav li.portfolio:active  {
		background:url(inc/img/nav_sprite.png) no-repeat -194px -93px ;
	}
	ul.nav li.blog{
		background:url(inc/img/nav_sprite.png) no-repeat -311px top ;
	}
	ul.nav li.blog:hover, ul.nav li.blog-current{
		background:url(inc/img/nav_sprite.png) no-repeat -311px -54px ;
	}
	ul.nav li.blog:active{
		background:url(inc/img/nav_sprite.png) no-repeat -311px -93px ;
	}
	ul.nav li.contact{
		background:url(inc/img/nav_sprite.png) no-repeat -393px top ;
	}
	ul.nav li.contact:hover, ul.nav li.contact-current{
		background:url(inc/img/nav_sprite.png) no-repeat -393px -54px ;
	}
	ul.nav li.contact:active{
		background:url(inc/img/nav_sprite.png) no-repeat -393px -93px ;
	}
	ul.nav li.login{
		background:url(inc/img/nav_sprite.png) no-repeat -499px top ;
	}
	ul.nav li.login:hover, ul.nav li.login-current{
		background:url(inc/img/nav_sprite.png) no-repeat -499px -54px ;
	}
	ul.nav li.login:active{
		background:url(inc/img/nav_sprite.png) no-repeat -499px -93px ;
	}
	
	/*****************************
	  Main
	*****************************/
	
	#main{
		margin-bottom:50px;
	}
	
	/*****************************
	  Footer
	*****************************/
	
	#footer{
		width:100%;
		position:relative;
		padding:25px 0 20px 0;
	}
	#footer ul{
		list-style-type:none;
		padding-left:5px;
	}
	#footer ul li{
		width:100%;
		display:block;
		padding:3px 0;
	}
	#footer .eyes{
		margin-bottom:10px;
	}
	#footer input.newsletter{
		width:180px;
		margin-bottom:15px;
		height:18px;
		background:url(inc/img/input-newsletter.jpg) no-repeat left top;
		border:none;
		padding:4px 5px 0 3px;
		float:left;
	}
	#footer input.newsletter:focus{
		background:url(inc/img/input-newsletter-focus.jpg) no-repeat left top;
	}
	#footer input.newslettersubmit{
		width:95px;
		height:19px;
		background:url(inc/img/submit-newsletter.jpg) no-repeat left top;
		border:none;
	}
	#footer .meta{
		padding-top:10px;
	}

	
		/*****************************
		  Home
		*****************************/
	
		#home-intro{
			width:100%;
			margin-bottom:65px;
			height:395px;
		}
		body#home #home-intro .four-column{
			padding-top:95px;
		}
		body#home #home-intro .four-column .tagline{
			width:100%;
			display:block;
		}
		h4.finishing, h4.customer, h4.printing, h4.design{
			padding-left:27px;
			height:19px;
			padding-top:5px;
			font-size:1.4em !important;			
		}
		body#home .four-column{
			margin:0 auto 30px auto;
		}

		
		/*****************************
		  About
		*****************************/
	
		#about-intro{
			width:100%;
			margin-bottom:15px;
			height:165px;
		}
		body#page .two-column img.floatleft{
			margin:0 10px 5px 0;
		}
		body#page .socialtitle{
			padding-top:7px;
		}
		body#page ul.social{
			list-style-type:none;
			float:right;
		}
		body#page ul.social li{
			float:left;
			width:36px;
			height:36px;
			padding-left:30px;
			margin-right:10px;
		}
		
		/*****************************
		  Portfolio
		*****************************/

		.one-column.portfolio{
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom:4%;
			width:27%;
		}
		.project-pic{
			margin-bottom:7px;
		}
		ul.portfolio-skills{
			width:200px;
			clear:both;
			padding-bottom:30px;
			display:block;
		}
		ul.portfolio-skills li{
			float:left;
			padding:4px 0px;
			margin:0 15px 0 0;
			border-bottom:solid #CCC 1px;
		}
		.port-btn{
			margin-top:20px;
		}
		/*****************************
		  News
		*****************************/

		.one-column ul.sidebar{
			list-style-type:none;
			margin-bottom:25px;
		}
		.one-column ul.sidebar li{
			padding:4px 0 4px 4px;
			border-bottom:1px solid #CCC;
		}
		/*****************************
		  Contact
		*****************************/

		.three-column input.contact-input, input#author, input#email, input#url{
			background:url(inc/img/contact-input.jpg) no-repeat top left;
			border:0;
			height:16px;
			width:627px;
			padding:9px;
		}
		.three-column input.contact-input:focus, input#author:focus, input#email:focus, input#url:focus{
			background:url(inc/img/contact-input-focus.jpg) no-repeat top left;
		}
		.three-column textarea.contact-textarea, textarea#comment{
			background:url(inc/img/contact-textarea.jpg) no-repeat top left;
			border:0;
			height:182px;
			width:627px;
			padding:9px;
		}
		.three-column textarea.contact-textarea:focus, textarea#comment:focus{
			background:url(inc/img/contact-textarea-focus.jpg) no-repeat top left;
		}
		.three-column input.contact-submit, input#submit, input.newslettersubmit{
			background:url(inc/img/btn-contact-submit.jpg) no-repeat top left;
			border:0;
			height:35px;
			width:174px;
			color:#513f77;
			text-align:left;
		}
		label{
			display:block;
			padding-left:10px;
			font-size:1.2em;
			line-height:1.125em;
		}
		
		/*****************************
		  Single Blog
		*****************************/

		.entry ul{
			list-style-type:disc;
			list-style-position:inside;
			padding-left:15px;
			margin-bottom: 1.5em;
		}
		.entry ul li{
			padding:3px 0;
		}
			/*****************************
			  Comments
			*****************************/

			

/*****************************
  Typography
*****************************/

body{
	font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
	font-size:75%;
}
html>body {
	font-size: 12px;
}
h1, h2, h3, h4, h5{
	font-weight:bold;
}
h1{
	font-size:4em;
	line-height:.375em;
	margin:.375em 0;
}
h2{
	font-size:2.8em;
	line-height:.65em;
	margin:.0em 0 .5em 0;
}
h3{
	font-size:2em;
	line-height:.75em;
	margin:0 0 .75em 0;
}
h4{
	font-size:1.5em;
	line-height:1em;
	margin:0 0 .85em 0;
}
h5{
	font-size:1.25em;
	line-height:1.25em;
	margin:0 0 .6em 0;
}
p {
	line-height: 1.5em;
	font-size:1em;
	margin-top: 0em;
	margin-bottom: 1.5em;
}
.meta{
	font-size:.9em;
	line-height:1.5em;
	font-style:italic;
	margin-bottom:.6em;
}
	/*****************************
	  Header
	*****************************/

	#header ul li{
		font-size:1.5em;
		font-style:italic;
	}
	
		/*****************************
		  Home
		*****************************/
		
		body#home #home-intro .four-column .tagline{
			font-size:1.4em;
			line-height:1.25em;
			margin-bottom:1.25em;
			font-style:italic;
		}
		body#home .homep{
			font-size:1.1em;
			line-height:1.45em;
			font-weight:bold;
		}

		/*****************************
		  About
		*****************************/
		
		#about-intro p{
			font-size:1.1em;
			line-height:1.35em;
		}

/*****************************
  Colors
*****************************/

body{
	color:#000;
}
body#home{
	background:#FFF url(inc/img/home-bg.jpg) repeat-x top center;
	color:#000;
}
body#page{
	background:#FFF url(inc/img/page-bg.jpg) repeat-x top center;
	color:#000;
}
#footer{
	background:#000;
}
a{
	text-decoration:none;
	color:#4f2b7b;
}
a:hover{
	text-decoration:underline;
}
.one-column .twittermid{
	background:#dccddc;
	line-height:1.5em;
}
.one-column .twittertop{
	background:url(inc/img/twitter-top.jpg) no-repeat top center;
}
.one-column .twitterbottom{
	background:url(inc/img/twitter-bottom.jpg) no-repeat top center;
}
.border-top{
	border-top:1px solid #CCC;
}
.meta{
	color:#666;
}
.title{
	color:#4f2b7b;
	font-style:italic;
}
	/*****************************
	  Header
	*****************************/

	#header ul li a{
		text-decoration:none;
		color:#FFF;
	}
	/*****************************
	  Footer
	*****************************/
	#footer h4{
		color:#4f2b7b;
	}
	#footer p{
		color:#FFF;
	}
	#footer ul li a{
		color:#FFF;
	}
	#footer ul li a:hover{
		color:#4f2b7b;
	}

		/*****************************
		  Home
		*****************************/

		#home-intro{
			background:url(inc/img/home-intro.png) no-repeat center -75px;
		}
		h4.finishing{
			background:url(inc/img/services-finishing.jpg) no-repeat left center;
		}
		h4.customer{
			background:url(inc/img/services-support.jpg) no-repeat left center;
		}
		h4.design{
			background:url(inc/img/services-design.jpg) no-repeat left center;
		}
		h4.printing{
			background:url(inc/img/services-printing.jpg) no-repeat left center;
		}
		body#home #home-intro .four-column h2{
			color:#FFF;
		}
		body#home #home-intro p{
			color:#FFF;
		}
		body#home #home-intro .four-column .tagline{
			color:#FFFF00;
		}
		
		/*****************************
		  About
		*****************************/

		#about-intro{
			color:#FFF;
		}
		
		/*****************************
		  Portfolio
		*****************************/

		.one-column.portfolio{
			border-top:1px solid #CCC;
			border-bottom:1px solid #CCC;
		}
		
/*****************************
  Hacks
*****************************/

.last{
	margin-right:0 !important;
}
.clearfix{
	clear:both;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}

/* Comments */

ol.commentlist{
	list-style-type:none;
	padding-bottom:20px;
}
.theComment, .theComment-top, .theComment-bottom{
	float:right;
}
.theComment{
	width:575px;
	background:url(inc/img/bg-comment-middle.jpg) repeat-y top left;
}
.theComment-top{
	width:505px;
	height:21px;
	padding:17px 15px 0 55px;
	background:url(inc/img/bg-comment-top.jpg) no-repeat top left;
	text-transform:capitalize;
	display:block;
}
.theComment-bottom{
	width:575px;
	height:20px;
	background:url(inc/img/bg-comment-bottom.jpg) no-repeat top left;
}
.theComment p{
	width:490px;
	padding-left:65px;
	font-style:italic;
}
.aComment{
	margin-bottom:17px;
}
#respond{
	margin-top:10px;
	padding:10px 0 0 0px;
		border-top:1px solid #d7cbe7;
}
/*****************************
  Progress bar
*****************************/

ul.progressbar{
	width:900px;
	clear:both;
	list-style:none;
	height:50px;
	display:block;
	margin-bottom:20px;
}
ul.progressbar li{
	float:left;
	width:225px;
	height:50px;
	display:block;
}

/* Step 1 */
ul.progressbar li.step1-active{
	background:url(inc/img/progressbar.jpg) no-repeat top left;
}
ul.progressbar li.step1-complete{
	background:url(inc/img/progressbar.jpg) no-repeat 0px -56px;
}
/*Step 2 */
ul.progressbar li.step2-inactive{
	background:url(inc/img/progressbar.jpg) no-repeat -225px top;
}
ul.progressbar li.step2-active{
	background:url(inc/img/progressbar.jpg) no-repeat -225px -56px;
}
ul.progressbar li.step2-complete{
	background:url(inc/img/progressbar.jpg) no-repeat -225px -112px;
}

/*Step 3 */
ul.progressbar li.step3-inactive{
	background:url(inc/img/progressbar.jpg) no-repeat -450px top;
}
ul.progressbar li.step3-active{
	background:url(inc/img/progressbar.jpg) no-repeat -450px -112px;
}
ul.progressbar li.step3-complete{
	background:url(inc/img/progressbar.jpg) no-repeat -450px -168px;
}
/*Step 4 */
ul.progressbar li.step4-inactive{
	background:url(inc/img/progressbar.jpg) no-repeat -675px top;
}
ul.progressbar li.step4-active{
	background:url(inc/img/progressbar.jpg) no-repeat -675px -168px;
}
ul.progressbar li.step4-complete{
	background:url(inc/img/progressbar.jpg) no-repeat -675px -224px;
}

ul.progressbar li a{
	text-decoration:none;
	height:100%;
	width:100%;
	display:block;
}
/* Inputs */

input.ordering-input{
	background:#FFF;
	padding:3px;
	border:#999 1px dotted;
	margin-top:3px;
	width:90%;
}
input.order-radio{
	margin-left:10px;
}




/* Common Scroller Styles */

	.roundabout-holder 					{list-style:none; width:500px; height:300px; margin:0px auto;}
	.roundabout-moveable-item 			{font-size:12px!important; height:300px; width:600px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}
	.roundabout-moveable-item img 		{height:100%; width:100%; background-color:#FFFFFF; margin:0;}
	.roundabout-in-focus 				{cursor:auto;}
	.roundabout-in-focus:hover			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.roundabout-holder span				{display:none; font-size:12px;}
	.roundabout-in-focus:hover span		{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
	.roundabout a:active,
	.roundabout a:focus,
	.roundabout a:visited				{outline:none; text-decoration:none;}
	.roundabou li 						{margin:0}
	a img								{border:none; outline:0;}

/* Featured Image Slider */

	#featured							{margin:10px 0 40px 0;}
	
/* Portfolio Image Slider */

	#folio_scroller_container						{margin-top:35px; margin-bottom:40px; height:auto;}
	#folio_scroller_container .roundabout-holder	{list-style:none; height:400px; margin:0px auto 20px auto;}