/*
Theme Name: DtwoCreative Blog Mk2
Author: dtwo Creative
Author URI: http://www.dtwocreative.co.uk/
*/

* { margin: 0; padding: 0; }
body { margin:0 auto; padding:0; background:#FFF; font-family:Palatino Linotype,Palatino,Georgia,serif; color: #231f20; text-align:center; font-size:12px; }
a { color: #231f20; text-decoration:none; outline:none; }
a:hover { color: #acc42a; text-decoration:none; }
img { border: 0; }
/* stops annoying focus-selection boxes in FF3 */
object:focus, embed:focus { outline: none; }
.break { font-size: 0; width: 0; height: 0; clear: both; }
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.aligncenter { text-align: center; }
.hidden { display: none; }

/** BEGIN wrapper **/
#wrapper { width: 970px; margin: auto auto; background: #FFF; text-align:left; margin-top: 44px; }
/** END wrapper **/

/** BEGIN header **/
#header-wrap { background:#231f20; width:100%; height:144px; }
#header { height:144px; }
#header-container { margin:0 auto; position:relative; width:970px; }
h1#logo { position:absolute; width:203px; height:128px; left:3px; top:3px; text-indent:-9999em; background:url(images/dtwo-blog-logo.gif) left top no-repeat; }
h1#logo a { display:block; width:203px; height:128px; outline:none; border:none; }
#header #subscribe a { display:block; position:absolute; background-image:url(images/email-subscribe-link.png); width:149px; height:126px; right:0; top:88px; text-indent:-2000px; overflow:hidden; outline:none; }
/** END header **/

/* Menu */
#menu { background:url(images/dtwo-blog-nav-bg.gif) repeat-x left top; height:40px; width:100%; }
#menu ul { width: 970px; margin: 0 auto; padding: 0; bottom: 0; left: 0; list-style: none; font-size:1em; }
#menu ul li { float: left; margin: 0 1em 0 1em; background:url(images/dtwo-blog-nav-spacer.gif) top right no-repeat; }
#menu .page_item a { display: block; padding-right: 2em; line-height: 3.0em; color: #383838; text-decoration: none; }
#menu .current_page_item a, #menu .page_item a:hover { color: #FFF; }
.menu-left-spacer { float:left; position:relative; left:-1em; padding-left:2em; margin-right: -1em; background:url(images/dtwo-blog-nav-spacer.gif) top left no-repeat; }

/** BEGIN body **/
#body { padding: 32px 0 22px 0; }
/** END body **/

/** BEGIN content **/
#content { clear: both; width: 654px; float: left; padding: 14px 0 0 22px; }
#content .latest { font-size: 0.9em; text-transform: uppercase; color: #ffffff; background-color: #231f20; padding: 5px 8px; font-weight: normal; width:130px; }
	#content .atitle { float: left; font-size: 0.9em; text-transform: uppercase; color: #ffffff; background-color: #231f20; padding: 5px 8px; font-weight: normal; margin: 10px 0 10px 0; }
	#content .featured { padding: 5px 0 10px 0; }
		#content .featured h2.title { float: left; font-size: 0.9em; text-transform: uppercase; color: #ffffff; background-color: #231f20; padding: 5px 8px; font-weight: normal; 			margin-bottom: 10px; }
		#content .featured .thumb { width: 590px; height: 315px; padding: 5px; border: 1px solid #E9E9E9; background-color: #F2F2F1; clear: both; }
			#content .featured .b { width: 589px; height: 315px; overflow: hidden; position: relative; }
			#content .featured .photo { list-style-type: none; }
				#content .photo li { position: absolute; top: 0; left: 0; z-index: 0; } 
				#content .photo li.first { z-index: 2; }
				#content .photo li img { width: 589px; }
			#content .featured .text { list-style-type: none; }
				#content .featured .text li { width: 230px; height: 285px; position: absolute; top: 0; right: -270px; padding: 15px; color: #ffffff; font-family: Verdana; background: url(images/shade.png) repeat 0 0; z-index: 4; }
				#content .featured .text li.first { right: 0; } 
					#content .featured .text h2 { margin-bottom: 15px; }
					#content .featured .text p { line-height: 1.6em; margin-bottom: 15px; }
					#content .featured .text a { color: #ffffff; text-decoration: none; }
					#content .featured .text a:hover { color: #ffffff; text-decoration: none; border-bottom: 1px dotted #fff; }
					#content .featured .text .readmore { font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
	#content .post { clear: both; border-top: 1px solid #E9E9E9; margin: 22px 54px 30px 0; }
	#content .first { border-top: 0; }
		#content .post .l { float: left; width: 140px; padding: 15px 0 15px 0; }
			#content .post img { width: 134px; height: 134px; border: 1px solid #e9e9e9; background-color: #F2F2F1; padding: 5px; }
		#content .post .r { float: right; width: 430px; padding: 15px 0 15px 0; }
			#content .post h2 { font-weight: normal; font-size: 1.8em; margin-bottom: 15px; }
				#content .post h2 a { text-decoration: none; color: #191919; }
				#content .post h2 a:hover { text-decoration: none; color: #acc42a; }
			#content .post p { line-height: 1.6em; margin-bottom: 15px; }
			#content .details { float: left; font-size: 0.85em; text-transform: uppercase; margin-bottom: 0 !important; }
				#content .details a { text-decoration: none; color: #191919; margin: 0 5px; }
				#content .details a:hover { text-decoration: none; border-bottom: 1px dotted #231f20; }
			#content .comments { float: right; margin-bottom: 0 !important; padding-bottom: 6px; background: url(images/comments.gif) no-repeat right bottom; }
				#content .comments a { display: block; color: #ffffff; font-family: Verdana; font-size: 0.9em; text-decoration: none; padding: 2px 6px; background-color: #231f20; }
				
	#content .postnav { clear: both; float: right; padding: 0 20px; }
		#content .postnav ul { list-style-type: none; }
			#content .postnav ul li { float: left; padding: 0 4px; font-family: Arial; }
			#content .postnav ul li a { display: block; padding: 4px 8px; border: 1px solid #E1E1E1; text-decoration: none; color: #4F4F4F; }
			#content .postnav ul li a:hover { border-color: #ffffff; }
	#wp_page_numbers ul { border-top: 0 !important; }
	#wp_page_numbers .page_info { padding: 4px 8px !important; border: 1px solid #E1E1E1 !important; margin-right: 2px; }
	#wp_page_numbers .active_page a { border-color: #ffffff !important; background-color: #ffffff !important; }
	#content .single { padding: 10px 0 30px 0; }
		#content .single h2 { margin-bottom: 10px; font-size: 1.4em; text-transform: none; }
		#content .single p { line-height: 1.5em; margin-bottom: 10px; }
		#content .single ul, #content .single ol { list-style-position: inside; margin-bottom: 10px; }
		#content .single li { line-height: 1.5em; padding: 2px 0; }
		#content .single blockquote { padding: 10px 10px 5px; margin-bottom: 10px; background-color: #eeeeee; border-width: 1px 0; border-style: solid; border-color: #e0e0e0; }
		#content .single h3, #content .single h4, #content .single h5, #content .single h6 { font-size: 1.2em; margin-bottom: 5px; }
		#content .single a { text-decoration: none; color: #191919;  border-bottom:1px dotted #191919; }
		#content .single a:hover { text-decoration: none; color: #acc42a;  border-bottom:1px dotted #acc42a; }
		#content .single img { border: 1px solid #e9e9e9; background-color: #F2F2F1; padding: 5px; }
/** END content **/

/** BEGIN links **/
#links { clear: both; padding: 20px 30px; font-family: Verdana; }
	#links .box { width: 130px; float: left; padding: 20px 10px; border-top: 1px solid #E9E9E9; }
	#links h2 { float: left; font-size: 0.9em; text-transform: uppercase; color: #ffffff; background-color: #231f20; padding: 5px 8px; font-weight: normal; margin-bottom: 10px; }
	#links ul { clear: both; list-style-type: none; padding: 0 5px; }
		#links ul li { line-height: 1.5em; font-size: 0.9em; padding: 4px 0; }
		#links ul li a { color: #191919; text-decoration: none; }
		#links ul li a:hover { color: #6B001A; text-decoration: underline; }
/** END links **/

/** BEGIN sidebar **/
#sidebar { width: 270px; float: right; padding: 8px 8px 0 0; }
	#sidebar .box { border-bottom: 1px solid #E1E1E1; padding: 15px; margin-bottom: 17px; }
	#sidebar h2 { font-size: 0.9em; text-transform: uppercase; color: #ffffff; background-color: #231f20; padding: 5px 8px; font-weight: normal; margin-bottom: 10px; width: 130px; }
	#sidebar ul { list-style-type: none; }
		#sidebar ul li { line-height: 1.5em; padding: 2px 0; }
		#sidebar ul li a { color: #191919; text-decoration: none; border-bottom: 1px dotted #818181; }
		#sidebar ul li a:hover { color: #717171; text-decoration: none; border-bottom: 1px dotted #acc42a; }
	#sidebar .ads { text-align: center; margin-bottom: 10px; }
		#sidebar .ads img { margin: 4px; }
/** END sidebar **/

/** BEGIN footer **/
/* Footer */
#footer-wrap { width: 100%; height: 600px; background-color: #231f20; clear: both; }
#footer { width: 970px; margin: 0 auto; padding: 22px 0 0 0; }
/****************************
 **   Footer
 ****************************/
#footer .legal, #footer .credit { color: #5f5f5f; }
#footer .legal { float: left; }
#footer .credit a { text-decoration: none; }
#footer .credit { float: right; }
#footer { font-size: 1em; line-height: 1.1em; }
#footer a { color: #a3a3a3; }
#footer h2 { color: #fff; font-size: 1.3em; margin-bottom: 15px; font-weight: normal; font-style: normal; }
.container_16 { width:970px; min-height: 100%;  margin: 0 auto; }
.box_2,.box_3,.box_8,.box_16 { display:inline; float:left;  margin-left:10px; margin-right:10px; }
.alpha { margin-left:0; }
.omega { margin-right:0; }
.container_16 .box_2 { width:270px; }
.container_16 .box_3 { width:310px; }
.container_16 .box_8 { width:460px; }
.container_16 .prefix_1 { padding-bottom:44px; }
.clear { clear:both; display:block; overflow:hidden;  visibility:hidden; width:0; height:0; }
.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.clearfix { display:inline-block; }	
* html .clearfix { height:1%; }
.clearfix { display:block; }
		
	/* ------------------------------------------ Footer */
#footer h4 { font-weight: normal; font-size: 1.5em; color: #fff; margin-bottom: .5em; }
#footer h3 { font-weight: normal; font-size: 1.2em; color: #999; margin-bottom: .5em; }
#footer p { color: #fff; font-size: 1.1em; line-height: 1.4em; margin-top: 1em; }
#footer p span{ color: #ddd; font-size: .8em; line-height: 1.4em; }	
#footer a img{ border: 1px solid #CCC; margin: .5em 0.4em 0 0.4em; }
#footer .thumbs a img{ margin-top: 1em; }
#footer a:hover img,#footer a:focus img{ border-color: #acc42a8; }
#footer ul li{ border-bottom:1px dotted #CCC; padding: .5em 1em; font-size: 1em; text-align:left; }
#footer a{ color: #9b9b9b; text-decoration:none; }
#footer a:hover,#footer a:focus{ color: #acc42a; }
#footer div.copyright { border-top: 1px solid #444; padding: .5em 0 0 0; margin: 1em 0 0 0; }		
#footer div.copyright p{ color: #666; font-size: 1em; }
#footer div.copyright a{ color: #888; text-decoration:none; border-bottom:1px dotted #888; }
#footer div.copyright a:hover{ color: #fff; text-decoration:none; border-bottom:1px dotted #fff; }
#footer div.copyright p.right{ text-align: right; }
#footer div.copyright p.left{ text-align: left; }
/** END footer **/

/** BEGIN miscellaneous **/
#comments { padding: 10px 0 10px 0; }
	#comments a { text-decoration: none; } 
	#comments h2 { font-size: 1.4em; margin: 10px 0; }
	#comments p { margin-bottom: 10px; line-height: 1.6em; }
	#comments form { }
	#comments form p { margin-bottom: 5px; }
		#comments form input { margin-right: 5px; }
		#comments form input, textarea { border:1px solid #cccccc; font-size:0.9em; font-family: Verdana; padding: 4px; background-position: 4px 4px; background-repeat: no-repeat; }
		#comments form input { width: 240px; border: 1px solid #cccccc; }
		#comments form textarea { width: 350px; padding: 4px 4px !important; border: 1px solid #cccccc; }
		#comments form button { border: 1px solid #a0a0a0; font-size: 1em; font-family: Verdana; padding: 2px 6px; }
	.commentdetails { margin-top: 25px; }
	.commentauthor { margin-bottom: 5px !important; font-weight: bold; }
	.commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; }
	.required { color: #ff0000; }
h2.title { font-size: 1em !important; text-transform: uppercase; padding: 10px; color: #565656; }
.notfound { padding: 40px; }
	.notfound h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
.addthis_container { padding: 14px 0 14px 0; text-decoration: none; color: #fff;  border-bottom:none; background-color: #fff; }
/** END miscellaneous **/

/** BEGIN wordpress comments **/
#comments ol { list-style-type: none; clear: both; padding: 0; margin: 0; }
	#comments .buffer { padding: 10px; }
	#comments h2 { font-size: 0.9em; margin-bottom: 20px; }
	#comments ol li { margin-bottom: 10px; }
	#comments ol li ul li { border: 1px solid #e0e0e0; padding: 10px; }
	#comments ol li .avatar { float: right; }
	#comments ol li .comment-author { }
		#comments ol li .comment-author .fn { font-weight: bold; font-size: 1.2em; }
	#comments ol li .comment-meta { font-size: 0.9em; color: #999999; margin: 5px 0 10px; }
	#comments ol li .reply { font-size: 0.9em; font-weight: bold; padding-bottom: 10px; }
	#comments .children { list-style-type: none; }
#comments .navigation { padding: 0 10px 20px; font-size: 0.9em; }
	#comments .navigation a { color: #999999; padding: 3px 8px; border: 1px solid #cccccc; }
	#comments .navigation a:hover { color: #000000; border-color: #000000; text-decoration: none; }
#comments .says { display: none; }
/** END wordpress comments **/

/* input buttons */
input[type="text"], textarea, input[type="password"] { border:1px solid #d2d2d2; padding:5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
input[type="text"]:focus { border-color:#acc42a; }
input[name="zip"] { width:150px; }
input[type="submit"], button { cursor:pointer; border:1px solid #d2d2d2; padding:5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#eee; }
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { border-color:#c4c4c4; background:#ddd; }
input[type="submit"]:active, button:active { margin-top:1px; }