/* 
 * Style Sheet: MyTopix | Personal Message Board ( 1.2.1 Beta )
 * Author: Daniel Wilhelm II Murdoch, wilhelm@jaia-interactive.com, http://www.jaia-interactive.com
 * Copyleft: 2004 Jaia Interactive, All lefts reserved
 */

/* 
 * =================================
 * Global Stuff:
 * =================================
 */

body{
	color: #222;
	font: normal normal 12px/150% Arial;
	margin: 0px 0px;
	padding: 0;
	text-align: center;
}

form {
	margin: 0;
	}

img{
	border: 0;
	margin: 0;
}

a:link,
a:visited{
	background-color: transparent;
	color: #678BA9;
	text-decoration: none;
}

a:hover,
a:active{
	background-color: transparent;
	color: #8DA8BF;
	text-decoration: none;
}

/* 
 * =================================
 * Bread Crumb Navigation Bar:
 * =================================
 */

#crumb_nav {
	margin: 0 5px;
	padding: 5px;
	font: normal bold 14px/150% Arial;
	border-bottom: 1px solid #F7F7F7;
	color: #888;
}

/* 
 * =================================
 * Main Board Wrapper:
 * =================================
 */

#container{
	background: #FFF none;
	color: #222;
	padding: 0;
	text-align: right;
}

	#container h1{
		background: transparent url(header_image.gif) 10px 0 no-repeat;
		height: 45px;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #F3F3F3;
	}

	#container h1 a:visited,
	#contaienr h1 a:link {
		height: 45px;
		display: block;
	}

	#container h1 a:hover,
	#container h1 a:active{
		text-decoration: none;
	}

	#container h2 {
		color: #222;
		font-size: 14px;
		font-weight: normal;
		margin: 0 5px;
		padding: 0;
		letter-spacing: 1px;
		}

/* 
 * =================================
 * User Welcome Bar:
 * =================================
 */

.welcome{
	background: #F7F7F7 none;
	border: 2px solid #3D5863;
	color: #222;
	margin: 5px;
	padding: 0;
}

	.welcome th{
		background: #EEE none;
		border-top: 4px solid #707070;
		color: #777;
		font-size: 11px;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		margin: 0;
	}

	.welcome td.header {
		background: #97B201;
		font: normal bold 14px/150% Arial;
		color: #FFFFFF;
		padding: 2px 10px;
	}
		.welcome td.header a:link,
		.welcome td.header a:visited{
			color: #FFFFFF;
		}

		.welcome td.header a:hover,
		.welcome td.header a:active{
			color: #FFFFFF;
		}

	.welcome p{
		font-size: 11px;
		margin: 0;
		padding: 4px;
		text-align: left;
	}

	.welcome p.links{
		float: right;
		text-align: right;
	}	

/* 
 * =================================
 * Post Button Bar:
 * =================================
 */

.postbutton{
	margin: 10px 5px;
	text-align: left;
}

	.postbutton p{
		color: #A70000;
		text-align: left;
		margin: 0;
		padding: 0 5px;
	}

	.postbutton p.links{
		float: right;
		text-align: right;
	}

/* 
 * =================================
 * Post Display Wrapper:
 * =================================
 */

.postwrap{
	background: #FFF;
	border: 2px solid #4D4D4D;
	color: #222;
	margin: 5px;
	padding: 0;
}

	.postwrap ul {
		list-style: square;
		font-size: 11px;
		}

/* 
 * =================================
 * Topic / Post Viewing Bits:
 * =================================
 */

.postheader {
	background: #E1A110;
	font: normal bold 14px/150% Arial;
	color: #FFFFFF;
	padding: 2px 10px;	
	margin: 1px;
}

/* User Section Styles: */

.user{
	border-bottom: 1px solid #707070;
	border-top: 4px solid #707070;
	background: #F9F9F9 none;
	color: #222;
	margin: 0px;
	padding: 5px;
	text-align: left;
}

	.user p{
		margin: 0;
		text-align: right;
		float: right;
	}

		.user p span {
			display: block;
			color: #A1A1A1;
			font-size: 11px;
		}

/* Post Display Stylings: */

.post{
	color: #222;
}

.post h5{
	background: #FFF;
	border-bottom: 1px solid #EEE;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	line-height: 200%;
	color: #AAA;
	padding-right: 5px;
}

	.post h5 span {
		margin: 3px 5px;
		float: left;
		}

	.post p{
		background: #FFF none;
		text-align: right;
		font-size: 14px;
		margin: 0;
		padding: 10px;
	}

	.post p.sig {
		margin: 5px 10px 10px 10px;
		padding: 10px;
		background: #FAFAFA none;
		border: 1px solid #D1D1D1;
	}

	.post p.attach {
		margin: 5px 10px 10px 10px;
		padding: 3px 3px 3px 25px;
		background: #FAFAFA url(attach.gif) 5px no-repeat;
		border: 1px solid #EEE;
	}

/* Post Bit Footer Stylings: */

.foot{
	clear: both;
	background: #FAFAFA;
	border-top: 1px solid #DDD;
	color: #222;
	margin: 0 0 1px 0;
	padding: 5px 10px 0 10px;
}

	.foot span{
		float: left;
		font-size: 11px;
		font-weight: bold;
	}

	.foot ul{
		margin: 0;
		padding: 0;
		}

		.foot li {
			display: inline;
			padding: 0;
			margin: 0;
			}

		.foot li a:link,
		.foot li a:visited{
			font-weight: bold;
			margin: 0;
			background-color: transparent;
			height: 100%;
			text-decoration: none;
		}

/* End Of Post Stylings: */

.postend{
	background: #5D7999;
	color: #888;
	font-size: 1px;
	line-height: 10px;
	margin: 1px;
	border: solid #302978;
	border-width: 1px 0;
}

/* 
 * =================================
 * Mini. Info Bar ( Pages, Links, Etc. ):
 * =================================
 */

.bar {
	margin: 5px;
	background: #FAFAFA;
	padding: 0px;
	font-size: 12px;
	color: #AAA;
	clear: right;
	}

	.bar span {
		float: left;
		}

/* 
 * =================================
 * Main Display Tables:
 * =================================
 */

.maintable{
	color: #222;
	margin: 5px;
	padding: 0;
	border: 2px solid #3D5863;
}

.maintable2{
	color: #222;
	margin: 4px;
	padding: 0;
	border: 2px solid #3D5863;
	width: 32%;
	float: right;
	margin-left: 0px 
}

	.maintable td.header {
		background: #E1A110;
		font: normal bold 14px/150% Arial;
		color: #FFFFFF;
		padding: 2px 10px;
	}

	.maintable2 td.header {
		background: #E1A110;
		font: normal bold 14px/150% Arial;
		color: #FFFFFF;
		padding: 2px 10px;
	}

		.maintable td.header a:link,
		.maintable td.header a:visited{
			color: #B3C5D4;
		}

		.maintable2 td.header a:link,
		.maintable2 td.header a:visited{
			color: #FFFFFF;
		}

		.maintable td.header a:hover,
		.maintable td.header a:active{
			color: #E2EDF6;
		}

		.maintable2 td.header a:hover,
		.maintable2 td.header a:active{
			color: #EBEBEB;
		}

	.maintable th{
		background: #EEE none;
		border-top: 4px solid #707070;
		color: #777;
		font-size: 11px;
		font-weight: bold;
		padding: 3px 5px 2px 5px;
		margin: 0;
	}

	.maintable2 th{
		background: #EEE none;
		border-top: 4px solid #707070;
		color: #777;
		font-size: 11px;
		font-weight: bold;
		padding: 3px 5px 2px 5px;
		margin: 0;
	}

	.maintable td.cellone{
		background: #FAFAFA none;
		border-top: 0;
		color: #222;
		font-size: 13px;
		font-weight: bold;
		padding: 3px;
		vertical-align: middle;
		border-bottom: 1px solid #C9CEDC;
	}

	.maintable2 td.cellone{
		background: #FAFAFA none;
		border-top: 0;
		color: #222;
		font-size: 11px;
		padding: 3px;
		vertical-align: middle;
	}

		.maintable td.cellone a:link,
		.maintable td.cellone a:visited{
			text-decoration: underline;
		}

		.maintable2 td.cellone a:link,
		.maintable2 td.cellone a:visited{
			text-decoration: underline;
		}

		.maintable td.cellone h4 {
			font-weight: bold;
			font-size: 12px;
			line-height: 100%;
			margin: 3px 0 0 5px;
		}

		.maintable2 td.cellone h4 {
			font-weight: bold;
			font-size: 13px;
			line-height: 100%;
			margin: 0px 0 0 5px;
		}

		.maintable td.cellone h4 a:link,
		.maintable td.cellone h4 a:visited{
			text-decoration: none;
		}

		.maintable2 td.cellone h4 a:link,
		.maintable2 td.cellone h4 a:visited{
			text-decoration: none;
		}

		.maintable td.cellone h4 a:hover,
		.maintable td.cellone h4 a:active{
			text-decoration: underline;
		}

		.maintable2 td.cellone h4 a:hover,
		.maintable2 td.cellone h4 a:active{
			text-decoration: underline;
		}

		.maintable td.cellone p {
			margin: 0;
			padding: 0 5px;
		}

		.maintable2 td.cellone p {
			margin: 0;
			padding: 0 5px;
		}

		.maintable td.cellone span.special {
			color: #AAA;
			display: block;
			line-height: 100%;
			}

		.maintable2 td.cellone span.special {
			color: #AAA;
			display: block;
			line-height: 100%;
			}

	.maintable td.celltwo{
		background: #F5F5F5 none;
		color: #999;
		font-size: 11px;
		vertical-align: middle;
		border-bottom: 1px solid #C9CEDC;
	}

	.maintable td.cellthree {
		background: #FAFAFA none;
		text-align: center;
		vertical-align: middle;
		padding: 10px 5px;
		border-bottom: 1px solid #C9CEDC;
	}
	
	.maintable td.celllast{
		background-color: #FAFAFA;
		padding: 3px 10px;
		color: #222;
		font-size: 11px;
		border-bottom: 1px solid #C9CEDC;
	}

		.maintable td.celllast span {
			color: #AAA;
			display: block;
			}

	.maintable td.footer {
		padding: 2px 15px;
		background: #EEE url(footer_bg.gif);
		border-top: 1px solid #CCC;
		text-align: left;
		font-weight: bold;
	}

	.maintable2 td.footer {
		padding: 2px 15px;
		background: #EEE url(footer_bg.gif);
		border-top: 1px solid #CCC;
		text-align: left;
		font-weight: bold;
	}

		.maintable td.footer span{
			padding: 10px 0;
			float: right;
		}	

		.maintable2 td.footer span{
			padding: 10px 0;
			float: right;
		}	

	/* Redirection Category Stylings: */
	.maintable td.redirect {
		background: #FAFAFA none;
		text-align: left;
		font-style: italic;
		padding: 0 15px;
		color: #BBB;
	}

	/* Calendar Stylings: */
	.maintable td.cal_blank {
		border: 1px solid #EEE;
		background: #FAFAFA none;
		height: 100px;
	}

	.maintable td.cal_day {
		vertical-align: top;
		border: 1px solid #EEE;
		background: #FFF none;
		height: 150px;
		font-size: 10px;
	}

		.maintable td.cal_day h4{
			border-bottom: 1px solid #A4B5C3;
			background: #E0E7EC none;
			padding: 5px 10px;
			margin: 0;
			text-align: left;
			color: #777;
			font-size: 12px;
		}

	.maintable td.cal_today {
		vertical-align: top;
		border: 2px solid #847841;
		background: #FFF none;
		height: 150px;
		font-size: 10px;
	}

		.maintable td.cal_today h4{
			border-bottom: 1px solid #847841;
			background: #BFB68D none;
			padding: 5px 10px;
			margin: 0;
			text-align: left;
			font-size: 12px;
			color: #847841;
		}

	/* Event Row Stylings: */
	.maintable div.events p{
		background-color: #FAFAFA;
		padding: 3px;
		margin: 5px;
		color: #777;
	}

		.maintable div.events p a:link,
		.maintable div.events p a:visited {
			font-weight: bold;
			text-decoration: underline;
		}
/* 
 * =================================
 * Moderator / Subcategory List:
 * =================================
 */

.mod_list {
	margin: 0 !important;
	padding: 0 5px !important;
	color: #AAA;
	display: i !important;
	line-height: 100%;
}

/* 
 * =================================
 * Main Section Navigation:
 * =================================
 */

#top_nav {
	text-align: left;
	padding: 0;
	margin: 5px 5px 0 5px;
	}

	#top_nav ul{
		margin: 0px 0px 5px 0px;
		padding: 0px;
		}

	#top_nav li{
		display: inline;
		margin: 0px;
		padding: 0px;
		}

	#top_nav a:link,
	#top_nav a:visited{
		font-weight: bold;
		margin: 0;
		padding: 5px 3px 7px 3px;
		text-decoration: none;
		}

	#top_nav a:hover,
	#top_nav a:active{
		text-decoration: none;
		}

/* 
 * =================================
 * Form Design Stylings:
 * =================================
 */

.formwrap{
	background: #F9F9F9 none;
	border: 2px solid #3D5863;
	color: #222;
	padding: 0;
	margin: 5px;
	text-align: right;
	}

	.formwrap th{
		background: #EEE none;
		border-top: 4px solid #707070;
		color: #777;
		font-size: 12px;
		font-weight: bold;
		padding: 4px 5px 4px 4px;
		margin: 0;
	}

	.formwrap td.h1{
		background: #AC1015 none;
		color: #FFFFFF;
		font-size: 15px;
		font-weight: bold;
		height: auto;
		margin: 0;
		padding: 5px 10px;
		}

	.formwrap td.h2{
		background: #E1A110 none;
		color: #FFFFFF;
		font-size: 15px;
		font-weight: bold;
		height: auto;
		margin: 0;
		padding: 5px 10px;
		}

	.formwrap td.h3{
		background: #97B201 none;
		color: #FFFFFF;
		font-size: 15px;
		font-weight: bold;
		height: auto;
		margin: 0;
		padding: 5px 10px;
		}

	.formwrap td.h4{
		border-bottom: 1px solid #EEEEEE;
		background-color: #F5F5F5;
		color: #222;
		font-size: 11px;
		margin: 0;
		font-weight: normal;
		padding: 5px 10px;
		letter-spacing: 0;
		}

	.formwrap td.h5{
		background: #D7D7D7 none;
		color: #696969;
		font-size: 13px;
		font-weight: bold;
		height: auto;
		margin: 0;
		padding: 5px 5px;
		}

	.formwrap h2 span {
		font-weight: bold;
		}

	.formwrap .sort {
		vertical-align: middle;
		border: none;
		font-size: 12px;
		text-align: center;
	}

	.formwrap .sort input,
	.formwrap .sort select{
		margin: 0 !important;
	}

	.formwrap .sort .submit {
		width: 45px;
	}

	.formwrap .sig {
		margin: 5px 10px;
		padding: 5px;
		background: #FFF none;
		border: 1px solid #CCC;
	}
	
	.formwrap .emoticon a:hover,
	.formwrap .emoticon a:active{
		background: #FFF4F4;
		color: #C45F5F;
		text-decoration: none;
	}

	.formwrap p.submit{
		background-color: #EEE;
		border-top: 1px solid #DDD;
		padding: 3px 10px;
		border-bottom: none !important;
		}

	p.checkwrap {
		margin: 5px 10px !important;
		padding: 5px !important;
		background: #FFF none !important;
		border: 1px solid #CCC !important;
	}

	.formwrap p.checkwrap select{
		margin: 0;
	}

	.formwrap p.checkwarn {
		margin: 5px 10px;
		padding: 5px;
		background: #FFF;
		border: 3px #7B0000 solid;
		font-weight: bold;
		color: #7B0000;
	}

	.formwrap li {
		list-style: square;
		}

/* 
 * =================================
 * Emoticon Box Stylings:
 * =================================
 */

.emoticon {
	margin: 10px;
	background: #FFF none;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}	

	.emoticon td{
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		text-align: center;
		vertical-align: middle;
		}

	.emoticon a:link,
	.emoticon a:visited{
		display: block;
		padding: 10px;
		background-color: transparent;
		color: #A40D0D;
		text-decoration: none;
	}

/* 
 * =================================
 * General Form Field Stylings:
 * =================================
 */

textarea,
input,
select{
	border: 2px solid #AAA;
	background: #FFF none;
	color: #333;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	margin: 10px;
	padding: 2px 2px;
	width: 65%;
}

select.big {
	width: 100% !important;
	font-size: 15px !important;
}

select.jump {
	width: auto !important;
	font-size: 12px !important;
}

input.small_button {
	vertical-align: top;
	margin: 0;
	padding: 9px 0;
	background: transparent;
	border: none;
	width: auto;
}

input.ava_button {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	width: auto;
}

input.small_text {
	width: 10em;
	padding: 3px;
	margin: 10px;
}

input.button{
	background: #FFF none;
	color: #2D71A8;
	font-weight: bold;
	font-size: 11px;
	margin: 4px 4 4px 4px;
	width: auto;
	border: 2px solid #8DA8BF1;
}

input.reset{
	background: #FFF none;
	border: 2px solid #CCC;
	color: #CCC;
	margin: 4px 4 4px 4px;
	font-weight: bold;
	font-size: 11px;
	width: auto;
}

input.bbcode {
	width: auto;
	}

input.sort {
	width: auto;
	text-align: center;
}

input.check{
	border: none;
	width: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

textarea{
	height: 125px;
	margin: 6px 4 6px 7px;
	width: 65%;
	font-weight: normal;
}

select{
	padding: 0;
	width: auto;
	font-size: 12px;
}

/* 
 * =================================
 * Tabbed Navigation Styles For User Control Panel (UCP):
 * =================================
 */

#ucp_tabs {
	border-bottom: 1px #bbb solid;
	background: #FFF none;
	padding: 0 0 5px 5px;
	margin: 15px  5px 10px 5px;
}

	#ucp_tabs ul{
		margin: 0;
		padding: 0;
	}

	#ucp_tabs li{
		display: inline;
		margin: 0;
		padding: 0;
	}

	#ucp_tabs a:link,
	#ucp_tabs a:visited{
		background: #C5D566;
		color: #FFFFFF;
		margin: 5 5px 5 5;
		padding: 8px 8px 7px 8px;
		text-decoration: none;
		letter-spacing: 1px;
		border: 1px solid #DDD;
		border-bottom-width: 0px;
	}

	#ucp_tabs a:hover,
	#ucp_tabs a:active{
		background: #97B201;
		padding: 8px 8px 7px 8px;
		text-decoration: none;
		border-bottom-width: 0px;
	}

	#ucp_tabs span {
		background: #FFF none;
		color: #777;
		margin: 5 5px 5 5;
		font-weight: bold;
		padding: 8px;
		text-decoration: none;
		border: 1px solid #BBB;
		border-bottom-width: 0px;
	}

/* 
 * =================================
 * Table Styles For User Control Panel (UCP):
 * =================================
 */

.ucp_table {
	margin: 10px auto;
	border: 1px solid #CCC;
	background: #FFF none;
	width: 95%;
}

	.ucp_table th {
		padding: 5px;
		background: #EEE none;
		border-bottom: 1px solid #CCC;
		font: normal bold 11px/150% Arial;
		}

	.ucp_table td {
		padding: 5px;
		background: #FFF none;
		font: normal normal 11px/150% Arial;
		}

	.ucp_table td.one {
		background: #FAFAFA none;
		border: none;
		font: normal normal 11px/150% Arial;
		}

/* 
 * =================================
 * Multi-Purpose Data Wrap Stylings:
 * =================================
 */

.infowrap {
	background: transparent none;
	color: #206BA4;
	padding: 0px;
	text-align: right;
	margin: 5px;
	font-size: 11px;
	border: 2px solid #3D5863;
	}

	.infowrap_header {
		background: #284465;
		font: normal bold 14px/150% Arial;
		color: #FFFFFF;
		padding: 2px 10px;
	}

	.infowrap h3 {
		background: #EEE url(footer_bg.gif) ;
		color: #678BA9;
		font-size: 12px;
		height: auto;
		margin: 0;
		padding: 5px 10px;
		border-bottom: 1px solid #CCC;
		}

	.infowrap p{
		text-align: right;
		padding: 3px 10px;
		color: #555;
		margin: 0;
		}

	.infowrap p.top{
		padding: 2px 15px;
		background: #EEE url(footer_bg.gif);
		border-top: 1px solid #CCC;
		text-align: left;
		font-weight: bold;
		}

	.infowrap ul {
		list-style: square;
		margin: 5px 20px;
		padding: 0;
		}

		.infowrap li {
			color: #678BA9;
			}

/* 
 * =================================
 * Print Topic Screen Stylings:
 * =================================
 */

#print {
	background: #FFF none;
	text-align: right;
	padding: 0px;
	margin: 10px auto;
	border: 1px solid #999;	
	width: 95%;
	}

	#print h2 {
		font-size: 12px;
		border-bottom: 1px solid #CCC;
		margin: 5px;
		padding: 0;
		}

		#print h2 span {
			float: left;
			}

	#print h4 {
		font-weight: bold;
		font-size: 11px;
		margin: 10px;
		padding: 0 3px;
		background: #F9F9F9;
		}

		#print h4 span {
			font-weight: normal;
			font-style: italic;
			}

	#print .post {
		margin: 10px;
		padding: 0px 10px 10px 10px;
		text-align: justify;
		border-right: 3px solid #CCC;
		font: normal normal 10px/150% Arial; 
		}

		#print .post ul {
			list-style: square;
			}

/* 
 * =================================
 * User Posts Search Result Stylings:
 * =================================
 */

#resultwrap ul {
	list-style: square;
	}

#resultwrap h4 {
	font-weight: bold;
	margin: 10px;
	padding: 0 3px;
	background: #F9F9F9;
	font-size: 12px;
	}

	#resultwrap h4 span {
		font-weight: normal;
		font-style: italic;
		}

	#resultwrap .post {
		margin: 10px;
		text-align: justify;
		border-right: 3px solid #CCC;
		font-size: 10px;
		}

/* 
 * =================================
 * Various BBCode Stylings:
 * =================================
 */

/* Code / Markup Box: */

.post ol.code {
	clear: both;
	background: #FFF;
	border: 1px solid #ddd;
	margin: 1em;
	padding: 3px 5px 3px 35px;
	font-family: Courier, Serif;
	list-style-type: decimal-leading-zero;
}

	.post ol.code code {
		font-family:Courier;
	}

	.post ol.code li.crowone {
		padding:0 5px;
		margin:2px 0;
		background:#F9F9F9;
	}

	.post ol.code li.crowtwo {
		padding:0 5px;
		margin:2px 0;
		background:#FCFCFC;
	}

/* User Quote Box: */

.post blockquote {
	clear: both;
	font-size: 11px;
	color: #777;
	border-right: 3px solid #EEE;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
	.post blockquote p {
		margin: 0;
		padding: 0 10px;
		}

	.post blockquote span.name{
		font: normal normal 11px/100% Arial;
		letter-spacing: 1px;
		text-transform: uppercase;
		display: block;
		margin: 0 0 10px 0;
		color: #4E4E4E;
	}

/* 
 * =================================
 * Style For Keyword Highlighting:
 * =================================
 */

.highlight {
	background: #FFDFDF none !important;
	color: #7B0000 !important;
	font-weight: bold !important;
	border: 1px #7B0000 solid !important;
	padding: 2px !important;
}

/* 
 * =================================
 * Stylings For Main Page News Topic:
 * =================================
 */

#community_news {
	margin: 10px 5px;
	padding: 0 0 0 10px;
	border-right: 3px solid #678BA9;
	background: #FAFAFA none;
	font: normal normal 12px/150% Arial;
	letter-spacing: 2px;
	}

	#community_news span {
		display: block;
	}

/* 
 * =================================
 * Board Copyleft Styles:
 * =================================
 */

#copyleft {
	border-top: 1px solid #FAFAFA;
	color: #777;
	margin: 0 5px 5px 5px;
	padding: 5px;
	text-align: center;
	font: normal normal 11px/200% Arial;
	}

	#copyleft span {
		display: block;
		}

/* 
 * =========================================
 * Quick / Dirty User Profile Screen Stuff:
 * =========================================
 */

 #right_column {
	width: 50%;
	float: right;
 }

 #left_column {
	width: 49.9%; /* So what? I got lazy. */
	float: left;
 }

 #signature {
	clear: both;
 }

/* 
 * =================================
 * Quick Stuff For BBCode Display:
 * =================================
 */

 #bbcode_panel {
 }

	#bbcode_panel .bbcode {
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #888;
		border-right: 1px solid #888;
		margin: 0 10px;
	}

	#bbcode_panel select {
		font-size: 13px;
		margin: 0;
		}

/* 
 * =================================
 * System Message ( Level 1 ) Stylings:
 * =================================
 */

#messenger{
	margin: auto;
	margin-top: 20%;
	width: 400px;
	background: #FFF none;
	border: 1px solid #CCC;
	color: #222;
	padding: 0;
	text-align: right;
	}

	#messenger h2{
		background: #EEE none;
		color: #678BA9;
		font-size: 12px;
		font-weight: bold;
		height: auto;
		margin: 0;
		padding: 5px 0 5px 10px;
		border: none;
		}

	#messenger h4{
		border-bottom: 1px dashed #EEE;
		background-color: #F4F4F4;
		color: #555;
		font-size: 11px;
		margin: 0;
		font-weight: normal;
		padding: 5px 10px;
		text-align: center;
		}

	#messenger p{
		padding: 10px;
		text-align: right;
		color: #999;
		font-size: 11px;
		margin: 0;
		}

/* 
 * =================================
 * New Note Messenger:
 * =================================
 */
#message_alert {
	margin: 5px;
	padding: 0;
	border: 2px solid #BF4343;
	background: #F8E5E5;
}
	#message_alert h3 {
		margin: 0px !important;
		padding: 0px;
		background: #E6B7B7;
		font: normal bold 14px/100% Arial;
		border: none;
		color: #BF4343;
		border-bottom: 1px solid #BF4343;
	}

	#message_alert p {
		margin: 0;
		padding: 0px;
		color: #BF4343;
		text-align: center;
	}

	#message_alert a:link,
	#message_alert a:visited{
		background-color: transparent;
		color: #BF4343;
		text-decoration: underline;
		font-weight: bold;
	}

	#message_alert a:hover,
	#message_alert a:active{
		background-color: transparent;
		color: #E37A7A;
		text-decoration: underline;
	}

/* 
 * =================================
 * System Warning Display:
 * =================================
 */
#warning {
	margin: 5px;
	border: 2px solid #003467;
	background: #CBDEEB;
	color: #003467;
}
	#warning h3 {
		margin: 0px !important;
		padding: 5px;
		background: #003467;
		font: normal bold 14px/100% Arial;
		border: none;
		color: #CBDEEB;
	}

	#warning p {
		margin: 0px;
		padding: 10px;
		color: #003467;
		border: none;
	}

	#warning span {
		padding: 10px 0;
		display: block;
		text-align: center;
		}

	#warning ul {
		margin: 0 0 10px 25px;
		padding: 0;
		list-style: square;
		}