/*
Theme Name: Optimus Sourcing
Theme URI: http://www.optimussourcing.com/
Description: The WordPress theme for Optimus Sourcing.
Version: 1.0
Author: Simon McFarlane
Author URI: http://www.rubbercheese.co.uk/

*/



body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    	height: 100%;  
	font-size: 62.5%;	
	color: #55555;
	text-align: center;
	font-family: tahoma, arial, sans-serif;
	background: #fff url(img/body-bg.jpg) repeat-x 0 0;
    }


body a img {
	border: none;
}



.clearing{	
	clear: both;
}





/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*------ general styles ------*/


.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}


.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}
	
	
	
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


a:focus,
a:hover,
a:active{
	outline:none;
}


/*------ forBackground ------*/


#forBackground {
	background: url(img/wrap-bg.jpg) no-repeat 50% 0;
}


/*------ wrap ------*/


#wrap {
	margin: 0px auto 0px auto;
	padding: 0 0px;
	width: 944px;
	text-align: left;
}



/*------ #navigation ------*/


#navigation {
	float: left;
	width: 944px;
}



#navigation li{
	float: left;
}



#navigation li a{
	float: left;
	height: 84px;
	margin: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	color: #5C8FA8;
	font-size: 1px;
	text-indent: -9999px;
}


#navigation .home a,
#navigation .home li{
	width: 159px;
	background: url(img/nav-background.jpg) no-repeat 0 0px;
}

#navigation .home a:hover,
#navigation .home a.here{
	background-position: 0px -84px;
}


#navigation .services a,
#navigation .services li{
	width: 157px;
	background: url(img/nav-background.jpg) no-repeat -159px 0px;
}

#navigation .services a:hover,
#navigation .services a.here{
	background-position: -159px -84px;
}

#navigation .benefits a,
#navigation .benefits li{
	width: 156px;
	background: url(img/nav-background.jpg) no-repeat -316px 0px;
}

#navigation .benefits a:hover,
#navigation .benefits a.here{
	background-position: -316px -84px;
}


#navigation .about a,
#navigation .about li{
	width: 156px;
	background: url(img/nav-background.jpg) no-repeat -472px 0px;
}

#navigation .about a:hover,
#navigation .about a.here{
	background-position: -472px -84px;
}


#navigation .blog a,
#navigation .blog li{
	width: 157px;
	background: url(img/nav-background.jpg) no-repeat -628px 0px;
}

#navigation .blog a:hover,
#navigation .blog a.here{
	background-position: -628px -84px;
}


#navigation .contact a,
#navigation .contact li{
	width: 159px;
	background: url(img/nav-background.jpg) no-repeat -785px 0px;
}

#navigation .contact a:hover,
#navigation .contact a.here{
	background-position: -785px -84px;
}





/*------ #title ------*/


#title {
	float: left;
	width: 330px;
	height: 130px;
	color: #fff;
	background: url(img/title-bg.gif) no-repeat 0 0;

}



#contact {
	float: right;
	width: 340px;
	height: 130px;
	color: #fff;
	background: url(img/contact-bg.gif) no-repeat 0 0;
}



/*------ #welcome ------*/


#welcome {
	float: left;
	width: 944px;
	height: 240px;
}


#welcome h3{
	padding: 40px 640px 15px 60px;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
}


#welcome a{
	color: #fff;
	text-decoration: none;
}


#welcome a:hover{
	text-decoration: underline;
}



#welcome p{
	padding: 0 640px 15px 60px;
	font-size: 1.4em;
	color: #fff;
}


.header1{
	background: url(img/welcome1.jpg) no-repeat 2px 0;
}

.header2{
	background: url(img/welcome2.jpg) no-repeat 2px 0;
}

.header3{
	background: url(img/welcome3.jpg) no-repeat 2px 0;
}

.header4{
	background: url(img/welcome4.jpg) no-repeat 2px 0;
}

.header5{
	background: url(img/welcome5.jpg) no-repeat 2px 0;
}



/*------ #content ------*/


#content {
	float: left;
	width: 944px;
	padding: 50px 0 110px 0;
}



#content.blogContent{
	padding: 0px 0 0 0;
	margin: 0 0 60px 0;
	background: #fff url(img/blogContent-bg.gif) repeat-y 0 0;
	}


/*------ #mainContent ------*/


#mainContent {
	float: left;
	width: 500px;
	padding-left: 62px;
}




#mainContent h2{
	font-size: 2.3em;
	font-weight: bold;
	color: #0587cd;
	padding-bottom: 20px;
}


#mainContent p{
	font-size: 1.3em;
	line-height: 1.6em;
	padding-bottom: 15px;
}



#mainContent ul,
#mainContent ol{
	font-size: 1.3em;
	padding-bottom: 10px;
}


#mainContent ul li{
	list-style: disc;
	margin-left: 15px;
	padding-bottom: 5px;
}


#mainContent ol li{
	list-style: decimal;
	margin-left: 20px;
	padding-bottom: 5px;
}


#content a{
	color: #f1ae05;
	font-weight: bold;
}


#content a:hover{
	text-decoration: none;
}



#mainContent .wpcf7-form{
	border: 1px solid #759BAE;
	padding: 10px 10px 0 10px;
}


/*------ post ------*/

#mainContent .post{
	float: left;
	width: 500px;
	padding: 30px 0;
	background: url(img/dashes.gif) repeat-x 0 100%;
	}
	
	
#mainContent .entry{
	float: left;
	width: 500px;
	}
	
	
#mainContent .entry img{
	border: 16px solid #CDEBF5;
	background: #fff;
	padding: 3px;
	}
	
	
#mainContent .post .date{
	float: left;
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: url(img/date-bg.gif) no-repeat 0 0;
	}
	
	
#mainContent .post .blogTitle{
	float: right;
	width: 415px;
	margin: 0;
	padding: 10px 0 5px 0;
	}
	
	
#mainContent .post .blogTitle a{	
	color: #0588CE;
	text-decoration: none;
}


#mainContent .post .blogTitle a:hover{	
	color: #f1ae05;
	text-decoration: none;
}
	
#mainContent .post .category{
	float: right;
	width: 415px;
	font-size: 1.3em;
	}	
	
	
#mainContent .tools{
	float: left;
	width: 500px;
	margin: 0;
	padding: 8px 0;
	background: url(img/dashes.gif) repeat-x 0 100%;
	}	
	

#mainContent .tools .tweet{
	float: left;
	text-decoration: none;
	color: #86E0F8;
	font-size: 0.9em !important;
	}
	
#mainContent .tools .tweet img{
	vertical-align: middle;
	padding: 0 10px 0 0;
	}
	
	
#mainContent .tools .addthis_button{
	float: right;
	}
	
#mainContent .tools .by{
	float: right;
	height: 38px;
	line-height: 38px;	
	}	
	

#mainContent .tools .comment a{
	float: left;
	width: 38px;
	padding: 0 101px 0 0;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: url(img/comment-count-bg.gif) no-repeat 0 0;
	}
	
	
/*------ navigation	 ------*/	
	
.navigation{
	float: left;
	width: 500px;
	font-size: 1.3em;
	padding: 30px 0 10px 0;
	}
	

/*------ respond ------*/	
	
#respond{
	float: left;
	width: 500px;
	padding: 20px 0 0 0;
	}
	
#respond h3{
	float: left;
	width: 500px;
	height: 58px;
	text-indent: -9999px;
	background: url(img/leave-comment.gif) no-repeat 0 100%;
	}	
	
#respond #commentform{
	float: left;
	width: 500px;
	}
	
	
#respond #commentform textarea{	
	width: 486px;
	height: 100px;
	padding: 5px;
	border: 2px solid #C9E4EF;
	}
	
	
#respond #commentform input{
	padding: 5px;
	border: 2px solid #C9E4EF;
	}
	
	
#respond input#submit{
	float: right;
	padding: 0;
	border: none;	
	}
	
	
#comments{
	float: left;
	width: 38px;
	padding: 0 101px 0 0;
	margin: 30px 0 0 0;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	background: url(img/comment-count-bg.gif) no-repeat 0 0;
	}	
	
	
#mainContent ol.commentlist{
	float: left;
	width: 500px;
	font-size: 1em;
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
	}


#mainContent ol.commentlist li{
	float: left;
	width: 500px;
	font-size: 1em;
	list-style: none;
	background: none;
	margin: 0;
	padding: 20px 0 0 0;
	border-bottom: 1px solid #C9E4EF;
	}
	
	
#mainContent ol.commentlist li .commentmetadata{
	padding: 0 0 10px 0;
	}
	

#mainContent ol.commentlist li cite{
	font-size: 1.6em;
	padding: 15px 0 0px 0;
	}	

/*------ #sidebar ------*/


#sidebar {
	float: right;
	width: 225px;
	padding-right: 85px;
	background: #FFF;
}



#sidebar blockquote{
	float: left;
	width: 225px;
	padding: 0 0 30px 0;
	background: url(img/dashes.gif) no-repeat 0 100%;

}


#sidebar .quote{
	font-size: 1.6em;
	color: #0587cd;
	line-height: 1.6em;
	padding: 0 30px 10px 0;
}


#sidebar .quoted{
	font-size: 1.2em;
}



#sidebar #help{
	float: left;
	width: 225px;
	padding: 33px 0 0 0;
}



#sidebar #help h4{
	float: left;
	width: 225px;
	height: 37px;
	color: #fff;
	font-size: 1px;
	background: url(img/help-heading.gif) no-repeat 0 0;

}


#sidebar #help p{
	font-size: 1.3em;
	line-height: 1.6em;
	padding-bottom: 15px;
}


#sidebar #register{
	float: left;
	width: 225px;
	padding: 33px 0 15px 0;
	background: url(img/dashes.gif) no-repeat 0 100%;	
}



#sidebar #register h4{
	float: left;
	width: 225px;
	height: 37px;
	color: #fff;
	font-size: 1px;
	background: url(img/register-heading.gif) no-repeat 0 0;

}


#sidebar #register p{
	font-size: 1.3em;
	line-height: 1.6em;
	padding-bottom: 15px;
}



#sidebar #blog{
	float: left;
	width: 225px;
	padding: 33px 0 15px 0;
	margin: 0 0 20px 0;
	background: url(img/dashes.gif) no-repeat 0 100%;	
}



#sidebar #blog h4{
	float: left;
	width: 225px;
	height: 37px;
	color: #fff;
	font-size: 1px;
	background: url(img/blog-heading.gif) no-repeat 0 0;

}


#sidebar #blog h5{
	float: left;
	width: 210px;
	font-size: 1.4em;
	padding: 0 0 0 15px;
	line-height: 1.6em;	
	background: url(img/arrow.gif) no-repeat 0 7px;
	}


#sidebar #blog p{
	font-size: 1.3em;
	line-height: 1.6em;
	padding-bottom: 15px;
}


#sidebar #blog p.posted{
	font-size: 1.1em;
	}
	

#sidebar #aboutSide{
	float: left;
	width: 225px;
	padding: 33px 0 15px 0;
	margin: 0 0 0 0;
	background: url(img/dashes.gif) no-repeat 0 100%;
}



#sidebar #aboutSide h4{
	float: left;
	width: 225px;
	height: 37px;
	color: #fff;
	font-size: 1px;
	background: url(img/about-heading.gif) no-repeat 0 0;

}


#sidebar #aboutSide p{
	font-size: 1.3em;
	line-height: 1.6em;
	padding-bottom: 15px;
}	




#sidebar #follow{
	float: left;
	width: 225px;
	padding: 33px 0 0 0;
	margin: 0 0 0 0;
}



#sidebar #follow h4{
	float: left;
	width: 225px;
	height: 37px;
	color: #fff;
	font-size: 1px;
	background: url(img/follow-heading.gif) no-repeat 0 0;

}


#sidebar #follow p{
	font-size: 1.3em;
	line-height: 1.6em;
	padding-bottom: 15px;
}


#sidebar #follow ul li{
	font-size: 1.3em;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #C9E4EF;
	}
	
#sidebar #follow ul li.last{	
	border-bottom: none;
	}
	
	
#sidebar #follow ul li img{
	vertical-align: middle;
	padding: 0 10px 0 0;
	}	
	

#sidebar #follow ul li a{
	text-decoration: none;
	color: #333;
	}
	

#sidebar #follow ul li a:hover{	
	color: #f1ae05;
	text-decoration: underline;
	}
	
	
	
#sidebar .widget_categories{
	float: left;
	width: 225px;
	padding: 33px 0 5px 0;
	margin: 0 0 0 0;
}


#sidebar .widget_categories h2.widgettitle{
	float: left;
	width: 225px;
	height: 37px;
	color: #fff;
	font-size: 1px;
	background: url(img/categories-heading.gif) no-repeat 0 0;

}


#sidebar .widget_categories ul li{
	float: left;
	width: 210px;
	color: #0BB1D7;	
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0 0 5px 0;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #C9E4EF;
	background: url(img/arrow.gif) no-repeat 0 7px;	
	}
	
	
#sidebar .widget_archive{
	float: left;
	width: 225px;
	padding: 33px 0 35px 0;
	margin: 0 0 0 0;
	background: url(img/dashes.gif) no-repeat 0 100%;
}


#sidebar .widget_archive h2.widgettitle{
	float: left;
	width: 225px;
	height: 37px;
	color: #fff;
	font-size: 1px;
	background: url(img/archives-heading.gif) no-repeat 0 0;

}


#sidebar .widget_archive ul li{
	float: left;
	width: 210px;
	color: #0BB1D7;
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0 0 5px 0;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #C9E4EF;
	background: url(img/arrow.gif) no-repeat 0 7px;	
	}	

/*------ preFooter ------*/


#preFooter{
	float: left;
	width: 100%;
	background: #5F91AB url(img/preFooter-bg.jpg) repeat-x 0 100%;
}


#preFooter .gutter {
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
	width: 940px;
	text-align: left;
}


#preFooter #blocks{
	float: left;
	width: 940px;
	padding: 30px 0 60px 0;
	background: url(img/gutter-bg.gif) no-repeat bottom left;
}
	

#preFooter #blocks .sections{
	float: left;
	width: 179px;
}


#preFooter #blocks .services{
	float: left;
	width: 196px;
}

#preFooter #blocks .contacts{
	float: left;
	width: 237px;
}

#preFooter #blocks .follow{
	float: left;
	width: 190px;
}





#preFooter #blocks h5{
	padding: 0 28px 10px 28px;
	font-size: 1.2em;
	font-weight: bold;
	color: #84e1f6;
}


#preFooter #blocks p{
	padding: 0 28px 10px 28px;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #fff;
}


#preFooter #blocks .follow p{
	padding: 10px 28px 10px 28px;
}
	

#preFooter #blocks .follow p img{
	vertical-align: bottom;
}





#preFooter #blocks strong{
	color: #84e1f6;
}


#preFooter #blocks a{
	color: #fff;
	text-decoration: none;
}


#preFooter #blocks a:hover{
	text-decoration: underline;
}


div#footer{
	float: left;
	width: 940px;
	font-size: 1.1em;
	color: #fff;
	padding: 0 0 1px 0 !important;
}


#footer a{
	color: #fff;
	text-decoration: none;
}


#footer a:hover{
	text-decoration: underline;
}


#footer .copyright{
	float: left;
}


#footer .webby{
	float: right;
}



/*------ signup ------*/


div#signup{
	float: left;
	width: 225px;
}


#sidebar div#signup{
	float: left;
	width: 225px;
	padding: 30px 0 30px 0;
	margin: 20px 0 0 0;
	background: url(http://www.optimussourcing.com/wp-content/themes/optimus-sourcing/img/dashes.gif) no-repeat 0 0;

}




div#signup p{
	line-height: 1.6em;
	padding-bottom: 15px;
}


#sidebar div#signup p{
font-size: 1.3em;
}


div#signup p input{
	border: 1px solid #cccccc;
	width: 190px;
	padding: 3px;
	font-size: 12px;
	}
	
	
div#signup h4{
	color: #0587cd;
	font-size: 1.6em;
	padding: 0 0 15px 0;
	}