/***************************************

colours

$green:#50AA50;
$lightgreen:#98E69A;
$darkgreen:#0C690C;
$cream:#FCFBD5;
$grey: #ccc;
$lightgrey: #DCDEE2;
$footer: #495C49;
$text:#666;

****************************************/




.left{width:45%;float:left;padding: 0;margin:0 1% 10px 0;}
.right{float:right;margin:0 0 10px 1%;
width:45%;padding: 0}
.clear{clear: left;}

.main_content .strapline{
  padding: 20px 2%;
  color: white;
  font-family: "Nunito", "Trebuchet MS",sans-serif;
  font-weight: bold;
  font-size: 1.6em;
  background: transparent url(../images/windfarm.jpg) top right no-repeat;
  min-height:280px;
  position:relative;
  z-index: 1;
}

.main_content .strapline h1{color:white;}


#about{padding-right:2%;}
#about h1 {margin:0;}

#horizon{
  padding: 0;
}

#horizon img{padding:0;margin:0;width:100%;}
#horizon  h1{margin:0;}


#iee{
  background: transparent url(../images/iee.png) right 42px no-repeat;
  padding: 0;
  min-height: 100px;
}

#iee p{padding-right: 200px;}
#iee h1, #iee p{margin:0;}


#news
{
  padding: 20px 2%;
  background: #DCDEE2;
  behavior: url(http://euenergyfocus.co.uk/PIE.htc);
	overflow: hidden;
}

#news a,#news a:link,#news a:visited{
    color:#0C690C;
  }
  
#news a:hover{
    color:white;
    text-decoration:none;
  }


/***************************************

    layout  

****************************************/

html
{
  background: #fff;
}

body
{
	background: #fff;
  color: #666;
  font-family:Ubuntu,Helvetica,"Nimbus Sans L",Arial,sans-serif;
}

.container{
  max-width:960px;
  width:90%;
  margin:0 auto;
}

#header
{
  background: #fff;
	margin: 0;
	padding: 0;
}

#header:after {
  content: "";
  display: table;
  clear: both;
}


#header .container{
  position: relative;
}


#header .nav
{
  font-family: Nunito,arial,sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: #ccc 4px solid;
}

#header .nav li {
  display: inline-block;
}

#header .nav li a,#header .nav li a:link,#header .nav li a:visited {
  text-decoration: none;
  display:block;
  font-size: 24px;
  color: #666;
  padding: 0 10px;
}

#header .nav li a:hover{
  border-bottom: #50AA50 4px solid;
  margin-bottom: -4px;
  color: #98E69A;
}
    
#header .nav ul.dropdown{
  background: #ccc;
	list-style:none;
	position:absolute;
	z-index:2;
	left:-9999px;
	margin:0;
  margin-top: 4px;
  padding:0;
	border:none;
	opacity:0.9;
}	

#header .nav ul.dropdown	li{
  display: block;
}
    
#header .nav ul.dropdown	li a, #header .nav ul.dropdown	li a:link,#header .nav ul.dropdown li a:visited{
  white-space:nowrap;
  font-size:18px;
  width:100%;
  display:block;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#header .nav ul.dropdown li a:hover{
  border-bottom: none;
  margin-bottom: 0;
  background: #50AA50;
  color: #FCFBD5;
}

	
#header .nav li:hover .dropdown{ 
	left:auto;
}


.main_content
{
  padding-top: 20px;
	font-size: 1.4em;
  position: relative;
  z-index: 0;
}

.main_content:after {
  content: "";
  display: table;
  clear: both;
}

#extra_content
{
	font-size: 1.25em;
	overflow: hidden;
}

body.home .main_content
{
	clear: both;
}

#footer
{
  background: #DCDEE2;
  border-top: 3px solid #50AA50;
  color: #666;
	clear: both;
  margin: 2em 0 0 0;
  padding: 20px 0;
}

/***************************************

    header  

****************************************/

#header h1
{
  text-indent: -1000em;
  background: white url(../images/logo.jpg) 0 0 no-repeat;
  width:415px;
  height:150px;
}

#header h2
{
  position: absolute;
  bottom:64px;
  right: 20px;
  color: #50AA50;
  font-family: Nunito,arial,sans-serif;
  font-size: 1.8em;
  font-weight: normal;
  text-align: right;
}

#header h2 a
{
  border: none;
  color: #50AA50;
  display: block;
}

#header h2 a:hover
{
  background-color: transparent;
  color: #0C690C;
  display: block;
}


/***************************************

  content  

****************************************/

h1,h2,h3,h4,h5,h6{
  margin:0;
  line-height:1;
}

#admin
{
  background-color: #98E69A;
  border-top: #0C690C solid 2px;
  border-bottom: #0C690C solid 5px;
  color: #fff;
  padding: 0.3em;
  position: relative;
}

#admin h3
{
  font-size: 2.8em;
  padding: 0.1em 3em;
  text-align: right;
}

.main_content form label
{
  display: block;
}

.main_content img
{
  float: right;
  clear: right;
  max-width: 36%;
  margin-bottom: 4px;
}


.main_content h1,h2,h3,h4{
  color: #50AA50;
  font-family: "Nunito", "Trebuchet MS",sans-serif;
  font-weight: normal;
  font-size: 2.4em;
  letter-spacing:0em;
  margin: 0.5em 0 0;
}

.main_content h1
{
  font-size: 24px;
}

.main_content h2
{
  font-size: 24px;
}

.main_content h3
{
  font-size: 22px;
}

.main_content h4
{
  font-size: 18px;
}

.main_content h4 a
{
  border-bottom: none;
  color: #577eb3;
  text-decoration: none;
}

.main_content p,.main_content ul
{
	line-height: 1.4em;
	margin-bottom: 1em;
	font-size: 14px;
}

.main_content p em
{
  color: #50AA50;
  font-weight: bold;
}

.main_content ul
{
  clear: left;
  list-style: square;
  margin: 1em 0;
}

.main_content li
{
	line-height: 1.7em;
}

.main_content ol
{
  clear: left;
  list-style-type: decimal;
  margin: 1em 0;
}

.main_content ol li
{
	line-height: 1.7em;
	padding-left: 20px;
	margin-left: 10px;
}

.main_content a:link,.main_content a:visited
{
  color: #50AA50;
  text-decoration: underline;
}

.main_content a:hover
{
	background: #50AA50;
  color: #FCFBD5;
	text-decoration: none;
}


.main_content table
{
  border-left: #399 solid 1px;
	border-top: #399 solid 1px;
	border-collapse: collapse;
}


.main_content th, td
{
  border-right: #399 solid 1px;
	border-bottom: #399 solid 1px;
	padding: 0.3em;
}

.main_content th
{
  background: #9cc;
	color: #c00;
  font-family: Verdana, sans-serif;
  font-size: 1.2em;
	text-align: center;
}

/***************************************

    extra_content  

****************************************/

/*----------------- =LINKS= --------------------*/

#extra_content{
  a,a:link,a:visited{
    color:white;
  }
  a:hover{
    color:white;
    text-decoration:none;
  }
}

#page_links
{
 	border: #ccc solid 1px;
        border-bottom:none;
        background: #ccc;
	font-family: "Nunito", "Trebuchet MS",sans-serif;
	list-style: none;
	padding:16px 0 0;margin:20px 0 0;
        border-radius:8px 8px 0 0;
 }


#page_links li
{
  border-bottom: #ccc solid 1px;
  font-size: 1.0em;
  margin: 0;
  padding:0;
}

#page_links li a,#page_links li a:link,#page_links li a:visited
{
        color: #50AA50;
	display: block;
	margin:0;
	padding: 5px 5px 5px 0.5em;
	text-decoration: none;
	background: white;
}

* html #page_links li a
{
   width: 100%;
}


#page_links li a:hover
{
  color: #FCFBD5;
  background: #98E69A;
}

/*----------------- =NEWS= --------------------*/

#news h1
{
  color: #0C690C;
  margin:0;
  line-height:1;
  }

#news ul
{
  font-size: 0.8em;
  color: #666;
  padding:0;
  margin: 0;
}

#news ul:after {
  content: "";
  display: table;
  clear: both;
}

#news ul li
{
  font-size: 13px;
  padding: 1em  0;
  margin: none;
  list-style: none;
}

#news ul li ul
{
  padding: 0 2em;
}

#news ul li li
{
  border: none;
  padding: 0.1em 0;
  list-style: disc;
  float:none;
}

#news ul li ol li
{
  list-style: decimal;
  margin-left: 20px;
  padding-left: 0;
}

#news ul li p
{
  line-height: 1.3em;
}

#news ul h2
{
  color: #0C690C;
  margin:0;
}

#news ul p.post_date
{
  color: #ccc;
  margin-bottom: 0.5em;
  font-style: italic;
}

.news_item
{
  clear: left;
}

/***************************************

    footer  

****************************************/
#footer{
  a,a:link,a:visited{
    color:#50AA50;
  }
  a:hover{
    color:white;
    background:#50AA50;
  }
  
  h1{
    font-family: "Nunito", "Trebuchet MS",sans-serif;
    font-weight: normal;
    font-size: 2em;
    letter-spacing:0em;
    margin: 0.5em 0 0;
    color: #666;
  }
  
  .nav{
    padding:0;
    li{ display:inline;list-style:none;font-size:1.1em;padding-right:4px;}
  }
}