/**
 * The Sonic Center
 * skins2/style.css: TSC Base CSS.
 * Version: 3.9
 * Created: 2008/01/15 [based on skins2/tsc4/stardust/style.css]
 * Accessibility: Direct.
 */

/* Hyperlinks */
a { text-decoration: none }
a:link, a:visited { color: #888 }
a:hover { color: #AAA }
a:active { color: white }
img { border: none }

body
{
	background: #000020 no-repeat fixed center;
	/*background-image: url('/skins2/[skin]/[style]/[substyle]/images/frobotnik.png');*/
	color: #CCC;
	font: 75% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* TSC logo */
#logo
{
	position: absolute;
	top: 0; left: 0;
	width: 160px;
	height: 82px;
	z-index: 1;
}
#logo #logo_img
{
	width: 100%;
	height: 100%;
}
#logo #logo_img a
{
	background: transparent url(/images/smtsc2.gif) no-repeat scroll;
	display: block;
	width: 100%;
	height: 100%;
}

/* Subsite Icons */
#logo #site_icons
{
	width: 160px;
	height: 22px;
}

/* Heading */
h1
{
	background: transparent no-repeat scroll bottom left;
	/*background-image: url('/skins2/[skin]/[style]/[substyle]/images/corner.png');*/
	font: normal small-caps normal 2.2em/1 Arial, Helvetica, sans-serif;
	margin: 0;
	position: absolute;
	top: 0; left: 160px;
	padding: 0.1em 0 52px 48px;
	white-space: nowrap;
	z-index: 1;
}

/* Navigation header */
h2
{
	background: repeat-x scroll top left;
	/*background-image: url('/skins2/[skin]/[style]/[substyle]/images/longhoriz.png');*/
	font-weight: bolder;
	font-size: 1.1em;
	margin: 2.5em 0 1em 192px;
	padding: 66px 0 0 15px;
}
/* Navigation header - pointer */
h2 span
{
	background: #000020 no-repeat scroll left;
	/*background-image: url('/skins2/[skin]/[style]/[substyle]/images/pointer.gif');*/
	border: 1px solid #333;
	padding: 2px 2px 2px 10px;
}

h3
{
	font-size: 1.04em;
	text-align: center;
}
h4
{
	display: inline;
	font-size: 1em;
}

/* Input boxes have smaller text. */
input
{
	font-size: 0.9em;
}

/* Navigation menu */
#nav
{
	background: transparent no-repeat scroll bottom right;
	/*background-image: url('/skins2/[skin]/[style]/[substyle]/images/leftcurve.png');*/
	font-size: 0.9em;
	position: absolute;
	top: 0; left: 0;
	
	/* These should be specified by subskins, if necessary. */
	padding-bottom: 144px;
	width: 192px;
}
#nav div#topnav
{
	/* Top image on the navigation menu. */
	/* Hidden by default, since most skins don't use this. */
	display: none;
	float: right;
}
#nav div#innernav
{
	background: transparent repeat-y scroll top right;
	/*background-image: url('/skins2/[skin]/[style]/[substyle]/images/roadright.png');*/
	padding-top: 108px; /* 82px for logo, 22px+4px for site icons */
}
#nav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav li
{
	margin-left: 10px;
}
li.itemstart
{
	background-color: #000000; /* [boxcolor]; */
}
#nav li.itemstart, #nav li.itemstart_here
{
	border-color: #888; border-style: solid; border-width: 1px 1px 1px 0;
	color: white;
	font: bold 1.25em Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
	width: 115px;
}

/* Navigation Menu - Header Item */
li.itemstart      a:link, li.itemstart      a:hover, li.itemstart      a:visited,
li.itemstart_here a:link, li.itemstart_here a:hover, li.itemstart_here a:visited
{
	color: white;
	display: block;
	width: 100%;
}

/* Navigation Menu - Hover and Active Color */
li.itemstart a:hover, li.itemstart_here
{
	background-color: #333;
}

/* Main content area */
#content
{
	margin: 0 15px 15px 207px;
	padding-bottom: 1px;
}

/* Paragraph */
p
{
	background-color: #000000; /* [boxcolor]; */
	border: 1px solid;
	margin: 1em auto;
	padding: 3px;
	text-align: center;
	width: 70%;
}

/* Warning box */
p#warning, table#warning, td#warning
{
	font-weight: bold !important;
	color: red !important;
	border-color: red !important;
}

/* Offline box */
/* NOTE: td#offline isn't usually used. */
/* Instead, td.off is used for New Data Table System charts. */
p#offline, table#offline, td#offline
{
	font-weight: bold !important;
	background-color: red !important;
	color: black !important;
}

/* Bars */
.bars
{
	margin: 13px 0;
	text-align: center;
}
.bars span
{
	background-color: #000000; /* [boxcolor]; */
	border: 1px solid white;
	padding: 3px;
}

/* Textbox */
td.textbox
{
	background-color: #000000; /* [boxcolor]; */
	border: 1px solid white;
	padding: 3px;
	text-align: center;
}

/* Status area */
#status
{
	font: normal 0.95em/1 Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0;
	padding-left: 20px;
	position: absolute;
	top: 8px; right: 8px;
	z-index: 2;
}
#status li
{
	text-align: center;
}

/* Display an icon on the status when viewing the past with the time machine. */
.tm_on
{
	background: transparent url(/images/past.gif) no-repeat scroll left;
	padding-left: 20px;
}

/* Inner content */
.innercontent
{
	background-color: #000000; /* [boxcolor]; */
	border: 1px solid white;
	padding: 6px;
}

#newsbox
{
	background-color: #000000; /* [boxcolor]; */
	border: 1px solid;
	padding: 6px;
}

#newsbox div
{
	border-top: 2px solid #006D42;
	border-bottom: 2px solid #006D42;
	margin: 6px 0;
	padding: 6px 0;
}

#newsbox h4 img
{
	vertical-align: middle;
}

.updatebox
{
	background-color: #000000; /* [boxcolor]; */
	border: 1px solid;
	font-size: 0.95em;
	margin-top: -1px;
	padding: 6px;
	width: 100%;
}

.updatebox td
{
	padding: 0;
}

.nocss
{
	display: none;
}

.date, .comments
{
	float: right;
}

span.ringamount
{
	background: transparent url(/images/sonicring.gif) no-repeat scroll left;
	padding-left: 10px;
}

#randomstats
{
	margin: 1em auto;
}
#randomstats td
{
	background-color: #000000; /* [boxcolor]; */
	border: 1px solid;
	padding: 3px;
	text-align: center;
}

#randomstats td p
{
	/* temp fix */
	border: 0 none;
	margin: 0;
	padding: 0;
	width: 100%;
}