/* ----------------------------------------------------------------------------------------- 
Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
http://www.stuffandnonsense.co.uk

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




/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }




/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 75%/1.5 Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 0; font-weight : normal; }
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; }
del { color : #666; }
blockquote { margin : 0 0 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #433b34; font-weight : bold; }
td { border-bottom : 1px solid #ddd; }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }




/* Author styles  
----------------------------------------------------------------------------------------- */

html { background : #fff /* url(../siteimages/grid.png) */; }
body { border-top : 5px solid #415968; font : 11px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; color : #000; /* background : url(../siteimages/grid.png); */ }

/* =hx */
h1, h2 { margin-bottom : 1em; 
padding-bottom : .25em; 
background : url(../siteimages/divider-400.png) no-repeat 50% 100%; 
font : 40px Garamond, Georgia, Times, serif; 
font-size : 36px;
letter-spacing : 1px; 
text-transform : uppercase; 
text-align : center; 
color : #b4bc82; }

h3, h4 { font-size : 1.2em; font-weight : bold; line-height : 1.25; margin-bottom : 1.25em; }
#logo { position : absolute; top : 0; left : 0;  width : 180px; height : 200px; margin : 0; padding : 0; background : url(../siteimages/logo.jpg) no-repeat 0 0; text-indent : -9999px; }
#tagline { width : 520px; height : 90px; margin : 0; background : url(../siteimages/h2-tagline.png) no-repeat 0 0; text-indent : -9999px; }
.question { color : #848848; font-weight : bold; cursor : hand;  }

/* =a */
a, a:visited { color : #848848; font-weight : bold; text-decoration : none; }
a:hover, a:active, a:focus { color : #848848; text-decoration : underline; }
#logo a { display : block; width : 180px; height : 200px; }
a[rel="rss"] { padding-left : 15px; background : url(../siteimages/a-rss.png) no-repeat 0 50%; }
a[rel="self"] { position : absolute; top : -50px; right : 240px; display : block; width : 103px; height : 103px; background : url(../siteimages/a-self.jpg) no-repeat 0 0; text-indent : -9999px; }

/* =img */

img.fl {
float : left; }

img.fr {
float : right; }

/* =form */
form { overflow : hidden; margin-bottom : 1.5em; padding-top : .5em; }
label { margin-bottom : 1.25em; }
label, label span { display : block; }
label span { font-weight : bold; }
input[type="text"] { width : 220px; background-color : #fff; border : 3px double #999; font : 99% "Helvetica Neue", Helvetica, Arial, sans-serif; }
textarea { width : 220px; background-color : #fff; border : 3px double #999; font : 99% "Helvetica Neue", Helvetica, Arial, sans-serif; }
select { width : 220px; font-size : 99%; }

/* =branding */
#branding { position : relative; width : 940px; height : 200px; margin : 14px auto 1.5em auto; }
#branding img { position : absolute; top : 0; right : 0; border : 10px solid #ede4c3; }

/* =nav-main */
.nav-main { margin-bottom : 1.5em; }
#nav-main { overflow : hidden; width : 940px; margin : 0 auto; background-color : #415968; }
#nav-main li { float : left; display : block; padding : 10px 0; width : 190px; }
#nav-main a { display : block; text-transform : uppercase; text-align : center; color : #fff; text-shadow: 1px 1px 1px #000; }
li#nav-contact { float : right; width : 130px; background-color : #71838e; border-left : 1px solid #fff; }
li#nav-location { float : right; width : 130px; background-color : #71838e; }
li#nav-location a { border-left : 1px solid #a0a6ab; }

/* =content */
.content { overflow : hidden; width : 940px; margin : 0 auto; padding : 1.5em 0; }
#content-main { float : left; width : 520px; }
#content-sub { float : right; width : 340px; }

/* =content-supp */
.content-supp { overflow : hidden; width : 940px; margin : 1.5em auto 0 auto; padding : 1.5em 0 60px 0; border-top : 5px solid #ede4c3; }
.content-supp .col { float : left; width : 220px; margin-right : 80px; }
.content-supp .three { float : right; width : 340px; margin-right : 0; }
.content-supp .hentry { position : relative; }
.content-supp .entry-title, .content-supp .entry-summary { margin-left : 60px; }
.content-supp .entry-meta { position : absolute; top : 0; left : 0; width : 30px; padding : 5px; background-color : #848848; font-weight : bold; text-align : center; text-transform : uppercase; line-height : 1; color : #fff; }

/* =interactive */
.interactive { background-color : #f6f1e1; border-top : 1px solid #ede4c3; }
#interactive { overflow : hidden; width : 940px; margin : 0 auto; padding : 3em 0 6em 0; }
#interactive .one { position : relative; float : left; width : 540px; margin-right : 40px; }
#interactive .one #accreditations { position : absolute; top : 260px; }
#interactive .two { float : right; width : 340px; }

/* =slideshow */
.slideshow { position : relative; width : 520px; height : 220px; padding : 10px; background-color : #fff; border : 1px solid #ede4c3; }
.slideshow-images { z-index : 1; position : absolute; }
.slideshow h3 { z-index : 2; position : absolute; top : 20px; left : 20px; color : #fff; font-size : 16px; text-shadow : #000 1px 1px 2px; }
.slideshow a, .slideshow a:visited { color : #fff; }
.slideshow p { z-index : 2; position : absolute; bottom : 10px; left : 10px; margin : 0 10px 0 0; padding : 10px; background : rgba(0, 0, 0, .5); color : #fff; }
#content-main .slideshow { margin-bottom : 3em; }

.article .slideshow { width : 350px; height : 250px; margin-bottom : 0; }

/* =map */
.map { position : relative; margin-bottom : 1.5em; text-align : right; font-style : italic; }
.map p { position : absolute; right : 0; bottom : .5em; margin : 0; width : 200px; }

/* =photo-caption */
.photo-caption { padding : 10px; background-color : #f6f1e1; border : 1px solid #ede4c3; text-align : right; }
.photo-caption img { display : block; margin-bottom : .75em; }

/* =module  */
.module { margin-bottom : 1.5em; padding : 20px; background-color : #f6f1e1; border : 1px solid #ede4c3; }
.module h4 { margin-bottom : .5em; }
.module p { margin-bottom : 0; }
.download img { float : left; position : relative; top : -10px; left : -40px; margin-right : -20px; }
.module .hentry { position : relative; }
.module .entry-title, .module .entry-summary { margin-left : 60px; }
.module .entry-meta { position : absolute; top : 0; left : 0; width : 30px; padding : 5px; background-color : #848848; font-weight : bold; text-align : center; text-transform : uppercase; line-height : 1; color : #fff; }
.author { display : none; }

/* =activities */
.activities li { clear : left; overflow hidden; margin-bottom : 1.5em; border-bottom : 1px solid #ede4c3; min-height : 140px; }
.activities li:last-child { margin-bottom : 0; border-bottom-width :0; }
.activities img { float : left; margin : 0 20px 0 0; padding : 10px; background-color : #f6f1e1; border : 1px solid #ede4c3; }

/* =flickr */
#flickr_badge_wrapper { clear : left; overflow hidden; width : 335px; padding-top : 1.5em; }
#flickr_badge_wrapper img { float : left; margin : 0 10px 10px 0; padding : 10px; background-color : #f6f1e1; border : 1px solid #ede4c3; }

/* =facebox */
#facebox {  z-index : 100; position : absolute; top : 0; left : 0; background : #fff;  background : rgba(255, 255, 255, .9); border : 5px solid #ede4c3; text-align : left; }
#facebox .popup { position : relative; }
#facebox table { border-collapse : collapse; }
#facebox td { border-bottom : 0; padding : 0; }
#facebox .body { padding : 10px; width : 370px; }
#facebox .loading { text-align : center; }
#facebox .image { text-align : center; }
#facebox img { border : 0; margin : 0; }
#facebox .footer { border-top : 1px solid #ede4c3; padding-top : 5px; margin-top : 10px; text-align : right; }
#facebox_overlay { position : fixed; top : 0px; left : 0px; height : 100%; width : 100%; }
.facebox_hide { z-index : -100; }
.facebox_overlayBG { background-color : #000; z-index : 99; }
* html #facebox_overlay { position : absolute; height : expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

/* =siteinfo */
.siteinfo { background-color : #415968; }
#siteinfo { position : relative; width : 940px; margin : 0 auto; padding : 3em 0; min-height : 12em; }
#siteinfo:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
#siteinfo .vcard, #siteinfo p, #siteinfo a, #siteinfo a:visited { font-weight : bold; color : #fff; text-shadow: 1px 1px 1px #000; }
#siteinfo li { display : inline; margin-right : 20px; padding-right : 20px; border-right : 1px solid #fff; }
#siteinfo li:last-child { margin-right : 0; padding-right : 0; border-right-width : 0; }
#siteinfo .vcard { position : absolute; top : 80px; right : 120px; width : 220px; }


/* Index (info) template  
----------------------------------------------------------------------------------------- */

.index #branding { height : 290px; }
.index #logo { width : 180px; height : 285px; background : url(../siteimages/logo-index.jpg) no-repeat 0 0; }
.index #content-main { margin-top : 1.5em; padding-top : 3em; background : url(../siteimages/divider-400.png) no-repeat 50% 0; }
.index #content-sub { float : right; width : 340px; margin-top : -120px; }
.index #content-main p:first-child { font-weight : bold; }
.index .slideshow + p { float : left; width : 210px; margin-right : 50px; }
.index .slideshow + p + p { float : left; width : 210px; padding-left : 39px; border-left : 1px solid #ede4c3; }
.index #flickr_badge_wrapper { padding-top : 0; }
.index #flickr_badge_wrapper img { background-color : #fff; }


/* Article template  
----------------------------------------------------------------------------------------- */

.article .photo-caption { float : right; margin : 0 0 20px 20px; }
.article #content-main h3 { clear : left; margin-top : 3em; }
.article #content-main p:first-child { font-weight : bold; padding-bottom : 1.5em; border-bottom : 1px solid #ede4c3; }
.article #content-main dt { margin-bottom : .5em; }
.article #content-main dd { margin-bottom : 1.5em; border-bottom : 1px solid #ede4c3; }
.article #content-main dd p:first-child { font-weight : normal; padding-bottom : 0; border-bottom-width : 0; }


/* Article detail template  
----------------------------------------------------------------------------------------- */

.detail #content-main { float : left; width : 520px; }
.detail #content-main .one,.detail #content-main .two { float : left; width : 250px; padding-top : 1.5em; }
.detail #content-main .one { margin-right : 20px; }

/* Contact template  
----------------------------------------------------------------------------------------- */

.contact fieldset { float : left; width : 220px; margin-right : 78px; }
.contact .vcard { float : right; width : 330px; margin-right : 0; }
.contact .tel { margin-top : 1.5em; }
.contact input[type="submit"] { margin-bottom : 1.5em; }


/* Location template  
----------------------------------------------------------------------------------------- */

.location .content { position : relative; text-align : center; }
.location .content-supp .col { width : 280px; margin-right : 20px; }
.location .content-supp .three { width : 340px; margin-right : 0; }
.location .content-supp .three ul { float : left; width : 140px; margin : 0; }
.location .content-supp ul + p { clear : left; padding-top : 1.5em; }
.location .notes { position : absolute; top : 14.5em; left : 0; width : 240px; padding : 20px; background-color : #f6f1e1; border : 1px solid #ede4c3; text-align : left; }
.location .notes p { margin-bottom : 0; }

/* Reviews template  
----------------------------------------------------------------------------------------- */

.reviews ol { list-style-type : none; }
.reviews .hreview { position : relative; margin : 0 0 3em 0; padding-left : 180px; }
.reviews .hreview .description { margin-bottom : 0; }
.reviews .hreview .description p:last-child { margin-bottom : 0; }
.reviews .hreview ul { position : absolute; top : 0; left : 0; margin-left : 0; }
.reviews .hreview .vcard { font-weight : bold; }


/* Help template  
----------------------------------------------------------------------------------------- */

.faqsection > li { padding-bottom : .5em; margin-bottom : .75em; border-bottom : 1px solid #ede4c3; }
.faqsection > li:last-child { margin-bottom : 0; border-bottom-width : 0; }
.faqsection > li ul, .faqsection > li p { margin-bottom : 0; }
.faqsection > li h4 { margin-bottom : .5em; }


/* Plot template  
----------------------------------------------------------------------------------------- */

#plotfinder { text-align : center; }
#plotfinder + h2 + p { text-align : center; }
#plotfinder ul { position : relative; width : 700px; height : 359px; margin : 1.5em auto -20px auto; background : transparent url(../siteimages/plotfinder-ul.gif) no-repeat 50% 50%;  }
#plotfinder li { position : absolute; }
#plotfinder #p01 { top : 170px; left : 316px; }
#plotfinder #p02 { top : 190px; left : 299px; }
#plotfinder #p03 { top : 223px; left : 286px; }
#plotfinder #p04 { top : 217px; left : 244px; }
#plotfinder #p05 { top : 228px; left : 215px; }
#plotfinder #p06 { top : 232px; left : 185px; }
#plotfinder #p07 { top : 240px; left : 159px; }
#plotfinder #p08 { top : 247px; left : 130px; }
#plotfinder #p09 { top : 255px; left : 104px; }
#plotfinder #p10 { top : 258px; left : 77px; }
#plotfinder #p11 { top : 226px; left : 55px; }
#plotfinder #p12 { top : 218px; left : 78px; }
#plotfinder #p13 { top : 214px; left : 101px; }
#plotfinder #p14 { top : 209px; left : 123px; }
#plotfinder #p15 { top : 203px; left : 144px; }
#plotfinder #p16 { top : 197px; left : 165px; }
#plotfinder #p17 { top : 191px; left : 211px; }
#plotfinder #p18 { top : 174px; left : 217px; }
#plotfinder #p19 { top : 192px; left : 252px; }
#plotfinder #p20 { top : 156px; left : 213px; }
#plotfinder #p21 { top : 175px; left : 259px; }
#plotfinder #p22 { top : 139px; left : 232px; }
#plotfinder #p23 { top : 159px; left : 267px; }
#plotfinder #p24 { top : 121px; left : 241px; }
#plotfinder #p25 { top : 142px; left : 276px; }
#plotfinder #p26 { top : 102px; left : 249px; }
#plotfinder #p27 { top : 86px; left : 259px; }
#plotfinder #p28 { top : 71px; left : 271px; }
#plotfinder #p29 { top : 139px; left : 326px; }
#plotfinder #p30 { top : 115px; left : 313px; }
#plotfinder #p31 { top : 98px; left : 288px; }
#plotfinder #p32 { top : 60px; left : 291px; }
#plotfinder #p33 { top : 56px; left : 312px; }
#plotfinder #p34 { top : 92px; left : 331px; }
#plotfinder #p35 { top : 59px; left : 332px; }
#plotfinder #p36 { top : 63px; left : 350px; }

/* New plots */

#plotfinder #p37 { top : 120px; left : 365px; }
#plotfinder #p38 { top : 126px; left : 383px; }
#plotfinder #p39 { top : 131px; left : 401px; }
#plotfinder #p40 { top : 137px; left : 418px; }
#plotfinder #p41 { top : 142px; left : 436px; }
#plotfinder #p42 { top : 148px; left : 455px; }
#plotfinder #p43 { top : 152px; left : 472px; }
#plotfinder #p44 { top : 125px; left : 510px; }
#plotfinder #p45 { top : 120px; left : 545px; }
#plotfinder #p46 { top : 113px; left : 578px; }
#plotfinder #p47 { top : 117px; left : 604px; }









#plotfinder li > a { display : block; height : 20px; width : 20px; background : transparent url(../siteimages/plotfinder-a.png) no-repeat 50% 50%; }

/* =popup bubbles */
#plotfinder li div { position : absolute; z-index : 500; display : none; width : 160px; padding : 10px; background-color : #fff; border : 5px solid #ede4c3; }
#plotfinder li div h3, #plotfinder li div p { margin : 0; }

.plot .hlisting { overflow : hidden; position : relative; margin-bottom : 1.5em; padding-bottom : 1.5em; border-bottom : 1px solid #ede4c3; }
.plot .hlisting:last-child { margin-bottom : 0; padding-bottom : 0; border-bottom-width : 0; }
.plot .hlisting:target { background : #f6f1e1; border : 1px solid #ede4c3; padding : 2em; }
.plot .hlisting:target p, .plot .hlisting:target table { max-width : 458px; }
.plot .hlisting .summary { overflow : hidden; width : 100%; font-size : 1em; }
.plot .hlisting .summary a { display : block; float : right; }
.plot .hlisting .photo { float : left; margin : 0 20px 20px 0; padding : 10px; background-color : #f6f1e1; border : 1px solid #ede4c3; }
.plot .hlisting:target .photo { background-color : #fff; }
.plot .hlisting table { clear : left; }
.plot .hlisting th { border-bottom-width : 0; text-align : left; }
.plot .hlisting th, .plot .hlisting td { padding : 4px 40px 4px 0; border-bottom : 1px solid #ddd; }
.plot .hlisting:target th, .plot .hlisting:target td { border-bottom-color : #cac2a6; }
.plot .action a { padding : 5px 10px; background-color : #848848; font-weight : bold; text-align : center; text-transform : uppercase; line-height : 1; color : #fff; }


/* Blog templates  
----------------------------------------------------------------------------------------- */

.blog #content-main .hentry { position : relative; margin-bottom : 1.5em; padding-bottom : 1.5em; border-bottom : 1px solid #ede4c3; }
.blog #content-main .hentry:last-child { margin-bottom : 3em; padding-bottom : 0; border-bottom-width : 0; }
.blog #content-main .entry-title { margin-bottom : 1.5em; padding-bottom : 0; font : bold 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing : 0; text-transform : none; text-align : left; background-image : none; color : #333; }
.blog #content-main .entry-summary { font-weight : bold; }
.blog #content-main .entry-content h3 { margin-top : 3em; }
.blog #content-main .entry-content blockquote { margin : 3em 0; padding-left : 40px; border-left : 1px solid #ede4c3; }
.blog #content-main .entry-meta { margin-top : 1.5em; padding-top : 1.5em; border-top : 1px solid #ede4c3; }
.blog #content-main .dt { position : absolute; top : .5em; right : 0; padding : 5px 10px; background-color : #848848; font-weight : bold; text-align : center; color : #fff; }

.blog #content-sub { padding-bottom : 3em; }
.blog #content-sub .hentry { position : relative; margin-bottom : 1.5em; padding-bottom : 1.5em; border-bottom : 1px solid #ede4c3; }
.blog #content-sub .hentry:last-child { margin-bottom : 3em; padding-bottom : 0; border-bottom-width : 0; }
.blog #content-sub .entry-title, .blog #content-sub .entry-summary { margin : 0 0 .5em 60px; }
.blog #content-sub .entry-meta { position : absolute; top : 0; left : 0; width : 30px; padding : 5px; background-color : #848848; font-weight : bold; text-align : center; text-transform : uppercase; line-height : 1; color : #fff; }
.blog #content-sub .author { display : none; }
.blog #content-sub li { margin-bottom : .5em; padding-bottom : .5em; border-bottom : 1px solid #ede4c3; }
.blog #content-sub li:last-child { margin-bottom : 3em; padding-bottom : 0; border-bottom-width : 0; }





/* border-radius 
----------------------------------------------------------------------------------------- */

#nav-main { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
#nav-location { border-radius-topright : 5px; border-radius-bottomright : 5px; -moz-border-radius-topright : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-top-right-radius : 5px; -webkit-border-bottom-right-radius : 5px; }
.module, .location .notes { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
.entry-meta, .dt { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
.action a { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
#facebox { border-radius : 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px; -webkit-box-shadow : 0 0 10px #000; -moz-box-shadow : 0 0 10px #000; }
#plotfinder li div { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; -webkit-box-shadow : 0 0 10px #000; -moz-box-shadow : 0 0 10px #000; }
.plot .hlisting:target { -moz-border-radius : 5px; -webkit-border-radius : 5px; }