@charset "utf-8";

body { padding: 0; margin: 0; color: #ff9; background-color: #060; }

/*   WMWMWMWMWMWMWMWMWMWMWMW BROWSE STYLES WMWMWMWMWMWMWMWMWMWMWMW   */

/* Each page in the 'Browse' section contains 6 invariable divisions:

      1) The Header containing the Navigation Menu (nav)
      2) The Description (descript)
      3) The Images (imgdiv)
      4) The Photo Credit (credit)
      5) The Page-to-Page Navigation (pagenav) - this can be hidden
      6) The Footer containing Copyright (foot)
      
 */

/* Header sizes added 30th December 2011: */
p { font-size: 11px; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }

div#descript, div#imgdiv, div#credit, div#pagenav, div#foot { font: bold 11px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding: 8px; margin: 8px; }

div#descript a, div#imgdiv a, div#pagenav a, div#credit a { color: #fc0; text-decoration: none; }

div#descript a:hover, div#imgdiv a:hover, div#pagenav a:hover, div#credit a:hover { color: #ff9; background-color: #008300; }

img.centred { display: block; margin-left: auto; margin-right: auto; }

/* DESCRIPT AND CREDIT */
div#descript p, div#descript h1.indexpara { font-size: 14px; display: block; margin-left: auto; margin-right: auto; width: 760px; }
div#descript p.italic, div#imgdiv p.italic, div.textdiv p.italic { font-style: italic; font-weight: normal; }
div#descript a, div#credit a { padding: 7px; }
div#descript a:hover, div#credit a:hover { padding: 4px; border: 3px solid #005d00; }
/* CREDIT */
div#credit p { font-style: italic; display: block; margin-left: auto; margin-right: auto; width: 760px; }

/* IMGDIV */
div#imgdiv p { font-weight: normal; display: block; margin-left: auto; margin-right: auto; width: 760px; }
div#imgdiv p.bold { font-weight: bold; display: block; margin-left: auto; margin-right: auto; width: 760px; }
div#imgdiv p.descriptionofimage { color: #fff; font-size: 9px; font-style: italic; margin-top: -8px; margin-bottom: 24px; }
div#imgdiv p.nonlinkingthumbs { color: #fc0; margin: 2px; padding: 12px; border: 3px solid #005d00; display: inline-block; text-align: center; width: 788px; }
div#imgdiv a { color: #fc0; margin: 2px; padding: 12px; border: 3px solid #005d00; display: inline-block; text-align: center; }
div#imgdiv a.headerlink { font-size: 13px; }
div#imgdiv a:hover { border: 3px solid #fc0; }
div#imgdiv img { margin: 4px; padding: 0; border: 3px solid #030; }
div#imgdiv img.centred { display: block; margin-left: auto; margin-right: auto; padding: 0; border: 3px solid #030; }
div#imgdiv a.centred { display: block; margin-left: auto; margin-right: auto; width: 616px; }
div#imgdiv span { color: #004400; margin: 2px; padding: 12px; display: inline-block; text-align: center; border: 3px solid #005d00; }
div#imgdiv span.unlinked { color: #ff9; }

div#imgdiv hr, div.textdiv hr, div#game hr, div.padiv hr { padding: 0; margin: 24px auto; width: 100%; border: none; border-top: 2px solid #006a00; border-bottom: 3px solid #005d00; font-size: 1px; line-height: 0; }
div#imgdiv hr.bigrule, div.textdiv hr.bigrule, div#game hr.bigrule, div.padiv hr.bigrule { border-top: 3px solid #006a00; border-bottom: 4px solid #003300; }

div#imgdiv ul.faq { font-size: 11px; font-style: normal; font-weight: normal; display: block; margin-left: auto; margin-right: auto; width: 760px; }
div#imgdiv ul.faq li.answer { margin-bottom: 16px; }
div#imgdiv ul.faq li.question { padding: 4px; }
div#imgdiv ul.faq li a { font-weight: bold; }
div#imgdiv ul.faq li.answer a { border: none; margin: 0; padding: 0; }
div#imgdiv ul.faq span.ulfaqhead { font-weight: bold; font-size: 14px; color: #ff9; border: none; margin-left: -28px; }

div#imgdiv ol { color: #fff; font-style: italic; font-weight: bold; font-size: 18px; display: block; margin-left: auto; margin-right: auto; width: 760px; }
div#imgdiv ol li { font-style: normal; font-weight: normal; font-size: 11px; display: block; margin-left: auto; margin-right: auto; width: 760px; }
div#imgdiv ol li a, div#imgdiv ol li a:hover { border: none; }
div#imgdiv ol.updates li a, div#imgdiv ol.updates li a:hover { padding: 4px; }

/* IF YOU NEED A NUMBERED LIST */
div#imgdiv ol.numbers { list-style-type: decimal; font-size: 11px; color: #ff9; }
div#imgdiv ol.numbers li { display: list-item; }

#imgdiv a div { font-style: italic; font-weight: normal; color: #fff; }


/* PAGENAV */
div#pagenav { background-color: #006e00; border: 3px solid #005d00; padding: 12px; text-align: center; margin: auto; width: 300px; height: 26px; }
div#pagenav a { background-color: #060; padding: 6px 10px; border: 3px solid #005700; text-align: center; font-size: 12px; margin-left: 12px; margin-right: 12px; line-height: 27px; }
div#pagenav.invis { display: none; visibility: hidden; }

/* FOOT */
div#foot p.copyright { font-style: italic; font-weight: normal; color: #003c00; margin: 2px auto; padding: 2px; text-align: center; }
div#foot a { color: #fc0; margin: 2px; padding: 4px; border: 1px solid #005d00; display: inline-block; text-align: center; }
div#foot a:hover { border: 1px solid #fc0; }


/* PAYPAL DONATION */
div#donate form { background-color: #fff; padding: 4px; width: 240px; border: 4px solid #fc0; display: block; margin-left: auto; margin-right: auto; text-align: center; }
div#donate form img { border: 0; }

/*   WMWMWMWMWMWMWMWMWMWMWMW NAV STYLES WMWMWMWMWMWMWMWMWMWMWMW   */

/* Wrapper for #nav:
#navidiv { position: relative; width: 760px; height: 30px; z-index: 32; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center; margin: auto; padding: 0px; }
 */

#navicontainer { width: 100%; height: 36px; background-color: #030; }

#nav { width: 100%; height: 36px; background-color: #030; font: bold 11px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 0; padding: 0; position: fixed; top: 0; left: 0; z-index: 32; }
/* anchor COLOUR fc0 & anchor background-COLOUR 004600 */
div#nav a { padding-left: 8px; padding-bottom: 0; padding-right: 0px; padding-top: 0; color: #fc0; background-color: #004600; line-height: 20px; text-decoration: none; display: block; font-weight: bold; font-style: normal; margin: 0; text-indent: 0; }
/* border COLOUR 008c00 */
div#nav ul { margin: 0; padding: 0; display: inline-block; border: 3px solid #008c00; white-space: nowrap; position: absolute; top: 5px; left: 5px; }
/* List items are indented, italic, & ff9 as long as they are not links */
div#nav li { margin: auto; padding: 0; display: block; color: #ff9; background-color: #060; font-style: italic; font-weight: normal; text-indent: 8px; line-height: 20px; }
div#nav > ul { margin: 0 auto; }
/* The position must be relative so that the children can be absolutely hidden - see below. */
div#nav > ul > li { float: left; display: block; position: relative; }
div#nav ul li:hover > ul { left: 0; top: 19px; }
/* The basic idea is that instead of making the list items invisible (which is problematic) they just get shoved off the screen until hovered. What you can't see can't distract you! The 'absolute' is with respect to the 'relative' positioning above. */
div#nav ul ul { position: absolute; left: -50000px; }
/* Although 'top: auto' is the default setting, it won't work unless this is specified. */
div#nav ul ul li:hover > ul { left: 100%; top: auto; margin-top: -23px; }
/* hover COLOUR ff9 & hover background-COLOUR 007f00 */
div#nav li a:hover, div#nav li:hover > a { color: #ff9; background-color: #007f00; }

div#nav ul li ul li a { padding-right: 6px; }

/* RUBBISH IDEA FOR DIVIDING UP CATEGORIES */
div#nav span.menudivider { border-left-width: 0px; border-bottom-width: 6px; border-right-width: 3px; border-top-width: 3px; border-style: solid; border-color: #008c00; color: #008c00; background-color: #008c00; font-size: 12px; font-weight: bold; line-height: 20px; }
div#nav li a:hover span.menudivider, div#nav li:hover > a span.menudivider { border-left-width: 0px; border-bottom-width: 6px; border-right-width: 3px; border-top-width: 3px; border-style: solid; border-color: #007f00; color: #007f00; background-color: #007f00; }

/*   WMWMWMWMWMWMWMWMWMWMWMW CHRONOLOGY STYLES WMWMWMWMWMWMWMWMWMWMWMW   */

.question { color: #9cf; background-color: #444; }
.unused { color: #9cf; }
.clearer { clear: both; height: 1px; }
a.invis { visibility: hidden; }

div#bgdiv p, div#bgdiv h1, div#bgdiv h2, div#bgdiv h3, div#bgdiv ul, div#bgdiv li, div#bgdiv a, .textdiv { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
div#bgdiv p, div#bgdiv h1, div#bgdiv h2, div#bgdiv h3 { background-color: #005b00; padding: 5px 10px; width: 640px; }
div#bgdiv h1, div#bgdiv h2, div#bgdiv h3 { text-align: center; }
div#bgdiv p { font-size: 11px; }
div#bgdiv h1 { font-size: 24px; }
div#bgdiv h2 { font-size: 18px; }
div#bgdiv h3 { font-size: 14px; }
div.textdiv ul a { font-weight: bold; font-size: 14px; }
div.textdiv dl ul a { font-size: 11px; }

div.linkdiv ul a { font-size: 10px; font-weight: normal; }
div.linkdiv ul { margin-bottom: 8px; margin-top: 4px; }
div.linkdiv li { line-height: 11px; margin: 0; padding: 0; list-style-type: none; }
div.linkdiv li.chrontitleslinksheader { line-height: 13px; font-size: 11px; }

div#bgdiv a { color: #fc0; text-decoration: none; }
div#bgdiv a:hover { color: #ff9; }
div#bgdiv div.textdiv a.n11 { font-weight: normal; }

div#bgdiv { width: 100%; padding: 0; margin: 0; background-color: #060; position: relative; }
div.textdiv { padding: 4px 8px; margin: 12px; clear: left; color: white; background-color: #060; width: 660px; }
div.linkdiv { padding: 2px; margin: 0px; float: left; }

div#bgdiv dl { font-size: 12px; font-weight: bold; line-height: 26px; padding-bottom: 6px; border: 3px solid #004e00; padding-left: 8px; width: 640px; padding-right: 6px; }

div#bgdiv dt { margin: 0; padding: 0; }

div#bgdiv dd { color: white; background-color: #005b00; text-indent: 6px; padding: 1px 0; margin: 0 0 0 10px; font-size: 11px; line-height: 15px; }

div#bgdiv dd.question { color: #9cf; background-color: #444; }
div#bgdiv dd.unused { color: #9cf; }

div#bgdiv dd ul { display: inline; }

div#bgdiv dd li { list-style-type: none; font-size: 11px; color: #ff9; display: inline; padding: 0; margin: 0; text-indent: 0; }

dd li.lii { position: absolute; left: 48px; }
dd li.lia { position: absolute; left: 98px; }
dd li.lib { position: absolute; left: 126px; }
dd li.lic { position: absolute; left: 144px; }
dd li.lig { position: absolute; left: 200px; }
dd li.lid { position: absolute; left: 236px; }
dd li.lie { position: absolute; left: 326px; }
dd li.lif { position: absolute; left: 454px; }
dd li.lih { position: absolute; left: 560px; }
dd li.linky { position: absolute; left: 688px; }


/* NEW ANCHOR COLOR FOR "VIEW" LINKS, ADDED 201110; edited from fa0 to f80 for greater contrast, 210713 */

div#bgdiv dd li.linky a { color: #f80; background-color: #005b00; padding: 1px; }
div#bgdiv dd li.linky a:hover { color: #ff9; }
dl.adsandgifts dd li.linky { position: absolute; left: 908px; }
dt span.biglinky { position: absolute; left: 688px; }
div#bgdiv dt span.biglinky a { color: #f80; background-color: #005b00; padding: 1px; }
div#bgdiv dt span.biglinky a:hover { color: #ff9; }

/* (Formerly:) */

/*
dd li.linky a { background-color: #005b00; padding: 1px; }
dl.adsandgifts dd li.linky { position: absolute; left: 908px; }

dt span.biglinky { position: absolute; left: 688px; }
dt span.biglinky a { background-color: #005b00; padding: 1px; }
*/


/*   WMWMWMWMWMWMWMWMWMWMWMW CRAP IDEA TO FIX NAMED ANCHORS WMWMWMWMWMWMWMWMWMWMWMW   */
div.textdiv a.inpage { margin-top: -36px; padding-top: 36px; display: block; }
div#imgdiv a.inpage { margin-top: -36px; padding-top: 36px; display: block; border: none; }
div#imgdiv a.inpage:hover { border: none; background-color: #060; }

div#imgdiv a.borderless, div#imgdiv a.borderless:hover { margin: 0; padding: 0; border: none; }
div#imgdiv a.f80, div#imgdiv a.f80:hover { margin: 0; padding: 0; border: none; color: #f80; }
/* The line above is for use in case you need to distinguish between 'local' and 'distant' links. Added 210929 */

/*   WMWMWMWMWMWMWMWMWMWMWMW MAKE TABLES OUT OF LISTS WMWMWMWMWMWMWMWMWMWMWMW   */
div#imgdiv ol li { position: relative; }
div#imgdiv ol li span.lii { position: absolute; left: 48px; padding: 0; margin: 0; border: none; }

/*   WMWMWMWMWMWMWMWMWMWMWMW CONTACT FORM STYLES WMWMWMWMWMWMWMWMWMWMWMW   */
.clearer { clear: both; height: 1px; }
/* Set the base style for the whole form */
div.ddfmwrap { text-align: left; position: relative; width: 424px; margin: 10px auto; font: bold 12px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
/* Push the image right */
div.ddfmwrap img { float: left; margin: 2px 0 0 12px; }
/* Make blocktitles larger unless italic */
.fmblocktitle  { font-size: 14px; padding-top: 12px; margin-bottom: 24px; clear: left; }
form.ddfm div.fmblocktitle i { font-size: 12px;	}
/* Force a break after the fmtext fields and set a smaller line height for the checkboxes */
form.ddfm label.fmcheck { float: left; margin-top: 4px; margin-bottom: 4px; }
form.ddfm div.fmcheck p { clear: left; line-height: 16px; margin-top: 0; margin-bottom: 0; }
/* Get those labels onto their own lines */
label.fmtextwide { float: left; clear: left; width: 100%; margin-top: 12px; margin-bottom: 4px; }
label.fmtext, label.fmverify { float: left; clear: left; width: 100%; margin-top: 4px; margin-bottom: 4px; }
/* Make space after text boxes */
textarea.fmtextwide { margin-bottom: 18px; width: 380px; }
input.fmtext, input.fmverify { margin-bottom: 18px; float: left; clear: left; }
/* Stick the 'Send Email' button underneath */
div.submit { clear: left; text-align: right; margin: 54px; }

/*   WMWMWMWMWMWMWMWMWMWMWMW ADSANDGIFTS STYLES WMWMWMWMWMWMWMWMWMWMWMW   */

div#bgdiv dl.adsandgifts { width: 860px; }
div#bgdiv dl.adsandgifts dd { font-weight: normal; }
dd li.cnumber { position: absolute; left: 184px; }
dd li.cdate { position: absolute; left: 256px; }
dd li.cdesc { position: absolute; left: 400px; }
div#bgdiv div.textdiv dl.adsandgifts dd ul li.notlet { position: absolute; left: 400px; color: #5c5; }

span.ad { color: #009300; font-weight: bold; font-size: 12px; }
span.transfer { color: #9cf; font-weight: bold; font-size: 12px; }
span.cnote { font-style: italic;  color: #6b6; }
span.indent { margin-left: 16px;}

/*   WMWMWMWMWMWMWMWMWMWMWMW FACEBOOK PLUG-IN WMWMWMWMWMWMWMWMWMWMWMW   */

div.fb-like-box { display: block; margin-left: auto; margin-right: auto; width: 292px; background-color: #fff; text-align: left; }
div#imgdiv div.fb-like-box span { margin: 0; padding: 0; border: 0; display: block; text-align: left; }

/*   WMWMWMWMWMWMWMWMWMWMWMW GAME WMWMWMWMWMWMWMWMWMWMWMW   */

div#game { font: bold 11px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding: 8px; margin: 8px; position: relative; }
div#game img { border: 0; position: absolute; z-index: 0 }
div#game img.border { margin: 4px; padding: 0; border: 3px solid #030; position: relative; }

div#game p { font-weight: normal; display: block; margin-left: auto; margin-right: auto; width: 760px; }
div#game p.gamespace { font-style: italic; font-weight: bold; font-size: 13px; padding-top: 280px; }

/*   WMWMWMWMWMWMWMWMWMWMWMW INDEX PAGE LISTS WMWMWMWMWMWMWMWMWMWMWMW   */

ul.folder { list-style-type: none; margin-left: auto; margin-right: auto; width: 804px; }
ul.folder label { background-color: #005d00; display: block; padding: 12px; }
ul.folder li { border-bottom: 2px solid #060; }
ul.folder li li { border-bottom: 2px solid #005d00; }

ul.folder label:hover { cursor: pointer; }
ul.folder div.content { overflow: hidden; display: none; }
ul.folder label + input[type="radio"] { display: none; }
ul.folder label + input[type="radio"]:checked + div.content { display: block; }

h2.centredheader { margin-left: auto; margin-right: auto; width: 760px; }