html,body{
	margin:5px 20px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: white;
	color: #494949;
}

#header_info{
	line-height: 18px;
}

h2{ 
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 50px;
	font-weight: normal;
	line-height:60px;
}

h2 a,
h2 a:visited{
	font-weight: normal;
	color: black;
	background-color: white;
	text-decoration: none;
	border: 0px;
}

h2 a:hover,
h2 a:visited:hover{
	/*color: #EE6363;
	background-color: #FFEBEB;*/
	text-decoration: none;
	border: 0px;
}

a.updated, a.updated:visited{
	color: #CC0001;
	/*background-color: #D1EAF2;*/
	text-decoration: none;
	border-bottom: dotted 1px;	
}

.edit_thread_link, .edit_thread_link a, .edit_thread_link a:visited{
	color: #DEDEDE;
	text-decoration: none;
}

a, a.old, a.old:visited{
	/*padding: 1px 2px 1px 2px;*/
	color: #494949;
	text-decoration: underline;
	/*border-bottom: dotted 1px; */
	
}

a:visited{
	/*background-color: white;*/
}

a:hover,
a:visited:hover{
	color: #207cdb;
	/*background-color: #71B7E6;*/
}

a.closed, a.closed:visited{
	text-decoration: line-through;
}

a.anchor{
	display: none;
	border: 0;
	text-decoration: none;
}

.thread{
	width: 760px;
	clear: both;
	padding: 3px 0 0 0;
	height: 21px;
	border-top: 1px dotted #a7a7a7;
	overflow:hidden;
	background-color: white;
}

.thread:hover{
	/*background-color: #003DF5;
	color: white;*/
	background-color: #207cdb;
	color: white;
	cursor: pointer;
}

.thread:hover a,
.thread:hover a:visited,
.thread:hover a:hover{
	/*background-color: #0099CC;*/
	background: none;
	color: white;
}

.blank_thread,
.blank_thread:hover{
	cursor: default;
	background: none;
}
.thread_title{
	float: left;
	width: 400px;
	padding: 1px 2px 0 2px;
	margin-top: -2px;
}

.thread_posts{
	float: left;
	width: 30px;
	padding: 1px 2px 0 2px;
}

.thread_last_author{
	float: left;
	width: 100px;
	padding: 1px 2px 0 2px;
	/*overflow: hidden;
	height: 18px;*/
}

.thread_updated{
	float: left;
	width: 170px;
	padding: 1px 2px 0 20px;
}

.thread_delete{
	float: left;
	/*width: 100px;*/
	padding: 0 2px 0 20px;
}

.thread_updated a,
.thread_updated a:visited{
	text-decoration: none;
	border: 0px;
/*	background-color: white;*/
	color: black;
}

.thread_updated a:hover,
.thread_updated a:visited:hover{
	border-bottom: dotted #DEDEDE 1px; 
}

.thread_avatar{
	float: left;
	padding: 0 2px 1px 2px;
}

.thread_avatar img{
	padding: 1px;
	margin-top: 1px;
	border: 1px black solid;
	background-color: white;
}

.thread_avatar a{
	text-decoration: none;
	border: 0px;
	background-color: white;
}

.post{
	display: block;
	clear: both;
	padding: 2px 0 0 0;
	margin: 8px 0 0 0;
	border-top: dotted 1px #DEDEDE;
	background-color: white;
}

.post_author_info{
	float: left;
	width: 150px;
	margin: 1px 0 5px 0;
}

.post_author_info .smaller{	
	font-size: 9px;
	line-height: 13px;
}

.mid_gray{
	color: #999;;
}

.post_avatar{
	float: left;
	padding: 0;
	margin: 3px 10px 6px 0;
}

.post_avatar img{
	padding: 1px;
	border: 1px black solid;
}

.post_avatar img:hover{
	border: 1px #DEDEDE solid;
}

.post_avatar a{
	text-decoration: none;
	border: 0px;
/*	background-color: white;*/
}

.post_text_wrapper{
	margin-left: 200px;
	float: none;
	background-color: white;
}

.post_text{
	margin: 1px 0 0 0;
	width: auto;
	_float: left;
}

.post_text img {
	margin: 3px 0 0 0;
}

.post_text img{
	border: 0;
}

.post_edit_link{
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 10px;
}

.user_info{
	float: left;
	margin: 0 0 0 10px;
}

.clearer{
	clear: both;
	height: 0;
	width: 0;
}

#avatar_previews img{
	padding: 1px;
	border: 1px black solid;
}

#avatar_preview_48{
	float: left;
	width: 100px;
	text-align: center;
	margin: 0;
}

#avatar_preview_24{
	float: left;
	width: 100px;
	text-align: center;
	margin: 13px 0 13px 0;
}

#avatar_preview_12{
	float: left;
	width: 100px;
	text-align: center;
	margin: 19px 0 19px 0;
}

#login{
	clear: both;
	margin: 80px 0 0 0;
}

#post_form{
	margin: 0 0 0 200px;
	width: 650px;
}

#new_thread_form{
	margin: 20px 0 0 0;
	width: 650px;		
}

#new_thread_form input[type="text"] {
	width: 100%;
}

.alt{
	background-color: #EBEBEB;

	/*border-bottom: 1px solid #e7e7e7;*/
}

textarea {
	height: 200px;
	width: 100%;
}
/*
textarea, input{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
}
*/
form.edit_form{
	width: 650px;
}

form.edit_form textarea {
	margin: 5px 0 0 0;
	background-color: #DEDEDE;
	height: 200px;
	width: 650px;
}

.right{
	float: right;
}

input.huge{
	font-size: 40px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

blockquote{
	padding: 0 0 0 25px;
	margin: 10px 0 -10px 25px;
	border-left: dotted 1px #DEDEDE;
}

form.awesome label { 
	width: 200px; /* label width *//* label margin = (input left margin) - (label width) */
	margin-right: 10px; /* label margin */
}

form.awesome label.long, form.awesome p.label {
	margin-left: 120px; /* subjective */
	width: 390px; /* (textarea width) + (label width) + (label margin) - (left margin) */
}

form.awesome label span {
	color: #900; /* color of required asterisk */
}

form.awesome input, form.awesome textarea, form.awesome select {
	margin-left: 210px; /* (label width) + (label margin) */
	width: 200px; /* subjective */
}

form.awesome textarea { 
	height: 400px;
	width: 600px; /* subjective, recommend: (3/2)(input width) */
}

form.awesome p.desc {
	margin-left: 210px; /* (label width) + (label margin) */
}

form.awesome .checks label {
	margin-left: 220px; /* (label width) + 2(label margin) */
}

form.awesome .checks input {
	margin-left: 210px; /* (label width) + (label margin) */
}

/*
	The following makes Internet Explorer 6.x play nicely. 
	These fix the double float margin bug.
*/
* html form.awesome .checks input { 
	margin-left: 105px;  /* (1/2)((label width) + (label margin)) */
}

* html form.awesome .checks label { 
	margin-left: 210px; /* (label width) + (label margin) */
	height: 1em; 
}

form.awesome {
	margin: 0 0 1em;
}

form.awesome label {
	float: left;
	text-align: right;
	padding-top: 0.2em;
	font-weight: bold;
	font-size: 1em;
}

form.awesome label:after { 
	content: ":"; 
}

form.awesome label.long {
	float: none;
	display: block;
	text-align: left;
}

form.awesome label.long:after {
	content: "";
}

form.awesome input, form.awesome textarea, form.awesome select {
	display: block;
	margin-bottom: -0.5em;
}
form.awesome select[multiple="multiple"] {
	margin-left: 0px;
}
form.awesome br { 
	clear: left;
} 

form.awesome input[type="radio"], form.awesome input[type="checkbox"], 
form.awesome input[type="hidden"] { 
	width: auto; 
	height: 0.8em; 
	border: 0;
}

form.awesome input[type="hidden"] {
	display: none;
}

form.awesome p.desc {
	display: block;
	margin-top: -0.4em;
	margin-bottom: 1em;
	font-style: italic;
	font-size: 0.9em;
}

form.awesome .checks label {
	float: none;
	width: auto;
	clear: none;
	display: block;
	text-align: left;
	height: 2em;
	padding-top: 0;
	margin-bottom: -1em;
}

form.awesome .checks label:after { 
	content: ""; 
} 

form.awesome .checks input {
	float: left;
	text-align: right;
	margin-bottom: 0.5em;
	width: auto;
}

/*
	I found my own IE CSS display bug. I call it the "IE sucks, so it redraws the top border all over the fieldset like a jerk bug."
*/
* html form.awesome input, * html form.awesome textarea, * html form.awesome select,
* html form.awesome .checks input, * html form.awesome .checks label, 
* html form.awesome p.desc {
	margin-top: 0;
	margin-bottom: 0;
}

* html form.awesome fieldset br {
	line-height: 0.5em;
	font-size: 0.5em;
}