/*
Theme Name: Chasestead
Theme URI: http://wordpress.org/
Description: For over 45 years Chasestead has been providing prototype engineering & low volume production sheet metal services. We pride ourselves on giving you excellent customer service, with fast response to solving your queries and supplying your parts in very short lead times.
Version: 1.0
Author: Alistair Monaghan
Author URI: http://www.7comms.co.uk
Tags: chasestead, prototype engineers
*/

/* Sevenisation bits */

.topbar {
position: relative;
min-height: 100%;
background: url("../../../_images/img_top_fader.gif") top left repeat-x;
width: 100%;
}
* html .topbar {
height: 100%;
}
html {
height: 100%;
}

body {
padding: 0;
margin: 0;
background-color: #fff;
font-family: arial, sans-serif;
font-size: 0.75em;
height: 100%;
min-height: 100%;
min-width: 990px;
/*background: url("../../../_images/img_fader.gif") top left repeat-y; */
color: #000053;
line-height: 1.4em;
}
#sidebar {
color: #000053;
}
#sidebar a {
color: #000053;
}
#sidebar li {
color: #000053;
}
p {
margin-top: 0;
}
h1 {
font-size: 2em;
color: #617cc3; /* light bluey */
margin-bottom: 0.6em;
padding-top: 0.6em;
}
h2 {
margin: 0 0 1.4em 0;
font-size: 1.2em;
}

h2 a {
margin: 0 0 1.4em 0;
font-size: 1em;
text-decoration:none;
color: #000053;
}

h3 {
font-size: 1.3em;
}
#news {
padding:0;
margin: 0;
}
#news ul {
list-style: none;
padding:0;
margin: 0;
text-align: left;
}
#news ul li {
padding:0;
margin: 0;
text-align: left;
}
#news ul li ul {
padding:0;
margin: 0;
text-align: left;
}
#news img {
display: none;
}
.cat-post-item p {
font-weight: normal;
margin-top: 0.4em;
}
a.post-title {
text-decoration: none;
font-size: 1.8em;
color: #617cc3; /* light bluey */
margin-bottom: 1.6em;
padding: 0.6em 0 1em 0;
}
#main {
height: 100%;
padding: 40px 20px 130px 35px;
}
#main img {
border: none;
}
#main td {
vertical-align: top;
}
#main td.text {
padding: 10px 0 0 0;
vertical-align: top;
}
#main ul {
font-weight: bold;
}

div#gallery {
float: left;
padding: 0;
margin: 0;
}
table#thumbs {
clear: both;
border-collapse: collapse;
padding: 0;
margin: 0 0 20px 0;
}
div#gallery td {
padding: 0 4px 4px 0;
margin: 0;
}
div#gallery img {
/*border: 2px solid #617cc3; /* light bluey */
padding: 0 20px 0 0;
margin: 0;
}


#footer {
background: url("../../../_images/img_footer_fader.gif") top left repeat-x;
background-color: #000053;
position: relative;
margin: -100px 0 0 0;
padding: 0;
height: 100px;
width: 100%;
color: white;
clear: both;
}

#footer p {
padding: 20px;
}
#footer img {
float: right;
/*padding: 15px 10px 0 20px;*/
padding: 15px 10px 0 20px;
}
#footer a:hover {
color: #d2daff; /* lighter bluey */
}

a {
font-weight: bold;
color: #617cc3 0px; /* light bluey */
}
a:hover {
color: #000039; /* darker blue */
}
table {
padding: 0 0 20px 0;
}
table h2 {
margin: 0;
}
.entry ul {
margin: 0;
padding: 0;
}

div.bg01 {
background-image: url("_images/tech01.gif");
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}

div.bg02 {
background-image: url("_images/tech02.gif");
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}

div.bg04 {
background-image: url("_images/tech04.gif");
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}

div.bg05 {
background-image: url("_images/tech05.gif");
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}

div.bg06 {
background-image: url("_images/tech06.gif");
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}


#logo {
padding: 20px 0 0 12px;
}

#top_right {
z-index: 1;
position: absolute;
right: 0;
top: 0;
width: 388px;
background: url("../../../_images/img_top_right.jpg") top left no-repeat;
height: 95px;
}

img.rightimage {
float: right;
padding-left: 15px;
padding-bottom: 5px;
}

img.leftimage {
float: left;
padding-right: 15px;
padding-bottom: 5px;
}

hr {
text-align: left;
color: #000053;
margin-top: 20px;
height: 1px;
}

div.names {
padding: 15px;
color: white;
}

div.address {
line-height: 18px;
padding-top: 20px;
padding-bottom: 20px;
}

div.address a {
text-decoration: none;
color: #6679c5;
line-height: 25px;
}

div.address a:hover {
color: #000053;
}

div.imagebar {
position: absolute;
left: 0;
top: 101px;
width: 250px;
}

div.imagebarnames {
padding: 15px 0 0 15px;
color: white;
}

div.content {
vertical-align: top;
margin-left: 260px;
margin-top: 25px;
margin-right: 85px;
line-height: 15px;
color: #4356A3;
}

div.contentnames {
vertical-align: top;
margin-left: 263px;
margin-top: 46px;
margin-right: 85px;
line-height: 15px;
color: #3C4E9B;
}

div.content a {
font-weight: bold;
text-decoration: none;
color: #000053;
}

div.contentnames a {
font-weight: bold;
text-decoration: none;
color: #000053;
}

div.content a:hover {
text-decoration: underline;
}

div.contentnames a:hover {
text-decoration: underline;
}

div.content b {
color: #000053;
}

div.contentnames b {
color: #000053;
}

/* menu */
#navdiv {
z-index: 10;
position: absolute;
left: 270px;
top: 15px;
}

#navdiv ul#nav {
padding: 0;
list-style: none;
}

a.topmenu {
\font-size: 7.7pt; /*****hack*****/
background-color: none;
text-decoration: none;
}
ul#nav a {
\font-size: 7.7pt; /*****hack*****/
background-color: #000053;
text-decoration: none;
}


ul#nav li a {
display: block;
text-decoration: none;
color: #fff;
padding: 4px 5px;
margin: 0;
float: left;
font-weight: bold;
width: 70px;
border-bottom: 3px #6679c5 solid;
/*border-left: 1px #fff solid;*/
}

ul#nav a:hover {
color: #c5cdea;
border-bottom: 3px #c5cdea solid;
}

ul#nav a:active {
border-bottom: 3px #fff solid;
}

div#navdiv li { /* the first level */
list-style: none;
float: left;
position: relative;
width: 85px;
padding: 0;
margin: 0;
}

ul#nav li ul { /* the second level */
top: 13px;
display: none;
position: absolute;
padding-top: 1em;
margin: 0;
left: 0;
}

ul#nav li ul li a {
width: 130px;
}

ul#nav li > ul { /* reset the top and left properties on all but IE browsers */
top: auto;
left: auto;
margin-top: 13px;
margin-left: -40px;
}

/* IE7 Only */
*:first-child+html li ul {
top: auto;
left: auto;
margin-top: 13px;
margin-left: -80px;
}

#content {
clear: left;
}

ul#nav li:hover ul, li.over ul {
display: block;
}

table.contact {
border: 1px solid #000053;
border-collapse: collapse;
margin-bottom: 20px;
}

table.contact th {
color: #000053;
padding: 0.8em;
text-align: left;
line-height: 1em;
}

table.contact td {
padding: 0 0.8em;
}

table.contact td.title {
color: #000053;
}

table.contact tr {
line-height: 20px;
}

table.contact tr.bottomRow td {
padding-bottom: 0.8em;
}

table.notice {
border: 1px solid #000053;
}

table.notice td {
padding: 3px;
border: 1px solid #000053;
}

span.title {
font-weight: bold;
font-size: 10pt;
color: #6779c1;
}