* {font-family: "Arial", Arial, non-serif;}

/* Body width adaptation */
body {margin: 0px; background: #000000}

div.content {margin-top:-42px; padding: 8px; padding-top:0px; padding-bottom:0px; background: none; zoom: 1}

@media (max-width: 960px)
{div.content {margin-left:0%; margin-right:0%}}

@media (min-width: 961px)
{div.content {margin-left:3%; margin-right:3%}}

@media (min-width: 1441px)
{div.content {margin-left:8%; margin-right:8%}}

/* IE top & bottom space hack */
*+html div.content { margin-top:-32px; margin-bottom: 16px; }
* html div.content { margin-top:-32px; margin-bottom: 16px; }

/* Normal links */
a {
outline: none;
}
a:link img {
outline: none;
border: none;
}
a:visited img {
outline: none;
border: none;
}
a:hover img {
outline: none;
border: none;
}
a:active img {
outline: none;
border: none;
}

A:link {font-family: Arial; color: #ffd000; text-decoration: underline}
A:visited {font-family: Arial; color: #5C9696; text-decoration: underline}
A:hover {font-family: Arial; color: #947c0e; text-decoration: underline}
A:active {font-family: Arial; color: #ffffff; text-decoration: underline}

/* Navigation bar in header and footer */
.navbar A:link {position: relative; left: 0px; top: 0px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: normal; color: #d0d0d0; margin: 0px; padding-top: 3px; padding-bottom: 2px;}
.navbar A:visited {color: #d0d0d0;} 
.navbar A:hover {border-bottom: solid 2px #d0d0d0;}
.navbar A:active {border-bottom: solid 2px #ffffff;}

.home A[href="/index.htm"]        { border-bottom: solid 2px #d0d0d0; background-color: #243C3C; }
.info A[href*="info"]             { border-bottom: solid 2px #947c0e; background-color: #243C3C; }
.starships A[href*="starships"]   { border-bottom: solid 2px #3B65C5; background-color: #243C3C; }
.fleetyards A[href*="fleetyards"] { border-bottom: solid 2px #CB3567; background-color: #243C3C; }
.treknology A[href*="treknology"] { border-bottom: solid 2px #85A824; background-color: #243C3C; }
.episodes A[href*="episodes"]     { border-bottom: solid 2px #D41212; background-color: #243C3C; }
.database A[href*="database"]     { border-bottom: solid 2px #5A9696; background-color: #243C3C; }
.fandom A[href*="fandom"]         { border-bottom: solid 2px #7945A1; background-color: #243C3C; }
.community A[href*="community"]   { border-bottom: solid 2px #E08206; background-color: #243C3C; }

.hl1 {color: #FFD000;}

/* Fields and buttons */
form input, textarea, select, .button, button {
  border: none;
  font-family: Arial;
  font-size: 13px;
  text-decoration: none;
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 3px 6px 3px 6px;
}

::-moz-focus-inner {border: 0;}

.button, .searchbutton {
  background: #1f3333;
  background-image: -webkit-linear-gradient(top, #1f3333, #315252);
  background-image: -moz-linear-gradient(top, #1f3333, #315252);
  background-image: -ms-linear-gradient(top, #1f3333, #315252);
  background-image: -o-linear-gradient(top, #1f3333, #315252);
  background-image: linear-gradient(to bottom, #1f3333, #315252);
  padding-left: 4px;  
  padding-right: 4px;
  color: #d0d0d0;
}

.button:hover, .searchbutton:hover {
  background: #315252;
  background-image: -webkit-linear-gradient(top, #315252, #1f3333);
  background-image: -moz-linear-gradient(top, #315252, #1f3333);
  background-image: -ms-linear-gradient(top, #315252, #1f3333);
  background-image: -o-linear-gradient(top, #315252, #1f3333);
  background-image: linear-gradient(to bottom, #315252, #1f3333);
}
   
.button:active, .searchbutton:active {
  background: #315252;
  background-image: -webkit-linear-gradient(top, #315252, #476666);
  background-image: -moz-linear-gradient(top, #315252, #476666);
  background-image: -ms-linear-gradient(top, #315252, #476666);
  background-image: -o-linear-gradient(top, #315252, #476666);
  background-image: linear-gradient(to bottom, #315252, #476666);
  color: #ffffff;
}

form input[type=text], .searchfield, textarea, select { 
  background-color: #cccc99;
  padding-left: 1px;  
  padding-right: 1px;
} 

form input:focus, form input[type=text]:focus, .searchfield:focus, textarea:focus, select:focus { 
  background-color: #ffffff; 
} 

select option:nth-child(even) {background-color: #ffffff;}
select option:nth-child(odd) {background-color: #cccc99;}

.searchbutton
{
margin-left: 2px;
margin-top: 6px;
margin-right: 2px;
margin-bottom: 2px;
}

.searchfield
{
margin-left: 2px;
margin-top: 6px;
margin-right: 2px;
margin-bottom: 2px;
}

/* Adaptation of normal 100% tables for sidebar */
table[width="100%"][cellpadding="4"] {
	width: auto;
}

/* Exception */
table.fullwidth {
	width: 100%;
}

/* Table header for IE */

table td[background="tablebg2.gif"] {
	height: 26px;
}

/* Special link classes */
A.ext:link
{
background: url(tw.gif) bottom right no-repeat;
padding-right: 10px;
}

A.m:link
{
background: url(mw.gif) bottom right no-repeat;
padding-right: 15px;
}

.pagelist a:link
{
color: #ffffff;
}

.pagelist a:hover
{
color: #947c0e;
}

.pagelist a:active
{
color: #ffffff;
}

/* Lists */
ul
{
list-style: none;
margin-left: 10px;
padding-left: 10px;
line-height: 120%;
}

ul > li
{
background: url(li.png) top left no-repeat;
padding-left: 18px;
}

.li2
{
margin-bottom: 0.5em;
}

ul > .li2
{
margin-top: 0.5em;
}

.ulmin
{
line-height: 100%;
margin-bottom: 0;
}

/* for related link lists */
.ulrel
{
margin-left: 0px; 
padding-left: 0px;
}

/* Box with mixed content */
.ibox
{
background-color:#243C3C;
border: none;
padding: 8px;
margin: 8px;
margin-top: 0px;
text-align: center;
}

.ibox[style*="float: right"], .ibox[style*="float:right"]
{
margin-right: 0px;
}

.ibox[style*="float: left"], .ibox[style*="float:left"]
{
margin-left: 0px;
}

/* Image placed on the right */
.imr
{
float:right;
margin-left:4px;
margin-bottom:4px;
}

/* Images vertically stacked */
.imt
{
margin-bottom:4px;
}

/* Effects */
.bshadow
{
box-shadow: 7px 7px 9px #000;
-webkit-box-shadow: 7px 7px 9px #000;
}

.tshadow
{
text-shadow: 2px 2px 2px #000;
-webkit-text-shadow: 3px 3px 1px #000;
}

audio
{
/*background-color: #243c3c;*/
}

.tlink a
{
color: #ffffff;
display:block;
text-decoration:none;
}

.tlink a:hover
{
color: #ffffff;
display:block;
font-weight:bold;
text-decoration:none;
}

.tlink a:active
{
color: #ffffff;
display:block;
font-weight:bold;
text-decoration:none;
}

.tlink a:visited
{
color: #ffffff;
display:block;
text-decoration:none;
}