/****************************************************\
	Colors
		#00324a - dark blue
		#003955 - slightly lighter blue
		#000000 - black
		#99ccff - bright blue
		#ffffff - white
		#ffff00 - yellow
		#ff0000 - red
\****************************************************/

/****************************************************\
	Page Layout
\****************************************************/
/* Default */
body {
	margin: 5px;
	padding: 5px;
	text-align: center;
	background: #00324A;
	border: medium #000000;
	color: #99CCFF;
	cursor: crosshair;
	/*scrollbar-3dlight-color: #003955;
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #004F75;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #00324A; */
}
h1, h2, h3 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
img {
	border: 0;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
/* Page Container */
#main {
	margin: 0 auto;
	padding: 3px;
	width: 665px;
}
/* Header */
#header {
	background-color: #000000;
	text-align: center;
	margin-top: 3px;
}
/* Header */
#quotes {
	background-color: #000000;
	text-align: center;
	margin-top: 3px;
}
/* Remove gaps around header and footer */
#header p, #quotes p, #subfooter p, #footer p {
	margin-top: 0;
	margin-bottom: 0;
}
/* Menu Container */
#menu {
	float: left;
	margin-top: 3px;
	width: 155px;
	font-size: small;
}
/* Individual Menu Boxes */
#menu .box {
	border: 1px solid #000000;
	color: #99ccff;
	margin-bottom: 3px;
	padding: 2px;
	text-align: center;
	background-color: #003955;
}
/* Remove gaps around menu boxes */
#menu p {
	margin-top: 0;
	margin-bottom: 0;
}

/* Main Content Container */
#surround {
	color: #99ccff;
	margin-top: 3px;
}

/* Align Left for regular content */
#surround .contentbox {
	border: 1px solid #000000;
	color: #99ccff;
	margin-bottom: 3px;
	margin-left: 158px;
	padding: 2px;
	text-align: left;
	background-color: #000000;
}

/* Footer */
#subfooter {
	text-align: center;
	background-color: #000000;
	clear: both;
	margin-bottom: 3px;
}
#footer {
	text-align: center;
	background-color: #000000;
	clear: both;
	border: 1px solid #000000;
}
/****************************************************\
	Navigation Menu
\****************************************************/
/* Navigation CSS code found on: */
/* http://css.maxdesign.com.au/listamatic/vertical08.htm */
#navcontainer ul {
	margin: 3px;
	padding: 3px;
	list-style-type: none;
}
#navcontainer a {
	display: block;
	padding: 3px;
	background-color: #003955;
	border-bottom: 1px solid #000000;
}
#navcontainer a:link, #navlist a:visited {
	color: #ffffff;
	text-decoration: none;
}
#navcontainer a:hover {
	background-color: #000000;
	color: #99ccff;
}
/****************************************************\
	Breadcrumb Menu
\****************************************************/
/* Breadcrumb code found on: */
/* http://www.alistapart.com/articles/taminglists/ */
#breadcrumb {
	border: 1px solid #000000;
	color: #99ccff;
	margin-left: 158px;
	margin-bottom: 3px;
	padding: 2px;
	text-align: left;
	background-color: #000000;
	font-size: .75em;
}
#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}
#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}
/****************************************************\
	Item Content Layout
\****************************************************/
.items {
	border: 1px solid #003955;
	color: #99ccff;
	width: 400px;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
}
.items p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.itemsfull {
	border: 1px solid #003955;
	color: #99ccff;
	width: 100%;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
}
.itemsfull p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.itemsheader {
	border: 1px solid #000000;
	color: #99ccff;
	background-color: #003955;
	font-weight: bold;
	text-align: left;
	padding: 2px;
}
.itemsbody {
	border: 1px solid #003955;
	color: #99ccff;
	background-color: #000000;
	margin: 3px;
	text-align: left;
	padding: 2px;
}
.itemsurl {
	border: 1px solid #003955;
	color: #99ccff;
	background-color: #000000;
	margin: 3px;
	text-align: left;
	font-size: x-small;
	padding: 2px;
}
/****************************************************\
	Link colors and effects
\****************************************************/
a:link  {
	color: #FFFFFF;
}
a:visited {
	color: #FFFF00;
}
a:hover {
	background: #99CCFF;
	border: 1px solid #000000;
	color: #000000;
}
a:active  {
	border: 1px dashed #99CCFF;
	color: #FFFF00;
}
/****************************************************\
	Miscellaneous
\****************************************************/
/* Horizontal rule */
hr {
	color: #000000;
}
/* blockquote styling */
blockquote {
	background: url(http://gocalipso.com/images/main/quoleft.gif) left top no-repeat;
	border: 1px dashed #99ccff;
	background-color: #00324A;
	padding: 0 20px 0 20px;
}
.itemsbody blockquote {
	padding: 20px 20px 0 20px;
}
.itemsbody blockquote p {
	padding-bottom: 20px;
}
/* link exchange button rotator area */
#linkexchange {
	border: 2px dashed #99ccff;
	background-color: #00324A;
}
.red {
	color: #FF0000;
}
.whitedashedborder {
	border: 1px dashed #ffffff;
}
.smalltext {
	font-size:small;
}
.pagebanner {
	letter-spacing: 3px;
	font-size: 2.5em;
}
/****************************************************\
	Form Controls
\****************************************************/
/* Form colors */
form {
	margin: 0px;
	padding: 0px;
}
input {
	color: #99ccff;
	background-color: #00324a;
	border: 1px dashed #000000;
}
select{
	color: #99ccff;
	background-color: #00324a;
	border: 1px dashed #000000;
}
textarea{
	color: #99ccff;
	background-color: #00324a;
	border: 1px dashed #000000;
}
/* error for form input, guestbook, feedback */
.error {
	background-color: #99ccff;
	color: #000000;
}
/****************************************************\
	Table styling
\****************************************************/
td.black {
	background-color: #000000;
}
table.itembody {
	border: 1px #003955 solid;
	/* width: 100%; */
	font-size: .9em;
}
td.itembodyrow {
	border: 1px #003955 solid;
	background-color: #000000;
}
td.specs {
	border: 1px #000000 solid;
}
td.itembodyhead{
	border: none;
	background-color: #00324a;
	text-align: left;
}
/****************************************************\
	Image Controls
\****************************************************/
img.left {
	float: left;
}
img.right {
	float: right;
}
.email_field {
	display: none;
}
/****************************************************\
	Twitter
\****************************************************/
.twitter-title {
	font-size: medium;
}
#twitter_update_list {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	text-align: left;
}
#twitter_update_list li {
	margin-top: 2px;
	padding-bottom: 3px;
	border-top: 1px solid black;
}