/* 
	CHANGES:
	id = #menu change dark grey 1d212a to lighter grey 454F65

	some texts changed from 333 (dark grey) to dark purple 39085A (darker is 330055, not ultimately used)
	
	some texts changed from 444 (almost as dark grey) to our other dark greay of 454F64
	
	Pink e25d5d changed again to 39085A 	- about 14 cases, changed? 
	
	Changed navbar-brand (near bottom) to accomodate my logo image

    id =    #my_id      unique
    class = .my_class   can be re-used
	
 */
/* -------------------------------------------------------------------------------------------------- */
/* JUST STARTED ADDING NEW ADDITIONS UP HERE. THERE ARE OTHERS SCATTERED BELOW TOO */
/* -------------------------------------------------------------------------------------------------- */

/* Here is an easy way to get our purple color on custom forum pages, for example Buy or Download */
/* Use like such: <h2 class="purple">My Purple Text </h2>   */
.purple
{
    color: #330055;
}

/* This adds a bit of padding between cells in tables created in forum posts, to the left and right (not top/bottom) */
.bbc_table td, th 
{
    padding: 0 10px;
}

/* THIS IS THE STOCK INFORMATION STYLE - WHICH I HAVE MODIFIED */
/* It styles the text area of BLOCKS with this style, which I am using for the registration notice */
/* an informative style */
/* Also see down around line 1007 where I changed the text color of h3.catbg2 to bright yellow */
.information
{
	 padding: 0.5em 1em; 
	/* font-size: 0.9em; */
	/* line-height: 1.3em; */
	border: 1px solid #bbb;
	/* background: #f0f6f0; */
    background: #F8FBD7;
    color: #000;
	/* margin: 0.2em 1px 1em 1px; */
}
.information p
{
	padding: 1em;
	margin: 0;
}
p.para2
{
	padding: 1em 0 3.5em 0;
	margin: 0;
}


/* AND here is a custom change to catbg2 header which you can use as the header for the above information */
/* -------------------------------------------------------------------------------------------------- */





/* THIS IS ALL STUFF APPLIED TO sp_luke_pages WHICH IS A CUSTOM BODY CLASS THAT CAN BE SET ON SIMPLE PORTAL "BLOCKS"
/* For now the only block I have this applied to is Welcome */
/* -------------------------------------------------------------------------------------------------- */
div.windowbg.sp_luke_pages
{
	/* Remove this annoying small space at the top of the main content area so the top lines up with the top
	   of the left side bars */
	margin-top: 0;
}
div.sp_luke_pages ul
{
    list-style-type: square;
}

div.sp_luke_pages ul li
{
	margin-bottom: 10px;    
    /* There is no way to change the color of the dot without also changing the color of the text, unless you use an image */
    list-style-image: url(http://openpanzer.org/images/general/purple_square_ul.png);
} 

div.sp_luke_pages a, 
div.sp_luke_pages a:link, 
div.sp_luke_pages a:visited,
div.sp_luke_pages a.new_win:link,
div.sp_luke_pages a.new_win:visited
{
	text-decoration: none;
	color: #330055;	
	border-bottom: 1px solid #330055;	
}
div.sp_luke_pages a:hover,
div.sp_luke_pages a.new_win:hover
{
	background: #E7E0EB;	
	text-decoration: underline;
	border-bottom: none;	
	cursor: pointer;
}

/* Images - This adds our border automatically */
div.sp_luke_pages img {
	/* We use border and outline to create a double border */
	border: 6px solid #E1E3E3 !important;
	outline: 1px solid #666;
	outline-offset: -7px; 
    margin: 10px;
    margin-top: 15px;
}

div.sp_luke_pages .noborder img {
	border: 0 !important;
	outline: 0;
}

/* THESE ARE USED to add the language flags at the top of the welcome page - we don't want them to have borders, or backgrounds on hover 
 * We also want them aligned to the right. */
div.sp_luke_pages .welcome_hdr {
    display: inline-block; 
    float:left;
}

div.sp_luke_pages .lang_flag {
    display:inline-block;
    float: right;
}

div.sp_luke_pages .lang_flag a img {
    border: 0 !important;
    margin: 5px 0 0 10px;
    outline: 0;
}

div.sp_luke_pages .lang_flag a {
    border: 0 !important;
    text-decoration: none !important;
}

div.sp_luke_pages .lang_flag a:hover {
    background: none;
}


/* THESE ARE THEMES FOR THE TABLE ON THE DOWNLOAD PAGE
/* It is two-column with information on the left and a photo on the right */
/* -------------------------------------------------------------------------------------------------- */
table.download_table 
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 30px; /* first number is horizontal spacing, second is vertical */
}
table.download_table p
{
	margin-top: 0;
}
table.download_table ul
{
	margin-top: 0;
	padding-left: 13px;
	color: #330055;
    list-style-type: square;
}
table.download_table  tr
{
	vertical-align: top;
}
table.download_table  td
{
	padding-top: 6px;
	/* Instead of bottom-padding, we are using border spacing above*/
	/* padding-bottom: 10px; */
}
table.download_table td img
{
	max-width: 240px;
}
.download_table tr td.rowcat
{
	width: 8%;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	padding-right: 10px;
	border-top: 2px solid #A8B6CF;
	color: #000;
}
.download_table tr td.rowcat .regulartext
{
	font-weight: normal;
	font-size: 14px;
}
.download_table tr td.left
{
	width: 72%;
	text-align: left;
	padding-left: 20px;
	padding-right: 15px;
	/*border-left: 2px solid #A8B6CF;*/
	border-top: 2px solid #A8B6CF;
}
/*
.download_table tr:hover td.left
{
	background-color: #FBF7FD;
}
.download_table tr:hover td.right
{
	background-color: #FBF7FD;
}
.download_table tr:hover td.rowcat
{
	background-color: #FBF7FD;
}
*/
/*border-left: 1px solid #330055;   You also tried this on the td.rowcat or td.left, doesn't really look too good because it offsets the text when shown. */

/* Just highlight all three rows */
.download_table tr:hover
{
	background-color: #FBF7FD;
}
.download_table tr td.right
{
	width: 20%;
	text-align: right;
	border-top: 2px solid #A8B6CF;
}

/* This is for my custom PayPal donate button
/* -------------------------------------------------------------------------------------------------- */
input.paypal_button, input.paypal_button:hover, input.paypal_button:visited
{
    border: none;
}
input.paypal_button:hover
{
    background: #FEBA2C;
}

/* -------------------------------------------------------------------------------------------------- */
/* END EXTRA LUKE STUFF */
/* -------------------------------------------------------------------------------------------------- */

img
{
	max-width: 100%;
	height: auto;
}

/* Normal, standard links. */
a:link, a:visited, a.new_win:link, a.new_win:visited
{
	color: #2a2a2a;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
	cursor: pointer;
}
/* Links that open in a new window. */
a.new_win:hover
{
	text-decoration: underline;
}

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

/* Set a fontsize that will look the same in all browsers. */
body
{
	margin: 0 auto;
	padding: 0;
}

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

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{	/* CHANGED FROM 444 */
/*	color: #39085A; */
	color: #454F65;
}

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
	margin: 0 auto;
	width: 100%;
}
/* lets give all forms zero padding/margins */
form
{
	padding: 0;
	margin: 0;
}

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
	.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
	.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
	.input_check   - covers input[type=checkbox] throughout all browsers
	.input_radio   - covers input[type=radio] throughout all browsers
	.input_text    - covers input[type=text] throughout all browsers
	.input_file    - covers input[type=file] throughout all browsers
*/

input, button, select, textarea
{
	font: 95%/115% verdana, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	border: 1px solid #7f9db9;
	padding: 2px;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select
{
	padding: 0;
}

/* Add some padding to the options instead. */
select option
{
	padding: 1px;
}

/* The font size of textareas should be just a little bit larger. */
textarea
{
	font: 100%/130% verdana, Helvetica, sans-serif;
}

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset
{
	background: #cde7ff url(../images/theme/submit_bg.png) no-repeat;
	border: 1px solid #aaa;
	cursor: pointer;
	font-weight: normal;
}
input:hover, textarea:hover, button:hover, select:hover
{
	border: 1px solid #454545;
}
.button_submit:hover, .button_reset:hover
{
	border: 1px solid #aaa;
	background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #cde7ff;
}
input:focus, textarea:focus, button:focus, select:focus
{
	border: 1px solid #454545;
}

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio
{
	border: none;
	background: none;
}
h3.catbg input.input_check
{
	margin: 9px 7px 0 7px;
}

/* Give disabled text input elements a different background color. */
input[disabled].input_text
{
	background-color: #eee;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
}
/* By default set the color on these tags as #000. */
h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}
/* Fieldsets are used to group elements. */
fieldset
{
	border: 1px solid #c4c4c4;
	padding: 1em;
	margin: 0 0 0.5em 0;
}
fieldset legend
{
	font-weight: bold;
	color: #444;
}
/* No image should have a border when linked. */
a img
{
	border: 0;
}

/* Define strong as bold, and em as italics */
strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}
/* Alternative for u tag */
.underline
{
	text-decoration: underline;
}

/* Common classes to easy styling.
------------------------------------------------------- */

.floatright
{
	float: right;
}
.floatleft
{
	float: left;
}

.flow_auto
{
	overflow: auto;
}
.flow_hidden
{
	overflow: hidden;
}
.flow_hidden .windowbg, .flow_hidden .windowbg2
{
	margin-top: 2px;
}
.clear
{
	clear: both;
}
.clear_left
{
	clear: left;
}
.clear_right
{
	clear: right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th
{
	font-size: 0.85em;
	font-family: verdana, sans-serif;
}
.middletext
{
	font-size: 0.9em;
	line-height: 1em;
	font-family: verdana, sans-serif;
}
.normaltext
{
	font-size: 1em;
	line-height: 1.2em;
}
.largetext
{
	font-size: 1.4em;
}
.centertext
{
	margin: 0 auto;
	text-align: center;
}
.righttext
{
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}
.lefttext
{
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}
.double_height
{
	line-height: 2em;
}
/* some common padding styles */
.padding
{
	padding: 0.7em;
}
.main_section, .lower_padding
{
	padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset, ul.reset li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Some BBC related styles.
------------------------------------------------------- */

/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
	font-size: x-small;
	color: #000;
	line-height: 1.4em;
	background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
	border-left: 4px solid #99A;
	padding: 1.1em 1.4em;
	margin: 0.1em 0 0.3em 0;
	overflow: auto;
}

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote
{
	background-color: #d7daec;
}
blockquote.bbc_alternate_quote
{
	background-color: #e7eafc;
}

/* A code block - maybe PHP ;). */
code.bbc_code
{
	display: block;
	font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
	font-size: x-small;
	background: #eef;
	border-left: 4px solid #999;
	line-height: 1.5em;
	padding: 3px 1em;
	overflow: auto;
	white-space: nowrap;
	/* Show a scrollbar after about 24 lines. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
	color: #666;
	font-size: x-small;
	font-weight: bold;
	padding: 0 0.3em;
}

/* For links to change the code stuff... */
.codeoperation
{
	font-weight: normal;
}

/* Styling for BBC tags */
/* CHANGED */
.bbc_link:link, .bbc_link:visited, .bbc_email:link, .bbc_email:visited
{
	color: #330055;	/* dark purple */
/*	border-bottom: 1px solid #A8B6CF; */
	border-bottom: 1px solid #330055 !important;
}
.bbc_link:hover, .bbc_email:hover
{
	text-decoration: underline;
/*	border-bottom: 1px solid #346;	*/
	background: #E7E0EB;	/* light purple */
/*	border-bottom: #330055;	*/
	border-bottom: none !important;
	cursor: pointer;

}
.bbc_size
{
	line-height: 1.4em;
}
.bbc_color a
{
	color: inherit;
}
.bbc_img
{
	border: 0;
}
.bbc_table
{
	font: inherit;
	color: inherit;
}
.bbc_table td
{
	font: inherit;
	color: inherit;
	vertical-align: top;
}
.bbc_u
{
	text-decoration: underline;
}
.bbc_list
{
	text-align: left;
}
ul.bbc_list
{
    /* Not sure why I had bbc_list set to purple, as opposed to just letting it inherit the standard grey font color used in the rest of the post
       and indeed throughout the site. On 1/16/2017 I commented this line out and we'll see what else it breaks, if anything */
	/* color: #330055; */
    list-style-type: square;
	/* Or use an image
	list-style-image: none; */
}
/* LUKE EDIT - We give our lists a bit of space between items */
ul.bbc_list li
{
    padding-bottom: 15px;
}
/* LUKE EDIT - We also want a bit of space with nested lists 7/17/2017  */ 
/* http://openpanzer.org/forum/index.php?topic=56                       */
ul.bbc_list ul li ul li
{
    padding-top: 10px;  /* Sadly this is cumulative but whatever, it looks slightly nicer */
}
.bbc_tt
{
	font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* Highlighted text - such as search results. */
.highlight
{
	font-weight: bold;
	color: #ff7200 !important;
	font-size: 1.1em;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2
{
	background-color: #D1E1EF;
	color: #000 !important;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */
.titlebg,        tr.titlebg th,        tr.titlebg td, 
.titlebg2,       tr.titlebg2 td,
.catbg,          tr.catbg th,          tr.catbg td, 
.catbg2,         tr.catbg2 th,         tr.catbg2 td
{
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	/* changed from #e25d5d (pink) to dark purple */
/*	background: #330055; */
	background: #39085A;
}

/* adjust the table versions of headers */
td.titlebg, tr.titlebg th, 
td.titlebg2, tr.titlebg2 th, 
td.catbg, tr.catbg th, 
td.catbg2, tr.catbg2 th
{
	padding: 0 6px;
}
tr.titlebg th a:link, tr.titlebg th a:visited, 
tr.titlebg2 td a:link, tr.titlebg2 td a:visited
{
	color: #fff;
}
tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
{
	color: #fff;
}
.catbg select
{
	height: 1.5em;
	font-size: 0.85em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body, .windowbg2, .windowbg3
{
	color: #000;
	background-color: #fff;
	border-radius: 4px;
	margin: 0.2em 0;
}
.windowbg4
{
	color: #000;
	background-color: #fff;
}
/* the page navigation area */
.pagesection
{
	font-size: 0.9em;
	padding: 0.2em;
	overflow: hidden;
	margin-bottom: 1px;
}
div.pagesection div.floatright input
{
	margin-top: 3px;
}

.pagelinks
{
	padding: 0.6em 0 0.4em 0;
}

/* Colors for background of posts requiring approval */
.approvebg
{
	color: #000;
	background-color: #ffeaea;
}
.approvebg2
{
	color: #000;
	background-color: #fff2f2;
}

/* Color for background of *topics* requiring approval */
.approvetbg
{
	color: #000;
	background-color: #e4a17c;
}
.approvetbg2
{
	color: #000;
	background-color: #f3bd9f;
}

/* Sticky topics get a different background */
.stickybg
{
	background: #e8d8cf;
}
.stickybg2
{
	background: #f2e3d9;
}

/* Locked posts get a different shade, too! */
.lockedbg
{
	background: #d4dce2;
	font-style: italic;
}
.lockedbg2
{
	background: #d8e1e7;
	font-style: italic;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	overflow: auto;
	line-height: 1.4em;
	padding: 0.1em 0;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
	width: 98%;
	overflow: auto;
	clear: right;
	padding: 1em 0 3px 0;
	border-top: 1px solid #aaa;
	line-height: 1.4em;
	font-size: 0.85em;
}
.custom_fields_above_signature
{
	width: 98%;
	clear: right;
	padding: 1em 0 3px 0;
	border-top: 1px solid #aaa;
	line-height: 1.4em;
	font-size: 0.85em;
}

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

/* Messages that somehow need to attract the attention. */
.alert
{
	color: red;
}

/* Calendar colors for birthdays, events and holidays */
.birthday
{
	color: #920ac4;
}

.event
{
	color: #078907;
}

.holiday
{
	color: #000080;
}

/* Colors for warnings */
.warn_mute
{
	color: red;
}

.warn_moderate
{
	color: #ffa500;
}

.warn_watch, .success
{
	color: green;
}

a.moderation_link, a.moderation_link:visited
{
	color: red;
	font-weight: bold;
}

.openid_login
{
	background: white url(../images/openid.gif) no-repeat;
	padding-left: 18px;
}

/* a descriptive style */
.description, .description_board, .plainbox
{
	padding: 0.5em 1em;
	font-size: 0.9em;
	line-height: 1.4em;
	border: 1px solid #bbb;
	background: #f5f5f0;
	margin: 0.2em 1px 1em 1px;
}
.description_board
{
	margin: 1em 1px 0 1px;
}


/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress
{
	background: url(../images/theme/loadingbar.png) repeat-x;
	color: #f96f00;
	text-align: center;
	font-size: 16pt;
	padding: 8px;
	width: 100%;
	height: 66px;
	line-height: 25px;
	position: fixed;
	top: 0;
	left: 0;
}

#ajax_in_progress a
{
	color: orange;
	text-decoration: underline;
	font-size: smaller;
	float: right;
	margin-right: 20px;
}

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings
{
	clear: right;
	overflow: auto;
	margin: 0 0 10px 0;
	padding: 0;
}
dl.settings dt
{
	width: 40%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}
dl.settings dt.settings_title
{
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	clear: both;
}
dl.settings dt.windowbg
{
	width: 98%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0 0 5px 0;
	clear: both;
}
dl.settings dd
{
	width: 56%;
	float: right;
	overflow: auto;
	margin: 0 0 3px 0;
	padding: 0;
}
dl.settings img
{
	margin: 0 10px 0 0;
}
/* help icons */
dl.settings dt a img
{
	position: relative;
	top: 2px;
}
@media (max-width: 767px) {
	dl.settings dt, dl.settings dd
	{
		width: 100%;
	}
}
/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
	overflow: hidden;
	height: 38px;
	line-height: 38px;
	font-size: 1em;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
	color: #fff;
}
h3.catbg2 a, h3.catbg2
{
	/* color: #feb; */
    /* LUKE - CHANGED THIS TO BRIGHTER YELLOW. USED IN BLOCK HEADERS */ 
	color: #FFFF00;
}
h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
{
	color: #fd9;
	text-decoration: none;
}
h3.catbg2 a:hover
{
	color: #fff;
	text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
	color: #fff;
}
h3.titlebg a:hover, h4.titlebg a:hover
{
	color: #fff;
	text-decoration: none;
}
h3.catbg img.icon, h4.titlebg img.icon
{
	vertical-align: middle;
	margin: -2px 5px 0 0;
}
h4.catbg a.toggle img
{
	vertical-align: middle;
	margin: -2px 5px 0 5px;
}
h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
	/* Changed from #1d212a too dark of grey */
/*	background: #454F65;	dark grey */
	background: #39085A;	/* purple */
	padding-right: 9px;
	font-weight: bold;
}
h4.titlebg, h3.titlebg
{
	/* CHANGED from #e25d5d pink to our grey */
	background: #454F65;
	padding-right: 9px;
}
h4.titlebg img.icon
{
	float: left;
	margin: 10px 8px 0 0;
}
div.cat_bar
{
	/* Changed from #1d212a too dark of grey */
/*	background: #454F65;  dark grey*/
	background: #39085A;	/* purple */
	padding-left: 9px;
	height: 38px;
	overflow: hidden;
	margin-bottom: 1px;
	border-radius: 4px 4px 0 0;
}
div.title_bar
{
	/* CHANGED from #e25d5d pink to our grey */
	background: #454F65;
	padding-left: 9px;
	height: 38px;
	overflow: hidden;
	margin-bottom: 1px;
	border-radius: 4px;
}

/* rounded bars needs a different background here */
div#IC div.cat_bar
{
	/* CHANGED from #e25d5d pink to purple */
	background: #39085A;
	margin-bottom: 0;
}
div#IC div.cat_bar h3.catbg
{
	/* CHANGED from #e25d5d pink to purple */
	background: #39085A;
}
div.title_barIC
{
	background: #F5F5F5;
	padding-left: 9px;
	height: 38px;
	overflow: hidden;
	margin-bottom: 1px;
	border: 1px solid #CCC;
	border-top: none;
}
div.title_barIC h4.titlebg
{
	background: #F5F5F5;
	color: #333;
}
.icbg
{
	background: #FFF;
	padding: 5px;
	border: 1px solid #CCC;
	border-top: none;
}
#upshrinkHeaderIC p.pminfo
{
	margin: 0;
	padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
	float: right;
	margin: 12px 5px 0 0;
}
table.table_list a.unreadlink, table.table_list a.collapse
{
	float: right;
}
table.table_list a.collapse
{
	margin: 0 5px 0 1em;
	height: 38px;
	line-height: 38px;
	display: block; 
	visibility: visible;
}

/* The half-round header bars for some tables. */
tr.catbg th.first_th,tr.titlebg th.first_th
{	/* changed from #e25d5d (pink) to dark purple */
/*	background: #330055; */
	background: #39085A;
	border-radius: 4px 0 0 0;
}
tr.catbg th.last_th, tr.titlebg th.last_th
{	/* changed from #e25d5d (pink) to dark purple */
/*	background: #330055; */
	background: #39085A;
	border-radius: 0 4px 0 0;
}
.table_grid th.last_th input
{
	margin: 0 2px;
}

/* GenericList */
.additional_row
{
	padding: 0.5em 0 0.5em 0;
}

/* table_grid styles for Profile > Show Permissions. */
#permissions table.table_grid  td
{
	padding: 0.4em 0.8em;
	cursor: default;
} 


/*--------------------------------------------------------------------------------->> */
/* LUKE - HERE IS HOW YOU CAN ADD A NEW titlebg (title background) - used in blocks   */
/* You still have to select a title class such as titlebg. This will just get added   */
/* to it. Only add the css you need to change the look you want, which in my case is  */
/* mostly just background color and perhaps font color                                */
/* EDIT - But sadly this doesn't work because you still have a div above titlebg that needs
 * a new background and although we can edit it here in CSS we can't in the Admin menu tell it
 * to use a different div.cat_bar
 * SO FORGET IT - Just edit the existing title CSSs - 
 * catbg, catbg2, catbg3 - all have purple backgrounds, and different text fonts (2 & 3 don't look good and need adjusting if you want to use them)
 * titlebg, titlebg2 - both have grey backgrounds, and different texts (2 needs fixing if you want to use it)
 * OR, you could try changing the background of titlebg from grey to something else, and hope it's not used anywhere. 
/*--------------------------------------------------------------------------------->> */
/*
div.cat_bar titlebg.yellow, 
titlebg.yellow
{
    background: #FEBA2C;     Yellow 
}
h3.titlebg yellow, h3.titlebg.yellow a, 
h4.titlebg yellow, h4.titlebg.yellow a
{
	color: #fff;
}
h3.titlebg.yellow a:hover, 
h4.titlebg.yellow a:hover
{
	color: #fff;
	text-decoration: none;
}
h3.titlebg.yellow,
h4.titlebg.yellow 
{
	background: #FEBA2C;    Yellow 
}
*/
/*
tr.titlebg.yellow th.first_th
{	/* changed from #e25d5d (pink) to dark purple */
/*	background: #330055; */
/*
	background: #39085A;
	border-radius: 4px 0 0 0;
}
tr.titlebg.yellow th.last_th
{	/* changed from #e25d5d (pink) to dark purple */
/*	background: #330055; */
/*
	background: #39085A;
	border-radius: 0 4px 0 0;
}
*/
/*--------------------------------------------------------------------------------->> */
/* LUKE - END NEW titlebg                                                             */
/*--------------------------------------------------------------------------------->> */


/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice
{
	display: block;
	padding-left: 20px;
	background: #FFF;
	border-radius: 4px 4px 0 0;
}
.windowbg span.topslice span
{
	display: block;
	background: #FFF;
	height: 11px;
	border-radius: 4px 4px 0 0;
}
.windowbg span.botslice
{
	display: block;
	padding-left: 20px;
	background: #FFF;
	font-size: 5px;
	line-height: 5px;
	margin-bottom: 0.2em;
	border-radius: 0 0 4px 4px;
}
.windowbg span.botslice span
{
	display: block;
	background: #FFF;
	height: 11px;
	border-radius: 0 0 4px 4px;
}
.windowbg2 span.topslice
{
	display: block;
	padding-left: 20px;
	background: #FFF;
	border-radius: 4px 4px 0 0;
}
.windowbg2 span.topslice span
{
	display: block;
	background: #FFF;
	height: 11px;
	border-radius: 4px 4px 0 0;
}
.windowbg2 span.botslice
{
	display: block;
	padding-left: 20px;
	background: #FFF;
	font-size: 5px;
	line-height: 5px;
	margin-bottom: 0.2em;
	border-radius: 0 0 4px 4px;
}
.windowbg2 span.botslice span
{
	display: block;
	background: #FFF;
	height: 11px;
	border-radius: 0 0 4px 4px;
}
.approvebg span.topslice
{
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 0 no-repeat;
}
.approvebg span.topslice span
{
	display: block;
	background: url(../images/theme/main_block.png) 100% 0 no-repeat;
	height: 11px;
}
.approvebg span.botslice
{
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 -11px no-repeat;
	margin-bottom: 0.2em;
}
.approvebg span.botslice span
{
	display: block;
	background: url(../images/theme/main_block.png) 100% -11px no-repeat;
	height: 11px;
}
.postbg
{
	border-left: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
	padding: 0 10px;
	background: #f5f5f5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}
.roundframe dl, .roundframe dt, .roundframe p
{
	margin: 0;
}
.roundframe p
{
	padding: 0.5em;
}
span.upperframe
{
	padding: 0;
	display: block;
	background: #f5f5f5;
	border: 1px solid #c5c5c5;
	border-bottom: none;
	padding-left: 20px;
	border-radius: 4px 4px 0 0;
	margin-top: 0.1em;
}
span.upperframe span
{
	padding: 0;
	height: 12px;
	display: block;
	background: #f5f5f5;
	border-radius: 4px 4px 0 0;
}
span.lowerframe
{
	padding: 0;
	display: block;
	background: #f5f5f5;
	border: 1px solid #c5c5c5;
	border-top: none;
	padding-left: 20px;
	border-radius: 0 0 4px 4px;
	margin-bottom: 0.2em;
}
span.lowerframe span
{
	padding: 0;
	height: 12px;
	display: block;
	background: #f5f5f5;
	border-radius: 0 0 4px 4px;
}

/* The main content area.
------------------------------------------------------- */
.content
{
	padding: 0.5em 1.2em;
	margin: 0;
	border: none;
}
.content p
{
	margin: 0 0 0.5em 0;
}

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div
{
	border: 1px solid #000;
	position: absolute;
	visibility: hidden;
}
.auto_suggest_item
{
	background-color: #ddd;
}
.auto_suggest_item_hover
{
	background-color: #888;
	cursor: pointer;
	color: #eee;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
	padding: 0 0.5em;
	float: left;
	margin: 0;
	width: auto;
}

.dropmenu, .dropmenu ul
{
	list-style: none;
	line-height: 1em;
	padding: 0;
	margin: 0;
}
.dropmenu
{
	padding: 0;
}
.dropmenu a
{
	display: block;
    color: #252525;
    padding: 4px;
	text-decoration: none;
}
.dropmenu a span
{
	display: block;
	padding: 0;
	font-size: 9pt;
    font-weight: 600;
	font-family: "Segoe UI";
	transition: color .35s ease-in-out;
   -moz-transition: color .35s ease-in-out;
   -webkit-transition: color .35s ease-in-out;
}
/* the background's first level only */
.dropmenu li a.firstlevel
{
	margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
	display: block;
	position: relative;
	height: 22px;
	line-height: 19px;
	white-space: pre;
}
.dropmenu li
{
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}
.dropmenu li ul
{
	z-index: 90;
	display: none;
	position: absolute;
	width: 19.2em;
	font-weight: normal;
	padding: 5px 0;
    -webkit-transition: display .25s ease .1s;
    -moz-transition: display .25s ease .1s;
    transition: display .25s ease .1s;
}
.dropmenu li li
{
	width: 19em;
	padding: 3px;
	margin: 0;
    background: #171717;
}
.dropmenu li li:first-child:last-child
{
	border-radius: 5px;
}
.dropmenu li li:first-child
{
	border-radius: 5px 5px 0 0;
}
.dropmenu li li:last-child
{
	border-radius: 0 0 5px 5px;
}
.dropmenu li li a 
{
	color: #FFF;
    padding: 4px 2px;
	border-radius: 3px;
}
.dropmenu li li a span
{
	display: block;
	padding: 3px;
	font-weight: 400;
	transition: none;
   -moz-transition: none;
   -webkit-transition: none;
}
.dropmenu li ul ul
{
	margin: -1.8em 0 0 13em;
}
.dropmenu li li a span img
{
	margin-bottom: -2px;
}

/* the active button */
.dropmenu li a.active
{
    color: #FFF;
	background: #e25d5d;
	border-radius: 3px;
}
.dropmenu li a.active:hover, .dropmenu li:hover a.active
{
    color: #FFF !important;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
    color: #e25d5d;
	cursor: pointer;
	text-decoration: none;
}
/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a
{
	background: #e25d5d;
	text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
	top: -999em;
}
.dropmenu li li:hover ul
{
	top: auto;
}
.dropmenu li:hover ul
{
	display: block;
}
/* The dropdown menu toggle image */
#menu_toggle
{
	float: right;
	margin-right: 10px;
	padding-top: 3px;
}
#menu_toggle span
{
	position: relative;
	right: 5000px;
}

/* Styles for the standard button lists.
------------------------------------------------------- */
.buttonlist .nav
{
	padding: 0;
	margin: 0;
}
.buttonlist li a
{
	/* changed from very dark grey 1d212a  to lighter grey */
	background: #454F65;
	color: #FFF;
	border-radius: 0 0 0 0;
}
.buttonlist li:first-child a
{
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.buttonlist li:last-child a
{
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.buttonlist li a.active
{	/* CHANGED FROM #e25d5d */
	background: #330055;
}
.buttonlist .nav-pills  li + li
{
	margin-left: 0;
}
.align_top ul li a, .align_bottom ul li a
{
	margin: 0 12px 0 0;
}

/* the navigation list */
ul#navigation
{
	margin: 0;
	font-size: 0.9em;
	padding: 1em 0.4em;
}
ul#navigation li
{
	float: none;
	font-size: 0.95em;
	display: inline;
}

#adm_submenus
{
	padding-left: 2em;
	overflow: hidden;
}

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the content section */
#content_section
{
	padding: 20px 0;
}
#main_content_section
{
	width: 100%;
	min-height: 200px;
}

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
	line-height: 45px;
	font-size: 1.8em;
	font-family: Geneva, verdana, sans-serif;
	margin: 0;
	padding: 0;
	float: left;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
	margin: 0;
	padding: 0;
	float: right;
	line-height: 3em;
}
h3, h4
{
	padding-bottom: 3px;
}
/* the upshrink image needs some tweaking */
img#upshrink
{
	float: right;
	margin: 1em;
	display: block;
}
/* ..so does the SMF logo */
img#smflogo
{
	margin-left: 1em;
}
/* the upper_section, float the two each way */
#upper_section
{
	padding: 5px;
	margin-bottom: 1.5em;
}
#upper_section ul li.greeting
{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
}
#upper_section div.news
{
	width: 50%;
	float: right;
	text-align: right;
}
#guest_form
{
	overflow: hidden;
}
#guest_form .info
{
	padding: 4px 0 ;
	line-height: 1.3em;
}
div#upper_section div.user
{
	width: 50%;
	float: left;
	overflow: auto;
}
div#upper_section div.user p
{
	float: left;
	margin: 0 1em 1em 0;
	padding: 0;
}
div#upper_section div.user ul
{
	margin: 0;
	padding-left: 10px;
}
div#upper_section div.user ul li
{
	margin-bottom: 2px;
}
div#upper_section div.news p
{
	display: inline;
}
div#upper_section div.news form
{
	padding-bottom: 10px;
}
/* clearing the floats */
#top_section
{
	min-height: 65px;
	overflow: hidden;
	margin-bottom: 3px;
}
#upper_section
{
	overflow: hidden;
}

/* The navigation list (i.e. linktree) */
.navigate_section
{
	padding: 0.5em;
	margin: 0 0 0 0;
}
.navigate_section ul
{
	display: block;
	margin: 0;
	font-size: 0.9em;
	padding: 1em 0 0.5em 0;
	border-top: 1px solid #ccc;
	overflow: hidden;
	list-style: none;
	clear: both;
	width: 100%;
}
.navigate_section ul li
{
	float: left;
	padding: 0 0.5em 0 0;
	font-size: 0.95em;
}
.navigate_section ul li a
{
	white-space: pre;
}

select.qaction, input.qaction
{
	font-size: 0.85em;
	padding: 0;
}
#mlist table tbody td.windowbg2
{
	text-align: center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
	width: 100%;
}
table.table_list p
{
	padding: 0;
	margin: 0;
}
table.table_list td, table.table_list th
{
	padding: 5px;
}
table.table_list tbody.header td
{
	padding: 0;
}
table.table_list tbody.content td.stats
{
	font-size: 90%;
	width: 15%;
	text-align: center;
}
table.table_list tbody.content td.lastpost
{
	line-height: 1.3em;
	font-size: 85%;
	width: 24%;
}
table.table_list tbody.content td.icon
{
	text-align: center;
	width: 8%;
}

/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.table_list tbody.content td.info a.subject
{
	font-weight: 600;
	font-size: 110%;
	/* CHANGED FROM #333 */
	color: #330055;	
}
.table_list tbody.content td.children
{
	color: #555;
	font-size: 85%;
}
p.moderators
{
	font-size: 0.8em;
	font-family: verdana, sans-serif;
}
/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot
{
	display: none;
}

/* the posting icons */
#posting_icons
{
	padding: 0 1em 0.5em 1em;
	margin: 0 0 1em 0;
	line-height: 1em;
}
#posting_icons ul
{
	font-size: 0.8em;
}
#posting_icons img
{
	vertical-align: middle;
	margin: 0 0 0 4ex;
}
#postbuttons_upper ul li a span
{
	line-height: 19px;
	padding: 0 0 0 6px;
}
.nextlinks
{
	text-align: right;
	margin-top: -1px;
}
.nextlinks_bottom
{
	clear: right;
	text-align: right;
}

/* the newsfader */
#newsfader
{
	margin: 0 2px;
}
#smfFadeScroller
{
	text-align: center;
	padding: 0 2em;
	overflow: auto;
	margin: 1em 0;
	color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
}

/* Styles for the info center on the board index.
---------------------------------------------------- */
dl#ic_recentposts
{
	margin: 0;
	padding: 0.5em;
	line-height: 1.3em;
}
dl#ic_recentposts dt
{
	float: left;
}
dl#ic_recentposts dd
{
	text-align: right;
}
#upshrinkHeaderIC p
{
	margin: 0;
	padding: 0.5em;
}
#upshrinkHeaderIC p.last
{
	margin: 0;
	padding: 0.5em;
	border-top: 2px dotted #bbb;
}
#upshrinkHeaderIC p.inline
{
	border: none;
	margin: 0;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats
{
	font-size: 1.1em;
	padding-top: 8px;
}
form#ic_login
{
	padding: 0.5em;
	height: 2em;
}
form#ic_login ul li
{
	margin: 0;
	padding: 0;
	float: left;
	width: 20%;
	text-align: center;
}
form#ic_login ul li label
{
	display: block;
}

/* the small stats */
#index_common_stats
{
	display: block;
	margin: 0 0 0.5em 0;
	text-align: right;
	font-size: 0.9em;
	position: relative;
	top: -20px;
	line-height: 1px;
}

img.new_posts
{
	padding: 0 0.1em;
}
/* Styles for the message (topic) index.
---------------------------------------------------- */
div.table_frame .table_list
{
	border-collapse: collapse;
	margin:0;
}
#messageindex
{
	clear: both;
}
/* the page navigation area */
.childboards
{
	margin-bottom: 0.2em;
}
#childboards h3
{
	padding-bottom: 0;
}
#childboards .table_list thead
{
	display: none;
}
#childboards .table_list
{
	margin-bottom: 1em;
}
.lastpost img
{
	float: right;
	padding: 4px;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */

#postbuttons div.buttons
{
	padding: 0.5em;
	width: 40%;
	float: right;
}
#postbuttons div.middletext
{
	width: 60%;
}
#postbuttons span
{
	display: block;
	text-align: right;
}
#postbuttons span.lower
{
	clear: right;
}
#postbuttons .buttonlist
{
	float: right;
}
#postbuttons #pagelinks
{
	padding-top: 1em;
}
#moderationbuttons
{
	overflow: hidden;
}
/* Events */
.linked_events
{
	padding: 1em 0;
}
.edit_event
{
	margin: 0 1em;
	vertical-align: middle;
}
/* Poll question */
#poll
{
	overflow: hidden;
}
#poll .content
{
	padding: 0 1em;
}
h4#pollquestion
{
	padding: 0 0 0.5em 2em;
}

/* Poll vote options */
#poll_options ul.options
{
	border-top: 1px solid #9999aa;
	padding: 1em 2.5em 0 2em;
	margin: 0 0 1em 0;
}
#poll_options div.submitbutton
{
	border-bottom: 1px solid #9999aa;
	clear: both;
	padding: 0 0 1em 2em;
	margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options
{
	border: solid #9999aa;
	border-width: 1px 0;
	padding: 1em 2.5em 1em 2em;
	margin: 0 1em 1em 0;
	line-height: 1.1em !important;
}

#poll_options dl.options dt
{
	padding: 0.3em 0;
	width: 30%;
	float: left;
	margin: 0;
	clear: left;
}

#poll_options dl.options .voted
{
	font-weight: bold;
}

#poll_options dl.options dd
{
	margin: 0 0 0 2em;
	padding: 0.1em 0 0 0;
	width: 60%;
	max-width: 450px;
	float: left;
}

#poll_options dl.options .percentage
{
	display: block;
	float: right;
	padding: 0.2em 0 0.3em 0;
}

/* Poll notices */
#poll_options p
{
	margin: 0 1.5em 0.2em 1.5em;
	padding: 0 0.5em 0.5em 0.5em;
}

div#pollmoderation
{
	margin: 0;
	padding: 0;
	overflow: auto;
}

/* onto the posts */
#forumposts
{
	clear: both;
}
#forumposts .cat_bar
{
	margin: 0 0 2px 0;
}
/* author and topic information */
#forumposts h3 span#author
{
	margin: 0 7.7em 0 0;
}
#forumposts h3 img
{
	float: left;
	margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg
{
	margin-bottom: 3px;
}
p#whoisviewing
{
	margin: 0;
	padding: 0.5em;
}
/* poster and postarea + moderation area underneath */
.moderatorbar
{
	clear: right;
}
.body_message
{
	padding: 20px 0;
	overflow: hidden;
}
.body_content
{
	background: #FFF;
	border-radius: 4px;
	padding: 20px;
}
@media (min-width: 992px) {
	.body_content
	{
		margin-left: 35px;
	}
	.body_content span.arrow-left
	{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 25px 35px 25px 0;
		border-color: transparent #ffffff transparent transparent;
		position: absolute;
		left: 16px;
	}
}
/* poster details and list of items */
.poster
{
	margin-bottom: 10px;
	text-align: center;
}
.poster h4, .poster ul
{
	padding: 0;
	margin: 0;
}
.poster h4
{
	margin: 0;
	font-size: 12px;
	width: auto;
	padding: 4px;
	border-radius: 4px 4px 0 0;
	/* CHANGED FROM #e25d5d pink */
	background: #39085A;
	text-align: center;
}
.poster h4, .poster h4 a
{
	color: #FFF;
}
.poster ul
{
	border-radius: 0 0 4px 4px;
}
.poster ul li
{
	background: #FFF;
	padding: 5px 0;
	text-align: center;
}
/* ===================================================================================
 * LUKE EDIT
 * This css controls the little bit of information about the author of a post in which
 * I presently have the location displayed. Needed a bit of extra padding (from 0)
 * on the bottom
 * ===================================================================================
 */
.poster ul li:last-child
{
	border-radius: 0 0 4px 4px;
    padding: 0 0 5px 0; 
/*	padding: 0; */
}
.poster ul li:last-child, .poster ul li:last-child ul
{
	border-radius: 0 0 4px 4px;
}
.poster ul ul
{
	margin: 0;
	padding: 5px 0;
	border: none;
	border-radius: 0 0 0 0;
	background: #3a3a3a;
}
.poster ul ul li
{
	display: inline;
	background: none;
}
.poster li.membergroup
{
	padding: 15px 10px;
}
.poster li.membergroup > span
{
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 11px;
    font-weight: bold;
    opacity: 0.8;
    padding: 8px 15px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}
.poster li.postcount
{
	font-size: 1.6em; 
	border-top: 1px solid rgba(51,51,51,0.1);
	border-bottom: 1px solid rgba(51,51,51,0.1);
}
.poster li.karma
{
	font-size: 1.6em; 
	border-bottom: 1px solid rgba(51,51,51,0.1);
}
.poster li.title
{
	border-bottom: 1px solid rgba(51,51,51,0.1);
}
.poster img.img-circle
{
	margin-bottom: 10px;
	min-width: 64px;
}
@media (max-width:991px) {
	.poster img.img-circle
	{
		max-width: 35%;
	}
}
.poster li.warning
{
	line-height: 1.2em;
	padding-top: 1em;
}
.poster li.warning a img
{
	vertical-align: bottom;
	padding: 0 0.2em;
}
.messageicon
{
	float: left;
	margin: 0 0.5em 0 0;
}
.messageicon img
{
	padding: 6px 3px;
}
div.postarea .btn-group, div.postarea .btn-group-vertical
{
	margin: 0;
}
/* =======================================================================
 * LUKE EDIT
 * See also DisplayTemplate.php
 * I am using modify button not only for the modify button at the bottom right
 * of posts, but also for a new button I put there for quoting. I've changed the
 * right-margin to 10px instead of 20 as it was. EDIT: Actually that screws up
 * other things, you need the 20 to align the button and the Actions drop-down 
 * as well.
 */
.modifybutton
{
	clear: right;
	float: right;
	margin: 6px 20px 10px 0;
	text-align: right;
	font: bold 0.85em arial, sans-serif;
	color: #334466;	
}

/* =======================================================================
 * LUKE EDIT
 * When you shrink the page narrowly enough, such as is
 * the case on mobile browsers (specifically it is less than 991px wide), the 
 * user's information that goes to the left of their post is supposed to move above the post,
 * but what happens is that their avatar moves above it but their other information, 
 * most crucially their username, disappears. This is due to the "display: none;" 
 * for .poster h4 and .poster ul. The h4 is where the name appears, the ul shows 
 * other stuff like their post count, email, location, etc... 
 * Anyway I've removed the display none from the h4, though I've left it for the ul
 * because it's fine if that gets hidden, you can always tap on their name or avatar
 * to go to their profile where you can access that other stuff. 
 *
 * Strangely this is the same code I see in my default Redsy theme folder, but it looks as if I
 * had 2.09 and it has since been updated to 2.0.19 where he fixed that himself. 
 *
 * One more change I've made is also copied from his newer css, that is to add border-radius: 4px;
 * to h4 when we shrink. Normally it is 4px 4px 0 0 which means the top left and top right corners are
 * radiused, but not the two bottom corners. This means it stacks very nicely with the ul in normal
 * wide screen mode. But when we shrink it hovers above the post and there is nothing to stack underneath it,
 * so this looks better. 
 *
 * By the way, as a reminder, Redsy (on which your OP theme is based) is a single, responsive theme. 
 * There is not a second theme specifically for mobile. The one theme responds to changing screen widths automatically. 
 *
 * NOTE: At first it seemed these changes somehow did not work on your phone, but they did work on your desktop when you
 * shrink the page. The issue is caching, and you had to clear it in both Chrome and Safari on your phone for the changes to 
 * show (not sufficient to simply reload the page). 
 */
  @media (max-width: 991px) {
	.poster h4 /* We don't want to hide their name, but we do temporarily change the border radius */
	{
		border-radius: 4px;
	}
	.poster ul /* This hides the post count, pm/email links, and location when we are in narrow mode */
	{
		display: none; 
	}	
	.buttonlist li span
	{
		display: none;
	}
}
 /* Original css: 
 
 @media (max-width: 991px) {
	.poster h4, .poster ul
	{
		display: none;
	}
	.buttonlist li span
	{
		display: none;
	}
}
*/ 

/* The quick buttons */
div.quickbuttons_wrap
{
	padding: 0.2em 0;
	width: 100%;
	float: left;
}

ul.quickbuttons
{
	margin: 0.9em 11px 0 0;
	clear: right;
	float: right;
	text-align: right;
	font: bold 0.85em arial, sans-serif;
}
ul.quickbuttons li
{
	float: left;
	display: inline;
	margin: 0 0 0 11px;
}
ul.quickbuttons li a
{
	padding: 0 0 0 20px;
	display: block;
	height: 20px;
	line-height: 18px;
	float: left;
}
ul.quickbuttons a:hover
{
	color: #a70;
}
ul.quickbuttons li.quote_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
}
ul.quickbuttons li.remove_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
}
ul.quickbuttons li.modify_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
}
ul.quickbuttons li.approve_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li.restore_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li.split_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
}
ul.quickbuttons li.reply_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.reply_all_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.notify_button
{
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
}
ul.quickbuttons li.inline_mod_check
{
	margin: 0 0 0 5px;
}

.post
{
	margin-top: 0.5em;
	clear: right;
}
.inner
{
	padding: 1em 1em 2px 0;
	margin: 0 1em 0 0;
	border-top: 1px solid #99a;
}
img.smiley
{
	vertical-align: bottom;
}
#forumposts .modified
{
	float: left;
}
#forumposts .reportlinks
{
	margin-right: 1.5em;
	text-align: right;
	clear: right;
}
#forumposts .signature, .post .signature
{
	margin: 1em 0 0 0;
}
#forumposts span.botslice
{
	clear: both;
}
.attachments hr
{
	clear: both;
	margin: 1em 0 1em 0;
}
.attachments
{
	padding: 1em 0 2em 0;
}
.attachments div
{
	padding: 0 0.5em;
}

/* Styles for the quick reply area.
---------------------------------------------------- */

#quickreplybox
{
	padding-bottom: 1px;
}
#quickReplyOptions .roundframe
{
	padding: 0 10%;
}
#quickReplyOptions form textarea
{
	height: 100px;
	width: 635px;
	max-width: 100%;
	min-width: 100%;
	margin: 0.25em 0 1em 0;
}
/* The jump to box */
#display_jump_to
{
	clear: both;
	padding: 5px;
	margin-top: 6px;
	text-align: right;
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator
{
	display: none;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe
{
	padding: 0 12%;
}
#post_header, .postbox
{
	padding: 0.5em;
	overflow: hidden;
}
#post_header dt, .postbox dt
{
	float: left;
	padding: 0;
	width: 15%;
	margin: .5em 0 0 0;
	font-weight: bold;
}
#post_header dd, .postbox dd
{
	float: left;
	padding: 0;
	width: 83%;
	margin: .3em 0;
}
#post_header img
{
	vertical-align: middle;
}
ul.post_options
{
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
ul.post_options li
{
	margin: 0.2em 0;
	width: 49%;
	float: left;
}
#postAdditionalOptionsHeader
{
	margin-top: 1em;
}
#postMoreOptions
{
	border-bottom: 1px solid #cacdd3;
	padding: 0.5em;
}
#postAttachment, #postAttachment2
{
	overflow: hidden;
	margin: .5em 0;
	padding: 0;
	border-bottom: 1px solid #cacdd3;
	padding: 0.5em;
}
#postAttachment dd, #postAttachment2 dd
{
	margin: .3em 0 .3em 1em;
}
#postAttachment dt, #postAttachment2 dt
{
	font-weight: bold;
}
#postAttachment3
{
	margin-left: 1em;
}
#post_confirm_strip, #shortcuts
{
	padding: 1em 0 0 0;
}
.post_verification
{
	margin-top: .5em;
}
.post_verification #verification_control
{
	margin: .3em 0 .3em 1em;
}
/* The BBC buttons */
#bbcBox_message
{
	margin: 0.75em 0.5em;
}
#bbcBox_message div
{
	margin: 0.2em 0;
	vertical-align: top;
}
#bbcBox_message div img
{
	margin: 0 1px 0 0;
	vertical-align: top;
}
#bbcBox_message select
{
	margin: 0 2px;
}
/* The smiley strip */
#smileyBox_message
{
	margin: 0.5em;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe
{
	padding: 0 12%;
}
#post_event fieldset
{
	padding: 0.5em;
	clear: both;
}
#post_event #event_main input
{
	margin: 0 0 1em 0;
	float: left;
}
#post_event #event_main div.smalltext
{
	width: 33em;
	float: right;
}
#post_event div.event_options
{
	float: right;
}
#post_event ul.event_main, ul.event_options
{
	padding: 0;
	overflow: hidden;
}
#post_event ul.event_main li
{
	list-style-type: none;
	margin: 0.2em 0;
	width: 49%;
	float: left;
}
#post_event ul.event_options
{
	margin: 0;
	padding: 0 0 .7em .7em;
}
#post_event ul.event_options li
{
	list-style-type: none;
	margin: 0;
	float: left;
}
#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
{
	margin: 0 1em 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */

#edit_poll
{
	overflow: hidden;
}
#edit_poll fieldset
{
	padding: 0.5em;
	clear: both;
	overflow: hidden;
}
#edit_poll fieldset input
{
	margin-left: 8.1em;
}
#edit_poll ul.poll_main li
{
	padding-left: 1em;
}
#edit_poll ul.poll_main input
{
	margin-left: 1em;
}
#edit_poll ul.poll_main, dl.poll_options
{
	overflow: hidden;
	padding: 0 0 .7em .7em;
	list-style: none;
}
#edit_poll ul.poll_main li
{
	margin: 0.2em 0;
}
#edit_poll dl.poll_options dt
{
	width: 33%;
	padding: 0 0 0 1em;
}
#edit_poll dl.poll_options dd
{
	width: 65%;
}
#edit_poll dl.poll_options dd input
{
	margin-left: 0; 
}

/* Styles for the recent messages section.
---------------------------------------------------- */

#readbuttons_top .pagelinks, #readbuttons .pagelinks
{
	padding-bottom: 1em;
	width: 60%;
}
#readbuttons .pagelinks
{
	padding-top: 1em;
}
#recent
{
	clear: both;
}

/* Styles for the move topic section.
---------------------------------------------------- */

#move_topic dl
{
	margin-bottom: 0;
}
#move_topic dl.settings dt
{
	width: 40%;
}
#move_topic dl.settings dd
{
	width: 59%;
}
.move_topic
{
	width: 710px;
	margin: auto;
	text-align: left;
}
div.move_topic fieldset
{
	padding: 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */

fieldset.send_topic
{
	border: none;
	padding: 0.5em;
}
dl.send_topic
{
	margin-bottom: 0;
}
dl.send_mail dt
{
	width: 35%;
}
dl.send_mail dd
{
	width: 64%;
}

/* Styles for the report topic section.
---------------------------------------------------- */

#report_topic dl
{
	margin-bottom: 0;
}
#report_topic dl.settings dt
{
	width: 20%;
}
#report_topic dl.settings dd
{
	width: 79%;
}

/* Styles for the split topic section.
---------------------------------------------------- */

div#selected, div#not_selected
{
	width: 49%;
}
ul.split_messages li.windowbg, ul.split_messages li.windowbg2
{
	margin: 1px;
}
ul.split_messages li a.split_icon
{
	padding: 0 0.5em;
}
ul.split_messages div.post
{
	padding: 1em 0 0 0;
	border-top: 1px solid #fff;
}

/* Styles for the merge topic section.
---------------------------------------------------- */
ul.merge_topics li
{
	list-style-type: none;
}
dl.merge_topic dt
{
	width: 25%;
}
dl.merge_topic dd
{
	width: 74%;
}
fieldset.merge_options
{
	clear: both;
}
.custom_subject
{
	margin: 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login
{
	width: 50%;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.login
	{
		width: 100%;
	}
}
.login dl
{
	overflow: auto;
	clear: right;
}
.login dt, .login dd
{
	margin: 0 0 0.4em 0;
	width: 44%;
	padding: 0.1em;
}
.login dt
{
	float: left;
	clear: both;
	text-align: right;
	font-weight: bold;
}
.login dd
{
	width: 54%;
	float: right;
	text-align: left;
}
.login p
{
	text-align: center;
}

/* Styles for the registration section.
------------------------------------------------------- */
.register_error
{
	border: 1px dashed red;
	padding: 5px;
	margin: 0 1ex 1ex 1ex;
}
.register_error span
{
	text-decoration: underline;
}

/* Additional profile fields */
dl.register_form
{
	margin: 0;
	clear: right;
}

dl.register_form dt
{
	font-weight: normal;
	float: left;
	clear: both;
	width: 50%;
	margin: 0.5em 0 0 0;
}

dl.register_form dt strong
{
	font-weight: bold;
}

dl.register_form dt span
{
	display: block;
}

dl.register_form dd
{
	float: left;
	width: 49%;
	margin: 0.5em 0 0 0;
}

#confirm_buttons
{
	text-align: center;
	padding: 1em 0;
}

.coppa_contact
{
	padding: 4px;
	width: 32ex;
	background-color: #fff;
	color: #000;
	margin-left: 5ex;
	border: 1px solid #000;
}

.valid_input
{
	background-color: #f5fff0;
}
.invalid_input
{
	background-color: #fff0f0;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode
{
	width: 75%;
	min-width: 520px;
	text-align: left;
}
#maintenance_mode img.floatleft
{
	margin-right: 1em;
}

/* common for all admin sections */
h3.titlebg img
{
	vertical-align: middle;
	margin-right: 0.5em;
	margin-top: -1px;
}
tr.titlebg td
{
	padding-left: 0.7em;
}
#admin_menu
{
	min-height: 2em;
	padding-left: 0;
}
#admin_content
{
	clear: left;
	padding-top: 0.5em;
}
/* Custom profile fields like to play with us some times. */
#admin_content .custom_field
{
	margin-bottom: 15px;
}
#admin_login .centertext
{
	padding: 1em;
}
#admin_login .centertext .error
{
	padding: 0 0 1em 0;
}

/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu, .left_admmenu ul, .left_admmenu li
{
	padding: 0;
	margin: 0;
	list-style: none;
}
#left_admsection
{
	width: 160px;
	float: left;
	padding-right: 10px;
}
.adm_section h4.titlebg
{
	font-size: 95%;
	margin-bottom: 5px;
}
#main_container
{
	position: relative;
}
.left_admmenu li
{
	padding: 0 0 0 0.5em;
}
.left_admmenu
{
	margin-bottom: 0.5em;
}
#main_admsection
{
	position: relative;
	left: 0;
	right: 0;
	overflow: hidden;
}

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
{
	padding: 0.3em 0.7em;
}
#credits p
{
	padding: 0;
	font-style: italic;
	margin: 0;
}

/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table
{
	width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats
{
	text-align: center;
}
#topic_icons
{
	margin: 1em 0 0 0;
}
#topic_icons .description
{
	margin: 0;
}
.topic_table table thead
{
	border-bottom: 1px solid #fff;
}
/* the subject column */
.topic_table td
{
	font-size: 1em;
}
.topic_table td.subject p, .topic_table td.stats
{
	font-size: 0.85em;
	padding: 0;
	margin: 0;
}
.topic_table td.lastpost
{
	font-size: 0.85em;
	line-height: 1.3em;
	padding: 4px;
}
.topic_table td.stickybg2
{
	background-image: url(../images/icons/quick_sticky.gif);
	background-repeat: no-repeat;
	background-position: 98% 4px;
}
.topic_table td.lockedbg2
{
	background-image: url(../images/icons/quick_lock.gif);
	background-repeat: no-repeat;
	background-position: 98% 4px;
}
.topic_table td.locked_sticky2
{
	background-image: url(../images/icons/quick_sticky_lock.gif);
	background-repeat: no-repeat;
	background-position: 98% 4px;
}
.topic_table td.lastpost
{
	background-image: none;
}

/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error
{
	width: 80%;
	margin: auto;
}

.errorbox
{
	padding: 1em;
	border: 1px solid #cc3344;
	color: #000;
	background-color: #ffe4e9;
	margin-bottom: 1em;
}
.errorbox h3
{
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	text-decoration: underline;
}
.errorbox p
{
	margin: 1em 0 0 0;
}
.errorbox p.alert
{
	padding: 0;
	margin: 0;
	float: left;
	width: 1em;
	font-size: 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */

dl
{
	overflow: auto;
	margin: 0;
	padding: 0;
}

/* The basic user info on the left */
#basicinfo
{
	width: 20%;
	float: left;
}
#basicinfo .windowbg .content
{
	padding-left: 20px;
}
#detailedinfo
{
	width: 79.5%;
	float: right;
}
#basicinfo h4
{
	font-size: 135%;
	font-weight: 100;
	line-height: 105%;
	white-space: pre-wrap;
	overflow: hidden;
}
#basicinfo h4 span.position
{
	font-size: 80%;
	font-weight: 100;
	display: block;
}
#basicinfo img.avatar
{
	display: block;
	margin: 10px 0 0 0;
}
#basicinfo ul
{
	list-style-type: none;
	margin: 10px 0 0 0;
}
#basicinfo ul li
{
	display: block;
	float: left;
	margin-right: 5px;
	height: 20px;
}
#basicinfo span#userstatus
{
	display: block;
	clear: both;
}
#basicinfo span#userstatus img
{
	vertical-align: middle;
}
#detailedinfo div.content dl, #tracking div.content dl
{
	clear: right;
	overflow: auto;
	margin: 0 0 18px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px #ccc solid;
}
#detailedinfo div.content dt, #tracking div.content dt
{
	width: 35%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#detailedinfo div.content dd, #tracking div.content dd
{
	width: 65%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}
#detailedinfo div.content dl.noborder
{
	border-bottom: 0;
}
#detailedinfo div.content dt.clear
{
	width: 100%;
}
@media (max-width: 970px) {
	#detailedinfo, #basicinfo
	{
		width: 100%;
	}
	#detailedinfo
	{
		padding-left: 0;
	}
	#basicinfo
	{
		text-align: center;
	}
	#basicinfo ul li
	{
		float: none !important;
	}
}
.signature, .custom_fields_above_signature
{
	border-top: 1px #ccc solid;
}
.signature h5
{
	font-size: 0.85em;
	margin-bottom: 10px;
}
#personal_picture
{
	display: block;
	margin-bottom: 0.3em;
}
#avatar_server_stored div
{
	float: left;
}
#avatar_upload
{
	overflow: auto;
}
#main_admsection #basicinfo, #main_admsection #detailedinfo
{
	width: 100%;
}
#main_admsection #basicinfo h4
{
	float: left;
	width: 35%;
}
#main_admsection #basicinfo img.avatar
{
	float: right;
	vertical-align: top;
}
#main_admsection #basicinfo ul
{
	clear: left;
}
#main_admsection #basicinfo span#userstatus
{
	clear: left;
}
#main_admsection #basicinfo p#infolinks
{
	display: none;
	clear: both;
}
#main_admsection #basicinfo .botslice
{
	clear: both;
}

/* Simple feedback messages */
div#profile_error, div#profile_success
{
	margin: 0 0 1em 0;
	padding: 1em 2em;
	border: 1px solid;
}
div#profile_error
{
	border-color: red;
	color: red;
	background: #fee;
}

div#profile_error span
{
	text-decoration: underline;
}

div#profile_success
{
	border-color: green;
	color: green;
	background: #efe;
}

/* Profile statistics */
#generalstats div.content dt
{
	width: 50%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#generalstats div.content dd
{
	width: 50%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}

/* Activity by time */
#activitytime
{
	margin: 6px 0;
}
.activity_stats
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.activity_stats li
{
	margin: 0;
	padding: 0;
	width: 4.16%;
	float: left;
}
.activity_stats li span
{
	display: block;
	border: solid #000;
	border-width: 1px 1px 0 0;
	text-align: center;
}
.activity_stats li.last span
{
	border-right: none;
}
.activity_stats li div.bar
{
	margin: 0 auto;
	width: 15px;
}
.activity_stats li div.bar div
{
	background: #6294CE;
}
.activity_stats li div.bar span
{
	position: absolute;
	top: -1000em;
	left: -1000em;
}

/* Most popular boards by posts and activity */
#popularposts
{
	width: 49.5%;
	float: left;
}
#popularactivity
{
	width: 49.5%;
	float: right;
}

#popularposts div.content dt, #popularactivity div.content dt
{
	width: 65%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#popularposts div.content dd, #popularactivity div.content dd
{
	width: 35%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}

.profile_pie
{
	background-image: url(../images/stats_pie.png);
	float: left;
	height: 20px;
	width: 20px;
	margin: 0 1em 0 0;
	padding: 0;
	text-indent: -1000em;
}

/* View posts */
.topic .time
{
	float: right;
}

.counter
{
	margin: 0 0 0 0;
	padding: 0.2em 0.5em 0.1em 0.2em;
	font-size: 2.2em;
	font-weight: bold;
	color: #3f3f3f;
	float: left;
}
.list_posts
{
	border-top: 2px solid #b3b3bf;
	padding-top: 12px;
	margin-top: 6px;
	overflow: auto;
}

.core_posts
{
	margin-bottom: 3px;
}

.topic h4
{
	margin: 3px 0;
}

.topic .post
{
	margin: 0 1em;
	min-height: 80px;
	height: auto !important;
	height: 80px;
}

.topic .mod_icons
{
	text-align: right;
	margin-right: 1em;
}

#tracking div.content dl
{
	border-bottom: 0;
	margin: 0;
	padding: 0;
}

#creator dl
{
	margin: 0;
}
#creator dt
{
	width: 40%;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
}
#creator dd
{
	float: right;
	width: 55%;
	margin: 0 0 10px 2px;
	overflow: auto;
}
@media (max-width: 767px) {
	#creator dd, #creator dt
	{
		width: 100%;
	}
}
.ignoreboards
{
	margin: 0 2%;
	padding: 0;
	width: 45%;
}
.ignoreboards a
{
	font-weight: bold;
	border-bottom: 1px solid #c4c4c4;
	padding: 0.1em 0;
}
.ignoreboards a:hover
{
	text-decoration: none;
	border-bottom: 1px solid #334466;
}
.ignoreboards ul
{
	margin: 0;
	padding: 0;
}
.ignoreboards li
{
	list-style: none;
	float: left;
	clear: both;
}
.ignoreboards li.category
{
	margin: 0.7em 0 0 0;
	width: 100%;
}
.ignoreboards li ul
{
	margin: 0.2em 0 0 0;
}
.ignoreboards li.category ul li.board
{
	width: 93%;
}

#theme_settings
{
	overflow: auto;
	margin: 0;
	padding: 0;
}

#theme_settings li
{
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
/* Paid Subscriptions */
#paid_subscription
{
	width: 100%;
}
#paid_subscription dl.settings
{
	margin-bottom: 0;
}
#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
{
	margin-bottom: 4px;
}
/* Pick theme */
#pick_theme
{
	width: 100%;
	float: left;
}
/*Issue a warning*/
#warn_body{
	width: 80%;
	font-size: 0.9em;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics
{
	padding: 0.5em 0;
}
#statistics div.title_bar
{
	margin: 4px 0 -2px 0;
}
#statistics h3.catbg
{
	text-align: center;
}
#statistics div.content
{
	min-height: 210px;
}
#statistics div.top_row
{
	min-height: 150px;
}
#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
{
	float: left;
	width: 49.5%;
}
#stats_right, #top_boards, #top_topics_views, #most_online
{
	float: right;
	width: 49.5%;
}
@media (max-width: 970px) {
	#stats_right, #top_boards, #top_topics_views, #most_online, #stats_left, #top_posters, #top_topics_replies, #top_topics_starter
	{
		width: 100%;
	}
}
dl.stats
{
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
dl.stats dt
{
	width: 49%;
	float: left;
	margin: 0 0 4px 0;
	line-height: 16px;
	padding: 0;
	clear: both;
	font-size: 1em;
}
dl.stats dd
{
	text-align: right;
	width: 50%;
	font-size: 1em;
	float: right;
	margin: 0 0 4px 0;
	line-height: 16px;
	padding: 0;
}
.statsbar div.bar
{
	float: left;
	background: #1d212a;
	display: block;
	margin: 0 4px;
	height: 16px;
	border-radius: 4px;
}
.statsbar div.bar div
{
	position: relative;
	right: -4px;
	padding: 0 4px 0 0;
	background: #1d212a;
	height: 16px;
	border-radius: 0 4px 4px 0;
}
tr.windowbg2 th.stats_month
{
	width: 25%;
	padding: 0 2em;
	text-align: left;
}
tr.windowbg2 td.stats_day
{
	padding: 0 3.5em;
	text-align: left;
}

/* Styles for the personal messages section.
------------------------------------------------- */

#personal_messages h3 span#author, #personal_messages h3 span#topic_title
{
	float: left;
}
#personal_messages h3 span#author
{
	margin: 0 0 0 0.5em;
}
#personal_messages h3 span#topic_title
{
	margin: 0 0 0 9em;
}
#personal_messages div.labels
{
	padding: 0 1em 0 0;
}
#personal_messages .capacity_bar
{
	background: #f0f4f7;
	display: block;
	margin: 0.5em 0 0 1em;
	height: 1em;
	border: 1px solid #adadad;
	width: 10em;
}
#personal_messages .capacity_bar span
{
	border-right: 1px solid #adadad;
	display: block;
	height: 1em;
}
#personal_messages .capacity_bar span.empty
{
	background: #a6d69d;
}
#personal_messages .capacity_bar span.filled
{
	background: #eea800;
}
#personal_messages .capacity_bar span.full
{
	background: #f10909;
}
#personal_messages .reportlinks
{
	padding: 0.5em 1.3em;
}
#searchLabelsExpand li
{
	padding: 0.3em 0.5em;
}
#manrules div.righttext
{
	padding: 0.3em 0.1em;
}
dl.addrules dt.floatleft
{
	width: 15em;
	color: #333;
	padding: 0 1.25em 0.5em 1.25em;
}
#addrule fieldset
{
	clear: both;
}

/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table
{
	margin-bottom: 0.7em;
}

/* Used to indicate the current day in the grid. */
.calendar_today
{
	background-color: #fff;
}

#month_grid
{
	width: 200px;
	text-align: center;
	float: left;
}
#month_grid div.cat_bar
{
	height: 25px;
}
#month_grid h3.catbg
{
	height: 25px;
	line-height: 27px;
}
#month_grid table
{
	width: 200px;
}
#main_grid table
{
	width: 100%;
	padding-bottom: 4px;
}
#main_grid table h3.catbg
{
	text-align: center;
	height: 29px;
	border-top: 2px solid #fff;
	border-bottom: none;
}
#main_grid table.weeklist td.windowbg
{
	text-align: center;
	height: 49px;
	width: 25px;
	font-size: large;
	padding: 0 7px;
	border-bottom: 2px solid #fff;
}
#main_grid table.weeklist td.weekdays
{
	height: 49px;
	width: 100%;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 2px solid #fff;
}
#main_grid h3.weekly
{
	text-align: center;
	padding-left: 0;
	font-size: large;
	height: 29px;
}
#main_grid h3 span.floatleft, #main_grid h3 span.floatright
{
	display: block;
	font-weight: bold;
}
#main_grid table th.days
{
	width: 14%;
	padding: 4px 0;
}
#main_grid table.weeklist h4.titlebg
{
	margin: 0 0 0 0;
	height: 23px;
	line-height: 27px;
}
#main_grid table td.weeks
{
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: large;
}
#main_grid table td.days
{
	vertical-align: top;
	text-align: center;
}
@media (max-width: 767px)
{
	#month_grid, #main_grid
	{
		width: 100%;
	}
	#main_grid
	{
		display: none;
	}
}
a.modify_event
{
	color: red;
}

span.hidelink
{
	font-style: italic;
}

#calendar_navigation
{
	text-align: center;
}

/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search
{
	margin: auto;
	width: 500px;
}

/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p
{
	padding: 0.5em;
	margin: 0;
}
#simple_search, #simple_search p, #advanced_search
{
	text-align: center !important;
	margin: 0;
}
#search_error
{
	font-style: italic;
	padding: 0.3em 1em;
}
#search_term_input
{
	font-size: 115%;
	margin: 0 0 1em;
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset
{
	text-align: left;
	padding: 0;
	border: none;
}
#searchform fieldset .btn
{
	float: right;
}
#advanced_search dl#search_options
{
	margin: 0 auto;
	width: 100%;
	padding-top: 1em;
	overflow: hidden;
}
#advanced_search dt
{
	clear: both;
	float: left;
	padding: 0.2em;
	text-align: right;
	width: 20%;
}
#advanced_search dd
{
	width: 75%;
	float: left;
	padding: 0.2em;
	margin: 0 0 0 0.5em;
	text-align: left;
}
#searchform p.clear
{
	clear: both;
}
@media (max-width: 991px) {
	#advanced_search dd, #advanced_search dt
	{
		width: 100%;
	}
	#advanced_search dt
	{
		text-align: left;
	}
}

/* Styles for the search results page.
------------------------------------------------- */
.topic_table td blockquote, .topic_table td .quoteheader
{
	margin: 0.5em;
}
.search_results_posts
{
	overflow: hidden;
}
.search_results_posts .buttons
{
	padding: 5px 1em 0 0;
}

/* Styles for the help section.
------------------------------------------------- */

#help_container
{
	margin: 4px 0 0 0;
	padding: 0 0 8px 0;
}
#helpmain
{
	padding: 0 1em;
}
#helpmain p
{
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}
#helpmain ul
{
	line-height: 1.5em;
}

/* Styles for print media.
------------------------------------------------------- */
@media print
{
	#headerarea
	{
		display: none;
	}

	.tborder
	{
		border: none;
	}
}
/* Nav */ 
.navbar-default .navbar-nav li .avatar
{
	width: 32px;
	height: 32px;
	float: left;
	margin: -5px 5px 0 0;
}
.collapsemenu
{
	display: block;
	margin-left: 25px;
}
header
{
	background: #F5F5F5;
	border-bottom: 1px solid #CCC;
} 
header h2
{
	font-weight: 500;
	margin: 10px 0 0;
} 
footer
{
	padding: 20px 0;
	font-size: 12px;
	/* Changed from #1d212a too dark of grey */
/*	background: #454F65; */
	background: #330055;	
	color: #FFF;
}
footer .smalltext
{
	font-size: 12px;
}
footer a
{
	color: #FFF !important;
}
@media (max-width: 991px) {
  footer ul
    {
    float: left !important;
	width: 100%;
  }
  footer ul.reset
   { 
	margin-top: 5px;
  }
}
.table_list td.icon
{
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
}
.table_list td.info, .table_list td.stats
{
   border-bottom: 1px solid #CCC;
}
.table_list td.lastpost
{
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
.table_grid td
{
    border-bottom: 1px solid #CCC;	
}
.table_grid td.icon1
{
    border-left: 1px solid #CCC;	
}
.table_grid td.lastpost, .table_grid td.moderation
{
    border-right: 1px solid #CCC;	
}
@media (max-width: 992px) {
  .table_list td.info, .table_grid td.subject 
   {
    border-right: 1px solid #CCC;
  }
}
#menu
{
	/* CHANGED  from 1d212a */
	background: #454F65;
}
nav .nav-notification {
    list-style: none;
	padding: 0;
	margin: 0 5px 0 0 !important;
}
nav .nav-notification>li {
    position: relative;
    float: left;
}
nav .nav-notification>li>a {
    display: block;
    font-size: 13px;
    padding: 17px;
    color: #FFF;
    outline: 0;
}
nav .nav-notification>li .search-input-wrapper {
    padding: 10px 0 0;
}
.search-input {
    position: relative;
    display: inline-block;
}
.search-input a{
    color: #FFF !important;
}
.search-input input {
    width: 30px;
    border-radius: 50em!important;
    -moz-border-radius: 50em!important;
    -webkit-border-radius: 50em!important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.search-input input, .search-input input:focus {
	background: transparent;
	border: 1px solid white;
	box-shadow: none;
	color: #FFF;
}
.search-input input:focus, .search-input input:hover {
    width: 150px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.search-input input:focus+.input-icon, .search-input input:hover+.input-icon {
    right: 15px;
}
.search-input:focus input, .search-input:hover input {
    width: 150px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.search-input:focus input+.input-icon, .search-input:hover input+.input-icon {
    right: 8px;
}
.search-input .input-icon {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 16px;
}
ul.social
{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.social li
{
	float: left;
	margin-left: 5px;
}
ul.social li .fa
{
	border: 1px solid white;
	padding: 7px;
	border-radius: 100%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
	width: 40px;
	text-align: center;
}
ul.social li .fa-twitter:hover
{
	border: 1px solid #2FC2EF;
	background: #2FC2EF;
}
ul.social li .fa-facebook:hover
{
	border: 1px solid #3a5795;
	background: #3a5795;
}
ul.social li .fa-youtube:hover
{
	border: 1px solid #cc181e;
	background: #cc181e;
}
ul.social li .fa-rss:hover
{
	border: 1px solid #FF6600;
	background: #FF6600;
}
/* Changed the padding here to center my logo img, which is 34 pix tall */
.navbar-brand /* .logo */
{
	height: 50px;
	padding-top: 23px;
	margin-top: -15px;
}
/* Created another item here specifically for logo so img doesn't get stretched */
.navbar-brand .logo
{
	height: 34px;
}
.fa-fw
{
	margin-right: 5px;
}
.scroll-to-top {
    position: fixed;
    display: block;
    right: -100px;
    bottom: 10px;
    width: 45px;
    height: 45px;
    line-height: 45px;
	/* CHANGED FROM #e25d5d pink */
	background-color: #5C3377;
    color: #fff !important;
    text-align: center;
    z-index: 10;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-shadow: 0 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.scroll-to-top.active {
    right: 10px;
}
@media (max-width: 767px) {
	.scroll-to-top {
		display: none;
	}
	.show-menu {
		display: block !important;
		visibility: visible !important;
	}
}
#button_logout, #button_profile
{
	display: none;
}
@media (max-width: 970px) {
	#live_news, #supportVersionsTable, #quick_tasks li, .modblock_right, .modblock_left
	{
		width: 100% !important;
	}
	#quick_tasks li
	{
		height: auto !important;
	}
	td.icon a img
	{
		max-width: none;
	}
}
@media (max-width: 991px)
{
	#admin_content .table > thead > tr > th:nth-child(2), #admin_content .table > tbody > tr > td:nth-child(2),
	#admin_content .table > thead > tr > th:nth-child(4), #admin_content .table > tbody > tr > td:nth-child(4),
	#admin_content .table > thead > tr > th:nth-child(5), #admin_content .table > tbody > tr > td:nth-child(5)
	{
		display: none;
	}
	#admin_content .table > thead > tr > th:last-child, #admin_content .table > tbody > tr > td:last-child
	{
		display: table-cell !important;
		text-align: right !important;
	}
}
#IC .nav 
{
	margin: 0;
}
#IC ul.nav.nav-tabs
{
	background: #E5E5E5;
	border: 1px solid #CCC;
	border-top: none;
}
#IC .nav-tabs > li:first-child > a
{
	margin-left: 4px;
}
#IC .nav-tabs > li > a:hover
{
	background: transparent;
	border-color: transparent;
}
#IC .nav-tabs > li.active > a:hover
{
	background: #FFF;
}
#IC .nav-tabs > li > a
{
	border-radius: 0 0 0 0;
	border-top: none
}
#IC .nav-tabs > li.active > a, #IC .nav-tabs > li.active > a:hover
{
	border-left-color: #CCC;
	border-right-color: #CCC;
}
#IC .tab-content
{
	background: #FFF;
	border-radius: 0 0 4px 4px;
	padding: 10px;
	border: 1px solid #CCC;
	border-top: none;
}
@media (max-width:767px) {
	#IC .nav-tabs li span
	{
		display: none;
	}
	#button_logout, #button_profile
	{
		display: visible;
	}
}

@media (max-width:991px) {
	ol.breadcrumb li
	{
		display: none;
	}
	ol.breadcrumb li:first-child, .breadcrumb li:last-child
	{
		display: inline-block;
	}
}