@charset "UTF-8";
	/*
Theme Name: Kendall theme
Theme URI: http://www.zerogmedia.co.uk
Description: Wordpress theme created for Kendall Copywriting
Version: 2.0
Author: zero G media Ltd
Tags: two columns, widgets

*/

@import url('reset.css');


/* colour palette:

magenta: #ee4377
light grey: #efefef
medium grey: #999
dark grey: #565656

*/

@font-face {
	font-family: 'MuseoSlab700';
	src: url('fonts/museo_slab_700-webfont.eot');
	src: local('☺'), url('fonts/museo_slab_700-webfont.woff') format('woff'), url('fonts/museo_slab_700-webfont.ttf') format('truetype'), url('fonts/museo_slab_700-webfont.svg#webfontPkd5QNxd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSlab300';
	src: url('fonts/museo_slab_300-webfont.eot');
	src: local('☺'), url('fonts/museo_slab_300-webfont.woff') format('woff'), url('fonts/museo_slab_300-webfont.ttf') format('truetype'), url('fonts/museo_slab_300-webfont.svg#webfontE2oczj31') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSlab500';
	src: url('fonts/museo_slab_500-webfont.eot');
	src: local('☺'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo_slab_500-webfont.ttf') format('truetype'), url('fonts/museo_slab_500-webfont.svg#webfontYVziE6mv') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
  font-size: 75%;
  color:#999;
  background-color:#efefef;
  background-image:url(images/page-bg-tile.jpg);
  background-position:top center;
  background-repeat:repeat-y;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none; 
}

#body-wrapper {
background-image:url(images/page-top-tile.jpg);
background-repeat:repeat-x;
}

#header-wrapper {
background-image:url(images/page-bg.jpg);
background-repeat:no-repeat;

}

li a {
color:#000;
}

#feature-panel a {
color:#fff;
text-decoration:none;
}

#feature-panel a:hover {
text-decoration:underline;
}

li a:hover, a:hover, p.postmetadata a:hover, .entry a:hover {
color:#ee4377;
}

/* positioning */

/* absolute */

#header img, #header #tagline, #header ul#nav {
position:absolute;
}

/* floats */
#column1, ul#nav li {
float:left;
}

#column2 {
float:right;
}


#page_wrapper {
width:960px;
margin:0 auto;
/*background-color:#fff;*/
overflow:hidden;
position:relative;
background-image:url(images/page-bg-tile.jpg);
}

#page {
width:880px;
margin:0 auto;
margin-bottom:20px;
position:relative;
}


/* header */

#header {
	/*border-bottom:4px solid #999;*/
	width:950px;
	height:150px;
	position:absolute;
	top:0;
	left:28px;
}

#header-bg {
	position:absolute;
	width:958px;
	background-image:url(images/header-tile.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	height:150px;
}

#logo {
position:absolute;
left:0px;
top:0;
}

a#logo-link {
width:140px;
height:150px;
display:block;
}

#header img {
top:10px;
left:0;
}

#tagline {
width:303px;
height:27px;
position:absolute;
top:45px;
left:130px;
font-size:1.8em;
font-style:italic;
background-image:url(images/strapline.png);
background-repeat:no-repeat;
background-position:top left;
text-indent:-99999px;
}

/* navigation */

ul#nav {
display:inline;
	width: 800px;
	top:85px; 
	left:105px;
	/*overflow:hidden;*/
	list-style:none;
	height:55px;
	
}

ul#nav li {

font-size:1.4em;
margin-left:25px;

}

ul#nav li a {

line-height:25px;
text-decoration:none;
/*display:block;*/
color:#7f7f7f;

font-family: 'MuseoSlab500', Helvetica, Arial, sans-serif;
}

ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover, ul#nav li.current_page_ancestor a, ul#nav li.current_page_parent a {
color:#ee4377;
background-image:url(images/nav-selected.png);
padding-bottom:8px;
background-position:bottom center;
background-repeat:no-repeat;
}

ul#nav li a:hover {
color:#000;
background-image:url(images/nav-hover.png);
background-position:bottom center;
background-repeat:no-repeat;
height:50px;
padding-bottom:8px;
}


/* ----- scrap -------*/

ul#contact-details li a:hover {
color:#ee4377;
}

ul#contact-details li.tel {
border:solid 1px red;
background-image:url(images/telephone.png);
background-repeat:no-repeat;
background-position:top left;
padding-top:30px;
font-size:1.1em;
width:222px;
height:17px;
}
ul#contact-details li.tel span {
border:solid 1px black;
background-image:url(images/tel-no.png);
background-repeat:no-repeat;
}

ul#contact-details li.tel a {
/*display:inline;*/
}

/* ----- end scrap -------*/


#contact-details {

position:absolute;
right:55px;
top:20px;
}

#contact-details p {
height:17px;
text-indent:-999999px;
}


#contact-details p a {
display:block;
height:17px;
}

#contact-details p#tel {
background-image:url(images/telephone.png);
background-repeat:no-repeat;
width:222px;
margin-bottom:4px;
}

#contact-details p#mobile {
background-image:url(images/mobile.png);
background-repeat:no-repeat;
width:222px;
background-position:right;
}






/* main */

#main {
overflow:hidden;
margin-top:20px;
clear:left;

}

#main p, .entry p {
font-size:1.4em;
line-height:1.6em;
color:#000;
margin-bottom:1.4em;
}

.entry p a {
color:#000
}


p.postmetadata {
margin-top:20px;
padding:10px 0 10px 12px;
margin-bottom:20px;
background-color:#efefef;
border-top:1px dotted;
border-bottom:1px dotted;
display:none;
}
.blog p.postmetadata, .single p.postmetadata {display:block;}

p.postmetadata a {
color: #565656;
}

/* columns */

#column1 {
width:560px;
}

.entry ul {
	list-style-type:disc;
	list-style:position:outside;
	margin-left:20px;
	padding-bottom:15px;

}

.entry ul#services {
	list-style-type:none;
	margin-left:0;

}

.entry ul li {
	font-size:1.4em;
	line-height:1.8em;
	color:#000;
}

.entry ul#services li {
	font-size:1em;
	line-height:1.4em;
}

.entry ul#services li a {text-decoration:none}

#column2 {
width:281px;
margin-top:3.5em;
}

#commentform {
	margin-bottom:20px;
}

#comment {
	width:100%;
}

#column2 ul {
/*font-size:1.1em;*/
margin-bottom:20px;
/*border-bottom:1px dotted;*/
}

#column2 ul li {
border-top:1px dotted;
line-height:1.4em;
padding:10px 0;
}



/* footer */

#footer {
margin-top:20px;
padding:15px 0;
border-top:1px solid;
clear:both;
width:880px;
margin:20px auto;
}


#footer p {
line-height:1.8em;
}

h1 {
	font-family: 'MuseoSlab700', Helvetica, Arial, sans-serif;
	font-size: 2.5em;
  font-weight:normal;
  border-bottom:1px dotted #565656;
  padding-bottom:0.4em;
  margin-bottom:0.4em;
  color:#ee4377;
}

h1 a {
color:#ee4377;
  font-family: 'MuseoSlab700', Helvetica, Arial, sans-serif;
  text-decoration:none;
  display:block;
}

h1.mainheading {display:none;}

/*suppress h1 headings on pages: home, portfolio*/
.page-template-home-template-php #mainheading,
.page-template-portfolio-php #mainheading {display:none;}
	
body.blog h1.mainheading, body.single h1.mainheading {display:block;}

h2 {
font-size: 2em;
  color: #000;
  font-weight: normal;
  margin:0.4em 0;
  font-family: 'MuseoSlab500', Helvetica, Arial, sans-serif;
  line-height:normal;
}

li.comment,
li.pingback {
	font-size:1.4em;
	line-height:normal;
	margin-bottom:1.4em;
	list-style-position: outside;
	margin-left: 2em;
}

h2 a {
	color: #000;
  display:block;
  text-decoration:none;
}

h3 {
font-size: 1.8em;
  color: #000;
  font-weight: bold;
  margin:0.4em 0;
  font-family: 'MuseoSlab500', Helvetica, Arial, sans-serif;
}

h3 a {
   color: #000;
  display:block;
  text-decoration:underline;
}

ul li h3 {font-size:1.2em;}

h4 {
font-size: 1.6em;
  color: #333;
  font-weight: bold;
  margin:0.4em 0;
  font-family: 'MuseoSlab300', Helvetica, Arial, sans-serif;
}

h4 a {
	color: #565656;
  display:block;
  text-decoration:underline;
}

h5 {
font-size:1.2em;
}

ul li h4 {font-size:1.2em;}

/* home template */
#home_panel {
width:100%;
margin-top:1px;
background-color:#ee4377;
position:relative;
margin-bottom:11px;
height:220px;
}

/* home feature panel */

#feature-wrapper {
/*background-color:#999;
background-image:url(images/home-feature-panel-bg-til.jpg);
background-repeat:repeat-x;*/
overflow:hidden;
height:220px;
background-image:url(images/clients-home.jpg);
background-repeat:no-repeat;
position:relative;
}

#feature-wrapper h1 {
position:absolute;
font-size:3em;
border-bottom:none;
height:56px;
/*margin-top:75px;*/
text-align:center;
top:86px;
right:40px;
}

#feature-wrapper h1 a {
font-size:0.65em;
color:#fff;
background-image:url(images/home-h1-cta.png);
background-repeat:no-repeat;
padding-left:25px;
padding-right:30px;
padding-bottom:20px;
padding-top:10px;
display:inline;
} 

#feature-wrapper h1 a:hover {
text-decoration:underline;
}

#feature-panel {
padding-top:30px;
float:left;
background-image:url(images/feature-border.png);
background-position:top right;
background-repeat:no-repeat;
height:192px;
width:650px;
}

#free-sample {
padding-top:30px;
float:left;
width:230px;
height:192px;
background-color:#ee4377;
}

#free-sample img {
margin-top:12px;
margin-bottom:12px;
}
#free-sample h3 a {
color:#fff;
font-size:1em;
font-family: 'MuseoSlab500', Helvetica, Arial, sans-serif;
text-align:center;

}

#free-sample h3 {
margin-top:0;
margin-bottom:0.8em;
}

#free-sample p {
color:#fff;
width:160px;
margin-left:30px;
text-align:center;
font-size:1.5em;

}

#free-sample p a.feature-cta {
background-color:#fff;
padding:0.3em;
color:#ee4377;
display:block;
margin-top:20px;
}

#free-sample p a {
color:#fff;
text-decoration:none;
line-height:1em;
}

#free-sample p a:hover {
text-decoration:underline;
}

#feature-panel img {
float:right;
margin-right:40px;
}


#feature-panel p {
margin-top:0;
color:#fff;
font-size:1.4em;
width:270px;
/*position:absolute;*/
margin-left:30px;
top:20px;
left:25px;
line-height:1.4em;
}

#feature-panel p span {
font-size:0.8em;
line-height:2em;
}

#feature-panel p #open_quote {
margin-right:10px;
float:none;
}

#feature-panel p #close_quote {
vertical-align:top;
margin-left:10px;
margin-top:4px;
float:none;
}

#feature-panel p span#author {
/*margin-left:10px;*/
line-height:normal;
}

ul#services_list {
margin-top:20px;
margin-bottom:20px;
height:90px;
}

ul#services_list h3 a, ul#services_list h3 {
color:#ee4377;
}

ul#services_list li {
border:solid 1px;
float:left;
width:280px;
height:90px;
background-repeat:no-repeat;
background-position:top left;
}

ul#services_list li a {
display:block;
height:90px;
text-decoration:none;
}

ul#services_list li h3, ul#services li h3 {
font-size:1.4em;
/*color:#000;*/
margin-top:10px;
margin-bottom:6px;
}

ul#services_list li h3 {
font-size:1.4em;
font-weight:normal;
line-height:normal;
}

ul#services_list li p, ul#services li p {
font-size:1.2em;
line-height:1.4em;
}


ul#services_list li h3, ul#services_list li p {
width:180px;
margin-left:90px;
}

ul#services_list li#copy_for_web {
background-image:url(images/copy_for_web_bg.png);
}

ul#services_list li#copy_for_geeks {
background-image:url(images/copy_for_geeks.png);
margin:0 17px;
}

ul#services_list li#copy_for_web_marketing {
/*background-image:url(images/copy_for_web_marketing.png);*/
background-image:url(images/copwriting-cta.png);
}


/* services page */

ul#services {
width:592px;
margin-bottom:1.2em;
background-repeat:no-repeat;
background-position:top left;
}

ul#services li h3, ul#services li p {
margin-left:80px;
width:470px;
}

ul#services li h3 {
padding-top:10px;
}

ul#services li {
height:90px;
background-repeat:no-repeat;
}

ul#services li#copy_for_web {
background-image:url(images/services_copy_for_web.png);
}

ul#services li#copy_for_geeks {
background-image:url(images/services_copy_for_geeks.png);
margin:11px 0;
}

ul#services li#copy_for_web_marketing {
/*background-image:url(images/services_copy_for_marketing.png);*/
background-image:url(images/services-copywriting-agency.png);
}

/*h3 {
  font-size: 1.5em;
  line-height:1.1em;
  
}*/

/*p {
  margin: 10px 0;
}

/*
a {color:#333;}*/

body#commentspopup {padding:20px;}

body#commentspopup #header {display:none;}

body#commentspopup a {color:#333;}

body#commentspopup p {color:#333; font-size:11px; line-height:14px; padding-top:5px;}

body#commentspopup #commentlist p {color:#333; font-size:14px; line-height:18px; padding-top:5px;}
body#commentspopup p cite {font-size:11px; color:#666; padding-top:0;}

body#commentspopup textarea, body#commentspopup input {margin:10px 0; width:300px;}

#cc {
float:right;
}

/* PORTFOLIO STYLES (.page page-id-60) */

.page-id-60 #column1 {
width:100%;
}

.page-id-60 #column1 h1 {
margin-bottom:0;
text-align:center;
}

.page-id-60 ul#categories {
width:878px;
list-style:none;
border:1px dotted #000;
margin-left:0;
text-align:center;
overflow:hidden;
padding-bottom:0;
border-top:0;
margin-bottom:2em;
}

.page-id-60 ul#categories li {
float:left;
width:292px;
height:44px;

}

.page-id-60 ul#categories li a {
font-family: 'MuseoSlab500', Helvetica, Arial, sans-serif;
font-size:1.3em;
padding-top:0.7em;
display:block;
height:44px;
text-decoration:none;
}

.page-id-60 #column1 .portfolio-wrapper {
background-image:url(images/portfolio/bg.jpg);
background-repeat:repeat-x;
background-position:bottom left;
background-color:#595959;
text-align:center;
padding-top:2em;
overflow:hidden;
margin-bottom:1em;
}

.page-id-60 h2 {
color:#fff;
font-size:2.2em;
}

.page-id-60 h2 a {
color:#fff;
}

.page-id-60 h2 a:hover {
color:#fff;
}

.page-id-60 ul#categories li.row2 a {
padding-top:0.2em;
}

.page-id-60 ul#categories li.row2 {
border-top:1px dotted #bbb;

}

.page-id-60 ul#categories li.cols {
border-right:1px dotted #bbb;
}

.page-id-60 #column1 .portfolio-wrapper ul {
margin-top:1.4em;
list-style:none;
overflow:hidden;
padding-bottom:2em;
}

.page-id-60 #column1 .portfolio-wrapper li p {
font-size:1em;
}

.page-id-60 #column1 .portfolio-wrapper li {
width:202px;
float:left;
margin-right:10px;
}

.page-id-60 #column1 .portfolio-wrapper li a {
clear:left;
}


.page-id-60 #column1 .portfolio-wrapper li img a {
clear:none;
}

* html .page-id-60 #column1 .portfolio-wrapper {
overflow:hidden;
height:200px;

}

.page-id-60 #column1 .portfolio-wrapper li img {
border:1px solid #fff;

}
.page-id-60 #column1 .portfolio-wrapper li a, .page-id-60 #column1 .portfolio-wrapper li p, .page-id-60 #column1 .portfolio-wrapper li {
color:#7f7f7f;
}

.page-id-60 #column1 .portfolio-wrapper li a:hover img {
filter: alpha(opacity=30);
opacity: .30;
moz-opacity: .30;
}


.page-id-60 #column1 p.back-to-top {
margin-top:2em;
text-align:center;
font-size:1em;
margin-bottom:4em;
}

.page-id-60 #page #main {
margin-top:0;
}

/* sidebar styles */

.textwidget {
font-size:1.4em;
color:#000;
line-height:normal;

}

#column2 li#text-8 .textwidget li a {
background-image:url(images/download-icon.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:40px;
display:block;
height:39px;
}

#column2 li.widget_text {
background-color:#F2F2F2;
padding:18px;
margin-bottom:20px;
}

.home #column2 .textwidget ul li {
background-image:url(images/sidebar-bullet.png);
padding-left:0.8em;
background-repeat:no-repeat;
background-position:center left;
}

#column2 li#text-9 {
padding:0;
background-color:#fff;
}


#column2 ol {
color:#ee4377;
}


ol li {
list-style-position:inside;
list-style-type:decimal;
color:#000;
list-style-image:none;
}

/* mailchimp sign-up form */
#mc_message {
margin-bottom:1em;
}

span.mc_error_msg {
color:#ee4377;

font-weight:bold;

}

form#mc_signup_form {
border: solid 1px #999;
font-size:1.4em;
padding:1em;
-webkit-border-radius: 0.8em;
-moz-border-radius: 0.8em;
border-radius: 0.8em;
}

#mc_display_rewards {
font-size:0.8em;
color:#666;
}

#mc-indicates-required {
display:none;
}

li#mailchimp-widget h2.widgettitle {
margin-left:0.4em;
color:#ee4377;
}

.mc_var_label {
margin-left:0.2em;
margin-top:0.4em;
}

.mc_input {
margin-top: 0.6em;
margin-bottom:1.4em;
border: solid 1px #999;
padding:0.4em;
width:220px;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
font-size:1em;
}

#mc_signup_submit {
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
background-color:#ee4377;
padding:0.6em;
border:none;
font-size:1em;
color:#fff;
}

#mc_display_rewards {
display:none;
}

/* addthis buttons */
.addthis_toolbox.addthis_32x32_style {margin-bottom: 1.4em;}

/* blog navigation */
.navigation {
font-size:1.4em;
overflow:hidden;
}

.navigation a {
text-decoration:none;
color:#000;
padding:10px;
background-color:#ee4377;
line-height:30px;
}

.navigation a:hover {
color:#fff;
background-color:#000;
}

.alignleft {
margin-right:10px;
}

.alignleft, alignright {
float:left;
overflow:hidden;
height:30px;
}

/* comments style */

#comments h2#comments a {
display:inline;
}

#comments p {
font-size:inherit;
}

#comments a {
color:#000;
}

input.submit {
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
font-size:1.2em;
border:0;
color:#fff;
padding:10px;
background-color:#ee4377;
}

input.submit:hover {
color:#fff;
background-color:#000;
}


.reverse {
margin-top:1em;
}

.reverse a {
color:#fff;
text-decoration:none;
background-color:#666;
padding:0.4em;
}

.reverse a:hover {
text-decoration:underline;
}