html {
  min-height: 101%;
}

/* {{{ Common colours */

.wiki_warning {
  color: #b70;
}

.wiki_table {
  background: #400;
}

.warning {
  color: #a60;
}

a {
  color: #f33;
}

.whiteBox a, .mainbox a {
  color: #722;
}

/* }}} */

/* {{{ greys */

table.thumbnails td.thumbnailCell div, table.thumbnails td.labelCell div, table.thumbnails td.thumbnailCell img, .photoImage, .photoLabel, .photoImage img {
  background: #fff;
  color: #222;
}

.whiteBoxBox {
  color: #333;
}

body {
  color: #fff;
}

a.ww_firstCrumb {
  color: #fff !important;
}

#logo {
  color: #fff;
}

.wiki_menu a, #headerTabs a, #headerLinks a, #breadcrumbs a {
  color: #000;
}

#postFooter {
  color: #888;
}

.editInclude a, #footer, #footer a, .wiki_editSection2 a, .wiki_editSection3 a {
  color: #777;
}

#shortcut_status {
  color: #000;
  border-color: #222;
}

.whiteBox {
  color: #222;
}

pre {
  color: #222;
}

.wiki_table th {
  background: #ccc;
  color: #222;
}
.wiki_table td {
  background: #fff;
  color: #000;
}

.chooseLetter {
  color: #444;
}

/* }}} */

/* {{{ fonts and sizes */

body {
  font-size: 80%;
}

body, h1, h2, h3, h3, h4 {
  font-family: verdana, arial, sans;
  font-style: normal;
  font-weight: normal;
}


h1 {
  font-size: 180%;
}

h2 {
  font-size: 140%;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 110%;
}

.editInclude a, .wiki_editSection2 a, .wiki_editSection3 a {
  font-size: 80%;
}

/* }}} end fonts and sizes */

/* {{{ layout */

body {
  margin: 0;
  padding: 0;
}

#whole { /* All all content is centered */
  margin: 0 auto 3em auto;
  width: 73em; /* Change main2Column and main3Column as well */
}

#mainWrapper {
}

#main3Column {
  width: 48em;
  margin-left: 1em;
  float: left;
}

#main2Column {
  width: 55em;
  float: left;
  margin-left: 1em;
}

#sidebar { /* left */
  width: 16em;
  margin-left: -4em;
  float: left;
}

#adverts { /* right */
  width: 14em;
  float: right;
  margin-right: -7em;
}

#wholeWide {
  margin: 14px 0;
}

#headerLinks {
  float: right;
  text-align: right;
  line-height: 150%;
  margin: 20px 5px 0 0;
}

#logo {
  position: absolute;
  top: 30px;
  left: 12px;
  font-size: 30px;
}

#breadcrumbs {
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  width: 68em;
}


.footer {
  clear:  both;
  text-align: center;
}

#shortcut_status {
  position: absolute;
  top: 60px;
  right: 10px;
  font-weight: bold;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align:center;
  border: 3px dotted;
}

.clear {
  clear: both;
}

.apart {
  padding: 1em 0;
}

.smallInner {
  padding: 0 1em 1em 1em;
}

.largeInner {
  padding: 0 2em 2em 2em;
}

.photoTools {
  position: absolute;
  right: 30px;
  top: 10px;
}

.thumbnailContainer {
  float: left;
  width: 252px;
}

.mainImageContainer {
  margin-left: 290px;
}

.squareThumbnails img {
  width: 50px;
  height: 50px;
  vertical-align: bottom;
}

.squareThumbnails td {
  background: #988;
  width: 52px;
  height: 52px;
}
.squareThumbnails a img {
  border: 1px solid #370000;
  opacity: 0.8;
}

.squareThumbnails a:hover img {
  opacity: 1;
  border: 1px solid #e00;
}

/* }}} end layout */

/* {{{ general styles */

body {
  line-height: 1.6em;
}

h1, h2, h3, h4 {
  font-style: italic;
}

h1 {
  margin: 0em 0em 1.5em 0em;
}
h2 {
  margin: 1em 0 0.5em 0;
}

h3 {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #722;
}
h4 {
  padding: 1em 0 0 0;
  margin: 0;
}

input {
}
input:focus, textarea:focus {
  background: #ff8;
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}
a:hover img {
  text-decoration: none;
}

pre {
  border: 1px solid #722;
  background: #ccc;
  padding: 1em;
  overflow: auto;
  max-height: 30em;
}

#breadcrumbs {
  text-align: center;
}

.pageTools {
  float: right;
  text-align: right;
  margin-top: -4.5em;
}

.alertForm {
  border: 3px dotted red;
  padding: 1em;
}

.plainForm, .alertForm {
/*  width: 100%; */
  margin-left: auto;
  margin-right: auto;
}

.plainForm td.buttons, .alertForm td.buttons {
  padding: 2em 1em 0.5em 1em;
  text-align: center;
}

.plainForm th, .alertForm tf {
  padding: 2px 1em;
  text-align: left;
}


#sidebar .wiki_editSection, #adverts .wiki_editSection, .wiki_editSection4 {
  display: none;
}


.ww_breadcrumbs {
  margin-right: 0px;
  margin-left: 6em;
  text-align: right;
}

a.ww_crumb {
  margin: 0 0.5em;
}

.heading2Tools {
  float: right;
  margin-top: -2.0em;
}


#headerLinks a, .editInclude a, .wiki_editSection2 a, .wiki_editSection3 a, #adverts .wiki_menu a, #breadcrumbs a {
  font-weight: normal;
}

#headerTabs {
  padding: 75px 0 0 0;
}
#headerTabs ul {
  font-size: 18px;
  margin: 0;
  padding: 0;
}
#headerTabs li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  list-style-type: none;
  text-align: center;
  width: 80px;
  height: 45px;
}
#headerTabs li a {
  font-weight: normal;
  line-height: 38px;
  vertical-align: middle;
}


#headerTabs li.large, #headerTabs li.largeon {
  width: 160px;
}

#headerTabs li.on {
  background: url('onTab.png') no-repeat;
}
#headerTabs li.on a {
  font-style: italic;
}
#headerTabs li.largeon {
  background: url('onTab-large.png') no-repeat;
}


.hMenu ul, .hMenu2 ul {
  display: inline;
  margin: 0;
  padding: 0;
}
.hMenu ul {
  background: url('hMenuSeparator.png') no-repeat right center;
}
.hMenu li, .hMenu2 li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}
.hMenu li {
  padding: 0em 0em 0em 0.5em;
  background: url('hMenuSeparator.png') no-repeat left center;
}

.hMenu2 a {
  padding: 0 0.5em;
  font-weight: bold;
}

.hMenu a {
  padding: 0.3em 0.5em;
}

.vMenu {
  text-align: center;
}
.vMenu ul {
  margin: 0;
  padding: 1em 0 1em 0;
}
.vMenu li a {
  display: block;
  padding: 0.5em 0em 0.5em 0em;
}
.vMenu li {
  list-style-type: none;
  line-height: 100%;
  padding: 0;
  margin: 0;
}
.vMenu a:hover, #adverts .wiki_menu a:hover {
  text-decoration: none;
}

#sidebar .vMenu a {
  font-weight: normal;
}

a img {
  border: 0px;
}

.center {
  text-align: center;
}

.right {
  float: right;
}

.left {
  float: left;
}

.pager {
  padding: 1em;
  text-align: center;
  font-size: 120%;
}

.pager a {
  padding: 0.2em 0.5em;
  margin: 0 -0.4em;
  line-height: 1.5em;
  font-weight: normal;
}

.chooseLetter {
  padding: 1em;
  text-align: center;
  font-size: 140%;
}


.chooseLetter a {
  padding: 0.2em 0.5em;
  margin: 0 -0.4em;
  line-height: 1.5em;
  font-weight: normal;
}


.tertiaryNavigation {
  font-size: 120%;
  margin: 1em;
  text-align: center;
}

.imageLayout td {
  vertical-align: bottom;
}

.imageTable {
  text-align: center;
  width: 100%;
}


#bulge {
  min-width: 100%;
  position: absolute;
  left: 0px;
}

/* }}} */

/* {{{ gideawebapp styles */

span.gidea_curlyBrackets {
  display: none;
}

span.gidea_squareBrackets {
  color: #999;
}

span.gidea_squareBrackets:before
{
  content: "(";
}
span.gidea_squareBrackets:after
{
  content: ")";
}

.gidea_cover {
  float:left;
  width: 400px;
}

.gidea_trackListing {
  margin-left: 400px
}

table.thumbnails {
  width: 100%;
  text-align: center;
  border-spacing: 0px;
  border: 0px;
  padding: 0px;
}
table.thumbnails td {
  padding: 0px;
}


table.thumbnails td {
  vertical-align: bottom;
}
table.thumbnails td.label {
  vertical-align: top;
}

table.thumbnails td.thumbnailCell div, table.thumbnails td.labelCell div, table.thumbnails td.thumbnailCell img, .photoImage, .photoLabel, .photoImage img {
  border: 1px
}

table.thumbnails td.thumbnailCell div img {
  vertical-align: top;
}

table.thumbnails td.thumbnailCell div {
  margin: 6px 6px 0px 6px;
  border-bottom: 0px;
  padding-top: 8px;
}
table.thumbnails td.labelCell div {
  margin: 0px 6px 6px 6px;
  border-top: 0px;
  padding: 2px;
}

.photoImage {
  padding: 20px 20px 10px 20px;
  text-align: center;
}
.photoLabel {
  padding: 0px 20px 10px 20px;
  text-align: center;
}
.photoImage {
  border-bottom: 0px;
}
.photoLabel {
  border-top: 0px;
  margin-bottom: 2em;
}


/* }}} */

/* {{{ wiki styles */
.wiki_center {
  text-align: center;
}

.wiki_left {
  float: left;
  margin: 1em 2em 1em 0;
}

.wiki_right {
  float: right;
  margin: 1em 0 1em 2em;
}


.wiki_strike {
  text-decoration: line-through;
}

.wiki_preview .wiki_editSection {
  display: none;
}

.wiki_editSection2, .headingTools2 {
  float: right;
  margin-top: -2.8em;
}

.wiki_editSection3, .headingTools3 {
  float: right;
  margin-top: -2.8em;
}

.wiki_image_float_right {
  float: right;
  margin-left: 1em;
}

.wiki_image_float_left {
  float: left;
  margin-right: 1em;
}

.wiki_preview {
  background: url('preview.png');
}

table.wiki_imageIndex {
  width: 100%;
}
table.wiki_imageIndex td {
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 2em;
}

.wiki_warning {
  border: 4px dashed #e90;
  padding: 2em;
  background: #fee;
  width: 70%;
  margin: 0 auto 4em auto;
}

.wiki_menu {
  text-align: center;
}

.wiki_menu a {
  display: block;
}

.whiteBoxBox {
  border: 1px solid #333;
  background: #fff;
  padding: 2em;
}

.wiki_snippet {
  max-height: 40em;
  overflow-x: auto;
  overflow-y: auto;
}


.key_table {
  width: 100%;
}


.wiki_table {
  border-spacing: 1px;
  padding: 3px;
}
.wiki_table th {
  padding: 0.5em 1em;
}
.wiki_table td {
  vertical-align: top;
  padding: 0em 1em;
}

.key_table td {
  vertical-align: middle;
}

/* }}} end styles */

/* {{{ edges and boxes (header, main, footer, whiteBox, mainbox)  */

/*     {{{ rounded */
.rounded {
  margin: 27px 0 37px 0;
}

.rounded .ww_content {
  min-height: 1em;
}

.rounded  .ww_bottom {
  margin-top: -27px; /* The size of the border */
}
.rounded .ww_top div, .rounded .ww_bottom div {
  height: 27px;
}
.rounded .ww_center {
  margin: 0 27px;
}

.rounded .ww_top {
  top: -17px; /* The size of the border, minus that amount (10), to squash the insides by */ 
}
.rounded .ww_middle .ww_center {
  margin: 0 17px;
}
.rounded .ww_middle {
  margin: 17px 0;
}
/* }}} */

/*     {{{ header */
.header {
}
.header .ww_content {
  height: 168px;
}

.header .ww_center {
  margin: 0 27px;
}
/* }}} */

/*     {{{ main */
.main {
  margin: 0px 0 21px 0;
}

.main .ww_content {
  min-height: 1em;
  padding: 4px 6px;
}

.main .ww_bottom {
  margin-top: -21px; /* The size of the border */
}
.main .ww_top div, .main .ww_bottom div {
  height: 21px;
}
.main .ww_center {
  margin: 0 27px;
}

.main .ww_top {
  top: -21px; /* The size of the border, minus that amount (10), to squash the insides by */ 
}
.main .ww_middle .ww_center {
  margin: 0 17px;
}
.main .ww_middle {
  margin: 21px 0;
}

.main .ww_top .ww_center {
  background: url( 'main-top.png' ) bottom left repeat-x;
}
.main .ww_top .ww_left {
  background: url( 'main-topLeft.png' ) bottom left no-repeat;
}
.main .ww_top .ww_right {
  background: url( 'main-topRight.png' ) bottom right no-repeat;
}
.main .ww_bottom .ww_center {
  background: url( 'main-bottom.png' ) bottom repeat-x;
}
.main .ww_bottom .ww_left {
  background: url( 'main-bottomLeft.png' ) bottom left no-repeat;
}
.main .ww_bottom .ww_right {
  background: url( 'main-bottomRight.png' ) bottom right no-repeat;
}
.main .ww_middle .ww_left {
  background: url( 'main-left.png' ) top left repeat-y;
}
.main .ww_middle .ww_right {
  background: url( 'main-right.png' ) top right repeat-y;
}
.main .ww_middle .ww_center {
  background: #370000;
}
/* }}} */

/*     {{{ footer */
.footer .ww_content {
  height: 60px;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  padding-top: 5px;
  color: #333;
}

.footer .ww_center {
  margin: 0 27px;
}

.footer a {
color: #ddd;
}

/* }}} */

/*     {{{ whiteBox */
.whiteBox {
  width: 100%;
  padding: 0.5em 0;
}

.whiteBox .ww_content {
  min-height: 1em;
}

.whiteBox  .ww_bottom {
  margin-top: -16px; /* The size of the border */
}
.whiteBox .ww_top div, .whiteBox .ww_bottom div {
  height: 16px;
}

.whiteBox .ww_top {
  top: -16px; /* The size of the border, minus that amount (10), to squash the insides by */ 
}
.whiteBox .ww_center {
  margin: 0 16px !important;
}
.whiteBox .ww_middle {
  margin: 16px 0;
}

.whiteBox .ww_top .ww_center {
  background: url( 'white-top.png' ) bottom repeat-x;
}
.whiteBox .ww_top .ww_left {
  background: url( 'white-topLeft.png' ) top left no-repeat;
}
.whiteBox .ww_top .ww_right {
  background: url( 'white-topRight.png' ) top right no-repeat;
}
.whiteBox .ww_bottom .ww_center {
  background: url( 'white-bottom.png' ) bottom repeat-x;
}
.whiteBox .ww_bottom .ww_left {
  background: url( 'white-bottomLeft.png' ) bottom left no-repeat;
}
.whiteBox .ww_bottom .ww_right {
  background: url( 'white-bottomRight.png' ) bottom right no-repeat;
}
.whiteBox .ww_middle .ww_left {
  background: url( 'white-left.png' ) top left repeat-y;
}
.whiteBox .ww_middle .ww_right {
  background: url( 'white-right.png' ) top right repeat-y;
}
.whiteBox .ww_middle .ww_center {
  background: white;
}
/* }}} */

/*     {{{ mainbox - used in familyalbum - not using ww:edges */
.mainbox {
  background-color: #fff;
  color: #222;
}
.mainbox .ww_boxHeading {
  background-color: #511;
  color: #fff;
}


.mainbox {
  border: 1px solid #333;
  padding: 4px;
  margin-bottom: 1em;
}

.mainbox .ww_boxHeading {
  font-weight: bold;
  padding: 0.2em 1em;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #444;
}

.mainbox .ww_boxHeading h1, .mainbox .ww_boxHeading h2 {
  margin: 0em;
  padding: 0.2em 0em;
  text-decoration: none;
  border: 0px;
}

.mainbox .ww_boxHeading a {
  color: #fff;
}
.mainbox .ww_boxHeading a:hover {
  color: #cbe;
}

.mainbox .ww_boxContent {
  padding: 1em;
}


/* }}} */

/*     {{{ wikibox - used in familyalbum - not using ww:edges */
.wikibox {
  margin: 1em 0;
  background-color: #fee;
  color: #222;
  border: 1px solid #333;
  padding: 4px;
  margin-bottom: 1em;
}
.wikibox .ww_boxHeading {
  background-color: #511;
  color: #fff;
}

.wikibox .ww_boxHeading {
  font-weight: bold;
  padding: 0.2em 1em;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #444;
}

.wikibox .ww_boxHeading h1, .wikibox .ww_boxHeading h2 {
  margin: 0em;
  padding: 0.2em 0em;
  text-decoration: none;
  border: 0px;
}

.wikibox .ww_boxHeading a {
  color: #fff;
}

.wikibox .ww_boxContent {
  padding: 1em;
}


/* }}} */

/* }}} */

/* {{{ print media */
@media print {
  .header, #footer, #postFooter, #sidebar, #adverts, .pager, .noPrint {
    display: none;
  }
  body {
    background-color: white;
  }
}
/* }}} */