/*
THEME NAME: Daniel Bissonnet Design
THEME URI: http://www.danisadesigner.com/
DESCRIPTION: for danisadesigner.com, based on sandbox
VERSION: 3.0
AUTHOR: Dan Bissonnet
AUTHOR URI: http://asinglehumanbeing.co.uk
*/

/*

Bright pink 			#e0475a
Slightliy darker pink 	#d0473a
Dark soft red 			#ae4b14
Skintone				#f7f2ea

Grey-blue				#f1f0f4
Darker Grey-blue 		#616e78

*/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;} ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

/*
LAYOUT: One-Column 
DESCRIPTION: One-column fluid layout with sidebars stacked in two columns below content
*/
div.sidebar {
	float: left;
	overflow: hidden;
	padding: 10px 1.9%;
	width: 46%;
	}
div#primary {
	clear: both;
	}
div#footer {
	clear: left;
	}

/* Standard Tags */
body {
	font-family: "Helvetica", sans-serif;
	background: #f8f6e0 url(images/bggrad3.png) repeat-x 0% 0%;
	zbackground: #f2f2da;
	background-attachment: fixed;
	color: #fff; 
	line-height: 1.4em;
	width: 100%;
	}


a {
	color: #6a7879;
	}

a:focus {
	color: #fff;
	background: #5a6869;
	}

h1, h2, h3, h4, h5, h6{
	margin: 1em 0;
	}

h1 {
	font: 3em "Bissonnet Baby";
	margin: 20px;
	text-align: left;
	}

h1 a {
	font-weight: bold;
	text-decoration: none;
	}

h1, h2, h3{
	color: #d0473a;
	}
	
h1 a, h2 a, h3 a{
	color: #6a7879;
	}
	
h1 a:hover, h2 a:hover, h3 a:hover{
	color: #4a5859;
	}


h3, h4 {
	margin-left: 0px;
	}

h3 {
	font-size: 1.4em;
	line-height: 1.2;
	}

h4 {
	font-size: 1.2em;
	font-weight: 300;
	color: #8e1b04;
	}

p {margin: 1em 0;}

strong, b {
	font-weight: 800;	
	}

ul li {
	list-style:disc; 
	margin-left: 1em;
	margin-bottom: 0.2em;
	}

ol, ul {
	padding-left: 1em;
	}

ul.checklist li {
	list-style: none; 
	background: url(images/tick.gif) no-repeat left top;
	margin-left: -10px;
	padding-left: 40px;
	}
	
dt {
	
	font-weight: bold;	
	clear:left;
	}	

dd {
	overflow: hidden;
	margin-bottom: 20px;
	}
	
/* Structure */

#wrapper {
	width: 100%;
	position: relative;
	z-index:  3;
	}

#content{
	background: transparent;
	min-height: 400px;
	}

#content, #access, #header, #footer{
	width: 700px;
	margin: 0px auto;
	} 

#container, div.sidebar {
	margin-top: -27px;
	position: relative;
	z-index: -10;
	}

/* Decorative Elements */
/*
#sunburst {
	background: transparent url('images/sprites.png') no-repeat 0 -473px;
	position: fixed;
	z-index: -2;
	top: -28px;
	left: -2px;
	width: 600px;
	height: 600px;
	}

.cloud {
	position: fixed;
	background: transparent url('images/sprites.png') no-repeat 0 0;
	width: 203px;
	height: 118px;
	z-index: -2;
	}
*/

/* Header */
#logo {
	display: none;
	position: absolute; left:660px; top:15px; z-index:5;
	}
	
#logo-title {
	background: transparent url('images/dbd-logo3.png') no-repeat 0 0;
	width: 850px;
	height: 230px;
	margin: -20px -70px 0px -110px;
	display: block;
	}
#logo-title:focus{
	background-color: #ffe;
	}


#header {
	text-align: left;
	position: relative;
	margin-bottom: 40px;
	}
/*
#blog-description {
	background: transparent url('images/sprites.png') no-repeat 0 -148px;
	width: 298px;
	height: 62px;
	color: #990066;
	margin-left: -9920px;
	}
*/	
#blog-title span{
	position: absolute;
	left: -3000px;
	}	

#access div.skip-link {
	position: absolute;
	top: 1em;
	right: 1em;
	}

/* Menu Navigation */

.menu {
	position: relative;
	left: -45px;
	top:-20px;
	z-index: 3;	
	font-size: 0.9em;
	height: 2.5em;
	
	width: 90%;
	}

.menu ul a  {
	font-weight: 700;
	text-decoration: none;
	background: #fdfdde;
	color: #d0473a;
	}

.menu ul li a:hover,
.menu ul .current, 
.menu ul li.current_page_item a, 
.menu ul li.current_page_ancestor a  {
	background-color: #d0473a;	
	color:  white;
	}

.menu ul li a:focus {
	background-color: #b0271a;	
	color:  white;

	}

.menu ul, .menu ul ul, .menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.menu ul li {
	color: #d0473a;
	
	float: left;
	}

.menu ul li a {
	padding: 10px 0.5em;
	}

.menu ul li.page-item-214{
	position: relative;
	left: 50px;
	}

.menu ul li.current_page_item a, .menu ul li.current_page_ancestor a  {
	font-size: 20px;
	padding: 7px 0.5em;
	color: #fff;
	}

/* Menu: Second Level */
.menu ul ul {
	position: absolute;
	left: -3000em;
	}

.menu ul ul li {
	float: none;
	
	}	

.menu ul ul li a {
	margin: 0;
	padding: 0;
	color: white;
	}

.menu ul li.current_page_item ul li a {
	font-size: 16px;
	color: #fff;
	}	

.menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	}


.menu ul li:hover ul li a {
	border: none;
	display: block;
	padding: 0.5em;
	width: 10em;
	background-color: #555;
	
	}

.menu ul li:hover ul li:hover a {
	background-color: #522;
	
	}
.menu ul li:hover ul li:hover a, .menu ul li:hover ul li a {
	font-size: 16px !important;
	}
	


	

/* Posts */

#content .post h3, #content .post h4  {
	margin: 1.5em 0 0.5em;
	}
	
		
.entry-title {
	margin: 0.25em 0;
	font-size: 1.2em;
	xfloat: left;
	}
	
.entry-title a{
	color:#d0473a;
	}
	
.entry-date {
	xfloat: right;
	}	
	
.entry-content {
	clear: both;
	}	
.entry-meta {
	font-size: 0.7em;
	border-top: 1px solid #aaa;
	}	

.page .entry-title{
	position: absolute;
	left: -9999px;
	top: -9999px
	}	

.highlight {
	padding: 9px 40px;
	margin: 0 -45px 10px;
	background: #fff;
	font-size: 1.2em;
	border-top: 2px solid #d0473a; 
	
	}

.highlight h3, .highlight p {
	background-color: transparent;
	color:#d0473a;	
	}
	
.highlight p.reverse,.highlight p.breadcrumb{
	background: #fff; 
	color: #8a9899;
	font-size: 1.1em;
	line-height: 1.2;
	margin: -9px -40px;
	padding: 21px 45px;
	}
	
.highlight p.breadcrumb{
	font-size: 0.7em;
	line-height: 1.1;
	margin: -9px -40px;
	padding: 10px 15px;
	}		

body.single .post {
	margin-top: 0;
	}

body.single .highlight {
	margin-bottom: 0;
	padding: 9px 20px;
	}

/* Portfolio Browser */
#portfolio-pager{
	margin: 0 auto -30px;
	text-align: center;
	position: relative;
	z-index: 20;
	}

#portfolio-pager a{
	text-decoration: none;
	background-color: #e0475a;
	color: white;
	padding: 3px;
	}

#portfolio-pager a.activeSlide, #portfolio-pager a:hover{
	background-color: white;
	color: #e0475a;
	}	

#cycle-wrap{
	position: relative;
	top: 15px;
	left: 15px;
	z-index: 0;
	}
	
.call-to-action {
	text-align: right;
	}
		
.call-to-action a {
	font-weight: bolder;
	font-size: 1.2em;
	background: #d0473a;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	}	
	
.call-to-action a:hover {
	background: #b0271a;
	}	
	
.call-to-action a:focus {
	background: #a0170a;
	
	}

/* Sectional Boxes */
.pitch, .post {
	background: #fff;  	
	margin: 40px -45px; 
	padding: 10px 20px; 
	color: #844;	
	}

.pitch h3{
	margin: 1.25em 0 0.75em;
	
	}
	
.pitch-alt {
	background: #f1f0f4;
	color: #616e78;
	border-width: 1px 0;

}


.pitch-alt h3{
	color: #616e78;
	}
	
.pitch .column {
	float: left;
	width: 46%; 
	margin: 0 0.5em;
}	

.pitch .aside{
	float: right;
	background: #f1f0f4;
	color: #616e78;
	font-size: 0.9em;
	line-height: 1.5;
	width: 30%;
	margin: 20px 10px 10px 20px;
	padding: 10px;
	}
	
.portfolio-item .aside{
	margin-top: 0;
	}
	
.pitch .aside h3{
	color: #616e78;
	margin: 0 0 0.25em;
	}	
	
.pitch .aside ul li{
	list-style: square;	
	}	

/* Front page */
ol#design-process {
	padding: 0;
	margin: 0;
	overflow: hidden;
	}
ol#design-process li{
	position: relative;
	width: 210px;
	display: inline-block;
	float: left;
	background: #d0473a;
	color: #fff;
	padding: 10px;
	height: 210px;
	margin: 10px;
	
	}
	
ol#design-process a {
	color: #fff;
	}
		
ol#design-process .numeral{
	position: absolute;
	bottom: 15px;
	right: 5px;
	opacity: 0.2;
	font-size: 13em;	
	}	

#faq-tabs {
	height: 10px;
	left: -45px;
	margin: 0px 0px -41px 0px;
	}
	
.panes .pitch {
	zoverflow: hidden;
 	border-top: 2px solid #d0473a;
	}	

/* Additional Navigation */

#nav-above, div#nav-below {
	width: 100%;
	height: 1em;
	}

#nav-above {
	margin-bottom: 1em;
	}

#nav-below {
	margin-top: 1em;
	}

.alignleft, div.nav-previous {
	float: left;
	}

.alignright, div.nav-next {
	float: right;
	}

/* Comment Form */

#comments {
	background: rgb(248, 248, 248);
	color: rgb(68,68,68);
	margin: -60px -45px 40px;
	padding: 10px 20px;
	}

.comment-meta {
	font-size: 0.7em;
	border-top: 1px solid #aaa;
	}	

form#commentform .form-label {
	margin: 1em 0 0;
	}

form#commentform span.required {
	color: red;
	}

form#commentform, form#commentform p {
	padding: 0;
	}

input#author, input#email, input#url {
	width: 50%;
	}

input#author, input#email, input#url, textarea#comment {
	padding: 0.2em;
	}
	
div.comments .avatar {
	float: left;
	margin-right: 10px;
	}	

div.comments ol {
	margin: 0 -20px;
	padding: 0;
	list-style-position: inside;
	}
	
div.comments ol li {
	margin: 0;
	background: #eaeaea;
	padding: 20px;
	}
div.comments ol li.odd {
	background: #d9d9d9;
	}

textarea#comment {
	height: 13em;
	margin: 0 0 0.5em;
	overflow: auto;
	width: 66%;
	}


/* Sidebar */
div.sidebar div, div.sidebar h3, div.sidebar ul, div.sidebar li {
	margin: 0;
	padding: 0;
	}

div.sidebar h3 {
	font-size: 1.2em;
	}

div.sidebar input#s {
	width: 7em;
	}

div.sidebar li {
	list-style: none;
	margin: 0 0 1em;
	}

div.sidebar li form {
	margin: 0.2em 0 0;
	padding: 0;
	}

div.sidebar ul ul {
	margin: 0 0 0 1em;
	}

div.sidebar ul ul li {
	list-style: disc;
	margin: 0;
	}

div.sidebar ul ul ul {
	margin: 0 0 0 0.5em;
	}

div.sidebar ul ul ul li {
	list-style: circle;
	}

/* Footer */

div#footer {
	background: #8a9899;
	font-size: 0.8em;
	text-align: left;
	color: white;
	padding: 20px 45px 10px;
	position: relative;
	border-top: 5px solid #fff;
	}

div#footer a{
	color: white;
	}

div#footer #mini-logo {
	margin: -12px 10px -20px -30px;
	width: 35px;
	float: left;
	}
	
#getintouch{
	background: transparent url('images/getintouch.png') left top;
	width: 208px;
	height: 130px;
	position: absolute;
	top: -80px;
	left: 700px;
	z-index: 4;
	display: block;
}

#getintouch:hover{
	background: transparent url('images/getintouch.png') 0 -133px;
}




/* Gallery */
/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment, div.entry-caption{text-align:center;}
div.entry-attachment img, div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta, body.attachment div#comments{clear:both;}

.pageid-11 .wp-caption {
	background: url('images/clippaper.png') repeat-x left top;
	padding: 45px 20px;
	border: 0;
	}
	
.pageid-11 p.wp-caption-text{font-size:1.0em;}

.wp-caption {
	background: url('images/clippaper.png') repeat-x -50px -160px;
	padding: 20px;
	margin: 10px;
	border: 1px solid #440;
	}
	
p.wp-caption-text{font-size:0.7em;}
	
.wp-caption img {border: 0px #440 solid;}

/* Contact Form 7 */
div.wpcf7 {
	margin: 0;
	padding: 0;
}
 
div.wpcf7-response-output {
	margin: 1em 0.5em 1em;
	padding: 0.2em 1em;
	color: #ae4b14;
}
 
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
	background: white;
}
 
div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
	background: white;
}
 
div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
	background: white;
}
 
div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
	background: white;
}
 
span.wpcf7-form-control-wrap {
	position: relative;
}
 
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}
 
span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}
 
span.wpcf7-list-item {
	margin-left: 0.5em;
}	

#wpcf7-f1-p8-o1 input, #wpcf7-f1-p8-o1 textarea{
	border: 2px #e0475a solid;
	font-size: 1.2em;
	line-height: 1.3em;
	background-color: #def;
	width: 470px;
	resize: false;
	}

#wpcf7-f1-p8-o1 input:focus, #wpcf7-f1-p8-o1 textarea:focus{
	background-color: #ffe;
	}
	

#wpcf7-f1-p8-o1 label{
	font-weight: 800;	
	color: #d0473a;
	}