/* Some baseline stuff */

html {
	background:			#F4F1EA;
	color:				#808080;
	font-family:		Helvetica, arial, sans-serif;
	font-size: 14px;
}

html, body {
	margin:				0;
	padding: 			0;
}

body {
	line-height:		1.2em;
}

p, div, h1, h2, h3, h4, ul, li, form, input, select, option, img {
	margin: 			0;
	padding:			0;
}

img {
	border:				0;
}

a {
	outline:			0;
}

p, div {
	line-height:		18px;
}
/* Specific Layout for Lounge Pages */
#lounge_member_profile #main_content,
#lounge_member_profile #featured, 
#lounge_search #featured, 
#lounge_search_results #featured, 
#lounge_submission #featured,
#lounge_viewThread #featured {background-image: url(http://www.njtroutintheclassroom.org/images/layout/bg_content_one_col.jpg); background-repeat: no-repeat;}
#delete_post #main_content {width: 920px;}

ul#mainNav {font-size: .9em; width: 450px; margin-top: 3.3em;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1em; margin:0 0 1.5em 0;border: 1px dashed #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0; border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
/*textarea {width:390px;height:3em;padding:5px;}*/
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.category_jump {float: right;}


/* layout & special css */

body {background-color: #F4f1ea; background-image: url(http://www.njtroutintheclassroom.org/images/layout/bg_body.jpg); background-repeat: repeat-x; margin: 0; padding: 0;}
.container {width: 950px; }


/* Top Bar */

#topBar {height: 34px; color:#fff; background-color:#333; padding: 0px 30px; position: relative; top:0em;}
ul.topBarLinks {float:right; margin-top: 9px;}
ul.topBarLinks li {display:block; float:left; margin:0 8px;}
#topBar h1 {font-size:18px; padding-top: 9px;}


/* Subheader */
#subheader {width: 950px;}


/* Visitor Stats */

#visitorStats {
	margin:				-1em 10em 10px 0;
	float: right;
	font-size: .9em;
	color: brown;
}


/* Content */
#content #memberPage {width: 95%;}

#main_content {width: 950px; margin: 0 0 30px 0px; padding: 0px 0px 0px 25px; min-height: 900px;}

#main_content p {
	margin:				10px 0px;
	line-height:		18px;
	color: #666;
}

#main_content h2 {
	margin:				10px 0;
	font-size:			22px;
	line-height:		24px;
}

ul.postLinks li {
	display:			block;
	float:				left;
	margin:				0 8px;	
}

blockquote {
	padding:			6px 8px;
	margin:				6px 0;
	background-color:	#eee;
	border:				1px solid #bbb;
}

.quoteAuthor {
	font-weight:		bold;
	font-style:			italic;
}

.reviewHeading {
	text-align:			center;
	background-color:	#222;
	color:				#fff;
	font-weight:		bold;
	font-size:			16px;
	padding:			6px 8px;
	margin:				6px 0;
}

.reviewReminder {
	margin:				6px 0;
}

.replyResults {
	font-size:			11px;
}

/* Forum Tables and Stuff */

body#lounge_index .container #main_content {padding: 0 0 0 0;}
table {border-bottom:		1px solid #bbb;}
#main_content table {border: 1px solid #ccc; padding: 0;}

td.tablecellOne	{background-color: purple;}

th {
	text-align:			left;
	background-color:	#998675;
	color:				#333;
}

td, th {
	padding:			8px 15px;
}
th.th_label {color: #fff; font-size: 1.1em; background-color: #331e1d;}
th.th_label.right {padding-left: 1em;}
th.th_label.left {padding-left: 1em;}

td.category {
	background-color:	#ccc;
	color:				#fff;
	font-weight:		bold;
	margin-top: 4em;
	padding-left: 1em;
}
td.forum {padding-left: 1em;}

table td.category h2 {font-size: 1.3em !important ; margin-bottom: 0 !important; padding-bottom: 0;}

table p.categoryDescription {
	font-weight:		normal;
	font-style:			/*italic*/;
	font-size: .85em;
}
table td.category h2+p {margin: 0px 0 10px 0 !important;}

tr.forumRow td.forum,
tr.topicRow td {
	border-left:		0px solid #ccc;
	border-top:			1px solid #dddad5;
}

tr.forumRow td.recentPostInfo,
tr.topicRow td.recentPostInfo {
	border-left:		0px solid #bbb;
	border-right:		0px solid #bbb;
	border-top:			1px solid #dddad5;
	background-color:	transparent;
	padding-left: 1em;
}
.post_title, .post_author, .post_date {font-size: .9em; line-height: 1.2em;}
.post_title {color: red; font-size: .95em; font-weight: bold;}
.post_author, .post_date {color: #808080;}

body#lounge_member_profile table.threadTable {border-top: red 0px solid;}

table.threadTable {
	border-top:			1px solid #dddad5;
	border-bottom:		0;
	margin-bottom:		8px;
}

table.threadTable th {background-color: red;}
table.threadTable td.author {
	background-color:	#BFB2A7;
	width:				125px;
	vertical-align:		top;
}

table.threadTable td.body {
	border-left:		0px solid #ddd;
	border-right:		0px solid #ddd;
	border-bottom:		0px solid #ddd;
	vertical-align:		bottom;
	background-color: transparent;
}
td.body {padding: 1em;background-image: url(http://www.njtroutintheclassroom.org/images/layout/bg_content_one_col.jpg); background-repeat: no-repeat;}

table.threadTable td.body ul {
	list-style-position:	inside;
	margin:					8px 10px 10px 10px;
	line-height:			16px;
}

table.threadTable td.reply {
	border-top:			1px solid #ddd;
}

div.pagination {
	float:				right;
}

div.pagination table {
	border:				0;
}

div.pagination td {
	padding:			2px 3px;
}

.forumName {
	font-size:			1em;
	font-weight:		bold;
	margin:				.3em 0em 0em;
	padding: 0em 0em .25em;
}

.forumInfo {
	color:				#808080;
	padding:			3px;
	font-size: .8em;
}

.forumDescription {
	font-size:			.95em;
	font-weight:		normal;
	padding:			.5em 1em 0em 0em;
	color:	#666;
}

.topicPagination {
	font-size:			13px;
}

.postLinks {
	margin-left:		15px;
	font-weight:		bold;
	font-size: .8em;
}

.topicMarker {
	float:				left;
	padding-top: .5em;
}

.topicTitle, .topicAuthor {
	margin-left:		15px;
}

h2.topic_title {width: 95%; color: #664400;}

.topicTitle {
	font-size:			1.1em;
	margin-bottom:		6px;
	line-height:		20px;
	padding: .5em 0em 0em;
}

.replyLink {
	margin-bottom:		3px;
}

.avatar {
	float:				left;
}

.authorInfo {
	padding-left:		5px;
}

.authorIP {
	font-style:			italic;
}

.authorName {
	font-size:			14px;
}

.attachments {
	background-color:	transparent;
	padding:			5px 8px;
	margin-bottom:		8px;
}

.attachTitle {
	font-weight:		bold;
	margin-bottom:		4px;
}

.attachments img {
	border:				1px solid #bbb;
}

h3 {
	margin:				15px 0 10px 0;
	background-color:	transparent;
	color:				#fff;
	font-weight:		bold;
	padding:			6px 8px;
}

.postContent {
	margin:				10px 0;
	border-top:			1px solid #666;
	border-bottom:		1px solid #666;
}

/* Forms */

.formInput label {
	font-weight: 		bold;
}

.miniForm {
	display:			inline;
}

.errorHeading {
	color:				#ca2024;
}

.alert {
	background:			#fee9b2;
	color:				#ca2024;
	padding:			6px 8px;
}


form#submit_message table.submissionForm th {border: 0; background-color: transparent;}

body#lounge_submission #main_content {width: 920px; padding-left: 0;}
body#lounge_submission #content {width: 100%; margin: 0 0 0 30px;}
body#lounge_submission #content h2 {width: 95%;}
body#lounge_submission table {padding: 2em;}
table.submissionForm {border: 0;}
table.submissionForm tr {background-color: transparent; border: 0;}
table.submissionForm .profile tr th {background-color: red;}

table.submissionForm td {
	background-color:	transparent;
	border-top:			0px solid #bbb;
	border-right:		0px solid #bbb;
	border-bottom:		0px solid #bbb;
	border-left:		0px solid #bbb;
}

table.memberSearch {border: 1px solid #999; background-color: #ddd;}

textarea#recipients, textarea#cc {height: auto;}

table.submissionForm tr.spacer td {
	background-color:	transparent;
	border:				0;
}

table.submissionForm th {
	text-align:			right;
	background-color: transparent;
}
h2.form_title {text-align: left; color:#664400;}

table.submissionForm th.formTopicTitle {
	text-align:			left;
}

table.optionsTable {
	border:				0;
}

table.optionsTable td {
	border:				0;
}

input {
	margin:				6px 0;
}
#register input {margin: 0;}

input.input {padding: 2px 3px; color:#555; font-size: .9em;}
select.select {padding: 2px; font-size: .9em; color: #555;}
select.multiselect {padding: 5px; font-size: .9em; color: #555}
textarea.textarea {padding: 5px; font-family: arial,helvetica,sans-serif;font-size:1em; color: #555;}

label {
	font-weight:		bold;
}

.extraOptionLink {
	margin:				6px 0;
}

.checkbox {
	margin:				6px 0;
}

.radio {
	background-color:	#eee;
	padding:			6px 8px;
}

.radio input {
	margin:				0;
}

.select {
	margin:				6px 0;
}

#poll {
	margin:				6px 0;
}

.pollQuestion {
	font-size:			24px;
	font-weight:		bold;
	margin:				10px 0;
}

.pollInfo {
	margin:				6px 0;
}

table.pollResults {
	border:				0;
	margin-bottom:		15px;
}

div.submit {
	padding:			6px 8px;
	border-bottom:		6px solid #333;
}

fieldset.searchBox {background-color: transparent;}
fieldset.searchBox legend {color: sienna;}
fieldset.searchBox legend a {color: #63a7e7;}

table.searchForm {
	border:				1px solid #bbb;
	background-color:	#e1e1e1;
	padding-top: 1.5em;
}

fieldset {
	padding:			10px 10px 8px 10px;
	margin:				6px 0;
}

legend {
	color:				#fff;
	border:				1px solid #fff;
	padding:			5px 7px;
}

#fastreply {width: 93%;}
/* Footer */

#footer {
	text-align:			center;
	font-size:			10px;
}


/* Links */

#topBar a:link, #topBar a:visited {text-decoration:	none;color:	#63a7e7;}

#topBar a:hover {text-decoration: underline; color: #7dacd8;}

.forumName a:link, .forumName a:visited {
	text-decoration:	none;
	color:				#3768b8;	
}

.forumName a:hover {
	color:				#000;	
}

.subscribeLink a:link, .subscribeLink a:visited {
	font-size:			10px;
	color:				#666;
	vertical-align:		top;
}

.subscribeLink a:hover {
	text-decoration:	none;
	color:				#999;
}

.postLinks a:link, .postLinks a:visited {
	text-decoration:	none;
	color:				#3768b8;
}

.postLinks a:hover {
	text-decoration:	underline;
}

.topicTitle a:link, .topicTitle a:visited {
	text-decoration:	none;
	color:				#3768b8;
}

.topicTitle a:hover {
	color:				#000;
}

.topicAuthor {font-size: .9em;color: #808080;}
.topicAuthor a:link, .topicAuthor a:visited,
.recentPostInfo a:link, .recentPostInfo a:visited {
	color:				#333;
	text-decoration:	none;
	font-weight:		bold;
	font-size:			.9em;
}

.topicAuthor a:hover,
.recentPostInfo a:hover {
	color:				#666;
}

.replyLink a:link, .replyLink a:visited {
	text-decoration:	none;
	color:				#444;
	font-weight:		bold;
	font-size:			11px;
}

.replyLink a:hover {
	text-decoration:	underline;
	color:				#777;
}

.authorName a:link, .authorName a:visited {
	text-decoration:	none;
	color:				#333;
	font-weight:		bold;
}

.authorName a:hover {
	text-decoration:	underline;
	color:				#666;
}

.ignored a:link, .ignored a:visited {
	text-decoration:	none;
	color:				#333;
}

.ignored a:hover {
	text-decoration:	underline;
	color:				#666;
}

.rankAdmin a:link, .rankAdmin a:visited {
	color:				#3768b8;
}

.rankModerator a:link, .rankModerator a:visited {
	color:				#468d4b;
}

.attachments a:link, .attachments a:visited {
	text-decoration:	none;
	color:				#3768b8;
}

.attachments a:hover {
	text-decoration:	underline;
	color:				#000;
}

.pagination a:link, .pagination a:visited,
#footer a:link, #footer a:visited,
.reviewReminder a:link, .reviewReminder a:visited {
	text-decoration:	none;
	color:				#3768b8;
}

.pagination a:hover,
#footer a:hover,
.reviewReminder a:hover {
	text-decoration:	underline;
	color:				#000;
}

form a:link, form a:visited {
	text-decoration:	none;
	color:				#3768b8;	
}

form a:hover {
	text-decoration:	underline;
	color:				#000;
}

legend a:link, legend a:visited {
	color:				#fff;
	text-decoration:	underline;
}

legend a:hover {
	text-decoration:	none;
}

.banMember a:link, .banMember a:visited {
	text-decoration:	none;
	color:				#3768b8;
}

.banMember a:hover {
	text-decoration:	underline;
}

.memberPage a:link, .memberPage a:visited {
	text-decoration:	none;
	color:				#3768b8;
}

.memberPage a:hover {
	text-decoration:	underline;
}

a#extLink1,
h3.subHeaderLink a:link, h3.subHeaderLink a:visited {
	color:				#7dacd8;
}

#topBar ul.topBarLinks li.profileLink a:link, #topBar ul.topBarLinks li.profileLink a:visited {
	color:				#fff;
	font-weight:		bold;
}


/* Member Profile Pages */

body#lounge_member_profile table th {background-color: transparent; color: black;}
body#lounge_member_profile .spacer {background-color: transparent;}
body#lounge_member_profile table tr td {vertical-align: top;}
body#lounge_member_profile #main_content form#email_console_form {width: 95%;}
body#lounge_member_profile table {border: 0;}
#profileWrapper table.profileTable {vertical-align: top;}


table.profileTable {
	border:				0;
	vertical-align: text-top;
}

table.profileTable td.tableCellOne,
.memberPage table.threadTable td.tableCellOne,
.memberlistRowOne {
	background:			#e3e3e3;
}

td.tableBorderPad {vertical-align: top; background-image: url(http://www.njtroutintheclassroom.org/images/lay out/bg_content_one_col.jpg); background-position: right top; background-repeat: no-repeat; padding: 0 4em 0 2em;}

td.profileMenu {padding: 0 2em;}
td.profileMenu {padding-bottom: 20em; height: 100%;}

ul.profileMenu {
	list-style:			none;
	margin-left:		6px;
	font-size:			14px;
}

ul.profileMenu li {
	margin:				6px 0;
}

table.avatarTable {
	border:				0;
}

table.avatarTable td {
	border:				1px solid #bbb;
	background-color:	#fff;
}

table.messageTable th {
	text-align:			right;
}

table.messageTable td {
	border-right:		0px solid #bbb;
}

table.messageTable td.message {
	border-top:			0px solid #bbb;
}

table.messageTable tr.spacer td {
	border-right:		0;
	border-top:			1px dashed #ccc;
}

table.messageFolders td,
td.notepad,
table.memberSearch td {
	border-left:		1px solid transparent; /*NOTE THAT THIS MAY BREAK SOME PLACES */
}
table.memberSearch, table.searchForm {width: 95%;}
.profileTitle {
	font-size:			24px;
	font-weight:		bold;
}

.rankAdmin {
	color:				#3768b8;
}

.rankModerator {
	color:				#468d4b;
}

table.profileFields {
	border:				0;
	margin-bottom:		10px;
	background-color: transparent;
}

.profileFields td.tableCellTwo {
	vertical-align:		top;
	font-weight:		bold;
	color:				#000;
	background-color:	transparent;
}

.profileFields td.tableCellOne {
	background-color:	transparent;
}

tr.customFields span.alert {
	background:			transparent;
	color:				#fff;
	padding:			0;
}

#endstuff {text-align: center; font-size: smaller; color: #808080;}
/* Icky but necessary */

.spacer {
	clear:				both;
	margin-bottom:		5px;
	height:				0;
	background-color: transparent;
}