MyBB Community Forums

Full Version: Help! need help with post bit and author info
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Please can someone help me out with this. 

I have the author information and avatar above the post content, but what I want is for it to be on the left beside it, like you see in a lot of other forums. 

I am using the iGame theme, you can find it here: http://community.mybb.com/mods.php?action=view&pid=357
(Have a look in the first preview that is shown on the theme page - that's what I want)

Here is all the relevant coding that controls it:

Showthread Template:
<html>
<head>
<title>{$thread['subject']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
	var quickdelete_confirm = "{$lang->quickdelete_confirm}";
	var quickrestore_confirm = "{$lang->quickrestore_confirm}";
	var allowEditReason = "{$mybb->settings['alloweditreason']}";
	lang.save_changes = "{$lang->save_changes}";
	lang.cancel_edit = "{$lang->cancel_edit}";
	lang.quick_edit_update_error = "{$lang->quick_edit_update_error}";
	lang.quick_reply_post_error = "{$lang->quick_reply_post_error}";
	lang.quick_delete_error = "{$lang->quick_delete_error}";
	lang.quick_delete_success = "{$lang->quick_delete_success}";
	lang.quick_delete_thread_success = "{$lang->quick_delete_thread_success}";
	lang.quick_restore_error = "{$lang->quick_restore_error}";
	lang.quick_restore_success = "{$lang->quick_restore_success}";
	lang.editreason = "{$lang->postbit_editreason}";
// -->
</script>
<!-- jeditable (jquery) -->
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/report.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jeditable/jeditable.min.js"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/thread.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/thankyoulike.js"></script>
<script type="text/javascript">
<!--
	var tylEnabled = "{$mybb->settings['g33k_thankyoulike_enabled']}";
	var tylCollapsible = "{$mybb->settings['g33k_thankyoulike_collapsible']}";
	var tylUser = "{$mybb->user['uid']}";
-->
</script>
</head>
<body id="forums">
	{$header}
	{$threadnotesbox}
	{$pollbox}
	<div class="float_left">
		{$multipage}
	</div>
	<div class="float_right">
		{$newthread}{$newreply}
	</div>
	{$ratethread}<br /><br />
	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder3 tfixed clear">
		<tr>
			<td class="thead">
				<div class="float_right">
					<span class="smalltext"><strong><a href="javascript:;" id="thread_modes">{$lang->thread_modes}</a>{$threadnoteslink}</strong></span>
				</div>
				<div>
					<strong>{$thread['threadprefix']}{$thread['subject']}</strong>
				</div>
			</td>
		</tr>
<tr><td id="posts_container">
	<div id="posts">
		{$posts}
	</div><br />
</td></tr>
		<tr>              

              
			</td>
		</tr>
	</table>
	<div class="float_left">
		{$multipage}
	</div>
	<div style="padding-top: 4px;" class="float_right">
		{$newthread}{$newreply}
	</div>
	<br class="clear" />
	{$quickreply}
	{$threadexbox}
	{$similarthreads}
	<br />
	<div class="float_right" style="text-align: right;">
	{$moderationoptions}
		{$forumjump}
	</div>
	<br class="clear" />
	{$usersbrowsing}
	{$footer}
	<div id="thread_modes_popup" class="popup_menu" style="display: none;">
<div class="popup_item_container"><a href="showthread.php?mode=linear&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}" class="popup_item">{$lang->linear}</a></div>
      
<div class="popup_item_container"><a href="showthread.php?mode=threaded&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}" class="popup_item">{$lang->threaded}</a></div>
      <div class="border2"></div>
<div class="popup_item_container"><a href="/printthread.php?tid={$tid}" class="popup_item">{$lang->view_printable}</a></div>
      
<div class="popup_item_container"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;tid={$tid}&amp;my_post_key={$mybb->post_code}" class="popup_item">{$add_remove_subscription_text}</a></div>
      
<div class="popup_item_container"><a href="polls.php?action=newpoll&amp;tid={$tid}" class="popup_item">{$lang->add_poll_to_thread}</a></div>
      
<div class="popup_item_container"><a href="sendthread.php?tid={$tid}" class="popup_item">Send thread to a friend</a></div>
  </div>
	<script type="text/javascript">
	// <!--
		if(use_xmlhttprequest == "1")
		{
			$("#thread_modes").popupMenu();
		}
	// -->
	</script>
</body>
</html>

Postbit Template:

<div class="newposts">
  
  {$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
<div class="post_author">
	<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
	{$post['useravatar']}<br />
	<div class="author_information">
			<span class="smalltext">
				{$post['usertitle']}<br />
				{$post['userstars']}
				{$post['groupimage']}
			</span>
	</div>
	<div class="author_statistics">
		{$post['user_details']}
	</div>
</div>
<div class="post_content">
	<div class="post_head">
		{$post['posturl']}
		{$post['icon']}
		<span class="post_date">{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
		{$post['subject_extra']}
	</div>
	<div class="post_body scaleimages" id="pid_{$post['pid']}">
		{$post['message']}
	</div>
	{$post['attachments']}
	{$post['signature']}
	<div class="post_meta" id="post_meta_{$post['pid']}">
	
	</div>
</div>
<div class="post_controls">
	<div class="postbit_buttons author_buttons float_left">
			{$post['iplogged']}{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
	</div>
	<div class="postbit_buttons post_management_buttons float_right">
		{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
	</div>
</div>
</div>
  
  </div>


Global CSS:
body {
    background:url(images/igame/2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #47274C;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
    font-style: normal;
    overflow-y: scroll;
    overflow-x: hidden;
}

#pm_notification {
	background: #3f9889;
	border: 1px solid #3f9889;
	color: #fff;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-shadow: 1px 1px 0px #3f9889;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	display: inline-block;
	height: 10px;
	line-height: 10px;
	padding: 4px 5px 4px 5px;
    font-style: normal;
    font-size: 13px;
}

a#pm_notification {
	color: #fff;
    text-shadow: 1px 1px 0 #3f9889;
	text-decoration: none;
    font-style: normal;
    font-size: 14px;
}

a#pm_notification: hover {
	color: #fff;
    text-shadow: 1px 1px 0 #3f9889;
}

.newposts {
    background: rgb(15,15,15);
    background: rgba(15,15,15,0.95);
    -webkit-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
    -moz-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
    box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #a1a1a1;
	text-shadow: 0px 1px 1px #171717;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-top: 15px;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

a:link {
	color: #83D45B;
	text-decoration: none;
}

a:visited {
	color: #538040;
	text-decoration: none;
}

a:hover,
a:active {
	color: #f1f1f1;
	text-decoration: none;
	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
}

#container {
	text-align: left;
	line-height: 1.4;
	margin: 0;
	margin-top: -10px;	
	color: #333;
}

.wrapper {
	margin: auto auto;
}

#logo {
	padding: 10px 0;
}

.users {
    color:#fff;
  	text-shadow: 0px 1px 1px #000;
	padding: 15px;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
  	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.users a:link,
.users a:visited,
.users a:hover,
.users a:active {
      color:#fff;
  	text-shadow: 0px 1px 1px #000;
}

#content {
	width: auto !important;
	padding: 10px 10px;
	overflow: hidden;
}

#header {
	border: 1px solid #000;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    height: 200px;
}

#header ul.menu {
    color: #ffffff;
    text-shadow: 1px 1px 0px #558090;
	margin: 0;
	padding: 0;
	list-style: none;
  	padding: 10px;
}

#header ul.menu li {
	margin: 0 3px;
	display: inline;
    color: #ffffff;
}

#header ul.menu li a {
	padding-left: 2px;
	display: inline-block;
  	color: #ffffff;
}

#logo ul.top_links {
	text-align: right;
	margin: 30px 2px 0 0;
  	color: #ffffff;
}

#logo ul.top_links a.search {
	background-position: 0 0;
  	color: #ffffff;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
  	color: #ffffff;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
  	color: #ffffff;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
  	color: #ffffff;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
  	color: #ffffff;
}

#panel .upper a.logout {
	font-weight: bold;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 0px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
    background: #222328;
    color: #333;
    border-top: 1px solid #1e2228;
    border-bottom: 1px solid #1e2228;
    text-shadow: 1px 1px 0px #fff;
	padding: 8px;
	clear: both;
  	text-decoration: none;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #333;
}

#panel .lower {
    background: #5b96a4;
    color: #333;
    border-bottom: 1px solid #558090;
    text-shadow: 1px 1px 0px #fff;
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #333;
  	text-decoration: none;
      text-shadow: 1px 1px 0px #fff;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#footer {
	clear: both;
}

#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 2px;
	display: inline;
}

#footer .upper {
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
     color: #f1f1f1;
     text-shadow: 0px 1px 1px #181818;
     padding: 6px;
     overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
      margin-top: -25px;
}

#footer .upper  a:link,
#footer .upper  a:visited,
#footer .upper  a:hover,
#footer .upper  a:active {
       color: #f1f1f1;
       text-shadow: 0px 1px 1px #181818;
}

#footer .upper .language {
	float: left;
	margin: -1px;
	margin-left: 2px;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .upper .language select {
	border-color: #383838;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .upper .theme {
	float: left;
	margin: -1px;
	margin-left: 2px;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .upper .theme select {
	border-color: #383838;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .lower {
    color: #f1f1f1;
    text-shadow: 1px 1px 0px #181818;
	padding: 10px;
	padding: 6px 6px 12px 6px;
	overflow: hidden;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

#footer .lower a:link,
#footer .lower a:visited {
    color: #f1f1f1;
    text-shadow: 1px 1px 0px #181818;
}

#footer .lower a:hover,
#footer .lower a:active {
    color: #f1f1f1;
    text-shadow: 1px 1px 0px #181818;
	text-decoration: none;
}

#footer .lower #current_time {
	float: right;
    color: #f1f1f1;
    text-shadow: 1px 1px 0px #181818;
}

#debug {
	float: center;
	text-align: center;
	margin-top: 20px;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	text-shadow: rgba(0,0,0,0.7) 0px 1px 1px;
	color: #fff;
	font-style: normal;
}

#debug a:link,
#debug a:visited,
#debug a:hover,
#debug a:active {
	color: #fff;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
height: 50px;
width: 50px;
text-align: center;
padding: 1px 2px;
font-size: 25px;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.forum_on {
     color: #3f9889;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #646464;
}

.forum_off i {
	color: #646464;
}

.forum_offlock i:before {
content: "\f05e";
  color: #646464;
}

.forum_offlink i:before {
content: "\f079";
    color: #646464;
}

.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
	background: url(images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
	background-position: 0 0;
}

.subforum_minioff {
	background-position: 0 -10px;
}

.subforum_miniofflock {
	background-position: 0 -20px;
}

.subforum_miniofflink {
	background-position: 0 -30px;
}

table {
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	color: #ccc;
	font-style: normal;
}

.tborder3 {
	margin: auto auto;
	padding: 1px;
	width: 100%;
  	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.tborder2 {
	margin: auto auto;
	padding: 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 100%;
}

.tborder {
	width: 100%;
	margin: auto auto;
	padding: 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	background: rgba(15,15,15,0.95);
	-webkit-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	text-shadow: 0px 1px 1px #000;
	padding: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-bottom: 6px solid #59983F;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.thead a:link {
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 1px 1px #000;
  	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.thead a:visited {
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 1px 1px #000;
  	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.thead a:hover,
.thead a:active {
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	text-decoration: none;
	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
  	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.tcat {
 	background: rgba(15,15,15,0.95);
  	border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #000;
  	color: #ccc;
  	text-shadow: 0px 1px 1px #000;
	padding: 6px;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
		font-style: normal;
}

.tcat a:link {
	color: #ccc;
}

.tcat a:visited {
	color: #ccc;
}

.tcat a:hover,
.tcat a:active {
	color: #3f9889;
  	text-decoration: none;
  	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
}

.trow1 {
 	background: rgba(15,15,15,0.95);
  	border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #000;
  	padding: 10px;
  	color: #ccc;
  	text-shadow: 0px 1px 1px #000;
}

.trow2 {
 	background: rgba(15,15,15,0.95);
  	border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #000;
  	padding: 10px;
  	color: #ccc;
    text-shadow: 0px 1px 1px #000;
}

.trow3 {
	background: #fafafa;
  	border-top: 1px solid #2e2e2e;
  	padding: 10px;
  	color: #ccc;
    text-shadow: 0px 1px 1px #000;
}

.trow4 {
 	background: rgba(15,15,15,0.95);
    border-bottom: 1px solid #000;
  	padding: 10px;
  	color: #ccc;
    text-shadow: 0px 1px 1px #000;
}

.postc {
  	border: 1px solid #ddd;
  	-webkit-box-shadow: inset 0 0 1px 1px #fff;
  	-moz-box-shadow: inset 0 0 1px 1px #fff;
  	box-shadow: inset 0 0 1px 1px #fff;
  	background: #f5f5f5;
  	text-shadow: 0px 1px 1px #fff;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
  	-moz-background-clip: padding;
  	-webkit-background-clip: padding-box;
  	padding: 10px;
  	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.trow_shaded {
	background: #212121;
	border-bottom: 1px solid #171717;
  	border-top: 1px solid #383838;
  	padding: 10px;
  	color: #f1f1f1;
    text-shadow: 0px 1px 1px #000;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.post.unapproved_post .post_author {
}

.post.classic.unapproved_post .post_author {
}

.post.unapproved_post .post_controls {
background: #212121;
border-top: 1px solid #383838;
text-shadow: 0px 1px 1px #000;
clear: both;
padding: 5px;
}

.trow_deleted,
.post.deleted_post {
	background: #0e0e0e;
    text-shadow: 0px 1px 1px #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-style: normal;
}

.trow_selected,
tr.trow_selected td {
	background: #0f0f0f;
	border-bottom: 1px solid #000;
	border-top: 1px solid #232323;
	padding: 10px;
	text-shadow: 0px 1px 1px #000;
	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
	
	color: #f1f1f1;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #f1f1f1;
}

.trow_sep {
	background: rgba(15,15,15,0.95);
	text-shadow: 0px 1px 1px #000;
	border-top: 6px solid #88B35A;
	border-bottom: 6px solid #88B35A;
	padding: 10px;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.tfoot {
	background: rgba(15,15,15,0.95);
	-webkit-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	text-shadow: 0px 1px 1px #000;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-bottom: 6px solid #3f9889;
	padding: 10px;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	color: #fff;
	font-style: normal;
}

.tfoot a:link {
	color: #fff;
	text-decoration: none;
}

.tfoot a:visited {
	color: #fff;
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: #fff;
	text-decoration: none;
  	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
}

.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	background: rgba(15,15,15,0.95);
	border: 1px solid #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #ccc;
	padding: 10px;
	text-shadow: 0px 1px 1px #000;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.navigation a:link {
	text-decoration: none;
  	color: #ccc;
    text-shadow: 0px 1px 1px #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.navigation a:visited {
	text-decoration: none;
  	color: #ccc;
    text-shadow: 0px 1px 1px #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.navigation a:hover,
.navigation a:active {
	text-decoration: none;
  	color: #fff;
    text-shadow: 0px 1px 1px #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.navigation .active {
	color: #ccc;
    text-shadow: 0px 1px 1px #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.smalltext {
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 14px;
   font-style: normal;
}

.largetext {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
}

fieldset {
	padding: 12px;
	border: 1px dashed #222222;
	margin: 0;
   	background: rgba(15,15,15,0.95);
}

fieldset.trow1,
fieldset.trow2 {
	border: 1px dashed #222222;
   	background: rgba(15,15,15,0.95);
}

fieldset.align_right {
	text-align: right;
   	background: rgba(15,15,15,0.95);
}

input.textbox {
	color: #f1f1f1;
	
	border: 1px solid #222222;
	padding: 3px 6px;
	outline: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	
	background-color: #191919;
	background-image: none;
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
}

textarea {
  	background: rgba(15,15,15,0.95);
	-webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	color: #f1f1f1;
	border: 1px solid #222222;
	padding: 5px;
	line-height: 1.4;
	outline: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    font-style: normal;
}

select {
  	background: rgba(15,15,15,0.95);
	-webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	color: #f1f1f1;
	border: 1px solid #222222;
	padding: 3px;
	line-height: 1.4;
	outline: 0;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    font-style: normal;
}

button,
input.button {
  	 background-image: linear-gradient(#272727, #212121);
      color: #ffffff;
      border: 1px solid #000;
      text-shadow: 1px 1px 0px #161617;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
       border-radius: 2px;
      -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box; 
  	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-style: normal;  
    padding: 4px 9px;
	cursor: pointer;
	outline: 0;
}

button:hover,
input.button:hover {
	color: #ddd;
	-moz-transition: all 0ms ease 0s;
	-webkit-transition: all 0ms ease 0s;
	-o-transition: all 0ms ease 0s;
	-ms-transition: all 0ms ease 0s;
}

form {
	margin: 0;
	padding: 0;
}

form input.error {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
	padding: 3px;
	outline: 0;
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
}

form input.valid {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
	padding: 3px;
	outline: 0;
}

form label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
}

form #message {
    width: 500px;
}

.editor {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.editor_control_bar {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.post .editor_control_bar {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.popup_menu {
	background: rgba(15,15,15,0.95);
	text-shadow: 1px 1px 0px #000;
	padding: 2px;
	z-index: 51;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.7 );
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.popup_menu .popup_item {
	background: rgba(15,15,15,0.95);
	text-shadow: 1px 1px 0px #000;
	
	color: #ccc;
	font-style: normal;
	font-weight: normal;
}

.popup_menu .popup_item:hover {
	background: #3f9889;
	text-shadow: 1px 1px 0px #2f8173;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	color: #fff;
}

.trow_reputation_positive {
		background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.trow_reputation_negative {
		background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
}

._minus {
  	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
}

._plus {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
}

img {
	border: none;
}

img.attachment {
		background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
	padding: 2px;
}

hr {
	background-color: #000;
	color: #ccc;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
		background: rgba(15,15,15,0.95);
border-bottom: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
 	background: #232323;
	border: 1px solid #383838;
  	color: #a1a1a1;
    text-shadow: 0px 1px 1px #181818; 
	border-left: 6px solid #3f9889;
    -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-webkit-box-shadow: inset 0 0 2px 0px #171717;
	-moz-box-shadow: inset 0 0 2px 0px #171717;
	box-shadow: inset 0 0 2px 0px #171717;
	margin: 0;
	padding: 15px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

blockquote cite {
	text-shadow: 0px 1px 1px #181818;
	display: block;
	margin: -15px -15px 5px -15px;
	padding: 10px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 1px dashed #383838;
	
	color: #a1a1a1;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

blockquote cite span {
	color: #a1a1a1;
	float: right;
	text-shadow: 0px 1px 1px #181818;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
 	background: #232323;
	border: 1px solid #383838;
  	color: #a1a1a1;
    text-shadow: 0px 1px 1px #181818; 
	border-left: 6px solid #b4b3b3;
    -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-webkit-box-shadow: inset 0 0 2px 0px #171717;
	-moz-box-shadow: inset 0 0 2px 0px #171717;
	box-shadow: inset 0 0 2px 0px #171717;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	padding: 14px;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
  	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

.codeblock .title {
	color: #a1a1a1;
	border-bottom: 1px dashed #383838;
	text-shadow: 1px 1px 0px #181818;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	font-weight: bold;
	margin: -15px -15px 5px -15px;
	padding: 10px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	padding-bottom: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 6px;
	white-space: nowrap;
	
	text-decoration: none;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
		background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #3f9889;
  	border: 1px solid #286d61;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	padding: 6px 10px;
	color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
        -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
}

.pm_alert a:link,
.pm_alert a:visited,
.pm_alert a:hover,
.pm_alert  a:active {
	color: #fff;
}

.red_alert {
	background: #646464;
    border: 1px solid #323131;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
        -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-align: center;
	padding: 6px 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
	color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active {
	color: #fff;
}

.high_warning {
	color: #ffffff;
}

.moderate_warning {
	color: #ffffff;
}

.low_warning {
	color: #ffffff;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
		background: rgba(15,15,15,0.95);
border-bottom: 2px solid #232323;
  border-top: 2px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
}

div.error p {
	margin: 0;
	color: #ccc;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #ccc;
	background: url(images/error.png) no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

.pagination {
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-style: normal;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	color: #ccc;
}

.pagination .pagination_current,
.pagination a {
    background: rgba(15,15,15,0.95);
	color: #f1f1f1;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 3px 6px;
}

.pagination a {
  	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pagination .pagination_current {
  background: #3f9889;
  text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
  -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	color: #fff;
	padding: 3px 6px;
  	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pagination a:hover {
	padding: 3px 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	color: #fff;
	text-decoration: none;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
border-bottom: 2px solid #232323;
	padding: 4px;
}

.pagination_breadcrumb {
		background: rgba(15,15,15,0.95);
border: 2px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
	outline: 1px solid #232323;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
    	margin-top: -10px;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
  	margin-top: -10px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: top;
    	margin-top: -10px;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
  	color: #ccc;
  	margin-top: 10px;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
    color: #ccc;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
    	color: #ccc;
  	margin-top: -5px;
}

.success_message {
	color: #00b200;
	font-weight: bold;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #232323;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.post {
	overflow: hidden;
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	padding: 5px;
	overflow: hidden;
	color: #a1a1a1;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
  	text-shadow: 0px 1px 1px #171717;
}

.post.classic .post_author {
	width: 15%;
	float: left;
	margin: 0 1% 15px 0;
	padding: 5px 1%;
	margin-top
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
  	text-shadow: 0px 1px 1px #171717;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
    padding: 3px; 
   border: 1px solid #232323;
  background: rgba(15,15,15,0.95);
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px; 
  position: relative;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
  	text-shadow: 0px 1px 1px #171717;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

.post .post_author div.author_statistics {
	float: right;
	padding: 3px 10px 3px 5px;
	color: #a1a1a1;
	line-height: 1.3;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
  	text-shadow: 0px 1px 1px #171717;
}

.post.classic .post_author div.author_statistics {
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: left;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
  	text-shadow: 0px 1px 1px #171717;
}

.post .post_head {
	padding-bottom: 4px;
	border-bottom: 1px dashed #383838;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #a1a1a1;
}

.post .post_head span.edited_post {
	color: #a1a1a1;
}

.post .post_head span.edited_post a {
	color: #a1a1a1;
}

.post_body {
	padding: 12px 0;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dashed #383838;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	color: #a1a1a1;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #a1a1a1;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #f1f1f1;
}

.post_controls {
	background: #0f0f0f;
	border-top: 1px solid #232323;
	text-shadow: 0px 1px 1px #171717;
	clear: both;
	padding: 5px;
	overflow: hidden;
	
	color: #f1f1f1;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	background: #3f9889;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 4px 7px;
	margin: 2px;
	
	color: #f1f1f1;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
}

.postbit_buttons > a:hover {
	background: #646464;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
	
	color: #fff;
}

.postbit_buttons a span:before {
   content: "";
   display: inline-block;
   font-family: FontAwesome;
   font-weight: normal;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 5px;
   font-size: 13px;
}

.postbit_buttons a.postbit_find span:before {
content: "\f002";
}

.postbit_buttons a.postbit_reputation_add span:before {
content: "\f067";
}

.postbit_buttons a.postbit_email span:before {
content: "\f0e0";
}

.postbit_buttons a.postbit_website span:before {
content: "\f0ac";
}

.postbit_buttons a.postbit_pm span:before {
content: "\f199";
}

.postbit_buttons a.postbit_quote span:before {
content: "\f10e";
}

.postbit_buttons a.postbit_multiquote span:before {
content: "\f055";
}

.postbit_buttons a.postbit_multiquote_on span:before {
content: "\f056";
   color: #DB1304;
}

.postbit_buttons a.postbit_edit span:before {
content: "\f044";
}

.postbit_buttons a.postbit_qdelete span:before {
content: "\f00d";
}

.postbit_buttons a.postbit_qrestore span:before {
content: "\f067";
}

.postbit_buttons a.postbit_report span:before {
content: "\f0a1";
}

.postbit_buttons a.postbit_warn span:before {
content: "\f0e3";
}

.postbit_buttons a.postbit_purgespammer span:before {
content: "\f071";
}

.postbit_buttons a.postbit_reply_pm span:before {
content: "\f112";
}

.postbit_buttons a.postbit_reply_all span:before {
content: "\f122";
}

.postbit_buttons a.postbit_forward_pm span:before {
content: "\f064";
}

.postbit_buttons a.postbit_delete_pm span:before {
content: "\f00d";
}

a.button:link,
a.button:visited,
a.button:active {
	background: #646464;
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 6px 8px;
	margin: 2px 2px 6px 2px;
	transition: text-shadow 3s;
	-moz-transition: text-shadow 3s;
	-webkit-transition: text-shadow 3s;
	-o-transition: text-shadow 3s;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	font-style: normal;
}

a.button:hover {
	background: #3f9889;
	color: #fff;
	text-shadow: #82241f 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
text-shadow: 0 0 40px #fff;
}

a.button.small_button {
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	padding: 1px;
	display: inline-block;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

a.button.rate_user_button span {
	background-position: 0 -400px;
}

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url(images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url(images/pollbar.png) top left repeat-x;
	border: 1px solid #232323;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
	z-index: 9999;
	color: #fff;
	font-size: 12px;
	position: fixed;
}

.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

.jGrowl.bottom-left {
	left: 0px;
	bottom:	0px;
}

.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.center .jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	background-color: #000;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	zoom: 1;
	width: 235px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	display: none;
	border-radius: 5px;
}

.jGrowl .jGrowl-notification {
	min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.jGrowl .jGrowl-closer {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
}


}

/** jGrowl End **/

/** Modal Start **/

.modal {
	display: none;
	text-align: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 8px solid #232323;
	z-index: 61;
	
	color: #ccc;
	width: 550px;
	text-decoration: none;
}

.modal a.close-modal {
	background: url(images/close.png) no-repeat 0 0;
	width: 30px;
	position: absolute;
	top: -6.5px;
	right: -6.5px;
	display: block;
	height: 30px;
	text-indent: -9999px;
  	color: #91ad9f;
	text-decoration: none;
}

.modal-spinner {
  	color: #ccc;
	text-decoration: none;
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {
	position: absolute;
	background-color: #777777;
}

div.jqi {
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}

div.jqi .jqiclose {
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}

div.jqi .jqistate {
	background-color: #fff;
}

div.jqi .jqititle {
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
	padding: 10px;
	line-height: 20px;
	color: #444444;
}

div.jqi .jqibuttons {
	text-align: right;
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button {
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal;
	border: none;
	border-left: solid 1px #e4e4e4;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
	color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
	color: #287ade;
	outline: none;
}

.jqiwarning .jqi .jqibuttons {
	background-color: #b95656;
}

/* sub states */

div.jqi .jqiparentstate::after {
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
	position: absolute;
	top: 0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
	padding: 10px 18px;
}

/* arrows for tooltips/tours */

.jqi .jqiarrow {
	position: absolute;
	height: 0; width: 0;
	line-height: 0;
	font-size: 0;
	border: solid 10px transparent;
}

.jqi .jqiarrowtl {
	left: 10px;
	top: -20px;
	border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
	left: 50%;
	top: -20px;
	border-bottom-color: #ffffff;
	margin-left: -10px;
}

.jqi .jqiarrowtr {
	right: 10px;
	top: -20px;
	border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
	left: 10px;
	bottom: -20px;
	border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
	left: 50%;
	bottom: -20px;
	border-top-color: #ffffff;
	margin-left: -10px;
}

.jqi .jqiarrowbr {
	right: 10px;
	bottom: -20px;
	border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
	left: -20px;
	top: 10px;
	border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
	left: -20px;
	top: 50%;
	border-right-color: #ffffff;
	margin-top: -10px;
}

.jqi .jqiarrowlb {
	left: -20px;
	bottom: 10px;
	border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
	right: -20px;
	top: 10px;
	border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
	right: -20px;
	top: 50%;
	border-left-color: #ffffff;
	margin-top: -10px;
}

.jqi .jqiarrowrb {
	right: -20px;
	bottom: 10px;
	border-left-color: #ffffff;
}


Here's what it looks like: 
[Image: E0UsUdU.png]

Here's what I want it to look like:
[Image: preview_84715_1420574339_5841e58866c3375...4cc9f7.png]
It's a setting in your admin panel

ACP > Configuration > Show Thread Options > Display posts using the classic layout.

Also if you're gonna private message me make sure you allow people to private message you back. check your options in your usercp.
(2015-10-11, 12:00 AM)iAndrew Wrote: [ -> ]It's a setting in your admin panel

ACP > Configuration > Show Thread Options > Display posts using the classic layout.

Also if you're gonna private message me make sure you allow people to private message you back. check your options in your usercp.

Thanks for the help, must have changed that at some point. 
Oh and sorry for not letting you time to reply, I just wanted to update it before my users saw the ugliness Toungue
Hi, sorry to resurrect this thread, but I have the same issue (using MyBB 1.8.6).

I tried changing to classic layout under Show Thread Options, but posts are still being displayed in the horizontal format, with user information above each post.

Any idea what I might be doing wrong? Thx!
^ user control panel also has an option for the posts layout (overrides admin panel setting for the individual user)

see related guidance
Got it, thanks! Smile