/*
Theme Name: Demand
Theme URI: http: //www.hotfootdesign.co.uk.com
Author: Aidan Watt
Author URI: http://www.hotfootdesign.co.uk
Template: twentyten
Version: 1.0.0
*/

@import url("../twentyten/style.css");
@import url(http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic);

/* Defaults */
div { position:relative }
.hidden { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden }
.clear { clear:both }

/* Sticky Footer Stuff! */
html, body { height:100%; -webkit-text-size-adjust:none !important }
#wrap_outer { min-height:100% }
#wrapper { overflow:auto; padding-bottom:405px !important }  /* must be same height as the footer */
#footer_wrap { position:relative; margin-top:-405px; /* negative value of footer height */ height:405px; clear:both } 
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px } /*Opera Fix*/

/* Head BG Image */
#wrap_outer { background:url(images/tile_head.png) repeat-x }

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
#container { margin: 0 -305px 0 0 }
#content { margin: 0 305px 0 0 }
#primary, #secondary { width: 289px; }

/* =Fonts
-------------------------------------------------------------- */
body, input, textarea, .page-title span, .pingback a.url { font-family: "Asap", sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; -ms-text-size-adjust: none }

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Asap", sans-serif
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper { margin:0 auto; width:926px }
#wrapper { background:none; margin-top:0; padding: 0 27px; }

/* Structure the footer area */

#footer-widget-area .widget-area { width:216px }
#site-info { float:none; font-size:12px; font-weight:normal; width:926px; padding-top:15px }

/* =Global Elements
-------------------------------------------------------------- */

body { background:url(images/tile_body.png); color:#595959 }

/* Text elements */
a:link { color:#e95e27 }
a:visited { color:#e95e27 }

/* =Header
-------------------------------------------------------------- */

#header { padding:0 }
#branding { height:104px }
#branding img { border-top:none; border-bottom: none }
#branding .logo { position:absolute; left:2px; top:31px }
#branding .strap { position:absolute; top:73px; right:0; text-transform:uppercase; font-size:15px }
#branding .strap span { color:#e95e27 }
#branding .logo_energy { position:absolute; top:5px; right:432px }

#branding .top_stuff { width:432px; height:48px; position:absolute; top:5px; right:0; background:#E95E27 }
#branding .top_stuff .search_form { width:217px; height:32px; position:absolute; top:6px; left:20px }
#branding .top_stuff .search_form .s { display:block; width:161px; height:27px; padding:5px 10px 0 15px; background-color:#FFF; border:0; position:absolute; top:0; left:0; box-shadow:none; -webkit-box-shadow:none; text-transform:uppercase }
#branding .top_stuff .searchsubmit { display:block; width:31px; height:32px; padding:0; background:url(images/btn_search.png); border:0; position:absolute; top:0; right:0; cursor:pointer }
#branding .top_stuff .connect { width:186px; height:29px; padding:9px 0 0 19px; position:absolute; right:0; top:6px; color:#FFF; font-size:12px; text-transform:uppercase; font-weight:bold }
#branding .top_stuff .connect ul { position:absolute; top:7px; right:13px; margin:0; list-style:none }
#branding .top_stuff .connect ul li { float:left; padding-left:10px }
#branding .top_stuff .connect a { color:#FFF; text-decoration:none }

/* =Menu
-------------------------------------------------------------- */

#access { background:none; height:36px; width:926px; text-transform:uppercase }
#access .menu-header, div.menu { margin-left:0; width:926px; font-weight:bold; position:absolute; top:0; left:0 }
#access ul li { height:50px }
#access ul li.current_page_item { background:url(images/nav_pointer.png) center bottom no-repeat }
#access a { color:#FFF; line-height:36px; text-shadow:0 1px 2px #272727 }
#access ul ul { width:260px; top:28px; background:url(images/bg_access.png) repeat }
#access ul li:hover > ul { display:none }
#access li:hover > a, #access ul ul :hover > a { background:none }
#access ul ul li { height:auto }
#access ul ul li.current_page_item { background:none }
#access ul ul a { background:none; width:240px }

/* =Content
-------------------------------------------------------------- */

#main { overflow:auto; padding:13px 0 0 0 }
#content { padding-top:12px }
#content, #content input, #content textarea { color:#595959; font-size: 15px; line-height: 20px; }

#content h1 { font-size:20px }
#content h2 { font-weight:bold; color:#45494D; font-size:18px; line-height:20px; text-shadow:0 1px 2px #FFF }
#content h3 { font-weight:bold; color:#45494D; font-size:16px; line-height:18px; text-shadow:0 1px 2px #FFF }

#content .entry-title { color:#E95E27; font-size:18px; line-height:25px; text-shadow:0 1px 2px #FFF }
.entry-meta { font-size:14px }

.entry-title a:link, .entry-title a:visited { color:#E95E27 }
.entry-title a:active, .entry-title a:hover { color:#000 }

#content .entry-content .clear { padding-top:60px }

.entry-utility { margin-top:15px; clear:both }

#content .view-full-post { display:block; margin-top:-18px }

#content .pagination { float:right }
#content .pagination .page-numbers { display:inline-block; border:1px solid #A7A7A7; padding:2px 6px; background:#EBEBEB }
#content .pagination a { text-decoration:none }

/* =Widget Areas
-------------------------------------------------------------- */

/* Sidebar widget areas */
#primary .widget-container, #secondary .widget-container { width:280px; min-height:200px; padding:24px 0 0 9px; background:url(images/bg_side_bar_widget.png) no-repeat; margin: 0 0 30px 0 }
#primary .widget-container h3, #secondary .widget-container h3 { font-size:20px; text-transform:uppercase; color:#595959; text-shadow:0 1px 2px #FFF }
#primary .widget-container h3 span.coloured, #secondary .widget-container h3 span.coloured { color:#e95e27 }

/* Main sidebars */
#main .widget-area ul { padding: 0 20px 0 0; }
#main .widget-area ul ul { margin-left:0; }

#main .widget-area ul ul.posts_list { padding-right:50px }
#main .widget-area ul ul.posts_list li { list-style:none; padding:10px 0; background:url(images/sep_pullout.png) bottom repeat-x; font-size:14px; color:#45494D; line-height:19px }
#main .widget-area ul ul.posts_list li:last-child { background:none }
#main .widget-area ul ul.posts_list li h4 { font-weight:bold; text-shadow:0 1px 2px #FFF }
#main .widget-area ul ul.posts_list li h4 a { color:#45494D }
#main .widget-area ul ul.posts_list li .btn_read_more { display:inline-block; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 2px #FFF; background:url(images/read_more_arrow.png) top right no-repeat; padding-right:15px }

#main .widget-area .widget_categories h3 { padding-bottom:10px }
#main .widget-area .widget_categories ul { padding-right:50px }
#main .widget-area .widget_categories li { padding-bottom:9px; margin-bottom:7px; background:url(images/sep_pullout.png) bottom repeat-x; }
#main .widget-area .widget_categories li:last-child { background:none }
#main .widget-area .widget_categories li a { font-size:15px; font-weight:bold; color:#45494D; text-shadow:0 1px 2px #FFF; }
#main .widget-area .tagcloud { padding:10px 10px 0 0 }

/* Footer widget areas */
#footer-widget-area { padding-top:37px; color:#FFF }
#footer-widget-area h3 { font-size:20px !important; color:#FFF; margin-bottom:13px; text-transform:uppercase }
#footer-widget-area h3 span.coloured { color:#e95e27 }
#footer-widget-area #first { font-size:14px }
#footer-widget-area #first p { line-height:23px }
#footer-widget-area ul { margin:0 }
#footer-widget-area li { list-style:none; margin-bottom:5px }
#footer-widget-area li a { color:#FFF; font-size:14px }
#footer-widget-area ul.connect li { padding:0 0 0 23px; background:url(images/sprite_social.png) no-repeat }
#footer-widget-area ul.connect li.twitter { background-position:0 -30px }
#footer-widget-area ul.connect li.youtube { background-position:0 1px }
#footer-widget-area ul.connect li.rss { background-position:0 -61px }
#footer-widget-area ul.connect li.soundcloud { background-position:0 -90px }
#footer-widget-area ul.connect li.livestream { background-position:0 -120px }

/* =Footer
-------------------------------------------------------------- */

#footer_wrap { background:url(images/tile_footer_wrap.png) }
#footer { margin-bottom:0; background:url(images/bg_footer.gif) top center no-repeat }
#colophon { border-top:0 }
#site-info p { text-align:center; margin:0 }
#site-info p a { color:#595959; text-decoration:underline }

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre { -webkit-text-size-adjust:none }
code { -webkit-text-size-adjust:none }
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area { -webkit-text-size-adjust:none }
#site-description { -webkit-text-size-adjust:none }

/* Some extra bits */
.pullout { font-size:18px; line-height:24px; font-weight:bold; text-shadow:0 1px 2px #FFF; padding-bottom:13px; margin-bottom:21px; background:url(images/sep_pullout.png) bottom repeat-x }

.file_download { background:#D2D2D2; border:1px solid #C4C4C4; padding:13px 10px 14px 50px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; margin-bottom:24px }
.file_pdf { background:#D2D2D2 url(images/icon_pdf.png) 7px 7px no-repeat }
.file_word { background:#D2D2D2 url(images/icon_word.png) 7px 7px no-repeat }
.file_spreadsheet { background:#D2D2D2 url(images/icon_ss.png) 7px 7px no-repeat }
.file_powerpoint { background:#D2D2D2 url(images/icon_pp.png) 7px 7px no-repeat }
.file_zip { background:#D2D2D2 url(images/icon_zip.png) 7px 7px no-repeat }
.file_download a { font-weight:bold; font-size:15px; color:#595959 }

.hentry { background:url(images/sep_pullout.png) bottom repeat-x; padding-bottom:24px; margin-bottom:24px }
.single .hentry { background:none }

#recaptcha_area { padding-bottom:20px; line-height:1 !important }
#recaptcha-submit-btn-area #submit { display:inline !important; width:auto !important }
.recaptcha-error { font-size:15px !important }

.wp-caption-text-wrap { height:40px; margin-top:5px }
.wp-caption-text { position:relative; text-align:left; margin-bottom:0 !important; margin-top:0 !important; overflow:hidden }
.wp-caption-truncate { height:40px }
.wp-caption-full { display:none; position:absolute; background:#f1f1f1; margin:0 -4px !important; padding:0 9px 8px }

/* Home page specfic */
.home #wrapper { width:auto; margin:0; padding:0 }
.home #access { margin:0 auto; float:none }
.home #main { width:auto; margin:0; padding:0 }

.home .home_wrap { margin:0 auto; width:926px }

.home #section_1_wrap { min-height:295px }
.home #section_1 .left { width:595px; margin-top:22px; float:left }
.home #section_1 .left h1 { font-size:34px; color:#e95e27; text-shadow:0 1px 2px #FFF; font-weight:bold; line-height:37px; margin-bottom:17px; text-transform:uppercase }
.home #section_1 .left p { color:#595959; font-weight:bold; font-size:20px; text-shadow:0 1px 2px #FFF; line-height:25px; margin:0 }
.home #section_1 .left p.para_read_more { position:relative }
.home #section_1 .left p a.btn_read_more { display:inline-block; padding-right:15px; background:url(images/arrow_orange_large.png) top right no-repeat; color:#595959; text-decoration:none; text-transform:uppercase; font-size:16px; position:absolute; left:0; top:2px; z-index:2000 }
.home #section_1 .right { width:285px; padding:21px 25px 0 10px; float:right; margin-right:-27; background:url(images/home/bg_section_1_right.png) no-repeat }
.home #section_1 .right h3 { font-size:22px; font-weight:bold; color:#828282; text-shadow:0 1px 2px #FFF; text-transform:uppercase }
.home #section_1 .right h3 .coloured { color:#e95e27 }
.home #section_1 .right ul { padding:7px 0 0 0; margin:0 }
.home #section_1 .right ul li { list-style:none; padding:11px 0; background:url(images/sep_pullout.png) bottom repeat-x; font-size:14px; position:relative }
.home #section_1 .right ul li:last-child { background-image:none }
.home #section_1 .right ul li h4 a { color:#595959; font-weight:bold; text-decoration:none; }
.home #section_1 .right ul li a.btn_read_more { display:block; padding-right:13px; background:url(images/arrow_orange.png) top right no-repeat; position:absolute; right:0; bottom:9px; cursor:pointer; font-size:11px; font-weight:bold; color:#595959; text-decoration:none; text-transform:uppercase } 
.home #section_1 .right ul li a:hover { text-decoration:underline }

.home #section_2_wrap { min-height:330px; background:url(images/home/tile_section_2.png) repeat; position:relative }
.home #section_2 { width:100%; padding-top:124px; top:-97px; background:url(images/home/bg_section_2.png) top center no-repeat; position:relative }
.home #section_2 h2 { position:absolute; top:-43px; right:0; color:#FFF; font-weight:bold; font-size:28px; text-shadow:0 1px 2px #272727; text-transform:uppercase }
.home #section_2 h2 .coloured { color:#e95e27 }
.home #section_2 .unit { width:172px; height:210px; float:left }
.home #section_2 .margin_17 { margin-right:17px }
.home #section_2 .margin_16 { margin-right:16px }
.home #section_2 .unit .btn_more { display:block; position:absolute; left:0; bottom:0 }
.home #section_2 .unit h3 { color:#FFF; font-size:18px; line-height:21px; text-transform:uppercase; text-shadow:0 1px 2px #272727; font-weight:bold; position:relative; top:-28px }

.home #section_3_wrap { min-height:250px; background:url(images/home/tile_section_3.png) repeat; position:relative }
.home #section_3 { width:100%; top:-73px; padding-top:62px; background:url(images/home/bg_section_3.png) top center no-repeat; position:relative; color:#FFF; font-size:16px; text-shadow:0 1px 2px #000; height:300px }
.home #section_3 h3 { color:#FFF; font-weight:bold; font-size:28px; text-shadow:0 1px 2px #000; text-transform:uppercase; margin-bottom:22px }
.home #section_3 h3 .coloured { color:#e95e27 }
.home #section_3 table { margin-bottom:0px }
.home #section_3 table td { padding:3px 28px 3px 0 }
.home #section_3 p { line-height:22px; margin:0 }
.home #section_3 a.btn_more { display:block; padding-right:18px; background:url(images/arrow_white.png) top right no-repeat; position:absolute; right:0; top:6px; cursor:pointer; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase }
.home #section_3 .left { width:475px; float:left; padding-right:30px }
.home #section_3 .left table { margin-bottom:55px }
.home #section_3 .left a.btn_more { right:120px }
.home #section_3 .right { width:405px; float:left }
.home #section_3 .right a.btn_more { right:38px }

.home #section_4_wrap {  }
.home #section_4 { width:100%; background:url(images/home/tile_section_4.png) top repeat-x; padding-top:26px  }
.home #section_4 .unit { width:280px; min-height:290px; padding:24px 0 0 9px; background:url(images/bg_side_bar_widget.png) no-repeat; float:left }
.home #section_4 .has_margin { margin-left:29px }
.home #section_4 .unit h3 { font-size:20px; font-weight:bold; text-transform:uppercase; color:#595959; text-shadow:0 1px 2px #FFF; line-height:24px }
.home #section_4 .unit h3 span.coloured { color:#e95e27 }
.home #section_4 .unit ul { margin:0; padding-right:50px }
.home #section_4 .unit ul li { list-style:none; padding:10px 0; background:url(images/sep_pullout.png) bottom repeat-x; font-size:14px; color:#45494D; line-height:19px }
.home #section_4 .unit ul li:last-child { background:none }
.home #section_4 .unit ul li h4 { font-weight:bold; text-shadow:0 1px 2px #FFF }
.home #section_4 .unit ul li h4 a { color:#45494D; text-decoration:none }
.home #section_4 .unit ul li .btn_read_more { display:inline-block; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 2px #FFF; background:url(images/read_more_arrow.png) top right no-repeat; padding-right:15px; text-decoration:none }
.home #section_4 .unit ul li a:hover{ text-decoration:underline }
.home #section_4 .unit ul li img { float:left; margin:0 7px 0 0 }

.home #section_4 .unit_3 h4 { font-size:18px; font-weight:bold; text-transform:uppercase; color:#595959; text-shadow:0 1px 2px #FFF; margin:19px 0 12px }
.home #section_4 .unit_3 p { margin-bottom:8px; font-size:14px; color:#45494D }
.home #section_4 .unit_3 .btn_more_details { display:inline-block; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 2px #FFF; background:url(images/read_more_arrow.png) top right no-repeat; padding-right:15px; text-decoration:none; font-size:14px }

/* Research themes page */
#content .theme { background:url(images/sep_pullout.png) bottom repeat-x; padding-bottom:25px; margin-bottom:25px }
#content .theme:last-child { background-image:none }
#content .theme img { float:left }
#content .theme .theme_text { width:430px; float:right }
#content .theme .theme_text h2 span { text-transform:uppercase }
#content .theme .theme_text ol { list-style:none; margin:0 }

/* Contact Page */
.page-id-107 .con_address { width:225px; float:left }
.page-id-107 .con_form { width:365px; float:right }
.page-id-107 .con_form label { font-size:15px; color:#595959; font-weight:bold }
.page-id-107 .con_form .wpcf7-text { margin:0; width:340px }
.page-id-107 .con_form .wpcf7-textarea { margin:0; width:340px }

/* side navigation widget */
#main .widget-area ul ul.posts_list.side_nav li { background: none; padding: 10px 0 0 10px; }