/* ======= Main Structure ======== */

@font-face {
	font-family: 'MarkerHeavyRegular';
	src: url(/marker-h.eot);
	src: local('Marker Heavy'), local('MarkerHeavy'), url(/marker-h.woff) format('woff'), url(/marker-h.ttf) format('truetype');
}

html {
  background: #938c79 url(images/backbar.gif) 50% 0 repeat-y;
  padding: 0;
  margin: 0;
}

body {
  width: 984px;
  margin: 0 auto;
  font-family: arial,helvetica,sans-serif;
}

#main {
  background: #fff7e3 url(images/inbar.gif) 0 0 repeat-y;
  overflow: auto;
  position: relative;
  border-bottom: 1px solid #000; /* IE6 fix! */
}

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

#header {
  background: #b6c694 url(images/b3.jpg) 0 0 no-repeat;
  height: 246px;
  overflow: auto;
  position: relative;
}

#logo {
  border: 0;
  margin: 0;
  float: left;
}

#cse-search-box {
  position: absolute;
  bottom: 20px;
  left: 738px;
}

/* ======= Main Sidebar ======== */

#sidebar {
  padding: 10px;
  width: 216px;
  color: #cda;
  background: #414E1B;
}

#sidebar a {
  font-weight: bold;
  color: #cda;
  text-decoration: none;
}

#sidebar a:hover {
  color: #efc; 
  text-decoration: underline;
}

#sidebar h2 { display: none; }

#sidebar h3 {
   border-top: 1px solid #130;
   padding-top: 0.5em;
   color:  #9ba; /* #94aea0; */
   margin: 1.5em 0 0.25em;
   font-family: MarkerHeavyRegular;
   font-size: 180%;
   font-weight: normal;
}

#sidebar h4 { 
   margin: 0 0 5px; 
   font-size: 100%;
}

#sidebar p { 
   font-size: smaller;
   margin-top: 0;
}

/* Properties for side menu... */
ul.menu {
   margin-left:25px;
   padding-left: 0;
   font-size: 150%;
   font-weight: bold;
   list-style:circle;
}

/* ...and sub-menus */

ul.menu ul {
   margin-left:20px;
   padding-left: 0;
   font-size: smaller;
   font-weight: bold;
   list-style-type: square;
}

/* News Stories */

ul.newslist {
   margin: 0 21px 5px 25px;
   padding-left: 0;
   list-style-type: square;
   font-weight: bold;
}

/* Slideshow List */

ul.piclist {
   list-style: none;
   padding: 0;
}

ul.piclist li {
   margin: 5px 0;
   padding: 0;
   background: url(images/frame.gif) top left no-repeat;
}

ul.piclist li a {
   margin: 0;
   padding: 0 0 0 83px;
   display: block;
   background: 1px 1px no-repeat;
   font-weight: bold;
}

ul.piclist li a span {
   display:  table;
}

ul.piclist li a span span {
   display: table-cell;
   height: 78px;
   vertical-align: middle;
   text-decoration: none;
}

* html ul.piclist li a {
   height: 78px;
}

ul.piclist li a:hover span span {
   text-decoration: underline;
}
/* ======= Footer ======== */

#footer {
  clear: both;
  background: #312f2d url(/images/footer.gif) top left repeat-x;
  color: #999;
  padding-top: 10px;
}

#footer a {
  color: #bbb;
  text-decoration: none;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

#footer #credits {
  float: left;
  padding-left: 10px;
  width: 216px;
  font-size: smaller;
  color: #999;
}

#footer #links {
  margin-left: 246px;
}      

#footer #links ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  overflow: auto;
}

#footer #links li {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
}

#footer #links a {
  display: block;
  padding-left: 42px;
  min-height: 32px;
  width: 194px;
  color: #bbb;
  text-decoration: none;
  line-height: 32px;
  font-weight: bold;
  background: url(images/buttons.gif) no-repeat;
  overflow: auto;
}

#footer #links a:hover {
  color: #fff;
  text-decoration: underline;
}

#footer #links li.amazon   a {background-position:0px -100px}
#footer #links li.facebook a {background-position:0px -200px}
#footer #links li.flickr   a {background-position:0px -300px}
#footer #links li.google   a {background-position:0px -400px}
#footer #links li.twitter  a {background-position:0px -500px}
#footer #links li.youtube  a {background-position:0px -600px}

#footer #links li.amazon   a:hover {background-position:-250px -100px}
#footer #links li.facebook a:hover {background-position:-250px -200px}
#footer #links li.flickr   a:hover {background-position:-250px -300px}
#footer #links li.google   a:hover {background-position:-250px -400px}
#footer #links li.twitter  a:hover {background-position:-250px -500px}
#footer #links li.youtube  a:hover {background-position:-250px -600px}

/* ======= Secondary Sidebar ======== */

#body #sidebar2 {
   float: right;
   width: 236px;
   margin: 0 0 10px 10px;
   text-align: left;
   font-size: smaller;
}

#sidebar2 div.s1 {
   background: #ced;
   border: 1px solid #8A9;
   padding: 10px;
   margin-bottom: 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

#sidebar2 div.s2 {
   background: #edc;
   border: 1px solid #a98;
   padding: 10px;
   margin-bottom: 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

#sidebar2 div h1,
#sidebar2 div h2 {
   color: #414E1B;
   margin-top: 0;
}

/* ====== Twitter Widget ========= */

#body div.twtr-hd h3 ,
#body div.twtr-hd h4 {
   clear: none;
  font-family: arial,helvetica,sans-serif;
}

/* ====== Fading Slideshow on Home page ========= */

div#fadeshow {
   margin 0.5em auto;
   border: 1px solid #938C79;
}


/* ======= Hostelling News Feed ======= */
ul.news {
   margin: 0;
   padding: 5px 0 0;
   list-style: none;
   border-top: 1px solid #a98;
}

ul.news li {
   margin: 0 0 5px;
   padding: 0 0 5px;
   border-bottom: 1px solid #a98;
}

ul.news a {
   font-size: larger;
   font-weight: bold;
}

ul.news .meta {
   display: block;
   margin-top: 3px;
}

ul.news .source {
   font-weight: bold;
}

/* ======= Adverts ======== */

#topad {
   margin: 0 0 10px;
}

#botad {
/*   clear: both;
   margin: 10px 0 10px 246px; */

   position: absolute;
   bottom: 10px;
   left: 246px;
}

div.sidead {
   margin: 5px 0;
}

/* ======= Pull Quotes ======== */
blockquote.pullquote, div.pullquote {
   float: left;
}

blockquote.pqAlt, div.pqAlt { 
   float: right;
}

/* NOTE: The blockquote.alt section applies to right-side pull-quotes only.  Right-side quotes will get the blockquote.pullquote declarations PLUS the .pqAlt declarations */

#body blockquote.pullquote { /* don't change this line! */
   width: 12em;
   margin: 0 10px 10px 0;
   padding: 0 2px 2px 0;
   border: 0;
   color:  #414E1B; 
   background: url(/images/rquote.gif) #edc bottom right no-repeat;
   font-weight: bold;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

#body blockquote.pqAlt { /* don't change this line! */
   margin: 0 0 10px 10px;
}

#body blockquote.pullquote p {
   margin: 0;
   background: url(/images/quotes.gif) transparent 2px -20px no-repeat;
   padding: 2px 20px 0;
   text-align: center;
   min-height: 3em;
}

blockquote.pullquote p:first-letter {
   text-transform: uppercase; /* Makes the first letter of the quote a capital letter */
}

/* ======= Main Body ======== */

#body {
  width: 728px;
  padding: 10px;
  float: right;
  background: url(images/bodytop.gif) 0 0 no-repeat;
  color: #430;
  padding-bottom: 110px;
  position:relative;
}

#body h1,
#body h2,
#body h3,
#body h4 {
   color: #b50;
   font-family: MarkerHeavyRegular;
   font-weight: normal;
   text-align: left;
   clear: left;
}

#body a {
   color: #049;
   text-decoration: none;
   font-weight: bold;
}

#body a:hover,
#body a:focus {
   color: #07f; /* #e50; */
   text-decoration: underline;
}

/* divs used to hold floated images and their captions */
.imgleft,.imgright {
   border: 0;
   margin: 0 0 10px;
   padding: 0;
   font-size: smaller;
}

.imgleft {
   float: left;
   margin-right: 10px;
}

.imgright {
   float: right;
   margin-left: 10px;
}

.imgleft .caption, .imgright .caption {
   margin: 5px 0 10px;
   padding: 0;
   font-style: italic;
   text-align: center;
}

.imgleft .credit, .imgright .credit {
   margin: 0;
   padding: 0;
   font-size: xx-small;
   text-align: right;
}

#body img {
   border: 1px solid #938C79;
}

#body img.nb {
   border: 0;
}

/* Calendar and Year Planner  */

th.plantitle {
   color: #CDA;
   background-color: #414E1B;
   text-align: center;
   font-weight: bold;
}

td.planweekday {
   background-color: #BDC;
   font-weight: bold;
   border: 1px solid #9BA;
   text-align: left;
}

td.planweekend {
   background-color: #9BA;
   font-weight: bold;
   text-align: left;
}

#today {
   border:3px solid #F60;
}

table.smallcal {
  background:#BDC;
}

.smallcal th {
   font-size: small;
   text-align: center;
   font-weight: normal;
}

.smallcal td {
   font-size: xx-small;
   font-weight: normal;
   color: #414E1B;
}

.cal td.planweekday,
.cal td.planweekend {
   height: 7em;   /* min-height doesn't seem to work */
   overflow: auto;
}

/* Year planner and other potentially wide content */
.wide {
   overflow: auto;
}

/* GEMS Event Listings */

#leosummary {
   padding: 2px;
   border: 0;
   margin: 0;
   width: 100%;
}

#leosummary th {
   white-space: nowrap;
   font-weight: normal;
   text-align: left;
}

#leosummary img {
   border: 0;
}

.progdets {
   font-size: smaller;
   padding-bottom: 1em;
   border-bottom: 1px solid #CCCC99;
   margin-bottom: 2em;
}



.eventloc {
   text-align: center;
   width: 10em;
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
   z-index: 20;
}

#body .eventloc img {
   border: 0;
}

.region {
   font-weight: bold;
   color: #685;
   margin-top: 0;
}

dl {
  padding: 0;
  margin: 0 5px 0.5em 0;
  position: relative 
} 

dl.evdets {
   margin-right: 10em;
}

dt { 
  clear: left;
  float: left;
  margin: 0px 0px 5px;
  width: 6em;
  font-weight: bold;
  color: #685;
}

dd { 
  padding: 0;
  margin: 0 5px 5px 6em; 
  text-align: left;
} 

ul.links, ul.links li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.links a {
  padding-left: 15px;
  background: #FFF7E3 url(/images/linkbull.gif) 0 50% no-repeat;
}

ul.links a:hover {
  background-image: url(/images/linkbullhi.gif);
}

abbr.dtstart,
abbr.dtend {
   text-decoration: none;
   border: none;
}

#buttonbar {
   clear: right;
   max-width: 25em;
   padding-top: 1em;
}

* html #buttonbar {
   width: 25em;
}

#prevbut {
   float: left;
}

#nextbut {
   float: right;
}

/* Maps on event details pages */

ul.maps {
  list-style:none;
  padding: 0;
  margin: 0;
}

ul.maps li {
  min-height: 75px;
  padding: 0 0 0 50px;
  margin: 5px 0;
  background: url(/images/blankmap.gif) 0 0 no-repeat;
}

* html ul.maps li {height: 75px;} 

#body ul.maps li.explorer {
   color: #f60;
   background-image: url(/images/explorer.jpg);
}

#body ul.maps li.landranger {
   color: #c09;
   background-image: url(/images/landranger.jpg);
}

#body ul.maps a {
  font-weight: normal;
  color: #049;
  font-size: smaller;
  padding-right: 1em;
}

#body ul.maps a:hover {
   color: #07F;
}

/* Fake buttons with drop shadow */

#body a.fakebutton {
   display: block;
   background: #669966 url(images/buttl.gif) top left no-repeat;
   width: 11em;
   font-weight: bold;
   color: #CDA;
   text-decoration: none;
   text-align: center;
   margin-top: 0;
   margin-bottom: 2px;
}

a.fakebutton span {
   display: block;
}

.buta {
   background: url(/images/buttr.gif) top right no-repeat; 
}
.butb {
   background: url(/images/butbr.gif) bottom right no-repeat; 
}

.butc {
   padding: 7px 20px 18px 10px;
   background: url(/images/butbl.gif) bottom left no-repeat;
}

#body a.fakebutton:hover {
   color: #EFC;
   text-decoration: underline;
}

#body a.fakebutton:active {
   margin-top: 2px;
   margin-bottom: 0;
}

a.fakebutton:active .buta {
   background-image: url(/images/buttrd.gif); 
}

a.fakebutton:active .butb {
   background-image: url(/images/butbrd.gif); 
}

a.fakebutton:active .butc {
   background-image: url(/images/butbld.gif);
}

#googlemap {
   height: 480px;
   width: 480px;
   border: 1px solid #996;
   display: none;
}

div.gm-overview-map > div {
   background-color: #FFF7E3 !important;
}

.mapinfo {
   font-size: smaller;
   padding-right: 10px;
   white-space: nowrap;  /* Fix for FF1.5 */
}


#body #os {
   margin-top: 0.25em;
   font-size: smaller;
}

#weather h3 a {
   border: 0;
   margin: 0 5px 5px 0;
   text-decoration: none;
   float: left;
}

#weather h3 a img {
   border: 0;
}

#weather ul {
   list-style: none;
   margin: 0;
   padding: 0;
   clear: left;
   width: 20em;
}

#weather li {
   list-style: none;
   min-height: 32px;
   margin: 0 0 5px;
   padding: 0 0 5px 40px;
   background: url(/images/weather/na.png) 0 50% no-repeat;
   border-bottom: 1px solid #685;
   width: 20em;
}

#weather li strong {
   color: #685;
}

#weather li a {
   font-size: smaller;
}

#weather p {
   margin: 0 0 2em;
   font-size: smaller;
}

a sup {
   text-decoration: none;
}

#faqlink {
   font-size: smaller;
   font-weight: normal;
   text-align: left;
}

/* Slideshows */

ul.showlist {
  margin: 0 -10px 0 0;
  padding: 0;
  list-style: none;
}

#body .showlist li a {
  display: block;
  float: left;
  width: 236px;
  min-height: 150px;
  color: #ffc;
  background: #9BA;
  margin: 0 10px 10px 0;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#body .showlist li a:hover {
  color: #fff;
  background: #685;
}

#body .showlist img {
  border: 1px solid #696;
}

.showlist li a span {
  display: block;
}

.showlist li a small {
  display: block;
}

#body .pagelist {
  clear: left;
  float: left;
}

#body .pagelist p {
  margin: 0 5px 0 0;
  padding: 0;
  height: 1.25em;
  border: 1px solid #fff7e3;
  color: #685;
  float: left;
}

#body .pagelist ul {
  margin:0;
  padding: 0;
  list-style: none;
  float: left;
}

#body .pagelist ul li {
  float: left;
  width: 1.25em;
  height: 1.25em;
  text-align: center;
  font-weight: bold;
  margin: 0 2px;
  border: 1px solid #685;
  color: #685;
}

#body .pagelist ul li a {
  display: block;
  text-decoration: none;
  background: #9ba;
  color: #ffc;
  height: 100%;
}

#body .pagelist ul li a:hover {
  background: #685;
  color: #fff;
}

/* Slideshow links in blog entries */

#body a.slidelink {
  display: block;
  margin: 1em auto;
  width: 15em;
  min-height: 75px;
  line-height: 75px;
  font-size: larger;
  color: #ffc;
  background: #9ba 10px 50% no-repeat;
  padding: 10px 10px 10px 95px;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#body a.slidelink:hover {
  color: #fff;
  background-color: #685;
}

/* Actual Slideshows */

ul.slides {
   list-style: none;
   margin: 0 -10px 0 0;
   padding: 0;
}

ul.slides li {
   float: left;
   margin: 0 10px 10px 0;
   padding: 0;
}

ul.slides a {
   display: block;
   border: 1px solid #ccc;
   background: #fff;
   border-top-color: #eee;
   border-left-color: #eee;
   padding: 17px;
}
  
ul.slides a:hover {
   background: #dda;
}

#body ul.slides img {
   border: 1px solid #ccc;
   border-right-color: #ccc;
   border-bottom-color: #ccc;
   width: 75px;
   height: 75px;
}

p.note {
   clear: left;
   font-size: smaller;
}

#body div.showinfo {
   float: left;
   width: 214px;
   background: #ced;
   border: 1px solid #8A9;
   padding: 10px;
   margin: 0 10px 10px 0;
   min-height: 337px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

#body div.showinfo h1 {
   margin-top: 0;
}


/* Table of committee members */

#body .committee {
   margin-left: auto;
   margin-right: auto;
}

#body .committee th {
   font-weight: bold;
   text-align: left;
   white-space: nowrap;
}

#body .committee td {
   padding-left: 1em;
   text-align: left;
   white-space: nowrap;
}

/* Contacts List */

ul.contacts {
   font-size: 150%;
   line-height: 1.5;
   text-align: center;
   list-style: none;
}

/* Shop */

#amazon {
   width: 180px;
   display: block;
   margin: 0 auto 0.5em;
}

.vendor {
   border-bottom: 1px solid #696;
   padding: 0 0 0.5em;
}

table.shop {
   border-collapse: collapse;
}

table.shop td {
   padding: 0.5em 0;
}

table.shop img {
   border: none;
}

table.shop th {
   width: 140px;
   padding-right: 10px;
   padding: 0.5em 10px 0.5em 0;
   text-align: center;
}

/* ===== Blog ======= */


#wpsidebar ul,
#wpsidebar ul li {
   margin: 0;
   padding: 0;
   list-style: none;
}

#wpsidebar ul li {
   margin-bottom: 1em;
}

#wpsidebar ul li li {
   margin-bottom: 0;
}

#wpfooter {
   font-size: smaller;
   margin-bottom: 0;
}

@media print {
   #wpsidebar { display: none; }
}

/* Article Comments */

#body .commentlist {
   margin: 20px 20px 20px 23px;
   padding: 0;
}

#body .commentlist li {
   padding-bottom: 5px;
   margin-bottom: 2em;
}

#body .commentlist li .commenter {
   font-weight: bold;
}

#body .commentlist li .commentmeta {
   font-size: x-small;
}

#body .commentlist li .c1 {
   background: #fff url(/images/callout.gif) top left no-repeat;
   padding-top: 36px;
   margin-top: 4px;
}

/*
#body .commentlist li.author .c1 {
   background-color: #efd;
}

#body .commentlist li.z1 .c1 {
   background-color: #ffe;
}
*/

#body .commentlist li .c2 {
   border: 1px solid #edc;
   border-width: 0 1px 1px;
   padding: 10px;
}

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

#body #commentform textarea {
   height: 150px;
   width: 722px;
}

/* Other bits & pieces */

#wpcontent h2 {
   margin: 1em 0 0;
}

#wpcontent h2 a {
   color: #b50;
   font-weight: normal;
}

#wpcontent h2 a:hover {
   color: #f60;
}

#wpcontent h3.sub {
   margin: 0;
   font-weight: normal;
   font-size: medium;
}

#wpcontent li {
   margin-bottom: 0.5em;
}

p.byline {
   font-size: x-small;
   margin: 0.5em 0 1em;
}


/* Notice(s) on the front page */
.notice {
   background: #cfc;
   border: 1px solid #696;
   padding: 20px;
   clear: right;
   text-align: center;
}

@media print {
   
   html,
   body,
   #main {
      margin: 0;
      padding: 0;
      color: #000;
      background: #FFF; 
      font-size: 10pt;
      border: 0;
   }

   /* Headers and Footers are hidden on print */

   #header { 
      display: none;
   } 

   #sidebar,
   #sidebar2 { 
      display: none; 
   } 

   #footer { 
      display: none; 
   } 

   #topad {
      display: none;
   }

   #botad {
      display: none;
   }

   /* Main Body Positioning and Properties */

   #body { 
      margin: 0;
      padding: 0;
      text-align: justify;
      background: #FFF;
      float: none;
      width: 100%;
   }

   #body a {
      color: #000000;
      text-decoration: none;
      font-weight: normal;
   }

   h2,h3,h4 {
      color: #000000;
   }

   th.plantitle {
      color: #FFFFFF;
      background-color: #000000;
      border: 1px solid black;
   }

   td.planweekday {
      background-color: #FFFFFF;
      border: 1px solid black;
      text-align: left;
   }

   td.planweekend {
      background-color: #CCCCCC;
      border: 1px solid black;
      text-align: left;
   }

   #today {
      border:1px solid black;
   }

   #moreform {
      display: none;
   }

   #body a.fakebutton {
      display: none;
   }
}