/**
This is a necessary system file. Do not modify this page unless you are highly
knowledgeable as to the structure of the system. Modification of this file may
cause SMS to no longer function.

Author: David VanScott [ anodyne.sms@gmail.com ]
File: skins/space/style.css
Purpose: Stylesheet that controls the look and feel of the site

System Version: 2.4.4
Last Modified: 2007-01-16 1412 EST
**/

@import url( "style-subnav.css" );

body {
	background-color: #222222;
	font-family: "Lucida Grande", "Verdana", Arial, sans-serif;
	font-size: .85em;
	color: #fff;
	margin: 0;
	padding: 0;
	}

/** special font classes **/
.fontTitle {
	font-size: 2em;
	font-weight: bold;
	}
.fontLarge {
	font-size: 1.4em;
	}
.fontMedium {
	font-size: 1.2em;
	}
.fontNormal {
	font-size: .9em;
	}
.fontSmall {
	font-size: .75em;
	}

/** define the styles that control form elements **/
select {
	background-color: #000;
	border: 1px solid #666;
	color: #f1f1f1;
	padding: .2em .2em .2em 0;
	font-size: 8.5pt;
	}
	
input[type=text], input[type=password] {
	background-color: #000;
	border: 1px solid #666;
	color: #f1f1f1;
	font-size: 8.5pt;
	font-family: "Lucida Grande", Helvetica, "Trebuchet MS", Arial, sans-serif;
	padding: .2em;
}
input.button { padding: 0; }
input.class, input.order { width: 25px; }
input.name { width: 328px; }
input.image { width: 225px; }
input.color { width: 60px; }
input.date { width: 125px; }
	
textarea {
	background-color: #000;
	border: 1px solid #666;
	color: #f1f1f1;
	font-size: 8.5pt;
	font-family: "Georgia", Times, serif;
	padding: .2em;
	width: 90%;
	}
.wideTextArea {
	width: 99%;
	}
table {
	width: 100%;
	}
.narrowTable {
	width: 75%;
	}

/** general link styles **/
a {
	text-decoration: none;
	color: #5064ab;
	}
a:hover {
	color: #b9c7ff;
	}

/** styles specific to the login **/
#login {
	margin: 0 auto;
	background: #000;
	width: 60%;

	}
#login a {
	color: #5890f3;
	font-weight: bold;
	}
#login a:hover {
	text-decoration: underline;
	}
#login .header {
	padding: 1em;
	font-size: 3em;
	font-weight: bold;
	text-align: center;
	}
#login .content {
	font-size: 1.3em;
	padding: 1em;
	text-align: center;

	}
#login input[type=text], #login input[type=password] {
	background: #000;
	border: 1px solid #888;
	color: #FFFFFF;
	padding: .2em;
	font-size: 1.5em;
	font-family: "Georgia", Times, serif;
	}
#login input:focus {
	background: #002549;
	border: 1px solid #cacaca;
	}
.loginButtonLarge {
	font-size: 1.5em;
	}
.loginButtonSmall {
	font-size: 1em;
	}
.login {
	font-size: .95em;
	background-color: #000000;
	margin-left: -10px;
	padding-left: 10px;
	margin-right: 25px;
	padding-top: .5em;
	padding-bottom: .5em;
	border: 1px solid #FFFFFF;
	}
	
.login2 {
	font-size: .95em;
	background-color: #000000;
	margin-left: -10px;
	padding-left: 10px;
	margin-right: 25px;

	}

.login input[type=text], .login input[type=password] {
	background: #002549;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	padding: .2em;
	font-size: 1em;
	font-family: "Georgia", Times, serif;
	}
.login input:focus {
	background: #002549;
	border: 1px solid #CCCCCC;
	}

textarea,input,select {
	background: #002549;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
 }
	
.textboxLarge {
	font-size: 1.3em;
	font-family: "Georgia", Times, serif;
	}

/** styles that control the main system **/
#container {
	width: 100%;
	margin: auto;
	}
#header {
	width: 100%;
/*	margin: auto;text-align: center;*/
	min-height: 100px;
	
	background-image: url(images/top_bg.png);
	color: #000;
	}
.headerImage {
	display: block;
	margin: auto;
	}
#container .mainNav {
	background-image: url(images/menu_bg.png);
	text-align: center;
	height: 43px;
	line-height: 30px;
	text-align: right;
	}
#container .mainNav ul {
	display: inline;
	margin: 0;
	padding: 0;
	}
#container .mainNav ul li {
	display: inline;
	list-style-type: none;
	}
#container .mainNav a {
	font-weight: bold;
	color: #fff;
	padding: 0 1em 0 1em;
	}
#container .mainNav a:hover {
	color: #4664e1;
	}
#container .content {
/*	padding: 0 2em 0 2em;*/
	}
#container .content .body {
	margin-left: 18%;
	padding: 1em 0 1em 0;
	}
#container .content .nav {
	float: left;
	width: 186px;
	font-size: 8.5pt;
/*	padding: 1.5em 0 1em 0;*/
	padding-left: 20px;
	padding-right: 0;
	margin-bottom: 20px;
	text-align: left;
	border-right: 1px solid #FFFFFF;
	}
#container .content .nav ul {
	display: block;
	margin: 0;
	padding: .5em 0 1em .2em;
	}
#container .content .nav ul li {
	list-style-type: none;
	}
#container .content .nav a {
	padding: 0 0 0 .5em;
	}
#container .content .nav .login a {
	padding: 0;

	}
#container .content .nav .info {
	padding: 0 2em 0 1em;

	}
#container .content .nav .info .fontLarge {
	margin: 0 0 0 -.5em;
	}
#container .content .nav .info a {
	margin: 0 0 0 -.5em;
	}
#container .footer {
	background-image: url(images/bottom_bg.png);;
	text-align: right;
	clear: both;
	font-size: .8em;
	height: 48px;
	line-height: 75px;
	color: #fff;
	padding-right: 1em;
	}

/** special styles for admin link classes **/
a.delete {
	font-weight: bold;
	text-decoration: none;
	padding: .3em;
	}
a:hover.delete {
	color: #cc0000;
	}
a.edit {
	font-weight: bold;
	text-decoration: none;
	padding: .3em;
	}
a:hover.edit {
	color: #d8eb52;
	}
a.add {
	font-weight: bold;
	text-decoration: none;
	}
a:hover.add {
	color: #70c16e;
	}

/** style that controls the update panel **/
.update {
	width: 98%;
	color: #fff;
	font-weight: bold;
	padding: .5em;
	background-color: #0d0d0d;
	border: 1px solid #222;
	}

/** various color classes **/
.red {
	color: #9c2c2c;
	}
.green {
	color: #008000;
	}
.yellow { 
	color: #dfd530;
	}
.blue {
	color: #0a6fd9;
	}
.orange { 
	color: #e99e1c;
	}

/** style used on the count page to put a vertical line in the table **/
.countTableBorder {
	border-right: 1px solid white;
	}

/** if there's an error, use this class **/
.error {
	color: #cc0000;
	font-weight: bold;
	}

/** control the table cell's label TD **/
.tableCellLabel {
	text-align: right;
	width: 20%;
	font-size: 1em;
	font-weight: bold;
}
.narrowLabel {
	width: 70px;
}

/** class that contains the bio image **/
.bioImage {
	float: right;
	width: 20%;
	padding: 0 2.5em 0 0;
}
.bioImage .pic {
	overflow: hidden;
	max-height: 300px;
}

/** class that controls the post detail box **/
.postDetails {
	float: right;
	width: 35%;
	padding: 5px 1em 1em 1em;
	border: 1px solid #222;
	background-color: #0d0d0d;
	margin: 0 0 1em 2em;
}

/** class that controls the version history UL **/
ul.version {
	list-style-type: square;
}

/** class that controls the PM headers in the inbox **/
.pmHeader {
	width: 250px;
	border-bottom: 1px solid #222;
	margin-bottom: .5em;
	font-size: 1.4em;
	font-weight: bold;
}

/** class that controls the PM reply button **/
.imageButton {
	background-color: #0d0d0d;
	border: 1px solid #0d0d0d;
}

.specialPadding1 { padding: 1em 0 1em 1em; }
ul.list-dark { list-style-type: square; color: #222; }
.rowColor1 { background-color: #0d0d0d; }
.rowColor2 { background-color: #000; }
textarea.desc {}