/*
Theme Name: Ellesmere Port
Theme URI:
Description: Wordpress theme for Ellesmere Port site 
Author: MC2
Author URI: http://www.mcmc.co.uk
*/
/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  }
  
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  }
  
/* Remove list style from lists */
ol, ul {
  list-style: none;
  }
  
/* Normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
  }
  
/* Removes border from tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
  }
  
/* Remoce border from fieldset and img */
fieldset, img {
  border: 0;
  }
  
/* left aligns text in caption and th */
caption, th {
  text-align: left;
  }
  
/* removes quotation marks from q */
q:before, q:after {
  content: '';
  }
  
strong {
  font-weight: bold;
  }
  
em {
  font-style: italic;
  }
  
body {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #000000;
  width: 960px;
  color: #fff;
  margin: 0 auto;
  line-height: 1.5em;
  }
  
a:link, a:visited {
  color: #fff;
  text-decoration: none;
  }
  
a:hover, a:active, a:focus {
  color: #92d400;
  }
  

div#header {
  width: 100%;
  float: left;
  }
  

div#header img {
  padding: 70px 0 30px 20px;
  float: left;
  width: 315px;
  }
 
form#searchform {
  float: right;
  width: 209px;
  padding: 120px 50px 0 0;
  }
  
div#main-hub {
  float: left;
  width: 960px;
  min-height: 355px;
  background: #000 url(img/hub-bg.png) no-repeat top left;
  }
  
div#main-content{
  float: left;
  width: 960px;
  min-height: 355px;
  background: #000 url(img/content-bg.png) no-repeat top left;
  }

ul#global-nav {
  margin: 11px 0 0 20px;
  width: 136px;
  float: left;
  }
  
ul#global-nav li a:link, ul#global-nav li a:visited {
  display: block;
  padding: 8px 0;
  font-size: 12px;
  }
  
ul#global-nav li#here a {
  color: #92d400;
  font-weight: bold;
  }
  
div#main-hub div.smart-feature {
  float: right;
  position: relative;
  width: 784px;
  height: 325px;
  overflow: hidden;
  }

div#main-hub div.smart-feature img {
  /*display: block;*/
  margin: 25px 0 0px 20px;
  top:0;
  left: 0;
  width: 698px;
  height: 299px;
  }
  
  
/******** Posts - for normal pages ********/

div#posts{
  width: 735px;
  float: left;
  margin: 25px 0 0 20px;
  }
  
div#posts h1{
  padding: 0px 0 15px 0px;
  font-size: 18px;
  color: #92d400;
  background: url(img/dot-border.gif) repeat-x bottom left;
  }
  
div#posts h2 {
  padding: 20px 0 0px 0px;
  font-size: 12px;
  color: #92d400;
  }
  
div#posts p {
   padding: 10px 0px 0 0px;
  }
  
div#posts a:link, div#posts a:visited {
  color: #92d400;
  padding: 2px;
  text-decoration: underline;
  }

div#posts ol {
  list-style-type: decimal;
  margin: 10px 0 0 17px;
  }  
  
div#posts ul {
  margin: 10px 0 0 0;
  }
  
div#posts ul li {
  background: url(img/bullet-square.gif) no-repeat 0% 50%;
  padding-left: 17px;
  }
  
/******** Posts - for the home page ********/

body#body-home div#posts {
  width: 960px;
  float: left;
  margin: 0px;
  }
  
body#body-home div#posts div.post-item {
  width: 320px;
  float: left;
  }
  
body#body-home div#posts div.post-item img {
  padding: 0px 0px 15px 0px;
  width: 280px;
  }
  
body#body-home div#posts div.post-item .alignleft {
  margin: 0px 0 15px 0;
  }
  
body#body-home div#posts div.post-item h2 {
  margin: 10px 20px 0px 20px;
  padding-bottom: 15px;
  font-size: 18px;
  color: #92d400;
  background: url(img/dot-border.gif) repeat-x bottom left;
  line-height: 18px;
  }

body#body-home div#posts div.post-item h2 a:link, body#body-home div#posts div.post-item h2 a:visited { 
  text-decoration: none;
  }
  
body#body-home div#posts div.post-item  p {
  padding: 20px 20px 0 20px;
  }
  
body#body-home div#posts div.post-item  p.metadata {
  margin: 20px;
  padding: 10px 5px;
  background: #1A1A1A url(img/dot-border.gif) repeat-x top left;
  clear: both;
  }
  
body#body-home div#posts div.post-item  p.metadata span {
  font-weight: bold;
  font-size: 13px;
  }
  
div#footer {
  margin: 50px 0 0 0;
  width: 960px;
  float: left;
  padding: 10px 0;
  background: #000 url(img/dot-border.gif) repeat-x top left;
  }
  
div#footer ul li {
  float: left;
  }

div#footer ul {
  margin-left: 20px;
  }
  
div#footer ul li a {
  display: block;
  padding: 2px 8px;
  background: url(img/divider.gif) no-repeat 0 50%;
  }  
  
div#footer ul li#first-footer a {
  padding-left: 0px;
  background: none;
  }
  
  
/********* News-item ************/
div.news-item {
  clear: both;
  margin-bottom: 20px;
  }
  
div.news-item  h1 span {
  color: #fff;
  font-size: 9px;
  }

.alignleft {
  float: left;
  margin: 15px 10px 0 0;
  }
  
.alignright {
  float: right;
  margin: 15px 0 0 10px;
  }
  
  
/****** Gallery *********/

ul#gallery {
  float: left;
  width: 100%;
  }

div#posts ul#gallery li {
  background: none;
  padding-left: 0px;
  float: left;
  }

div#posts ul#gallery li a {
  display: block;
  margin: 8px 10px;
  width: 75px;
  height: 75px;
  border: 3px solid #1c1c1c;
  }
  
div#posts ul#gallery li a:hover {
  border: 3px solid #92d400;
  }

/* download link */
span#download-image-link a:link, span#download-image-link a:visited {
  color: #666;
  }
  
span#download-image-link a:hover, span#download-image-link a:focus {
  text-decoration: underline;
  }