/*   
Theme Name: BritishFuture
Theme URI: http://soapboxcommunications.co.uk
Description: Wordpress theme for British Future by Soapbox Communications
Author: John Phillips
Author URI: http://soapboxcommunications.co.uk
Version: 1
*/
/*
Colour palette
--------------
Dark blue: #333184
Red: #CB343F
Dark Grey: #606060
lilac: #D3D0E5
Britain purple:#7D7DB5
Wales green: #008826
NI yellow: #FED146
NI purple: #A9388B


*/

.siteby {
  float:right;
  margin-right:20px;
}

.siteby a {
  color:#CB343F !important;
}


/* ---------------------------------------------------------------------RESET */
@import url('css/reset.css');
* {margin:0; padding:0;}
a { outline:none } /* Gets rid of Firefox's dotted borders */
body{
    font-size:62.5%;/* 1em now = 10px */
    margin:0;
    padding:0px;
    border:0;/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width:933px;/* Minimum width of layout - remove line if not required */
}
/*

Colours
We'll set these defaults here so they can be overwritten by subsequent rules 
as needed

*/
.box, .lilac {background-color:#D3D0E5;}/* default */
a,a:visited, .box a, .lilac a, .entry h2 a, .entry h2 a:visited {color:#333184}
body.single .post a, .entry a,.entry a:visited {color:#CB343F !important}
.red,.blue,.grey,.red a, .blue a, .grey a{color:white}
.red {background-color:#CB343F;}
.blue {background-color:#333184;}
.grey {background-color:#606060;}

.permanent {background-color:#FFF; color:#333184;}
.permanent h3 a  {color:#333184;}
.permanent .text {border-left:1px solid #333184; border-bottom:1px solid #333184; border-right:1px solid #333184;}


.whitebg {
  background-color:#ffffff;
  color:#333184;
  /*padding-right:4.4em !important; */
  border-left:solid 1px #333184;
  border-right:solid 1px #333184;
  border-bottom:solid 1px #333184;
}

.blue .whitebg a {color:#333184;}

.thingswelike h3 a {
  background-image:url('img/offsite.png');
  background-repeat:no-repeat;
  background-position:top right;
  padding-right:20px;
}

h2.smalltitle.thingswelike {
  height:20px;
  background-image:url('img/thingswelikeicon.png');
  background-repeat:no-repeat;
  padding-left:30px;
  padding-top:5px;
}

hr {
  border-top:1px solid #232176
}

#introContent li {
  font-size:1.2em;
}


#introContent{
    min-height:73px
}



.caption, .wp-caption-text {
  color:#000000;
  text-decoration:underline;
  font-size:1.1em;
}

.wp-caption a img {
  margin:0.3em !important;
}

#recaptcha_tagline {
  display:none;
}

#introContent ul, .entry ul {
  padding-left: 2em;
}

ul#cat-static-child-list {
  padding-left:0;
}

/* ---------------------------------------------------------------------  LAYOUT 

- Basic layout rules
- Banners for masthead/ footer branding areas
- #intro boxes

----------------------------------------------------------------------------- */

#wrapper {
  padding:10px;
  min-width:965px;
}
body.home #main {
  margin:0 -5px;
}

/* Basic Layout */
.category #wrapper{
min-width:1000px;
max-width:100%;
}


#main {
clear:both;
width:100%;
position:relative;
min-width:96.5em;/* This way we don't end up with the featured box on top, then single 'long' boxes under it. We always have at least two columns. */
/*background-image:url('./img/tile.png') !important;
background-position: 0 10px;
background-repeat:repeat-x;*/
float:left;
}

/*body.category-blog #main {
  background-image:url('./img/tile.png') !important;
}*/

/* Banner image */
.entry img {
  margin:0em -1.6em 1em -1.6em !important;
}

/* Just a normal image */

.entry p img {
  margin:0 !important;
  padding:0 1em 0 0;
}

img.attachment-banner-image {
  margin:0em -1.6em 1em -2em !important;
}


.postmetadata {
  margin-bottom:1em;
  color:#CB343F;
}

body.search .postmetadata {
  color:#333184;
}

body.category-national-conversations .postmetadata, body.category-scotland .postmetadata, body.category-britain .postmetadata {
  color:#333184;
}

/* Pages that need a longer tile 
body.page-template-page-submityourstory-php #main,
body.page-template-archive-suggestions-php #main {
  background-image:url('./img/longtile.png') !important;
}*/

/*body.page-id-16 #main,
body.page-template-archive-whatsyourstory-php #main {
  background-image:url('./img/wystile.png') !important;
}*/

.home #main, .single #main{
/* No red background on the home page or singles */
background-image:none !important;
}

/*body.whats-your-story.single-post #main {
  background-image:url('./img/longesttile.png') !important;
}*/
#boxes {min-width:728px;margin-left:-6px;margin-top:-1em; float: left;}

#content{
float:left;
width:75%;
margin-top:10px;
margin-bottom:2em;
min-width:72.5em;
}
#sidebar{
float:right;
width:23em;
background-color:#333184;
border-left:1em solid white;
margin-top:10px;
margin-bottom:50px;
color:white
}

.execphpwidget li {
  padding:0;
  list-style-type:none;
}

#sidebar h3, #sidebar h2 {
  font-size: 1.2em!important;
  font-weight: bold!important;
}

#article{padding:20px;width:73em;}

/* Header */
.header{
padding:0;margin:0;
position:relative;
background-image:url(img/header-right.png);
background-position:top right;
background-color:white;
background-repeat: no-repeat;
border-left:1px solid white;
border-right:1px solid white;
}
.header h1 {
height:165px;
width:414px;
position:relative;
margin:0;padding:0;
}
.header h1 span {
position:absolute;
height:100%;
width:100%;
background-image:url(img/newlogo.jpg);
background-position:top left;
background-color:white;
background-repeat: no-repeat
}
.category-blog .header h1 span {/* Different logo for the blog */
 background-image:url(img/bloglogo.jpg);
 min-width:256px;
}

#wrapper .search{
  float:right;
  margin-top:-71px;
  margin-right:20px;
  position: relative;
}


/* Hiding things */

body.search-results .social4i, #boxes .social4i, #boxes .ratingblock {
  display:none;
}

.search .screen-reader-text {
  display:none;
}

#searchform {
  margin-bottom:0.5em;
  clear:both
}

.view {
  right:5.8em;
  top:16.4em;
  width:60em;
  border:1px solid #333184;
  padding:20px;
  z-index:20;
  display:none;
  background-color:#D3D0E5;
  position:absolute;
}

ul#menu-secondary-navigation, ul#menu-secondary-navigation-1 {
  padding:0 2em;
}

 ul#menu-main-navigation, ul#menu-main-navigation-1 {
   padding:0 1em !important;
 }
 
 span.date {
   padding:0.5em 1.5em !important;
 }

/* Input style */

.s4twitter {
  width:8em;
}

.social {
  float:right;
  margin-bottom:0.5em;
}

.search input {
  padding:2px 2px 2px 10px !important;
  width:180px;
  color:#333184;
  border:1px solid #333184;
  height:17px;
}

.search #searchsubmit {
  background:#D3D0E5 url('img/icons/searchicon.png') 0 0 no-repeat;
  border:0;
  height:23px;
  width:24px;
  vertical-align:bottom;
}

.viewbybutton a {
  display:block;
  width:180px;
  height:14px;
  padding:5px 2px 2px 10px;
  border:1px solid #333184;
}

.alignleft {
  float:left;
  padding:10px 10px 10px 0;
  color:#CB343F;
}

.alignright {
  float:right;
  padding:10px 0px 10px 10px;
  color:#CB343F;
}

.alignright img, .alignleft img {
  margin:0 !important;
  padding-bottom:10px;
}

.viewbybutton {
  background-image:url('img/icons/viewicon.png');
  background-repeat:no-repeat;
  background-position:right;
  cursor:pointer;
  position: absolute;
  width: 221px;
}

/* Tag search thingy */

.mostcommented, .byauthor, .bytag {
  padding-bottom:10px;
}

.mostcommented p, .byauthor p, .bytag p {
  display:inline;
  width:100px;
  padding-right:150px;
}

.bytag {clear:left;}

.byauthor p, .bytag p {float:left;}

.byauthor li {
  float:left;
  list-style-type:none;
}
/*
 * Funders page
 */
 
       .funderimg {
        float:left; 
        padding:10px 30px 20px 0;
      }
      
      .fundercontainer {
        clear:left;
        border-top:1px solid #232176;
      }
      
      .fundertxt {
        padding:20px 0 0 0;
        font-size:10px;
        float:left;
        width:42em;
      }

/* intro areas*/
#intro{
background-color:#CB343F;
height:70px;
padding:1.5em 2em;
}

 body.single #intro,
 body.whats-your-story.single #intro {
   position:relative;
 }

  #thevid {
    /*position:absolute;
    bottom:1.4em;*/
    float: left;
    margin-bottom: 30px;
  }
  
  #thevid div.meta  {
    padding-bottom:2em;
  }

.page-template-page-submityourstory-php #intro, .page-template-archive-suggestions-php #intro {
  height:410px;
  position:relative;
}

.page-id-16 #intro,
.page-template-archive-whatsyourstory-php #intro {
  height:230px;
}

.post.category-whats-your-story.box {
  height:32em;
}

.page-template-archive-whatsyourstory-php #boxes .post img  {
  top:0;
  left:0;
}

.page-template-archive-whatsyourstory-php #boxes h2 {
  margin-top:6.5em;
}

.page-template-archive-whatsyourstory-php #boxes h3 {
  margin-top:10em;
}

.page-template-archive-whatsyourstory-php #boxes h3 a {
  color:#ffffff !important;
}

.page-template-archive-whatsyourstory-php #boxes .latest img  {
  width: 47.3em;
  height: 32em;
}
.page-template-archive-whatsyourstory-php #boxes .latest h2 {
  margin-top:11em;
}

/*Suggestion box */

body.page .type-page, body.page-template-archive-suggestions-php .post, body.single-publication .publication, .pagination, .single .event {
  margin-left:2em;
  width:66em;
}

.pagination {
  margin-top:1em;
  padding:1em 0;
  border-top:1px solid #333184;
  border-bottom:1px solid #333184;
  text-align:center;
}

.numbers a, .numbers span {
  margin:0 5px;  
}

.leftctrl {
  width:150px;
  float:left;
}

.rightctrl {
  width:100px;
  float:right;
}

.numbers {
  position:relative;
  display:inline;
  zoom:1;
  margin:0 auto;  
  text-align:center;
}

.pagination .current {
  color:#CB343F;
}

.pagnext, .paglast {
  float:right;
  padding-left:2em;
}

.pagfirst, .pagprev {
  float:left;
  padding-right:2em;
}

body.page .entry p img {
  margin-left:0em;
}

/*
 * Suggestion Box form
 */

body.page-template-archive-whatsyourstory-php .tdomf_form, 
body.page-template-page-submityourstory-php .tdomf_form,
body.page-template-archive-suggestions-php .tdomf_form {
  position: absolute;
  bottom: 0em;
  max-width: 70em;
}

body.page-template-archive-whatsyourstory-php .tdomf_form fieldset, 
body.page-template-page-submityourstory-php .tdomf_form fieldset,
body.page-template-archive-suggestions-php .tdomf_form fieldset {
  width:30% !important;
  float:left;
}

textarea {
  resize:none;
  border:0
}

body.page-template-archive-whatsyourstory-php .tdomf_form fieldset input, 
body.page-template-page-submityourstory-php fieldset input,
body.page-template-archive-suggestions-php .tdomf_form fieldset input {
  color:#CB343F;
  width:200px;
  margin-right:18px;
  padding:4px;
  margin-bottom:0.5em;
  border:0;
}

body.page-template-archive-whatsyourstory-php .tdomf_form fieldset textarea, 
body.page-template-page-submityourstory-php fieldset textarea,
body.page-template-archive-suggestions-php .tdomf_form fieldset textarea {
  padding:4px;
  width:652px; 
  color:#CB343F;
}

.tdomf_form fieldset input.lastinput {
  margin-right:0;
}

#tdomf_form1_send, #tdomf_form2_send, #tdomf_form3_send, a.submitvideo {
  background-color:#e35b4d;
  border:0;
  position: relative;
  bottom: 32px;
  width: 58px !important;
  left: 601px;
  color:#ffffff;
  padding:5px;
}

a.submitvideo {
  position:static;
  float:right;
  width:98px !important;
}

#tdomf_form1_send {
  bottom: -20px;
  left: 134px;
  background-color:#D3D0E5;
}

#tdomf_form3_send {
  bottom: 32px;
  width: 77px !important;
  left: 582px;
}

.tdomf_buttons {
  clear:left;
}


/* Ratings */

.ratingstars {
  width:100px;
  float:left;
  margin-right:1em;
}

.ratingtext {
  margin:0 !important;
  padding:5px 0 0 0 !important;
}

body.page-template-archive-suggestions-php p.meta {
  margin-top:1em;
}

/* Comments */

/* Form */
#comments {width:72em;}

#comments h3 {
  margin:1em 0;
}

#commentform {
  width:100%;
}

#commentform input[type='text'] {
  width:43%;
}

#commentform #author {
  margin-right:87px;
}

#commentform textarea {
  display:block;
  width:715px !important;
  margin-top:2em;
}

#commentform input, #commentform textarea {
  border:1px solid #333184;
  padding:2px;
}

#commentform #submit {
  background-color:#333184;
  border:0;
  position: relative;
  bottom: 139px;
  width: 100px;
  left: 618px;
  color:#ffffff;
  padding:5px;
}

#recaptcha_widget_div {
  margin-left: 20%;
  margin-top: 1em;
}

/* Actual Comments */

div.reply {
  padding-bottom:1em;
}

a.comment-reply-link {
  float: left;
  padding: 3px;
  background-color: #CCC;
  border: 1px solid #AAA;
  border-radius: 3px;
  margin-right: 1em;
}

li.comment {
  padding-top:1em; 
  list-style-type:none;
  padding-bottom:2em;
  border-bottom:1px solid #333184;
}

.comment-author, .comment-text {
  margin-bottom:5px;
}

ul.children .comment-author, ul.children .comment-author a {
  color:#CB343F;
}

ul.children li.comment {
  color:#CB343F;
  border-bottom:1px solid #CB343F;
}

/*#intro.vid{
    height:61em;
}*/

h2.wys {
  margin:0;
}

.meta {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

#contactdetails p {
  margin-bottom:0;
}

body.whats-your-story.single-post #introContent .meta {
  position:static;
}

/*footer */
#footer{
  margin-bottom:3.5em;
    clear:both
}
/* ----------------------------------------------------------   BASIC TYPOGRAPHY 

- Global typography rules for paras, headings, lists, links and so on
- Specific rules 

----------------------------------------------------------------------------- */
/* Global */
body {color:#333184;font-family:arial, helvetica, sans-serif;}

.tags {
  margin-top:5px;
}

.tags, .tags p a{
  color:#CB343F !important;
}

#fpquote {
  font-size:1.6em;
}

/* Links */
a:link,a:visited{text-decoration:none}
a:hover,a:active{text-decoration:underline}

/* Other general */

p, .entry ul {
  font-size:1.2em;
  margin-bottom:1em;
}

p.meta{font-size:1em;}/* This is the smaller sized minor text */
h2{font-size:3em;margin-bottom:.5em;font-weight:normal;}
h3{font-size:2em;margin-bottom:.5em;}
h4{font-size:1.5em}
.smalltitle{font-size:1.2em}
.post p{margin-bottom:1em;}
.box h2, .box h3{font-weight:normal}

/* Specific */
.category-blog h2, .archive .post h2{font-size:2em;}/* Blog homepage and category homepage*/




.home .box h2{font-size:1.2em}
.home .box h3, .home .featured-posts h2, .home #national-conversations li
{font-size:2em}
.home .main-feature h2, #intro h2,.archive .latest h2{
font-size:3em;
font-weight:normal
}
#intro p{color:white}
#sidebar h2{font-size:2em;font-weight:normal}
h2.event-date{background-color:#333184;color:#fff;font-size:2em;font-weight:normal;margin-bottom:0;padding:.5em;max-width:70em;}
.eventtime{margin:0 !important}
.date-author{margin-bottom:1em;}
.author {
  display:block;
  padding-bottom:1em;
}
.home #national-conversations ul{margin:0;padding:0}
.home #national-conversations li{list-style:none}

/* ------------------------------------------------------------------ SIDEBAR */
#sidebar ul{
    margin:0;
    padding:0;
    list-style:none
}
#sidebar *{
    color:white;
}
#sidebar div{padding:2em;border-bottom:5px solid white;}
#sidebar .link-item{border-bottom:none}
#sidebar .link-item .smalltitle{display:none}

#sidebar img {
  max-width:21em;
}

/* Events page sidebar */

/* Submit an event */

#sidebar .widget div {padding:0; border:0;}
#sidebar .widget form input, #sidebar .widget form textarea {color:#333184}

body.tax-eventcats #sidebar textarea,
body.tax-eventcats #sidebar input,
body.page-template-page-event-php #sidebar textarea,
body.page-template-page-event-php #sidebar input {
  width:186px;
  padding:4px;
  border:0;
}

#tdomf_form1 textarea {
  height:250px;
  margin-bottom:-50px;
}

#tdomf_form1 fieldset {
  width:186px;
}


/* Sidebar Related Stories Widget */
.link-list{

}

.link-widget h2{

}

.link-item{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid white !important;
}

/* --------------------------------------------------------------- NAVIGATION 

All navigation elements:
- Main / secondary
- 'Tabbed' subcategory navigation

----------------------------------------------------------------------------- */
/* Main navigation */

.main-nav{position:relative;width:100%;min-height:33px;background-color:#333184;font-size:0.95em;}
.main-nav .menu-item {line-height:1.5 !important}
.main-nav, .main-nav * {padding:0;list-style:none;}
.main-nav * {margin:0;}
.main-nav .current_page_item,.main-nav .menu-item{position:relative;float:left;display:block;line-height:2;}
.main-nav .current_page_item, .main-nav .current_page_ancestor{}
.main-nav .current_page_item a, .main-nav .menu-item a{display:block;width:100%;padding: 5px 15px 5px 5px;color:white;text-transform: uppercase;line-height:2.5em;}

/* Drop downs */
.sub-menu{border-top:none;}
.main-nav .sub-menu{position:absolute;top:33px;left:-9999px;float:none;width:900px;}
.bottomheader.main-nav .sub-menu{top:-25px;}
.main-nav .sub-menu li{float:left;padding:2px 4px 5px 5px;margin:0; font-size:1.2em;}

/* Sub menu link styling */
.main-nav .sub-menu li a{
    color:#333184;
    display:block;
    background-color:white;
    font-family:arial, helvetica,sans-serif;
    font-size:.8em;
    padding:5px 0 5px 10px;
    line-height:1;}
.main-nav li:hover .sub-menu, .main-nav .nav-hover .sub-menu{left:auto;z-index:100;}

.main-nav .sub-menu .current_page_item {text-decoration:underline;}

/* Secondary nav */
.secondary-nav {
position:absolute;
background-color:#CB343F;
min-width:965px;
height:3em;
font-size:0.95em;
}
.secondary-nav ul{
padding:0;
height:3em;
margin:0;
float:right;
}
.secondary-nav li{
float:left;
list-style:none;
}

span.date {float:left;}

span.date, .secondary-nav a{
display:block;
padding:5px;
font-size:1.2em;
line-height:1.8;
color:white;
}
/* On the top header, the man nav is under
and the 2ndary nav is on top; on the bottom
header it's vice versa */
.header.topheader{margin-top:3em;}
.header.bottomheader{margin-bottom:4em;}
.secondary-nav.topheader {
top:1em;
right:1em;
left:1em}
.secondary-nav.bottomheader {
right:0em;
left:0em;
}
/* Tabbed subcategories, events and publications */
#intro.tabbed{position:relative;}

#cat-static-child-list {
  width:50em;
}

#cat-static-child-list,
#cat-natcon-child-list,
#cat-articles-child-list,
#cat-publication-child-list,
#cat-event-child-list {
    float: left;
    width: 100%;
    margin: 2px 0 6px -2px;
}
#cat-static-child-list{
    margin: 38px 0 16px -22px;
}
#cat-publication-child-list{
    margin: 12px 0 6px -22px;
}
#cat-event-child-list{
    margin: -1px 0 6px -22px;
}
#cat-static-child-list li,
#cat-natcon-child-list li,
#cat-articles-child-list li,
#cat-publication-child-list li,
#cat-event-child-list li{

float:left;
list-style:none;
text-transform: uppercase;
margin:2px;
background-repeat:no-repeat;
background-position:0 0;
}
#cat-static-child-list li a,
#cat-natcon-child-list li a,
#cat-articles-child-list li a,
#cat-publication-child-list li a,
#cat-event-child-list li a {
  padding-left:40px;
  float:left;
  background-repeat:no-repeat;
  background-position:0 0;
}



#cat-static-child-list li a,
#cat-natcon-child-list li a,
#cat-articles-child-list li a,
#cat-publication-child-list li a,
#cat-event-child-list li a{
display:block;
padding:0.8em;
font-size:1.4em;
}
#cat-static-child-list li a {
  font-size:1em;
}
#cat-articles-child-list li a{
    color: white;
    text-decoration: unerline;
}
li.current-cat a{text-decoration:underline}
/* colours */
#cat-natcon-child-list .cat-item-all{background-color:#7D7DB5;border:1px solid #7D7DB5;padding-left:0;}
#cat-natcon-child-list .cat-item-britain a{background-color:#7D7DB5;border:1px solid #7D7DB5;padding-left:10px;color:white}
#cat-natcon-child-list .cat-item-wales a{background-color:#008826;background-image: url(img/wales.jpg);border:1px solid #008826; background-position:-5px -1px;padding-left:40px;color:#FED146}
#cat-natcon-child-list .cat-item-scotland a{background-color:#D3D0E5;background-image: url(img/scotland.jpg);border:1px solid #D3D0E5; padding-left:46px;color:#333184}
#cat-natcon-child-list .cat-item-northern-ireland a {background-color:#FED146;background-image: url(img/nireland.jpg);border:1px solid #FED146;padding-left:40px;color:#A9388B}
#cat-natcon-child-list .cat-item-england a{background-color:white;background-image: url(img/england.jpg);border:1px solid #CB343F; padding-left:45px;color:#CB343F}

#cat-publication-child-list .cat-item-bookshelf a {background-image: url(img/bookshelf.png);background-position:9px 5px; padding-left:50px;}
#cat-publication-child-list .cat-item-our-publications a {background-image: url(img/ourpubs.png);background-position:7px 4px; padding-left:41px;}
#cat-publication-child-list .cat-item-commentary {background-image: url(img/commentary.png);background-position:-3px 6px;padding-left:23px;}

#cat-event-child-list .cat-item-our-events a {background-image: url(img/ourevents.png);background-position:6px 5px; padding-left:32px;}
#cat-event-child-list .cat-item-external-events a {background-image: url(img/externalevents.png);background-position:7px 4px;padding-left:40px}

#cat-articles-child-list .cat-item-all {background-color:#CB343F;border:1px solid #CB343F;padding-left:0;}
#cat-articles-child-list .cat-item-news {background-color:#CB343F;border:1px solid #CB343F;padding-left:0;}
#cat-articles-child-list .cat-item-reports {background-color:#CB343F;border:1px solid #CB343F;padding-left:0;}

#cat-static-child-list .cat-item-about {background-color:#7D7DB5;border:1px solid #7D7DB5;padding-left:0;}
#cat-static-child-list .cat-item-who-we-are {background-color:#7D7DB5;border:1px solid #7D7DB5;padding-left:0;}
#cat-static-child-list .cat-item-what-we-do {background-color:#7D7DB5;border:1px solid #7D7DB5;padding-left:0;}
#cat-static-child-list .cat-item-funders {background-color:#7D7DB5;border:1px solid #7D7DB5;padding-left:0;}
#cat-static-child-list .cat-item-trustees {background-color:#7D7DB5;border:1px solid #7D7DB5;padding-left:0;}
#cat-static-child-list .cat-item-faqs {background-color:#7D7DB5;border:1px solid #7D7DB5;padding-left:0;}

#cat-event-child-list .noicon, #cat-publication-child-list .noicon {padding-left:0;}

.cat-item-bookshelf, .cat-item-external-events{background-color:#606060}
.cat-item-commentary, .cat-item-listings{background-color:#333184}
.cat-item-our-publications,.cat-item-our-events, .cat-item-all-events, .cat-item-all-publications{background-color:#CB343F}
/* ------------------------------------------------------------------ GUBBINZ 
 
- Twitter feeds
- Blogrolls and links
- Forms

----------------------------------------------------------------------------- */

/* Twitter feeds */
.widget_twitter, .twitter-feed{
background-color:#606060;
color:white;
padding: 2em !important;
width: 19em !important;
}

#msg_loading {display:none !important;}

.lasttweet {
  border-bottom:0 !important;
}

.tweet-tools {
  margin-top:1em;
}

.tweet-tools a {
  margin-right:10px;
}

body.home .widget_twitter, body.home .twitter-feed {
  height: 36em !important;
  background-color:#606060 !important;
}

.oauth-twitter-tweet {
    font-style: normal !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    border-bottom:1px solid white !important;
}

.widget_twitter {
  background-color:#333184;
}

.widget_twitter span.intent-meta a {
  margin-right:10px;
}

.widget_twitter ul, .twitter-feed ul{
margin:0;
padding:0;
}
.widget_twitter li, .twitter-feed li{
list-style:none;
border-bottom:1px solid white;
padding:10px 0;
}
.twitter-title, .widget_multi_twitter h3, .widget_oauth_twitter_widget h3{
  background-image:url('img/bird.png');
  background-position:top left;
  background-repeat:no-repeat;
  padding-left:30px;
  font-size:1.2em!important;
  font-weight:bold!important;
  min-height:19px;
  margin-top:-.5em;/* Kludge */
  line-height:2;
}

/* we tweet */

.entry-meta, .entry-meta a {
  color:#CCC;
  font-style:italic;
}

/* I have no idea why theres a secret h3 tag appearing in that box */
.widget_twitter h3 {
  display:none;
}

.widget_twitter h3.twitter-title {
  display:block;
}

/* Our friends tweet */

div.tb_tweet {
  border-top:0 !important;
  border-bottom:solid 1px #fff;
  padding-bottom:0.5em !important;
  padding-top:1em !important;
}

div.tb_tweet:last-child {
  border-bottom:0;
}

.tb_tweet-info {
  
}

.tb_author a {
  font-weight:bold;
  font-size:1.1em;
}

/* Things we like */
#things-we-like, #linkcat-4 {
background-color:white;
border:1px solid #333184 !important;
background-image:url(img/external-link.jpg);
background-position:20em 1em;
background-repeat:no-repeat;
}

#linkcat-4 *, #things-we-like *{color:#333184;}
#linkcat-4 h2, #things-we-like h2, #linkcat-4 h3{
padding-left:30px;
min-height:30px;
line-height:2.5;
background-image:url(img/thumbs-up.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#linkcat-4 h2, #things-we-like h2, #linkcat-4 h3, #things-we-like h3{
font-size: 1.2em;
font-weight:bold
}
#linkcat-4 h3, #things-we-like h3{margin:1em 0 0 0 }
#linkcat-4 li, #things-we-like li{
border-bottom: 1px solid #333184;
padding:1em 0em;
}

#linkcat-4 li.lastlink {
  border-bottom:0;
}


#linkcat-4 li a, #things-we-like li a{
  font-weight:bold;
  display:block;
  padding-bottom:5px;
}

#linkcat-4 img, #things-we-like img{
max-width:19em;/* Leave an em either side for the div padding */
padding:1em 0em;
}

/* Updated 'Multi Twitter Stream - Jul 2013' */

.multi-twitter .tweet a img{
    display:none;
}

/* -------------------------------------------------------------------- BOXES 

- Basic box rules
- post boxes, different color schemes
- images in boxes and other settings

----------------------------------------------------------------------------- */

/* Box sizes */

.box {
position:relative;
width:230px;
padding:0em;
margin:.6em;
float:left;
}
.inner{
position:relative;
margin:2em ;
} 
/* Internal box styles */

.box .bottom {bottom:0;}
.box .top {top:0;}
.box .text, .box img {position:absolute;}
.text {
height:16em;
padding:2em;
}
.last {
/*
When there are two inner boxes within a long box, there is a rule dividing
the two. Add this class to the second box to give it this rule
*/
border-top:1px solid #ffffff;
padding-top:2em;
}

/* post boxes */
.post.box{width:19em;padding:2em;}

.post{padding:1em 0;}
/* This is for the blog layout */
.category-blog .post, .page-template-archive-suggestions-php .post {border-bottom:1px solid #333184; float: left;}

.post, .single .post, .event, .page .page, #event-listing-container, .publication, body.error404 .post {max-width: 68em; padding:2em;}
.post.latest {max-width:67.4em; padding:0 2em !important;}

.post.latest {max-height:40em;height:40em;}

body.page-template-archive-whatsyourstory-php .post.latest {
  max-height:44em;
  height:44em !important;
}

.post, .event, .page .page, .publication {
  padding:1em 0em;
}

.event-listing {
  padding:1em;
}

.single .post {
  border-bottom:1px solid #333184;
}

#event-listing-container{
    padding:3px
}

#article .thumbnail-image{
    float: left;
    margin-right: 20px;
}

/* Event listing posts */
.event-listing,h2.event-date{
    border-top: 3px solid white;
    border-bottom: 3px solid white;
}

.metaeventdetails {
  border-bottom:1px solid #333184;
  margin-bottom:10px;
}

.event-listing h3 {
  font-weight:normal;
}

.event-listing .startdate {
  font-weight:bold;
}
.term-listings #boxes {
  margin-left:-3px;
  height:auto !important;
}

/* Different box colors */
.category-wales .box a,.category-wales .box a:visited,
.term-bookshelf .box,.term-commentary .box,.term-our-publications .box,
.term-bookshelf .box a,.term-commentary .box a,.term-our-publications .box a,
.term-external-events .box, .term-external-events .box a, .term-listings .box a,
.term-listings .box, .term-our-events .box, .term-our-events .box a,
.event-listing.event-cat-external-events,.event-listing.event-cat-external-events a,
.event-listing.event-cat-our-events, .event-listing.event-cat-our-events a,
.box.event-cat-external-events,.box.event-cat-external-events a, .box.event-cat-our-events,.box.event-cat-our-events a,
#boxes .commentary, #boxes .commentary a,
#boxes .bookshelf, #boxes .bookshelf a,
#boxes .our-publications, #boxes .our-publications a
{color:white}

.category-england .box{background-color:white;color:#CB343F;}
.category-england .box a,.category-england .box a:visited{color:#CB343F}
.category-wales .box{background-color:#008826;color:white;}
.category-northern-ireland .box {background-color:#FED146;color:#A9388B;}

body.category-northern-ireland .postmetadata {color:#A9388B;}
body.category-wales .postmetadata {color:#ffffff;}

.category-northern-ireland .box a,.category-northern-ireland .box a:visited{color:#A9388B}
.category-scotland .box{background-color:#D3D0E5;}
.term-bookshelf .box, .term-external-events .box, .event-listing.event-cat-external-events, .box.event-cat-external-events, #boxes .bookshelf{background-color:#606060;}
.term-commentary .box,#boxes .commentary{background-color:#333184;}
.term-our-publications .box, .term-our-events .box, .event-listing.event-cat-our-events,
.box.event-cat-our-events,#boxes .our-publications
{background-color:#CB343F;}



.event-listing.event-cat-our-events.past-event{background-color:#F3D2D4; color:#A8303D}
.event-listing.event-cat-our-events.past-event a{color:#A8303D}
.event-listing.event-cat-our-events.future-event{background-color:#CB343F; color:#fff}
.event-listing.event-cat-our-events.future-event a{color:#fff}
.event-listing.event-cat-external-events.past-event{background-color:#CBCBCB; color:#696969}
.event-listing.event-cat-external-events.past-event a{color:#696969}
.event-listing.event-cat-external-events.future-event{background-color:#606060; color:#fff}
.event-listing.event-cat-external-events.future-event a{color:#fff}


.post.latest, #featured.main-feature{width:71.4em;padding:0;}
body.page-template-page-mostcommented-php .post.latest {
  padding:2em !important;
}

body.page-template-archive-whatsyourstory-php .post h2 a{
  color:#ffffff;
}
body.page-template-archive-whatsyourstory-php .post {
  color:#ffffff;
  background-color:#333184;
}

body.home .box img.play,
body.page-template-archive-whatsyourstory-php .post img.play {
  width:30px !important;
  height:30px !important;
  z-index:200;
}


body.page-template-archive-whatsyourstory-php .post.latest {
  width:43.3em;
  padding:0;  
}


.latest{padding:2em;}

#featured.main-feature .inner{width:27em;float:right;}
.post.latest .inner {width:25em; float:left;}
/* Home page has boxes of a fixed height */
#featured.main-feature,.home .box { height:40em;}


/* Images in boxes */
.post.latest img, #featured.main-feature img {
  width:40em;
  height:40em;
  float:left
}
.box img {
  width:23em;
  height:20em;
}
.inner img {
  height:16em;
  width:16em;
}
img.endImg { /* These are the small images inside a small box */
  position:absolute;
  bottom:2em;
  height:8em;
}


/* ------------------------------------------------------------- Misc Classes */
.accessibility{
    position:absolute;
    left: -9999px;
}


/* Publications/Events page images */

p.eventday {
  margin:0;
}

body.search .box img,
body.category .box img,
body.page-template-page-publication-php .box img,
body.tax-publicationcats .box img,
body.page-template-page-event-php .box img,
body.tax-eventcats .box img {
  position:static;
  /*why*/
  margin-bottom:-.1em;
  margin-left:-2em;
}

body.search .post.publication.box img, 
body.page-template-page-publication-php .box img,
body.tax-publicationcats .box img {
  height:22em;
  width:22em;
  margin: -1.5em 0 0 -1.5em !important;
}
body.home .frontpublication.box img {
  width:22em;
  height:19em;
  margin:0.5em;  
}

body.page-template-page-publication-php .box img.default,
body.tax-publicationcats .box img.default {
  margin-left:-2em !important;
  margin-bottom:-.1em !important;
  height:20em !important;
  width:23em !important;
}

body.page-template-page-publication-php .post.latest img,
body.tax-publicationcats .post.latest img {
  width:39em;
  height:39em;
  margin:0.5em !important;
}

body.page-template-page-publication-php .box img.bigdefault,
body.tax-publicationcats .box img.bigdefault {
  margin:0em !important;
  height:40em;
  width:40em;
}


body.page-template-page-publication-php .post.latest,
body.tax-publicationcats .post.latest {
  max-height:40em !important;
  height:40em;
}
body.page-template-page-publication-php .post.latest img,
body.tax-publicationcats .post.latest img {
  margin-left:-1.2em !important;  
}

body.page-template-page-publication-php .post.latest img.bigdefault,
body.tax-publicationcats .post.latest img.bigdefault {
  margin-left:-2em !important;  
}

body.search .thumbnail img,
body.category .thumbnail img,
body.page-template-page-publication-php .thumbnail img,
body.tax-publicationcats .thumbnail img,
body.page-template-page-event-php .thumbnail img,
body.tax-eventcats .thumbnail img {
   margin-top:-2em;
   padding-bottom:1em;
   margin-left:-2em;
}

.page-template-archive-suggestions-php .post.lastsuggestion {
  border-bottom:0 !important;
}


/**********************/
/*** ARTICLE SERIES ***/
/**********************/

.category-blog #execphp-8{
    display: none;
}

.blog #sidebar{
    background-color: #fff;
}

.blog #sidebar div{
    padding: 0;
}

.blog #sidebar img{
    max-width: 23em
}

#series{
  width: 23em;
  float: left;
  margin-top: 20px;
}

#series h4{
  margin-bottom: 1em;
  color: #000
}

#series ul li{
  list-style-type: none;
  width: 23em;
  float: left;
  padding: 1em 0;
}

#series ul li img{
  float: left;
}

#series ul li .wp-post-image{
  width: 23em;
  height: 200px;
  margin-bottom: 15px;
}

.social4i{
  display: none;
}

.series-content{
  float: left;
  display: block;
  width: 23em;
  padding-left: 2em;
}

#series ul li .series-content p#watch-headline-title a{
  color: #CB343F;
}

.series-content p{
    color: #000 !important
}

#execphp-8 h3{
    display: none
}

/**********************/
/*** SOCIAL MEDIA ***/
/**********************/

.social-media{
    float: left;
    width: 100%;
    margin: 20px 0;
}

.social-media .twitter-share-button{
    float: left;
}