/*  
Theme Name: Exchange 2 Improve theme
Theme URI: http://www.paulmatson.co.uk
Description: Exchange 2 Improve theme
Version: 1.1
Author: Paul Matson
Author URI: http://www.paulmatson.co.uk
*/

/* Background Colour #E4E9ED;
   Gold: #D2E130;
   Navy: #2C4352;
   Dark text: #4E6A7F;
   Light grey: #7A8186;
   Blue: #517E9F; */

/* Begin Structure */ 
body { margin: 0; padding: 0; }
#page { margin: 0 auto; padding: 0; width: 780px; text-align: left; background-color: #FFF; }
#accesskey-div { margin: 0px; padding: 0px; position: absolute; top: -1000px; font-size: 1px; line-height: 1px; }
hr { display: none; }

/* header */
#header { padding: 0; margin: 0 auto; width: 100%;  }

/* linksContainer */
#linksContainer { clear:both; width: 100%; height:25px; font-size: 135%; color: #2C4352; padding: 10px 0 0px 0;}
#searchContents { width:320px; text-align:left; padding-left: 25px; float:left; }
#mainNav { width:320px; text-align:right; padding-right: 25px; float:right; }
#linksContainer a:link, #linksContainer a:visited, #linksContainer a:active { text-decoration: underline; padding: 2px 4px 2px 4px; color: #2C4352; } 
#linksContainer a:hover { color: #7A8186; text-decoration: underline; }
#linksContainer span { color:#D2E130; }

/* imageContainer - make logo area click to home page */
#imageContainer { clear:both; width: 100%; height:102px; border-bottom: 9px solid #D2E130; }
#logo {width:265px; height: 102px; /* margin-left: 25px; */ padding-left: 25px; float:left; cursor: pointer; }
#logo h1 { background: transparent url(images/e2i_logo.jpg) top left no-repeat; margin: 0; border: 0; padding: 0; padding-top: 102px; overflow: hidden; height: 0px !important; /* for most browsers */ height /**/:102px; /* for pre 6.0 IE Win */ }

/* #banner {width:465px; height: 102px; margin-right: 25px; float:right; } */
#banner {width:465px; height: 102px; padding-right: 25px; margin:0; float:right; }

/* efqmDiagram */
#efqmDiagram {height:305px; width:100%; text-align:center; }

/* Begin Primary Typography & Colors */ 
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Verdana, Arial, Sans-Serif; background-color: #E4E9ED; color: #333; text-align: center;}

/* Changing this font-size affects everything within content */
#homecontent { font-size: 1.2em; background-color: #E4E9ED; }
#content { font-size: 1.2em; background-color: #FFF; clear:both; /* for the headband */ }

/* all h styles */
h1, h2, h3, h4 { font-family: Verdana, Arial, Sans-Serif; }

#headband { width: 728px; height: 50px; background-color:#93B0C3; margin-left: 25px; /* margin: 10px 0 0 25px; padding: 12px 8px 12px 8px; */ clear:both;}
#casestudyname { width: 560px; float:left; background-color:#93B0C3; }
#casestudyname h2 { font-size: 2.4em; line-height: 100%; color: #FFF; padding:10px; }

#efqmbox {width: 116px; height: 42px; background-color:none; float:right; padding-right: 20px; padding-top: 3px; }

h2, h2 a, h2 a:visited { color: #666; margin: 0; padding: 0; font-weight: normal; line-height: 130%; font-size: 1.6em;}
h2, h2 a, h2 a:hover, h2 a:visited, #sidebar h2 { text-decoration: none; }
#sidebar h2 { margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 1.2em; } 


h3 { font-size: 1.2em; padding: 0 0 0 0; margin: 0; color: #517E9F; }
h3 a:link { color: #4d7188; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
.intro { color: #919A2D; font-weight: normal; padding-bottom: 10px; }

h4 { font-size: 1.2em;  margin: 0; font-weight: bold; color: #919A2D; padding: 5px 0 0 0;  }
a:hover { color: #333; text-decoration: underline; }

blockquote { width: 200px; padding: 0 5px 0 20px; margin: 0 5px 0 5px; float:right; color: #919A2D; font-size: 1.3em; font-style: italic; line-height: 140%;}
blockquote cite { display: block; }

:-moz-any-link:focus { outline: none; }

/* narrowcolumn  582 +10 + 138 = 730, 582 - 16px of right/left padding makes width = 564px */
.narrowcolumn { float: left; padding: 10px 8px 10px 8px; margin: 0 10px 0 25px; width: 564px;  
	line-height: 1.6em; display:inline; /* IE Doubled Float-Margin bug */ }
.narrowcolumn a:link, a:visited {text-decoration: underline; padding: 0; color: #517E9F;} 
.narrowcolumn a:hover {  padding: 0; color: #7A8186; text-decoration: underline; }
.narrowcolumn ul {padding: 0 0 0 20px; color: #333; }

/*sidebar */
#sidebar {  margin: 0; padding: 0; float:left; width:138px; background-color: #e4e9ed; font: 1.2em Verdana, Arial, Sans-Serif;  }
#supporters {width: 100%; text-align: center; padding: 10px 0 10px 0px;}
#supporters .supporterLogo { padding-bottom: 10px; }
#sidebar ul { margin:0; padding:0 0 10px 5px;}
#sidebar li {list-style: none; margin:0; padding: 0;  }
#sidebar ul li { line-height: 1.3em; margin: 0; padding: 10px 0 0 0; }
#sidebar li a { text-decoration: none; font-weight: bold; margin:0; text-decoration: none; color: #4d7188; }
#sidebar ul li a:hover {  background-color: #afbb2f; text-decoration: none; color: #FFF; padding: 1px; }
#sidebar img {margin:0; padding:0; }
#sidebar p { padding:10px; line-height: 1.6em; }

#sidebar .current-cat a { background-color: #afbb2f; color: #FFF; padding: 1px;}

/* .utwtags */

/* footer */
#footer { clear:both; width:100%; height:20px; font-size: 120%; color: #7A8186;  padding: 10px 0 20px 0; }
#leftfooter { width: 440px; text-align:left; /* margin-left: 25px; */ padding-left:25px; float:left;  }
#rightfooter { width:290px; text-align:right; /* margin-right: 25px; */ padding-right:25px; float:right;  }
#footer a:link, #footer a:visited, #footer a:active { text-decoration: underline; padding: 2px 4px 2px 4px; color: #7A8186; } 
#footer a:hover { color: #4E6A7F; text-decoration: underline; }

/* post */
.post {border-top: 5px solid #E4E9ED; margin: 10px 0 0 0; padding: 0 0 10px 0;}

/* Begin Images */ 
p img { padding: 0; margin-bottom: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 10px 10px; display: inline; }
img.alignleft { padding: 0px; margin: 0 10px 10px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

/* Begin Secondary Typography & Colors */
small { font-size: 0.9em; line-height: 1.5em; }
.alt { background-color: #FFF; border-top: 1px solid #333; border-bottom: 1px solid #333; }
small, .nocomments, .postmetadata, strike { color: #777; }
acronym, abbr, span.caps { cursor: help; font-size: 0.9em; letter-spacing: .07em; }
acronym, abbr { border-bottom: 1px dashed #999; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
#searchform { margin: 10px auto; padding: 0px 0px; text-align: center; }