@import url(http://fonts.googleapis.com/css?family=Tangerine&subset=latin) all;
@import url(/css/museo.css) all;

@media all
{
/* http://meyerweb.com/eric/tools/css/reset/ 
  v2.0 | 20110126
  License: none (public domain)
  Alterations: removed "font-size: 100%; font: inherit;"
*/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{margin: 0; padding: 0; border: 0; /*font-size: 100%; font: inherit; */ vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* version
* 20110620 - moving to Meyer's CSS reset (as above), http://meyerweb.com/eric/tools/css/reset/
* 20110616 - removing leading tag selectors for rendering optimisation , https://developer.mozilla.org/en/Writing_Efficient_CSS
*/

/* this css and the content of this site is copyright Barefoot Ceramics Limited (UK) 2005-2008 and is protected globally by the Berne Convention and WIPO Copyright Treaty (WCT) at least; standards compliant (CSS2) except where a WARNING is given */

body {background:url(/images/bg-3edge-b3.png) center top no-repeat; color:#000; font-family:Helvetica, Geneva, Verdana, sans-serif; }
#hd { width:974px; height:50px; overflow:hidden; padding:15px 20px 0 20px; margin:0 auto; }
/* warning for moz, non compliant  body {overflow-y:scroll} */
a#galleryLink {display:block; position:absolute; top:0;right:0; width:160px; z-index:100;}
img#siteBanner { float:right; clear:right; padding:10px; width:200px; height:96px; cursor:pointer; }
#siteTitle { font-family:Arial, 'Courier New', sans-serif; font-size:large; white-space:nowrap; padding:15px; margin:0; }
#siteTitle { background:none; padding:10px 15px; float:left; cursor:pointer; /*border:#FFF double 3px;*/ z-index:100; }
#siteTitle span#whiteB, p#siteTitle span#orangeA {cursor:pointer;}
/* REMOVED - IE hack  * html p#siteTitle span#whiteB, * html p#siteTitle span#orangeA {cursor:hand;} */
#siteTitle span#whiteB {color:#FFF; font-size:x-large;}
#siteTitle span#orangeA {color:#FFF /*#CC4D00*/; font-size:x-large;}
#inSiteLinks { right:0; margin:15px 75px 0 0; }
#inSiteLinks a { font-size:small; font-style:italic; }

/* LLJ image replacement */
#llj { margin-top: 0px; position: relative; overflow:hidden; padding: 0; }
#llj a { position:absolute; height:200px; width:934px; /* fill the parent element */ background-position: left top; background-repeat: no-repeat; }
#llj { height: 200px; /* height of replacement image */ }
#llj a { padding-top: 200px; /* height of the replacement image */ background-image: url("/img/dw/dalek-invasion-pottery.png"); /* the replacement image */ }


#main { position:relative; width:954px; margin:1px auto; padding:0px 10px; background:#bbcc99; color:#000;}
#main { border-radius: 0 0 10px 10px; }
/* IE hack \*/ * html #main {clear:both; }

/* new nav images */
#blobDiv { margin:0 0; position:relative; width:730px; height:120px; overflow:hidden; background:url(/images/newblobText-w730xh355.jpg) 0px 5px no-repeat; }
* html #blobDiv { margin:5px 0; }

.navTag { display:block; top:0; width:76px; height:118px; background:transparent none; float:left;  }
.navTag span {display:none; }
a:hover.navTag#nav9 { width:160px; }

a:hover.navTag { position:absolute; width:120px; background:url(/images/newblobText-w730xh355.jpg) 0px 5px no-repeat; z-index:100; }
a:hover.navTag#nav1 { left:0; background-position:0 -114px; }
a:hover.navTag#nav2 { left:80px; background-position:-80px -232px; }
a:hover.navTag#nav3 { left:155px; background-position:-155px -114px; }
a:hover.navTag#nav4 { left:230px; background-position:-230px -232px; }
a:hover.navTag#nav5 { left:305px; background-position:-305px -114px; }
a:hover.navTag#nav6 { left:380px; background-position:-380px -232px; }
a:hover.navTag#nav7 { left:464px; background-position:-464px -114px; }
a:hover.navTag#nav8 { left:538px; background-position:-538px -232px; }
a:hover.navTag#nav9 { left:610px; width:120px; background-position:-610px -114px; }


/* hovers and links */
a {color:#000;border-bottom:0.2em transparent solid;}
a:hover, a:active, a:focus {border-bottom:0.2em #c9e solid!important;}

#main p a, #main li a {text-decoration:none; border-bottom:0.2em #ecf solid; position:relative; }
#textBlockContainer:hover p a, ul:hover li a { color:#000; background:#ebe; border-bottom:0.2em #ecf solid; text-decoration:none; }
a:hover {border-bottom:0.2em #c9e solid!important;}

/* IE hacks = for non display of transparency */
* html a {border-bottom:0.2em #fff solid;}
* html div#inSiteLinks a {border-bottom:0.2em #bc9 solid;}
* html div.textBlock a {border-bottom:0.2em #eee solid;}

a[href$=".pdf"]:after {content: url(/img/ico/pdf.png)}
a[href$=".doc"]:after {content: url(/img/ico/rtf.png)}
a[href$=".odt"]:after {content: url(/img/ico/odt.png)}

#strapLine, #randomStrap { line-height:1.4em; }
#randomStrap { float:left; position:relative; top:0px; clear:left; margin: 2px 0; }
#strapLine { font-family: 'Lucida Handwriting', 'Tangerine', serif; clear:left; margin:5px 0 0; padding:15px 0px; font-size:48px; text-align:center; text-shadow:#EEE 1px 1px 3px; }

/* some general styles */
h1,h2,#siteTitle,#strap { font-family: Museo, Museo500, sans-serif; text-shadow:#666 1px 1px 2px /* color, x, y, blur */;}
h1 { margin-bottom:0.5em; }
h2 { text-align:left; font-size:large; margin-top:1em; clear:left;}
p+h2 {margin-top:1.5em;}
p { margin-top:1em;}
h3, h4 { margin-top:1em;}
h3+p, h3+h4, h4+p { margin-top:0;}
.leftNote { min-width:180px; width:20%; float:left; margin:5px 10px 5px 0; padding:10px; background:#DDD;}
/* .clearB {clear:both;margin:0;padding:0;line-height:0.1em;} */

.textBlock {font-size:small; line-height:150%; clear:both; padding:10px; color:#000; background:#FFF; position:relative; border-radius: 0 0 5px 5px; }

/* -=EASYCLEARING=- */
.textBlock:after {content:"."; font-size:0; height:0; visibility:hidden; display:block; clear:both; }
.textBlock {display:inline-block; }
/* hide for MacIE \*/
* html .textBlock {height: 1%;}
.textBlock {display: block;}
/* -=end EASYCLEARING=- */


.textInset {float:right; width:420px; border: 2px solid #BC9; border-radius: 5px; box-shadow: 3px 3px 10px #AAA; margin:0 0 10px 10px; padding:0px 0px 10px 20px; border-left:3px double #BC9; background:#eee; color:#000; }

/* initial display of text blocks */
#textWel {}
#textCre, #textRel, #textPar {display:none;}

/* some text styles */
span.def {border-bottom:0.1em #900 dotted;cursor:help;}
li, dt, dd {margin:0.8em 1.5em auto;}
dt {font-weight:bold;}
.important { font-size:large; background:#E00; padding:5px; border:3px #A00 solid; }

/* image styles */
.imgFloatR { float:right; margin:5px 0px 5px 5px; padding:5px; text-align:center; }
.imgFloatR p {font-family:"Times New Roman", Times, Serif; margin:0.1em 0em;padding:0;font-size:small; line-height:1.1em; text-align:center; }
.imgFloatR > a, .imgFloatR > iframe { display:block; margin-bottom:5px; background:#EEE; text-decoration:none; line-height:1.2em; font-size:x-small; }
.imgFloatR2 {float:right; margin:0 0 30px 10px; clear:right; }
.imgC {text-align:center; }
.imgC img {margin:10px auto 0; }
.imgC p {margin:0 auto;}
.imgC p {font-family:"Times New Roman", Times, Serif; margin:0.1em 0em;padding:0;font-size:small; line-height:1.1em; text-align:center; }
.imgFloatL { float:left; margin:5px 5px 5px 0px; padding:5px; width:150px; text-align:center; }
.imgFloatL p {font-family:"Times New Roman", Times, Serif; margin:0.1em 0em;padding:0;font-size:small; line-height:1.2em; text-align:center; }
.imgFloat-250 { width:260px; height:260px; }
.imgFloat-250 > a { background:none; }
.alphaFoot {vertical-align:middle;height:2.5em;position:relative;top:0.1em;left:0.1em;}
#imgGloves {width:150px;height:203px;}
#imgMap {height:20em;}
#imgSchool {height:12em;}
#imgCorporate {height:10em;}

/* ftLinks styles */
#onsiteLinks ul { width:318px; float:left; font-size:x-small; }
#onsiteLinks ul li { list-style-type:none; line-height:10px; margin-left:20px; }
#onsiteLinks ul li:first-child { font-weight:bold; margin-left:0px; }


/* footer style; see also contactInfoContainer */
#ft { width: 954px; margin:0 auto; font-size:x-small;}
#ft div { text-align:left; }
#ft p { margin:0px 0; }
#contactInfoContainer > div { width:318px; float:left; overflow:hidden; font-size:x-small; padding-bottom:15px; }
#cp { font-size:small; font-style:italic; }
#cp p { margin:0; }

/* tables */
table {margin:1em auto;}
.openTimesTable {background:#33cc00 none;}
.closeTimesTable {background:#ff3333 none;}
.openTimesTable, .closeTimesTable {margin:5px; float:right;}
tr th {border-bottom:0.1em #000 solid;}
tr td {text-align:right;padding:0em 0.5em}
tr td+td {text-align:left;}

/* events */
.vevent {border: 1px solid black; padding: 0px; margin-bottom: 10px; max-width:950px; width: 75%;}
.key {font-style: italic; margin-left: 3px;}
.value {margin-left: 20px;}
abbr {border: none;}
.summarykey {display: none;}
.summary {background: #DCDCDC; font-weight: bold; margin: 0px; padding: 3px;}

/* events from google */
#calendarMonth { float:right; }
#calendarList { }

/* what's happening */
#special {font-size:small; border:2px solid #f60;padding:5px;background:#fec}
#special + h2 {margin-top:2em;}
#special h2 {margin-top:0;}
#special li {font-size:inherit;font-weight:bold;list-style:none;}
#special li span {font-weight:normal;}

.bulleted { list-style-type:disc; }
.bulleted > ul { list-style-type:circle; }

/* find us */
.littleLinks, .littleLinks + ul li a {font-size:0.6em;}

/* for comments page */
#dropinForm fieldset {border:5px #F60 double; padding: 10px; background:#EEE; margin:2em 0; }
#dropinForm legend {border:1px #F60 solid; padding:0.2em; background:#BC9;}
#dropinForm label, #dropinForm input, #dropinForm textarea, #dropinForm select {display:block; width:30%; float:left; margin-bottom:10px; font-size:1.2em; line-height:1.2em; padding:1px; }
#dropinForm label { text-align:right; padding:0 0.5em 0 0; }
#dropinForm input, #dropinForm textarea, #dropinForm select {width:60%; color:#333; background:#FFF; border:1px #F60 solid;}
#dropinForm br {clear:left; }
#dropinForm #contactSurnameD, #dropinForm #nowSend {display:none; position:absolute; top:-1600px;}
#dropinForm #submitForm {width:auto; font-weight:bold; background:#F60; color:#FFF; border:2px outset #BC9  }
#dropinForm #submitForm:hover {background:#FFF; color:#F60; border-color:#F60; }
#dropinForm #submitForm:active {border-style:inset; }

/* superdragons pages */
.sdInset { /* 280 img size + 30 = 310 */ margin:10px 310px 10px 30px; padding:5px; background:#eee; /* background:rgba(); */ border:1px solid rgb(245,120,37); }
.sdInset li { margin-top:0; }

/* social badges */
#socialLike { background:transparent; overflow:hidden; width:60px; height:135px /* 65px */; position:absolute; right:0px; margin-right:-64px;}

} /* end @media all */

@media print
{
* { background: #fff!important; color: #000; font-family: 'Times New Roman', Times, serif;  }
#main, #textBlockContainer {width:auto!important; margin:auto!important; }

h1 { display: none!important; }
h2 { font-size: large; }

a { text-decoration: none; }
/* a[href]:after { content:" [" attr(href) "]"; font-size:smaller; } /* adds urls after links */

img {display:none!important; }
.imgFloatR, .imgFloatL { display:block!important; }
#galleryLink img {display:none!important; }
#siteBanner { display: block!important; float: right; height: 120px; width:215px; margin: 10px; }
#imgMap { display: block; width: 60%; float: right !important; clear: left; padding: 0 1em 0 0; border: 0; }

#inSiteLinks, .navTag, .textTitle, #socialLike, #randomStrap { display:none!important; }

.textBlock { display: block; color: #000; font-size:medium; }

#strapLine { font-family: 'Lucida Handwriting', Chancery, cursive, 'Bradley Hand ITC', Arial, sans-serif; font-size: medium; text-align: center; }

/* footer stlye */
#footer { margin-top: 1.5em; border-top: 0.1em #000 solid; font-size: xx-small; }
#footer p { margin: 0; padding: 0; }

} /* end @media print */