/* Some baseline stuff */

html {

}

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

body {
	line-height:		1em;
	background:			url('http://grownups.heyjosh.com/assets/images/background.png');
	color:				#333;
	font:				76% Arial, Helvetica, sans-serif;
}

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:		14px;
}


/* Top Bar */

#topBar {
	color:				#fff;
	background:			url('http://grownups.heyjosh.com/assets/images/forum/header_bg.png') repeat-x left bottom;
	padding:			0px 30px 26px 30px;
}

ul.topBarLinks {
	float:				right;
	margin-top: 68px;
}

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

#topBar h1 {
	text-indent: -9999px;
}
#topBar h1 a {
	display: block;
	width: 256px;
	height: 102px;
	background:			url('http://grownups.heyjosh.com/assets/images/forum/logo.png') no-repeat;
}


#topBar h1 a:link, #topBar h1 a:visited {
	color:				#FFF;
}

p.intro {
	font-weight: bold;
}

/* Subheader */

#subheader {
	margin:				20px 25px;
	color: #707070;
}

.currentcrumb {
	font-weight:		bold;
	color: #FFF;
}


/* Visitor Stats */

#visitorStats {
	margin:				0 0 10px 0;
}


/* Content */

#content {
	margin:				0 25px 30px 25px;
	padding: 			30px;
	background: #FFF;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	overflow: auto;
}

#content p {
	margin:				10px 0;
	line-height:		14px;
}

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

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

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 */

table {
	border-bottom:		1px solid #bbb;
}

th {
	text-align:			left;
	background:			url('http://grownups.heyjosh.com/assets/images/forum/th_header_bg.png') repeat-x top;
	color:				#fff;
}

td, th {
	padding:			8px 15px;
}

td.category {
	background:			url('http://grownups.heyjosh.com/assets/images/forum/th_bg.png') repeat-x top;
	color:				#fff;
	font-weight:		bold;
}

.categoryDescription {
	font-weight:		normal;
	font-style:			italic;
}

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

tr.forumRow td.recentPostInfo,
tr.topicRow td.recentPostInfo {
	border-left:		1px solid #bbb;
	border-right:		1px solid #bbb;
	border-top:			1px solid #bbb;
	background-color:	#ddd;
}

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

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

table.threadTable td.body {
	border-left:		1px solid #ddd;
	border-right:		1px solid #ddd;
	border-bottom:		1px solid #ddd;
	vertical-align:		top;
}

table.threadTable td.body ul {
	list-style-position:	inside;
	margin:					8px 10px 10px 0;
	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:			18px;
	font-weight:		bold;
	margin-top: 		5px;
	margin-bottom:		4px;
}

.forumInfo {
	color:				#666;
	padding:			3px;
}

.forumDescription {
	font-weight:		bold;
	padding:			3px;
}

.topicPagination {
	font-size:			13px;
}

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

.topicMarker {
	float:				left;
}

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

.topicTitle {
	font-size:			18px;
	margin-bottom:		6px;
	line-height:		20px;
}

.replyLink {
	margin-bottom:		10px;
}

.avatar {
	float:				left;
	margin-bottom: 10px;
}

.authorInfo {
	clear: left;
	padding:		5px 0;
}

.authorIP {
	font-style:			italic;
}

.authorName {
	font-size:			14px;
	margin-bottom: 10px;
	font-style: italic;
}

.attachments {
	background-color:	#eee;
	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:	#666;
	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;
}

table.submissionForm {
	border:				0;
	border-spacing: 1px 1px;
}

table.submissionForm td {
	background-color:	#ddd;
}

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

table.submissionForm th {
	text-align:			right;
	background: #999;
}

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

table.optionsTable {
	border:				0;
}

table.optionsTable td {
	border:				0;
}

input {
	margin:				6px 0;
}

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;
}

table.searchForm {
	border:				1px solid #bbb;
	border-top:			10px solid #053158;
	background-color:	#eee;
}

fieldset {
	padding:			10px 10px 8px 10px;
	margin:				6px 0;
	border:				1px solid #a0a0a0;
}

legend {
	background-color:	#6a6a6a;
	color:				#fff;
	border:				1px solid #eee;
	padding:			5px 7px;
}
/* Footer */

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


/* Links */

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

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

.breadcrumb a:link, .breadcrumb a:visited {
	text-decoration:	none;
	color:				#b2afaf;
}

.breadcrumb a:hover {
	text-decoration:	underline;
	color:				#FFF;	
}

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

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

.subscribeLink a:link, .subscribeLink a:visited {
	font-size:			10px;
	color:				#666;
	margin-top: 5px;
	float: right;
}

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

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

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

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

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

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

.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:				#f47b28;
}

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

.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:				#898887;
}

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

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:				#23496b;
}

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

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

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


/* Member Profile Pages */

table.profileTable {
	border:				0;
	border-spacing: 1px 1px;
}

table.profileTable td.tableCellOne,
.memberPage table.threadTable td.tableCellOne,
.memberlistRowOne {
	background:			#ddd;
}
table.profileTable th {
	background: #999;
}

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:		1px solid #bbb;
}

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

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

table.messageFolders td,
td.notepad,
table.memberSearch td {
	border-left:		1px solid #bbb;
}

.profileTitle {
	font-size:			24px;
	font-weight:		bold;
	margin-bottom: 5px;
}

.rankAdmin {
	color:				#3768b8;
}

.rankModerator {
	color:				#468d4b;
}

table.profileFields {
	border:				0;
	margin-bottom:		10px;
	border-spacing: 1px 1px;
}
table.profileFields th {
	background: #999;
}
.profileFields td.tableCellTwo {
	vertical-align:		middle;
	font-weight:		bold;
	color:				#fff;
	background-color:	#222;
}

.profileFields td.tableCellOne {
	background-color:	#ddd;
}

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

/* Registration Page */
#register {
	float: left;
	width: 535px;
	border-right: 1px solid #CCC;
	overflow: auto;
	padding-left: 20px;
	position: relative;
}
#register input, #register textarea, #login input, #login textarea {
	width: 260px;
	border-top: 1px solid #8f8f8f;
	border-left: 1px solid #8f8f8f;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
	color: #999;
	padding: 3px 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
#register textarea, #login textarea {
	width: 609px;
	height: 100px;
	margin-top: .2em;
}
#register input:focus, #register textarea:focus,
#register input.focus, #register textarea.focus,
#login input:focus, #login textarea:focus,
#login input.focus, #login textarea.focus {
	color: #282828;
}
#register button, #login button {
	width: 239px;
	height: 34px;
	background: url('/assets/images/comment_submit.png') no-repeat top;
	font: bold 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	border: 0;
	text-align: left;
	padding-left: 14px;
	margin: .2em 0 0 0;
}
#register button:hover, #login button:hover {
	background: url('/assets/images/comment_submit.png') no-repeat bottom;
	cursor: pointer;
}
#register .error {
	font-weight: bold;
	color: #d41341;
}
#register .code {
	width: 185px;
	float: right;
	margin: 20px 40px 0 20px;
	font-size: 11px;
}
#register .code h4 {
	font-size: 12px;
	margin: 0 0 5px 10px;
}
#register .code img {
	padding: 10px;
	background: #EEE;
}
#register .code p {
	margin: .5em 10px 0 10px;
	color: #666;
}
#register_member_form {
	float:  left;
}
#login {
	float: left;
	width: 300px;
	overflow: auto;
	padding-left: 40px;
}
#content p.required {
	font-weight: bold;
	color: #d41341;
	margin-left: 20px;
}
#content p.access-code {
	padding: 10px;
	background: #EEE;
	margin-left: -10px;
}
#content p.access-code input {
	margin-bottom: 0;
}
#back {
	position: absolute;
	right: 38px;
	top: 20px;
}
.identity {
	padding-left: 55px;
	background: url('/assets/images/forum/forum_identity.png') no-repeat 10px 7px;
}
.identity .forumName a {
	color: #ff6800;
}
.forumName a:hover {
	text-decoration: underline;
}
/* Icky but necessary */

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