/*
Theme Name: IES Reskin
Author: Dog Digital
Author URI: http://www.dogdigital.co.uk
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 12px Verdana;
	color: #535252;
	background: #bdbcbd url(images/background.gif) repeat-x 0 0;
}
a {
	text-decoration: none;
	color: #464646;
}
a:hover {
	text-decoration: underline;
}
p { padding:10px; line-height:170%;}

p img { float:left; margin:0 10px 10px 0;  }

img {
	border: 0;
}

.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;
	text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	overflow: hidden;
	margin-left:5px;
	width:980px;
}
	#header ol {
		list-style-type: none;
		height: 25px;
		padding-top: 10px;

	}
		#header ol li {
			float: left;
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 0 14px 0 15px;
			border-left: 1px solid #464646;
		}
		#header ol li a {
			color: #CBCBCB;
		}
		#header ol li.f {
			padding-left: 0;
			border-left: 0;
		}
	#header h1 {
		float: left;
		font-size: 0;
		padding: 20px 15px 25px;
	}
		#header h1 a {
			text-indent: -9999px;
			outline: none;
			display: block;
			background: url(images/logo.gif) no-repeat 0 0;
			width: 164px; height: 50px;
		}
	#header ul {
		list-style-type: none;
		clear: both;
		height: 33px;
		margin-left: -10px;
	}
		#header ul li {
			float: left;
			font-size: 0.9em;
			padding-left: 2px;
			background: url(images/divider.gif) no-repeat 0 0;
		}
		#header ul li a {
			color: #676042;
			display: block;
			padding: 11px 10px 9px;
		}

		#topnav { float:left; width:620px;height:45px; background:url(images/topnavbg.gif) no-repeat; margin-top:10px; margin-left:10px; padding:10px 0 10px 10px; }
		*:first-child+html #topnav { float:left; width:620px;height:50px; background:url(images/topnavbg.gif) no-repeat; margin-top:10px; margin-left:10px; padding:5px 0 10px 10px; }
		
		#topnav .buttonuk { float:left; width:190px; height:20px; background:url(images/buttonuk.gif); margin-top:0px; margin-left:7px; }
		#topnav .buttonNorthAmerica { float:left; width:98px; height:20px; background:url(images/buttonNorthAmerica.gif); margin-top:0px; margin-left:7px; }
		#topnav .buttonoz { float:left; width:170px; height:20px; background:url(images/buttonoz.gif); margin-top:0px; margin-left:7px; }
		#topnav .buttonasia { float:left; width:124px; height:20px; background:url(images/buttonasia.gif); margin-top:0px; margin-left:7px; }
		.buttonmedia { float:left; width:89px; height:20px; background:url(images/button_media.gif); margin-top:45px; margin-left:10px; }
			.buttonuk a, .buttonNorthAmerica a, .buttonoz a,.buttonasia a, .buttonmedia a { float:left; text-decoration:none; color:#fff; font-size:11px; padding:3px 3px 3px 6px ;}
			.buttonuk a:hover, .buttonNorthAmerica a:hover,.buttonoz a:hover,.buttonasia a:hover, .buttonmedia a:hover { float:left; text-decoration:none; color:#000; font-size:11px; padding:3px 3px 3px 6px ;}

		#topnav p { margin-top:0px; padding:0 0 5px 0; }
		*html #topnav p { margin-top:0px; padding:0 0 0px 0; margin:0;}
		ul#category { background:url(images/categorybg.gif) no-repeat; float:left; padding:0 0 0 170px; width:802px; height:33px; margin:10px 0 20px 13px; overflow:hidden;}
		ul#category li { float:left; }
		ul#category li a { padding:10px 5px 10px 5px;}

		ul.children { background:none; float:left; padding:0 0 0 0px;  height:33px; margin:10px 0 20px 13px; overflow:hidden;}
		ul.children li { float:left; }
		ul.children li a { padding:10px 5px 10px 5px;}

		#topnav strong { color:#999999; font-weight:normal; padding:10px; }

/** END header **/

/** BEGIN content **/
#outer {
width:990px;
float:left;
margin-bottom:30px;
margin-top:10px;
background:#ecebeb;
  -moz-border-radius:1ex;
  -webkit-border-radius:1ex;
}

*html #outer {
width:970px;
float:left;
margin-bottom:30px;
margin-top:20px;
background:#ecebeb;
  -moz-border-radius:1ex;
  -webkit-border-radius:1ex;
}

#inner {
margin:10px;
float:left;
background:#fff;
}

#content {
	width: 636px;
	float: left;
	padding: 15px 0 20px 10px;
}
*html #content {
	width: 624px;
	float: left;
	padding: 15px 0 20px 5px;
}
	#content .latest { }
		#content .latest .post h2 {
			font-size: 2em;

		}

		#content .latest .postdetail h2 {
			font-size: 2em;
			color: #017234;
			font-weight: lighter;
			padding:0 0 0 10px;
			margin:0;
		}
		.postdetail ul { margin-left:30px; }
		#content .latest .postdetail .details {
			font-family: arial;
			color: #000;
		}
			#content .latest .postdetail .details a {
				color: #017234;
			}
			#content .latest .postdetail .details a:hover {
				color: #000;
			}
		#content .latest .post .details2 {
			clear: both;
			padding-top: 10px;
			font-family: Georgia;
			color: #AEAEAE;

		}
		#content .latest .post .details2 a {
			color: #AEAEAE;
		}
		#content .latest .post .details2 a:hover {
			color: #464646;
		}
	#content .l { float: left; margin:0; padding:0}
	#content .r { float: right;  margin:0; padding:0}
	#content .division {
		width: 307px;
	}
		#content .division .post img {
			float: left;
			margin: 2px 10px 5px 0;
			width: 100px;
		}
	#content .post {
		background: #fafafa;
		border: 1px solid #D9D4C5;
		margin-bottom: 16px;
	}



		#content .post h2 {
			font-family: arial;
			font-size: 1.4em;
		}
			#content .post h2 a {
				color: #017234;
				padding-top:10px;
			}
		#content .shortpost .details p{
						line-height:1.4em;
			padding:10px;

		}

	#content .shortpost {
		background: #fafafa;
		border: 1px solid #D9D4C5;
		margin-bottom: 16px;
		height:360px; overflow:hidden;
	}
		#content .shortpost h2 {
			float:left;
			font-family: arial;
			font-size: 1.2em;
			background:#f2f2f2;
			
		}
			#content .shortpost h2 a {
				color: #017234;
			}
		#content .shortpost img {
			float: left;
			margin: 2px 10px 5px 0;
			width: 100px;
			padding:10px 0 0px 10px;
		}

		#content .shortpost .details {
			font-family: arial;
			color: #000;
			margin-top:3px;
			clear:left;
			padding:0;
		}

			#content .shortpost .details a {
				color: #017234;
			}
			#content .shortpost .details a:hover {
				color: #000;
			}
		#content .shortpost .posttitle {
			background:#f2f2f2;
			border-bottom:1px solid #d7d7d5;
			padding:10px;
			margin:0;
		}

		*html #content .shortpost .posttitle {
			background:#f2f2f2;
			border-bottom:1px solid #d7d7d5;
			padding:10px;
			margin:0;
			width:93%;
		}


			.contentpadd {padding:10px 10px 30px 10px; }
			.contentpadd img { float:left; margin:0 10px 10px 0; }
			#content .post h2 a:hover {
				color: #464646;
			}
		#content .post .details {
			font-family: arial;
			color: #000;
		}
			#content .post .details a {
				color: #017234;
			}
			#content .post .details a:hover {
				color: #000;
			}
		#content .post h3, h4, h5, h6 {
			margin-bottom: 5px;
			font-size: 1.5em;
			font-family: Georgia;
			font-weight: normal;
		}
		#content .post p {
			line-height 170%;
			margin-bottom: 20px;
			padding:0 10px 0px 0px;

		}
		#content .post ol, #content .post ul {
			/*list-style-position: inside;*/
			margin: 20px 0 20px 30px;
		}
		#content .post blockquote {
			padding: 10px 10px 5px;
			margin-bottom: 10px;
			border-top: 1px solid #cdcdcd;
			border-bottom: 1px solid #cdcdcd;
			font-style: italic;
		}
		#content .post li {
			line-height: 170%;
			padding: 4px 0;
		}


		#content .post .posttitle {
			background:#f2f2f2;
			border-bottom:1px solid #d7d7d5;
			padding:10px;
			margin:0;
		}
		.bottomtags { 
			margin:10px;
			padding:5px;
			float:left;
			width:583px;
			height:15px;
			background:url(images/bottomtagsbg.gif) no-repeat;
		}
		*html .bottomtags { 
			margin:10px;
			padding:5px;
			float:left;
			width:540px;
			height:15px;
			background:url(images/bottomtagsbg.gif) no-repeat;
		}
		.bottomtags a { color:#017234 }
		.bottomtags a:hover { color:#017234 }
		
		.shortbottomtags { 
			margin:10px;
			padding:0px;
			float:left;
			width:288px;
			height:38px;
			background:url(images/shortdetails.gif) no-repeat;
			overflow:hidden;
		}
		*html .shortbottomtags { 
			margin:10px 0 10px 5px;
			padding:0px;
			float:left;
			width:288px;
			height:44px;
			background:url(images/shortdetails.gif) no-repeat;
			overflow:hidden;
		}
		.shortbottomtags a { color:#017234 }
		.shortbottomtags a:hover { color:#017234 }
		.leftalign { float:left; padding:0 10px 0 0; }
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	width: 300px;
	float: right;
	margin: 15px 2px 20px 20px;
	background-color: #eeeeee;
	margin-top:1px;
	z-index:10;
}
*html #sidebar {
	width: 300px;
	float: right;
	margin: 15px 0px 0px 20px;
	background-color: #eeeeee;
	margin-top:1px;
	z-index:10;
}
	#sidebar .box {
		padding: 10px;
	}
	#sidebar form {
		height: 30px;
		background: url(images/search.gif) no-repeat 0 0;
	}
		#sidebar form input {
			border: 0;
			float: left;
			width: 185px;
			margin: 8px 12px 0 3px;
			font-size: 12px;
		}
		#sidebar form button {
			float: left;
			border: 0;
			color: #ffffff;
			font-family: Verdana;
			padding-bottom:2px;
			font-size: 14px;
			font-weight: lighter;
			width: 77px; height: 30px;
			background-color: transparent;
		}
	#sidebar .subscribe {
		padding-left: 65px;
		background: url(images/rss.gif) no-repeat 0 0;
		height: 70px;
	}
		#sidebar .subscribe h2 {
			text-transform: none;
			padding: 14px 0 10px;
		}
			#sidebar .subscribe h2 a {
				color: #676042;
				margin: 0;
			}
		#sidebar .subscribe p {
			font-size: 0.9em;
			margin-left:15px;
		}
		#sidebar .subscribe a {
			margin: 0 2px;
		}
	#sidebar .flickr {
		padding: 10px;
		text-align: center;
	}
		#sidebar .flickr img {
			margin: 5px;
		}
	#sidebar .video {
		padding: 10px;
		text-align: center;
		margin-bottom:15px;
	}
	#sidebar .tags {
		padding: 10px;
		background:#f6f5f5;
		border:1px solid #fff;
		margin:10px 0 10px 7px;
		width:87%;
	}
	#sidebar h2 {
		float:none;
		font-size: 1.3em;
		color: #017a38;
		padding: 5px;
		background:#fff;
		width:90%;
		border:1px solid #929292;
		margin-left:6px;
		font-weight:lighter;
		border-bottom:4px solid #cbcbcb;
	}
	#sidebar .subscribe h2{
		float:none;
		font-size: 1.2em;
		text-transform: none;
		color: #535252;
		padding: 5px;
		background:none;
		width:90%;
		border:none;
		margin-left:10px;
		font-weight:bold;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 5px 10px 10px;
		margin-bottom:20px;

	}
		#sidebar ul li {
			padding: 4px 0;
			line-height: 1.4em;
			background:url(images/libg.gif) no-repeat; background-position:bottom;
		}
		#sidebar ul li a {
			color: #68645A;
		}
		#sidebar ul li a:hover, #sidebar ul li strong {
			color: #68645A;
			font-weight:normal;
		}
	#sidebar .l {
		float: left;
		width: 145px;
		padding-top: 5px;
	}
	#sidebar .r {
		float: right;
		width: 145px;
		padding-top: 5px;
	}
		#sidebar .l ul, #sidebar .r ul {
			background: none;
			padding-bottom: 20px;
		}
		#sidebar .l h2, #sidebar .r h2 {
			padding: 5px 10px;
		}
/** END sidebar **/

/** BEGIN footer **/


#mainfooter { width:100%; margin:20px; }
#mainfooter p { float:left; font-size:90%; width:55%;}
#mainfooter #links { float:right; width:32%;margin-right:40px; margin-top:10px; text-align:right; }
#mainfooter #links a { font-size:90%; }
#mainfooter #links a:hover { color:#017234; }

#footer {
	clear: both;
	background: #F1EFE5 url(images/horizontal.gif) repeat-x 0 0;
	color: #676042;
	padding: 10px 0 20px;
}
	#footer p {
		width: 970px;
		margin: auto auto;
		text-align: left;
		line-height: 2em;
	}
	#footer a {
		color: #676042;
	}
/** END footer **/

h2.title {
	font-size: 0.9em;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.postnav {
	clear: both;
	padding-top: 20px;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#comments {
	border-top: 1px solid #e2e2e2;
	padding: 10px;
}
	#comments h2 {
		float:left;
		font-family: arial;
		font-size: 1.4em;
		font-weight:lighter;
		color: #017a38;

	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
		padding:0;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px 4px 4px 20px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 273px;
			border: 1px solid #cccccc;
		}
		*html #comments form input {
			float:left;
			width: 250px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 560px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #909090;
			background-color: #348e5d;
			font-size: 0.9em;
			font-family: Verdana;
			width: 120px; height: 23px;
			float:right;
			color:#fff;
			margin-right:10px;
			margin-top:-30px;
		}
	.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;
	}
/** END miscellaneous **/


#tweetmeme_button  { margin-top:-25px; position:relative; float:left; width:600px;}


/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
	font-size:110%;
	border-bottom: 1px solid #e2e2e2;

}
#comments ol a { 
	text-decoration: none;
	color: #017a38;
}
#comments ol a:hover { 
	text-decoration: underline;
}

	#comments ol li {
		padding: 10px;
		border: 1px solid #e9e9e9;
		margin-bottom: 10px;
		background:#fafafa;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		color:#8b8b8b;
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
		#comments ol a.url { color:#535252; font-weight:bold; font-style:normal; }

	#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: 10px 0 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;
	}
/** END wordpress 2.7 comments **/