/* ---- Edit CSS ----

If you are unfamiliar with CSS, there are some learning resources in the help
section on the right-hand side of the page.

Here are some things you should know before you begin:

1. Any definitions you enter here will be related to your custom theme. If you
   change to a different theme, these definitions will no longer be visible on
   this page. If you switch back to your custom theme, your changes will be
   present.
	
2. Your custom css definitions will be included *after* the theme
   css files. So, your definitions will take precedence over the theme ones.
	
3. When you preview your changes, you are the only one who can see the preview.

4. Feel free to delete these comments!

*/

/* 
------------------------------
  Banner ad
------------------------------
*/

/* The "advertisement" clickable block just links to home, and messes up mobile display, so why have it at all? */
.adInfo {
    display: none;
}

/* The ad is sliding down behind the "search options" button, making the button hard to see. */
div#adspace {
    float: none;
}

/* 
------------------------------
  Thread list view.
------------------------------
*/

.row, .row, .MultipleEntryMethods, .MultipleEntryMethods {
    margin-left: 0;
    margin-right: 0;
}

.container, .container {
/* Sides of main block */
    padding-left: 0;
    padding-right: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
/* Sides of thread lists */
    padding-left: 0;
    padding-right: 0;
}

.navbar-right {
/* Gutter for search field */
    float: right !important;
    float: right;
    margin-right: 0;
}

.Breadcrumbs {
/* Gutter for breadcrumbs */
    margin: 10px 0px;
}

.page-header, h1.H, .HomepageTitle, .PageTitle  {
/* Gutter below main category title */
    padding-bottom: 0;
    margin: 0px;
}

.PageDescription {
/* Gutters above/below main category description */
    margin-bottom: 0px;
    line-height: 1.4;
    padding-top: 10px;
}

.list-group-item, .PanelInfo a, .PanelInfo .Heading, .DataList .Foot, .DataList .Item, .DataList.Activities .CommentForm {
/* Sub-category blocks in TechTalk */
    margin-bottom: 1px;
    padding: 5px 15px;
}

.Item.Category .CategoryName {
/* Sub-category descriptions in TechTalk moved to same line as Category title */
    margin: 0 20px 0 10px;
    float: left;
}
.list-group, .PanelInfo, .DataList {
/* Gutter below sub-categories in TechTalk */
    margin-bottom: 12px;
}


.PagerWrap, .PageControls, .BeforeCommentHeading {
/* Gutters above/below NewTopic/Page#s */
    margin: 0 0 6px;
}

.DataTable > thead > tr > td {
/* Gutter below Topic/Replies/Author */
    padding: 0 0 6px;
}

.DataTable tbody .EntryLink {
/* Thread blocks */
    padding: 8px 0 8px 12px;
    margin: 0;
}

strong.NewCommentCount span.Number {
/* #New - hide the number to prevent popping rollovers */
    display: none;
}

.DataTable .Item .Tag, .Section-DiscussionList .DiscussionName .EntryLink h3 {
/* Thread titles */
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 1em;
}

.BlockTitle.LatestPostTitle {
/* Latest post by name */
    color: #37864d;
}

.DataTable > tbody > tr > td {
/* Thread list */
    padding: 0;
    padding-left: 0;
    border-top: #1e1e1e solid 5px;
}

.DataTable .Item .Tag {
/* Sticky/Poll/Closed prefixes */
    margin-right: 5px;
}

.DataTable .Item .Tag-Announcement {
/* Sticky prefix */
    color: #86774c;
}

.DataTable .Item span.Tag-Closed {
/* Closed prefix */
    color: #824b45;
}

.DataTable .Item span.Tag-Poll {
/* Poll prefix */
    color: #5486ab;
}

.HasNew {
/* "New" thread icon */
    margin-left: -5px;
    margin-right: 8px;
    font-weight: normal;
    color: #37864d;
    background-color: #222;
}


/* 
------------------------------
  Thread post view.
------------------------------
*/

.Item-Inner {
/* Sides of OP */
    margin-left: 0;
    margin-right: 0;
}

.MessageList, .DataList-Search {
/* Gutter below OP */
    margin-bottom: 5px;
}

.list-group-item, .PanelInfo a, .PanelInfo .Heading, .DataList .Foot, .DataList .Item, .DataList.Activities .CommentForm {
/* Sides of replies */
    margin-bottom: 1px;
    padding: 5px 0;
}

.MessageList .Item + .Item {
/* Gutter between posts */
    margin-top: 0px;
    margin-bottom: 0px;
}

.Item .Author-Photo {
    padding-right: 0;
}

.Item-Aside {
/* Online/send message: remove offset when above post.*/
    padding-left: 0;
    padding-right: 0;
}

.Item-Aside + .Item-Content {
/* Online/send message: make room on right side.*/
    padding-right: 0;
    padding-left: 0;
}

.Item-Aside ul {
/* Online/send message: height when above post. */
    margin: 0 10px 0;
}

.Item-Aside a {
/* Send Message. */
    color: #888;
}

.Item-Aside li.JoinDate, .Item-Aside li.TopicCount, .Item-Aside li.ReplyCount {
/* Hide: join date, topic count, reply count. */
    display: none;
}

.Button.ReactButton { 
/* Hide redundant Reply/Quote buttons above each post. */
    display: none;
}

.MessageList .Item-Header, .DataList-Search .Item-Header {
/* Header with poster name, date, edit button. */
    padding: 5px 20px;
    background-color: #1f1f1f;
}

.Item .Author-Card .Author-Name a, .Item .Name, .Item .Username {
/* Member name under OP avatar, and in post header. */
    color: #37864d;
    text-transform: none;
}

.MessageList .Item-Header .Rank, .DataList-Search .Item-Header .Rank, .Item .Author-Card .Author-Info .Rank {
/* Rank in post header, and under OP avatar */
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #848484;
    text-transform: none;
}

.MessageList .Item-Body {
/* Post body. */
    padding: 20px 30px 0px 30px;
}

.Message {
/* Text size in post. */
    font-size: 14px;
    font-weight: 300;
}

blockquote {
/* Text size in quote. */
    font-size: 14px;
}

.Item-Footer {
/* Footer with signature and flag/quote/tweet buttons. */
    padding: 5px 20px 5px 20px;
    margin: 20px -30px 0 -30px;
    background-color: #1f1f1f;
}

.Item-Footer .Signature {
/* Signature padding below single-line sigs to match multi-line sigs. */
    padding: 2px 0px 2px 0px;
}

.Item-Footer .Reactions {
/* Position reactions in footer. */
    float: right;
    margin: 0;
}

.btn-secondary, .ReactButton {
/* Footer flag/quote/tweet buttons. */
    color: #555555;
    background-color: #151515;
    height: 20px;
}

.ReactButton {
    padding: 0 12px 0 0;
    line-height: 19px;
}

a.Popup.ReactButton {
    padding-left: 10px;
}

div.Spoiler {
/* Spoilers fix for being too large and too bold */
    padding: 2px 10px;
    background-color: rgb(31, 31, 31);
}

div.Spoiler.SpoilerConfigured {
/* Spoilers fix for being too large and too bold */
    background-color: rgb(31, 31, 31);
}

div.Spoiler div.SpoilerTitle {
/* Spoilers fix for being too large and too bold */
    font-weight: inherit;
    line-height: 1;
    padding: 4px 10px;
}

div.Spoiler div.SpoilerTitle input {
/* Spoilers fix for being too large and too bold */
    font-weight: inherit;
    background: #404040;
    color: #bfbfbf;
    margin-left: 5px;
    padding: 1px 5px;
}

/* 
------------------------------
  Header edit buttons
------------------------------
*/

.MessageList .Item .AdminCheck .icheckbox, .DataList-Search .Item .AdminCheck .icheckbox {
/* Circular checkbox for moderators */
    vertical-align: middle;
    margin-bottom: 2px;
}

.iradio:before, .icheckbox:before {
/* Checkmark inside circular checkbox for moderators  */
    width: 14px;
    vertical-align: top;
    font-size: 10px;
    line-height: 6px;
}

.iradio.checked:before, .icheckbox.checked:before {
/* Checkmark inside circular checkbox for moderators  */
    color: #FFF;
}

.MessageList .Item .Options, .DataList-Search .Item .Options {
    padding: 0;
    margin: 0;
}

.MessageList .Item .Arrow, .DataList-Search .Item .Arrow, .MessageList .Item .AdminCheck, .DataList-Search .Item .AdminCheck {
    width: 30px;
    padding: 0;
    margin: 0 0 0 5px;
    background-color: #151515;
}

.MessageList .Item .Arrow, .DataList-Search .Item .Arrow {
/* Edit cog icon */
    font-size: 14px;
}

.iradio, .icheckbox {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

/* 
--------------------------------------------
  New Topic
--------------------------------------------
*/

.iradio:before, .icheckbox:before {
/* Checkmarks in radio buttons in New Topic */
    width: 10px;
    vertical-align: top;
    font-size: 6px;
    line-height: 12px;
}

/* 
--------------------------------------------
  Profile, Inbox, Messages
--------------------------------------------
*/

div.Profile > div.DataListWrap > ul.DataList > li {
/* Thread lists in profile */
    padding: 5px 20px 5px 20px;
}

div.DataListWrap > ul.Condensed.DataList.Conversations > li {
/* Thread lists in profile */
    padding: 5px 20px 5px 20px;
}

div.ItemContent.Activity div.Title {
/* Notifications: "commented on" */
    color: #aaa;
    font-weight: 100;
}

div.ItemContent.Activity div.Title a {
/* Notifications: thread titles */
    color: #37864d;
    font-weight: 600;
}

div.ItemContent.Discussion div.Title a {
/* Topics: thread titles */
    color: #37864d;
    font-weight: 600;
}

div.ItemContent div.Meta span.MItem b a {
/* Replies thread titles */
    color: #37864d;
    font-weight: lighter;
}

div.ItemContent.Conversation h3.Users a {
/* Inbox list member names  */
    color: #37864d;
}

div.Excerpt a.Message {
/* Inbox list message previews  */
    color: #bbb;
}

div.Meta span.Author a.Name {
/* Private Message posted member names */
    color: #37864d;
}


/* 
--------------------------------------------
  Page Header Flyouts
--------------------------------------------
*/

div.Flyout.FlyoutMenu li.Item  {
/* Flyout from page header: list */
    padding: 4px 10px;
    border-bottom: #1e1e1e solid 2px;
}

div.Flyout.FlyoutMenu ul.PopList.Activities li.Item div.ItemContent.Activity {
/* Notifications flyout from page header: "commented on" */
    color: #aaa;
}

div.Flyout.FlyoutMenu ul.PopList.Activities li.Item div.ItemContent.Activity a {
/* Notifications flyout from page header: thread titles */
    color: #37864d;
    font-weight: 600;
}

div.Flyout.FlyoutMenu ul.PopList.Conversations li.Item div.ItemContent b.Subject a {
/* Inbox flyout from page header: member names */
    color: #37864d;
    font-weight: 600;
}

div.Flyout.FlyoutMenu ul.PopList.Conversations li.Item div.ItemContent div.Excerpt {
/* Inbox flyout from page header: message preview */
    color: #bbb;
}

div.Flyout.FlyoutMenu ul.PopList.Popin li.Item div.ItemContent b.Subject a {
/* Favorites flyout from page header: thread titles*/
    color: #37864d;
    font-weight: 600;
}

/* 
--------------------------------------------
  Code blocks
--------------------------------------------
*/

pre, code {
    background-color: #9A9A9A;
    border-color: #C1C1C1;
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #949494;
}

/* 
--------------------------------------------
  Moderation Tools
--------------------------------------------
*/

a.Delete {
/* When deleting multiple threads, the Delete button should be more obvious */
    color: #fff;
    text-shadow: 0 1px 0 #000;
    opacity: 1;
}

/* 
--------------------------------------------
  Magnifier-preview fix (was appearing under page #)
--------------------------------------------
*/
#hover-preview {
    z-index: 10;
}

/* 
--------------------------------------------
  Allow clicks through the margin of the message div,
  but message options need to be clickable inside it.
--------------------------------------------
*/

.popover, .InformMessage, .InformMessages {
    pointer-events: none; 
}

div.InformMessage form div div input, div.Actions, div.InformMessage a {
    pointer-events: all; 
}


/* 
--------------------------------------------
  Spam Warning Popup 
COMMENTED OUT because AutoDismiss makes 
it ineffective to combat duplicate posts.
--------------------------------------------
.popover, .InformMessage, .InformMessages {
/* When you trigger the spam filter, the warning message should be more obvious. */
    max-height: 100%;
    max-width: 100%;
    color: orange;
    font-weight: bolder;
    padding: 20px 20px;
}

.popover a, .InformMessage a, .InformMessages a {
/* Links should be less obvious. */
    color: #cc8500;
}

.InformMessages {
    max-width: 100%;
}

@media all and (max-width:800px){
  .InformMessages {
    max-width: 100%;
  }
}
*/