/*

	Name: ZetaBoards Pro
	Get ZetaBoards Pro: http://s15.zetaboards.com/zetapro/index/

*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 20px 0;
}

	* { box-sizing: border-box; }
	*:focus { outline: 0; }

/* General */
a { text-decoration: none; }
	a:hover {}

dl, dt, dd { margin: 0; }
h1, h2, h3, h4, h5 { margin: 0; }

hr {
	margin: 5px auto;
	display: block;
	width: 50%;
	height: 1px;
	border: 0;
}

/* Tables */
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

	td, th {
		padding: 5px 10px;
		text-align: left;
	}

	td {}
	th {}

	td.c_desc { width: 200px; text-align: right; font-weight: bold; }
	td.c_desc small { display: block; font-weight: normal; }

/* Overall */
#top {
	margin: 0 auto 10px auto;
	display: flex;
}

	#top_info, #top_menu {
		margin: 0;
		padding: 0;
	}

	#top_info a {}
	#top_info a:hover {}

	#top_menu {
		flex: auto;
		text-align: right;
	}

	#top_menu img { vertical-align: bottom; }

	.drop_menu > li {
		padding: 0 10px;
		position: relative;
		display: inline-block;
	}

	.drop_menu > li > a { padding: 0 0 7px 0; }
	.drop_menu > li > a:hover {}

	.drop_menu > li > ul {
		position: absolute;
		z-index: 99;
		margin: 0;
		margin-left: -67px;
		padding: 3px 0;
		display: inline-block;
		left: 50%;
		top: 23px;
		white-space:nowrap!important;
		width: auto;
		border-radius: 3px;
	}

	.drop_menu > li > ul { display: none; }

	.drop_menu > li a:hover + ul,
	.drop_menu > li > ul:hover { display: inline-block; }

	.drop_menu > li a + ul::before,
	.drop_menu > li > ul::before {
		content: "";
		position: absolute;
		z-index: 100;
		margin-left: -4px;
		display: block;
		top: -4px;
		left: 50%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 4px 4px 4px;
		border-color: transparent;
	}

	.drop_menu > li a + ul::before,
	.drop_menu > li > ul::before { display: none; }

	.drop_menu > li a + ul::before,
	.drop_menu > li > ul:hover::before { display: block; }

		.drop_menu.align_left > li a + ul,
		.drop_menu.align_left > li > ul {
			margin: 0;
			left: 0;
		}

		.drop_menu.align_left > li a + ul::before,
		.drop_menu.align_left > li > ul::before {
			margin: 0;
			left: 5px;
		}

		.drop_menu.align_left > li > ul > li { text-align: left!important; }

		.drop_menu.align_right > li a + ul,
		.drop_menu.align_right > li > ul {
			margin: 0;
			left: auto;
			right: 0;
		}

		.drop_menu.align_right > li a + ul::before,
		.drop_menu.align_right > li > ul::before {
			margin-left: 0;
			left: auto;
			right: 5px;
		}

		.drop_menu.align_right > li > ul > li { text-align: left!important; }

	.drop_menu > li > ul > li {
		padding: 3px 0;
		display: block;
		width: 100%;
		text-align: center;
		list-style: none;
	}

	.drop_menu > li > ul > li a { padding: 3px 10px; }

#logo {
	margin: 0 auto;
	padding: 0 10px;
}

#submenu {
	margin: 0 auto;
	padding: 5px 10px;
}

	#submenu a { margin-right: 5px; }

#wrap {
	margin: 0 auto;
	padding: 10px;
	border-top: 0;
	border-radius: 0 0 5px 5px;
}

#nav {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

	#nav img { vertical-align: middle; }

	#nav li { display: inline; }

	#nav li * { vertical-align: middle; }

table.adbox { border-collapse: separate; }
	.adbox tr:first-child td {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.adbox tr:last-child td {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
td.adbox { border-radius: 5px; margin: 0; }
#welcome_box { margin-bottom: 10px; }
	#welcome_box td:first-child { border-right: 0; }

form + table.adbox { margin-top: 10px; }

table.adbox tr:nth-last-child(2) td, table.adbox tr:nth-last-child(3) td {
	border-radius: 5px 5px 0 0;
}

	table.adbox .c_next {
		border-top: 0;
		border-radius: 0!important;
	}

table.adbox .c_topicfoot {
	text-align: center;
	border-top-width: 0;
	border-radius: 0 0 5px 5px;
}

#main {}

#foot {
	margin-top: 10px;
	border-collapse: separate;
}

	#foot td {}

	#foot_themechooser {
		border-right: 0;
		border-radius: 5px 0 0 5px;
	}

	#foot_links {
		text-align: right;
		border-width: 1px 0;
	}

	#foot_datetime {
		width: 1%;
		text-align: right;
		border-radius: 0 5px 5px 0;
		white-space: nowrap;
	}

		#foot_datetime img { vertical-align: middle; }

/* Copyright */
#copyright, #copy, #zetaboardspro_copyright {
	margin: 5px auto;
	text-align: center;
}

#zetaboardspro_copyright { margin-top: 10px; }
#copyright { margin-bottom: 0; }

/* Index View */
.category { margin-bottom: 10px; }
#stats.category { margin-top: 10px; }

	.cat_head { border-collapse: separate; }

	.cat_head td, thead th { font-size: 14px; }

	.cat_head td { border-radius: 5px 5px 0 0; }

	.cat_head h2 {
		margin: 0;
		font-size: 14px;
		font-weight: 600;
	}

	.cat_head h2 a {}

	.collapse, .uncollapse { float: right; }
	.collapse:hover, .uncollapse:hover { cursor: pointer }

	#stats .cat_head td { font-size: 14px; }

	.category .forums tr:first-child td, .category .forums tr:first-child th { border-top: 0; }

	.c_mark, .c_forum, .c_last, .c_info td { vertical-align: middle; }
	.c_mark, .c_last, .c_info td {}

	.c_mark {
		width: 1%;
	}

	.c_forum { width: 60%; }

	.c_forum strong a {
		font-size: 14px;
	}

	.c_last {
		min-width: 300px!important;
		width: 30%;
	}

	.c_last-title { display: block; }

	.c_last-title::before {
		content: "\21AA";
		margin-right: 5px;
		display: inline-block;
		color: #000;
	}

	.category .c_foot {
		padding: 0;
		height: 6px;
	}

	#stats .c_foot {
		padding: 5px 10px;
	}

/* Shoutbox */
#sbx { margin-top: 10px; }

#sbx #shoutwrap td:first-child { padding: 0; }

	ul#shoutbox {
		margin: 0;
		padding: 0;
	}

	ul#shoutbox li {
		padding: 5px 10px;
		list-style: none;
		line-height: 1.4em;
	}

	ul#shoutbox li.odd {}

	ul#shoutbox li:last-child { border-bottom: 0; }

	#shoutpost p { margin: 0 0 5px 0; }
	#shoutopts { margin: 0; }

div.topic > h2.special {
	font-size: 14px;
	font-weight: 600;
}

/* Thread List */
table#forum_footer, table#trash_footer {
	margin-top: 10px;
	border-collapse: separate;
}

	table#forum_footer td.c_foot { display: none; }

	table#forum_footer td.c_view {
		border-bottom: 0;
		border-radius: 5px 5px 0 0;
	}

	table#forum_footer tr:nth-child(3)	td.c_sort { border-radius: 0 0 5px 5px; }

	table#forum_footer td.c_sort,
	table#trash_footer td.c_sort {
		display: table;
		width: 100%;
		border-radius: 5px;
	}

	table#forum_footer td.c_sort .left,
	table#forum_footer td.c_sort .right {
		display: table-cell;
		float: none;
	}

	table#forum_footer td.c_sort .right { text-align: right; }

	#trash_footer .c_sort button { margin-right: 5px; }

td.c_cat-mark { width: 1%; }

tr.generic + tr td.c_foot { display: none; }
tr.generic + tr + tr +tr td.c_foot {
	padding: 0;
	height: 6px;
	font-size: 0;
	line-height: 0;
}

.meta_box {
	margin-bottom: 10px;
	padding: 10px;
	line-height: 1.5em;
}

	.meta_box h3 { margin-bottom: 5px; }
		.meta_box h3 a { display: block; margin-bottom: -5px; }

/* Thread View */
.c_username, .c_user { width: 1%; white-space: nowrap; }

.c_username {
	font-size: 14px;
	text-align: center;
}

.c_user { vertical-align: top; }

	.usertitle {
		margin: 10px 0;
		text-align: center;
	}

		.usertitle br { line-height: 0; }

	dl.user_info, dl.user_profile {
		padding: 5px 10px;
		border-radius: 5px;
	}

	dl.user_info + dl, dl.user_profile + dl { margin-top: 5px; }

	.user_info dt, .user_info dd, dl.user_profile dt, , dl.user_profile dd { padding: 1px 0; }

	.user_info dt, .user_info dd { display: inline; }

		.user_info dt {
			margin-right: 5px;
			white-space: normal;
		}

		.user_info dd {
			font-weight: 600;
			white-space: nowrap;
		}

		.user_info dd::after {
			content: "\A";
			white-space: pre-line;
		}

		dl.user_profile dt {
			font-weight: 600;
		}

		dl.user_profile dd {
			font-style: italic;
			font-weight: 400;
			text-align: left;
			margin-left: 5px;
		}

			dl.user_profile dd a {
				white-space: normal;
				word-break: break-word;
			}

	dd.spacer { display: none; }

.c_post {
	padding: 10px;
	line-height: 1.4em;
	vertical-align: top;
	word-break: break-word;
}

	.c_post img[alt="Posted Image"] { max-width: 100%; }

	.c_post td { vertical-align: top; }

	dl.c_post-attachment {
		margin: 10px 0;
		padding: 10px;
		border-radius: 5px;
	}

	.c_post-attachment dt {
		margin-bottom: 10px;
		font-weight: 600;
	}

	.c_post-attachment dd {
		padding: 1px 0;
	}

	.editby {
		margin-top: 10px;
		padding: 5px 10px;
		background: rgba(0,0,0,0.05);
		border-radius: 5px;
	}

.c_sig {
	padding: 10px;
	vertical-align: top;
	overflow-y: auto;
}

.post_sep {
	padding: 0;
	height: 5px;
	line-height: 5px;
}

tr.c_postfoot td:first-child { width: 1%; white-space: nowrap; }

dl#fast-reply {}

	dl#fast-reply dt {
		margin-top: 10px;
		padding: 5px 10px;
		width: 100%;
		font-size: 14px;
	}

	dl#fast-reply dd {
		text-align: center;
		padding: 5px 10px;
		width: 100%;
		border-top: 0;
		border-radius: 0 0 5px 5px;
	}

	dl#fast-reply textarea { margin-bottom: 5px; }

	dl#fast-reply textarea + p { margin: 0 0 5px 0; }

/* Poll */
table.poll { margin-bottom: 10px; }

	table.poll thead th { font-size: 14px; }

	table.poll td.c_poll-answer { width: 40%; text-align: right; }
	table.poll td.c_poll-votes { width: 10%; text-align: right; }
	table.poll td.c_poll-bar { width: 50%; }

	table.poll td.c_poll-bar div {
		height: 10px;
		border-radius: 5px;
	}

	table.poll td.c_poll-vote, table.poll td.c_poll-total {}

	table.poll td.c_poll-vote button { margin-left: 0; }

/* Pagination */
ul.cat-topicpages {
	margin: 0;
	padding: 0;
	float: right;
}

ul.cat-pages {
	margin: 10px 0;
	padding: 0;
}

	ul.cat-pages li, ul.cat-topicpages li {
		display: inline-block;
		list-style: none;
	}

	ul.cat-pages li span {
		margin: 0 2px;
		padding: 2px 4px;
		border-radius: 3px;
	}

/* Quotes and Codes */
blockquote {
	margin: 0 0 10px 0;
}

	blockquote dl {}

	blockquote dt,
	div.spoiler_toggle {
		padding: 5px 10px;
		font-size: 14px;
	}

	blockquote dd { display: none; }

	blockquote div,
	blockquote code,
	div.spoiler {
		padding: 10px;
		width: 100%;
		border-top: 0;
		border-radius: 0 0 5px 5px;
	}

	blockquote div,
	div.spoiler {
		line-height: 1.4em;
	}

	blockquote code {
		display: block;
		width: 100%!important;
		overflow: auto;
		white-space: pre-wrap;
		word-break: break-word;
		max-height: 500px;
	}

div.spoiler_toggle {
	border-radius: 0;
	cursor: pointer;
}

div.spoiler { border-radius: 0; }

/* Posting View */
#c_emot {
	width: 200px;
	vertical-align: top;
}

	#emot_wrap h3 {
		margin-bottom: 5px;
		font-size: 14px;
	}

	#emot_wrap ul {
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
	}

	#emot_wrap li { display: inline-block; }

td#c_post { vertical-align: top; }

	td#c_post td { vertical-align: top; }

	#c_post #c_post-preview { margin-bottom: 5px; }

		#c_post #c_post-preview img { max-width: 100%; }

	#c_post textarea { margin-bottom: 5px; }

form[name="posting"] + table.topic { margin-top: 10px; }

	#topic_review .c_desc { vertical-align:top; }
	#topic_review .c_desc small { display: block; }
	#topic_review .c_desc + td img { max-width: 100%; }

/* User CP / Inbox */
#boardmeta {
	margin-bottom: 10px;
	display: table;
	width: 100%;
}

	.meta_menu {
		position: relative;
		padding: 5px 10px;
		display: table-cell;
		width: 50%;
	}

	#ucp_settings, #pm_settings {
		border-right: 0;
		border-radius: 5px 0 0 5px;
	}

	#ucp_profile, #pm_messages {
		border-radius: 0 5px 5px 0;
	}

	.meta_menu h3 { margin-bottom: 5px; }

	.meta_menu img {
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.meta_menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.meta_menu li::before {
		content: "\21AA";
		margin-right: 5px;
		display: inline-block;
		color: #000;
	}

table.ucp, table.pm { margin-bottom: 10px; }

#c_notes textarea { margin-bottom: 5px; }


#ucp_gallery { text-align: center; }

	#ucp_gallery li {
		display: inline-block;
		margin-right: 10px;
	}

	#ucp_gallery li img {
		margin-right: 5px;
		vertical-align: middle;
	}

/* Inbox / Messages */
#pm_inbox {}

	#pm_inbox #pm_folders { vertical-align: top; }

		#pm_folders ul#pm_folderlist {
			list-style: none;
			padding: 0;
			margin: 0;
		}

			ul#pm_folderlist li { white-space: nowrap; }

#pm_viewer {}

	.pm_new { font-weight: bold; }

	#pm_viewer tbody tr:first-child td:last-child {
		width: 171px;
	}

	#pm_viewer dl.user_info,
	#pm_viewer dl.user_profile {}

	#pm_viewer dl.user_info {
		margin: 0 0 0 auto;
	}

	#pm_viewer .warn {
		margin-top: 5px;
	}

#username_response {
	margin-left: 10px;
	display: inline-block;
	color: green;
	font-weight: bold;
}

	#username_response::before {
		content: "\21AA";
		margin: -1px 5px 0 0;
		display: inline-block;
		vertical-align: top;
	}

#pmtoast {
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 5px 10px;
	display: block;
	border-radius: 5px;
}

	#pmtoast big {
		margin: -6px -11px 10px -11px;
		padding: 5px 10px;
		display: block;
		font-size: 14px;
		border-radius: 5px 5px 0 0;
	}

	#pmtoast big {}
	#pmtoast big:hover {}

	#pmtoast small {
		font-size: 12px;
		line-height: 1.4em;
	}

	#pmtoast strong {
		line-height: 1.4em;
	}

	#pmclose {
		margin: 10px -9px -4px -9px;
		padding: 2px 4px;
		display: block;
		text-align: right;
		border-radius: 4px;
	}

	a#pmclose {}
	a#pmclose:hover {}

/* Profile Page */
table.profile { margin-bottom: 10px; }

	.profile .c_user {
		width: 200px;
	}

	ul#profile_menu {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	ul#profile_menu ul a {
		font-size: 12px;
		font-weight: normal!important;
		text-shadow: none!important;
	}

img.avatar, img.member {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.warn {
	text-align: center;
}

/* Calendar */
table.calendar { margin-bottom: 10px; }

	.calendar thead th big { font-size: 14px; }
	.calendar thead th a { font-size: 12px; }
	.calendar thead th a:hover {}

	.calendar tbody td { vertical-align: top; width: 14%; }

	td#cal_current {
		height: 50px;
	}

	td#cal_current div {
		margin-bottom: 5px;
		font-weight: 600;
	}

	td#cal_current li { margin: 0 -6px; }

	td#cal_current li a {
		padding: 3px 6px;
		display: block;
		border-radius: 3px;
	}

	.calendar tbody td div a {
		padding: 5px;
		margin: 0 5px 0 -10px;
		font-weight: 600;
		border-radius: 0 0 5px 0;
		background: rgba(0,0,0,0.05);
	}

	.calendar tbody td ul {
		margin: 0;
		padding: 0;
	}

		.calendar tbody td li {
			margin: 5px 0 0 0;
			padding: 5px 10px;
			width: min-content;
			white-space: nowrap;
			list-style: none;
			background: rgba(0,0,0,0.05);
			border-radius: 5px;
		}

table#cal_end { border-collapse: separate; }

	table#cal_end td { border-radius: 5px; }

/* Search */
.search_results {
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
}

	.search_results h3 {
		font-size: 16px;
	}

		.search_results h3::after {
			content: "";
			display: block;
			width: 30px;
			height: 2px;
			background: rgba(0,0,0,0.2);
		}

	.search_results cite {
		display: inline-block;
		padding: 5px 10px;
		margin: 10px 0 10px -4px;
		background: rgba(0,0,0,0.05);
		border-radius: 5px;
	}

	.search_results p:last-child {
		margin-bottom: 0;
		padding: 5px 10px;
		background: rgba(0,0,0,0.05);
		border-radius: 5px;
	}

	.search_results img { max-width: 100%; }

/* Portal */
#portal { display: flex; flex-flow: column; }

	#portal_main {
		display: flex;
		flex-flow: row;
		width: 100%;
	}

	#portal_clear { display: none; }

	#portal_l, #portal_r {
		flex: 0 0 22%;
		vertical-align: top;
		display: flex;
		flex-flow: column;
	}

	#portal_l { order: 0; margin-right: 10px; }
	#portal_r { order: 2; margin-left: 10px; }

	#portal_news { order: 1; }

	.portal_box { margin-bottom: 10px; }

	.portal_box h2 {
		padding: 5px 10px;
		font-size: 14px;
		border-radius: 5px 5px 0 0;
	}

	.portal_box h4 {
		padding: 5px 10px;
		border-top:0;
	}

	.portal_box .portal_content {
		padding: 5px 10px;
		border-top:0;
	}

	#portal_news .portal_box h2 {
		text-align: left;
	}

	#portal_news .portal_box h2 a { color: #FFF; }

	#portal_news .portal_box h4 {
		font-size: 12px;
	}

	#portal_news .portal_box .portal_content {
		padding: 10px;
		border-radius: 0 0 5px 5px;
	}

	#portal table.topic { margin-bottom: 10px; }

/* Portal Shoutbox */
.portal_box ul#shoutbox {
	border-top: 0;
}

#portal #shoutopts {
	margin: 0;
	padding: 5px 10px;
	border-top:0;
}

#portal #shoutpost {
	padding: 5px 10px;
	border-top:0;
	border-radius: 0 0 5px 5px;
}

	#portal #shoutpost p { margin: 0; }

	#portal #shoutpost input[name=shouttext] { margin-bottom: 5px; }

/* Blogs */
#blog_settings { margin-bottom: 10px; }

#blog

	#blog_sub { display: flex; flex-flow: row; align-items: center; width: 100%; padding: 10px; border-bottom: 1px solid #DDD; }
	#blog_sub span, #blog_sub form {
		float: none!important;
	}

	#blog_sub span {
		flex: auto;
	}

	#blog_sub form {
		text-align: right;
	}

	#blog_sub form button { padding: 4px 6px; }

	#blog_container { display: flex; flex-flow: row; width: 100%; }

	#blog_head {
		padding: 20px;
		border-bottom: 1px solid #DDD;
	}

	#blog_head h1 a {}
	#blog_head h1 a:hover {}

	#blog_main { order: 0; flex: auto; }

	.blog_entry {
		position: relative;
		padding: 20px;
		border-bottom: 1px solid #DDD;
	}

	.blog_date {
		position: absolute;
		top: 0;
		right: 20px;
		padding: 5px 10px;
		font-weight: 14px;
		border-radius: 0 0 5px 5px;
	}

	.blog_date span { font-weight: bold; }

	.blog_entry .blog_date + h2 {
		margin-bottom: 20px;
		font-size: 24px;
	}

	.blog_entry .blog_date + h2 + blockquote {
		margin: 0;
		font-size: 14px;
		line-height: 1.4em;
	}

	.blog_entry .blog_options {
		margin-top: 20px;
		padding: 5px 10px;
		display: inline-block;
		border-radius: 5px;
	}

	.blog_entry #blog_comments {
		margin: 20px -20px -20px -20px;
		padding: 20px;
		border-top: 1px solid #DDD;
	}

	#blog_comments li {
		margin-bottom: 20px;
		list-style: none;
		border-bottom: 1px dotted #DDD;
	}

	#blog_comments li:last-of-type {
		margin: 0;
		border-bottom: 0;
	}

	#blog_comments li small {
		font-size: 12px;
		font-style: italic;
	}

	#blog_comments li blockquote {
		margin: 20px 0;
		line-height: 1.4em;
	}

	#blog_sidebar {
		min-width: 250px;
		width: 250px;
		display: flex;
		flex-flow: column;
		order: 1;
	}

	#blog_sidebar > div {
		padding: 20px;
		width: 100%!important;
		height: auto!important;
		border-bottom: 1px solid #DDD;
	}

	#blog_sidebar .adbox { text-align: center; }

	#blog_sidebar div h3 { margin-bottom: 10px; font-size: 16px; }

	#blog_sidebar div small { font-size: 12px; }

	#blog_user {}

	#blog_user img {
		border-radius: 5px;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}

	#blog_about {
		margin-top: -1px;
		padding-top: 0!important;
	}

	#blog_about + div { height: 640px; }

/* Notice */
dl.notice {
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-radius: 5px;
}

	.adbox + dl.notice { margin-top: 0; }
	dl.notice + form { margin-top: 10px; }

	dl.notice.error {}

	dl.notice dt, dl.notice dd { display: inline-block; }

	dl.notice dt {
		font-weight: 600;
	}

	dl.notice.error dt {}

dl.notice + .topic-buttons {
	margin-top: 0;
}

/* Forms */
textarea, input, select {
	padding: 3px 6px;
	border-radius: 3px;
}

input[type=checkbox] { vertical-align: middle; margin: 0; }
select[name=amt_menu] { margin-left: 10px; }

textarea { width: 100%; }

input { padding: 4px 8px; }

	textarea:focus, input:focus, select:focus { border-color: #AAA; }

button {}

	button.btn_mod {
		margin-left: 5px;
	}

label { margin-right: 5px; }

/* Buttons */
.cat-buttons,
.topic-buttons {
	margin: 10px 0;
	text-align: right;
}

	.cat-buttons a { margin-left: 6px; }

.button_small,
button,
.btn_fake {
	padding: 4px 8px;
	border-radius: 3px;
	cursor: pointer;
	white-space: nowrap;
}

	.button_small.orange,
	#fast-reply button,
	.btn_fake {}

	.btn_fake { padding-top: 5px; }
	.btn_fake:hover {}

.button_large {
	font-size: 14px;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 3px;
}

	.button_large .fa { margin-right: 10px; }

.button_small {
	font-size: 12px;
	display: inline-block;
	padding: 3px 6px;
	border-radius: 3px;
}

	.button_small .fa { margin-right: 6px; }

/* Markers */
.marker {
	display: block;
	padding: 6px;
	font-size: 20px;
	border-radius: 100px;
	text-align: center;
}

/* Warns */
#warn_viewer { margin-bottom: 10px; }

/* Dev - Toolkit */
.row { display: flex; flex-flow: row; padding: 20px; }
	.block { width: 100%; flex: auto; padding: 20px; }

	/* Rows */
	[class*="r-"] { flex-wrap: wrap; }
	.row:not([class*="r-"]) .block:first-child, .r-1 .block:first-child { margin-left: 0; }
	.row:not([class*="r-"]) .block:last-child, .r-1 .block:last-child { margin-right: 0; }
	[class*="r-2"][class*="c-3"] .block:nth-child(3n+1) { margin-left: 0; }
	[class*="r-2"][class*="c-3"] .block:nth-child(3n) { margin-right: 0; }
	[class*="r-2"][class*="c-4"] .block:nth-child(4n+1) { margin-left: 0; }
	[class*="r-2"][class*="c-4"] .block:nth-child(4n) { margin-right: 0; }
	[class*="r-2"][class*="c-5"] .block:nth-child(5n+1) { margin-left: 0; }
	[class*="r-2"][class*="c-5"] .block:nth-child(5n) { margin-right: 0; }

	/* Blocks */
	.c-all { width: 100%; }
	.c-4-5 { width: 80%; }
	.c-3-4 { width: 75%; }
	.c-2-3 { width: 66.66%; }
	.c-1-2 { width: 50%; }
	.c-1-3 { width: 33.33%; }
	.c-1-4 { width: 25%; }
	.c-1-5 { width: 20%; }

	/* Padding */
	.p-0 { padding: 0; } .p-0-r { padding: 0; } .p-0-rb .block { padding: 0; }
	.p-10 { padding: 10px; } .p-10-r { padding: 10px; } .p-10-rb .block { padding: 10px; }
	.p-20 { padding: 20px; } .p-20-r { padding: 20px; } .p-20-rb .block { padding: 20px; }
	.p-30 { padding: 30px; } .p-30-r { padding: 30px; } .p-30-rb .block { padding: 30px; }
	.p-40 { padding: 40px; } .p-40-r { padding: 40px; } .p-40-rb .block { padding: 40px; }

	/* Margin and Gutter */
	.m-0, .g-0 { margin: 0; }
	.m-5, .g-5 .block { margin: 5px; }
	.m-10, .g-10 .block { margin: 10px; }
	.m-20, .g-20 .block { margin: 20px; }
	.block:first-child { margin-left: 0; }
	.block:last-child { margin-right: 0; }
	.row:not([class*="r-"]) .block, .r-1 .block { margin-top: 0; margin-bottom: 0; }

	/* Separation (between rows - top and bottom) */
	.sep-p-0 { padding-top: 0; padding-bottom: 0; } .sep-m-0 { margin-top: 0; margin-bottom: 0; }
	.sep-p-10 { padding-top: 10px; padding-bottom: 10px; } .sep-m-10 { margin-top: 10px; margin-bottom: 10px; }
	.sep-p-20 { padding-top: 20px; padding-bottom: 20px; } .sep-m-20 { margin-top: 20px; margin-bottom: 20px; }
	.sep-p-30 { padding-top: 30px; padding-bottom: 30px; } .sep-m-30 { margin-top: 30px; margin-bottom: 30px; }
	.sep-p-40 { padding-top: 40px; padding-bottom: 40px; } .sep-m-40 { margin-top: 40px; margin-bottom: 40px; }

	/* Lateral Space */
	.ls-p-0 { padding-left: 0; padding-right: 0; } .ls-m-0 { margin-left: 0; margin-right: 0; }
	.ls-p-10 { padding-left: 10px; padding-right: 10px; } .ls-m-10 { margin-left: 10px; margin-right: 10px; }
	.ls-p-20 { padding-left: 20px; padding-right: 20px; } .ls-m-20 { margin-left: 20px; margin-right: 20px; }
	.ls-p-30 { padding-left: 30px; padding-right: 30px; } .ls-m-30 { margin-left: 30px; margin-right: 30px; }
	.ls-p-40 { padding-left: 40px; padding-right: 40px; } .ls-m-40 { margin-left: 40px; margin-right: 40px; }

	/* Misc */
	.block img { max-width: 100%; }
	.block > *:last-child { margin-bottom: 0; }

	/* Alignment */
	.row.a-c { align-items: center; }
	.row.a-l { align-items: flex-start; }
	.row.a-r { align-items: flex-end; }
	.block.a-c { text-align: center; }
	.block.a-l { text-align: left; }
	.block.a-r { text-align: right; }

	.block h1 {
		text-align: center;
		font-size: 32px;
		font-weight: bold;
	}

		.block h1::after {
			content: "";
			margin: 10px auto 0 auto;
			display: block;
			width: 60px;
			height: 4px;
		}

	.block h2 {
		font-size: 20px;
		font-weight: bold;
		margin: 20px auto;
	}

		.block h2::after {
			content: "";
			display: block;
			margin: 5px 0 20px 0;
			width: 30px;
			height: 2px;
		}

	.block h3 {
		font-size: 16px;
		font-weight: bold;
	}

		.block h3::after {
			content: "";
			display: block;
			margin: 5px 0 20px 0;
			width: 30px;
			height: 2px;
		}

	.block h4 {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}

	/* Text */
	.block p {
		font-size: 14px;
		line-height: 1.5em;
		margin: 20px auto;
	}

	/* Buttons */
	.block a.button-small {
		display: inline-block;
		margin: 0;
		padding: 5px 10px;
		border-radius: 5px;
		cursor: pointer;
	}

		.block a.button-small:hover {
			box-shadow: unset;
		}

	.block a.button-big {
		display: inline-block;
		margin: 20px 0;
		padding: 10px 20px;
		font-size: 16px;
		font-weight: bold;
		border-radius: 5px;
		cursor: pointer;
	}

		.block a.button-big:hover {}

/* Admin CP */
#acplogin {
	position: fixed;
	height: 280px;
	width: 320px;
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -160px;
	background: #5A70B3;
	border-radius: 5px;
}

	#acplogin table thead { display: none; }
	#acplogin table tbody td.c_mark { display: none; }
	#acplogin table td { background: transparent; border: 0; }
	#acplogin h1 { display: none; }

	#acplogin form#loginform::before {
		content: '';
		display: block;
		height: 75px;
		width: 291px;
		margin: 0 auto 20px auto;
		background: url(http://b3.ifrm.com/30700/90/0/p3016367/dashboard.png);
	}

	#acplogin .c_desc {
		font-size: 12px;
		color: #1b2b5a;
		font-weight: bold;
		width: 1%;
	}

	#acplogin input {
		padding: 6px 8px;
		width: 100%;
		color: #D4DAEB;
		font-size: 14px;
		background: rgba(255,255,255,0.05);
		border: 1px solid #3A5197;
		border-radius: 2px;
	}

		#acplogin input:focus { background: rgba(255,255,255,0.1); }

	#acplogin .postbtn td {
		padding: 20px 0;
		text-align: center;
	}

		#acplogin .postbtn button {
			padding: 7px 14px;
			font-size: 14px;
			color: #D4DAEB;
			background: transparent;
			border: 2px solid rgba(255,255,255,0.1);
		}

			#acplogin .postbtn button:hover { color: #FFF; border-color: transparent; background: rgba(255,255,255,0.1); }

/* Misc */
.topic + #stats th {
	border-top: 1px solid #DDD;
}

.cat-buttons + br {
	display: none;
}

a[name="pagetop"] + .topic-buttons { margin-top: 0; }

canvas.cornercanvas { display: none!important; }

table div.switch_placeholder, table div.switch_placeholder iframe, table ins#aswift_0_expand, table ins#aswift_0_anchor, table ins iframe, table ins#aswift_1_expand, table ins#aswift_1_anchor, table.adbox { width: 100%!important; max-width: 100%!important; }

/* --- Rsponsive --- */
/* Tablet */
@media (max-width:768px) {
	/* Fixes - Do Not Edit */
	#submenu, #wrap, dl.notice { border: 0; } /* do not edit */
	html, body, #wrap, #top, #logo, #submenu, #copyright, #copy { width: 100%; } /* do not edit */
	/* Edit Below */

	body { padding: 74px 0 10px 0; }

	#top {
		z-index: 100;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		font-size: 14px;
		flex-flow: column;
	}

		#top * { text-shadow: unset; }

	#top_info, #top_menu {
		width: 100%;
		padding: 10px;
		text-shadow: unset;
	}

		#top_info small {
			float: right;
			font-size: 12px;
		}

	#top_menu {
		text-align: center;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}

	#top a { text-shadow: unset; }
		#top a:hover, #top a:active {}
	#top_menu > li { padding-right: 0; }
	#top_menu > li img { display: none; }
	#top_menu > li a:hover + ul { display: none; }
	#top_menu > li::after {
		content:"/";
		display: inline-block;
		margin-left: 10px;
	}
	#top_menu > li:first-child { padding-left: 0; }
		#top_menu > li:last-child::after { display: none; }

	#logo { display: none; }

	#top_submenu_button {
		padding: 12px 14px 11px 14px;
		margin: 0 7px 0 -10px;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
	}

	#submenu {
		display: none;
		flex-flow: column;
		padding: 0;
		position: fixed;
		z-index: 101;
		top: 34px;
		left: 0;
		right: 0;
		border: 0;
		font-size: 14px;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}

		#submenu a {
			padding: 10px;
			width: 100%;
		}

			#submenu a:hover, #submenu a:active { color: #000; }

	#wrap { border: 0; border-radius: 0; }

	#nav li:first-child { display: none; }
	#nav li:nth-child(2) {
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
	}
	#nav li:nth-child(3) {
		display: block;
		margin-bottom: 5px;
		font-size: 0;
		line-height: 0;
		color: transparent;
	}

	dl.notice {
		z-index: 99;
		position: fixed;
		top: 74px;
		left: 0;
		right: 0;
		border-radius: 0;
		padding: 10px;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		border: 0;
	}

		dl.notice dt { margin-right: 6px; }

	.c_mark { padding: 2px; }
	.marker { padding: 0; width: 5px; height: 25px; }
	.marker i { display: none; }
	.c_forum, .c_last { padding: 5px; }
	.c_last { min-width: auto; width: auto; white-space: no-wrap; }
	.c_info td { display: none; }

	.c_forum > strong a { font-size: 15px; }

	#shoutwrap tr:first-child td { display: block; width: 100%!important; }
	#shoutwrap tr:first-child td:last-child { padding: 5px; border-radius: 0 0 5px 5px; }
	input[name="shouttext"] { width: 100%; }
	#shoutwrap tr:last-child td { display: none; }

	#foot_themechooser { display: none; }
	#foot_links { border-left-width: 1px; border-radius: 5px 0 0 5px; text-align: left; }
	#foot_datetime img { display: none; }

	/* Thread List */
	.c_cat-mark { padding: 2px; }
	.c_cat-starter, .c_cat-replies, .c_cat-views { display: none; }
	.c_cat-title > a { font-size: 15px; font-weight: bold; }

	/* Removal of Columns */
	#forum_leaders_global tbody tr th:nth-child(2), #forum_leaders_global tbody tr td:nth-child(2) { display: none; }

	/* Profile Pages */
	.profile .c_mark { display: none; }
	.profile input[name="status"] { width: 100%; margin-bottom: 5px; }
	table.profile:last-child tbody tr:first-child th:last-child, table.profile:last-child td.c_sig { display: none; }

	/* Portal */
	#portal_main { flex-flow: column; }
	#portal_news { order: 0; }
	#portal_l { margin: 0; order: 1; }
	#portal_r { margin: 0; order: 2; }

	/* Pages */
	/* Dev - Toolkit */
	.row { flex-flow: column; padding: 0; }
	.block { margin: 0; padding: 20px; }

	/* Hiding Table Columns */
	#avatar_gallery_sys tbody th:first-child,
	#avatar_gallery_sys tbody td[style] {
		display:none;
	}

	/* Fixes - Aidan */
	td.c_post, td.c_sig, #topic_review tbody td, #blog div.blog_entry > blockquote, td.c_user, table.profile tbody td, #mod_screen tbody td, #c_post-preview, #portal_head, #portal, #portal_foot, div.search_results, #forum_rules tbody td, #report_form tbody td, #rcp_post tbody td, #report_pm_form tbody td, #rcp_pm tbody td, #warn_viewer tbody td, table.poll tbody td, div.site_wrapper, #edit_profile tbody td, #board_settings tbody td, #sbx_archive tbody td, td.c_forum, #reg_rules_intro, #welcome_box tbody td, #nav, #board_feed tbody td, #amt_list tbody td, #member_amt_list tbody td, #shoutbox, td.c_last, #quick_pm_compose, table.posting, #logo, #pm_compose, #pm_inbox, #blog_comments li, .h2center, td.c_cat-title a, table.calendar tbody a, table.calendar td.cal_inactive div {
		word-wrap: normal; word-break: normal;
	}

	input, select, textarea, td.c_post *, td.c_sig *, #topic_review tbody td *, #blog div.blog_entry > blockquote *, td.c_user *, table.profile tbody td *, #mod_screen tbody td *, #c_post-preview *, #portal_head *, #portal *, #portal_foot *, div.search_results *, #forum_rules tbody td *, #report_form tbody td *, #rcp_post tbody td *, #report_pm_form tbody td *, #rcp_pm tbody td *, #warn_viewer tbody td *, table.poll tbody td *, div.site_wrapper *, #edit_profile tbody td *, #board_settings tbody td *, #sbx_archive tbody td *, td.c_forum *, #reg_rules_intro *, #board_feed tbody td *, #amt_list tbody td *, #member_amt_list tbody td *, #shoutbox, #quick_pm_compose *, table.posting *, #logo *, #pm_compose *, #pm_inbox *, #blog_comments li * {
		max-width:100%;
	}
}

/* Phone */
@media (max-width:550px) {
	/* Fixes - Do Not Edit */
	#pmtoast, #pmtoast big, a#pmclose { border: 0; } /* do not edit */
	#pmtoast big { background: transparent; } /* do not edit */
	/* Edit Below */

	.c_forum div { display: none; }
	.c_last { display: none; }
	.forum_last { display: block!important; margin-top: 2px; font-size: 10px; }
	.c_last-title { display: inline-block; font-size: 12px; margin-right: 5px; }

	#stats .forums th a { display: block; }

	#forum_footer .c_sort form { display: none!important; }

	#pmtoast {
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		padding: 10px;
		box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
		border-radius: 0;
		border: 0;
	}

		#pmtoast big {
			margin: 0 0 10px 0;
			padding: 0;
			font-size: 15px;
			border-radius: 0;
			background: transparent;
			border: 0;
		}

			#pmtoast small { font-size: 13px; }
			#pmtoast strong { font-size: 13px; }

		a#pmclose {
			position: absolute;
			top: 0;
			right: 0;
			display: inline-block;
			margin: 0;
			padding: 10px;
			border-radius: 0;
		}

	/* Thread List */
	.c_cat-title .description { display: none; }
	.thread_last { display: block!important; margin-top: 2px; font-size: 10px; }
	.c_cat-lastpost { display: none; }
	.t_lastpostdate { display: inline-block; margin-right: 5px; }

	/* Post View */
	.topic .c_username, .topic .c_user, .topic .c_nosig, .topic .c_sig, .topic .c_postfoot td:first-child { display: none; }
	.min_profile { margin-bottom: 5px; padding-bottom: 5px; }
	.min_profile_links { float: right; }
	.min_profile_links a { margin-left: 3px }
	.min_profile_avatar { display: inline-block; margin: 2px 10px 0 0; vertical-align: middle; }
	.min_profile_avatar img { max-height: 20px!important; max-width: 20px!important; border-radius: 20px; vertical-align: middle; }
	.min_profile_user { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px; }
	.multi_quote { display: none; }

	/* Posting Pages */
	#c_emot { display: none; }
	#c_bbcode br { display: none; }
	input[name="helpbox"], input[name="helpbox"] + a { display: none; }

	/* Misc */
	.c_foot .left, .c_foot .right { float: none!important; display: block; }
	.c_foot .left { margin-bottom: 5px; }
	#topic_viewer tbody tr:first-child th .left, #topic_viewer tbody tr:first-child th .right { float: none!important; display: block; }
	#topic_viewer tbody tr:first-child th .left { margin-bottom: 5px; }
	button.btn_mod { margin-left: 0; padding: 2px 5px 4px 5px; }
	.topic .c_foot button.btn_mod { margin-left: 5px; }
	select[name="amt_menu"] { margin-left: 5px; }
	td.c_desc_hidden { display: none; }
	.desc_label { font-weight: bold; margin-bottom: 5px; }
		.desc_label small { font-size: normal; display: block; }

	/* Blog */
	#blog_sub { flex-flow: column!important; align-items: flex-start!important; }
		#blog_sub span, #blog_sub form { text-align: left; }
		#blog_sub form { margin-top: 10px; }
	#blog_container { flex-flow: column; }
		#blog_sidebar { width: 100%; }

	/* Hiding Table Columns */
	#top_posters tbody th:last-child, #top_posters tbody td:last-child { display: none; }
	#top_posters tbody th:nth-child(3), #top_posters tbody td:nth-child(3) { display: none; }
	#top_posters tbody th:last-child { font-size: 0; } #top_posters tbody th:last-child::after { content: "Percent"; font-size: 12px; }
	#member_list_full tbody th:nth-child(3), #member_list_full tbody td:nth-child(3) { display: none; }
	#member_list_full tbody th:nth-child(4), #member_list_full tbody td:nth-child(4) { display: none; }
	#pm_inbox tbody th#pm_with a { display: none; } #pm_inbox tbody th#pm_with::after { content: "With"; }
	#pm_inbox tbody th#pm_replies, #pm_inbox tbody tr[class*="row"] td:nth-child(3) { display: none; }
	#pm_viewer tr.topinfo:first-child td:nth-child(3), #pm_viewer tr.topinfo:first-child td:nth-child(4) { display: none; }

	/* Fixes - Aidan */
	#subscriptions tbody th:nth-child(2), #subscriptions tbody td:nth-child(2),
	#subscriptions tbody th:nth-child(3), #subscriptions tbody td:nth-child(3),
	#subscriptions tbody th:nth-child(4), #subscriptions tbody td:nth-child(4),
	#address_book tbody th:nth-child(2), #address_book tbody td:nth-child(2),
	#joinable_groups tbody th:nth-child(2), #joinable_groups tbody td:nth-child(2),
	#rcp_post_list tbody th:nth-last-child(1), #rcp_post_list tbody th:nth-last-child(2),
	#rcp_post_list tbody td:nth-last-child(1), #rcp_post_list tbody td:nth-last-child(2),
	#rcp_pm_list tbody th:nth-last-child(1), #rcp_pm_list tbody th:nth-last-child(2),
	#rcp_pm_list tbody td:nth-last-child(1), #rcp_pm_list tbody td:nth-last-child(2) {
		display: none;
	}

}
