/* ---- 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. By default, your custom css definitions will be included *after* the theme
   css files. So, your definitions will take precedence over the theme ones.

3. You can choose to not include the theme css files at all, and instead only
   include your custom css definitions with the "Revision Options" to the
   top-right.
	
4. When you preview your changes, you are the only one who can see the preview.

5. Feel free to delete these comments!

*/

/*.SignInPopup {display:none;visibility:hidden;}*/
.ApplyButton {display:none;visibility:hidden;}
.RoleTitle {display:none;visibility:hidden;}
dl.About dt.Roles, dl.About dd.Roles {display:none;}
a.Button.RegisterLink {margin-top:5px;}
a.Button.RegisterLink:after {content:" a New Character";}


.Row { 
   margin: auto; 
   width: 90%;
}


.SpDashboard, .SpOptions, .SpCog {
	background-position: 0px -276px;
}

body {
    font-family: Verdana, Trebuchet MS, Tahoma, sans-serif;
    font-weight: normal;
    color: #ffffff;

    background-image:url('https://i.imgur.com/30kL2.jpg');
    background-color:#202020;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:center top;
}

h1, h2, h3, h4 {
    font-family: Verdana, Trebuchet MS, Tahoma, sans-serif;
    font-weight: normal;
    color: #ffffff;
}

h2 {
    padding: 20px 0px 0px 4px;
    color: #cc1100;
}

a {
    color: #FF4500;
    font-family: Verdana, Trebuchet MS, Tahoma, sans-serif;
    font-weight: normal;
}

a.Button, input.Button {
    font-family: Verdana, Trebuchet MS, Tahoma, sans-serif;
    font-weight: heavy;
    color: #660000;
}

a.VoteButton {
    font-family: Verdana, Trebuchet MS, Tahoma, sans-serif;
    font-weight: heavy;
    color: #FFFFFF;
}


td {
    font-family: Verdana, Trebuchet MS, Tahoma, sans-serif;
    font-weight: normal;
    padding: 4px 0px 4px 4px;
    border-bottom: solid 1px rgba(204, 204, 204, 0.50);
}

td div.Options {
    padding-top: 2px;
}

.Box {
    font-size: 11px;
}

.Banner {
    height: 185px;
    padding: 0px 0px 0px 0px;
    z-index:-1;
}

.Banner.SiteTitle {
    display:none;visibility:hidden;
}

.Flyout.MenuItems li a {
    color: #FF4500;
}

.Flyout.MenuItems li a:hover {
    background: #d18637;
    color: #f8f8f8;
}

.SiteMenu {
    background: #000000;
    display: inline;
    white-space: nowrap;
}


div.Excerpt, div.Message, div.Box.CategoryFollowToggleBox {
    font-family: Trebuchet MS, Tahoma, sans-serif;
}

div.CategoryDescription {
    font-family: Trebuchet MS, Tahoma, sans-serif;
    font-size: 90%;
}

ul.PopList li.Item.Title strong {
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1px;
}

ul.PopList li.Item {
    background: white;
}

div.BreadcrumbsWrapper {
}

.Item {
    background: rgb(32, 32, 32); /* For older browsers */
    background: rgba(32, 32, 32, 0.7);
}

div.Column.PanelColumn {

    background: rgb(32, 32, 32); /* For older browsers */
    background: rgba(32, 32, 32, 0.7);

    padding: 15px;
    margin-left: -15px;
/*    border-right: solid 2px #000000;
    border-bottom: solid 2px #000000; */
}

div.Column.ContentColumn {
    background: rgb(32, 32, 32); /* For older browsers */
    background: rgba(32, 32, 32, 0.7);

    padding: 15px 15px 15px 20px;
/*    border-right: solid 2px #000000;
    border-bottom: solid 2px #000000; */
}

div.P.PageDescription {
    margin: 0;
    padding-left: 4px;
    font-variant: small-caps;
    font-size: 16px;
    font-family: Trebuchet MS, Tahoma, sans-serif;
}

.MItem {
    color: #d18637;
}

h1.H {
    margin: 0;
    font-size: 30px;
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-variant: small-caps;
    letter-spacing: 1px;
}

ul.TagCloud li {
    background: #eeeeee;
}

ul.TagCloud a {
    color: #444444;
    font-family: Trebuchet MS, Tahoma, sans-serif;
}

span.Count, div.Meta span.Tag {
    background: #444444;
}

td.BlockColumn.LatestPost {
    padding-top: 5px;
}

strong.HasNew {
    font-weight: normal;
    background: #d18637;
    color: #f8f8f8;
    letter-spacing: 1px;
    padding: 3px 4px;
}

ul.PanelInfo.PanelCategories li {
    background: none;
    padding-left: 5px;
}

ul.PanelInfo.PanelCategories li.ClearFix.Heading {
    font-weight: normal;
    color: #d18637;
    background: #eeeeee;
}

ul.PanelInfo.PanelCategories li.ClearFix.Depth3 {
    padding-left: 15px;
}

div.Item.ItemDiscussion, li.Item.ItemComment, div.DataCounts, div.BestOfData li.Item, ul.DataList li.Item {
    \/\/\ border: 1px dashed #CCC !important;
    margin: 10px 0;
    padding: 4px 4px;
}

div.FormWrapper {
    background: #FAFAFA;
}

/*
div.FormWrapper {
    background: rgb(32, 32, 32); /* For older browsers */
    background: rgba(32, 32, 32, 0.7);
}

div.BarWrap {
 background: rgb(32, 32, 32); /* For older browsers */
 background: rgba(32, 32, 32, 0.7);
}

.ButtonBar span.ButtonWrap {
 background-color: transparent;
}
*/

thead tr td.CategoryName {
    padding-bottom: 5px;
    // color: #444;
}

div#Foot div.Row {
    color: #d18637;
}

div.ItemContent.Activity div.Title {
    font-weight: normal;
}

form {
    background: none;
}

td.DiscussionName {
    padding: 4px 0px 4px 4px;
}

.Meta, .MItem, .MItem a {
color: #666;
}

.DataList > .Item {
border-style: none !important;
}

#Frame > .Top {
   padding: 0 20px;
   text-align: left;
   line-height: 2.4;
}

.TopMenu a {
   font-family: Trebuchet MS, Tahoma, sans-serif
   padding: 8px;
   font-size: 13px;
   font-weight: normal;
   color: #000;
}
.TopMenu a:hover {
   background: #333;
}


#Frame > #Head {
    background: rgb(32, 32, 32); /* For older browsers */
    background: rgba(32, 32, 32, 0.7);

    padding: 0;
}

#Frame > #Head a, .SiteMenu, .SiteMenu li {
    background: none;
}

.ChildCategories {
    border: 0;
}

span.CrumbLabel {
    padding: 0px 5px;
}

.BreadcrumbsWrapper .CrumbLabel span {
    // color: #CC3300;
}

.ChildCategoryList .Item {
    width: 100%;
}


.ChildCategoryList .ItemContent {
    padding: 0;
}


.ChildCategoryList .Item a.Title {
    color: #FF4500;
}

blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}

blockquote.Quote, blockQuote.UserQuote {
   padding: 1ex 16px;
   margin: 1em 0;
	background: #ffffff;
   background: rgba(30, 30, 30, 0.05);
   border-style:solid;
   border-width:5px;
   border-color: rgba(255, 255, 255, 0.4);
   border-left: solid 5px rgba(255, 255, 255, 0.4);
}

ul.MessageList div.Message blockquote {
    background: rgb(30, 30, 30); /* For older browsers */
    background: rgba(40, 40, 40, 0.7);
    border-radius: 0px 0px 0px 0px;
}

.CommentHeader {
    background: none rgb(40, 40, 40);
}

.ItemComment, .Comment, ul.MessageList li.Item {
    background: rgb(32, 32, 32); /* For older browsers */
    /*! background: rgba(32, 32, 32, 0.7); */
}

.OnlineUserWrap:hover .OnlineUserName {
    background: #444444;
}

.cleditorToolbar {
     background-color: #ccc;
}

.CommentForm .FormWrapper,
ul.PanelInfo.PanelCategories li.ClearFix.Heading
{
     background-color: #333;
}



DIV.Signature.UserSignature {
    border-top: 1px solid rgba(70, 70, 70, 1);
    padding-top: 4px;
    font-size: 11px;
    margin-top: 10px;
}

a.TextColor{
   color: white;
}

.MessageList .Promoted .Message {
    color: rgb(204, 204, 204) !important;
}

.MessageList .Promoted {
    box-shadow:    4px 4px rgb(45, 45, 45);
    background: none;
    border: 4px solid rgb(60, 60, 60) !important;
}

.MessageList .Promoted a {
    color: rgb(255, 69, 0) !important;
}

.MessageList .Promoted a.Username {
    color: rgb(255, 69, 0) !important;
}

.Comment .Item-Header {
    background: rgb(40, 40, 40) !important;
    border: 2px solid rgb(40, 40, 40);
}

div.Spoiler div.SpoilerTitle input {
    background: rgb(100, 100, 100) !important;
    color: white !important;
}


.DataTable td {
    padding: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    vertical-align: top;
}

.Item.Read {
    background: none repeat scroll 0% 0%;
    opacity: 0.5;
}

.Pager .Highlight {
   color: #D62C2C;
   font-weight: bold;
   font-size: 17px;
}

#Head .SiteSearch {
    margin: 8px
}

#Head .SiteSearch .InputBox {
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 2px rgb(170, 170, 170) inset;
    font-size: 13px;
}

ul.PanelInfo li, ul.PanelInfo li.Active {
    background: none;
    border-bottom: none;
    border-top: none;
    font-size: 11px;
}

.DataTable .Item:nth-of-type(2n+1) td {
    background-color: rgba(25, 25, 25, 0.7);
}

ul.PanelInfo {
   list-style: none; margin: 0; padding: 0;
}

ul.PanelInfo li, ul.PanelInfo li.Active {
//   display: inline;
}

ul.PanelInfo li:after, ul.PanelInfo li.Active:after { 
//   content: ",";
}


ul.PanelInfo li:last-child:after, ul.PanelInfo li.Active:last-child:after { 
//   content: ".";
}


.Role_Immortal span.Author a.Username {
    color: rgb(102, 204, 255) !important;
}

.Role_Administrator span.Author a.Username {
    color: rgb(255, 255, 0) !important;
}

.RecordReactions {
    margin-bottom: 2px;    
}

.UserReactionWrap .ReactSprite {
    position: absolute;
    right: -6px;
    bottom: -2px;
    margin-right: .3em;
    background-size: 15px, 15px;
    background-position: 0px, 2px;
}

.UserReactionWrap .ReactAgree {
    background-image: url("https://badges.v-cdn.net/reactions/50/agree.png");
}

.UserReactionWrap .ReactLike {
    background-image: url("https://badges.v-cdn.net/reactions/50/like.png");
}

.UserReactionWrap .ReactDisagree {
    background-image: url("https://badges.v-cdn.net/reactions/50/disagree.png");
}

.UserReactionWrap .ReactOffTopic {
    background-image: url("https://badges.v-cdn.net/reactions/50/offtopic.png");
}

.UserReactionWrap .ReactLOL {
    background-image: url("https://badges.v-cdn.net/reactions/50/lol.png");
}

.UserReactionWrap .ReactAwesome {
    background-image: url("https://badges.v-cdn.net/reactions/50/awesome.png");
}

.UserReactionWrap .ReactInsightful {
    background-image: url("https://badges.v-cdn.net/reactions/50/up.png");
}

.UserReactionWrap .ReactPromote {
    background-image: url("https://badges.v-cdn.net/reactions/50/promote.png");
}

.UserReactionWrap .ReactAbuse {
    background-image: url("https://badges.v-cdn.net/reactions/50/flag.png");
}

.UserReactionWrap .ReactSpam {
    background-image: url("https://badges.v-cdn.net/reactions/50/spam.png");
}

.ReactButton {
    margin: 0 2.2px;
}

.ReactSprite {
    margin-right: -.2em;
    vertical-align: middle;
}

.ReactInsightful {
    background-position: -100px -29px;
}


.SpNotifications, .SpGlobe {
  background-position: -32px -276px;
}

.SpInbox, .SpEnvelope {
  background-position: 0 -292px;
}

.SpBookmarks, .SpStar {
  background-position: -80px -308px;
}


code {
    background: none;
}

.cleditorPopup {
border: solid 1px #999;
background-color: #202020;
position: absolute;
font: 10pt Arial,Verdana;
cursor: default;
z-index: 10000;
}

.ButtonBar .BarWrap {
    background: none repeat scroll 0% 0% rgb(204, 204, 204);
    border: none
}

.ButtonBar .ButtonWrap {
   border-right: none
}

div.Preview div.Message code,
div.Preview div.Message pre,
ul.MessageList div.Message code,
ul.MessageList div.Message pre,
div.MessageList div.Message code,
div.MessageList div.Message pre {
    border: none;
    background: #252323;
}

.hljs-keyword,
.hljs-selector-tag {
   color:#927b7b !important;
   font-weight:700
}

.editor, .EditCommentForm .FormWrapper, .editor-help-text {
    background: #333;
}

.EditCommentForm textarea.TextBox, .CommentForm textarea.TextBox {
    background: rgb(32,32,32);
    color: #ccc
}

pre {
    border: none;
    background: none;
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}



.userContent.Message>*:last-child::after {
    display: none;
}


.userContent.Message>*:last-child::before {
    display: none;
}

.SignInPopup div.Body
{
    background: none;
}

.SignInPopup div.FormTitleWrapper h1
{
    color: #cc1100;
}

#Form_User_SignIn
{
    color: black;
}

#Form_User_Signin, div.MainForm label[for=Form_Email]
{
    text-indent: -9999px;
    line-height: 0; 
}

#Form_User_Signin, div.MainForm label[for=Form_Email]::after
{
    content: "Character";
    text-indent: 0;
    display: block;
    line-height: initial;
}

#Form_PostComment
{
    width: auto;
}

.CategoryTable tbody .Depth-1 .LatestPost, .CategoryTable tbody .Depth-1 .BigCount
{
//    display: none;
}

.CategoryTable tbody .Depth-1 .CategoryName .Wrap
{
//    padding: 40px 0px 20px 0px;
}

h2.CategoryNameHeading a
{
    font-weight: bold;
    font-size: 18px;
}
h2.CategoryNameHeading
{
    padding: 5px 5px 0px 0px;
}
h2.CategoryNameHeading.isEmptyDescription
{
    padding: 5px 5px 0px 0px;
}

a.Title 
{
    color: #888888;
}

.BreadcrumbsWrapper
{
    margin-bottom: 20px;
}

#Panel
{
    width: 230px;
}

#Panel .FilterMenu li, .PanelInfo li {
    padding: 0px 4px;
}

img.emoji {
    height: 18px;
}