div.clear
{
  clear: both;
}

html
{
  height: 100%;
  font-family: helvetica, sans-serif;
  font-size: 12px;
}

body {
  background: white url(/images/delta-background.jpg) top center no-repeat fixed;
  font: helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  text-align: center;
  overflow: auto;
  overflow: -moz-scrollbars-vertical;
}

span#ver a {
  color: #bbb;
}

div#ov-content {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 778px;
  text-align: center;
}

div#ov-body {
  position: relative;
  top: -24px;
}

div#ov-header {
  margin-left: 1px;
  margin-top: -2px;
  margin-right: 0;
  padding: 0;
}

img#ov-logo {
  float: left;
  margin-top: 12px;
  margin-left: 24px;
  padding: 0;
  border: none;
}

a.m,a.m:link,a.m:hover,a.m:active,a.m:visited { text-decoration: none; border: none; margin: none; padding: none; color: black; font-weight: normal; }
a.c,a.c:link,a.c:hover,a.c:active,a.c:visited { text-decoration: none; border: none; margin: none; padding: none; color: black; font-weight: bold; }
a.back,a.back:active,a.back:visited { text-decoration: none; border: none; margin: 1px; padding-left: 2px; padding-right: 2px; }
a.back:hover { text-decoration: none; border: 1px solid white; margin: 0px; padding-left: 2px; padding-right: 2px; }
a.none,a.none:hover,a.none:active,a.none:visited { text-decoration: none; border: none; margin: none; padding: none; }
a,a:link,a:visited,a:active { color: white; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; font-weight: normal; }
a.portal:hover { text-decoration: none; font-weight: normal; }
a.sel { font-weight: bold; }
ul#nav li a,ul#nav li a:link,ul#nav li a:visited,ul#nav li a:active,ul#nav li a:hover { color: transparent;text-decoration: none; }

div#ov-text-menu {
  position: relative;
  top: -100px;
  font-size: 10px;
  color: white;
  margin: 0;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 18px;
  text-align: right;
}

ul#nav {
  float: left;
  width: 545px;
  height: 108px;
  border: none; 
  margin-top: -6px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-left: 6px;
  display: block;
}

ul#nav li
{
  height: 108px;
  list-style-type: none;
  display: inline;
  padding: 0; margin: 0; border-spacing: 0px; border: 0;
  margin: 0; padding: 0;
}


/* art menu */
div#outerart {
  float: left;
  width: 86px;
  height: 108px;
  margin: 0; padding: 0;
}
div#outerart a {
  display: block;
  margin: 0; padding: 0; overflow: hidden; text-decoration: none;
  width:100%;
  height: 108px;
  background: url(/images/delta-nav.png) no-repeat;
  background-position: 0px 38px;
}
div#outerart a:hover,
div#outerart a:active,
div#outerart a:focus,
div#outerart a.sel {
  background: url(/images/delta-nav.png) no-repeat;
  background-position: 0px -71px;
}

/* comics menu */
div#outercomics {
  float: left;
  width: 157px;
  height: 108px;
  margin: 0; padding: 0;
}
div#outercomics a {
  display: block; margin: 0; padding:0; width:100%; height: 108px; overflow: hidden; text-decoration: none;
  background: url(/images/delta-nav.png) no-repeat;
  background-position: -86px 38px;
}
div#outercomics a:hover,
div#outercomics a:active,
div#outercomics a:focus,
div#outercomics a.sel {
  background-position: -86px -71px;
}

div#delimiter {
  float: left;
  width: 36px;
  margin: 0; padding: 0;
}
div#delimiter a {
  display: block; margin: 0; padding:0; width:100%; height: 108px; overflow: hidden; text-decoration: none;
  background: url(/images/delta-nav.png) no-repeat;
  background-position: -243px 38px;
}

/* video menu */
div#outervideo {
  float: left;
  width: 133px;
  height: 108px;
  margin: 0; padding: 0;
}
div#outervideo a {
  display: block;
  margin: 0; padding: 0; overflow: hidden; text-decoration: none;
  width:100%;
  height: 108px;
  background: url(/images/delta-nav.png) no-repeat;
  background-position: -279px 38px;
}
div#outervideo a:hover,
div#outervideo a:active,
div#outervideo a:focus,
div#outervideo a.sel {
  background: url(/images/delta-nav.png) no-repeat;
  background-position: -279px -71px;
}

/* music menu */
div#outermusic {
  float: left;
  width: 122px;
  height: 108px;
  margin: 0; padding: 0;
}
div#outermusic a {
  display: block; margin: 0; padding:0; width:100%; height: 108px; overflow: hidden; text-decoration: none;
  background: url(/images/delta-nav.png) no-repeat;
  background-position: -412px 38px;
}
div#outermusic a:hover,
div#outermusic a:active,
div#outermusic a:focus,
div#outermusic a.sel {
  background-position: -412px -71px;
}

div#sectional-divider {
  border-top: 1px solid black;
  margin-bottom: 24px;
}

div.subcanvasdivider {
  font-size: 12px;
  width: 100%;
  background: #333;
  font-family: Century Gothic, Century, Futura, Helvetica;
  text-transform: uppercase;
  padding-top: 0px;
  color: #fff;
  border: none;
  margin-top: 2px;
  margin-bottom: 3px;
}

div#sectional {
  font-size: 11px;
  background: #333;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  font-family: Century Gothic, Century, Futura, Helvetica;
  text-transform: uppercase;
  margin-bottom: 12px;
  padding-top: 1px;
}

div#sectional span {
  padding-top: 1px;
  background: #fff;
}

div.ov-category {
  font-family: Century Gothic, Century, Futura, Helvetica;
  padding-top: 2px;
  font-size: 24px;
  text-transform: uppercase;
  float: left;
}

div.ov-category-video-init {
  font-family: Century Gothic, Century, Futura, Helvetica;
  padding-top: 2px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  padding-left: 6px;
}

div.ov-related {
  font-family: Century Gothic, Century, Futura, Helvetica;
  padding-top: 2px;
  font-size: 24px;
  text-transform: uppercase;
}

div.ov-subcategory {
  font-family: Century Gothic, Century, Futura, Helvetica;
  padding-top: 2px;
  font-size: 20px;
  text-transform: uppercase;
  float: left;
}

div.ov-category-updated {
  font-family: Century Gothic, Century, Futura, Helvetica;
  font-size: 24px;
  text-transform: uppercase;
  padding-top: 2px;
  padding-right: 3px;
  float: right;
}

div.ov-category-preview {
  float: left;
  padding-right: 1px;
}

span.ov-small-preview {
  float: left;
  margin-left: 1px;
  margin-bottom: 1px;
  height: 74px;
  width: 74px;
}

span.ov-small-preview img {
}

div#sectional a:hover, div#sectional a:focus {
  background: #fff;
  color: #000;
  padding-top: 1px;
  text-decoration: none;
}

div#related {
  font-size: 24px;
  font-family: Century Gothic, Century, Futura, Helvetica;
  float: left;
  text-transform: uppercase;
  margin-top: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 24px;
}

div#oblique-title {
  font-family: Century Gothic, Century, Futura, Helvetica;
  font-size: 24px;
  height: 29px;
  width: 158px;
  letter-spacing: -2px;
  margin-left: 1px;
  background: black url('/images/delta-random-access.png') 2px 6px no-repeat;
  color: white;
  float: left;
}

div#oblique {
  width: 160px;
  background: black;
  float: left;
  position: relative;
  left: 6px;
  margin-top: -1px;
  text-align: left;
  padding-bottom: 2px;
  
}

div#oblique-right {
  width: 160px;
  background: black;
  float: left;
  position: relative;
  margin-top: -1px;
  text-align: left;
  padding-bottom: 2px;
}

div#oblique span img, div#oblique-right span img {
  border: 1px solid black;
}

div#oblique span, div#oblique-right span {
  border: 1px solid white;
  margin: 2px;
  width: 74px;
  height: 74px;
  float: left;
}

div#oblique-home {
  width: 174px;
  padding: 4px;
  float: left;
  background-color: #000;
  color: #fff;
  position: relative;
  left: 6px;
  margin-top: -1px;
  text-align: left;
  
}

div#canvas
{
  float: right;
  padding-right: 4px;
  position: relative;
  text-align: center;
  width: 604px;
}

div#canvas-home
{
  float: right;
  top: -10px;
  padding-right: 10px;
  position: relative;
  text-align: left;
  width: 574px;
}

div.canvas-blog
{
  width: 564px;
  border: 1px solid black;
  background: url(/images/entryspiral.jpg) #000 top right no-repeat;
  margin-top: 9px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
}

div#sub-canvas {
  background: white;
  border-top: 1px solid black;
  width: 604px;
}

div#sub-sub-canvas {
  background: #000 url(/images/delta-mess.jpg) bottom left no-repeat;
  padding-left: 2px;
  padding-top: 2px;
  padding-right: 2px;
}

div.sub-canvas {
  float: left;
  margin-right: 1px;
  margin-bottom: 1px;
  border: none;
  width: 72px;
  height: 72px;
  padding: none;
  overflow: hidden;
  background: #000;
  border: 1px solid black;
}

div.sub-canvas-right {
  border: 1px solid black;
  float: left;
  margin-right: 2px;
  margin-bottom: 1px;
  background: #000;
  border: none;
  width: 72px;
  height: 72px;
  overflow: hidden;
}

div.sub-canvas-right,div.sub-canvas img { border: none; padding: none; margin: none; }

div#canvas img {
  border: 1px solid black;
  margin-top: -1px;
  margin-bottom: 1px;
}

div#canvas-title {
  float: left;
  margin-left: 1px;
  margin-bottom: 5px;
  padding-top: 2px;
  font-size: 24px;
  font-family: Century Gothic, Century, Futura, Helvetica;
  text-transform: uppercase;
  height: 24px;
}

div#canvas-date {
  float: right;
  margin-right: 1px;
  margin-bottom: 5px;
  padding-top: 2px;
  font-size: 24px;
  font-family: Century Gothic, Century, Futura, Helvetica;
  text-transform: uppercase;
  height: 24px;
}

img#shininglight {
  border: 1px solid black;
  margin-bottom: 12px;
}

div#copy {
  color: #909090;
  margin: 6px;
  padding-top: 12px;
  padding-bottom: 6px;
  border-top: 1px solid #909090;
  width: 766px;
}

div#copy a {
  font-weight: bold;
  color: #909090;
}

div.comics-book {
  width: 780px;
  text-align: left;
  padding-left: 6px;
}

div.comics-copy {
  float: left;
  width: 755px;
  padding-left: 3px;
}

div.comics-copy div.side-images {
  float: right;
  padding-left: 6px;
}

div.comics-copy div.side-images img {
  margin-bottom: 0px;
  margin-right: 0px;
  border: 2px solid black;
}

div.pk-book {
  width: 144px;
  float: left;
  text-align: center;
  background: black;
  padding-top: 12px;
  height: 250px;
}

div.pk-print
{
  float: left;
  margin-left: 54px;
}
div.pk-online
{
  float: right;
  margin-right: 66px;
}

div.dv-print
{
  float: left;
  margin-left: 104px;
}
div.dv-online
{
  float: right;
  margin-right: 116px;
}

div.tl-read
{
  background: #000;
  height: 250px;
  width: 447px;
  padding-top: 12px;
  text-align: center;
}

div.tl-watch
{
  background: #000;
  height: 250px;
  width: 307px;
  padding-top: 12px;
  text-align: center;
  margin-right: 15px;
}

div.tl-video
{
  float: right;
}

div.tl-online
{
  float: left;
}

div#book-controls {
  width: 120px;
  border: 3px solid black;
  font-weight: bold;
  background: #999;
}

div.video-init {
  width: 601px;
  float: left;
  padding-left: 6px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div.video-listeners {
  width: 510px;
  float: left;
  padding-left: 6px;
  text-align: left;
}

div.video {
  width: 601px;
  float: left;
  margin-left: 6px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  background: white;
}

div.video_desc {
  background: #fff url(/images/delta-less-mess.jpg) top left no-repeat;
  padding-left: 6px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

div#someday {
  float: right;
  margin-right: 5px;
  margin-top: 33px;
  font-size: 12px;
  width: 160px;
}

div#listeners {
  float: right;
  margin-right: 5px;
  margin-top: 33px;
  font-size: 12px;
  width: 256px;
}

div#someday a,div#someday a:link,div#someday a:hover,div#someday a:active,div#someday a:visited,div#listeners a,div#listeners a:link,div#listeners a:hover,div#listeners a:active,div#listeners a:visited {
  color: #000;
  font-weight: bold;
}

div.ov-modular {
  width: 720px;
  padding-left: 30px;
  text-align: left;
  float: left;
}
div.ov-modular a,div.ov-modular a:link,div.ov-modular a:visited,div.ov-modular a:active {
  color: #000;
}

div.ov-album-container {
  width: 764px;
  padding-left: 6px;
  float: left;
}

div.ov-album {
  width: 764px;
  text-align: left;
  border: 1px solid black;
  background: url(/images/delta-less-mess.jpg) no-repeat;
  background-position: 0px -36px;
}

div.ov-album-desc {
  width: 550px;
  padding-top: 0px;
  padding-left: 6px;
  float: left;
}

div.ov-album a {
  color: #000;
  margin: none;
  padding: none;
}
div.ov-album a:hover {
  margin: none;
  padding: none;
  text-decoration: none;
}

div.track {
  height: 15px;
}
div.track:hover
{
  background-color: #ccc;
}

div.pk-episode {
  height: 288px;
}