/*
Theme Name:CA Ergonomics
Theme URI:http://www.ca-ergonomics.co.uk
Description:Theme for <a href="http://www.www.ca-ergonomics.co.uk">www.ca-ergonomics.co.uk</a>
Version:1
Author:Steve Firth
Author URI:http://www.devolved.co.uk
Tags: fixed-width, two-columns, left-sidebar, widget enabled
*/

/* reset css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ima a, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-family: arial, helvetica, sans-serif; }
:focus { outline: 0;}
ol, ul, dl { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }

/* basic decs */
 
html { height: 100%; margin-bottom: 1px; background: #fff; font-family: arial, helvetica, sans-serif; color: #333; }
body { font-size: 84%; color: #333; text-align: center; }

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-size: 1.1em; color: #B81237; margin-bottom: 10px; font-family: "Georgia", arial, helvetica, sans-serif; }
h2  { font-size: 1.3em; color: #B81237; margin-bottom: 10px; font-family: "Georgia", arial, helvetica, sans-serif; }
p { line-height: 150%; margin-bottom: 20px; }
a { color: #B81237; text-decoration: none; }
a:hover { text-decoration: underline; color: #B81237; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.8em; }
acronym, abbr, .abbr, .help { border-bottom: 1px dotted #B81237; cursor: help; }
code { font-family: "Courier", "Times New Roman", serif; color: #000; padding: 1px 2px 1px 2px; background: #eee; }

/* main css */

#mainbox { width: 900px; margin: 15px auto; text-align: left;  }

a#navskip { position: absolute; top: -345px; }
a#navigation { position: absolute; display: block; height: 0px; width: 0px; }

#header { height: 100px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position: relative; }
#header a#homelink { display: block; height: 100px; width: 120px; text-decoration: none; background: url(gfx/logo-smallx.png) 20px center no-repeat; }

#header dl { font-size: 24px; position: absolute; bottom: 17px; right: 20px; width: 160px; color: #B81237; font-weight: bold; }
#header dl dt{ font-size: 18px; }
#header dl dd.mail { font-size: 13px; font-weight: normal; }

p#strap { margin: 0px; position: absolute; bottom: 11px; left: 130px;  color: #B81237; font-size: 24px; }
p#strap strong { color: #B81237; font-weight: normal; font-family: "Century Gothic", arial, helvetica, sans-serif; }

#wrap { position: relative; }

/* basic content */

#content { width: 600px; min-height: 350px; float:right; margin-top: 15px; padding: 15px 20px 20px 20px; border: 2px solid #B81237; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

#content h1, #content h1 a, #content div.additionalinfo ul.post-meta  li h1 { font-size: 1.6em; }

#content ul li { list-style: disc inside;  }
#content ul.plain li,  #content ul.post-meta li { list-style: none none;  }

#content ul, #content div.additionalinfo ul.post-meta, #content div.additionalinfo ul.post-meta  li ul { margin: 0px 0px 20px 0px; }
#content ul li, #content div.additionalinfo ul.post-meta, #content div.additionalinfo ul.post-meta  li ul li { margin: 0px 0px 10px 0px; }

#content div.additionalinfo ul.post-meta, #content div.additionalinfo ul.post-meta  li { margin: 0px; }
#content div.additionalinfo ul.post-meta  li span.post-meta-key { display: none; }

.clickthrough { border: 1px solid #B81237; background: #fdfdfd; padding: 10px; min-height: 96px; margin-bottom: 20px; }
.clickthrough img { float: left; margin-right: 10px;}
.clickthrough p, .clickthrough h1, .clickthrough h2, .clickthrough h3, .clickthrough h4 { margin: 0px 0px 5px 120px; font-size: 1.1em; }
.clickthrough p { font-size: 1em; }



/* header colours */

body#generic #header { background: #fff; }
body#ergonomics #header { background: #E0CEE0; }
body#dse #header { background: #E2D67C; }
body#manual #header { background: #B7CCDB; }
body#disabilities #header { background: #fed9b3; }
body#training #header { background: #D8DDCE; }
body#services #header { background: #EAE596; }
body#case #header { background: #E2D6B5; }
body#contactus #header { background: #B5CC8E; }
body#health #header { background: #d5d5d5; }
body#driver #header { background: #C6D6A0; }
body#risk #header { background: #DCADBE; }

/* sidebar navigation */

#nav { background: #B81237; width: 200px; position: absolute; top: 0; left:0; bottom: 0; padding: 20px; margin-top: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

#nav ul  { font-weight: normal; text-decoration: none; text-align: left; font-size: 1.2em; color: #fff; }
#nav ul  li { margin-bottom: 10px; }
#nav ul li a { font-weight: bold; color: #FFEEC6; padding: 10px 10px 10px 0px; text-transform: uppercase; }
#nav ul li a:hover,  #nav ul li a:focus { color: #fff; text-decoration: underline; }

#nav ul li ul { display: none; }
#nav ul li.current_page_item ul, #nav ul li.current_page_parent ul { display: block; }
#nav ul li.current_page_item a, #nav ul li.current_page_parent a { color: #fff; }
#nav ul  li  ul  li { margin-bottom: 0px; }
#nav ul li ul li a { color: #FFEEC6; padding: 0px 10px 0px 20px; font-size: 0.7em; text-transform: uppercase; }

body#case #nav ul  li  ul  li { display: block; }

/* form */

ul#theform li { line-height: 1.2em; }

form.wpcf7-form input , form.wpcf7-form textarea { border: 1px solid #aaa; width: 270px; padding: 2px; color: #aaa; font-family: arial, helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form.wpcf7-form input:hover, form.wpcf7-form textarea:hover { border: 1px solid #666; color: #666; }
form.wpcf7-form input:focus , form.wpcf7-form textarea:focus { border: 1px solid #b81237; color: #000; }
form.wpcf7-form li#sender input { background: #fff; width: 8em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form.wpcf7-form li#checkbox input { width: 1em; }
form.wpcf7-form li#cap input { height: 22px; width: 5em; float: right; margin-right: 100px; }
#content form.wpcf7-form li {list-style: none none;  }

/* footer */

#footer { text-align: right; padding: 10px 0px 0px 0px; color: #aaa; font-size: 0.8em; }
#footer a { color: #aaa; }
#footer a:hover, #footer a:focus { color: #B81237; text-decoration: underline; }

/* various */

ul.humansitemap { line-height: 1.8em; }
ul.humansitemap a { color: #333; }
ul.humansitemap a:hover, ul#humansitemap a:focus { color: #B81237; text-decoration: underline; }
ul.humansitemap li ul { margin-left: 20px; }
ul.humansitemap li ul li:before { content: "- " }

div#action { border-top: 1px solid #FFEEC6; color: #FFEEC6; padding-top: 10px; line-height: 1.5em; font-size: 1.15em; font-weight: bold; }
div#action a { color: #FFEEC6; font-weight: bold; }

a#rsslink { background: url(gfx/rssicon.jpg) right center no-repeat; padding: 2px 22px 2px 0px; position: absolute; right: 20px; bottom: 10px; }

/* homepage variant + range of services */

body#home #content { background: #A8CC96; color: #fff; padding: 20px; border: 0px; }
body#home #content div.post, body#home #content div.additionalinfo  { padding-top: 0px; }

body#home #content div.post, body#home #content div.additionalinfo  { width: 290px; float: left; position: relative;  }
body#home #content div.additionalinfo { float: right; }


body#home #content h1 { color: #fff; bottom: 3px; position: relative; font-size: 2em; }
body#home #content p, body#home #content h2, body#home #content h3 { color: #fff; }
body#home #header { height: 190px; padding: 0px; position: relative;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
body#home #header a#homelink { display: block; height: 190px; width: 900px; background: url(gfx/homehead.jpg) left center no-repeat; float: left; }

body#services #content div.post, body#services #content div.additionalinfo , body#contactus #content div.post, body#contactus #content div.additionalinfo  { width: 290px; float: left; position: relative; }
body#services #content div.additionalinfo, body#contactus #content div.additionalinfo { float: right; }

/* Case study tweaks */

.postone, .posttwo { padding: 10px 10px 10px 10px; position: relative; margin-bottom: 10px; }
.postone small, .posttwo small { position: absolute; bottom: 10px; right: 10px; color:#999; }
.postone span, .posttwo span { position: absolute; bottom: 10px; left: 10px; color:#B81237; font-size: 0.9em; }
.posttwo  { background: #fff; }
.postone  { background: #fafafa; }

.postone p, .posttwo p { margin-bottom: 5px !important; padding-bottom: 20px; }

/* sub cols */

div.cleft { width: 290px; float: left; position: relative; }
div.cright { width: 290px; float: right; }

/* call to action */

a.call { background: url(./gfx/call.jpg) left top no-repeat; line-height: 30px; font-size: 1.1em;  color: #fff; padding: 7px 0px 9px 10px; }
a.call span { background: url(./gfx/callend.jpg) right top no-repeat; line-height: 30px; color: #fff; padding: 7px 90px 9px 0px; font-weight: bold; }


.testimonal { border: 2px solid #B81237; padding: 15px; position: relative; margin-bottom: 60px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.testimonial span {  background: url(./gfx/call.gif) bottom right; height: 33px; width: 65px; position: absolute; right: 30px; bottom: -33px; }

.testimonial2 { background: #B81237; padding: 15px; position: relative; margin-bottom: 60px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; }
.testimonial2 span {  background: url(./gfx/call2.gif) bottom right; height: 33px; width: 65px; position: absolute; right: 30px; bottom: -32px; }

span.inline {  background: #B70F35 url(./gfx/inline.jpg) left top repeat-x; padding: 2px 4px; color: #fff !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
span.prices {  background: #D7D7D7 url(./gfx/prices.jpg) left top repeat-x; padding: 6px 10px; color: #555 !important; font-size: 1.4em; border: 1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;  }
span.prices2 {  background: #FDF37A url(./gfx/prices2.jpg) left top repeat-x; padding: 6px 10px; color: #555 !important; font-size: 1.4em; border: 1px solid #F7EB54; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;  }

.inline
/* misc classes */

.red { color:#B81237; }
.clear { clear: both; }