/* @override 
	http://www.element.test.mythic-beasts.com/wordpress/wp-content/themes/ElementEnergy/style.css
	http://www.element-energy.co.uk/wordpress/wp-content/themes/ElementEnergy/style.css
*/

/*
Theme Name: Element Energy
Theme URI: 
Description: X (Based on Twenty Ten)
Version: 1.0
Author: 
Author URI: 
Tags: 
*/

@import "css/reset.css";




/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #58595B;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}



/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */

#wrapper {
	margin: 0;
	width: 960px;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	width: 700px;
	font-weight: bold;
}



/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles  */
body {
	background: #eee;
	padding: 0;
	margin: 0;
}

body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 1.4em;
}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
	display: none;
}

/* Text elements */
h1,h2,h3,h4,h5,h6 {
	margin: 0.6em 0 0.3em 0;
	line-height: 1.2em;
	font-weight: normal;
}
h1 {
	color: #e15f41;
	font-size: 28px;
	margin-top: 0;
	line-height: 1.2em;
}
h1 span {
	color: #666;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	margin: -0.8em 0 0 0;
	padding: 0;
}
h2 {
	font-size: 24px;
	margin-top: 0;
}
h3 {
	font-size: 20px;
}
p {
	margin-bottom: 0.8em;
	line-height: 1.5;
}
ul {
	list-style: disc;
	margin: 0 0 0.8em 1.5em;
}
li {
	margin: 0 0 0.4em 1.5em;
	list-style: disc;
}
ol {
	list-style: decimal;
	margin: 0 0 0.8em 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
a:link {
	color:#214d7a;
	-webkit-transition-duration: .3s;
	-webkit-transition-property: all;
	-moz-transition-duration: .3s;
	-moz-transition-property: all;
	transition-duration: .3s;
	transition-property: all;
	text-decoration: none;
}
a:visited {
	color: #214d7a;
	text-decoration: none;
}
a:active,
a:hover {
	color: #ff6e4f;
	text-decoration: underline;
}

.cl {
	clear: both;
	height: 0;
	width: 0;
}
section, article {
	display: block;
}

table {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 0.2em;
	margin: 1em 0;
	border-collapse: collapse;
}
table td {
	padding: 0.5em;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}



/* =Header
-------------------------------------------------------------- */

header {
	background: url(images/bkgd.png) repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 1020px;
	display: block;
	height: 100px;
}
#sitetitle {
	display: block;
	position: absolute;
	font-size: 2em;
	line-height: 1.2;
	font-weight: bold;
	margin: 0;
	text-indent: -6000px;
	display: block;
	padding: 30px 0 0px 45px;
}
#sitetitle a {
	background: url(images/ElementBlueLogo_74mm_resized.png) no-repeat left center;
	width: 242px;
	height: 48px;
	display: block;
}
#sitetitle a:hover {
}
#sitetitle a:active {
}
#description {
	font-size: 0.8em;
}



/* =Menu
-------------------------------------------------------------- */

#access {
	padding: 10px 0;
}
#access .menu-header,
div.menu {
}
#access .menu-header ul,
div.menu ul {
	margin: 0;
}
header nav {
	position: relative;
	display: block;
	width: 930px;
	border-bottom: 1px solid #ddd;
	text-align: right;
	margin: 45px 45px 0 45px;
	padding-bottom: 13px;
}
header nav li {
	display: inline;
	margin-left: 1.2em;
}
header nav a {
	text-transform: uppercase;
	border-bottom: 4px solid #fff;
	padding-bottom: 10px;
}

header nav li a:hover {
	text-decoration: none;
	border-bottom: 4px solid #ff6e4f;
}
header nav li a:active {
	text-decoration: none;
}
nav ul li:hover > ul {
}
header nav li.current_page_item a,
header nav li.current-page-ancestor a,
header nav li.current-menu-ancestor a,
header nav li.current-menu-item a,
header nav li.current-menu-parent a {
	border-bottom: 4px solid #ff6e4f;
	color: #666;
}

/* =Content
-------------------------------------------------------------- */

#main {
	background: url(images/bkgd.png) repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 1020px;
	display: block;
	position: relative;
	min-height: 450px;
}

#content {
	margin: 0 45px;
}
#content h1 {
	margin: 0 0 0.5em 0;
}
#introImage {
	background: url(images/_DSC7469_sectors_resized.jpg) no-repeat 45px top;
	height: 210px;
}
.page-child #introImage {
	background: url(images/_DSC7469_sectors_resized.jpg) no-repeat 45px top;
}
/* Sectors */
.page-id-42 #introImage {
	background: url(images/ele_ban3_ORM5071.jpg) no-repeat 45px top;
}
.page-id-2 #introImage {
	background: url(images/bannerpic2g.jpg) no-repeat 45px top;
}
/* Careers */
.page-id-44 #introImage, .page-id-294 #introImage, 
.page-id-810 #introImage, .page-id-856 #introImage {
	background: url(images/SPB_9900_careers_resized.jpg) no-repeat 45px top;
}
/* Team */
.page-id-1457 #introImage {
	background: url(images/2019_summer_party_team.jpg) no-repeat 45px top; 	background-size: 930px 200px;
}
/* Publications */
.page-id-1310 #introImage {
	background: url(images/_DSC7487_Publications_Jonny_Jake_Tom_resized.jpg) no-repeat 45px top;
}
/* Recent News */
.blog #introImage {
	background: url(images/bannerpic2g.jpg) no-repeat 45px top;
}
/* Contact */
.page-id-15 #introImage {
	background: url(images/SPB_9911_Contact_Ed_resized.jpg) no-repeat 45px top;
}
.page-id-2 #introImage {
	background: url(images/ele-ban2_ORM3917.jpg) no-repeat 45px top;
}
/* Sectors > Transport */
.page-id-25 #introImage , .page-id-339 #introImage, .page-id-515 #introImage, 
.page-id-333 #introImage, .page-id-329 #introImage, .page-id-520 #introImage,  
.page-id-426 #introImage, .page-id-114 #introImage {
	background: url(images/ele_ban4_ORM0544.jpg) no-repeat 45px top;
}
/* Sectors > Buildings */
.page-id-27 #introImage , .page-id-494 #introImage, .page-id-541 #introImage, 
.page-id-752 #introImage, .page-id-497 #introImage, .page-id-531 #introImage,  
.page-id-505 #introImage, .page-id-535 #introImage, .page-id-745 #introImage {
	background: url(images/ele_ban4_ORM0559.jpg) no-repeat 45px top;
}
/* Sectors > Power */
.page-id-29 #introImage , .page-id-336 #introImage, .page-id-399 #introImage, 
.page-id-325 #introImage, .page-id-316 #introImage, .page-id-128 #introImage,  
.page-id-348 #introImage, .page-id-774 #introImage, .page-id-132 #introImage, 
.page-id-443 #introImage, .page-id-408 #introImage, .page-id-405 #introImage, 
.page-id-501 #introImage {
	background: url(images/ele_ban3_ORM4999_adj.jpg) no-repeat 45px top;
}
/* Services > Due Diligence */
.page-id-101 #introImage, .page-id-527 #introImage  {
	background: url(images/ele_ban3_ORM5071.jpg) no-repeat 45px top;
}
/* Services > Engineering B */
.page-id-157 #introImage, 
.page-id-369 #introImage, .page-id-365 #introImage, .page-id-162 #introImage, 
.page-id-361 #introImage {
	background: url(images/ele-ban2_ORM3943.jpg) no-repeat 45px top;
}
.page-id-106 #introImage, .page-id-322 #introImage {
	background: url(images/ele_ban3_ORM5128.jpg) no-repeat 45px top;
}
/* Services > Strategy and planning */
.page-id-104 #introImage, .page-id-153 #introImage  {
	background: url(images/ele-ban2a_ORM4043.jpg) no-repeat 45px top;
}

/* =Homepage
-------------------------------------------------------------- */


section#homeIntro {
	position: relative;
	margin: 0 45px;
/*    background-image: url(images/bannerpic1b.jpg);*/    
	height: 270px;
}.carousel {        position:absolute;        background-size: 100% 100%;        height:100%;        width:100%;        z-index: 0;        animation-name: carousel-animation;        animation-iteration-count: infinite;        animation-duration: 56s;}#carousel-1 {        background-image: url(images/buildings_home_image.jpg);        animation-delay: 0s;    }#carousel-2 {        background-image: url(images/ccus_home_image.jpg);        animation-delay: -48s;    }#carousel-3 {        background-image: url(images/networks_home_image.jpg);        animation-delay: -40s;    }#carousel-4 {        background-image: url(images/hydrogen_home_image.jpg);        animation-delay: -32s;    }#carousel-5 {        background-image: url(images/transport_home_image.jpg);        animation-delay: -24s;    }#carousel-6 {        background-image: url(images/pm_home_image.jpg);        animation-delay: -16s;    }#carousel-7 {        background-image: url(images/smart_energy_systems_home_image.jpg);        animation-delay: -8s;    }@keyframes carousel-animation {        0% { opacity: 1; }    11% { opacity: 1; }    14% { opacity: 0; }    97% { opacity: 0; }    100% { opacity: 1; } }
section#homeIntro h1 {
	background-color: #fff;
}
section#homeIntro h1 {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.8);
	display: inline;
	padding: 0.7em 0.5em;
	top: 20px;
	font-size: 22px;        z-index: 10;
}
section#homeIntro nav {        position: absolute;
	right: 0px;
	margin-top: 12px; /* previously 20px */        z-index: 10;
}
section#homeIntro nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
section#homeIntro nav li  {
	margin: 0 0 2px 0; /* previously 4px */
	padding: 0;
	font-size: 18px;
	width: 285px;
	list-style: none;
}
section#homeIntro nav li a {
	background: #fff; /* The Fallback */
}
section#homeIntro nav li a {
	background: rgba(255, 255, 255, 0.8);
	display: block;
	padding: 6px 16px 8px 8px; /* previously 8px 16px 10px 8px */
}
section#homeIntro nav li a span {
	display: block;
	padding: 3px 0 0 0;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
section#homeIntro li.menu-item-231 a {
	color: #214d7a; /** previously #e15f41; **/
	border-right: 8px solid #214d7a; /** previously #e15f41; **/        animation-name: list-cycle-animation;       animation-duration: 56s;        animation-iteration-count: infinite;    animation-delay: 0s;
}
section#homeIntro li.menu-item-87 a {
	color: #214d7a; /** previously #00a89d; **/
	border-right: 8px solid #214d7a; /** previously #00a89d; **/        animation-name: list-cycle-animation;       animation-duration: 56s;        animation-iteration-count: infinite;        animation-delay: -48s;
}
section#homeIntro li.menu-item-88 a {
	color: #214d7a; /** previously #69a963; **/
	border-right: 8px solid #214d7a; /** previously #69a963; **/        animation-name: list-cycle-animation;       animation-duration: 56s;        animation-iteration-count: infinite;        animation-delay: -40s;
}section#homeIntro li.menu-item-custom1 a {	color: #214d7a;	border-right: 8px solid #214d7a;        animation-name: list-cycle-animation;       animation-duration: 56s;        animation-iteration-count: infinite;        animation-delay: -32s;}section#homeIntro li.menu-item-custom2 a {	color: #214d7a;	border-right: 8px solid #214d7a;        animation-name: list-cycle-animation;       animation-duration: 56s;        animation-iteration-count: infinite;        animation-delay: -24s;}section#homeIntro li.menu-item-custom3 a {	color: #214d7a;	border-right: 8px solid #214d7a;        animation-name: list-cycle-animation;       animation-duration: 56s;        animation-iteration-count: infinite;        animation-delay: -16s;}section#homeIntro li.menu-item-custom4 a {	color: #214d7a;	border-right: 8px solid #214d7a;        animation-name: list-cycle-animation;       animation-duration: 56s;        animation-iteration-count: infinite;        animation-delay: -8s;}@keyframes list-cycle-animation {        0% { font-weight: bold; }    11% { font-weight: bold; }    14% { font-weight: normal; }    97% { font-weight: normal; }    100% { font-weight: bold; } }
section#homeIntro nav li a:hover {
	border-right-width: 16px;
	text-decoration: none;
	background: rgba(255, 255, 255, 1);
}

body.home #content {
	width: 930px;
	padding: 0;
	margin: 15px 0 15px 45px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}
body.home #content section {
	width: 280px;
	min-height: 230px;
	border-right: 1px solid #ddd;
	padding-right: 15px;
	margin: 0 15px 15px 0;
	float: left;
	display: block;
}
body.home #content section.news {
	border-right: none;
	width: 275px;
}
body.home #content section:last-child,
body.home #content div:last-child {
	border-right: none;
	margin-right: 0;
}
body.home #content section h1,
body.home #content div h1,
.news h1 {
	font-size: 20px;
}
body.home #content h1 a {
	color: #e15f41;
}
.newsitem h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
}
body.home #content div.newsitem {
	min-height: 20px;
	margin: 0;
}

div#bodytext {
	float: left;
	display: block;
	width: 930px;
	padding-bottom: 14px;
}
div#bodytext.wSidebarNav,
div#bodytext.wSidebarRight {
	width: 700px;
}
div#bodytext.wSidebarNav.wSidebarRight {
	width: 510px;
}

/* =SidebarNavigation
-------------------------------------------------------------- */


#sidebarNav {
	float: left;
	width: 200px;
	display: block;
}
#sidebarNav ul {
	margin: 0;
	padding: 0;
}
#sidebarNav ul ul {
	margin: 0.5em 0 0 1em;
}
#sidebarNav li {
	margin: 0 0 0.5em 0;
	padding-right: 14px;
	font-weight: bold;
	list-style: none;
}
#sidebarNav li li {
	font-weight: normal;
}
#sidebarNav li a {
	padding-right: 7px;

}
#sidebarNav li.current_page_item a {
	color: #666;
	background: url(images/nav-arrow.gif) no-repeat right center;
}
#sidebarNav li.current_page_item li a {
	color: #214d7a;
	background: none;
}

/* =Sidebar
-------------------------------------------------------------- */


#sidebar {
	float: right;
	width: 200px;
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar li {
	margin: 0 0 14px 0;
	padding: 10px;
	list-style: none;
}
#sidebar li.box {
	background-color: #ddd;
}
#sidebar li.newsletter {
}
#sidebar h1 {
	font-size: 11px;
	text-transform: uppercase;
}
#sidebar label {
	font-size: 11px;
}

/* Case Studies
-------------------------------------------------------------- */


section.case-studies {
	margin: 2em 0;
	padding: 0 1em;
	border-left: 1px solid #ccc;
}
.case-studies ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.case-studies li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.case-studies h2 {
	margin-left: 0;
	padding-left: 0;
	font-size: 10px;
	text-transform: uppercase;
}
.case-studies h3 {
	font-size: 14px;
}

body.single-case-study h2 {
	text-transform: uppercase;
	font-size: 11px;
	margin: 1.5em 0 0.5em;
}

/* Team
-------------------------------------------------------------- */


section.team-members {
	margin: 2em 0;
	padding: 0 1em;
	border-left: 1px solid #ffffff;
}
.team-members ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.team-members li {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	list-style: none;
	clear: both;
}
.team-members h2 {
	margin: 0 0 1em 0;
	padding-left: 0;
	font-size: 10px;
	text-transform: uppercase;
}
.team-members h3 {
	font-size: 14px;
	margin: 0 0 0.5em ;
}
.team-members img {
	float: left;
}
.team-members .info {
	width: 500px;
	float: left;
	padding: 0 0 1em 1em;
}
body.single-team-members h2 {
	text-transform: uppercase;
	font-size: 11px;
	margin: 1.5em 0 0.5em;
}
body.single-team #bodytext .team-image {
	float: left;
	width: 200px;
	margin: 0 1.5em 3em 0;
	text-align: right;
}
body.single-team .info {
	float: left;
	width: 400px;
}


/* Gallery listing
-------------------------------------------------------------- */

.category-gallery {
	margin-bottom: 48px;
}
.category-gallery h2 {
	margin-top: 10px;
}
.category-gallery .entry-meta {
}
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.category-gallery .gallery-thumb {
	float: left;
	margin-right:20px;
	margin-top: -4px;
}
.home #content .category-gallery .entry-content p {
	display: inline;
}
.home #content .category-gallery .entry-utility {
	padding-top:4px;
}

/* Next/Prev links
-------------------------------------------------------------- */

ul.nextprev  {
	clear: both;
	list-style: none;
	padding: 1em 0 2em 0;
	text-align: center;
	border-top: 1px solid #ccc;
}
ul.nextprev li {
	list-style: none;
	margin: 0 3em 0 0;
	display: inline;
}




/* Attachment pages
-------------------------------------------------------------- */

.entry-content .attachment img {
	margin-bottom: 0;
}
.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}



/* Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #ffffff;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}

article.newspost {
	margin-top: 1em;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	display: block;
}



/* =Edit
-------------------------------------------------------------- */
.pageEdit {
	position: absolute;
	top: 5px;
	left: 5px;
}
.post-edit-link {
	position: absolute;
	display: block;
	left: -30px;
	top:  0;
}


/* =Comments
-------------------------------------------------------------- */
li.comment {
	font-size: 10pt;
	margin: 0.8em 0 1.6em 0;
	list-style: none;
}
h3#comments-title {
	margin-top: 1em;
	text-transform: uppercase;
	font-size: 12px;
}
.comment-meta {
}
.comment-author {
}
.comment-author a {
	font-weight: normal;
	font-style: normal;
}
h3#reply-title {
	margin-top: 1em;
	text-transform: uppercase;
	font-size: 12px;
}
#commentform label {
	width: 90px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#commentform input, 
#commentform textarea {
	clear: both;
	width: 400px;
}
#commentform input#submit {
	width: auto;
	
	margin-left: 100px;
}
p.form-allowed-tags {
	display: none;
}


/* Main sidebars */



/* =Footer
-------------------------------------------------------------- */

footer#pageFooter {
	clear: both;
	padding: 0px 0 40px;
	margin: 0 auto;
	width: 1020px;
	height: 100px;
	background: url(images/bkgd-footer.png) no-repeat;
	display: block;
}
footer section {
	clear: both;
	margin: 0 45px 0 45px;
	padding: 12px 0;
	border-top: 1px solid #ddd;
	font-size: 0.9em;
}
footer section p {
	width: 700px;
	float: left;
}
footer#pageFooter #searchform {
	float: right;
	margin-right: 0;
	padding: 0;
	text-align: right;
	width: 220px;
}
#searchform input#s {
	width: 100px;
}



/* Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}



/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background:none !important;
	}
}
