/*  
Theme Name: Dustin Pfeifer Creative
Theme URI: http://www.dustinpfeifer.com/
Description: Dustin Pfeifer Creative, LLC Theme.
Version: 2.0
Author: Dustin Pfeifer
Author URI: http://www.dustinpfeifer.com/
*/


* {
	margin:0;
	padding:0;
}

body {
	width:806px;
	text-align:center;
	margin:0 auto;
	background:#1d2327;
	font:12px lucida grande, arial, sans-serif;
	color:#888;
}


/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	height:105px;
	overflow:hidden;
	text-align:left;
	margin:0 0 28px 0;
}

.logo {
	float:left;
	margin:0;
}

#feature {
	background:url("images/line_dot.jpg") repeat-x top;
	padding:18px 0;
	text-align:left;
}

#featuretext {
	width:251px;
	float:left;
	font-size:12px;
}

#featureimg {
	width:519px;
	float:right;
}

#featureimg a img {
	background:url("images/background_diagonal.jpg");
	padding:5px;
}

#featureimg a:hover img {
	background:url("images/background_diagonal_hover.jpg");
	padding:5px;
}

#content {
	background:url("images/line_dot.jpg") repeat-x top;
	text-align:left;
	padding:18px 0 10px;
}

#left {
	width:567px;
	float:left;
}

#right {
	width:221px;
	float:right;
}

#interior {
	background:url("images/line_dot.jpg") repeat-x top;
	padding:18px 0;
	text-align:left;
}

#intleft {
	width:251px;
	float:left;
	background:url("images/background_diagonal.jpg");
	margin:10px 0 0;
}

.sidebar {
	padding:10px 18px;
}

#intright {
	width:519px;
	float:right;
}

#footer {
	background:url("images/line_dot.jpg") repeat-x top;
	padding:18px 0;
	text-align:left;
	text-transform:uppercase;
	font-size:10px;
}

	.footerleft {
		float:left;
	}
	
	.footerright {
		float:right;
		list-style-type:none;
	}
	
	.footerright li {
		display:inline;
		background:none;
	}
	
	.footerright a {
		text-decoration:none;
		color:#888;
		text-transform:uppercase;
	}
	
	.footerright a:hover {
		color:#fff;
	}

.large_image {
	margin:10px 0 18px 0;
	background:url("images/background_diagonal.jpg");
	padding:5px;
}


/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav {
	list-style-type:none;
	padding:85px 0 0;
	float:right;
	margin:0;
}

#nav li {
	background:none;
	display:block;
	float:left;
	margin:0 0 0 20px;
	padding:0;
}

#nav a {
	text-transform:uppercase;
	color:#888;
	text-decoration:none;
	font-size:12px;
}

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


/* Featured Work
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#featured {
	list-style-type:none;
	margin:18px 0;
}

#featured li {
	background:none;
	display:block;
	float:left;
	margin:0 18px 18px 0;
	padding:0;
}

#featured img {
	background:url("images/background_diagonal.jpg");
	padding:5px;
}

#featured img:hover {
	background:url("images/background_diagonal_hover.jpg");
	padding:5px;
}


/* Latest Work
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#latestwork {
	list-style-type:none;
	margin:10px 0 18px;
}

#latestwork li {
	background:none;
	display:block;
	margin:5px 0;
	padding:0;
}

#latestwork a {
	text-decoration:none;
	
	padding:2px;
	font-size:11px;
}

#latestwork a:hover {
	background:#00b9fd;
}


/* News Items
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.newsitem {
	margin:18px 0;
}

.newsitem p {
	margin:10px 0;
}

.newsitem span {
	color:#fff;
	font-size:11px;
}

#latestnews {
	list-style-type:none;
	margin:10px 0 18px;
	border:1px solid #666;
	border-width:1px 0 0;
}

#latestnews li {
	background:none;
	margin:0;
	padding:0;
}

#latestnews a {
	text-decoration:none;
	color:#fff;
	font-size:11px;
	display:block;
	margin:0;
	padding:5px 0;
	border:1px solid #666;
	border-width:0 0 1px 0;
}

#latestnews a:hover {
	background:#383838;
}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	line-height:150%;
	margin:10px 0;
}

a {
	color:#fff;
}

h1, h1 a {
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	color:#00b9fd;
	margin:10px 0 0;
	text-decoration:none;
}

h2, h2 a {
	font-size:14px;
	font-weight:normal;
	color:#00b9fd;
	margin:0;
	text-decoration:none;
}

.more-link a {
	text-decoration:none;
	background:#00b9fd;
	color:#343434;
	padding:2px;
	font-size:11px;
}

.more-link a:hover {
	background:#fff;
}

ul {
	margin:10px 0;
	list-style-type:none;
}

li {
	background: url("images/icon-bullet.jpg") no-repeat left;
	padding:0 0 0 15px;
	margin:3px 0;
}


/* Request for Proposal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form.ddfm label {
	display:block;
	margin:0 0 5px;
}

form.ddfm input, input.fmfile {
	padding:5px;
	width:50%;
	border:1px solid #666;
	border-width:0 0 1px 0;
	background:#444;
	color:#666;
}

form.ddfm textarea {
	padding:5px;
	width:75%;
	border:1px solid #666;
	border-width:0 0 1px 0;
	background:#444;
	color:#666;
}

form.ddfm select {
	padding:3px 5px;
	width:25%;
	border:1px solid #666;
	background:#444;
	color:#666;
}

form.ddfm input.fmverify {
	position:relative;
	display:block;
	float:left;
	width:25%; 
	padding:5px;
	margin:0 0 20px; 
}

form.ddfm img {
	margin:0 0 20px 10px; 
    float:left;
}

form.ddfm .submit {
	clear:both;
}

form.ddfm .submit input {
	width:20%;
	background:#00b9fd;
	color:#343434;
	border:none;
	margin:0 0 10px 0;
}

form.ddfm input.fmfile {
	margin:0 20px 0 0;
	border:none;
}

#payPalForm label {
	display:block;
	margin:0 0 5px;
	color:#00b9fd;
}

#payPalForm .payform {
	display:block;
	margin:0 0 10px;
}

#payPalForm input {
	padding:5px;
	width:50%;
	border:1px solid #666;
	border-width:0 0 1px 0;
	background:#444;
	color:#fff;
}
	

/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.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 */