/* Custom styles */

div#upper_section p.avatar,
div.keyinfo div.messageicon,
dl#post_header dt.clear_left,
dl#post_header select#icon,
dl#post_header img[name="icons"],
div#bbcBox_message select[name="sel_face"],
div#bbcBox_message select[name="sel_size"],
div#bbcBox_message select[name="sel_color"],
div#bbcBox_message img#BBCBox_message_button_1_24,
div#footer_section span.smalltext span.smalltext,
div.postarea img.modifybutton,
img#upshrink,
img#upshrink_ic,
img#newsupshrink,
form#search_form,
.customhidden
{
	display: none;
}

body
{
	margin: 0px 20px 0px 20px;
}

div#wrapper
{
	min-width: 680px;
	max-width: 1200px;
}

h1.forumtitle img
{
	max-width: 90px;
	padding-left: 10px;
}

form#search_form.showsearch
{
	display: unset !important;
}

div.post
{
	margin-bottom: 10px;
	word-wrap: break-word;
	word-break: break-word;
}

div.post span
{
	font-size: 100% !important;
	color: unset !important;
}

div.post img,
div.core_posts img,
div#main_content_section td[align="center"] img
{
	width: unset;
	height: unset;
	max-width: 100%;
	max-height: 400px;
}

div#forumposts div.reportlinks
{
	clear: both;
}

div#posting_icons img
{
	max-height: 21px;
}

textarea#message.editor,
iframe.rich_editor_frame
{
	height: 220px !important;
}

div#post_event div.smalltext
{
	clear: both;
	width: unset !important;
	float: unset !important;
}

div#post_event ul.event_options
{
	padding: 0px;
}

div#post_event ul.event_options li
{
	padding: 0px 10px 0px 0px;
}

div.list_posts
{
	overflow: visible;
	word-wrap: anywhere;
}

input[type="text"]
{
	max-width: 100%;
}

/* Custom header color if needed */
div#top_section
{
	background-image: url("../img/backgroundcrop.png");
	background-repeat: repeat-x;
	background-position-x: center;
	background-position-y: -10px;
	margin: -3px -18px -35px -18px;
	padding: 0px 20px 40px 20px;
	border-radius: 4px;
	background-color: white;
}

div#upper_section
{
	background-color: white;
}
/* /Custom header color if needed */

div#upper_section
{
	margin: -5px -18px 0 -18px;
	padding: 5px 20px 0px 20px;
}

div#upper_section li.notice
{
	color: red;
	font-weight: bold;
	font-size: 20px;
	line-height: normal;
}

blockquote.bbc_standard_quote,
blockquote.bbc_alternate_quote,
code.bbc_code
{
	background-image: none;
	border: 2px solid #99a;
	padding: 5px 5px 5px 5px;
	font-size: 90%;
}

code.bbc_code
{
	font-family: Courier New;
	font-size: 12px;
	white-space: break-spaces;
	word-wrap: anywhere;
}

div.windowbg,
div.windowbg2
{
	margin-bottom: 10px;
}
	
div.attachments.smalltext img
{
	max-width: 100%;
}

div.banner.belowmenu
{
	margin: 0px 0px 5px 0px;
}

div.banner.belowmenu img
{
	max-width: 100%;
	max-height: 60px;
}

div.banner.rightside
{
	margin: 0px 0px 0px 10px;
}

div.banner.rightside img
{
	max-width: 140px;
	max-height: 350px;
}

div.pagelinks,
div.topic_table a.navPages,
div.pagesection
{
	font-size: 14px;
}

div.pagelinks a.navPages,
div.topic_table a.navPages,
div.pagesection a.navPages
{
	border: 1px solid silver;
	padding: 1px 2px 1px 2px;
	background-color: #f0f4f7;
	display: inline-block;
	margin: 0px 0px 5px 0px;
}

div.topic_table a.navPages
{
	padding: 0px 2px 2px 2px;
}

div.topic_table td.icon2
{
	background-image: url("../../images/post/xx.gif");
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px 13px 0px 13px;
}

div.topic_table td.icon2 img
{
	display: none;
}

div.topic_table td a[id*="newicon"]
{
	float: right;
	margin: 25px 5px 0px 10px;
}

div#memberlist td.windowbg.hidden
{
	text-align: center;
}

table.calendar_table span.smalltext
{
	display: grid;
}

div#poll_options dl.options dt
{
	width: 50%;
}

div#poll_options dl.options dd
{
	width: 40%;
}

/*************/
/*** Media ***/
/*************/

@media screen and (min-width: 240px) and (max-width: 640px)
{
	div#main_menu
	{
		margin: 0px 0px 0px 0px;
	}
	
	span.responsive_menu.gallery
	{
		background-image: url("../img/gallery.png");
		background-position: 0px 0px;
	}
	
	span.responsive_menu.staff
	{
		background-image: url("../img/usergroup.png");
		background-position: 0px 0px;
	}
}

@media screen and (max-width: 480px)
{
	table.table_list tbody.content td.icon
	{
		display: table-cell;
	}

	div#posting_icons
	{
		display: block;
	}
}

@media screen and (max-width: 640px)
{
	div#siteslogan
	{
		display: unset;
	}
	
	div#upper_section select,
	div#topic_icons select
	{
		width: unset;
		padding: unset;
	}

	table.table_list tbody.content td.icon
	{
		display: table-cell;
	}

	div#posting_icons
	{
		display: block;
	}
}

@media screen and (max-width: 720px)
{
	/*body
	{
		font-size: 1.0em;
	}*/
	
	div.poster li.stars,
	div.poster li.postcount,
	div.keyinfo h5
	{
		display: block;
	}
	
	ul.reset.smalltext
	{
		float: left;
	}
	
	div.postarea div.flow_hidden
	{
		width: unset;
	}
	
	div.postarea div.keyinfo
	{
		/*text-align: unset;*/
	}
	
	div.postarea ul.reset.smalltext.quickbuttons
	{
		float: right;
	}
	
	div.post
	{
		clear: both;
		padding: 10px 0px 0px 0px;
	}
	
	div.smalltext.modified
	{
		margin: 0px 1em 0px 1em;
	}
	
	div#messageindex th.lefttext.last_th,
	div.banner.rightside
	{
		display: none;
	}
	
	.poster li.avatar
	{
		display: block;
	}

	.poster li.avatar img
	{
		width: unset !important;
		height: unset !important;
		max-width: 100px;
		max-height: 100px;
		/*display: none;*/
	}

	div#main_content_section input[type="text"]
	{
		width: 98%;
	}

	div#main_content_section select
	{
		width: 100%;
		padding: 5px 0px 5px 0px;
	}
}

/*@media screen and (max-width: 800px)
{
	body
	{
		margin: 0px 0px 0px 0px;
	}
}*/

@media screen and (max-width: 880px)
{
	div.banner.rightside img
	{
		max-width: 70px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px)
{
	table.table_list tbody.content td.stats
	{
		display: table-cell;
	}
	
	table.table_list tbody.content td.lastpost,
	.topic_table table tbody tr td.lastpost
	{
		width: 24% !important;
	}
}
