@import url('reset.css');
@import url('profont.css');
@import url('oxygen.css');


body { background:#204040 url("ab-images/gfx_bkg.png") top left repeat fixed; color:#fff;
}

html, body { margin:0; padding:0; height:96% }

html>body #wrap { height:100% }
html>body #header { position:fixed; z-index:30 }
html>body #content-wrap { height:100% }
html>body #main { padding:3em 0em } 

#block img, #block a img { border:0; margin: 2px 2px 0 0; }

a { color:#fff; text-decoration: none; text-shadow:#006464 3px 3px 3px; }
a:hover { color:#60f8b0; text-decoration:none; text-shadow:#108040 1px 1px 1px; }

a.info { color:#fff; text-shadow:none }
a:hover.info { color:#f07030; text-shadow:none }

a.menu { color:#fff; text-decoration: none; text-shadow:#333333 3px 3px 3px; }
a:hover.menu { color:#f8a0a0; text-decoration:none; text-shadow:#802828 1px 1px 1px; }

strong#punct { color:#fff; text-shadow:#006464 1px 1px 3px; }
strong#spc { color:transparent; text-shadow:#003030 1px 1px 1px; }

p.initial:first-letter {
  color:#cafdfd;
  font-family:OxygenRegular; serif;
  font-size:155%;
  font-weight:bold;
  margin-left:.25em;
  vertical-align:text-baseline;
  text-shadow:2px 2px 3px #004242;
 }

p {
  margin:.80em;
}

#nav img { margin:2px 4px 0 4px; z-index:1005 }

#nav {
  height:32px;
  padding:0;
  width:512px;
  z-index:1005;
}

#nav span { display:none; }

#nav li { list-style:none; z-index:1005 }

#nav li a {
  display:inline-block;
  float:left;
  height:32px;
  outline:none;
  width:32px;
  z-index:1005;
}

#main {
  background:transparent;
  color:#fff;
  line-height:20px;
  margin:0;
  text-shadow:#555 1px 1px 2px;
}

#block {
  border:16px solid transparent;
  color:#eaf7f8;
  font-family:ProFontWindowsRegular, serif;
  font-size:147%;
  margin:0 auto 12px auto;
  min-width:320px;
  padding:0;
  text-align:center;
  text-shadow:#555 1px 1px 3px;
  width:32%;
  -webkit-border-image: url("ab-images/gfx_so.png") fill 16 round;
  -moz-border-image: url("ab-images/gfx_so.png") fill 16 round;
  -o-border-image: url("ab-images/gfx_so.png") fill 16 round;
  border-image: url("ab-images/gfx_so.png") fill 16 round;
}

#lilblock {
  border:16px solid transparent;
  color:#eaf7f8;
  font-family:ProFontWindowsRegular, serif;
  font-size:120%;
  margin:.50em auto .50em auto;
  padding:0;
  text-align:center;
  text-shadow:#555 1px 1px 3px;
  width:18.50%;
  -webkit-border-image: url("ab-images/gfx_somain.png") fill 16 round;
  -moz-border-image: url("ab-images/gfx_somain.png") fill 16 round;
  -o-border-image: url("ab-images/gfx_somain.png") fill 16 round;
  border-image: url("ab-images/gfx_somain.png") fill 16 round;
}

#scroll {
  border:16px solid transparent;
  font-family:OxygenRegular, serif;
  font-size:120%;
  line-height:1.20em;
  margin:.25em auto .25em auto;
  padding:.75em;
  width:85%;
  -webkit-border-image: url("ab-images/gfx_somain.png") fill 16 round;
  -moz-border-image: url("ab-images/gfx_somain.png") fill 16 round;
  -o-border-image: url("ab-images/gfx_somain.png") fill 16 round;
  border-image: url("ab-images/gfx_somain.png") fill 16 round;
}

div#scroll h2 {
  color:#fff;
  font-family:OxygenBold; serif;
  margin:.50em 0 .50em 0;
}

#scroll h4 {
  color:#382818;
  font-family:OxygenBold; serif;
  margin:.50em 0 .50em 0;
}

p.listy { margin:.5em; font-size: 95%; text-indent:20pt; }

.liney {
  border-bottom:1px solid #f8b018;
  margin-bottom:1em;
  width:50%;
}

.table {
  border-width:18px;
  font-family:OxygenRegular; serif;
  margin:.25em auto .50em auto;
  padding:.25em;
  min-height:224px;
  min-width:320px;
  width:808px;
}

.table .item {
  display:table;
  float:left;
  overflow:hidden;
  position:relative;
  width:256px;
}

.table .item .gfx {
  min-height:224px;
  width:256px;
  margin-bottom:12px;
}

.table .item .gfx a {
  position:absolute;
  margin:0;
  width:256px;
  z-index:100;
}

.table .item .gfx:hover img { opacity:1; }

.table .item .gfx h2 {
  background:#000 url("ab-images/gfx_bkg2.png") top left repeat fixed;
  color:#fff;
  display:block;
  min-height:224px;
  overflow:hidden;
  position:absolute;
  text-decoration:none;
  width:256px;
  z-index:101;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  -o-transition: opacity .25s ease;
  opacity: 0;
}

.table .item .gfx:hover h2 {
  display:block;
  opacity: .75;
}

.table .item .gfx h2 a:hover, .table .item .gfx h2 a {
  color:#fff;
  display:table-cell;
  height:224px;
  line-height:17px;
  position:relative;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
}

.table .item {
  color:#000;
  font-size:14px;
  padding-left:12px;
}

.table .item .table .item a {
  color:#000;
  font-family:OxygenBold; serif;
}

#posters {
  border-width:18px;
  margin:.50em auto .50em auto;
  padding:0;
  text-align:center;
  text-shadow:#555 1px 1px 3px;
  width:85%;
}

#ab {
  background:transparent url("ab-images/augustus-blackheart.png") bottom center no-repeat;
  border:0;
  color:#000;
  font-weight:bold;
  height:31px;
  padding:0;
  position:fixed;
  right:20px;
  text-align:center;
  top:8px;
  width:187px;
  z-index:-20;
}

#footer {
  background:transparent url("ab-images/gfx_ccfooter.png") bottom left repeat-x;
  border:0;
  bottom:0;
  color:#333;
  font-weight:bold;
  height:32px;
  left:0;
  padding:5px;
  position:fixed;
  width:100%;
  z-index:1001;
}