/*
	Theme Name: Deuce 960
	Theme URI: http://deucecreative.co.uk
	Description: A blank base theme built on Nathan Smith's excellent <a href="http://960.gs">960 grid system</a>.
	Version: 1.0
	Author: Deuce Creative
	Author URI: http://deucecreative.co.uk
	Tags: 
*/

@import url(css/reset.css);
@import url(css/text.css);
@import url(css/960.css);

body {
	background: #404040;
	color: #333;
	font-size: 11px;
	padding-top: 30px;
	font-family: Arial, sans-serif;
}

a {
	color: #333;
/* 	text-decoration: none; */
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}

h1, h2 {
	font-size: 20px;
	line-height: 30px;
	padding: 0 10px 10px 10px;
	color: #ee2a26;
}

body.home h1,
body.page-id-997 h2 {
	text-align: left;
	font-size: 30px;
	line-height: 35px;
	color: #999;
	padding: 0 10px 20px 10px;
	font-weight: normal;
  text-shadow: 0pt 1px 0pt rgba(255, 255, 255, 0.8);
}

h3 {
	font-size: 14px;
	line-height: 20px;
	padding: 10px 10px 10px 10px;
	color: #ee2a26;
}

h3 small {
	font-size: 10px;
	color: #333
}

body.category h3 {
	padding: 10px 15px 4px 15px;
}

body.single h3 {
	color: #999;
}

h4 {
	font-size: 14px;
	line-height: 20px;
	padding: 0 10px 20px 10px;
	color: #999;
}

h4#connectWithUsHeading {
	padding-bottom: 15px;
}

h2.topPadding {
	padding-top: 22px;
}

p,
ul {
	padding: 0 10px 10px 10px;
	font-size: 14px;
	line-height: 20px;
}

p.right {
	text-align: right;
}

p.small {
	padding: 0 15px 15px 15px;
	font-size: 11px;
}

p.postmetadata {
	margin-bottom: 15px;
	color: #999;
}

p.postmetadata small {
  font-size: 11px;
}

#footer p {
	color: #666;
	font-size: 12px;
}

#footer ul {
	color: #999;
}

#footer a {
	color: #fff;
}

#header {
	padding-bottom: 26px;
}

img#logo {
	padding-left: 10px;
}

#body {
	border-top: 1px solid #fefefe;
	background-color: #ecede6;
	border-bottom: 1px solid #fefefe;
	min-height: 650px;
	padding: 50px 0 80px 0;
}

body.page #body {
  padding-top: 70px;
}

#body p a.large,
#body p#projectNav a,
#body ul#categoryNav,
#body p#breadcrumbs {
	font-weight: bold;
}

#body p#workLink,
#body p#projectNav,
#body ul#categoryNav,
#body p#breadcrumbs {
	padding: 15px;
}

#body p#workLink a.large,
#body p#projectNav,
#body p#projectNav a,
#body ul#categoryNav li a,
#body p#breadcrumbs a {
	color: #999;
}

#body ul#categoryNav li.current-cat a {
	color: #ee2a26;
}

#body ul#categoryNav {
	list-style-type: none;
	font-size: 14px;
	line-height: 20px;
	text-transform: lowercase;
}

#body ul#categoryNav li {
	display: inline;
	border-left: 1px solid #999;
	padding: 0 10px;
	border-right: 1px solid #fafafa;
	margin: 0;
}

#body p#breadcrumbs {
  text-transform: lowercase;
  color: #999;
  padding-left: 10px;
}

#body p#breadcrumbs strong {
/*   color: #ee2a26; */
}

#body p#breadcrumbs img {
  vertical-align: middle;
  padding: 0 10px;
}

span#nextPostLink {
	padding-right: 10px;
	border-right: 1px solid #fafafa;
}

span#previousPostLink {
	padding-left: 10px;
	border-left: 1px solid #999;
}

#body ul#categoryNav li.first {
	border-left: none;
	padding-left: 0;
}

#body ul#categoryNav li.last {
	border-right: none;
	padding-right: 0;
}

#body img.projectImage,
#body img.projectImageThumb {
	border: 5px solid #fff;
	margin: 0 10px 0 10px;
	display: block;
	background-color: #fff;
}

#body img.projectImage {
	width: 610px;
	height: 410px;
}

#body img.projectImageThumb {
	width: 190px;
	height: 128px;
}

#body img.projectImageFrameDropShadow,
#body img.projectImageThumbFrameDropShadow,
#body img.mapDropShadow {
	margin: 0 10px 0 10px;
	display: block;
}

#body img.projectImageFrameDropShadow {
	width: 620px;
	height: 7px;
}

#body img.projectImageThumbFrameDropShadow {
	width: 200px;
	height: 6px;
	padding-bottom: 5px;
}

#body img.mapDropShadow {
	width: 375px;
	height: 6px;
	padding-bottom: 20px;
}

ul#pager {
	float: right;
	list-style-type: none;
	margin: 10px 15px 0 15px;
}

ul#pager li {
	float: left;
	margin: 0;
}

ul#pager li a {
	display: block;
	width: 12px;
	height: 11px;
	background-image: url(img/pagerOff.png);
	background-repeat: no-repeat;
	padding: 0 4px 0 4px;
}

ul#pager li a.activeSlide {
	background-image: url(img/pagerOn.png);
}

ul#pager li a:focus {
	outline: none;
}

ul#headerNav {
	list-style-type: none;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform: lowercase;
}

ul#headerNav li {
	float: left;
	margin: 0 30px 0 0;
	line-height: 32px;
}

ul#headerNav li a {
	color: #999;
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 32px;
	display: inline-block;
	padding-left: 40px;
}

ul#headerNav li.page-item-1 a {
	background-image: url(img/navIconHome.png);
}

ul#headerNav li.page-item-2 a {
	background-image: url(img/navIconAbout.png);
}

ul#headerNav li.cat-item-1 a {
	background-image: url(img/navIconBlog.png);
}

ul#headerNav li.cat-item-3 a {
	background-image: url(img/navIconWork.png);
}

ul#headerNav li.page-item-230 a {
	background-image: url(img/navIconContact.png);
}

ul#headerNav li.page_item a:hover,
ul#headerNav li.cat-item a:hover,
ul#headerNav li.current_page_item a,
ul#headerNav li.current-cat a,
ul#headerNav li.current-cat-parent a {
	color: #fff;
	text-decoration: none;
}

#footer {
	border-top: 1px solid #000;
	padding: 35px 0;
}

#footer ul {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	list-style-type: none;
}

#footer ul li {
	margin: 0;
}

#footer ul#blogEntries li {
	margin-bottom: 20px;
}

ul#connectWithUs li {
	margin-bottom: 9px;
}

ul#connectWithUs li a {
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 31px;
	display: inline-block;
	padding-left: 40px;
}

ul#connectWithUs li.twitter a {
	background-image: url(img/navIconTwitter.png);
}

ul#connectWithUs li.facebook a {
	background-image: url(img/navIconFacebook.png);
}

ul#connectWithUs li.feed a {
	background-image: url(img/navIconFeed.png);
}

#body .container_16,
#footer .container_16 {
/* 	background: transparent url(img/16_col_trans.gif) repeat-y; */
}

div#projectPlannerIcon {
	padding: 20px 0 0 10px;
}

div#projectPlannerIcon img {
	float: left;
	padding-right: 20px;
}

div#projectPlannerIcon a.text {
	font-size: 24px;
	line-height: 30px;
	color: #999;
	padding-top: 15px;
	display: block;
  text-shadow: 0pt 1px 0pt rgba(255, 255, 255, 0.8);
}

#map {
	border: 5px solid #fff;
	margin: 0 10px;
	height: 300px;
	width: 365px;
}

.category-blog .entry img {
  border: 5px solid #fff;
}

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

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

img.alignleft {
	margin: 0px 20px 10px 0px;
/* 	margin: 0 7px 2px 0; */
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

form#searchform div {
  margin: 0px 0px 10px 10px;
}

textarea#comment {
	padding: 8px 8px 18px 8px;
/* 	background: #fff;  */
/* 	border: 5px solid #fff;  */
  border: none;
	vertical-align:top;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	width: 359px;
	background: #fff url(http://deucecreative.co.uk/wp-content/themes/deuce960/img/form-shadow.gif) no-repeat center bottom;
	font-family: arial;
	font-size: 14px;
	line-height: 20px;
	overflow:auto;
}