/* Default CSS sheet. */
/* Old sidebar style, avatars beside posts. */

/* Normal, standard links. */
a:link, a:visited {
	color: #96602c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Navigation links - for the link tree. */
.linktree {
	margin: 0 11px;
	font-weight: 600;
	font-size: 0.9em;
	line-height: 2em;
}
.linktree b {
	margin: 0;
}
.nav_link:link, .nav_link:visited {
	color: #96602c;
	display: inline-block;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}
a.nav_link:hover {}

/* Next/Previous page links for function constructPageIndex */
.nextprev {
	padding: 0 4px;
	font-weight: normal;
	white-space: pre;
}
.pages_dots {
	font-weight: bold;
}
.current_page {
	margin: 0 4px 0 0;
	padding: 0 6px;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #fafafa;
	border-radius: 2px;
}
.next_thread {
	float: right;
	display: block;
}

/* Tables should show empty cells. */
table {
	empty-cells: show;
}

/* Set overall background colour. */
html {
	background: #444;
}

/* The main body of the entire forum. */
body {
	position: relative;
	padding: 0;
	margin: 0;
	font: 83.33%/150% "Segoe UI", "Helvetica Neue", "Liberation Sans", "Nimbus Sans L", Arial, sans-serif;
	background-size: 100% auto;
	color: #444;
}
body.background1 {
	background: #e1c4ac url(images/Standard/background1.jpg) 0 0 repeat-x fixed;
	background-size: auto;
}
body.background2 {
	background: #2d2d2d url(images/Standard/background2.jpg) 0 0 repeat-x fixed;
	background-size: auto;
}
body.background3 {
	background: #7d7582 url(images/Standard/background3.jpg) center top no-repeat fixed;
}
body.background4 {
	background: #333 url(images/Standard/background4.jpg) center top no-repeat fixed;
}

/* Inputs, etc. */
input, textarea, button, select {
	font: 100%/150% "Segoe UI", "Helvetica Neue", "Liberation Sans", "Nimbus Sans L", Arial, sans-serif;
	color: #444;
}
/* All input elements that are checkboxes or radio buttons. */
input.check {}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor {
	height: 2px;
	border: 0;
	color: #eee;
	background-color: #eee;
	box-shadow: 0 1px 0 #bbb inset;
}

/* No image should have a border when linked */
a>img {
	border: none;
}

/* Sort out bloody heading defaults. Meh. */
hi, h2, h3, h4, h5, h6, strong, b {
	font-size: 1em;
	font-weight: 600;
	padding: 0;
	margin: 0;
}

/* Code block/spoiler tag. [WIP] */
.code {
	font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
/* Width restriction to prevent horizontal scrollbars on post. */
	max-width: 100%;
	border: 1px solid #96602c;
	border-radius: 2px;
}
.code button {
	background: #fff;
	color: #444;
	padding: 3px 6px 2px 6px;
	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.07), -1px -2px 3px rgba(0,0,0,0.03) inset;
}
.code button:hover {
	border: 1px solid #ddd;
	border-top: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.07) inset, -1px -1px 2px #fff inset;
	background: #f4f4f4;
	color: #222;
	cursor: pointer;
}
.code div {
/* Don't wrap its contents, and show scrollbars. */
	resize: vertical;
	height: 5em;
	overflow: auto;
	padding: 0.5em;
	white-space: pre;
}

/* The "Quote" header. */
.quoteheader {
	margin: 7px 7px 0 7px;
	padding: 3px 8px 0 8px;
	color: #777;
	font-size: 0.8em;
	font-weight: 600;
	text-shadow: 1px 1px 0 #fff;
	background: #fff;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.15);
	border: 1px solid #ccc;
	border-bottom: none;
}
.quoteheader a:link, .quoteheader a:visited {
	color: #777;
	text-shadow: 1px 1px 0 #fff;
}
.quoteheader a:hover {
	color: #96602c;
	text-decoration: none;
}
.quoteheader:after {
	content:"";
	display: block;
	height: 2px;
	background: #f4f4f4;
	box-shadow: 0 1px 0 #bfbfbf inset;
	margin: 4px 0 0 0;
}

/* The quote body. */
.quote {
	margin: 0 7px;
	padding: 6px 9px;
	font-size: 0.9em;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.15);
}
.quote b, .quote strong {
	color: #333;
}
.quote a:link b, .quote a:visited b {
	color: #96602c;
}

/* Fix font-size cascades and other details. */
.signature .quoteheader, .signature .quoteheader a:link, .signature .quoteheader a:visited {
	font-size: 0.94em;
	font-weight: normal;
	text-shadow: none;
}
.quote .quote, .quote .code, .quote .quoteheader, .signature .quote {
	font-size: 1em;
}
.quote .quote, .quote .quoteheader, .signature .quote , .signature .quoteheader {
	box-shadow: 1px 2px 3px rgba(0,0,0,0.08);
}
#search_results>ul>li>div, #search_results .quote, #search_results .quoteheader {
	float: none; width: auto; max-width: 100%;
}

/* The help [?] icons. */
.help {
	cursor: help;
}

/* /me uses this a lot. */
.meaction {
	color: #b44435;
	font-style: italic;
	font-weight: 600;
}
.meaction:before {
	content:"\007E";
}

/* The main post box - this makes it as wide as possible. */
.editor {
	width: 96%;
	height: 250px;
}
#postformSmileys {
	padding: 10px;
}

/* Highlighted text - such as search results. [WIP] */
.highlight, .quote .highlight {
	font-weight: 600;
	background: #fff;
	color: #962010;
	padding: 0 6px;
	margin: 0.1em 2px;
	border-radius: 2px;
	display: inline-block;
	line-height: 1.3em;
	border: 1px solid #ccc;
}

/* Alternating backgrounds for elements. */
.windowbg, .windowbg2 ,.windowbg3 {
	background: #fff;
}

/* The today container in calendar */
.calendar_today {
	background: #F5F5F5;
}

/* Titles, headers, etc. */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
	padding: 4px 6px;
	color: #555;
	text-shadow: 1px 1px 0 #fff;
	font-size: 1.1em;
	font-weight: 600;
	background: #dedede url(images/Standard/catbg.gif) repeat-x;
}
.titlebg, .titlebg a:link, .titlebg a:visited, .titlebg2 a:link, .titlebg2 a:visited {
	color: #555;
}
.titlebg a:hover, .titlebg2 a:hover {
	color: #96602c;
	text-decoration: none;
}

/* .catbg and .catbg2 is for boardindex, .catbg3 is for messageindex and display headers. */
.catbg, tr.catbg td, .catbg2, tr.catbg2 td, .catbg3, tr.catbg3 td {
	padding: 4px 6px;
	color: #555;
	text-shadow: 1px 1px 0 #fff;
	font-size: 1.1em;
	font-weight: 600;
	background: #dedede url(images/Standard/catbg.gif) repeat-x;
}
.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited,
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
	color: #555;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
	color: #96602c;
	text-decoration: none;
}

/* Tables that have a grid/border background color. */
.bordercolor {
	padding: 0;
	background: #ccc;
}

/* Tables that just have a border around them. */
.tborder {
	border: 1px solid #ccc;
}

/* Default font sizes: small (9pt), normal (10pt), and large (11pt). */
.smalltext {
	font-size: 0.9em;
}
.middletext , .normaltext {
	font-size: 1em;
}
.largetext {
	font-size: 1.1em;
}

/* The news fader stuffz (wot doesn't fade ennymorz) :P */
#smfNewsFader {}

/* Posts and personal messages displayed throughout the forum. */
.poster {
	float: left;
	width: 160px;
	font-size: 0.9em;
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.poster li {
	position: relative;
	word-break: hyphenate;
	word-wrap: break-word;
}

/* The <li> to hold the avatar. */
.poster_avatar {
	padding: 4px 0;
}

/* Anchor for linking avatar to profile. */
.poster_avatar a {
	display: block;
	margin: 0 15px;
}

/* Auto resizing of avatars. */
.poster_avatar img, #summary_avatar img {
	height: auto;
	width: auto;
	max-height: 150px;
	max-width: 125px;
	border-radius: 3px;
}

/* The "Send Message" buttons. [WIP] */
.poster li.poster_online a:link, .poster li.poster_online a:visited {
	display: block;
	margin: 4px;
	padding: 3px 3px 2px 3px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.07), -1px -2px 3px rgba(0,0,0,0.03) inset;
}
a.link_button, a.link_button:visited {
	background: #fff;
	color: #444;
	padding: 3px 6px 2px 6px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.07), -1px -2px 3px rgba(0,0,0,0.03) inset;
}
a.link_button, a.link_button:visited, #summary_avatar a.link_button, #summary_avatar a.link_button:visited {
	display: block;
	margin-top: 6px;
	max-width: 160px;
}
.poster li.poster_online a:hover, a.link_button:hover {
	border: 1px solid #e6e6e6;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.07) inset, -1px -1px 2px #fff inset;
	background: #fafafa;
	text-decoration: none;
}

/* The droppy under the avatar. */
.poster li ul {
	position: absolute;
	top: 100%;
	left: 10px;
	z-index: 90;
	list-style: none;
	padding: 0.5em;
	font-weight: normal;
	text-align: left;
	background: #fff;
	border: solid 1px #aaa;
	border-left: solid 1px #bbb;
	border-top: solid 1px #ccc;
	border-radius: 2px;
	box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}
.poster li ul li, .poster li:hover ul li{
	width: 17em;
	font-size: 1em;
	list-style: none;
}
.poster ul li a:link, .poster ul li a:visited {
	background: none;
	border: none;
	box-shadow: none;
	border: 1px solid transparent;
	border-radius: 2px;
	display: block;
	padding: 2px 4px;
	font-size: 1em;
}
.poster ul li a img {
	vertical-align: middle;
	margin-right: 10px;
}
.poster li ul li a:hover {
	border: 1px solid #e6e6e6;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.07) inset, -1px -1px 2px #fff inset;
	background: #fafafa;
	text-decoration: none;
}

/* On to main post area. */
.post_wrapper {
	margin-left: 170px;
	line-height: 1.5em;
	padding: 0 4px 0 0;
}
.post_wrapper:after {
	content: '';
	display: block;
	clear: both;
}
.post_subject {
	float: right;
	max-width: 13em;
	display: block;
	white-space: pre;
	font-size: 0.9em;
	color: #777;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post_wrapper h5 {
	float: left;
	margin: 0 4px;
	padding: 0;
	font-size: 0.9em;
}
.post_wrapper>h5>a {
	position: relative;
}
.post_wrapper>h5>a>img {
	float: left;
}
.post_wrapper>h5>span {
	font-weight: normal;
	color: #555;
}

/* The actual post, or PM, content. */
.post, .personalmessage {
	float: left;
	width: 100%;
	overflow: auto;
	font-size: 1em;
	min-height: 120px;
	padding: 6px 2px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.post textarea {
	max-width: 95%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* Scale images inside posts. */
.post img, .personalmessage img{
	max-width: 100%;
	width: auto;
	max-height: 640px;
	height: auto;
}

/* Attempt to shorten url's inside posts. [WIP] */
.post a.raw_url, .quote a.raw_url, .personalmessage a.raw_url, .sbinner  a.raw_url {
	display: inline-block;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 24em;
	vertical-align: bottom;
}
.sbinner a, .sbinner  a.raw_url {
	max-width: 95%;
}

/* Attachments stuff. */
.attachments {
	float: left;
	width: 100%;
	max-width: 100%;
	overflow: auto;
}
.attachments>img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 640px;
	margin-top: 1em;
}
.attachments>a {
	display: block;
	line-height: 2em;
}
.attachments>a>img {
	vertical-align: middle;
}
.attachments>a>span {
	color: #444;
}

/* All the signatures used in the forum. */
.signature {
	float: left;
	width: 100%;
	max-width: 100%;
	overflow: auto;
	padding-bottom: 8px;
	font-size: 0.9em;
	color: #555;
}

/* Sometimes there will be an error when you post */
.error {
	color: red;
}

/* Definitions for the main tab. */
/* [WIP] - ideally, change all to list. */
.maintab_back, .maintab_active_back, .mirrortab_back, .mirrortab_active_back {
	vertical-align: top;
	padding: 5px 10px 5px 10px;
	color: #7F3F3F;
	font-size: 0.8em;
	text-transform: uppercase;
	text-decoration: none;
}
.maintab_first, .mirrortab_first, .maintab_last, .mirrortab_last,
.maintab_active_first, .mirrortab_active_first, .maintab_active_last, .mirrortab_active_last {
	display: none;
}
.maintab_active_back, .mirrortab_active_back {
	background: #FFFFFF;
	border-left: 2px solid #DDDADA;
	border-right: 2px solid #DDDADA;
	border-bottom: 1px solid #DDDADA;
}

/* How links behave in main tab. */
.maintab_back a:link, .maintab_back a:visited, .mirrortab_back a:link, .mirrortab_back a:visited,
.maintab_active_back a:link, .maintab_active_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited {
	text-decoration: none;
	font-weight: 600;
	color: #7F3F3F;
}
.maintab_back a:hover, .maintab_active_back a:hover, .mirrortab_back a:hover, .mirrortab_active_back a:hover {
	color: #CC3333;
	text-decoration: underline;
}

/* The AJAX notifier: says "Loading" when using the quick edit. */
#ajax_in_progress {
	text-align: center;
	font-size: 2em;
	line-height: 1.6em;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 25;
	background: #dedede url(images/Standard/catbg.gif) repeat-x;
	color: #555;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 -1px 0 #888 inset;
}

/* Custom portal classes. */
/* TP specific classes */
.sitemap {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sitemap_header, .sitemap_header_active {
	display: block;
	font-weight: bold;
	margin: 2px;
	padding: 4px;
	background: #FCFCFC;
	border-bottom: 1px solid #EEEEEE;
}
.sitemap_header:hover, .sitemap_header_active:hover {
	color: #9D7941;
	background: #F0F0F0;
	text-decoration: none;
}

/* TP other styles */
#articlelist {
	margin: 0;
	padding: 0.5ex 0;
	list-style: none;
}
#catlist {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px #EEEEEE;
}
#articlelist li, #catlist li {
	display: block;
	padding: 0 0 0 3ex;
	margin: 0;
}
#articlelist li {
	background: url(images/divider.gif) no-repeat 5px 3px;
}

/* TP rss feed styles */
.rss_title {
	font-weight: bold;
}
.rss_body {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.rss_image {
	margin: 4px 0;
}

/* Custom classes for shoutbox styling */
.sbheader{
	font-weight:bold;
	font-size: 0.9em;
	overflow: hidden;
	border-top:solid 1px #d4d4d4;
	margin-top: 4px;
}
.sbheader div{
	font-weight: normal;
	white-space: pre;
}
.sbinner img {
	height: auto;
	width: auto;
	max-width: 96%;
	max-height: 300px;
}
#all_recent_shouts>div, #all_recent_shouts>div>.sbheader, #all_recent_shouts>div>.sbinner {
	float: none;
	clear: both;
	width: auto;
	max-width: 100%;
	padding: 4px;
}
#all_recent_shouts>div {
	padding: 0;
}
#all_recent_shouts>div>.sbheader>div, #all_recent_shouts>div>.sbheader>b {
	display: block;
	float: left;
	padding: 0 4px 0 0;
}

/* Pages, articles, etc. */
#front_page .windowbg {
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 2px 2px;
	padding: 4px;
	margin: 0 0 1em 0;
	background: #fbfbfb;
}
#front_page .quoteheader, #front_page hr {
	clear: both;
}
.article_wrap, .rss_block {
	border: 1px solid #eaeaea;
	margin: 0;
	padding: 4px 10px;
	background: #fff;
}
.rss_block {
	overflow: auto;
	height: 300px;
	resize: vertical;
	font-size: 0.9em;
}
#block49 .quoteheader, #block49 .quote {
	border: 1px solid #eaeaea;
	border-bottom: none;
	margin: 0;
	padding: 8px 10px 0 10px;
	background: #fff;
	font-size: 1em;
}
#block49 .quote {
	border: 1px solid #eaeaea;
	border-top: none;
	margin: 0 0 -1.2em 0;
	padding: 4px 10px 12px 10px;
	background: #fff;
}
#block6 .block_edit, #block11 .block_edit, #block14 .block_edit,
#block19 .block_edit,#block30 .block_edit,  #block48 .block_edit, #block51 .block_edit {
	display: none;
}

/* Jesus and Mo stuffz. :) */
#block58 img {
	display: block;
	margin: 0 auto;
	height: auto;
	width: auto;
	max-width: 95%;
}

/* Portal side panel. */
.leftbar {
	margin: 0;
	padding: 0;
	float: left;
}
#leftbarHeader {
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	width: 200px;
}
#leftbarHeader .windowbg {
	border-radius: 0 0 2px 2px;
	border: 1px solid #ccc;
	border-top: none;
	padding: 4px;
}
#tp_centerbar {
	position: relative;
	margin: 10px 0;
	padding: 6px 6px 10px 6px;
	border-radius: 4px;
	border: 1px solid #222;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #404040;
	box-shadow: 1px 1px 2px #111 inset, -1px -1px 4px #555 inset;
}
body.background4 #tp_centerbar{
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	background: #303030;
	box-shadow: 1px 1px 2px #171717 inset, -1px -1px 4px #444 inset;
}
#tp_centerbar ul {
	margin: 0 0 0 3.3%;
	padding: 0;
	float: left;
	width: 30%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	list-style: none;
}
#tp_centerbar:after, #tp_centerbar ul:after {
	content: "";
	display: block;
	clear: both;
}
#tp_centerbar ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#tp_centerbar h6 {
	font-weight: 700;
	margin: 0 0 4px 0;
	text-shadow: -1px -1px 0 #111;
}
#tp_centerbar li a {
	border-bottom: 1px solid transparent;
}
#tp_centerbar li a:hover {
	color: #eee;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}

/* Classes for specific left panel blocks. */
#block6 div {
	resize: vertical;
}
#block6 div div {
	resize: none;
}
#block6 hr {
	display: none;
}
/* End of TP section. */
/* The skip navigation link. */
#skipnav_top {
	position: absolute;
	z-index: 99;
	top: 0;
	left: -9999px;
	padding: 0.8em 2em;
	background: #fff;
	font-weight: bold;
	border: solid 1px #999;
	border-left: solid 1px #aaa;
	border-top: none;
	border-radius: 0 0 4px 4px;
	box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}
#skipnav_top:focus {
	left: 20%;
}

/* The "go to top" and "go to bottom" links. */
#toplink, #botlink {
	position: fixed;
	right: 7.5%;
	bottom: 50%;
	padding: 11px 9px 11px 11px;
	margin: 0 -20px 0 0;
	color: #666;
	font-size: 1.5em;
	background: #f0f0f0 url(images/Standard/catbg.gif) 0 5px repeat-x;
	border: 1px solid #b4b4b4;
	border-bottom: 1px solid #b8b8b8;
	border-radius: 6px 3px 0 0;
	z-index: 99;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
}
#botlink {
	top: 50%;
	padding: 10px 9px 11px 11px;
	bottom: auto;
	border: 1px solid #b4b4b4;
	border-top: 1px solid #ddd;
	border-radius: 0 0 3px 6px;
}
#toplink:hover, #botlink:hover {
	color: #a52311;
	background: #fcfcfc;
	text-decoration: none;
}

/* The top bar which holds search, etc.*/
#top_bar {
	background: #f0f0f0 url(images/Standard/catbg.gif) 0 0 repeat-x;
	box-shadow: 0 3px 6px rgba(0,0,0,0.5);
	min-height: 2.3em;
	padding-top: 0.6em;
	margin-bottom: 1.8em;
	border-bottom: 1px solid #bbb;
}
#top_bar form {
	float: right;
	margin: 0;
	position: relative;
}
#top_bar .wrapper:after {
	content:"";
	display: block;
	clear: both;
}
#top_bar form input, #top_bar form select {
	vertical-align: top;
}
/* Other items. */
#top_bar #search, #top_search_advanced, #wombats_dammit, #top_search_advanced, #searchDropmenuTrigger {
	width: 30px;
	margin: 0 0 6px -3px;
	vertical-align: top;
	background: #fff;
	border: 1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1), -2px -2px 4px rgba(0,0,0,0.07) inset;
}
#top_bar #search:hover, #top_search_advanced:hover, #wombats_dammit:hover, #top_search_advanced:hover, #searchDropmenuTrigger:hover {
	background: #fafafa;
	border: 1px solid #c8c8c8;
	border-left: 1px solid #bbb;
	border-top: 1px solid #aaa;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.07) inset;
	cursor: pointer;
	text-decoration: none;
}
/* Toggle link for side panel. */
#wombats_dammit, #top_search_advanced, #searchDropmenuTrigger {
	margin: 0 2px;
	padding: 0 5px 1px 5px;
	color: #444;
	width: auto;
	display: inline-block;
}
.searchDropmenu {
	position: absolute;
	z-index: 20;
	top: -500px;
	right: 4px;
	width: 200px;
	margin-top: 2px;
	padding: 12px 12px 8px 12px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.searchDropmenuShow {
	top: 100%;
}
.searchDropmenu>a {
	font-weight: 600;
	margin: 0 4px;
}
#top_search_form #submit {
	margin: 0 6px 0 2px;
	padding: 0 5px;
	vertical-align: top;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #c8c8c8;
	border-top: 1px solid #aaa;
	border-left: 1px solid #bbb;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.07) inset;
	cursor: pointer;
}
#top_search_form #submit:hover {
	background: #fafafa;
	border: 1px solid #aaa;
	border-top: 1px solid #888;
	border-left: 1px solid #999;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
}
/* More stuffz. */
#top_bar #search, #search_selection {
	width: 160px;
	margin: 0 4px 6px 0;
	vertical-align: top;
	border-radius: 3px;
	border: 1px solid #c8c8c8;
	border-top: 1px solid #aaa;
	border-left: 1px solid #bbb;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.07) inset;
}
#search_selection {
	text-align: left;
	width: auto;
	border-radius: 3px;
}
#top_bar #search:focus, #search_selection:hover, #top_bar #search:hover, #top_search_form #submit:hover {
	border: 1px solid #aaa;
	border-top: 1px solid #888;
	border-left: 1px solid #999;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
}
#top_bar #search {
	padding: 1px 4px;
	background: #fff url(images/search.png) no-repeat 96% center;
}
#top_bar #search:hover {
	background: #fafafa url(images/search.png) no-repeat 96% center;
}
#top_bar #search:focus {
	background: #fff;
}

/* Wrapper for theme width. */
#wrapper, .wrapper {
	width: 85%;
	min-width: 660px;
	margin: 0 auto;
}
#wrapper {
	padding: 14px;
	box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
	background: rgba(255,255,255,0.28);
	border: 1px solid #eee;
	border-radius: 8px;
}
#shad-l, #shad-r {
	padding: 0;
}

/* Main theme header */
#header {
	background: #fff;
	border-radius: 6px 6px 0 0;
	border: 1px solid #cfcfcf;
	border-bottom: none;
	margin: 0;
	padding: 0 0 8px 0;
	box-shadow: 0 -2px 8px #fcfcfc inset;
}
#header:after {
	content: "";
	display: block;
	clear: both;
}
#logo {
	display: inline-block;
	margin: 0;
	width: 530px;
	min-height: 120px;
	background: url(images/Standard/logo_2.png) no-repeat 6px 6px;
}
#logo a:link, #logo a:visited, #logo a:hover {
	display: block;
	cursor: pointer;
	width: 530px;
	height: 120px;
}
#logo a:hover {
	text-decoration: none;
}
@media screen and (max-width: 880px) {
	#logo, #logo a:link, #logo a:visited, #logo a:hover {
		width: 450px;
		height: 102px;
		min-height: 102px;
		background-size: 100%;
	}
}

/* Div for social media icons, etc. [WIP] Change name for better semantics. */
#userarea {
	float: right;
	padding: 20px 20px 0 0;
	text-align: right;
	font-size: 0.9em;
}
#userarea a:link, #userarea a:visited , #userarea a:hover {
	text-decoration: none;
}
#userarea select {
	margin: 0 2px 0 0;
	padding: 0;
	width: 8em;
}
#background_select>select {
	margin-top: 4px;
}
/* Menu bar parent div. */
#toolbar {
	margin: 0;
	padding: 0;
	background: #fff;
	border-radius: 0;
	border: 1px solid #cfcfcf;
	border-bottom: none;
	border-top: none;
}
#bodyarea {
	padding: 10px;
	margin: 0;
	background: #fff;
	border-radius: 0 0 6px 6px;
	border: 1px solid #cfcfcf;
	border-top: none;
	min-height: 300px;
	position: relative;
}
#bodyarea_inner {
	overflow: hidden;
	position: relative;
	left: 0;
	right: 0;
}
#bodyarea:after {
	content: "";
	display: block;
	clear: both;
}

/* Custom wrapper divs for board index, etc. */
.category {
	margin: 2px 0 0 0;
}

/* Custom header bars. */
.cat_bar {
	position: relative;
	color: #555;
	text-shadow: 1px 1px 0 #fff;
	background: #f0f0f0 url(images/Standard/catbg.gif) 0 25px repeat-x;
	border-radius: 6px 6px 0 0;
	border: 1px solid #ccc;
	padding: 10px 15px;
}
#front_page .cat_bar, #leftbarHeader .cat_bar {
	margin: 2px 0 0 0;
}
#leftbarHeader .cat_bar {
	border-radius: 6px 6px 0 0;
}
.cat_bar h3 {
	margin: 0;
	color: #555;
	text-shadow: 1px 1px 0 #fff;
	font-size: 1.1em;
	font-weight: 600;
}
.cat_bar h3 a:link, .cat_bar h3 a:visited {
	color: #555;
	text-shadow: 1px 1px 0 #fff;
}
.cat_bar h3 a:hover {
	color: #96602c;
	text-decoration: none;
}

/* Lists within wrappers. [WIP] */
.category ul, .category ul li {
	list-style: none;
	background: none;
	border: none;
	margin: 0;
	padding: 2px;
}
.category>ul, .category>form>ul, .thread_page>ul, .thread_page>form>ul, .editor_wrapper {
	list-style: none;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 2px 2px;
	padding: 4px 4px 0 4px;
	margin: 0 0 1em 0;
	background: #f4f4f4;
}
.editor_wrapper .inner {
	background: #fff;
	border: 1px solid #eaeaea;
	margin: 0 0 4px 0;
	padding: 20px 5% 10px 5%;
	text-align: center;
}
.editor_wrapper .inner textarea{
	text-align: left;
	max-width: 90%;
}
.thread_page>ul, .thread_page>form>ul {
	margin: 0 0 6px 0;
	background: #f4f4f4;
}
.category>ul>li, .category>form>ul>li, .thread_page>ul>li, .thread_page>form>ul>li {
	border: 1px solid #eaeaea;
	margin: 0 0 4px 0;
	padding: 4px;
	line-height: 1.7em;
	background: #fff;
}
.thread_page>ul>li, .thread_page>form>ul>li, .sbinner {
	line-height: 1.5em;
}
.cat_bar:after, .category ul li:after, .thread_page>ul>li:after,
.thread_page>form>ul>li:after, .category ul li .childboards:before {
	content: "";
	display: block;
	clear: both;
}
.category ul li .board_icon{
	display: block;
	float: left;
	padding: 0.4em 4px;
	width: 58px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.category ul li .topic_icons {
	position: relative;
	width: 46px;
	height: 46px;
	margin: 4px;
	padding: 0;
	text-align: center;
}
.category ul li .topic_icons img{
	padding: 10px;
}
.topic_icons>.fred {
	position: absolute;
	right: -4px;
	bottom: -8px;
}
.category ul li div {
	float: left;
	margin: 0;
	padding: 8px 4px;
	max-width: 50%;
}
.category ul li .childboards:before {
	height: 1px;
	border-top: 1px solid #ccc;
	box-shadow: 0 1px 0 #eee inset;
}
.category ul li .childboards {
	margin: 0 0 0 62px;
	padding: 0 0 0 0;
	max-width: 100%;
	float: none;
	font-size: 0.9em;
	line-height: 2.1em;
}
.category ul li .childboards ul {
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	background: none;
	border: none;
	float: left;
}
.category ul li .childboards ul li {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: auto;
	background: none;
	border: none;
	position: relative;
}
.category ul li .childboards ul li:after {
	content: "";
	display: none;
}
.category ul li .childboards ul li a {
	padding: 0 0 0 6px;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.category ul li .childboards ul li a:after {
	content: ",";
}
.category ul li .childboards ul li:last-child a:after {
	display: none;
}
.category ul li div p {
	margin: 0;
	padding: 0
}
.category ul li h4 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}
.category ul li h4 a:link, .category ul li h4 a:visited {
	font-weight: 600;
	color: #96602c;
}
.firstpost_subject {
	font-weight: 600;
}
.stickybg .firstpost_subject a:link, .stickybg .firstpost_subject a:visited, .stickybg .firstpost_subject a:hover {
	color: #7d4b1b;
}
.category ul li div.info {
	float: none;
	max-width: 100%; 
	margin: 0 290px 0 58px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.category ul li div.lastpost {
	float: right;
	width: 288px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* For the preview section. */
#preview_section:after {
	content: "";
	display: block;
	clear: both;
	height: 1em;
}
#preview_body {
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 2px 2px;
	padding: 8px;
	min-height: 40px;
}

/* For the topic summary. */
#topic_summary .quote_post {
	text-align: center;
	float: right;
	font-size: 0.9em;
	margin: 0 0 4px 0;
}

#info_centre {
	clear: both;
}
.boardstats1 {
	float: left;
}
.boardstats2 {
	float: right;
	text-align: right;
}
#info_centre p {
	margin: 2px 4px;
}
/* Tweaks for message index. */
#messageindex>ul>li {
	padding: 0 4px;
}
#messageindex .pageindex_li, .pageindex_li {
	padding: 6px;
}
#messageindex .stickybar {
	font-weight: 600;
	color: #555;
	padding: 6px 12px;
}
#messageindex .info img, #messageindex .lastpost img {
	margin-top: 4px;
}
#messageindex .lastpost div {
	float:right;
	margin: 0;
	padding: 4px 0 0 0;
	height: 16px;
}

/* Corrections for some portal areas. */
#front_page .category ul li .quoteheader {
	float: none;
	border-radius: 3px 3px 0 0;
	padding: 1px 5px 0 5px;
}
#front_page .category ul li .quote {
	margin-bottom: 0.5em;
}
#front_page .category ul li p {
	margin: 1em 0 0 0;
}
#front_page .category ul li div {
	float: none;
	margin: 0;
	padding: 8px 4px;
	max-width: 100%;
}

/* Recent posts pages. */
#recent_posts h4 {
	padding: 0 6px;
	font-size: 1.1em;
}
#recent_posts ul li div {
	float: none;
	margin: 0;
	padding: 4px;
	max-width: 100%;
}
#recent_posts ul li div.lastpost {
	border-bottom: 1px solid #aaa;
	box-shadow: 0 2px 0 #eee;
	width: auto;
	padding: 0 6px 4px 6px;
	font-size: 0.9em;
}
#recent_posts ul li div.post {
	padding: 8px 4px 4px 4px;
}

/* The small pages indices for message index and unread topics. */
span.topics_pages {
	float: right;
}
a.topics_navPages, span.topics_navDots {
	font-size: 0.9em;
	line-height: 1.889em;
	padding: 0 0 0 1px;
	margin: 0 0 0 0;
}
span.topics_navDots{
	padding: 0 2px;
}

/* Pure CSS new post indicators. */
.new_icons:link, .new_icons_sidebar:link, .new_icons:visited, .new_icons_sidebar:visited {
	height: 1.7em;
	line-height: 1.7em;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	background: #7d4b1b;
	border-radius: 3px;
	padding: 0 5px;
	display: inline-block;
	margin: 0 0 0 0;
	opacity: 0.6;
}
.new_icons:hover, .new_icons_sidebar:hover {
	text-decoration: none;
	opacity: 1;
}
.new_icons_sidebar {
	float: right;
}

/* Footer divs, etc. [WIP] Change markup here. */
#foot-l {
	background: #444;
	margin-top: 3em;
	padding: 0;
	border-top: 2px solid #777;
	box-shadow: 0 2px 1px #222 inset;
}
body.background4 #foot-l{
	background: #323232;
}
#foot-r {
	padding: 0;
}
#footer {
	color: #BFBFBF;
	width: 85%;
	margin: 0 auto;
	padding: 10px 0;
}
#footer a:link, #footer a:visited {
	color: #ccc;
}
#footer a:hover {
	color: #ccc;
	text-decoration: none;
}
#copyright {
	text-align: center;
	padding: 4px;
	border-radius: 4px;
	border: 1px solid #222;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #404040;
	box-shadow: 1px 1px 2px #171717 inset, -1px -1px 4px #555 inset;
}
body.background4 #copyright {
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	background: #303030;
	box-shadow: 1px 1px 2px #171717 inset, -1px -1px 4px #444 inset;
}
#copyright, #copyright a:link, #copyright a:visited, #copyright a:hover{
	font-size: 0.8em;
	color: #aaa;
}

/* Main menu codes */
.tabs {
	margin: 0 10px;
	border-top: 1px solid #aaa;
	box-shadow: 0 2px 0 #eee inset;
}
.tabs:after {
	content: '';
	display: block;
	clear: both;
}
.tabs ul {
	float: left;
	margin: 0;
	padding: 4px 0;
	list-style: none;
}
.tabs li {
	float: left;
	padding: 8px 2px 2px 2px;
	position: relative;
}
.tabs li.last {
	border: none;
	box-shadow: none;
}
.tabs a:link, .tabs a:visited {
	display: block;
	padding: 3px 8px;
	color: #444;
	border: 1px solid transparent;
	border-radius: 3px;
	-webkit-transition: 0.1s ease-in-out 0.05s;
	-moz-transition: 0.1s ease-in-out 0.05s;
	-o-transition: 0.1s ease-in-out 0.05s;
	-ms-transition: 0.1s ease-in-out 0.05s;
	transition: 0.1s ease-in-out 0.05s;
}
.tabs li a:hover, .tabs li a.current, .tabs li:hover a {
	color: #733d09;
	text-decoration: none;
	border: 1px solid #e5e5e5;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.07) inset, -1px -1px 2px #fff inset;
	background: #f5f5f5;
	-webkit-transition: 0.1s ease-in-out 0.05s;
	-moz-transition: 0.1s ease-in-out 0.05s;
	-o-transition: 0.1s ease-in-out 0.05s;
	-ms-transition: 0.1s ease-in-out 0.05s;
	transition: 0.1s ease-in-out 0.05s;
}
.tabs li a.current {
	font-weight: 600;
}
.tabs li a.current:hover, .tabs li:hover a.current {
	color: #78190d;
}
/* Amalgamate all dropmenu classes to save code. [WIP] */
.tabs li ul {
	position: absolute;
	top: 100%;
	left: -9999px;
	margin: 0;
	padding: 8px 5px;
	height: auto;
	z-index: 10;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.tabs li:hover ul {
	left: 2px;
}
.tabs li ul ul {
	top: 0.3em;
	margin: 0 0 0 13em;
}
.tabs li ul li, .tabs li:hover li, .tabs li.current li {
	padding: 0;
	float: none;
	background: none;
}
.tabs li:hover li a, .tabs li.current li a {
	font-weight: normal;
	width: 13em;
	text-indent: 4px;
	padding: 5px 3px 4px;
	background: none;
	box-shadow: none;
	color: #555;
	border: 1px solid transparent;
}
.tabs li li a:hover, .tabs li:hover li a:hover, .tabs li li a:focus, .tabs li.current li a:hover, .tabs li.current li a:focus,
.tabs>ul>li>ul>li:hover>a, .tabs>ul>li>ul>li>ul>li:hover>a, .tabs>ul>li>ul>li>ul>li>ul>li:hover>a {
	color: #96602c;
	text-decoration: none;
	border-radius: 2px;
	border: 1px solid #e6e6e6;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.07) inset, -1px -1px 2px #fff inset;
	background: #fafafa;
}

/* Pop-up for direct link to new PM's. */
.tabs li.dropmenu>.pm_notification {
	position: absolute;
	top: -2.2em;
	left: 12%;
	z-index: 9;
	padding: 0;
	white-space: pre;
	background: #fff;
	border: solid 1px #999;
	border-left: solid 1px #aaa;
	border-top: solid 1px #bbb;
	border-radius: 4px 4px 8px 0;
	box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}
.tabs li.dropmenu>.pm_notification a:link, .tabs li.dropmenu>.pm_notification a:visited, .tabs li.dropmenu>.pm_notification a:hover {
	display: block;
	color: #78190d;
	font-weight: 600;
	background: none;
	border: none;
	box-shadow: none;
}
.tabs li.dropmenu>.pm_notification a:hover {
	color: #962010;
}

/* Social bookmarks stuff. [WIP] Can be rationalised. */
#socialbookmarks_1a, #socialbookmarks_2a {
	width: 50px;
	float: right;
	padding: 0;
}
#socialbookmarks_1a a, #socialbookmarks_2a a {
	background-image: url('images/socialbookmarks01.png');
	margin: 2px 0 2px 8px;
	padding: 0;
	display: block;
	float: right;
	width: 16px;
	height: 16px;
}
.facebook { background-position: -48px }
.twitter { background-position: -848px }

/* Custom classes (generic). */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.righttext {
	text-align: right;
}
.centretext {
	text-align: center;
}
/* a quick reset list class. */
ul.reset, ul.reset li {
	padding: 0;
	margin: 0;
	list-style: none;
}
/* Login template elements. */
#frmLogin, #creator, #creator .reset , #postForm, #postForm .reset, #searchform {
	max-width: 48em;
	margin: 0 auto;
}
#frmLogin .reset {
	max-width: 18em;
	margin: 0 auto;
}
#creator>ul>li>p {
	margin: 0;
	padding: 4px;
}
#frmLogin .reset, #frmLogin .reset>li, #creator .reset, #creator .reset>li, #postForm .reset, #postForm .reset>li, #searchform .reset, #searchform .reset>li {
	padding: 6px;
	background: none;
	border: none;
}
#creator .reset>li>div, #postForm .reset>li>div, #topicForm>ul>li>div {
	max-width: 100%;
	width: auto;
	float: none;
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0;
}
#topicForm>ul>li>div {
	max-width: 100%;
	width: auto;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
}
#frmLogin .reset>li>label, #creator .reset>li>label, #postForm .reset>li>label, #sidebar_login>label {
	padding: 0 4px 0 0;
	display: inline-block;
	min-width: 5em;
	font-weight: 700;
	color: #555;
	cursor: pointer;
}
#creator .reset>li>label {
	min-width: 14em;
	text-align: right;
}
#sidebar_login>label, #sidebar_login>input {
	margin: 8px 0 0 0;
	display: inline-block;
}
#frmLogin .reset>li>.check, #creator .reset>li>.check, #postForm .reset>li>.check {
	vertical-align: middle;
}
#adjust_search_parameters input, #adjust_search_parameters select{
	margin: 4px 0;
}
/* Custom classes for the Dynamic Memberlist mod. [WIP] */
#mlist_search {
	width:230px;
}
#mlist_search_inputs>div {
	float: none;
	max-width: 40em;
	margin: 0 auto;
	padding: 0 8px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#mlist_search_options>ul {
	list-style: none;
	border: none;
	background: none;
	margin: 0 auto;
	max-width: 40em;
}
#mlist_search_options>ul>li {
	width: 50%;
	float: left;
	border: none;
	background: none;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#mlist_submit {
	padding: 1px 8px;
	margin-left: 20px;
	cursor: pointer;
}
/* Buttons for various sorting options */
#mlist_sort_links {
	padding: 0;
}
#letter_links {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 4px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#mlist_sort_links ul {
	padding: 4px;
	margin: 0;
	background: none;
	border: none;
	float: none;
}
#mlist_sort_links ul:after {
	content:"";
	display: block;
	clear: both;
}
#mlist_sort_links ul li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}
#mlist_sort_links ul li a:link, #mlist_sort_links ul li a:visited, #letter_links a:link, #letter_links a:visited {
	display: block;
	margin: 2px 6px 2px 0;
	padding: 3px 6px 2px 6px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.07), -1px -2px 3px rgba(0,0,0,0.03) inset;
}
#mlist_sort_links ul li a:hover, #letter_links a:hover {
	border: 1px solid #e6e6e6;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.07) inset, -1px -1px 2px #fff inset;
	background: #fafafa;
	text-decoration: none;
}
#letter_links a:link, #letter_links a:visited , #letter_links a:hover {
	display: inline-block;
	margin: 2px 1px 0 0;
	padding: 1px 8px 0 8px;
}
/* Start of the actual member blocks */
/* Will need mobile css. [WIP] */
#blocksbox {}
#blocksbox>ul {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	list-style: none;
}
#blocksbox>ul:after {
	content:"";
	display: block;
	clear: both;
}
#blocksbox>ul>.mlist_blocks {
	width: 176px;
	height: auto;
	float: left;
	margin: 7px;
	padding: 7px 4px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.15);
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#blocksbox>ul>.mlist_blocks>.sub_mlist {
	text-align: center;
	width: 168px;
	float: left;
	background: none;
	border: none;
}
#blocksbox>ul>.mlist_blocks>.sub_mlist>li {
	background: none;
	border: none;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mlist_header {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 2em;
	max-height: 2em;
	padding: 0;
	margin: 0;
}
.mlist_header h4 {
	font-size: 1.1em;
	line-height: 2em;
	text-align: center;
}
.mlist_header h4 a {
	display: block;
}
#blocksbox>ul>.mlist_blocks>.sub_mlist>.mlist_avatar {
	height: 96px;
	width: 168px;
	padding: 7px 0;
	text-align: center;
}
.mlist_avatar>a>img {
	height: auto;
	width: auto;
	max-height: 96px;
	max-width: 80px;
}
#blocksbox>ul>.mlist_blocks>.sub_mlist>.mlist_group {
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 1.7em;
	max-height: 1.7em;
}
#blocksbox>ul>.mlist_blocks>.sub_mlist>.mlist_icons {
	height: 1.6em;
	padding: 2px 0;
	margin: 0;
}
.mlist_icons>a {
	margin: 0 3px;
	height: 1.6em;
	display: inline-block;
}
/* End classes for the Dynamic Memberlist mod */
/* The quick buttons. [WIP] */
ul.quickbuttons, #recent_posts ul.quickbuttons {
	margin: 11px 0 0 0;
	padding: 0 0 2px 0;
	clear: right;
	float: right;
	text-align: right;
	width: 100%;
	max-width: 100%;
	border: none;
	background: none;
}
ul.quickbuttons li, #recent_posts ul.quickbuttons li {
	float: right;
	display: inline;
	margin: 0;
	font-size: 0.9em;
}
ul.quickbuttons li a, #recent_posts ul.quickbuttons li a {
	padding: 0 4px 0 20px;
	display: block;
	line-height: 1.9em;
	float: left;
}
ul.quickbuttons li a.quote_button {
	padding: 0 4px 0 16px;
}
ul.quickbuttons a:hover {
	color: #a70;
}
ul.quickbuttons li a.quote_button {
	background: url(images/quickbuttons.png) no-repeat -1px -1px;
}
ul.quickbuttons li a.remove_button {
	background: url(images/quickbuttons.png) no-repeat 1px -28px;
}
ul.quickbuttons li a.modify_button {
	background: url(images/quickbuttons.png) no-repeat 3px -57px;
}
ul.quickbuttons li a.approve_button {
	background: url(images/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li a.restore_button {
	background: url(images/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li a.split_button {
	background: url(images/quickbuttons.png) no-repeat 5px -147px;
}
ul.quickbuttons li a.reply_button {
	background: url(images/quickbuttons.png) no-repeat 0 -178px;
}
ul.quickbuttons li a.reply_all_button {
	background: url(images/quickbuttons.png) no-repeat 0 -178px;
}
ul.quickbuttons li a.notify_button {
	background: url(images/quickbuttons.png) no-repeat 0 -210px;
}
ul.quickbuttons li a.unapprove_button {
	background: url(images/quickbuttons.png) no-repeat 4px -237px;
}
.quickbuttons li, #recent_posts .quickbuttons li {
	background: #fff;
	border: 1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #aaa;
	border-radius: 1px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding: 1px 1px 0 1px;
	color: #222;
	overflow: visible;
}
.quickbuttons li:first-child {
	border-radius: 4px 1px 1px 4px;
	padding-bottom: 0;
}
.quickbuttons li:hover, #recent_posts .quickbuttons li:hover {
	background: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.07) inset;
	border: 1px solid #ccc;
	border-left: 1px solid #bbb;
	border-top: 1px solid #aaa;
}
.quickbuttons li.quick_edit, .quickbuttons li.quick_edit_lastpost, .quickbuttons li.post_options {
	padding: 1px 6px 0 26px;
	line-height: 1.9em;
	position: relative;
	color: #222;
}
.quickbuttons li.quick_edit_lastpost {
	border-radius: 4px 1px 1px 4px;
}
.quickbuttons li.quick_edit img, .quickbuttons li.quick_edit_lastpost img {
	padding: 1px 4.5em 2px 4px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
ul.quickbuttons li.inline_mod_check {
	padding: 3px 0 0 3px;
	background: none;
	border: 1px solid transparent;
	box-shadow: none;
}
ul.quickbuttons li.inline_mod_check input.check {
	vertical-align: middle;
}
.quickbuttons li a, .quickbuttons li a:hover {
	text-decoration: none;
	color: #222;
}
.quickbuttons li.quote_button_li, #recent_posts .quickbuttons li.quote_button_li {
	padding: 1px 0 0 0;
	border-radius: 4px 1px 1px 4px;
}
.quickbuttons li.post_options {
	padding: 1px 0 0 0;
	border-radius: 1px 4px 4px 1px;
}
.quickbuttons li.post_options>a {
	padding: 0 4px 0 4px;
}
.quickbuttons li.pm_checkboxes, .quickbuttons li.pm_checkboxes:hover {
	border: 1px solid transparent;
	background: none;
	box-shadow: none;
}
.quickbuttons li.pm_delete {
	border-radius: 1px 4px 4px 1px;
}
.quickbuttons li.pm_save, .quickbuttons li.pm_save2 {
	background: url(images/icons/folder_open.gif) no-repeat 2px 5px;
}
.quickbuttons li.pm_save2 {
	border-radius: 4px 1px 1px 4px;
}
.quickbuttons li.pm_forward a {
	background: url(images/icons/quick_move.gif) no-repeat 2px 4px;
}
/* Amalgamate under dropmenu class. [WIP] */
.quickbuttons li ul {
	position: absolute;
	top: 100%;
	left: auto;
	right: -1px;
	z-index: -9;
	padding: 8px 5px;
	font-weight: normal;
	text-align: left;
	background: #fff;
	border: solid 1px #999;
	border-left: solid 1px #aaa;
	border-top: solid 1px #bbb;
	border-radius: 4px 2px 4px 0;
	box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}
.quickbuttons li:hover ul, .quickbuttons li.sfhover ul {
	left: auto;
	right: -1px;
	z-index: 90;
}
.quickbuttons li ul li, .quickbuttons li.sfhover ul li, .quickbuttons li:hover ul li{
	display: block;
	background: none;
	border: none;
	box-shadow: none;
	width: 10em;
	border: 1px solid transparent;
	border-radius: 2px;
	font-size: 1em;
}
.quickbuttons li ul li:hover {
	border: 1px solid #e6e6e6;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.07) inset, -1px -1px 2px #fff inset;
	background: #fafafa;
}
.quickbuttons ul li a, .quickbuttons ul li:hover a {
	padding: 0 6px 0 26px;
	display: block;
	line-height: 2.2em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
/* No fancy stuff for last edit text. */
.quickbuttons li.last_edit, .quickbuttons li.last_edit:hover {
	float: left;
	background: none;
	box-shadow: none;
	border: none;
	padding: 3px 0 0 0;
}
.quickbuttons li.last_edit>em {
	display: block;
	position: relative;
	top: 0.65em;
	left: 2px;
	color: #777;
}

/* Button strip droppies. */
/* Change name everywhere to plain button_strip [WIP] */
.button_strip {
	padding: 4px 0;
}
.button_strip:after, #category_tabs:after {
	content: '';
	display: block;
	clear: both;
}
.button_strip ul, #category_tabs {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
}
.button_strip ul li, #category_tabs li {
	float: right;
	font-size: 1em;
	background: #fff;
	border: 1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #aaa;
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1), -1px -2px 3px rgba(0,0,0,0.05) inset;
	color: #444;
	margin: 0 2px;
	list-style: none;
	position: relative;
}
#category_tabs li {
	float: left;
}
.button_strip ul li a, #category_tabs li a {
	padding: 2px 8px;
	display: block;
	float: left;
}
.button_strip ul li:hover, #category_tabs li:hover {
	background: #fafafa;
	color: #222;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.07) inset;
	border: 1px solid #ccc;
	border-left: 1px solid #bbb;
	border-top: 1px solid #aaa;
}
.button_strip ul li a {
	color: #222;
}
.button_strip ul li a:hover, #category_tabs li a:hover {
	text-decoration: none;
	color: #96602c;
}
.button_strip ul li.button_strip_reply {
	background: #a52311;
	border: 1px solid #aaa;
	border-right: 1px solid #888;
	border-bottom: 1px solid #777;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2), 2px 2px 4px rgba(255,255,255,0.25) inset, -1px -2px 3px rgba(0,0,0,0.1) inset;
}
.button_strip ul li.button_strip_reply:hover {
	background: #962010;
	color: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3) inset, -2px -2px 3px rgba(255,255,255,0.2) inset;
	border: 1px solid #a8a8a8;
	border-left: 1px solid #999;
	border-top: 1px solid #888;
}
.button_strip ul li.button_strip_reply a {
	font-weight: bold;
	color: #fff;
}
.button_strip ul li.button_strip_reply a:hover {
	color: #fff;
}
/* Amalgamate under dropmenu class. [WIP] */
.button_strip ul li ul {
	position: absolute;
	float: none;
	top: 1.9em;
	left: auto;
	right: -1px;
	width: 13.2em;
	padding: 8px 5px;
	font-weight: normal;
	text-align: left;
	background: #fff;
	border: solid 1px #999;
	border-left: solid 1px #aaa;
	border-top: solid 1px #bbb;
	border-radius: 4px 2px 4px 0;
	box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}
.button_strip ul li:hover ul, .button_strip ul li.sfhover ul {
	z-index: 90;
}
.button_strip ul li ul li, .button_strip ul li.sfhover ul li, .button_strip ul li:hover ul li,
#pm_menu li ul li, #pm_menu li:hover ul li {
	margin: 0;
	background: none;
	width: 13em;
	border: none;
	box-shadow: none;
	display: block;
	float: none;
}
.button_strip ul li ul li:hover, #pm_menu li ul li:hover {
	background: none;
	border: none;
	box-shadow: none;
}
.button_strip ul ul li a, .button_strip ul ul li:hover a,
#pm_menu ul li a, #pm_menu ul li:hover a {
	padding: 0 6px;
	display: block;
	float: none;
	line-height: 2.2em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#pm_menu ul li a {
	font-weight: normal;
	color: #444;
}
#pm_menu ul li a:hover {
	color: #96602c;
}
/* End button strip droppies. */

/* Print styles. */
@media print {
	.tborder
	{
		border: none;
	}
}

/* Testing click menus for mobile. */
/* Needs revamping to incorporate with other dropmenu code. [WIP] */
.tabs li.dropmenu>ul, .poster li.dropmenu>ul {
	display: none;
	left: 0;
	top: 110%;
}
.quickbuttons li.dropmenu>ul, .button_strip li.dropmenu>ul {
	display: none;
	right: 0;
	left: auto;
	top: 110%;
	z-index: 90;
}
.tabs li.dropmenu>ul>li.dropmenu>ul {
	display: block;
	top: 10%;
}
.button_strip ul>li.dropmenu>ul>li>a, .button_strip ul>li.dropmenu>ul>li:hover a,
.tabs li.dropmenu>ul>li>a {
	display: block;
	font-weight: normal;
	width: 13em;
	text-indent: 4px;
	line-height: 1.5em;
	padding: 5px 3px 4px;
	background: none;
	box-shadow: none;
	color: #555;
	border: 1px solid transparent;
}
.tabs li.dropmenu>ul>li>a:hover, .button_strip ul>li.dropmenu>ul>li>a:hover {
	color: #96602c;
	text-decoration: none;
	border-radius: 2px;
	border: 1px solid #e6e6e6;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.07) inset, -1px -1px 2px #fff inset;
	background: #fafafa;
}
li.dropmenu>a:after, li.dropmenu>h4>a:after {
	content:" \2193";
}
.poster li.dropmenu>h4>a:after {
	position: absolute;
	right: 0;
}
li.dropmenu>ul>li.dropmenu>a:after {
	content:" \2192";
}

/* Personal messages areas. [WIP] */
#pm_header {
	margin: 0 0 -1px 0;
}
#pm_list_wrapper {
	height: 180px;
	overflow: auto;
	resize: vertical;
}
.pm_delete_bar {
	border: 1px solid #ccc;
	padding: 0.5em;
}
.pm_delete_bar:after {
	content:"";
	display: block;
	clear: both;
}
.pm_delete_bar select, .pm_delete_bar input {
	float: right;
}

/* Revert click drops to CSS2 hover drops if js disabled. */
#styleNoscript .tabs li.dropmenu ul, #styleNoscript .quickbuttons li.dropmenu>ul, #styleNoscript .button_strip li.dropmenu>ul {
	display: block;
	left: -9999px;
	right: auto;
	top: 100%;
	z-index: 90;
	background: none;
	border: none;
	box-shadow: none;
}
#styleNoscript .tabs li.dropmenu>ul>li.dropmenu>ul {
	margin-left: 13em;
	top: 10%;
}
#styleNoscript li.dropmenu li hr {
	display: none;
}
#styleNoscript li.dropmenu:hover li hr {
	display: block;
}
#styleNoscript li.dropmenu:hover>ul, #styleNoscript .tabs li.dropmenu>ul>li.dropmenu:hover>ul {
	left: 0;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
#styleNoscript .quickbuttons li.dropmenu:hover>ul, #styleNoscript .button_strip li.dropmenu:hover>ul {
	left: auto;
	right: 0;
}


/* End file. */