/* Help popups require a different styling of the body element. */
	body#help_popup
	{
		width: auto;
		padding: 1em;
		min-width: 0;
	}

	input, button, select, textarea
	{
		font: 90%/105% verdana, Helvetica, sans-serif;
		color: #000000;
	}
	
	/* The font size of textareas should be just a little bit larger. */
	textarea
	{
		font: 100%/130% verdana, Helvetica, sans-serif;
	}
	
	/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
	input.input_check, input.input_radio
	{
		border: none;
		background: none;
	}
	
	/* Input boxes - just a bit smaller than normal so they align well. */
	input, textarea, button {
		font-family: verdana, arial, sans-serif;
		border-width: 1px;
		padding: 2px;
	}
	input, button {
		font-size: 90%;
	}
	textarea {
		font-size: 110%;
	}
	/* All input elements that are checkboxes or radio buttons. */
	input.check {
		border: none;
	}
	/* Selects are a bit smaller, because it makes them look even better 8). */
	select {
		font-size: 90%;
		font-weight: normal;
		font-family: verdana, arial, sans-serif;
		border-width: 1px;
		padding: 2px;
	}
	/* Standard horizontal rule.. ([hr], etc.) */
	hr, .hrcolor
	{
		height: 1px;
		border: 0;
		color: #666666;
		background-color: #666666;
	}
	
	/* By default set the color on these tags as black. */
	h1, h2, h3, h4, h5, h6
	{
		color: black;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}
	.content fieldset
	{
		border: groove #fff 2px;
		padding: 1em;
		margin: 0 0 0.3em 0;
	}
	/* No image should have a border when linked. */
	a img
	{
		border: 0;
	}
	
	/* Define strong as bold, and em as italics */
	strong
	{
		font-weight: bold;
	}
	
	em
	{
		font-style: italic;
	}
	/* Alternative for u tag */
	.underline
	{
		text-decoration: underline;
	}
	
	/* Common classes to easy styling.
	------------------------------------------------------- */
	
	.floatright, .align_right
	{
		float: right;
	}
	.floatleft, .align_left
	{
		float: left;
	}
	
	.flow_auto
	{
		overflow: auto;
	}
	.flow_hidden
	{
		overflow: hidden;
	}
	.clear
	{
		clear: both;
	}
	
	/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
	.smalltext, tr.smalltext th
	{
		font-size: 0.85em;
		font-family: verdana, sans-serif;
	}
	.middletext
	{
		font-size: 0.9em;
		font-family: verdana, sans-serif;
	}
	.normaltext
	{
		font-size: 1em;
		line-height: 1.2em;
	}
	.largetext
	{
		font-size: 1.4em;
	}
	.centertext
	{
		margin: 0 auto;
		text-align: center;
	}
	.righttext
	{
		margin-left: auto;
		margin-right: 0;
		text-align: right;
	}
	.lefttext
	{
		margin-left: 0;
		margin-right: auto;
		text-align: left;
	}
	/* some common padding styles */
	.padding
	{
		padding: 0.7em;
	}
	.main_section, .lower_padding
	{
		padding-bottom: 0.5em;
	}
	/* a quick reset list class. */
	ul.reset, ul.reset li
	{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	/* Some BBC related styles.
	------------------------------------------------------- */
	
	/* A quote, perhaps from another post. */
	.codeheader, .quoteheader a
	{
		color: #000000;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		font-size: x-small;
		line-height: 1.2em;
		width: 100%;
	}

	
	/* A code block - maybe even PHP ;). */
	code
	{
		display: block;
		color: #000000;
		font-family: "courier new", "times new roman", monospace;
		font-size: x-small;
		background: #dddddd;
		border: 1px solid #000000;
		line-height: 1.3em;
		padding: 1px;
		overflow: auto;
		white-space: pre;
		/* Stop after about 24 lines, and just show a scrollbar. */
		max-height: 24em;
	}
	
	/* For links to change the code stuff... */
	.codeoperation
	{
		font-weight: normal;
	}
	
	/* Styling for BBC tags */
	.bbc_color a
	{
		color: inherit;
	}
	
	.bbc_img
	{
		border: 0;
	}
	
	.bbc_table
	{
		font: inherit;
		color: inherit;
	}
	
	.bbc_table td
	{
		font: inherit;
		color: inherit;
		vertical-align: top;
	}
	
	.bbc_u
	{
		text-decoration: underline;
	}
	
	/* Generally, those [?] icons.  This makes your cursor a help icon. */
	.help
	{
		cursor: help;
	}
	
	/* /me uses this a lot. (emote, try typing /me in a post.) */
	.meaction
	{
		color: red;
	}
	
	/* The main post box - this makes it as wide as possible. */
	.editor
	{
		width: 96%;
	}
	
	/* Highlighted text - such as search results. */
	.highlight
	{
		background-color: yellow;
		font-weight: bold;
		color: black;
	}
	
	/* A more discreet highlight color, for selected membergroups etc. */
	.highlight2
	{
		background-color: #B3F4B0;
		color: black;
	}
	
	/* Generic, mostly colour-related, classes.
	------------------------------------------------------- */
	.titlebg, .titlebg2, tr.titlebg td, tr.titlebg2 td {
		color: #3F3F3F;
		font-style: normal;
		background: url(../images/titlebg.gif) #dfdfe0 repeat-x top left;
		border-bottom:1px solid #f5f5f6;
		font-family: Verdana, Helvetica, sans-serif;
		font-weight: bold;
	}
	.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
		color: white;
		font-family: Verdana, Helvetica, sans-serif;
		font-weight: bold;
		background: url(../images/catbg.gif) #0d0e10 repeat-x;
		line-height: 1em;
	}
	.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
		background: url(../images/catbg.gif) #0d0e10 repeat-x;
		line-height: 1em;
	}
	/* adjust the table versions of headers */
	tr.titlebg td, tr.titlebg2 td
	{
		padding: 6px;
	}
	tr.catbg td, tr.catbg2 td, td.catbg, td.catbg2, tr.catbg th, tr.catbg2 th, th.catbg, th.catbg2
	{
		padding: 6px;
	}
	tr.titlebg td a, tr.titlebg2 td a
	{
		color: #3F3F3F;
	}
	tr.catbg td a, tr.catbg2 td a, .catbg a
	{
		color: white;
	}
	tr.catbg th.smalltext
	{
		font-size: 0.9em;
	}
	/* Alternating backgrounds for posts, and several other sections of the forum. */
	.windowbg, #preview_body, .content {	
		color: #64666A;
		background: #FEFEFE url(../images/img/windowbg.gif) repeat-x bottom left;
		border-top:1px solid #E2E2E2;
	}
	.windowbg2, .roundframe {
		color: #64666A;
		background: #FEFEFE url(../images/img/windowbg.gif) repeat-x bottom left;
		border-top:1px solid #E2E2E2;
	}
	.windowbg3 {
		color: #64666A;
		background: #FEFEFE url(../images/img/windowbg.gif) repeat-x bottom left;
		border-top:1px solid #E2E2E2;
	}
	
	/* the page navigation area */
	.pagesection
	{
		font-size: 0.9em;
		padding: 0.5em;
		overflow: hidden;
	}
	.pagesection .pagelinks
	{
		padding: 0.5em 0;
	}
	
	/* GenericList */
	.additional_row input
	{
		margin-left: 1em;
	}
	table.table_grid thead tr.catbg th.smalltext
	{
		white-space: nowrap;
	}
	
	/* Color for background of posts requiring approval */
	.approvebg
	{
		color: #000000;
		background-color: #F6E0D4;
	}
	/* Color for background of *topics* requiring approval */
	.approvetbg
	{
		color: #000000;
		background-color: #E4A17C;
	}
	/* sticky posts have a different background */
	.stickybg
	{
		background: #e8d8cf;
	}
	.stickybg2
	{
		background: #f2e3d9;
	}
	/* locked posts too! */
	.lockedbg
	{
		background: #d4dce2;
		font-style: italic;
	}
	.lockedbg2
	{
		background: #d8e1e7;
		font-style: italic;
	}
	/* Posts and personal messages displayed throughout the forum. */
	.post, .personalmessage
	{
		width: 100%;
		overflow: auto;
		line-height: 1.4em;
	}
	
	/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
	.signature
	{
		clear: right;
		padding: 1em 0 3px 0;
		width: 98%;
		border-top: solid 1px #666;
		line-height: 1.4em;
		font-size: 0.85em;
	}
	.custom_fields_above_signature
	{
		clear: right;
		padding: 1em 0 3px 0;
		width: 98%;
		border-top: solid 1px #666;
		line-height: 1.4em;
		font-size: 0.85em;
	}
	
	/* Sometimes there will be an error when you post */
	.error
	{
		color: red;
	}
	
	/* Messages that somehow need to attract the attention. */
	.alert
	{
		color: red;
	}
	
	/* Calendar colors for birthdays, events and holidays */
	.birthday
	{
		color: #920AC4;
	}
	
	.event
	{
		color: #078907;
	}
	
	.holiday
	{
		color: #000080;
	}
	
	/* Colors for warnings */
	.warn_mute
	{
		color: red;
	}
	
	.warn_moderate
	{
		color: #FFA500;
	}
	
	.warn_watch, .success
	{
		color: green;
	}
	
	a.moderation_link, a.moderation_link:visited
	{
		color: red;
		font-weight: bold;
	}
	
	.openid_login
	{
		background: white url(../images/openid.gif) no-repeat;
		padding-left: 18px;
	}
	
	/* a descriptive style */
	.description
	{
		padding: 1em;
		font-size: 0.9em;
		line-height: 1.5em;
		border: solid 1px #DDD;
		background: #f5f5f0;
		margin: 0 0 1em 0;
	}
	/* an informative style */
	.information
	{
		padding: 1em;
		font-size: 0.9em;
		line-height: 1.5em;
		border: solid 1px #DDD;
		background: #f0f6f0;
		margin: 0 0 1em 0;
	}
	.information p
	{
		padding: 1em;
		margin: 0;
	}
	/* AJAX notification bar
	------------------------------------------------------- */
	#ajax_in_progress
	{
		background: #222;
		color: white;
		text-align: center;
		font-weight: bold;
		font-size: 18pt;
		padding: 0.4em;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	#ajax_in_progress a
	{
		color: white;
		text-decoration: underline;
		font-size: smaller;
		float: right;
	}
	
	/* a general table class */
	table.table_grid
	{
		border-collapse: collapse;
		border: solid 1px #DDD;
	}
	table.table_grid td
	{
		padding: 3px;
		border: solid 1px #adadad;
	}
	
	/* Lists with settings use these a lot.
	------------------------------------------------------- */
	dl.settings
	{
		clear: right;
		overflow: auto;
		margin: 0 0 10px 0;
		padding: 0;
	}
	dl.settings dt
	{
		width: 48%;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
		clear: both;
	}
	dl.settings dt.settings_title
	{
		width: 100%;
		float: none;
		margin: 0 0 10px 0;
		padding: 5px 0 0 0;
		font-weight: bold;
		clear: both;
	}
	dl.settings dt.windowbg
	{
		width: 98%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0 0 5px 0;
		clear: both;
	}
	dl.settings dd
	{
		width: 48%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
	}
	dl.settings img
	{
		margin: 0 10px 0 0;
	}
	
	/* The main content area.
	------------------------------------------------------- */
	.content, .roundframe
	{
		padding: 1em 1.5em;
		margin: 0;
		border: none;
		border: 1px solid #DDD;
	}
	.content p, .roundframe p
	{
		margin: 0 0 0.5em 0;
	}
	
	/* Styles used by the auto suggest control.
	------------------------------------------------------- */
	.auto_suggest_div
	{
		border: 1px solid black;
		position: absolute;
		visibility: hidden;
	}
	.auto_suggest_item
	{
		background-color: #DDDDDD;
	}
	.auto_suggest_item_hover
	{
		background-color: #888888;
		cursor: pointer;
		color: #EEEEEE;
	}
	
	/* Styles for the standard dropdown menus.
	------------------------------------------------------- */
	/* Container for the new admin menu */
	#adm_container
	{
		float: left;
		margin-left: 10px;
		padding: 0 5px 0 5px;
		background: no-repeat;
	}
	ul.admin_menu, ul.admin_menu li ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.admin_menu
	{
		background: top right no-repeat;
	}
	
	ul.admin_menu a
	{
		text-decoration: none;
	}
	
	/* First layer of menu items */
	ul.admin_menu li
	{
		position: relative;
		float: left;
		background: top right repeat-x;
		padding-right: 4px;
	}
	
	ul.admin_menu li.last
	{
		background: top right repeat-x;
	}
	
	ul.admin_menu li.chosen
	{
		background: no-repeat;
		padding: 0 0 0 6px;
	}
	
	ul.admin_menu li h4
	{
		margin: 0;
		padding: 7px 5px 3px 5px;
		cursor: pointer;
		font-weight: normal;
		font-size: x-small;
		text-transform: captalize;
		color: #333;
	}
	ul.admin_menu li.last.chosen h4
	{
		background:  top right no-repeat;
		padding-right: 17px;
	}
	/* IE6 does't support multiple class selectors */
	ul.admin_menu li.last_chosen h4
	{
		background: top right no-repeat;
		padding-right: 17px;
	}
	
	ul.admin_menu li.chosen h4
	{
		background: top right no-repeat;
		padding-right: 10px;
	}
	
	/* Second layer of menu items */
	
	ul.admin_menu li ul
	{
		z-index: 90;
		display: none;
		position: absolute;
		/* IE6 needs a fixed width to prevent the menu from going haywire */
		width: 19em;
		border: solid 1px #c5c5c5;
		border-left: solid 2px #cccccc;
		background: #F8F8FB;
	}
	ul.admin_menu li.chosen ul
	{
		margin: 0 0 0 -6px;
	}
	ul.admin_menu li ul li
	{
		background: none;
		width: 19em;
		padding: 0;
	}
	ul.admin_menu li ul li a
	{
		display: block;
		padding: 0.5em 2em 0.5em 0.5em;
		font-size: 90%;
		text-decoration: none;
		background: none;
		color: #000 !important;
	}
	ul.admin_menu li ul li a.subsection
	{
		background: url(../images/admin/subsection.gif) no-repeat 98% 50%;
	}
	
	ul.admin_menu li ul li a.chosen
	{
		font-weight: bold;
	}
	
	ul.admin_menu li ul li a:hover
	{
		background-color: #DCDCDC;
		text-decoration: none;
	}
	
	ul.admin_menu li:hover ul, ul.admin_menu li.over ul
	{
		display: block;
	}
	
	/* Third layer of menu items */
	ul.admin_menu li ul li ul, ul.admin_menu li ul li.over ul
	{
		display: none;
		position: absolute;
		top: -999em;
		border: solid 1px #C5C5C5;
		border-left: solid 2px #CCCCCC;
		background: #FFF;
	}
	ul.admin_menu li ul li:hover ul, ul.admin_menu li ul li.over ul
	{
		display: block;
		left: 18em;
		top: auto;
		margin: -2em 0 0 1em;
	}
	#adm_submenus
	{
		padding: 0 0 0 2em;
	}
	#adm_submenus, #adm_submenus ul
	{
		height: 3em;
		overflow: auto;
	}
	/* The dropdown menu toggle image */
	div#menu_toggle
	{
		float: right;
		margin: 0 10px 0 0;
		background: top left no-repeat;
		padding: 0 0 0 7px;
	}
	div#menu_toggle a
	{
		display: block;
		background: #404040 top right no-repeat;
		padding: 8px 12px 3px 6px;
	}
	
	/* Styles for the standard button lists.
	------------------------------------------------------- */
	.buttonlist ul
	{
		background: no-repeat scroll left bottom;
		padding: 0 0 0 10px;
	}
	.buttonlist ul li, .buttonlist_bottom ul li
	{
		display: inline;
	}
	.buttonlist ul li a, .buttonlist_bottom ul li a
	{
		float: left;
		display: block;
		color: #3F3F3F;
		font-weight: 900;
		font-size: 0.8em;
		font-family: tahoma, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
	}
	.buttonlist ul li a:hover, .buttonlist_bottom ul li a:hover
	{
		text-decoration: overline;
		color: #A1A1A1;
		
	}
	.buttonlist ul li a span
	{
		background: repeat-x bottom left;
		display: block;
		padding: 0.1em 0.5em 0.5em 0.5em;
	}
	.buttonlist ul li.last a span
	{
		background: no-repeat bottom right;
		padding: 0.1em 1em 0.5em 0.5em;
	}
	.buttonlist ul li.active a span em
	{
		padding: 0.1em 0.5em 0.5em 0.5em;
		display: block;
		font-style: normal;
		background: repeat-x bottom right;
	}
	.buttonlist ul li.active a span
	{
		background: no-repeat bottom left;
		padding: 0 0 0 8px;
	}
	.buttonlist ul li.last.active
	{
		float: left;
		background: no-repeat bottom right;
		padding: 0 8px 0 0;
	}
	.buttonlist ul li.active a
	{
		background: no-repeat bottom right;
		padding-right: 8px;
	}
	/* For links that are basically submit buttons. */
	.buttonlist_submit
	{
		background: transparent;
		color: #3F3F3F;
		font-weight: 900;
		text-transform: uppercase;
		vertical-align: top;
		text-decoration: none;
		font-size: 9px;
		font-family: tahoma, sans-serif;
		border: 0;
	}
	.buttonlist_submit:hover
	{
		color: #A1A1A1;
		text-decoration: overline;
	}
	/* ..for the "bottom" menu */
	.buttonlist_bottom ul
	{
		background: no-repeat scroll left top;
		padding: 0 0 0 10px;
	}
	.buttonlist_bottom ul li a span
	{
		background: repeat-x top left;
		display: block;
		padding: 0.4em 0.5em 0.2em 0.5em;
	}
	.buttonlist_bottom ul li.last a span
	{
		background: no-repeat top right;
		padding: 0.4em 1em 0.2em 0.5em;
	}
	.buttonlist_bottom ul li.active a span em
	{
		padding: 0.4em 0.5em 0.2em 0.5em;
		display: block;
		font-style: normal;
		background: repeat-x top right;
	}
	.buttonlist_bottom ul li.active a span
	{
		background: no-repeat top left;
		padding: 0 0 0 8px;
	}
	.buttonlist_bottom ul li.last.active
	{
		float: left;
		background: no-repeat top right;
		padding: 0 8px 0 0;
	}
	.buttonlist_bottom ul li.active a
	{
		background: no-repeat top right;
		padding-right: 8px;
	}
	
	/* The old-style button strips, with images */
	.oldbuttonlist
	{
		text-align: right;
		padding: 0.5em;
	}
	
	/* a smaller quick-button list */
	ul.quickbuttons li
	{
		display: inline;
	}
	ul.quickbuttons li a:hover img
	{
		text-decoration: none;
		color: #FFA500;
	}
	/* the navigation list */
	ul#navigation
	{
		margin: 0;
		font-size: 0.9em;
		padding: 1em 0.4em;
	}
	ul#navigation li
	{
		float: none;
		font-size: 0.95em;
		display: inline;
	}
	
	/* Styles for the general looks for the Core theme.
	------------------------------------------------------- */
	
	/* this is the main container surrounding everything, use this to set forum width, font-size  etc. */
	#mainframe
	{
		font-size: 85%;
		width: 95%;
		margin: auto;
	}
	/* the forum name or logo */
	h1#forum_name
	{
		padding: 0.6em 0 0.6em 0;
		margin: 0;
		font-family: Verdana, helvetica, sans-serif;
		font-size: 135%;
		color: #fff;
	}
	
	/* The greeting section */
	#greeting_section
	{
		padding: 0.7em 0.4em 0.7em 0.4em;
		clear: both;
	}
	#greeting_section li
	{
		font-weight: normal;
	}
	#greeting_section li#name
	{
		padding-left: 0.5em;
	}
	#greeting_section li em
	{
		font-style: normal;
		font-weight: bold;
	}
	
	/* user section with all relevant links */
	#user_section
	{
		padding: 1px;
		margin: 1px 0 0 0;
		font-size: 90%;
	}
	#user_section ul, #user_section form
	{
		padding: 0.5em 0.7em 0.5em 0.7em;
	}
	
	/* the avatar, located to the left */
	#user_section #myavatar
	{
		padding: 0.7em;
		border-right: solid 1px #FFF;
		margin: 0 0.5em 0 0;
		float: left;
	}
	/* the news and search areas */
	#news_section
	{
		clear: both;
		font-size: 0.8em;
		padding: 0.5em 1em 0.5em 1em;
	}
	#random_news h3
	{
		margin-right: 1em;
		font-size: 0.85em;
		display: inline;
	}
	#random_news p
	{
		margin: 0;
		padding: 0;
		display: inline;
	}
	/* the main content area */
	#bodyarea
	{
	}
	
	/* The main menu. */
	#main_menu
	{
		padding-left: 1em;
	}
	#main_menu ul
	{
		list-style: none;
		padding: 0;
		margin: 0;
		background: no-repeat bottom left;
		padding-left: 10px;
	}
	#main_menu li
	{
		margin: 0;
		padding: 0;
		display: inline;
	}
	#main_menu li a
	{
		float: left;
		display: block;
		color: white;
		font-size: 0.8em;
		font-family: tahoma, sans-serif;
		text-transform: uppercase;
	}
	#main_menu li a:hover
	{
		color: #e0e0ff;
		text-decoration: none;
	}
	#main_menu li a span
	{
		background: repeat-x bottom left;
		display: block;
		padding: 0.1em 0.5em 0.5em 0.5em;
	}
	#main_menu li.last a span
	{
		background: no-repeat bottom right;
		padding: 0.1em 1em 0.5em 0.5em;
	}
	#main_menu li.active a span em
	{
		padding: 0.1em 0.5em 0.5em 0.5em;
		display: block;
		font-style: normal;
		background: repeat-x bottom right;
	}
	#main_menu li.active a span
	{
		background: no-repeat bottom left;
		padding: 0 0 0 8px;
	}
	#main_menu li.last.active
	{
		float: left;
		background: no-repeat bottom right;
		padding: 0 8px 0 0;
	}
	/* IE6 doesn't support multiple class selectors */
	#main_menu li.lastactive
	{
		float: left;
		padding: 0 8px 0 0;
		background:  no-repeat bottom right;
	}
	#main_menu li.active a
	{
		background: no-repeat bottom right;
		padding-right: 8px;
	}
	
	/* the linktree */
	ul.linktree
	{
		clear: both;
		list-style: none;
		margin: 1.5em 0.5em 0.5em 0.5em;
		padding: 0;
	}
	ul.linktree li
	{
		margin: 0;
		padding: 0;
		display: inline;
		font-size: 0.8em;
	}
	ul.linktree li a
	{
		color: #FFF;
	}
	ul.linktree li a:hover
	{
		color: #CC3333;
	}
	ul.linktree li span
	{
		font-weight: bold;
	}
	
	/* the footer area */
	#footerarea
	{
		padding: 3em 0 2em 0;
		text-align: center;
	}
	#footerarea ul
	{
		margin: 0 auto 0 auto;
	}
	#footerarea ul li
	{
		text-align: center;
		display: inline;
		border-right: solid 1px #888;
		margin: 0;
		padding: 0 4px 0 2px;
	}
	/* Note: It is against the license to remove, alter or otherwise hide the copyright output from SMF so please do not alter the two sections below. */
	#footerarea ul li.copywrite
	{
		display: block;
		line-height: 0.89em;
		font-size: small;
		padding: 1em;
	}
	#footerarea ul li.copywrite, #footerarea ul li.last
	{
		border-right: none;
	}
	/* page created in.. */
	#footerarea p
	{
		clear: both;
		text-align: left;
		padding-left: 0.5em;
	}
	p#show_loadtime
	{
		display: block;
		text-align: center;
	}
	/* the upshrink buttons */
	#upshrink, #advsearch
	{
		margin: 0 1ex;
	}
	
	/* Styles for a typical table.
	------------------------------------------------------- */
	table.table_list
	{
		width: 100%;
	}
	table.table_list p
	{
		padding: 0;
		margin: 0;
	}
	table.table_list td,table.table_list th
	{
		padding: 5px;
	}
	table.table_list tbody.header td
	{
		padding: 0px;
	}
	table.table_list tbody.content td.stats
	{
		font-size: 90%;
		width: 15%;
		text-align: center;
	}
	table.table_list tbody.content td.lastpost
	{
		line-height: 1.2em;
		font-size: 85%;
		width: 24%;
	}
	table.table_list tbody.content td.icon
	{
		text-align: center;
		width: 6%;
	}
	
	/* Styles for headers.
	------------------------------------------------------- */
	/* Styles for headers used in Curve tempaltes. */
	h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, div.titlebg, .table_list tbody.header td
	{
		overflow: hidden;
		line-height: 3em;
		font-weight: bold;
	}
	h3.titlebg, h4.titlebg
	{
		border-left: 1px solid #FFF;
		border-right: 1px solid #FFF;
	}
	h3.titlebg span.left
	{
		display: block;
		width: 0.6em;
		height: 2em;
		float: left;
	}
	h3.catbg img.icon, div.titlebg img.icon, h3.catbg img
	{
		float: left;
		margin: 5px 8px 0 0;
	}
	/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
	.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
		color: #3F3F3F;
		font-style: normal;
		background: url(../images/titlebg.gif) #dfdfe0 repeat-x top left;
		border-bottom: 1px solid #f5f5f6;
		font-family: Verdana, Helvetica, sans-serif;
		font-weight: bold;
		padding-left: 10px;
		padding-right: 10px;
	}
	.titlebg, .titlebg a:link, .titlebg a:visited
	{
		font-weight: bold;
		color: #3F3F3F;
		font-style: normal;
	}
	.titlebg a:hover
	{
		color: #404040;
	}
	/* same as titlebg, but used where bold text is not needed */
	.titlebg2 a:link, .titlebg2 a:visited
	{
		color: #3F3F3F;
		font-style: normal;
		text-decoration: underline;
	}
	.titlebg2 a:hover
	{
		text-decoration: underline;
	}
	/* This is used for categories, page indexes, and several other areas in the forum.
	.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */
	.catbg, tr.catbg td, .catbg3, tr.catbg3 td {
		background: url(../images/catbg.gif) #0d0e10 repeat-x;
		color: #ffffff;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 21px;
	}
	.catbg2, tr.catbg2 td
	{
		background: url(../images/catbg.gif) #0d0e10 repeat-x;
		color: #ffffff;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 21px;
	}
	.catbg, .catbg2, .catbg3
	{
		border-bottom: solid 0px #375576;
	}
	.catbg, .catbg2
	{
		font-weight: bold;
	}
	.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
	{
		font-size: 95%;
		color: white;
		text-decoration: none;
	}
	.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited
	{
		color: white;
		text-decoration: none;
	}
	.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
	{
		color: #B7B7B7;
	}
	/* Styles for the board index.
	------------------------------------------------- */
	p#stats
	{
		text-align: right;
	}
	h3#newsfader
	{
		font-size: 1em;
	}
	#smfNewsFader
	{
		font-weight: bold;
		line-height: 1.4em;
		padding: 1em;
		font-size: 1em;
		text-align: center;
	}
	#upshrink_ic
	{
		margin-right: 2ex;
		text-align: right;
	}
	.categoryframe
	{
		margin-top: 0.4em;
	}
	.categoryframe h3
	{
		margin: 0;
	}
	table.boardsframe
	{
		width: 100%;
	}
	table.boardsframe td.icon
	{
		text-align: center;
		padding: 0.5em;
		width: 6%;
	}
	table.boardsframe td.info
	{
		width: 60%;
		padding: 0;
	}
	table.boardsframe td.info h4
	{
		padding: 0.4em 0.4em 0 0.4em;
		margin: 0;
	}
	table.boardsframe td.info p
	{
		padding: 0 0.4em 0.5em 0.4em;
		margin: 0;
	}
	table.boardsframe td.info p.moderators
	{
		font-size: 0.8em;
		font-family: verdana, sans-serif;
	}
	table.boardsframe td.stats
	{
		width: 8%;
		vertical-align: middle;
		text-align: center;
	}
	table.boardsframe td.lastpost
	{
		width: 20%;
		vertical-align: top;
		padding: 0.5em;
	}
	#posticons
	{
		position: relative;
		clear: both;
		width: 100%;
		padding: 10px;
	}
	#posticons .buttonlist
	{
		right: 20px;
		float: right;
		top: -5px;
		position: absolute;
	}
	
	/* the newsfader */
	#smfFadeScroller
	{
		text-align: center;
		overflow: auto;
	}
	
	/* Styles for the info centre on the board index.
	---------------------------------------------------- */
	
	#infocenterframe
	{
		margin-top: 2em;
		clear: both;
	}
	/* each section in infocenter has this class */
	.infocenter_section
	{
		clear: both;
	}
	.infocenter_section p.section
	{
		display: block;
		margin: 0;
		width: 3%;
		text-align: center;
		float: left;
		padding: 0.5em 0 0 0;
		margin-left: 10px;
		margin-right: 10px;
	}
	.infocenter_section div.sectionbody
	{
		margin-left: 3%;
		padding: 0.3em;
		padding-left: 20px;
		border-left: solid #FFF 1px;
		min-height: 25px;
	}
	/* recent posts - or just one recent post */
	dl#infocenter_recentposts
	{
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	dl#infocenter_recentposts dt
	{
		clear: left;
		float: left;
		padding: 0.1em;
		width: 68%;
		white-space: nowrap;
		overflow: hidden;
	}
	dl#infocenter_recentposts dd
	{
		clear: right;
		float: right;
		padding: 0.1em;
		width: 25%;
		text-align: right;
		white-space: nowrap;
		overflow: hidden;
	}
	/* login form */
	form#infocenter_login ul.horizlist label
	{
		white-space: nowrap;
		font-size: 90%;
		font-weight: bold;
	}
	
	/* Styles for the message (topic) index.
	---------------------------------------------------- */
	
	#childboards table
	{
		width: 100%;
	}
	.modbuttons
	{
		clear: both;
		width: 100%;
	}
	.buttonlist, .buttonlist_bottom
	{
		margin-right: 1em;
		float: right;
	}
	#messageindex td.icon1, #messageindex td.icon2
	{
		text-align: center;
		padding: 0.5em;
		width: 5%;
	}
	#messageindex td.subject
	{
		padding: 0.5em;
	}
	#messageindex td.starter
	{
		text-align: center;
		padding: 0.5em;
		width: 14%;
	}
	#messageindex td.replies
	{
		text-align: center;
		padding: 0.5em;
		width: 4%;
	}
	#messageindex td.views
	{
		text-align: center;
		padding: 0.5em;
		width: 4%;
	}
	#messageindex td.lastpost
	{
		padding: 0.5em;
		width: 22%;
	}
	#messageindex td.moderation
	{
		text-align: center;
		padding: 0.5em;
		width: 4%;
	}
	#topic_icons p
	{
		display: block;
		padding: 0.5em 0.5em 0.1em 0.5em;
		margin: 0;
		border-bottom: none;
		font-weight: normal !important;
	}
	#topic_icons ul
	{
		display: block;
		padding: 0.5em 1em 0.1em 1em;
		margin: 0;
		border-bottom: none;
		font-weight: normal !important;
	}
	#message_index_jump_to
	{
		margin: 2em 4em 0 2em;
	}
	.lastpost img
	{
		float: right;
	}
	/* Styles for the display template (topic view).
	---------------------------------------------------- */
	#events .post
	{
		padding: 1em;
	}
	#moderationbuttons
	{
		margin-left: 0.5em;
	}
	#postbuttons .nav, #postbuttons_lower .nav
	{
		margin: 0.5em 0.5em 0 0;
		text-align: right;
	}
	#postbuttons_lower .nav
	{
		margin: 0em 0.5em 0.5em 0;
	}
	#postbuttons, #postbuttons_lower
	{
		text-align: right;
	}
	
	/* Poll question */
	h4#pollquestion
	{
		padding: 1em 0 1em 2em;
	}
	
	/* Poll vote options */
	#poll_options ul.options
	{
		border-top: 1px solid #696969;
		padding: 1em 2.5em 0 2em;
		margin: 0 0 1em 0;
	}
	#poll_options div.submitbutton
	{
		clear: both;
		padding: 0 0 1em 2em;
	}
	
	#poll_options div.submitbutton.border
	{
		border-bottom: 1px solid #696969;
		margin: 0 0 1em 0;
	}
	
	/* Poll results */
	#poll_options dl.options
	{
		border: solid #696969;
		border-width: 1px 0;
		padding: 1em 2.5em 0 2em;
		margin: 0 0 1em 0;
	}
	#poll_options dl.options dt.voted
	{
		font-weight: bold;
	}
	#poll_options dl.options dd
	{
		margin: 0.5em 0 1em 0;
	}
	
	/* Poll notices */
	#poll_options p
	{
		margin: 0 1.5em 0.2em 1.5em;
		padding: 0 0.5em 0.5em 0.5em;
	}
	
	div#pollmoderation
	{
		margin: -1em 0 0 2em;
		padding: 0;
	}
	
	.approve_post
	{
		margin: 2ex;
		padding: 1ex;
		border: 2px dashed #cc3344;
		color: black;
		font-weight: bold;
	}
	#forumposts h3.catbg3
	{
		font-weight: normal;
		padding: 0.4em;
	}
	#forumposts h3.catbg3 img
	{
		vertical-align: middle;
	}
	#forumposts h3.catbg3 span
	{
		padding-left: 2%;
	}
	#forumposts h3.catbg3 span#top_subject
	{
		padding-left: 9.5em;
	}
	.poster
	{
		width: 15em;
		float: left;
	}
	.post
	{
		clear: right;
	}
	.postarea
	{
		margin-left: 16em;
	}
	.messageicon
	{
		float: left;
		margin: 0 0.5em 0.5em 0;
	}
	.keyinfo
	{
		float: left;
		clear: none;
		width: 50%;
		min-height: 3em;
	}
	ul.postingbuttons
	{
		float: right;
		padding: 0 0.5em 0 0;
	}
	ul.postingbuttons li
	{
		float: left;
		margin: 0 0.5em 0 0;
	}
	.modifybutton
	{
		float: right;
		margin: 0 0.5em 0.5em 0;
	}
	.attachments hr
	{
		clear: both;
		margin: 1em 0 1em 0;
	}
	.attachments
	{
		padding-top: 1em;
	}
	.postfooter
	{
		margin-left: 16em;
	}
	.topborder
	{
		border-top: solid 1px #DDD;
	}
	.moderatorbar
	{
		clear: right;
		margin: 1em 0 0 16em;
	}
	
	/* Styles for the quick reply area.
	---------------------------------------------------- */
	#quickReplyOptions #quickReplyWarning
	{
		border: none;
		text-align: left;
		margin: 0;
		width: 25%;
		float: left;
	}
	#quickReplyOptions #quickReplyContent
	{
		text-align: center;
		float: left;
		width: 72%;
		border-left: solid 1px #EBEBEB;
	}
	
	#quickReplyOptions #quickReplyContent textarea, #quickReplyOptions #quickReplyContent input
	{
		margin-bottom: .5em;
	}
	
	#verification_control, #verification_control .smalltext
	{
		display: inline;
	}
	
	#quickReplyWarning
	{
		width: 20%;
		float: left;
		padding: 0.5em 1em;
	}
	#quickReplyContent
	{
		width: 75%;
		float: right;
		padding: 0.5em 0;
	}
	#quickReplyOptions .roundframe
	{
		overflow: hidden;
	}
	
	/* The jump to box */
	#display_jump_to
	{
		clear: both;
		padding: 5px;
	}
	
	/* Separator of posts. More useful in the print stylesheet. */
	#forumposts .post_separator
	{
		display: none;
	}
	
	/* Styles for edit poll section.
	---------------------------------------------------- */
	
	#edit_poll fieldset
	{
		margin-bottom: 0.5em;
		border: none;
		border-bottom: 1px solid #666666;
		padding: 0.5em;
		clear: both;
	}
	#edit_poll legend
	{
		font-weight: bold;
		color: black;
	}
	#edit_poll div.poll_options
	{
		width: 49%;
		float: left;
	}
	#edit_poll ul.poll_main, ul.poll_options
	{
		padding: 0;
		overflow: hidden;
	}
	#edit_poll ul.poll_main li
	{
		list-style-type: none;
		margin: 0.2em 0;
		width: 49%;
		float: left;
	}
	#edit_poll ul.poll_options
	{
		margin: 0;
	}
	#edit_poll ul.poll_options li
	{
		list-style-type: none;
		margin: 0.3em 0 0 0;
	}
	
	/* Styles for the recent messages section.
	---------------------------------------------------- */
	
	.readbuttons
	{
		clear: both;
		width: 10%;
	}
	.buttonlist, .buttonlist_bottom
	{
		margin-right: 1em;
		float: right;
	}
	
	/* Styles for the move topic section.
	---------------------------------------------------- */
	
	#move_topic dl
	{
		margin-bottom: 0;
	}
	.move_topic
	{
		width: 710px;
		margin: auto;
		text-align: left;
	}
	div.move_topic fieldset
	{
		margin: 0.5em 0;
		border: 1px solid #cacdd3;
		padding: 0.5em;
	}
	
	/* Styles for the send topic section.
	---------------------------------------------------- */
	
	fieldset.send_topic
	{
		margin-bottom: 0.5em;
		border: none;
		padding: 0.5em;
	}
	dl.send_topic
	{
		margin-bottom: 0;
	}
	dl.send_mail dt
	{
		width: 35%;
	}
	dl.send_mail dd
	{
		width: 64%;
	}
	
	/* Styles for the split topic section.
	---------------------------------------------------- */
	
	#selected, #not_selected
	{
		width: 49%;
	}
	ul.merge_topics li
	{
		list-style-type: none;
	}
	dl.merge_topic dt
	{
		width: 25%;
	}
	dl.merge_topic dd
	{
		width: 74%;
	}
	fieldset.merge_options
	{
		margin-bottom: 0.5em;
	}
	fieldset.merge_options legend
	{
		font-weight: bold;
	}
	.custom_subject
	{
		margin: 0.5em 0;
	}
	
	/* Styles for the login areas.
	------------------------------------------------------- */
	.login
	{
		width: 480px;
		margin: 0 auto;
	}
	.login dl
	{
		overflow: auto;
	}
	.login dt, .login dd
	{
		margin: 0;
		height: 2.5em;
		width: 45%;
	}
	.login dt
	{
		float: left;
		text-align: right;
		font-weight: bold;
		line-height: 1.5em;
	}
	.login dd
	{
		width: 54%;
		float: right;
		text-align: left;
	}
	.login p
	{
		text-align: center;
	}
	.login h3 img
	{
		float: left;
		margin: 4px 0.5em 0 0;
	}
	
	/* Styles for the registration section.
	------------------------------------------------------- */
	.register_error
	{
		border: 1px dashed red;
		padding: 5px;
		margin: 0 1ex 1ex 1ex;
	}
	.register_error span
	{
		text-decoration: underline;
	}
	
	/* Additional profile fields */
	dl.register_form
	{
		margin: 0;
		clear: right;
		overflow: auto;
	}
	
	dl.register_form dt
	{
		font-weight: normal;
		float: left;
		clear: both;
		width: 50%;
		margin: 0.5em 0 0 0;
	}
	
	dl.register_form dt strong
	{
		font-weight: bold;
	}
	
	dl.register_form dt span
	{
		display: block;
	}
	
	dl.register_form dd
	{
		float: left;
		width: 49%;
		margin: 0.5em 0 0 0;
	}
	
	#confirm_buttons
	{
		text-align: center;
		padding: 1em 0;
	}
	
	.coppa_contact
	{
		padding: 4px;
		width: 32ex;
		background-color: white;
		color: black;
		margin-left: 5ex;
		border: 1px solid black;
	}
	
	/* Styles for maintenance mode.
	------------------------------------------------------- */
	#maintenance_mode
	{
		width: 75%;
		min-width: 520px;
		text-align: left;
	}
	#maintenance_mode img.align_left
	{
		margin-right: 1em;
	}
	
	/* common for all admin sections */
	h3.titlebg img
	{
		vertical-align: middle;
		margin-right: 0.5em;
	}
	tr.titlebg td
	{
		padding-left: 0.7em;
	}
	#admin_menu
	{
		min-height: 2em;
		padding-left: 0;
	}
	#admin_content
	{
		clear: left;
	}
	#admin_login .centertext
	{
		padding: 1em;
	}
	
	/* Styles for sidebar menus.
	------------------------------------------------------- */
	.left_admmenu, .left_admmenu ul, .left_admmenu li
	{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#left_admsection
	{
		width: 160px;
		float: left;
		padding-right: 10px;
	}
	.adm_section h4.titlebg
	{
		font-size: 95%;
		margin-bottom: 5px;
	}
	.left_admmenu li
	{
		padding: 0 0 0 0.5em;
	}
	.left_admmenu
	{
		margin-bottom: 1.1em;
	}
	#main_admsection
	{
		margin-left: 172px;
	}
	
	tr.windowbg td, tr.windowbg2 td
	{
		padding: 0.3em 0.7em;
	}
	#credits p
	{
		padding: 0;
		font-style: italic;
		margin: 0;
	}
	
	/* Styles for generic tables.
	------------------------------------------------------- */
	.topic_table table
	{
		width: 100%;
	}
	.topic_table .icon1, .topic_table .icon2, .topic_table .stats
	{
		text-align: center;
	}
	#topic_icons
	{
		margin-top: 1em;
	}
	#topic_icons .description
	{
		margin: 0;
	}
	.topic_table table thead
	{
		border-bottom: solid 1px white;
	}
	/* the subject column */
	.topic_table td
	{
		font-size: 1em;
	}
	.topic_table td.subject
	{
		padding: 4px;
	}
	.topic_table td.subject p, .topic_table td.stats, .topic_table td.lastpost
	{
		font-size: 0.85em;
		padding: 0;
		margin: 0;
	}
	.topic_table td.lastpost,.topic_table td.lastpost
	{
		font-size: 0.9em;
		line-height: 100%;
		padding: 4px;
	}
	.topic_table td.stickybg2
	{
		background-image: url(../images/icons/quick_sticky.gif);
		background-repeat: no-repeat;
		background-position: 98% 4px;
	}
	.topic_table td.lockedbg2
	{
		background-image: url(../images/icons/quick_lock.gif);
		background-repeat: no-repeat;
		background-position: 98% 4px;
	}
	.topic_table td.lastpost
	{
		background-image: none;
	}
	
	/* Styles for (fatal) errors.
	------------------------------------------------- */
	
	#fatal_error
	{
		border: 1px solid #aaa;
	}
	
	.errorbox
	{
		padding: 1em;
		border: 1px solid #cc3344;
		color: black;
		background-color: #ffe4e9;
		margin-bottom: 1em;
	}
	.errorbox h3
	{
		padding: 0;
		margin: 0;
		font-size: 1.1em;
		text-decoration: underline;
	}
	.errorbox p
	{
		margin: 1em 0 0 0;
	}
	.errorbox p.alert
	{
		padding: 0;
		margin: 0;
		float: left;
		width: 1em;
		font-size: 1.5em;
	}
	
	/* Styles for the profile section.
	------------------------------------------------- */
	
	dl
	{
		overflow: auto;
		margin: 0;
		padding: 0;
	}
	
	.profile_error
	{
		border: 2px dashed red;
		padding: 5px;
		margin: 0 1ex 1ex 1ex;
	}
	/* Fixes for the core theme */
	#profileview {
		padding: 1px;
		border: 1px solid #E2E2E2;
		background: #FEFEFE;
	}
	#profileview .content
	{
		border: none;
	}
	#basicinfo .content
	{
		padding: 0.7em 0 0.7em 0.7em;
	}
	#detailedinfo .content
	{
		padding: 0.7em 1.2em;
		border-left: 1px solid #DDD;
	}
	
	/* The basic user info on the left */
	#basicinfo
	{
		width: 20%;
		float: left;
	}
	#detailedinfo
	{
		width: 78%;
		float: right;
	}
	#basicinfo h4
	{
		font-size: 135%;
		font-weight: 100;
		line-height: 105%;
		white-space: pre-wrap; /* css-2.1 */
		word-wrap: break-word; /* Internet Explorer 5.5+ */
		overflow: hidden;
	}
	#basicinfo h4 span.position
	{
		font-size: 80%;
		font-weight: 100;
		display: block;
	}
	#basicinfo img.avatar
	{
		display: block;
		margin: 10px 0 0 0;
	}
	#basicinfo ul
	{
		list-style-type: none;
		margin: 10px 0 0 0;
	}
	#basicinfo ul li
	{
		display: block;
		float: left;
		margin-right: 5px;
		height: 20px;
	}
	#basicinfo span#userstatus
	{
		display: block;
		clear: both;
	}
	#basicinfo span#userstatus img
	{
		vertical-align: middle;
	}
	#detailedinfo div.content dl, #tracking div.content dl
	{
		clear: right;
		overflow: auto;
		margin: 0 0 18px 0;
		padding: 0 0 15px 0;
		border-bottom: 1px #DDD solid;
	}
	#detailedinfo div.content dt, #tracking div.content dt
	{
		width: 30%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
		font-weight: bold;
		clear: both;
	}
	#detailedinfo div.content dd, #tracking div.content dd
	{
		width: 70%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
	}
	#detailedinfo div.content dl.noborder
	{
		border-bottom: 0px;
	}
	#detailedinfo div.content dt.clear
	{
		width: 100%;
	}
	.signature, .custom_fields_above_signature, .attachments
	{
		clear: right;
		width: 100%;
		border-top: 1px solid #CCC;
	}
	.signature h5
	{
		font-size: 100%;
		margin-bottom: 10px;
	}
	
	#avatar_server_stored div
	{
		float: left;
	}
	
	#main_admsection #basicinfo, #main_admsection #detailedinfo
	{
		width: 100%;
	}
	#main_admsection #detailedinfo .content
	{
		border: none !important;
	}
	#main_admsection #basicinfo
	{
		border-bottom: 1px #ccc solid;
	}
	#main_admsection #basicinfo h4
	{
		float: left;
	}
	#main_admsection #basicinfo img.avatar
	{
		float: right;
		vertical-align: top;
	}
	#main_admsection #basicinfo ul
	{
		clear: left;
		padding-top: 10px;
	}
	#main_admsection #basicinfo span#userstatus
	{
		clear: left;
	}
	#main_admsection #basicinfo p#infolinks
	{
		display: none;
		clear: both;
	}
	#main_admsection #basicinfo .botslice
	{
		clear: both;
	}
	
	/* Simple feedback messages */
	div#profile_error, div#profile_success
	{
		margin: 0 0 1em 0;
		padding: 1em 2em;
		border: 1px solid;
	}
	div#profile_error
	{
		border-color: red;
		color: red;
		background: #fee;
	}
	
	div#profile_error span
	{
		text-decoration: underline;
	}
	
	div#profile_success
	{
		border-color: green;
		color: green;
		background: #efe;
	}
	
	#generalstats
	{
		float: left;
		width: 54%;
	}
	
	#activitytime
	{
		width: 54%;
		float: left;
		clear: left;
		margin-top: 3px;
	}
	
	#popularposts, #popularactivity
	{
		width: 45%;
		float: right;
		padding-left: 1%;
	}
	
	#generalstats h4, #popularposts h4, #popularactivity h4, #activitytime h4
	{
		margin: 3px 0;
	}
	
	#generalstats div.content dt
	{
		width: 50%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
		font-weight: bold;
		clear: both;
	}
	#generalstats div.content dd
	{
		width: 50%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
	}
	
	#popularposts div.content dt, #popularactivity div.content dt
	{
		width: 65%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
		font-weight: bold;
		clear: both;
	}
	#popularposts div.content dd, #popularactivity div.content dd
	{
		width: 35%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
	}
	
	#activitytime div.content dt
	{
		width: 50px;
		float: left;
		margin: 0 0 3px 0;
		padding: 0 3px 0 0;
		font-weight: bold;
		clear: both;
		text-align: right;
	}
	#activitytime div.content dd
	{
		width: 70%;
		float: left;
		margin: 0 0 3px 2px;
		padding: 0;
	}
	
	.profile_pie
	{
		background-image: url(../images/stats_pie.png);
		float: left;
		height: 20px;
		width: 20px;
		margin: 0;
		padding: 0;
		margin-right: 1em;
	}
	
	.time
	{
		float: right;
	}
	.counter
	{
		margin-right: 1em;
	}
	.topic h4
	{
		margin: 3px 0;
	}
	
	.mod_icons
	{
		text-align: right;
		margin-right: 1em;
	}
	
	#permissions dt
	{
		width: 40%;
		float: left;
		margin: 0 0 -500px;
		padding: 1% 1% 500px;
		clear: both;
		border-top: 1px solid white;
	}
	
	#permissions dd
	{
		width: 56%;
		float: left;
		margin: 0;
		padding: 1%;
		border-top: 1px solid white;
	}
	
	#tracking div.content dl
	{
		border-bottom: 0px;
		margin: 0;
		padding: 0;
	}
	
	#ip_list
	{
		padding: 0;
		margin: 0 0 3px 0;
		list-style: none;
		clear: both;
		display: block;
	}
	
	#ip_list li.header
	{
		display: block;
		height: .1%;
	}
	
	#ip_list li.header, #ip_list li.ip
	{
		float: left;
		width: 49%;
		padding: .5%;
	}
	
	#creator dl
	{
		margin: 0;
	}
	#creator dt
	{
		width: 40%;
		float: left;
		clear: both;
		margin: 0 0 10px 0;
	}
	#creator dd
	{
		float: left;
		width: 60%;
		margin: 0 0 10px 0;
	}
	
	#ignoreboards
	{
		overflow: auto;
	}
	
	#ignoreboards li
	{
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		width: 49%;
	}
	
	#theme_settings
	{
		overflow: auto;
		margin: 0;
		padding: 0;
	}
	
	#theme_settings li
	{
		list-style: none;
		margin: 10px 0;
		padding: 0;
	}
	/*Paid Subscriptions*/
	#paid_subscription
	{
		width: 100%;
	}
	#paid_subscription dl.settings
	{
		margin-bottom: 0;
	}
	#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
	{
		margin-bottom: 4px;
	}
	/*pick theme*/
	#pick_theme
	{
		width: 100%;
		float: left;
	}
	
	/* Styles for the statistics centre.
	------------------------------------------------- */
	#statistics
	{
		padding-bottom: 0.5em;
	}
	#statistics h4.titlebg
	{
		text-align: center;
		margin-bottom: 5px;
	}
	#stats_left, #top_posters, #top_topics_replies,#top_topics_starter
	{
		float:left;
		width: 49.5%;
	}
	#stats_right, #top_boards, #top_topics_views, #most_online
	{
		float: right;
		width: 49.5%;
	}
	dl.stats
	{
		clear: both;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	dl.stats dt
	{
		width: 49%;
		float: left;
		margin: 0 0 4px 0;
		line-height: 16px;
		padding: 0;
		clear: both;
		font-size: 1em;
	}
	dl.stats dd
	{
		text-align: right;
		width: 50%;
		font-size: 1em;
		float: right;
		margin: 0 0 4px 0;
		line-height: 16px;
		padding: 0;
	}
	.stats_bar
	{
		float: left;
		background-image: url(../images/bar_stats.png);
		height: 16px;
		font-size: 0.9em;
		display: block;
		text-align: left;
		color: white;
		font-weight: bold;
		background-position: top center;
	}
	.stats_bar span
	{
		padding-left: 2px;
	}
	
	/* Styles for the calendar section.
	------------------------------------------------- */
	.calendar_table
	{
		margin-bottom: 0.7em;
	}
	
	/* Used to indicate the current day in the grid. */
	.calendar_today
	{
		color: red;
		background-color: #FFFFFF;
	}
	
	#month_grid
	{
		width: 200px;
		text-align: center;
		float: left;
	}
	
	#month_grid table
	{
		width: 200px;
		border-collapse: collapse;
		border: 1px solid #ddd;
	}
	#month_grid table td, #month_grid table th
	{
		border: 1px solid #ccc;
	}
	
	#main_grid table
	{
		width: 100%;
		padding-bottom: 4px;
		border-collapse: collapse;
		border: 1px solid #ddd;
	}
	
	#main_grid table td, #main_grid table th
	{
		border: 1px solid #ddd;
	}
	
	#main_grid table h3.catbg
	{
		text-align: center;
	
		border-top: 1px solid #ddd;
		border-bottom: none;
	}
	
	#main_grid table h4
	{
		border: none;
	}
	
	#main_grid table.weeklist td.windowbg
	{
		text-align: center;
		height: 49px;
		width: 25px;
		font-size: large;
		padding: 0 7px;
		border-bottom: 1px solid #dcdcdc;
	}
	
	#main_grid table.weeklist td.weekdays
	{
		height: 49px;
		width: 100%;
		padding: 4px;
		text-align: left;
		vertical-align: middle;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #adadad;
	}
	
	#main_grid h3.weekly
	{
		text-align: center;
		padding-left: 0;
		font-size: large;
		height: 29px;
	}
	
	#main_grid h3 span.floatleft, #main_grid h3 span.floatright
	{
		display: block;
	
	}
	
	#main_grid table th.days
	{
		width: 14%;
	}
	
	#main_grid table td.weeks
	{
		vertical-align: middle;
		text-align: center;
	}
	
	#main_grid table td.days
	{
		vertical-align: top;
	
	}
	
	a.modify_event
	{
		color: #FF0000;
	}
	
	span.hidelink
	{
		font-style: italic;
	}
	
	#calendar_navigation
	{
		text-align: center;
	}
	
	#calendar .buttonlist_bottom
	{
		border-bottom: 1px solid #000;
		padding: 0 0 0 1ex;
		margin: 0 0 1ex 0;
	}
	
	/* Styles for the memberlist section.
	------------------------------------------------- */
	#mlist_search
	{
		margin: auto;
		width: 400px;
	}
	
	/* Styles for the basic search section.
	------------------------------------------------- */
	#searchform, #simple_search p
	{
		padding: 0.5em;
		margin: 0;
	}
	#simple_search, #simple_search p, #advanced_search
	{
		text-align: center !important;
		margin: 0;
	}
	#search_error
	{
		font-style: italic;
		padding: 0.3em 1em;
	}
	#search_term_input
	{
		font-size: 115%;
		margin: 0 0 1em;
	}
	
	/* Styles for the advanced search section.
	------------------------------------------------- */
	#searchform fieldset
	{
		text-align: left;
		padding: 0;
		margin: 0.5em 0;
		border: none;
	}
	#advanced_search dl#search_options
	{
		margin: 0 auto;
		width: 600px;
		padding-top: 1em;
		overflow: hidden;
	}
	#advanced_search dt
	{
		clear: both;
		float: left;
		padding: 0.2em;
		text-align: right;
		width: 20%;
	}
	#advanced_search dd
	{
		width: 75%;
		float: left;
		padding: 0.2em;
		margin: 0 0 0 0.5em;
		text-align: left;
	}
	#searchform p.clear
	{
		clear: both;
	}
	
	/* Boards picker */
	#searchform fieldset ul#searchBoardsExpand
	{
		overflow: hidden;
		padding: 0.3em 1em;
	}
	#searchform fieldset ul#searchBoardsExpand li.category
	{
		font-weight: bold;
		width: 49%;
		float: left;
		overflow: hidden;
		padding: 0.2em 0;
		margin: 0;
	}
	#searchform fieldset ul#searchBoardsExpand li.board
	{
		font-weight: normal;
	}
	#searchform fieldset p
	{
		padding: 4px;
		text-align: left;
		margin-top: 5px;
	}
	
	/* Styles for the search results page.
	------------------------------------------------- */
	#search_results form
	{
		padding: 1em;
	}
	.pagelinks
	{
		padding: 0.5em;
	}
	.topic_table td blockquote, .topic_table td .quoteheader
	{
		margin: 0.5em;
	}
	.search_results_posts
	{
		overflow: hidden;
	}
	.search_results_posts  .inner
	{
		padding: 0.5em 1em;
		overflow: hidden;
	}
	.search_results_posts .windowbg2
	{
		margin-top: 4px;
	}
	.search_results_posts .buttons
	{
		padding: 5px 1em 0 0;
	}
	
	/* Styles for the help section.
	------------------------------------------------- */
	
	#helpmain
	{
		padding: 1em;
		border: 1px solid #696969;
	}
	
	#helpmain h1
	{
		font-size: 18px;
	}
	
	#helpmain h2
	{
		font-size: 18px;
		border-bottom: solid 1px;
		padding-bottom: 0.5em;
		margin: 0 0 0.5em 0;
	}
	
	#helpmain h3, #helpmain h4, #helpmain h5, #helpmain h6
	{
		font-size: 16px;
		margin: 1em 0 0.5em 0;
		font-weight: normal;
		padding: 0 0 0.5em 0;
	}
	
	/* we need some air between the lines :) */
	#helpmain p
	{
		margin: 0 0 1.5em 0;
		line-height: 1.5em;
	}
	
	#helpmain ol
	{
		font-weight: bold;
		list-style-type: disc;
		margin-bottom: 1em;
		margin-top: 1em;
		line-height: 1.5em;
	}
	#helpmain ol.la
	{
		font-weight: normal;
		list-style-type: circle;
		margin: 0.5em 0 1em 0;
		padding-left: 1.5em;
	}
	
	/* put back the bullets please */
	#helpmain ul
	{
		margin: 0 0 1em 2em;
		padding-left: 1em;
	}
	#helpmain ul li
	{
		line-height: 1.5em;
		list-style-type: disc;
		padding-left: 0.2em;
	}
	
	/* ...but leave the tab strips alone! */
	#helpmain .buttonlist_bottom ul, #helpmain .buttonlist ul
	{
		margin: 0 !important;
		padding: 0 0 0 1em !important;
	}
	
	#helpmain .buttonlist_bottom ul li, #helpmain .buttonlist ul li
	{
		margin: 0 0.2em 0 0 !important;
		padding: 0 !important;
	}
	
	/* Depreciated stuff from the old days.
	------------------------------------------------- */
	
	/* definitions for the main tab, active means the tab reflects which page is displayed */
	.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
	{
		color: #a1a1a1;
		text-transform: lowercase;
		vertical-align: top;
	}
	.maintab_back, .maintab_active_back
	{
		color: #a1a1a1;
		text-decoration: none;
		font-size:  11px;
		vertical-align: top;
		padding: 6px;
		font-family: arial, sans-serif;
		font-weight: bold;
	}
	
	.maintab_first
	{
		display: none;
	}
	.maintab_back
	{
	}
	.maintab_last
	{
		display: none;
	}
	.maintab_active_first
	{
		display: none;
	}
	.maintab_active_back
	{
		background: #555;
	}
	.maintab_active_last
	{
		display: none;
	}
	
	/* how links behave in main tab. */
	.maintab_back a:link , .maintab_back a:visited
	{
		color: #a1a1a1;
		text-decoration: none;
	}
	.maintab_active_back a:link , .maintab_active_back a:visited
	{
		color: #CDCDCD;
		text-decoration: none;
	}
	
	.maintab_back a:hover, .maintab_active_back a:hover
	{
		text-decoration: overline;
	}
	/* definitions for the main tab, active means the tab reflects which page is displayed */
	.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
	{
		color: #a1a1a1;
		text-transform: lowercase;
		vertical-align: top;
	}
	.mirrortab_back, .mirrortab_active_back
	{
		color: #a1a1a1;
		text-decoration: none;
		font-size:  11px;
		vertical-align: top;
		padding: 6px;
		font-family: arial, sans-serif;
		font-weight: bold;
	}
	
	.mirrortab_first
	{
		display: none;
	}
	.mirrortab_back
	{
	}
	.mirrortab_last
	{
		display: none;
	}
	.mirrortab_active_first
	{
		display: none;
	}
	.mirrortab_active_back
	{
		background: #555;
	}
	.mirrortab_active_last
	{
		display: none;
	}
	
	/* how links behave in main tab. */
	.mirrortab_back a:link , .mirrortab_back a:visited
	{
		color: #a1a1a1;
		text-decoration: none;
	}
	.mirrortab_active_back a:link , .mirrortab_active_back a:visited
	{
		color: #fff;
		text-decoration: none;
	}
	
	.mirrortab_back a:hover, .mirrortab_active_back a:hover
	{
		text-decoration: overline;
	}
	
	/* This style will make sure all headers use the same padding throughout. */
	.headerpadding
	{
		padding: 0.5em;
	}
	/* smaller padding used in paragraphs, sections etc */
	.smallpadding
	{
		padding: 0.2em;
	}
	/* larger padding used in paragraphs, sections etc */
	.largepadding
	{
		padding: 0.7em;
	}
	
	/* A small space to the next section. */
	.marginbottom
	{
		margin-bottom: 1em;
	}
	/* On the top too. */
	.margintop
	{
		margin-top: 1em !important;
	}
	/* remove bold/italic styles */
	span.plainstyle
	{
		font-weight: normal;
		font-style: normal;
	}
	/* float a list horizontally */
	ul.horizlist
	{
		width: 100%;
	}
	ul.horizlist li
	{
		float: left;
		padding: 0.2em 0.4em 0.2em 0.4em;
		vertical-align: top;
	}
	/* make a inline-list */
	ul.nolist li
	{
		display: inline;
	}
	/* Helping style to clear floated items. */
	.clearfix:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix
	{
		display: inline-block;
	}
	
	/* Hides from IE-mac. \*/
	* html .clearfix
	{
		height: 1%;
	}
	.clearfix
	{
		display: block;
	}
	/* End hide from IE-mac. */
	
	/* This is used for tables that have a grid/border background color (such as the topic listing.) */
	.bordercolor {
		background: #fff;
		padding: 0px;
	}
	/* This is used on tables that should just have a border around them. */
	.tborder {
		background: #fff;
		border: 1px solid #e2e2e2;
	}
	.popuptext {
		color: white;
	}
	.popuptext a:link, .popuptext a:visited {
		color: brown;
	}
	#bodybg {
		background: transparent;
		padding-top: 0px;
	}
	#top-wrap, #head-wrap, #user-wrap, #body-wrap, #foot-wrap {
		clear: both;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	/** HEADER **/
	#header {
		 position: relative;
		 height: 192px;
	  
		 background: 0 0 repeat-x;
	}
	#head-r {
		text-align: center;
		 background: 100% 0 no-repeat;
	}
	#head-l {
		 background: 0 0 no-repeat;
	}
	/** BANNER/LOGO **/
	
	/*** Search ***/
	#searcharea {
		clear: both;
		position: absolute;
		top: 7.7em;
		right: 1.5em;
		padding: 0;
		display:block;
		float:right;
		margin:0 22px 0 0;
		width:152px;
		height:27px;
		background:url(../images/img/searchback.png) no-repeat;
	}
	#searcharea .inputbox {
		font-size: 12px;
		letter-spacing: 1px;
		width: 100px;
		height:23px;
		line-height:10px;
		margin:0px 0 10px 20px;
		padding:6px 5px 4px 7px;
		float:left;
		background: none;
		border: none;
		color: #c0c0c0;
		font-family: vagabond, optima;
	}
	/** TOPAREA **/
	#top {
		background: url(../images/img/topbg.png) 0 0 repeat-x;
		display: none;
	}
	#top-r {
		background: url(../images/img/topr.png) 100% 0 no-repeat;
	}
	#top-l {
		background: url(../images/img/topl.png) 0 0 no-repeat;
		padding: 34px 25px 10px 25px;
	}
	/** PAGES **/
	#bodyarea {
		padding: 20px;
		background: #E9E9E9;
		color: #333;
		padding-bottom: 2em;
		margin: 0;
	}
	/** TEMPLATE MENU **/
	.menurack {
		margin:0;
		width:auto;
		height:32px;
		clear:both;
		background-color: #CCCCCC;
	margin-top: 6px;
	height: 35px;
	}
	ul#topmenu.menu {
		font-size:small;
			margin:0;
			padding:0 10px;
	}
	
	ul#topmenu.menu li {
	  display:inline;
			float:left;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0;
			padding:0;
	}
	ul#topmenu.menu li a {
	  color:#BB0000;
			float:left;
			font-size: 12px;
			font-weight:bold;
			line-height:25px;
			margin:0 20px;
			text-decoration:none;
			
			border-bottom:4px solid #CCCCCC;
			padding-bottom:2px;
		
	}
	ul#topmenu.menu li a:hover {
		color: #333333;
	}
	ul#topmenu.menu li .current 
	{
	  border-bottom:4px solid #333333;
			color:#333333;
			padding-bottom:2px;
	}
	ul#topmenu.menu li .current a {
	  border-bottom:4px solid #333333;
			color:#333333;
			padding-bottom:2px;
	}
	ul#topmenu.menu li .current a:hover {
		
	}
	ul#topmenu.menu li .current {
		
	}
	
	#bdy-l {
		margin-top: 1px;
		border-top: 1px solid #FFFFFF;
		/*background: url(../images/img/sidel.png) 0 50% repeat-y;
		padding-left: 45px;*/
	}
	#bdy-r {
		/*background: url(../images/img/sider.png) 100% 50% repeat-y;
		padding-right: 45px;*/
	}
	/** LINKTREE **/
	#linktree {
		clear: both;
		padding: 2px;
		font-weight: bold;
		font-family: Arial, sans-serif;
	}
	/* - floats - */
	.left,.alignleft {float: left; margin-left: 1.5em;}
	.right,.alignright {float: right; margin-right: 1.5em;}
	
	/* Avatar Fix */
	#crip-avatar {
		float: right;
		padding-top: 3px;
		padding-left: 10px;
	}
	/* User Area Begins! */
	#userarea {
		float: right;
		margin: 0 1em; 
		padding: 0.76em 1em 0 0;
		text-align: right;
		font-size: 0.99em;
		width: 38em;
		color: #B7B7B7;
		font-family: Helvetica, Arial, sans-serif;
	}
	#userarea a:link, #userarea a:visited {
		color: #B7B7B7;
	}
	#userarea a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	/* News Here! */
	#news {
		position: absolute;
		float: left;
		clear: both;
		top: 7.5em;
		left: 1.5em;
		text-align: left;
		font-size: 8pt;
		color: #B7B7B7;
		font-family: Helvetica, Arial, sans-serif;
	}
	#news a:link, #news a:visited {
		color: #B7B7B7;
	}
	#news a:hover {
		color:  #FFF;
		text-decoration: underline;
	}
	.clr {
		clear: both;
	}
	/** FOOTER **/
	#footer {
		 height: 45px;
		 background: url(../images/img/botbg.png) 0 100% repeat-x;
		 display: none;
	}
	#foot-r {
		 height: 45px;
		 background: url(../images/img/botl.png) 100% 100% no-repeat;
	}
	#foot-l {
		 height: 45px;
		 background: url(../images/img/botr.png)  0 100% no-repeat;
	}
	#footerarea {
		 text-align: center;
		 text-transform: uppercase;
		 font-family: Helvetica, Arial, sans-serif;
		 color: #B7B7B7;
		 font-size: 10px;
		 padding: 5em;
	}
	#footerarea a:link, #footerarea a:visited {
		 color: #B7B7B7;
	}
	#footerarea a:hover {
		 color: #FFF;
		 text-decoration: underline;
	}
	
	#miniflex 
	{
		font-size:small;
		margin:0;
		padding:0 10px;
		font-family: arial;
	}
	
	#miniflex li 
	{
		display:inline;
		float:left;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	#miniflex a:link, #miniflex a:visited 
	{
		color:#BB0000;
		float:left;
		font-size: 12px;
		font-weight:bold;
		line-height:25px;
		margin:0 10px;
		text-decoration:none;
		
		border-bottom:4px solid #CCCCCC;
		padding-bottom:2px;
	}
	
	#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover 
	{
		border-bottom:4px solid #333333;
		color:#333333;
		padding-bottom:2px;
	}
	
	#miniflex2
	{
		font-size:small;
		margin:0;
		padding:0 10px;
		font-family: arial;
	}
	
	#miniflex2 li 
	{
		display:inline;
		float:left;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	#miniflex2 a:link, #miniflex2 a:visited 
	{
		color:#BB0000;
		float:left;
		font-size: 12px;
		font-weight:bold;
		line-height:25px;
		margin:0 10px;
		text-decoration:none;
		
		border-bottom:4px solid #BBBBBB;
		padding-bottom:2px;
	}
	
	#miniflex2 a.active:link, #miniflex2 a.active:visited, #miniflex2 a:hover 
	{
		border-bottom:4px solid #333333;
		color:#333333;
		padding-bottom:2px;
	}