body {
background: url(http://www.cap-that.com/layout/v4/background.png) repeat #6c6c6c;
margin: 0; 
font-family: cambria, georgia, serif, arial; 
color: #fff;
font-size: 15px; }

@font-face {
    font-family: "Anivers";
    src: url(http://www.cap-that.com/layout/v4/Anivers_Regular.otf);
}

a, a:link, a:visited {color: #fff; font-weight: bold; text-decoration: none; }
a:hover {color: #814747; text-decoration: none;}
a img, a:visited img {border: 1px solid #494949; background: #e0e0e0; padding: 2px; }
a:hover img {background: #814747}

#container {background: url(http://www.cap-that.com/layout/v4/background-vertical.png) top left repeat-x}
#container-two {background: url(http://www.cap-that.com/layout/v4/sidebar.png) top left repeat-y; }

#left {width: 434px; left: 0; position: absolute; background: url(http://www.cap-that.com/layout/v4/sidebar.png) top left repeat-y; }
#header {width: 434px; background: url(http://www.cap-that.com/layout/v4/header.png) no-repeat top; height: 222px;}

#nav {clear: left; padding: 0px; width: 350px; height: 308px; background: url(http://www.cap-that.com/layout/v4/menu.png) 40px 0px;list-style-type: none; margin-left: -40px;}
#nav li {height: 50px; padding: 0px; margin: 0px; list-style-type: none; float: left;}
#nav li a {height: 50px; width: 410px;display: block;visibility: visible;text-indent: -9000px;overflow: hidden; }
#nav li a:hover {height: 50px; width: 410px; }

#nav .home {height: 70px }   
#nav .home a{height: 70px} 
#nav .home a:hover{height: 70px; background: url(http://www.cap-that.com/layout/v4/menu.png) -401px 0px no-repeat;}

#nav .tv a:hover {background: url(http://www.cap-that.com/layout/v4/menu.png) -401px -70px no-repeat;}
#nav .movies a:hover {background: url(http://www.cap-that.com/layout/v4/menu.png) -401px -120px no-repeat;}
#nav .music a:hover {background: url(http://www.cap-that.com/layout/v4/menu.png) -401px -170px no-repeat;}
#nav .site a:hover {background: url(http://www.cap-that.com/layout/v4/menu.png) -401px -220px no-repeat;}

#footer {width: 315px; font-size: 0.9em; color: #494949; margin-left: 5px; text-align: justify;}
#footer h1 {color: #494949; font-size: 1.5em;  }
#footer h2 {font-family: "Anivers", cambria; font-size: 1.2em; margin-bottom: -10px;}
#footer a, #footer a:link, #footer a:visited {color: #757575}
#footer a:hover {color: #814747;}


#right {margin-left: 420px; padding-top: 105px;}
#content {left: -50px; position: relative;}

h1  {font-family: "Anivers"; text-transform: uppercase; font-size: 2.5em; font-style: italic;color: #c9c9c9; padding-bottom: 10px;}
h1.breadcrumbs {font-size: 1.1em; text-transform: lowercase; font-weight: normal; left: -35px; top: -15px;position: relative;}
h1.breadcrumbs a {font-weight: normal;}
h1.title {font-size: 2.8em;top: -50px; left: 30px; position: relative; }
h2, h3, h4 {font-size: 1.1em;clear: inherit;}
.newscontainer p { padding: 5px;}
.newscontainer h2 {border-left: 50px solid #d0d0d0; padding-left: 10px;text-transform: uppercase; }

.newscontainer img {-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.newsdate {text-align: right;font-size: 0.75em; margin-top: -30px; margin-bottom: 30px;}
.userpic {background: url(http://www.cap-that.com/layout/v2/icon_background.png) #fff; float: right; padding: 10px; text-align: center;  }

/*GALLERY SETTINGS*/
#gallery, .gallery {
text-align: center; font-size: 0.95em;
}

td.topmenu,.topmenu {
background-color: transparent;
padding: 2px;
}

p.topmenu {
text-align: center;
margin: 0 auto; width: 85%;
margin-bottom: 10px;}

td.bottommenu, .bottommenu {
background-color: transparent;
padding: 2px;}

p.bottommenu {
text-align: center;
margin: 0 auto; width: 85%;
margin-top: 10px;}

td.topmenu a:link, .topmenu a:link, td.topmenu a:visited, .topmenu a:visited, td.bottommenu a:link, .bottommenu a:link, td.bottommenu a:visited, .bottommenu a:visited {
line-height: 2.0em; border: 1px solid #494949; color: #dedede; padding: 2px; background: url(http://www.cap-that.com/layout/v4/lighter-background.png) repeat; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }

td.topmenu a:hover, .topmenu a:hover, td.bottommenu a:hover, .bottommenu a:hover {background: #949494; color: #fff; border-color: #fff;}

span.gallerynolinktop, span.gallerynolinkbottom {
color: #fff;
padding: 2px;
}

table.andromeda {margin: 0 15px 0 15px; width: 95%}

img.screencap {border: 5px solid #494949; padding: 0px; }

span.startrek, span.lifeonmars, span.hyperdrive, span.bloodties {
margin: 10px 5px 0px 0px; text-align: left; float: left; font-size: 0.9em; padding: 5px; width: 375px;
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #757575;background: url(http://www.cap-that.com/layout/v4/lighter-background.png) repeat;}

span.movies, span.music, span.tvseries { margin: 10px 5px 0px 0px; text-align: left; float: left; line-height: 1.2em;padding: 10px; height: 75px;  width: 375px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #757575;background: url(http://www.cap-that.com/layout/v4/lighter-background.png) repeat;}

span.startrek img  {
border: 0; background: url(http://www.cap-that.com/layout/v2/icon_background.png); 
padding: 5px; height: 75px; float: left; margin-right: 4px;} 

img.startrekmovie {height: 100% !important; } 

span.lifeonmars img, span.hyperdrive img, span.bloodties img, span.movies img {
border: 0; background: url(http://www.cap-that.com/layout/v2/icon_background.png); 
padding: 5px; float: left; margin-right: 4px;} 


span.startrek a:hover img, span.lifeonmars a:hover img, span.hyperdrive a:hover img, span.bloodties a:hover img, span.movies a:hover img {background: #28a4f2}

a img.music, img.music, a img.tvshow, img.tvshow, a img.movie, img.movie {padding: 5px; background: url(http://www.cap-that.com/layout/v2/icon_background.png); margin-right: 5px; float: left; border: 0px;}

.table-cell img, .table-cell a img, .table-cell a:visited img  {padding: 5px; border: 1px solid #494949;}
div.table-cell {font-size: 0.9em;
padding: 10px; 
height: 60px; 
width: 350px; 
border: 1px solid #757575; 
text-align: left;
display: table-cell; }
div.table-display {display: table; margin: 0 auto;}
div.table-row {display: table-row; }

table.caplist { margin: 0 auto; text-align: center; padding: 2px; }
table.caplist td {text-align: left; }
td.table-cell {
font-size: 0.9em;
padding: 10px; 
height: 60px; 
width: 350px; 
border: 1px solid #757575; 
margin-left: 15px;
text-align: left; }

p.indexstats {line-height: 0.8em;-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; background: url(http://www.cap-that.com/layout/v4/lighter-background.png) repeat; border: 1px solid #949494; padding: 20px; width: 350px; text-align: center; margin: 0 auto;font-size: 1.2em; }


.newscomment {
  background-color: #757575;
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: #4f4f4f;
  padding: 5px 15px 5px 15px;}
  
.commentform {
padding: 15px;
margin-left: 30px;
width: 550px;}

input, select, textarea {
font-size: 1.0em;
color: #fff;
background-color: #757575;
border-width: 0 0 0 3px;
border-style: solid;
border-color: #28a4f2;
padding: 5px 15px 5px 15px;
margin: 5px;
width: 200px;
  }

.contact {
border-width: 0 0 0 3px;
border-style: solid;
border-color: #28a4f2;
font-weight: none;
margin: 0 auto;
width: 95%;
padding: 5px; 
}

span.pagination {font-family: arial; }
span.pag {font-size: 1.0em; }
span.pag strong {padding: 3px;}
span.pag a, span.pag a:link, span.pag a:visited {padding: 4px; border: 1px solid #28a4f2}
span.pag a:hover {background: #28a4f2; color: #fff; padding: 4px;}
p.season {text-align: right; font-size: 0.9em;}

/* Babylon 5 */

p.b5seasons a img, p.b5seasons a:link img, p.b5seasons a:visited img {border: 1px solid; margin: 3px; filter:alpha(opacity:60); -moz-opacity: 0.6;  opacity: 0.6;}
p.b5seasons a:hover img {filter:alpha(opacity:100); -moz-opacity: 1;  opacity: 1;}