@import "/css/colors.css";

/* @group xhtml standards */

* {
	
	margin: 0px;
	padding: 0px;
	
}

body {

	background: #EEEEEE;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: .8em;
	margin: 0px;
	
	}

h1, h2, h3, h4, h5, h6 {
	
	color:  #FFFFFF;
	font-weight: 100;
	text-decoration: none;
	margin:  0px;
	padding: 0px;
		
	}
	
a h1, h2, h3, h4, h5, h6 {
	
	text-decoration: none;
	
}	

h3 {

	font-size:  1.6em;
	
	}

p {

	line-height: 1.4em;
	padding:  10px;
	
	}

a {

	color: #111;
	
	}
	
a:hover {

	color: #FFF;

	}

img {
	
	border: none;
	
}

.text {

	padding: 0px 4px;
	width: 380px;
	
	}

.textarea {

	height:  200px;
	padding: 4px;
	width:  380px;
	
	}
	
.half {

	width:  190px;
	
	}

.short {

	height: 100px;
	
	}

/* @end */

/* @group helper classes */

/* @group floats */

.left {

	float: left;
	
	}

.right {

	float: right;
	
	}

.clear {

	clear: both;
	
	}

/* @end */

/* @group text */

.text-right {

	text-align: right;
	
	}
	
.text-center {

	text-align: center;
	
	}

/* @end */

/* @group notifications */

.success, .error {

	padding: 10px;
	
	}

.success {

	background: #8effba;
	
}

.error {

	background: #ffa391;
	
}

/* @end */

/* @end */

/* @group format */

/* @group header */

#header {

	margin-left:  144px;
	margin-top:  18px;
	
	}

#explination {
	
	border: 1px solid #D35E4C;
	background-color: #E9ACA3;
	
	}

#personal {

	color: #A3A3A3;
	font-size: .9em;
	line-height: 1.5em;
	
	}

#personal a {
	
	color: #666666;
	text-decoration: none;
	
	}
	
#personal a:hover {
	
	text-decoration: underline;
	
	}
	
/* @end */

/* @group threads */

.threadinfo {
	
	font-size: .8em;
	text-transform: uppercase;
	
	}
	
#pagination {

	padding: 10px;
	
	}
	
#pagination li {
	
	list-style-type: none;
	float:  left;
	margin-right: 4px;
	
	}

.halftitle {

	width:  450px;
	
	}

.post {

	min-height: 73px;
	
	}

/* @end */

/* @end */

#cardboardbox { 

	/*margin-left:  144px;*/
	margin-top:  18px;
	
	}
	
#leftbar {

	width: 144px;
	
	}
	
#leftbar p {

	margin-left:  20px;
	
	}
	
#leftpush {

	margin-left:  144px;
	
	}
	
#content, #pushcontent {
	
	margin-top: 0px;
	width: 500px;
	
}

#content {

	margin-left:  144px;
	
	}

#rightbar {

	border-left: 1px dotted #EEEEEE;
	text-align: center;
	width: 100px;
	
	}

/* @group blocks */

#block {

	float: left;
	width: 400px;
	height: 80px;
	margin-right: 6px;
	margin-bottom:  6px;
	padding: 6px;
	
	}

/* @end */

/* @group board */

#board {

	list-style: none;
	width: 100%;
	padding: 6px 0px;
	
}

.bborder {

	border-bottom: 1px solid #CCC;
	
}

#board p {

	color:  #FFFFFF;
	font-size: .9em;
	text-decoration: none;
	padding:  0px;
	
}

#board p a {

	color: #FFF;
	text-decoration: none;
	
	}

.button {
	
	margin: 6px 1px;
	margin-left: 0px;
	padding: 6px;
	
	}
	
.button:hover {

	background: #FFFFFF;
	
	}
	
.button a:hover {

	color: inherit;
	
	}
	
.hidden {

	display: none;
	
	}







/* @end */

/* @group tables */

table {

	width: 100%;
	
	}

th {

	text-align: left;
	padding: 6px;
	vertical-align: top;
	width: 140px;
	
	}

td {

	padding: 6px;
	vertical-align: middle;	
	
	}
	
.small {

	width: 10%;
	
	}
	
.smallest {

	width: 1%;
	
	}
	
#list th {

	padding: 10px;
	
	}

#list td {

	padding: 10px;
	
	}
	
/* @end */
