/*
Theme name: English Companions
Written by: Helena Boylen
www.littleblueplane.com
*/
/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120%  Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
ul li {list-style-type:square;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 1em;}
#contents ul li {list-style:none; background: url(/images/bullet.gif) 0 0.75em no-repeat;padding-left:15px;margin-left:0px; }

/**************** General Links ***********************************/

a:link, a:visited            { color: #ab2e34; text-decoration: none;border-bottom:1px solid #ab2e34;}
a:focus, a:hover, a:active {color: #322805 ;text-decoration: none;border-bottom:1px solid #322805 ; }
a:link.noborder {border-bottom:none;}

/********* Navigation **********************************/

#navlist {margin:0 auto;padding:10px 0;}
  #navlist li {list-style-type:none;display:block;border-bottom:1px solid #ccc;margin-left:0;padding: 0 ;}
  #navlist a {font-weight:bold;color:#555;display:block;text-decoration:none;border-bottom:none;}
  #navlist li a { display:block;text-decoration: none; }
  #navlist a:link, #navlist a:visited {padding:2% 0 ;color:#555;border-bottom:none;}
  #navlist a:visited {color:#555;}
  #navlist a:hover, #navlist a:focus, #navlist a:active {color: #ab2e34;}
  #home #nav-home {color: #ab2e34;}
  #navlist ul {margin-top:0;margin-left:0;}
  #navlist ul.children li {margin-left:14px;border-left:1px solid #c5dcc3;border-bottom:none;padding-left:8px;}
  #navlist1 li {list-style-type:none;background: url(/images/folder.gif) left center no-repeat;padding-left:18px;margin-left:0;}
  #navlist1 {margin-left:0;}
#navlist ul {margin-top:0;}
#navlist ul li {margin-left:13px;border-left:1px solid #c5dcc3;border-bottom:none;padding-left:5px;}


#newslist {margin-left:0;}
  #newslist li {list-style-type:none;background: url(/images/articlebullet.gif) 0 0.5em no-repeat;padding-left:25px;margin-left:0;}

#catlist {margin-left:0;}
#catlist li {list-style-type:none;background: url(/images/folder.gif) 0 0.25em no-repeat;padding-left:20px;margin-left:0;}


/*********** Main structure ******************************/

html{height:100%; }
body {height:101%; line-height:150%; color: #333; text-align: center; background:#f6f4dc url(/images/greenstripe.jpg) 0 0 repeat-x;}

#outer {}

#container {position:relative;font-size:76%;  margin:0 auto;text-align:left; width:960px;}

#skip {font-size:80%; width:42em;position:absolute;top:5px;right:0px; height:3em;  color:white;  margin:0;}
   #skip li {display:inline;  list-style-type: none;  padding: 5px 2% 0 2%; margin-left:0;}
   #skip li a:link, #skip li a:visited  {border:none; color:#ab2e34; padding:5px;   }
   #skip li a:focus, #skip li a:hover, #skip  a:active { border:none;color:#fff;  background-color:#ab2e34;  padding:5px;}

#header { width:100%;height:380px;background: url(/images/blueback.jpg)  top center  no-repeat;}

#mid {clear:both;position:relative;font-weight:normal;font-size:200%; color:white;width:960px;height:230px;}
  
  #mid a {border-bottom:none;}
  #mid a:hover {background-color:transparent;}
  #mid img.alfred {position:absolute;right:0;bottom:0px;}

#wrap {clear:both;overflow:hidden;margin-top:0px;background: url(/images/sidebar.jpg) 660px 25px repeat-y;}

#action {float:right;width:30%;margin-top:50px;}
  #action a {border-bottom:none;background-color:transparent;text-decoration:none;}
  #action img {margin-bottom:10px;margin-top:0;}

#contents {width:590px;float:left;margin:0px 30px 10px 0%;padding:0 0 0 0;color: #000;}
   #contents img {float:left;margin:0px 30px 10px 10px;padding:5px;clear:left;border:1px solid #ccc;background-color:white;}
   #contents img.icon, #sidebar img.icon {float:none;clear:none;margin:0 3px 0 0;background-color:transparent;padding:0px;border:0;vertical-align:middle;}
   #contents p {margin-left:0px;margin-right:0px;}
#contents div.gallery img {float:none;border:none;padding:0;margin:0;}
   #contents div.gallery a:link, #contents div.gallery a:visited, #contents div.gallery a:focus, #contents div.gallery a:hover, #contents div.gallery a:active {border:none;}
  

#sidebar {width:270px;padding:15px;float:right;margin:0px 0 10px 20px;background: url(/images/sidebarshadow.jpg) left top repeat-x; overflow:hidden;}
  #sidebar img {padding:5px;clear:left;border:1px solid #ccc;background-color:white;margin-bottom:20px;margin-left:10px;}
  #sidebar h3 {margin-top:20px;}
  #sidebar img.membershipform {background-color:transparent;float:none;border:none;margin:20px 0px 10px -5px;}
  #sidebar #events ul {margin:0;}  
  #sidebar #events ul li, #sidebar #newslist ul li {list-style-type:none;margin-left:0;padding-left:15px;}
  #sidebar span {clear:both;margin-left:10px;display:block;}


#membershipinfo {background-color:#dfddc5;padding:0 10px 5px 10px;border:1px solid #bebb94;}
#membershipinfo form select {width:100%;}
#membershipinfo form img.pixelpic {border:none;background-color:none;padding:0;float:none;}
#membershipinfo img {float:none;border:none;background-color:transparent;padding:none;vertical-align:middle;margin:0;}
#membershipinfo h3 {margin-top:10px;}

#footer {clear:both;height:3em; padding-top:1em;margin-top:10px;border-top: 1px solid #ccc; margin-left:auto; margin-right:auto;}
   #footer .left {float:left; width:70%;text-align:left;margin-left:0px;}
   #footer .right {float:right; width:25%; text-align:right;margin-right:0px;}


#searchform {margin-top:10px;color:#6eb140;width:100%;margin-left:0px;}
   #searchform input {border:1px solid #ccc;padding:2px;width:66%;}
   #searchform input:focus, #searchform input:hover, #searchform input:active{border:1px solid #003b81 ;padding:2px;width:60%;}

#searchform input.button { color: white; padding:2px;margin: 0;font-weight: bold;background:#ab2e34 url(/images/buttonback.jpg) left top repeat-x;width:30%;}
   #searchform input.button:focus, #searchform input.button:hover, #searchform input.button:active {color: white;  padding:2px; margin: 0; font-weight: bold; background: #67aa39 url(/images/buttonback1.jpg) left top repeat-x;width:30%;}
   #searchform legend {display:none;}
   #searchform label {position:absolute;left:-9999px;}


/********** Headings ***************************************/

h1 {font-size:160%; color: #003b81;font-weight:normal;margin:10px 0 0 0;}
h2 {width:99%;font-size:180%; color:#ab2e34;font-weight:normal; padding:8px 0 ;margin: 20px 0 20px 0px;}
h3 {font-size:140%; color:#ab2e34;font-weight:bold; margin: 0px 0 10px 0;}
h4, h5 {font-size:120%; color:#ab2e34;margin: 15px 0 0 0;}

/********** Other Stuff *********************************/
span.search-terms {font-style:italic;color:#000;}
p.date {margin-bottom:0;}
p.author {font-weight:bold;margin-top:0;}
div.post h2 {margin-bottom:0;}
.home div.post, .page-id-16 div.post {border-bottom:none;}
blockquote {background:url(/images/quotemarks.jpg) top left no-repeat;padding-left:25px;margin-left:0;}
#applicationform a:link, a:visited {border-bottom:none;}
div.navigation {margin-bottom:20px;font-weight:bold;}
img.printlogo {display:none;}
ul {list-style:square; padding-left:3px;margin-left:20px; }
#contents div.latest {padding-bottom:8px;float:none;width:100%;overflow:hidden;margin-right:0px;margin-bottom:15px;background-color:#e8e8cc;border:1px solid #d6d6b4;}
#contents div.right {margin-right:0;}
#contents div.latest img {float:left;margin:5px 5px 5px 8px ;background-color:#f6f4dc;}
#contents div.latest h4 {padding:0;margin:8px 10px 0 10px;color:#312704}
#contents div.latest p {margin:0 10px ;}
div.post {margin-bottom:20px;border-bottom:1px solid #ccc;clear:both;}
div.latest p.more span {position:absolute;left:-9999px;}
img.printlogo {display:none;}



/************** Alignment and Captions *************/
#contents img.alignright, #contents img.alignnone {float:right;margin:5px 8px 8px 8px;}
#contents img.alignleft {float:left;margin:5px 8px 8px 8px;clear:right;}
#contents div.alignright {float:right;margin:5px 8px 8px 15px;clear:right;}
#contents div.alignright a,  div.alignright a:hover  {border:none;background-color:transparent;text-decoration:none;}
#contents div.alignleft,  #contents div.alignleft a:hover {float:left;margin:5px 8px 8px 20px;}
.wp-caption {border: 1px solid #ccc;text-align: center;padding-top: 0px;margin: 10px;border-radius: 3px;background-color:white;background-image:#fff url(/images/captionbg.jpg);background-repeat: no-repeat;background-position: center bottom;}
#contents .wp-caption img {margin: 0;padding: 5px;color:#ccc;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 1em;line-height: 17px;font-weight: normal;padding: 8px;margin: 0;}
#contents .gallery img {padding:4px;}
.gallery #contents img {float:none;margin:0px ;padding:4px;border:1px solid #ccc;background-color:white;}


/************** Comments etc **************/

#commentform {color:black;padding:20px;margin-left:0px;background-color:#f2edd7;padding-top:10px;}
   #commentform p {margin-left:0;}
   #commentform input, #commentform label, #commentform textarea, {}
   #commentform textarea {border: 1px solid #b0b0b0 ; }
   #commentform input {width:40%;border: 1px solid #b0b0b0 ;    width: 70%;    padding: 5px 3px 5px 3px;    vertical-align: middle;    margin: 0 0 5px 0;}
   #commentform input.button  {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background:#ab2e34 url(/images/buttonback.jpg) left top repeat-x; }
   #commentform input.button:focus, #commentform input.button:hover, #commentform input.button:active {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background:#322805 url(/images/buttonback1.jpg) left top repeat-x; }
   .comment-body {background-color:#f7f7f7;padding:10px;margin-bottom:10px;}
   .commentlist li {list-style-type:none;margin-left:0;}
   .commentlist p {margin-left:0;clear:both;}
   .avatar {float:right;}
   img.avatar {background-color:white;padding:2px;border:1px solid #ccc;}
   .comment-author {font-weight:bold;}
   .commentlist li a {border-bottom:none;}
   .comment-meta {border-bottom:1px solid #ccc;font-size:80%;}
   p.postmetadata {clear:both;margin-top:0;}

/******************* Sitemap *********/

.ddsg-wrapper ul li {margin-bottom:2px;margin-left:0;}
.ddsg-wrapper ul li li {margin-bottom:2px;}
.ddsg-wrapper ul li ul li {margin-bottom:5px;}
.ddsg-wrapper ul li ul li strong {padding-top:10px;}
.ddsg-wrapper p, .ddsg-wrapper p a {border-bottom:none;color:#ab2e34;}

/*************** Forms ******************/

div.wpcf7 {color:#555;width:70%;  }
div.wpcf7 {color:#555;padding:0px;font-size:100%;   }
div.wpcf7 fieldset { border:none;   }
div.wpcf7 legend {   display:none;}
div.wpcf7 input {background:#white;   border:1px solid #316291;  width:100%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
div.wpcf7 textarea { background:#FFF;  border:1px solid #316291;     width:100%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
div.wpcf7 input.wpcf7-submit{   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background:#316291 url(/images/aquabutton.jpg) left top repeat-x;    }
div.wpcf7 input:hover, div.wpcf7 textarea:hover {  border:1px solid #000;background-color:#efefef; }
div.wpcf7 input.wpcf7-submit:focus, div.wpcf7 input.wpcf7-submit:hover, div.wpcf7 input.wpcf7-submit:active  { border:1px solid #316291 ;clear:both; color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   background:#0066cc url(./images/aquabutton.jpg) left top repeat-x;   }
.required { color:#c2537a;    font-weight:normal;  margin-left:10px; }
.validationerrors ol {color:#000;   margin-left:15px; padding-left:10px;   margin-bottom:10px;  }
#enquiryErrorID  a:focus, #enquiryErrorID  a:hover, #enquiryErrorID  a:active  { background-color:#538b37;  color:white;   }
div.wpcf7-quiz-label {width:100%;clear:both;}
div.wpcf7 input#quiz {clear:both;}
div.wpcf7 input.wpcf7-quiz {clear:both ! important;border:1px solid red;}
#enquiry input.topic, #enquiry label.topic {position:absolute;left:-9999px;}


#articleform input {background:#fff;   border:1px solid #ccc;  width:100%;     padding:8px 3px 8px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
  #articleform input.button {   border:1px solid #fff;clear:both;  padding:2px 5px; color:white;   font-size:100%;   width:30%;  margin:12px 0 20px 0;   font-weight:bold;    background:#a63137 url(../images/aquabutton.jpg) left top repeat-x;    }
  #articleform input.button:focus, #articleform input.button:hover, #articleform input.button:active  { clear:both; color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   background:#630d11 url(../images/aquabutton.jpg) left top repeat-x;   }





/***************** Image Replacement ****************/

/* General IR statements */
.replace {clear:both;position: relative;  float:left;width:290px;overflow: hidden; margin: 20px 0 14px 0px;padding: 0;  font-size: 100%; }
.replace em {     display: block;   position: absolute;  top: 0;  /* left: 0; */ z-index: 1;    /* for opera5 (?) and o6/mac */     }
/* General IR statements for IE5.x mac only */
* html>body .replace {  position: static; overflow: visible;   font-size: 10px;  /* for ie5.x/mac */  }
* html>body .replace em  { position: static; }
* html>body .replace a {text-decoration: none;  /* ie5.0-5.1.x/mac  must have this value or the underline shows through the image. */   }
/* Each pair of statements per instance of IR */
#myh1, #myh1 em {font-color:#555;padding-bottom:0; background-color:#333;     width:504px;     height:115px; background: url(/images/logo1.jpg) top left no-repeat;}
* html>body #myh1 em { /* for ie5.x/mac only */ margin-bottom: -117px;  /* Required to bring text underneath image. Use the negative height of the image here.*/  }


/* General IR statements */
.replace1 {clear:both;position: relative;  width:554px;overflow: hidden; margin: 0px 0 0px 0px;padding: 0;  font-size: 100%; }
.replace1 em {     display: block;   position: absolute;  top: 0;  /* left: 0; */ z-index: 1;    /* for opera5 (?) and o6/mac */     }
/* General IR statements for IE5.x mac only */
* html>body .replace1 {  position: static; overflow: visible;   font-size: 10px;  /* for ie5.x/mac */  }
* html>body .replace1 em  { position: static; }
* html>body .replace1 a {text-decoration: none;  /* ie5.0-5.1.x/mac  must have this value or the underline shows through the image. */   }
/* Each pair of statements per instance of IR */
#strapline, #strapline em {font-color:#555;padding-bottom:0; background-color:#333;     width:554px;     height:192px; background: url(/images/strapline.jpg) top left no-repeat;}
* html>body #strapline em { /* for ie5.x/mac only */ margin-bottom: -192px;  /* Required to bring text underneath image. Use the negative height of the image here.*/  }


/***************** Clearfix ****************/

.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/***************** Lightbox ****************/
#lightbox{   position: absolute;   left: 0;   width: 100%;   z-index: 100;   text-align: center;   line-height: 0;   }
#lightbox a img{ border: none; }
#outerImageContainer{   position: relative;   background-color: #fff;   width: 250px;   height: 250px;   margin: 0 auto;   }
#imageContainer{   padding: 10px;   }
#loading{   position: absolute;   top: 40%;   left: 0%;   height: 25%;   width: 100%;   text-align: center;   line-height: 0;   }
#hoverNav{   position: absolute;   top: 0;   left: 0;   height: 100%;   width: 100%;   z-index: 10;   }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{   width: 49%;   height: 100%;   background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */   display: block;   }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{   font: 10px Verdana, Helvetica, sans-serif;   background-color: #fff;   margin: 0 auto;   line-height: 1.4em;   overflow: auto;   width: 100%   }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;   }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;   }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;   }
#overlay{   position: absolute;   top: 0;   left: 0;   z-index: 90;   width: 100%;   height: 500px;   background-color: #000;   }
#stimuli_lightbox a:link, #stimuli_lightbox a:visited, #stimuli_lightbox a:focus, #stimuli_lightbox a:hover, #stimuli_lightbox a:active {border:none;}
/***************** IE hacks **************************/

* html img, * html div { behavior: url(/iepngfix.htc) }


div.post {overflow:hidden;}
em {color:#ab2e34; font-style:normal;}