/*
Theme Name: Droug.co.uk
Theme URI: http://droug.co.uk/
Description: Theme for the blog of Doug Scott at droug.co.uk
Version: 1.0
Author: UniqueBlogDesigns
Author URI: http://uniqueblogdesigns.com/
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #000 url(images/background.gif) repeat-x top;
	font: 13px/18px Helvetica, Arial, Verdana, Sans-Serif;
	color: #3d3d3d;
}

a img {
	border: none;
}

.wrapper {
	width: 1047px;
	margin: 0 auto;
}

#main {
	background: url(images/grunge-bg.gif) no-repeat center top;
}


#header {
	height: 205px;
	width: 1047px;
}

	#header #navigation {
		width: 1047px; height: 75px;
	}
	
		#header #navigation li {
			height: 75px;
			list-style: none;
			float: left;
		}
		
		#header #navigation li a { outline: none; }
		
		#header #navigation li.logo-top {
			width: 74px; height: 75px;
			background: url(images/logo-top.gif) no-repeat;
			margin: 0 47px 0 18px;
			float: left;
		}
		
		#header #navigation li.home a {
			width: 56px; height: 75px;
			background: url(images/navigation/home.gif) no-repeat;
			text-indent: -10000px;
			margin: 0 94px 0 0;
			float: left;
		}
		
		#header #navigation li.contact a {
			width: 78px; height: 75px;
			background: url(images/navigation/contact.gif) no-repeat;
			text-indent: -10000px;
			margin: 0 92px 0 0;
			float: left;
		}
		
		#header #navigation li.about a {
			width: 59px; height: 75px;
			background: url(images/navigation/about.gif) no-repeat;
			text-indent: -10000px;
			margin: 0 89px 0 0;
			float: left;
		}
		
		#header #navigation li.archives a {
			width: 85px; height: 75px;
			background: url(images/navigation/archives.gif) no-repeat;
			text-indent: -10000px;
			margin: 0 67px 0 0;
			float: left;
		}
		
		#header #navigation li.resources a {
			width: 103px; height: 75px;
			background: url(images/navigation/rss_icon.gif) no-repeat;
			text-indent: -10000px;
			float: left;
		}
		
		#header #navigation li.subscribe-top {
			width: 57px; height: 75px;
			background: url(images/navigation/resources-top.gif) no-repeat bottom;
			margin: 0 11px 0 0;
			float: right;
		}
		
	#header h1 a {
		width: 295px; height: 130px;
		background: url(images/logo.gif) no-repeat top;
		text-indent: -10000px;
		float: left;
		outline: none;
	}
	
	#header #subscribe {
		width: 234px; height: 76px;
		background: url(images/subscribe-bg.gif) no-repeat;
		font-family: Helvetica, Arial, Verdana, Sans-Serif;
		font-size: 12px;
		color: #e8e8e8;
		padding: 50px 22px 0 16px;
		float: right;
	}
	
		#header #subscribe #subscribe-email {
			width: 127px; height: 17px;
			background: transparent;
			line-height: 14px;
			padding: 5px;
			margin: 3px 0 0 2px;
			border: 0;
			float: left;
		}
		
		#header #subscribe #subscribe-submit {
			width: 87px; height: 33px;
			background: url(images/subscribe-button.gif) no-repeat;
			font-size: 0;
			font-size: 0.1em;
			text-align: left;
			color: #d83636;
			border: 0;
			margin: 0 0 5px 0;
			cursor: pointer;
		}

#main-content {
	width: 1047px;
	background: url(images/main-content.png) repeat-y;
	overflow: hidden;
}

#right-sidebar {
	width: 292px;
	background: url(images/right-sidebar.gif) no-repeat top;
	color: #fff;
	padding: 16px 0 0 0;
	float: right;
}

	#right-sidebar h3 {
		width: 252px; height: 32px;
		line-height: 32px;
		font-family: Helvetica, Arial, Verdana, Sans-Serif;
		font-size: 16px;
		font-weight: bold;
		color: #5e5e5e;
		padding: 0 7px;
		margin: 0 0 13px 0;
	}
	
	#right-sidebar .sidebar-content {
		width: 276px;
		background: url(images/sidebar-header.gif) repeat-x top;
		padding: 0 13px 10px 13px;
	}
	
		#right-sidebar ul li {
			background: url(images/list-icon.gif) no-repeat 0 3px;
			list-style: none;
			padding: 0 0 6px 18px;
		}
		
		#right-sidebar a {
			color: #fff;
			text-decoration: none;
		}
		
			#right-sidebar a:hover { text-decoration: underline; }

#middle-sidebar {
	width: 216px;
	background: url(images/middle-sidebar.gif) no-repeat top;
	padding: 16px 0 0 0;
	margin: 0 15px 0 0;
	float: right;
}

	#middle-sidebar h3 {
		width: 176px; height: 32px;
		line-height: 32px;
		font-family: Helvetica, Arial, Verdana, Sans-Serif;
		font-size: 16px;
		font-weight: bold;
		color: #5e5e5e;
		padding: 0 7px;
		margin: 0 0 13px 0;
	}
	
	#middle-sidebar .sidebar-content {
		width: 190px;
		background: url(images/sidebar-header.gif) repeat-x top;
		padding: 0 13px 10px 13px;
	}
	
		#middle-sidebar #about-image { background: url(images/author-pic.gif) no-repeat 125px bottom; }
		
		#middle-sidebar #about-content {
			width: 130px;
			padding: 0 73px 10px 13px;
		}
		
		#middle-sidebar #about-content h3 { width: 116px; background: url(images/sidebar-header.gif) repeat-x top; }
	
	#middle-sidebar ul li {
		background: url(images/cat-list-icon.gif) no-repeat 0 0;
		list-style: none;
		padding: 0 0 4px 24px;
	}
	
		#middle-sidebar ul.children li { background:0; padding: 0px 0 0px 10px; }
		
	#middle-sidebar a {
		color: #323232;
		text-decoration: none;
	}
	
		#middle-sidebar a:hover { text-decoration: underline; }
		
	p.flickr {
		width: 75px; height: 75px;
		float: left;
		margin: 0 10px 15px 10px;
	}
	
		p.flickr img { float: left; }
		
#content {
	width: 471px;
	background: url(images/content-top.gif) no-repeat top;
	padding: 10px 13px 10px 25px;
	float: left;
}

	#content a {
		color: #006397;
		text-decoration: none;
	}
	
		#content a:hover { text-decoration: underline; }
	
	#content h2 {
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
		/*border-bottom: 1px solid #dbdbdb;*/
	}
	
	#content h2.pagetitle {
		padding: 0;
		margin: 0 0 20px 0;
	}
	
	#content h2, #content h2 a {
		line-height: 26px;
		font-family: Helvetica, Arial, Verdana, Sans-Serif;
		font-size: 24px;
		font-weight: bold;
		color: #24b6df;
		text-decoration: none;
	}
	
		#content h2 a:hover { text-decoration: underline; }
		
	#content .comments-number {
		width: 37px; height: 36px;
		background: url(images/comments-number.gif) no-repeat;
		font-family: Helvetica, Arial, Verdana, Sans-Serif;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		line-height: 36px;
		float: right;
	}
	
		#content .comments-number a { color: #fff; text-decoration: none; }
		
	#content .post-meta {
		line-height: 20px;
		padding: 0 0 10px 0;
	}
	
		#content .post-meta .categories {
			background: url(images/categories-icon.gif) no-repeat left;
			padding: 0 30px 0 18px;
			float: left;
		}
		
		#content .author {
			color: #898989;
			padding: 0;
		}
		
			#content .author strong,
			#content .author a { color: #2d2d2d; font-weight: normal; text-decoration: none; }
			
				#content .author a:hover { text-decoration: underline; }
				
	#content .apost{
		overflow: hidden;
		padding: 0 0 25px;
		clear: both;
		font: 13px/20px arial;
		color: #565656;
	}
	
	#content .apost p,
	#content .apost blockquote{
		padding: 5px 0;
		text-align: left;
	}
	
	#content .apost blockquote{
		padding: 5px 20px;
		margin: 5px 20px;
		background: #eee;
	}
	
	#content .apost blockquote blockquote{
		background: #aaa;
	}
	
	#content .apost ol,
	#content .apost ul{
		padding: 10px 20px;
		list-style: disc inside;
	}
	
	#content .apost ol{
		list-style-type: decimal;
		margin: 0 0 0 10px;
	}
	
	#content .apost ul li{ padding: 0 0 6px 18px; background: url(images/list-icon.gif) no-repeat left 4px; list-style-type: none; }
	#content .apost ol li{
		padding: 0 0 6px;
	}
	
	#content .social {
		margin: 0 0 5px 0;
		border-bottom: 1px dotted #dbdbdb;
	}
	
		#content .social p { padding: 10px 0 3px 0; }
		
		#content .social .tags {
			background: url(images/tags-icon.gif) no-repeat 0 10px;
			padding: 10px 0 3px 20px;
			margin-top:15px;
			float: right;
		}
		
			#content .social .tags strong { color: #0084ca; }
			
			#content .social .tags a {
				color: #4c4c4c;
			}
	
	#content #cmw {
		text-align:center;
		font:12px/18px arial;
	}
	
	#content #cmbox { clear:both; text-align:left; margin: 0; padding: 0; }
	#content #cmbox  a {
		color:#565656;
	}
	
	#content #cmbox  a:hover {
		text-decoration:underline;
	}
	
	#content #commentform {
		padding:10px;
		overflow:hidden;
		border:1px solid #d6d6d6;
		width:449px;
		width/**/:/**/449px;
	}
	
	#content #commentform .changeAva {
		text-align:center;
		float:right;
		width:160px;
		width/**/:/**/148px;
		padding:5px 10px;
		border:1px solid #d6d6d6;
		background:#f9f9f9;
		font:11px/16px arial;
		margin:0 0 10px;
	}
	
	#content #commentform .changeAva h4 {
		color:#4c7fc8;
		font:bold 14px/18px arial;
	}
	
	#content #commentform .changeAva span {
		display:block;
	}
	
	#content #commentform .changeAva a {
		color:#4c7fc8;
	}
	
	#content #commentform input,
	#content #commentform textarea {
		padding:2px 3px;
		color:#565656;
	}
	
	#content #author,
	#content #email,
	#content #url,
	#content #comment{
		display:block;
		font-size:13px;
		border:1px solid #d6d6d6;
		font-family:arial;
		width:210px;
		width/**/:/**/218px;
		height:22px;
		height/**/:/**/auto;
		background:#f2f2f2 url(images/comment-input.gif) repeat-x;
	}
	
	#content #commentform textarea#comment {
		width:441px;
		min-height:100px;
		border-width:1px;
		margin:0 0 5px;
		background:#f2f2f2 url(images/comment-textarea.gif) repeat-x;
	}
	
	* html #commentform textarea#comment {
		height:100px;
	}
	
	#content #commentform input#submit {
		width:114px;
		height:27px;
		padding:0;
		float:left;
		border:none;
		background:url(images/comment-submit.gif);
		cursor:pointer;
	}
	
	#content #commentform p {
		padding:0 0 8px;
	}
	
	#content .commentlist {
		list-style:none outside;
		width:100%;
		overflow:hidden;
	}
	
	#content .commentlist li {
		margin:0 0 20px;
		width:100%;
		overflow:hidden;
	}
	
	#content .commentlist li .cmAvatar { float:left; margin:0 -1px 0 1px; display:inline; width:104px; font:0/0 arial; color:#fff; background:url(images/comment-pointer.gif) no-repeat right 20px; position:relative; }
	#content .commentlist li.cadmin .cmAvatar { background:url(images/comment-auth-pointer.gif) no-repeat right 20px; }
	#content .commentlist li .cmAvatar a { color:#fff; }
	#content #cmw #cmbox .cmAvatar img { position: relative; width: 66px; height: 66px; margin:0!important; border: solid 1px silver; display:block!important; }
	#content .commentlist li .cmContent {
		float:right;
		width:365px;
		width/**/:/**/345px;
		padding:5px 10px 0 10px;
		border:1px solid #d6d6d6;
		background:#f9f9f9;
	}
	
	#content .commentlist li.cadmin .cmContent {
		border:1px solid #d6d6d6;
		background:#0084ca;
		color:#fff;
	}
	
	#content .commentlist li.cadmin .cmContent a {
		color:#fff;
	}
	
	#content .commentlist li .cmContent .cmInfo {
		font:15px/20px arial;
		color:#626267;
		padding:0 0 10px;
	}
	
	#content #cmbox  .commentlist li .cmContent .cmInfo a {
		color:#626267;
	}
	
	#content .commentlist li.cadmin .cmContent .cmInfo {
		color:#fff;
	}
	
	#content #cmbox  .commentlist li.cadmin .cmContent .cmInfo a {
		color:#fff;
	}
	
	#content .commentlist li .cmContent .cmInfo .cauth {
		font: 15px/20px arial;
	}
	
	#content .commentlist li .cmContent .cmInfo .cauth img {
		display:none!important;
	}
	
	#content .commentlist li p {
		padding:0 0 15px;
		clear:both;
		text-align:justify;
	}
	
	h3#respond,
	h3#comments { font:bold 17px/22px arial; color:#626267; padding:5px 0 5px; margin:0 0 8px; background:url(images/post-footer.jpg) repeat-x left bottom; border-bottom: 1px solid silver; }
	.apost h3 { color: #8e979c; font-size: 22px; margin-top: 10px; margin-bottom: 5px; }
	
#footer {
	width: 100%; height: 481px;
	background: url(images/footer-repeat.gif) repeat-x 0 29px;
	color: #fff;
}

	#footer #footer-top {
		width: 1007px; height: 357px;
		background: url(images/footer.png) no-repeat top left;
		padding: 69px 0 0 40px;
	}
	
		#footer #featured-links {
			width: 203px;
			padding: 0 30px 0 0;
			float: left;
		}
		
		#footer #blogroll {
			width: 203px;
			padding: 0 30px 0 0;
			float: left;
		}
		
			#footer li { list-style: none; padding: 0 0 2px 0; }
		
		#footer #tagcloud {
			width: 410px;
			padding: 55px 120px 0 0;
			float: right;
		}
		
		#footer h3 {
			font-size: 18px;
			font-weight: bold;
			color: #fff;
			margin: 0 0 10px 0;
		}
		
		#footer a {
			color: #fff;
			text-decoration: none;
		}
		
			#footer a:hover { text-decoration: underline; }
			
	#footer #footer-bottom {
		width: 1007px; height: 55px;
		background: url(images/footer.png) no-repeat center 426px3;
		line-height: 55px;
		padding: 0 40px;
		overflow: hidden;
	}
	
		#footer p.ubd a {
			width: 110px; height: 25px;
			background: url(images/ubd-logo.png) no-repeat bottom;
			margin: 15px 0;
			text-indent: -10000px;
			float: right;
		}

.search_box{
	width:200px;
}

.date{
	line-height:20px;
	border-bottom:1px solid #0084CA;
	clear:both;
}

.post_spacer{
	width:110%;
	position:relative;
	left:-25px;
	border-bottom:2px solid black;
	margin-bottom:20px;
}

#polls ul li{
	background:none;
	padding:0px;
	width:150px;
	line-height:22px;
}	

.pagetitle  {
	font-size:18px;
	color:black
	border-bottom:1px solid black;
	width:98%;
	padding-bottom:20px;
}

#polls {
	width:170px;
	text-align:left;
}

#polls p {
	margin-bottom:10px;
}
#wpcf {margin-top:20px;padding-top:20px}
#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;
}