/*
Theme Name: zero G | Kendall theme 
Theme URI: http://www.zerogmedia.co.uk
Description: Wordpress theme created for Kendall Copywriting
Version: 1.0
Author: Guy Anderson
Tags: two columns, widgets

*/

@import url('reset.css');


/* colour palette:

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

*/


body {
  font-size: 62.5%;
  color:#999;
  background:url(images/bg_tile.png) repeat left top;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none; 
}

li a {
color:#000;
}

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:950px;
margin:0 auto;
background-color:#fff;
overflow:hidden;

}

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


/* header */

#header {
	border-bottom:4px solid #999;
	height:150px;
}

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

#header #tagline {
top:45px;
left:150px;
border-left:solid 1px;
font-size:1.8em;
font-style:italic;
padding:15px;
}

/* navigation */

ul#nav { 
	width: 465px;
	top:20px; 
	right:0; 
	overflow:hidden;
	list-style:none;
}

ul#nav li {
float:left;
width:135px;
font-size:1.2em;
margin-left:20px;
border-top:1px solid;
}

ul#nav li a {
height:25px;
line-height:25px;
width:135px;
text-decoration:none;
display:block;
color:#000;
}

ul#nav li a:hover {
color:#ee4377;
}

ul#nav li.tel {
padding-top:30px;
font-size:1.1em;
}

ul#nav li.tel a {
display:inline;
}


/* 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:600px;
}

.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:290px;
}

#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;
}


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

h1 {
	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;
  
  text-decoration:none;
  display:block;
}

h1#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:Georgia, "Times New Roman", Times, serif;
}

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:Georgia, "Times New Roman", Times, 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:Georgia, "Times New Roman", Times, serif;
}

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

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

/* home template */
#home_panel {
width:100%;
margin-top:1px;
background-color:#999;
background-image:url(images/computer.png);
background-repeat:no-repeat;
background-position:610px 20px;
height:220px;
position:relative;
margin-bottom:11px;
}

#home_panel p {
margin-top:0;
color:#fff;
font-size:1.6em;
width:500px;
position:absolute;
top:20px;
left:25px;
line-height:1.4em;
}

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

#home_panel p #open_quote {
margin-right:10px;
}

#home_panel p #close_quote {
vertical-align:top;
margin-left:10px;
margin-top:4px;
}

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

ul#services_list li {
float:left;
width:296px;
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 p, ul#services li p {
font-size:1.2em;
line-height:1.4em;
}


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

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 11px;
}

ul#services_list li#copy_for_web_marketing {
background-image:url(images/copy_for_web_marketing.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:500px;
}

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

ul#services li {
height:90px;
}

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);
}

/*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;
}