/*
Theme Name: ClockWorkSimple
Theme URI: http://clockworkblogger.com/theme-clockworksimple/
Description: A simple, smart, yet beautiful theme featuring author comment highlighting with subscribe to comments and a built-in breadcrumb wrapped up in an elegant shell by <a href="http://clockworkblogger.com">ClockWorkBlogger</a>. Please use the <a href="http://clockworkblogger.com/theme-clockworksimple/">ClockWorkSimple theme</a> page to submit your comments and suggestions.
Version: 1.3.0
Author: Lukasz Sobek
Author URI: http://sobek.pl
Tags: fixed width, 3 columns, 2 columns, two columns, three columns, white, blue, grey, black, orange, right sidebar, breadcrumb, author highlight, gravatar, clean, simple, widgets, widget, gravatars, valid CSS,valid XHTML
*/

* 					{margin: 0; padding: 0; font-family: arial,sans; font-size: 13px;}

a 					{text-decoration: none;}
a:hover 				{text-decoration: underline;}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/pdf.gif) no-repeat center right;
}

a[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(images/doc.gif) no-repeat center right;
}

a[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(images/doc.gif) no-repeat center right;
}

img					{border: none;}

pre 					{white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap;
	white-space: -o-pre-wrap; word-wrap: break-word;}

blockquote, pre		{border-left: 1px solid #327eb0; padding: 10px; font-style: italic; background: #ddd; margin: 10px 0;}

sub {font-size: 80%; }
super {font-size: 80%}
.wrapper 			{margin: 0px auto 0 auto; width: 960px;}

body {background: url(images/content_bg.gif) repeat-x 0px 360px;}

#mainwrapper 			{margin: 0px; padding: 0px; }

/* ---- Header part */

#header-top {background-color: #333333; }

#loginbar { }

#loginbar ul {float: right; margin: 0; list-style: none; background: url() repeat-x; border-right: 1px solid #494949; border-left: #232323; }

#loginbar ul li {float: left; }

#loginbar ul li a {display: block; float: left; padding: 4px 12px; border-right: 1px solid #232323; border-left: 1px solid #494949; }

#loginbar ul li a.active {background: 3c3c3c;}

#loginbar ul li a:hover {color: #ffffff; }


#header 				{background: #3b3b3b; margin: 0px 0 0 0; padding: 15px 0 15px 0px; border-top: 0.1em #4b4b4b solid;}

#header h1 { background: url(images/ecl-logo.png) no-repeat; width: 236px; height: 44px; }

#header h1 a			{display: block; width: 236px; height: 44px; text-indent: -9000px;}

.topmenu 			{float: right; margin: 4px 10px 0 0;}
.topmenu ul			{list-style: none;}
.topmenu ul li			{display: inline;}

.topmenu a 			{display: block; float: left; font-size: 15px; padding: 8px 4px; color: #aaaaaa; margin: 0 12px;}

.topmenu a:hover, .topmenu li.current_page_parent a, .topmenu li.current_page_ancestor a, .topmenu li.current_page_item a 	{color: #ffffff; text-decoration: none; border-bottom: 2px #c0d362 solid;}

.topmenu .feed		{background: #f57100 url('images/corner.gif') top left no-repeat; }


#header-banner-bg {background: url('images/banner-bg.gif') repeat-x; height: 250px; }

#header-banner {background: url('images/bg2.jpg') center no-repeat; height: 250px;}

#header-banner	.wrapper {}

#header-bottom 	{background: #878787; color: #fff; padding: 5px 30px; margin-bottom: 0px;}
#header-bottom a {color: #333;}

#header-bottom p#breadcrumbs, #header-bottom p#breadcrumbs a, #header-bottom p#breadcrumbs strong		{font-size: 11px;}


/* ---- Hide breadcrumbs on homepage */
#breadcrumbs-home {
	display: none;
	}


/* ---- Content */

#content 			{margin-left: 10px; width: 554px; padding-top: 20px; padding-right: 30px; line-height: 160%; font-size: 14px; color: #222;}

#content ul			{margin: 0px 0 20px 10px; list-style: none;}
#content ul li			{background: url('images/ecl-bullet.gif') 0 5px no-repeat; margin: 2px 0; padding-left: 25px; font-size: 13px; }

#content ol			{margin: 10px 0 10px 10px; list-style: decimal inside;}
#content ol li			{margin: 5px 0; font-size: 13px; }

#content p			{margin: 14px 0 12px 0; font-size: 13px;}

#content a			{color: #0094ab; font-weight: normal;}
#content a:hover		{color: #0094ab;}

#content .entry a		{color: #0094ab; text-decoration: none;}
#content .entry a:hover		{color: #0094ab; text-decoration: underline;}

#content .entry p.postdate {margin: 2px 0 12px 0;}

#content h1,#content h1 a		{font-weight: normal; letter-spacing: -1px; text-decoration: none;}
#content h2,#content h2 a 		{font-weight: normal; letter-spacing: -0.5px; text-decoration: none;}

#content h1.archive {margin-bottom: 15px;}

#content h1,
#content h1 a			{color: #0094ab; font-size: 22px; text-decoration: none; line-height:26px;}

#content h2,
#content h2 a			{ color: #C0D362; font-size: 18px; margin-bottom: 10px;}

#content h2.newspost {margin-bottom: 0px; margin-top: 0px;}

#content h1 a:hover,
#content h2 a:hover	{background: #fff; text-decoration:underline;}

#content h2			{ margin-top: 25px; }

#content h3, #content h3 a	{ color:#3c3c3c; font-size:14px; font-weight:bold; letter-spacing:-0.1px; margin:20px 0 -9px; }

#content h3.resources  { margin:12px 0 2px; }

#content h4, #content h4 a {color:#C0D362; font-size:14px; font-weight:bold; letter-spacing:-0.1px; margin:20px 0 -12px}

#content a.default {color:#3c3c3c; }

#content a.airquality {color: #DC931A;}

#content a.training {color:#E2007A;}

#content a.consultancy {color:#C0D362;}

#content .metadata	{ color: #666; margin: 5px 0 30px 0; padding: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}





#content .metacomments  {}




#content .metacomments a { display: block; float: left; padding: 6px 15px 16px 15px; margin-right: 10px; background: #327eb0 url('images/commentcount.gif') top left no-repeat; color: #fff; font-weight: bold; text-decoration: none;}
#content .metacomments a:hover{ background: #40a2e3 url('images/commentcount.gif') top left no-repeat; text-decoration: none; }

#content .entry		{margin-bottom: 30px; padding-bottom: 10px; }

#content .newsarchives {border-bottom:1px solid #ECE9E6;}

/* ---- Comments */

#content .comments-template {margin-top: 20px;}
#content .commentlist 	{list-style: none; margin: 10px 0 0 0;}
#content .commentmetadata { padding: 5px 10px; background: #ccc url('images/corner.gif') top left no-repeat; margin: 5px 0 5px -30px;}
#content .commentmetadata img	{float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; }

#content .commentmetadata_author { padding: 5px 10px; background: #327eb0 url('images/corner.gif') top left no-repeat; margin: 5px 0 5px -30px; color: #fff;}
#content .commentmetadata_author img	{float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; }
#content .commentmetadata_author a {color: #fff;}

/* ---- Sidebar */

#sidebar 		{margin-top: 20px; margin-bottom: 50px; border-left:1px solid #ECE9E6; width: 320px; padding-left: 25px; float: right; line-height: 180%; color: #767171; background: url(images/mainwrapper-bg.gi) top right repeat-y;}

#sidebar .leftbar	{width: 150px;}
#sidebar .rightbar	{float: right; width: 150px;}

#sidebar a			{color: #333; }
#sidebar a img		{padding: 0px; border: none; }

#s					{padding: 3px; border: 1px solid #999; width: 220px; color: #666;}
#s:hover			{border: 1px solid #000;}

#searchsubmit		{padding: 2px 5px; border: 1px solid #327eb0; background: #327eb0; color: #fff;}
#searchsubmit:hover 	{background: #40a2e3;}

#sidebar h2, h4		{color: #327eb0; letter-spacing: -0.2px; margin: 2px 0 5px 0; font-size: 15px;}

#sidebar h4		{color: #327eb0; letter-spacing: -0.2px; margin: 0px 0 5px 0; font-size: 15px;}

#sidebar h5			{font-size: 14px; letter-spacing: -0.1px; font-weight:bold; margin: 6px 0px 2px 0px;}

#sidebar ul			{margin: 10px 0 10px 0px; list-style: none;}
#sidebar ul li			{background: url('images/bullet_pale.gif') 0 5px no-repeat; padding-left: 15px;}
#sidebar ul.new li		{background: url('images/bullet_new.gif') 0 5px no-repeat; padding-left: 15px;}

#sidebar #services ul			{margin: 10px 0 10px 0px; list-style: none;}
#sidebar #services ul li			{padding-left: 15px;}

#sidebar #services ul li.air			{background: url('images/bullet-air.gif') 0 5px no-repeat;}
#sidebar #services ul li.noise			{background: url('images/bullet-noise.gif') 0 5px no-repeat; }
#sidebar #services ul li.ohs			{background: url('images/bullet-ohs.gif') 0 5px no-repeat; }
#sidebar #services ul li.training		{background: url('images/bullet-training.gif') 0 5px no-repeat; }
#sidebar #services ul li.consultancy	{background: url('images/bullet-consultancy.gif') 0 5px no-repeat; }

#sidebar .locations	{margin: 0px 0px 15px 0px; line-height: 140%; border-bottom: 1px dotted #ECE9E6; padding: 0px 0px 12px 0px;}
#sidebar .locations	p {margin: 0px 0px 5px 0px;}
#sidebar .locations h4{
		margin-top: 2px; margin-bottom: 5px;
	}
#sidebar .locations.last{
		border: none;
	}
#sidebar .locations img.floatright {
		float: right;
		margin: 0px 0px 0px 8px;
		border: 1px solid #cccccc;
	}


#sidebar ol			{margin: 10px 0 10px 5px; list-style: decimal inside;}

#sidebar ul.titlenav {list-style-type: none; padding: 0px; margin: 0px;}
#sidebar ul.titlenav li {
	font-weight: bold; 
	list-style-type: none; 
	background: none; 
	padding: 0px; 
	color: #327eb0; 
	letter-spacing: -0.2px; 
	margin: 2px 0 -5px 0; 
	font-size: 15px;
}

#sidebar ul.titlenav.services li, #sidebar ul.titlenav.services li a {
	font-weight: normal; 
	list-style-type: none; 
	background: none; 
	padding: 0px 0px 0px 2px; 
	color:#767171;
	font-size:14px;
	letter-spacing:-0.1px;
	margin:6px 0 -5px;
	line-height: 100%;
	text-decoration: none;
}

#sidebar ul.titlenav.services li a:hover{
text-decoration: underline;
	
}


#sidebar ul.enhanced-recent-posts {border-bottom:1px solid #ECE9E6; margin-bottom: 20px; padding-bottom: 26px;}



#sidebar h2.services, #sidebar h2.services a {
	margin-bottom: 13px;
	color: #327eb0; letter-spacing: -0.2px;font-size: 15px; text-decoration: none;
}

#sidebar h2.services a:hover {
	text-decoration: underline;
}

#sidebar ul.boxnav, #sidebar ul.xoxo {border-bottom:1px solid #ECE9E6; padding-bottom: 26px; margin-bottom: 20px;}

#sidebar ul.xoxo li {padding-left: 18px; background:transparent url(images/icon_link.gif) no-repeat scroll 0 7px;}

#sidebar ul.boxnav li {margin: 0px 5px 0px 3px; list-style-type: none; background: none; padding: 3px 5px 3px 5px; border-bottom:1px dotted #ECE9E6;}

#sidebar ul.boxnav li a {display: block; width: 305px;}

#sidebar ul.boxnav li.current_page_item a {color:#C0D362;}

#sidebar li.linkcat h2 {margin-top: 20px;}

#wpcf7-f1-p104-o1{
	padding-top: 5px;
	border-top:1px solid #ECE9E6;
}


#wpcf7-f1-p104-o1 input {
		padding: 5px 0 5px 0;
}

#sidebar li.linkcat {
padding: 0px;
margin: 0px;
list-style-type: none;

}

#sidebar li.linkcat h2 {
padding: 0px;
margin: 0px;
_margin-left: -17px;
*margin-left: -17px;

}

/* --- Campaign Monitor Subscription Form --- */


span.label,span.spacer,span.multiple span {width:56px; float:left;} 
span.multiple {float:left;} 
span.button {padding-left:6px;} 
div.clear {clear:both;padding-top:5px;} 

#subscription {margin: 3px 0px 3px 0px; }
#subscription input.subscribe {padding: 2px 0px 2px 0px; }
input.newsletter {width: 70px; height: 24px; vertical-align: center; margin-top: 1px;}

/* ---- Footer */

#footer 				{height: 220px; background-color: #ffffff; color: #444; padding-top: 2px;}
#footer a			{color: #333;}

/* ---- Footer service boxes*/

#serviceboxes {background-color: #ffffff;}

#serviceboxes #boxone, #serviceboxes #boxtwo, #serviceboxes #boxthree, #serviceboxes #boxfour, #serviceboxes #boxfive {height: 181px; width: 186px; padding: 0px; margin: 0px; }


#boxoneinfo h2, #boxtwoinfo h2, #boxthreeinfo h2, #boxfourinfo h2, #boxfiveinfo h2 {position: relative; top: 144px; font-size: 18px; font-weight: normal; line-height: 20px; text-align: right;}

#boxoneinfo, #boxtwoinfo, #boxthreeinfo, #boxfourinfo, #boxfiveinfo {height: 35px; margin: 0px; padding: 10px;}

#boxoneinfo a, #boxtwoinfo a, #boxthreeinfo a, #boxfourinfo a, #boxfiveinfo a {font-size: 18px; font-weight: normal; line-height: 20px; color: #ffffff;}


#serviceboxes #boxone{ float: left; background-color: #f29400; padding: 0px; margin-right: 7px; border-bottom: 3px #f29400 solid; background-image: url('images/footer-buttons-bg.jpg');}

#serviceboxes #boxtwo{ float: left; background-color: #91d4f2; padding: 0px; margin-right: 7px; border-bottom: 3px #0094ab solid; background-image: url('images/footer-buttons-bg.jpg'); background-position: 568px 0px;}

#serviceboxes #boxthree{ float: left; background-color: #0094ab; padding: 0px; margin-right: 7px; border-bottom: 3px #91d4f2 solid; background-image: url('images/footer-buttons-bg.jpg'); background-position: 377px 0px;}

#serviceboxes #boxfour { float: left; background-color: #e2007a; padding: 0px; margin-right: 0px; border-bottom: 3px #e2007a solid; background-image: url('images/footer-buttons-bg.jpg'); background-position: 186px 0px;}

#serviceboxes #boxfive { float: left; background-color: #c0d362; padding: 0px; margin-right: 7px; border-bottom: 3px #c0d362 solid; background-image: url('images/footer-buttons-bg.jpg'); background-position: 759px 0px;}






/* ---- lower footer */

#lowerfooter 				{color: #666; background-color:#333333; padding: 6px 5px 6px 5px;}
#lowerfooter a				{ color: #666; text-decoration: none;}
#lowerfooter .wrapper {font-size: 11px; height: 16px;}
#lowerfooter .wrapper p{font-size: 11px; float: left; width: 640px;}
#lowerfooter .wrapper span{font-size: 11px; text-align: right; float: right; width: 210px; }
#lowerfooter .wrapper span a {font-size: 11px; font-weight: normal; text-decoration:none;}
#lowerfooter .wrapper span a:hover {text-decoration: underline; }


/* ---- Comment form */

#author, #email, #url, #comment { border: 1px solid #ccc; padding: 5px; margin-top: 5px;}

#author 		{ width: 250px; }
#email 		{ width: 250px; }
#url 		{ width: 250px; }
#comment 	{ width: 500px; }
#submit 		{background: #e35c00; color: #fff; padding: 10px; border: 1px solid #ccc; margin-top: 10px;}

/* ---- Required by WordPress */

.aligncenter,
div.aligncenter 		{display: block; margin: 0 auto;}

.alignleft 			{float: left;}

.alignright 			{float: right;}

img.alignright 			{float: right; margin: 6px 0px 6px 12px; padding: 3px; border: 1px solid #ECE9E6;}

.wp-caption 			{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
				/* optional rounded corners for browsers that support it */
		   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img 		{border: 0 none; }

.wp-caption p.wp-caption-text 	{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; }




/* Login Panel */
#top {
	height: 25px;
	position: relative;
}
 
#top ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 24px;
	width: auto;
	line-height: 24px;
	margin: 0;
  	color: #aaaaaa;
	text-align: center;
	
}
 
#top ul.login li.left {
  	height: 24px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
    border: none;
}
 
#top ul.login li {
 	text-align: left;
  	padding: 0 0px;
    margin-left: 12px;
	display: block;
	float: left;
	height: 24px;

}
 
#top ul.login li a {
	color: #aaaaaa;
	padding: 3px 6px 3px 18px;
    font-size: 11px;
}

#top ul.login li a#toggleLogin {
    background: transparent url(images/clientlogin.png) no-repeat scroll left center;
}

#top ul.login li a:hover#toggleLogin {
    background: transparent url(images/clientlogin-active.png) no-repeat scroll left center;
}

#top ul.login li a#logout {
    background: transparent url(images/clientlogout.png) no-repeat scroll left center;   
}

#top ul.login li a:hover#logout {
    background: transparent url(images/clientlogout-active.png) no-repeat scroll left center;
}

#top ul.login li a#resources {
    background: transparent url(images/clientresources.png) no-repeat scroll left center;   
}

#top ul.login li a:hover#resources {
    background: transparent url(images/clientresources-active.png) no-repeat scroll left center;
}

#top ul.login li a#profile {
    background: transparent url(images/clientprofile.png) no-repeat scroll left center;   
}

#top ul.login li a:hover#profile {
    background: transparent url(images/clientprofile-active.png) no-repeat scroll left center;
}
 
#top ul.login li a#dashboard {
    background: transparent url(images/clientdashboard.png) no-repeat scroll left center;   
}

#top ul.login li a:hover#dashboard {
    background: transparent url(images/clientdashboard-active.png) no-repeat scroll left center;
}
#top ul.login li a:hover {
	color: white;
    text-decoration: none;
}
 
/*Login*/
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	color: white;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
	font-style: 1em;
}
 
#login a {
	text-decoration: none;
	color: #91d4f2;
}
 
#login a:hover {
	color: white;
}
 
#login .loginContent {
	width: 550px;
	height: 80px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
}
 
#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 73px;
	font-size: 0.95em;
}
 
#login .loginContent .right {
	width: 247px;
	float: right;
	text-align: right;
	padding-right: 108px;
	font-size: 0.95em;
}
 
#login .loginContent form {
	margin: 0px 0 10px 0;
	height: 21px;
}
 
#login .loginContent input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	color: white;
	height: 19px;
}
 
#login .loginContent input:focus.field {
	background: #545454;
}
 
#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}
 
#login .loginContent input.button_login {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(images/button_login.jpg) no-repeat 0% 0px;
    padding-bottom: 4px;
    
}

 
#login .loginClose {
	display: block;
	position: absolute;
	right: 25px;
	top: 10px;
	width: 70px;
	font-size: 0.9em;
	text-align: left;
}
 
#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(images/button_close.jpg) no-repeat right 0;
	padding-right: 25px;
	border: none;
	color: white;
}
 
#login .loginClose a:hover {
	background: url(images/button_close.jpg) no-repeat right -20px;
}


#sidebar .oneoff {
	border-bottom:1px solid #ECE9E6;
	margin-bottom:20px;
	padding-bottom:26px;
}