/*  
Theme Name: DTC
Theme URI: http://www.zebra-crossing.co.uk/
Description: Theme for DTC
Version: 1.0
Author: Carl Winberg / Andrew Fox
Author URI: http://www.zebra-crossing.co.uk/


*/

body {
	font-family: Calibri, "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
}

a {
	color: #f60298;
	text-decoration: none;
}
a:hover {
	color: #f60298;
	text-decoration: underline;
}


img {
	margin: 0;
	padding: 0;
	border: 0;
}

p,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0.5em 0 0.2em 0;
}
ol,ul {
	padding: 0 0 0 3em;
	margin: 0;
}
li {
	padding: 0.2em 0;
	margin: 0;
}
/* SKIP -------------------------------------- */
/*for accessibility*/
/*not working at the moment - so display is hidden*/
.skip {
    position: absolute;
    left: -9999em;
    top: -99em;
    z-index: 1999;
	display: none;
}
a.skip:active, a.skip:focus {
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
	visibility: visible;
}

/* LOGO, TITLE -------------------------------------- */

#logo {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1001;
}
#title {
	position: absolute;
	display: block;
	top: 56px;
	left: 135px;
	z-index: 1000;
}

/* HEADER */

#header {
	margin: 0px;
	padding: 75px 0 0 0;
	width: 100%;
	background: #f60298 url(/images/header_bk.jpg) repeat-x 0 bottom;
}

/* NAV */

#navigation {
	color: #FFFFFF;
	padding: 10px;
	text-align: right;
}
#navigation li {
	display: inline;
	list-style-type: none;
	white-space: nowrap;
	margin: 0 20px 0 0;
}
#navigation li.current_page_item a {
	background-color: #e350ba;
}
#navigation li a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px 5px;
}
#navigation li a:hover {
	background-color: #fc59d0;
}

/* NAV2 - tricky stuff, what with the png overlay for the logo */

#navigation2 {
	width: 100%;
	clear: both;
	color: #fff;
	background-color: #019cdf;
	border-top: 2px solid white;
}
#navigation2 div div {
	padding: 0;
	height: 65px;
	overflow: hidden;
}
#navigation2 div h2 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	padding: 8px 0 0 10px;
}
#navigation2 div p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	padding: 0 0 10px 10px;
}
#navigation2 div h2 a {
	color: white;
}
#navigation2 #navigation2holder {
	/*width: 950px;*/
}
#navigation2 #navsizer {
	clear: left;
}
#navigation2 div #navservices {
	background-color: #ff7f00;
	float: left;
	border-right: 1px solid white;
	width: 40%;
	/*width: 316px;*/
}
#navigation2.nav2home div #navservices {
	width: 32%;
	/*width: 316px;*/
}
#navigation2 div #navservices h2,#navigation2 div #navservices p {
	padding-left: 177px;
}
#navigation2.nav2home div #navservices h2,#navigation2.nav2home div #navservices p {
	padding-left: 10px;
}	
#navigation2 div #navhelpus {
	background-color: #81b723;
	float: left;
	border-right: 1px solid white;
	width: 28%;
	/*width: 316px;*/
}
#navigation2.nav2home div #navhelpus {
	width: 32%;
}
#navigation2 div #navevents {
	background-color: #019cdf;
	float: left;
	width: 28%;
	/*width: 316px;*/
}
#navigation2.nav2home div #navevents {
	width: 32%;
}
/*HOME IMAGE ONLY APPEARS ON HOME - hence the name*/ 

#homeimage {
	clear: both;
	background: #ddd url(/assets/dtc-home-2.jpg) no-repeat center top;
	height: 250px;
	width: 100%;
	border-top: 2px solid #fff;
}



/* CONTENT */

#content {
	width: 850px;
	padding: 20px;
	margin: 0 auto;
}
.homecontent img {
	border:  1px solid #ccc;
	margin: 0 0 20px 10px;
}

#sidebar {
	float: right;
	width: 220px;
	border-left: 1px solid #ccc;
	margin: 0 0 20px 10px;
}
#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 10px;
}

/* footer */

#footer {
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 0;
	width: 100%;
	background: #f60298 url(/images/header_bk.jpg) repeat-x 0 bottom;
}
#footer p {
	text-align: center;
	padding: 0;
	color: white;
	font-size: 0.8em;
}
#footer p a {
	text-decoration: underline;
	color: white;
}