/*
Theme Name: Digital Watercolour
Theme URI: http://www.digital-online-marketing.com/
Description: Bespoke theme for Digital Online Marketing Ltd
Author: Digital Online Marketing
Version: 1.0
Tags: Watercolour, Marketing, Greyscale
*/

/*-------Reset All CSS - v1.0 | 20080212-------*/
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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
legend { display:none }
/* ---------------End CSS Reset--------------- */

body {
	background: url("images/background.png") top left repeat-x fixed; */
	font-family: Helvetica, Arial, Sans-Serif;
	color: #111;
}

/* #watercolour {
	position: fixed;
	z-index:1;
	width:100%;
	height:200px;
	background:url("images/watercolour.png") top center no-repeat;
}*/

#primaryWrap {
	position:relative;
	z-index:2;
	width:800px;
	margin:0 auto;
}

#primaryHeader {
	width:800px;
	padding: 0;
}

#contentWrap {
	position:relative;
	z-index:2;
	clear:both;
	overflow:hidden;
	margin:55px 0 0;
	width:800px;
}

#primaryFooter {
	padding: 25px 0;
	width: 100%;
	min-width: 800px;
	background: url("images/footer-background.png") top left #292929;
}

#primaryFooterInner {
	overflow:hidden;
	width:775px;
	margin:0 auto;
	padding:0 10px 10px;
	border-bottom:1px solid #494949;
}

/* Structural */

#normalCarousel {
	position:relative;
	overflow:hidden;
	padding:25px;
	width:750px;
	background:url("images/alpha50.png") top left;
}

/*
#normalCarouselContent {
	float: left;
	margin: 0 40px 0 0;
	width: 540px;
}
*/
#normalCarouselContent {
	float: left;
	margin: 0;
	width: 750px;
}

#normalCarouselAside {
	float: left;
	width: 170px;
}

.colWrap {
	overflow:hidden;
	margin:25px auto 20px;
	padding:0 0 5px;
	width:775px;
}

#summary {
	overflow:hidden;
	margin:25px auto 0;
	width:775px;
}

.archiveEntry {
	margin: 20px 0;
	border-bottom:1px solid #ddd4c8;
}

.archiveEntry:first-of-type {
	margin: 0 0 20px;
	border: none;
}

.commentWrap {
	margin:20px 0 0;
	border-top:1px solid #ddd4c8;
}

#share {
	margin: 15px auto 0;
	width: 420px;
}

.addthis_pill_style {
	margin-right: 40px;
}

#aboutPage {
	padding: 0 0 4px;
	border-bottom: 1px dashed #ddd4c8;
}

/* Columns */

.column1 {
	float:left;
	margin:0 25px 0 0;
	width:243px;
}

.column2 {
	float:left;
	margin:0 25px 0 0;
	width:240px;
}

.column3 {
	float:left;
	width:242px;
}

.col240 {
	float: left;
	margin: 0 10px;
	width: 240px;
}

.col240:first-of-type {
	margin: 0 10px 0 0;
}

.twoColumn {
	float:left;
	margin:0 25px 0 0;
	padding:0 0 1px;
	width:510px;
}

#sidebar {
	float:left;
	width:240px;
	text-align:right;
}

#contactLeft {
	float:left;
	margin:0 25px 0 0;
	width:510px;
}

#contactRight {
	float:left;
	width:240px;
}

/* Non-Visual Elements */
.clearDiv { clear:both; height:20px; }
.solidDiv { clear:both; margin: 20px 0 0; height:1px; background:#ddd4c8; }

/* John tweaks */

img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

#primaryHeader {
	border-bottom: 2px solid #EEE9E3;
	float: left;
}

#primaryHeader h1, #primaryHeader p, #primaryHeader h1 a, #primaryHeader p a {
	float: left;
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	padding: 0;
}

#primaryHeader h1 a, #primaryHeader p a {
	display: block;
	line-height: 80px;
	padding-left: 80px;
	width: auto;
	background: no-repeat top left url("images/logo.png");
}

#seoquote {
	margin-bottom: 20px;
}

/*
#seoquote-form {
	display: none;
}
*/

#seoquote-trigger {
	display: block;
	line-height: 60px;
	padding-left: 60px;
	width: auto;
	background: no-repeat 70px 0 url("images/seoquote.png");
}

.colWrap .entry h1, #marketingPage h1 {
	font-size: 28px;
	font-weight: normal;
	text-transform: uppercase;
	color: #555;
	font-family: "league-gothic-1","league-gothic-2",sans-serif;
}

#marketingContent  {
	padding-top: 20px;
}
.clearfix::after{content:"";display:table;clear:both}
