/*
Theme Name: Big Red Recruitment
Theme URI: http://www.bigredrecuitment.co.uk
Description: A bespoke wordpress theme specifically for the Big Red REcruitment site
Version: 1
Author: Mart Gordon
Author URI: http://martgordon.com/
Tags: custom, bespoke

*/

* {
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address, hr {
margin-bottom: 1em;
}

html, body {
margin: 0px;
padding: 0px;
border: 0px;
}

/*
Basic styling for text etc. used by older browsers such as NN4.
*/

body
{
background: #fff url('_images/_backgrounds/main.gif') top center repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #666564;
text-align: center;
}

a
{
color: #8E131C;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
a:active{
text-decoration: underline;
}

a img {
border: none;
}

p
{
font-size: 1.2em;
padding: 0px;
line-height: 1.5em;
}

ul, dl, ol {
font-size: 1.2em;
line-height: 1.6em;
margin-bottom: 1em;
}

h1 {
font-size: 18px;
line-height: 20px;
margin-bottom: 12px;
color: #0B6666;
font-weight: normal;
}

h2 {
font-size: 1.2em; 
margin: 0;
margin-bottom: 12px;
color: #807E7C;
font-weight: bold;
}

h3 {
font-size: 1.4em; 
margin: 0;
margin-bottom: .5em;
color: #333;
font-weight: normal;
}

h4 {
font-size: 1.2em;
margin: 0;
font-weight: bold;
}

hr {
clear: both;
float: left;
width: 100%;
height: 0;
border: 0;
border-top: 1px solid #fff;
padding: 0;
margin: 0 0 18px 0;
}

.section {
clear: both;
float: left;
width: 100%;
height: auto;
text-align: center;
overflow: hidden;
}

.wrapper {
margin:0 auto;
text-align:left;
width: 958px;
height: auto;
position: relative;
overflow: hidden;
}

/* ####### Masthead ####### */
/* ######################## */

.masthead {
background: transparent;
height: 140px;
}

.logo {
position: absolute;
top: 8px;
left: 0;
width: 138px;
height: 119px;
}

p.telephone {
position: absolute;
top: 35px;
right: 0;
color: #0B6666;
font-size: 2.6em;
}

p.social {
position: absolute;
top: 8px;
right: 0;
}

p.social img {
margin-left: 5px;
}

.strapline {
position: absolute;
top: 42px;
left: 160px;
}

p.emailus {
position: absolute;
top: 70px;
right: 0;
}

p.emailus a {
color: #807E7C;
}

/* ####### Navigation ####### */
/* ########################## */

ul.menu {
list-style: none;
position: absolute;
top: 116px;
left: 160px;
height: 24px;
width: 683px;
}

ul.menu li {
float: left;
height: 24px;
}

ul.menu li a {
float: left;
height: 24px;
display: block;
text-indent: -9999em;
background: url('_images/_navigation/navigation.gif') no-repeat top left;
}

ul.menu li#nav1 a {
width: 63px;
background-position: 0 0;
}
ul.menu li#nav2 a {
width: 69px;
background-position: -63px 0;
}
ul.menu li#nav3 a {
width: 102px;
background-position: -132px 0;
}
ul.menu li#nav4 a {
width: 100px;
background-position: -234px 0;
}
ul.menu li#nav5 a {
width: 109px;
background-position: -334px 0;
}
ul.menu li#nav6 a {
width: 75px;
background-position: -443px 0;
}
ul.menu li#nav7 a {
width: 103px;
background-position: -518px 0;
}
ul.menu li#nav8 a {
width: 62px;
background-position: -621px 0;
}

ul.menu li#nav1 a:hover, ul.menu li#nav1 a:focus, .home ul.menu li#nav1 a {
background-position: 0 -24px;
}
ul.menu li#nav2 a:hover, ul.menu li#nav2 a:focus, .page-template-page_clients-php ul.menu li#nav2 a {
background-position: -63px -24px;
}
ul.menu li#nav3 a:hover, ul.menu li#nav3 a:focus, .page-template-page_candidates-php ul.menu li#nav3 a {
background-position: -132px -24px;
}
ul.menu li#nav4 a:hover, ul.menu li#nav4 a:focus, .page-template-page_contractors-php ul.menu li#nav4 a {
background-position: -234px -24px;
}
ul.menu li#nav5 a:hover, ul.menu li#nav5 a:focus, .page-template-page_case-studies-php ul.menu li#nav5 a, .page-template-page_case-study-php ul.menu li#nav5 a {
background-position: -334px -24px;
}
ul.menu li#nav6 a:hover, ul.menu li#nav6 a:focus, .page-template-page_partners-php ul.menu li#nav6 a {
background-position: -443px -24px;
}
ul.menu li#nav7 a:hover, ul.menu li#nav7 a:focus, .page-template-page_testimonials-php ul.menu li#nav7 a {
background-position: -518px -24px;
}
ul.menu li#nav8 a:hover, ul.menu li#nav8 a:focus, .blog ul.menu li#nav8 a, .single ul.menu li#nav8 a {
background-position: -621px -24px;
}

/* ####### Content Areas ####### */
/* ############################# */

.contentarea {
background: transparent;
padding: 0;
color: #555;
overflow: hidden;
}

.mainarea {
float: left;
width: 958px;
background: transparent url('_images/_placeholder/eyecandy.jpg') no-repeat top left;
height: auto;
padding-top: 296px;
position: relative;
overflow: hidden;
}

/* ####### Other Eyecandy images ####### */
/* ##################################### */

/* Homepage eyecandy */
.page-template-page_home-php .mainarea {
background: transparent url('_images/_placeholder/clients.jpg') no-repeat top left;
}
/* Clients eyecandy */
.page-template-page_clients-php .mainarea {
background: transparent url('_images/_placeholder/clients.jpg') no-repeat top left;
}
/* Candidates eyecandy */
.page-template-page_candidates-php .mainarea {
background: transparent url('_images/_placeholder/candidates.jpg') no-repeat top left;
}
/* Contractors eyecandy */
.page-template-page_contractors-php .mainarea {
background: transparent url('_images/_placeholder/contractors.jpg') no-repeat top left;
}
/* Case Studies eyecandy */
.page-template-page_case-studies-php .mainarea {
background: transparent url('_images/_placeholder/clients.jpg') no-repeat top left;
}
/* Individual Case Study eyecandy */
.page-template-page_case-study-php .mainarea {
background: transparent url('_images/_placeholder/eyecandy.jpg') no-repeat top left;
}
/* Partners eyecandy */
.page-template-page_partners-php .mainarea {
background: transparent url('_images/_placeholder/eyecandy.jpg') no-repeat top left;
}
/* Testimonials eyecandy */
.page-template-page_testimonials-php .mainarea {
background: transparent url('_images/_placeholder/testimonials.jpg') no-repeat top left;
}
/* Blog eyecandy */
.blog .mainarea, .single .mainarea {
background: transparent url('_images/_placeholder/blog.jpg') no-repeat top left;
}
/* About eyecandy */
.page-template-page_about-php .mainarea {
background: transparent url('_images/_placeholder/eyecandy.jpg') no-repeat top left;
}
/* Contact eyecandy */
.page-template-page_contact-php .mainarea {
background: transparent url('_images/_placeholder/eyecandy.jpg') no-repeat top left;
}
/* Work for us eyecandy */
.page-template-page_workforus-php .mainarea {
background: transparent url('_images/_placeholder/eyecandy.jpg') no-repeat top left;
}

.maincontent {
float: left;
width: 958px;
height: auto;
padding: 0;
padding-top: 0;
position: relative;
overflow: hidden;
}

.home-cont {
float: left;
width: 254px;
padding: 54px 30px 20px;
height: auto;
background: transparent url('_images/_titles/who-are.png') no-repeat top left;
margin-right: 2px;
}

.col-cont {
float: left;
width: 133px;
padding: 54px 13px 20px;
height: auto;
margin-right: 2px;
}

.last {
margin-right: 0;
}

.col-cont p, .col-cont ul {
font-size: 1.1em;
line-height: 1.2em;
}

.col-cont ul {
list-style: none;
}

.col-cont ul li {
margin-bottom: 12px;
}

.home-clients {
background: transparent url('_images/_titles/clients.png') no-repeat top left;
}

.home-candidates {
background: transparent url('_images/_titles/candidates.png') no-repeat top left;
}

.newsblog {
background: transparent url('_images/_titles/blog.png') no-repeat top left;
width: 145px;
padding: 54px 7px 20px;
}

.case-st {
background: transparent url('_images/_titles/case-study.png') no-repeat top left;
width: 159px;
padding: 34px 0 20px;
}

.twitter {
background: transparent url('_images/_titles/twitter.png') no-repeat top left;
width: 145px;
padding: 54px 7px 20px;
}

.contact {
background: transparent url('_images/_titles/get-in-touch.png') no-repeat top left;
width: 145px;
padding: 54px 7px 20px;
}

.testimonial {
background: transparent url('_images/_titles/testimonial.png') no-repeat top left;
width: 145px;
padding: 54px 7px 20px;
}

.other-cases {
background: transparent url('_images/_titles/other-case.png') no-repeat top left;
width: 145px;
padding: 54px 7px 20px;
}

.other-cases ul {
font-weight: bold;
}

.resources {
background: transparent url('_images/_titles/resources.png') no-repeat top left;
width: 145px;
padding: 54px 7px 20px;
}

.resources ul, .related-links ul {
font-weight: bold;
}

.related-links {
background: transparent url('_images/_titles/related-links.png') no-repeat top left;
width: 145px;
padding: 54px 7px 20px;
}

.main-cont {
float: left;
width: 556px;
padding: 54px 40px 20px;
height: auto;
margin-right: 2px;
}

.clients-page {
background: transparent url('_images/_titles/clients-page.png') no-repeat top left;
}

.candidates-page {
background: transparent url('_images/_titles/candidates-page.png') no-repeat top left;
}

.contractors-page {
background: transparent url('_images/_titles/contractors-page.png') no-repeat top left;
}

.partners-page {
background: transparent url('_images/_titles/agency-partners.png') no-repeat top left;
}

.testimonials-page {
background: transparent url('_images/_titles/testimonials.png') no-repeat top left;
}

.about-page {
background: transparent url('_images/_titles/about-page.png') no-repeat top left;
}

.workforus-page {
background: transparent url('_images/_titles/workforus-page.png') no-repeat top left;
}

.contact-page {
background: transparent url('_images/_titles/contact-page.png') no-repeat top left;
}

.case_studies-page img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.case_studies-page {
background: transparent url('_images/_titles/casestudies-page.png') no-repeat top left;
}

.blog-page {
background: transparent url('_images/_titles/blog-page.png') no-repeat top left;
}

.blog-page .entry {
margin-bottom: 30px;
}

.blog-page .thedate {
font-size: 1.2em;
color: #807E7C;
font-weight: bold;
}

.blog-page h2 {
font-size: 1.8em;
}

.blog-page h2 a {
color: #0B6666;
}

.main-cont ul {
margin-left: 15px;
font-weight: bold;
}

.col-cont p.bigBold {
font-size: 1.4em;
font-weight: bold;
}

/* ####### Footer area ####### */
/* ########################### */

.test-footer {
margin-top: 40px;
background: #AFAEAC;
padding: 10px 0;
color: #fff;
position: relative;
height: 51px;
text-align: center;
}

.test-footer a {
color: #fff;
}

.footerarea ul {
list-style: none;
margin: 30px 0 0;
}

.footerarea ul a {
color: #666564;
}

.footerarea ul li {
display: inline;
padding: 0 30px;
}

.copyright {
border-top: 3px solid #0F6868;
color: #807E7C;
padding-top: 5px;
}

.copyright p {
font-size: 1em;
}

.page-template-page_contact-php h2, .page-template-page_workforus-php h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 12px;
color: #0B6666;
font-weight: normal;
}

label {
font-size: 1.4em;
display:inline-block;
width: 100px;
}

.long-input {
border: 1px solid #AFAEAC;
width: 400px;
padding: 5px;
}

.long-textarea {
border: 1px solid #AFAEAC;
width: 400px;
padding: 5px;
}

/* ####### Wordpress styles ####### */
/* ############################# */
/* ####### Image align CSS ####### */
/* ############################### */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.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 {
   margin: 0;
   padding: 0;
   border: 0 none;
}

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

.navigation {
float: left;
width: 100%;
height: auto;
font-size: 1.2em;
}

ol.commentlist {
list-style: none;
font-size: 11px;
}

ol.commentlist li {
padding: 10px;
}

ol.commentlist .avatar {
margin-right: 10px;
}

ol.commentlist cite {
font-style: normal;
font-size: 1.6em;
}

ol.commentlist .comment-meta {
margin: 5px 0;
}

ol.commentlist li.even {
background: #eee;
}

blockquote {
background: transparent url('_images/_pf/open-quote.gif') no-repeat top left;
padding-top: 16px;
margin: 0;
}

cite {
background: transparent url('_images/_pf/close-quote.gif') no-repeat top right;
padding-top: 16px;
width: 100%;
display: block;
color: #333;
}