/*
Theme Name: DTC Theme
Description: The DTC Theme; suitable for all ages
Version: 1.0
Author: Mark Blethen
Author URI: http://www.ieproductions.com/
*/

* {
	margin:0;
	padding:0;
}

body {
	background:#fff;
	color:#333;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:40px;
	line-height:1.4em;
	letter-spacing:.05em;
}

a {
	text-decoration:none;
	outline:none;
	color:#0b577b;
}

a:hover {
	color:#2698d2;
}

h1, h2.blog {
	font-family:Impact, Arial Black, sans-serif;
	color:#0b577b;
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:.4em;
}

/*** Containers ***/

#blue-bkgd {
	background:#0c587d url(graphics/blue-bkgd.jpg) repeat-y;
}

#grey {
	background:#ccc;
}

.entry {
	padding:30px 0;
}

.blueborder {
	border-bottom:#0c587d 1px solid;
}

#nine-sixty {
	width:980px;
	padding-left:40px;		
}

/*** Logo ***/

#logo {
	background:url(graphics/dtc-logo.jpg) no-repeat;
	width:316px;
	height:100px;
	text-indent:-9999px;
	margin-bottom:20px;
}

#logo a {
	display:block;
	width:316px;
	height:100px;
}

.top-border {
	height:20px;
	margin-top:54px;
}

/*** Menu ***/

#menu {
	background:url(graphics/menu.jpg) no-repeat;
	height:34px;
	width:940px;
	position:absolute;
	padding:0px;
}

#menu ul {
	position:relative;
}
#menu ul li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
	text-indent:-9999px;
}
#menu ul li, #menu ul a {
	height: 34px;
	display: block;
	}

/* Hover States */

li.home {
	left:0px;
	width:72px;
}
li.home a:hover, li.home a.current:hover {
	background:transparent url(graphics/menu.jpg) 0px -68px no-repeat;
}
li.home a.current, li.home a:active, li.home a.current:active {
	background:transparent url(graphics/menu.jpg) 0px -34px no-repeat;
}

li.story {
	left:73px;
	width:128px;
}
li.story a:hover, li.story a.current:hover {
	background:transparent url(graphics/menu.jpg) -73px -68px no-repeat;
}
li.story a.current, li.story a:active, li.story a.current:active {
	background:transparent url(graphics/menu.jpg) -73px -34px no-repeat;
}

li.services {
	left:200px;
	width:112px;
}
li.services a:hover, li.services a.current:hover {
	background:transparent url(graphics/menu.jpg) -200px -68px no-repeat;
}
li.services a.current, li.services a:active, li.services a.current:active {
	background:transparent url(graphics/menu.jpg) -200px -34px no-repeat;
}

li.resources {
	left:313px;
	width:218px;
}
li.resources a:hover, li.resources a.current:hover {
	background:transparent url(graphics/menu.jpg) -313px -68px no-repeat;
}
li.resources a.current, li.resources a:active, li.resources a.current:active {
	background:transparent url(graphics/menu.jpg) -313px -34px no-repeat;
}

li.blog {
	left:531px;
	width:89px;
}
li.blog a:hover, li.blog a.current:hover {
	background:transparent url(graphics/menu.jpg) -531px -68px no-repeat;
}
li.blog a.current, li.blog a:active, li.blog a.current:active {
	background:transparent url(graphics/menu.jpg) -531px -34px no-repeat;
}

li.contact {
	left:620px;
	width:120px;
}
li.contact a:hover, li.contact a.current:hover {
	background:transparent url(graphics/menu.jpg) -620px -68px no-repeat;
}
li.contact a.current, li.contact a:active, li.contact a.current:active {
	background:transparent url(graphics/menu.jpg) -620px -34px no-repeat;
}

/*** Front Page ***/
#front-image {
	background:url(graphics/discover-image.jpg) no-repeat;
	width:980px;
	height:304px;
	text-indent:-9999px;
}

#bttn-glow {
	background:url(graphics/bttn-bkgd.jpg) bottom left no-repeat;
	width:330px;
	height:240px;
	float:right;
}

small.sub-bttn {
	margin-left:40px;
	text-align:center;
	font-size:.7em;
	letter-spacing:0em;
	line-height:1em;
}

.bttn {
	background:url(graphics/bttn.jpg) no-repeat;
	width:308px;
	height:64px;
	text-indent:-9999px;
	margin:63px 0 0 13px;
}
.bttn a {
	width:308px;
	height:64px;
	display:block;
}
.bttn a:hover {
	background:transparent url(graphics/bttn.jpg) 0px -67px;
}
.bttn a:active {
	background:transparent url(graphics/bttn.jpg) 0px -133px;
}

/*** Front Blog ***/

#front-blog {
	padding:10px 0 30px;
	color:#fff;
}

#front-blog .updates {
	background:url(graphics/recent-updates.jpg) no-repeat;
	width:770px;
	height:70px;
	margin:0 auto;
	text-indent:-9999px;
}

#front-blog .updates a {
	display:block;
	width:770px;
	height:40px;
}

#front-entry {
	margin-right:20px;
	float:left;
}

#front-blog h3 a {
	color:#a9d56f;
	text-transform:uppercase;
}

#front-blog h3 a:hover {
	color:#bcf570;
}

.date {
	width:60px;
	text-align:center;
	font-family:Impact, Arial Black, sans-serif;
	text-transform:uppercase;
}

.day {
	font-size:1.4em;
	margin-bottom:.1em;
}

.month {
	font-size:2em;
}

#front-post {
	width:230px;
	margin:-3.1em 0 0 70px;
}

/*** Page Styles ***/

.entry {
	text-shadow: 0px 1px 1px #fff;
	width:700px;
}

.entry li {
	margin-left:30px;
	list-style-image:url(graphics/bullet.gif);
}

.entry p {
	margin-top:.5em;
}

.entry .date {
	text-shadow: 0px -1px 2px #888;
	color:#fff;
}

.entry h3 {
	margin-top:1.2em;
}

.entry a img {
	border:none;
}

.entry h1 {
	background:url(graphics/header-bkgd.jpg) no-repeat;
	line-height:51px;
	margin-left:-40px;
	padding-left:40px;
}

.mainpost {
	width:620px;
	margin:-3em 0 30px 80px;
}

.postmetadata {
	font-size:.7em;
}

#breadcrumbs {
	font-size:.8em;
	margin:0em 0 0.2em;
}

.postmetadata small {
	line-height:1.2em;
}

p img {
	padding: 0;
	max-width: 100%;
}

img.centered, img.alignright, img.alignleft {
	/*border:#fff solid 8px;
	background:#0b577b;*/
	border:#aaa solid 1px;
	background:#fff;
	padding: 10px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/*** Comments ***/

.comments {
	margin-left:60px;
}

.comments li {
	list-style:none;
	margin:30px 0px;
}

.comment-meta {
	font-size:.7em;
	line-height:1em;
}

.commentlist li {
	background:url(graphics/comment-triangle.jpg) top left no-repeat;
	padding-left:20px;
}

.comment-body {
	background:#aaa;
	text-shadow: 0px 1px 1px #ddd;
	padding:10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.commentlist li.bypostauthor {
	background:url(graphics/author-comment-triangle.jpg) top left no-repeat;
}

.bypostauthor .comment-body {
	background:#fff;
	text-shadow:none;
}

.comment-edit-link {
	color:#c25d5d;
}

.avatar {
	margin:-10px 0 0 -90px;
	float:left;	
}

#respond {
	margin-left:80px;
}

#respond h3 {
	text-transform:uppercase;
	font-size:.9em;
}

#respond form p {
	font-size:.8em;
	margin-top:.4em;
	line-height:1em;
}

/*** Sidebar ***/

#sidebar {
	width:220px;
	float:right;
	margin:30px 0px;
	padding-top:70px;
}

#sidebar ul {
	list-style:none;
}

#sidebar .tb li {
	margin-left:1.4em;
	list-style:url(graphics/sidebar-bullet.jpg);
}

.tb {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

/*** Contact form ***/

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

/*** Footer ***/

#footer {
	margin:30px 0;
	text-align:center;
	font-size:.8em;
}