/* General settings: */
body {
  background: #333; color: Ivory;
  font-family: 'Roboto', sans-serif;
  font-size:  14pt;
}
a:link, a:visited { color: Gainsboro; }
a:active, a:hover, a:focus { color: PaleTurquoise; }
table { border: none; border-collapse: collapse; }
img   { border-style: none; }

/* Page Structure */
#topbar       { padding: 0; margin: 0 0 4px 0; width: 100%; clear: both; }
#leftbar      { margin: 0; padding: 0; position: absolute; left: 0; width: 10em; height: 100%;
                font-family: 'Roboto Condenced', sans-serif; font-size: 14pt;}
#bigbox.nav   { margin: 0; padding: 0 1em; position: absolute; left: 10em; width: auto; }
#bigbox.nonav { margin: 0; padding: 0 1em; position: absolute; left: auto; width: auto; }

/* Topbar styles: */
h1 { margin: 2px 1em; padding: 0; font-weight: normal; font-size: 22pt; font-variant: small-caps; letter-spacing: 0.4em; }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover, h1 a:focus { color: inherit; text-decoration: none; }
#topbar hr { margin: 0 2px 0 2px; }
div.social { position: absolute; right: 16px; }

/* Leftbar styles: */
#leftbar li { margin: 0.1em; padding: 0; color: Gainsboro; }
#leftbar ul { margin: 0 0 0.75em 0.75em; padding: 0; list-style-type: none; }
.staff_only { color: Red; }
.staff_only a:link, .staff_only a:visited { color: Tan; }
.staff_only a:active, .staff_only a:hover, .staff_only a:focus { color: HotPink; }

/* Bread crumbs at the top of bigbox: */
#breadcrumbs { font-family: 'Roboto Condenced', sans-serif; font-size: smaller;
    display: block; width: 100%; text-align: left; margin: 0; padding: 4px;
}

/* Content */
#content  { width: auto; }
#content.shop, #content.textpage { background: Linen; color: Black; margin: 0 }
#content.shop     { padding: 1px 16px 16px 16px; }
#content.textpage { padding: 1px 1.25em 3em 1.25em; }
#content.pic_shop { right: 0; font-size:  14pt; padding-left: 16px; padding-right: 16px; padding-bottom: 48px; }

/* Prev, next links on gal_image page */
div.gal_link {margin: 0; padding: 0; position: absolute; background-repeat: no-repeat; background-position: center center;
  top:    32px;
  width:  32px;
  height: 633px;
}

div.prev_img       { left: 0; background-image: url('/static/gal/img/ArrowGL_S2BF5B.png'); }
div.prev_img:hover { background-image: url('/static/gal/img/ArrowBL_GV8AU7.png') }
div.next_img       { background-image: url('/static/gal/img/ArrowGR_9MWbVb.png'); }
div.next_img:hover { background-image: url('/static/gal/img/ArrowBR_OcFQLc.png') }
div.next_img.gal,
div.next_img.shop  { left: 1056px; }
div.next_img.sonn  { left: 1120px; }

/* Bookpage on gal_image page */
div.page {
  position: absolute;
  margin: 0;
  background: Gainsboro;
  color: Black;
  font-size: 1em;
  left: 32px;
  top: 32px;
  padding:24px;
}

/* Bookpage for a normal gal: */
div.page.gal {
  width:  976px;
  height: 585px;
}

/* Bookpage for a snonnet: */
div.page.sonn {
  width: 1040px;
  height: auto;
}

/* Bookpage for a shop: */
div.page.shop {
  width: 976px;
  height: auto;
}

table.page { margin: 0; table-layout: fixed; width: auto; }
td.legend  { vertical-align: bottom; background: Gainsboro; }
td.legend.img_left { white-space: pre-wrap; }
td.sonnet  { vertical-align: top; padding-left: 0px; font-family: 'Merriweather', serif; font-size: 16pt;}
.txt{ white-space: pre-wrap; }
td.story   { vertical-align: top; padding: 8px 16px;
             font-weight: 300;}
td.picture { vertical-align: top; }
.page a:link,   .page a:visited { color: Navy; }
.page a:active, .page a:hover, .page a:focus { color: MediumBlue; }
p.sonn-sign { text-align: right; font-style: italic; margin-right: 2em; }

div.tag {
  position: absolute;
  margin: 0;
  background: Gainsboro;
  color: Black;
  font-size: 1em;
  left: 32px;
  top:  675px;
  width: 1004px;
  padding:3px 10px;
}

td.legend.img_left { padding-left: 24px }
td.legend.img_top  { padding-top: 16px }

.tag a:link,   .tag a:visited { color: Navy; }
.tag a:active, .tag a:hover, .tag a:focus { color: MediumBlue; }

/* Shop */
div.shop_window { margin-left: -8px; }
div.shop_item {
  display: inline-block;
  vertical-align: top;
  padding: 8px;
  margin: 0;
  border-color: #F0F0F0;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  width: 192px;
}
div.shop_item:hover {
  color: blue;
  border-color: #8FA3B8;
}

div.shop_tag  { position: relative; width: 192px; margin-top: 8px; text-align: center; font-size: smaller; }
.shop_item img { display: block; margin-left: auto; margin-right: auto; }

.shop a:link,   .shop a:visited { color: inherit; text-decoration: none; }
.shop a:active, .shop a:hover, .shop a:focus { color: blue; text-decoration: none; }

/* Picture Shop */
.pic_shop h2  { margin: 0; }
.pic_shop img { display: block; float: left; }
.sales_info a:link,   .sales_info a:visited { color: navy; }
.sales_info a:active, .sales_info a:hover, .sales_info a:focus { color: blue; }

/* Plain text pages */
div.textpage { width:  800px; }
.textpage a:link,   .textpage a:visited { color: inherit }
.textpage a:active, .textpage a:hover, .textpage a:focus { color: MediumBlue; }


img.right { float: right; margin: 0 0 0 0.75em; }
img.left  { float: left;  margin: 0 0.75em 0 0; }

/* Thumbnail tables */
td.gal_name  { vertical-align: top; padding-right: 1em; font-size: 1.4em; font-weight: bold; }
td.thumb  { padding: 0; }
td.icon_holder { padding-right: 0.5em; }

div.thumb {
  position: relative;
  width:  192px;
  height: 192px;
  padding:0px;
}
div.icon {
  position: relative;
  width:  80px;
  height: 80px;
}

.click { cursor: pointer; }