@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    src: local('Bitter-Regular'), url('//themes.googleusercontent.com/static/fonts/bitter/v3/2PcBT6-VmYhQCus-O11S5-vvDin1pK8aKteLpeZ5c0A.woff') format('woff');
}

body,
.SiteTitle,
h1, h2, h3, h4, h5 {
    font-family: Bitter, 'lucida grande', 'Lucida Sans Unicode', tahoma, sans-serif;
}

a {
    color: #1D5689;
}

a:hover {
    color: #003467;
}

/** Custom Master View Stuff **/
#Frame > .Top {
    background: #000;
    padding: 0 20px;
    text-align: left;
    line-height: 2.4;
}

.TopMenu a {
    padding: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #ddd;
}

.TopMenu a:hover {
    background: #333;
}

.Banner {
    position: relative;
    min-height: 98px;
    text-align: left;
    padding: 20px;
}

.SiteTitle {
    font-size: 40px;
    font-weight: bold;
    line-height: 100px;
}

.SiteTitle a {
    color: #000;
}

.Banner .Row {
    position: relative;
}

.AdSpace {
    position: absolute;
    top: 0;
    right: 0;
    height: 90px;
    line-height: 90px;
    width: 728px;
    background: #ddd;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
    border: 4px solid #eee;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    color: #777;
}

#Head {
    color: #000;
    box-shadow: inset 0 5px 5px 0 #EEE,
    inset 0 -5px 5px 0 #EEE;
    background: #F7F7F7;
    border: 1px solid #D0D0D0;
    border-width: 1px 0;
    padding: 0;
}

#Head .SiteMenu a {
    font-size: 13px;
    font-weight: 400;
    color: #777;
    padding: 15px 0;
    margin: 0 30px;
    display: inline-block;
}

#Head .SiteMenu a:first-child {
    margin-left: 0;
}

#Head .SiteMenu a:hover {
    color: #222;
}

#Head .SiteSearch {
    top: 12px;
    right: 0;
}

#Head .SiteSearch .InputBox {
    border: 1px solid #fff;
    box-shadow: inset 0 0 2px #aaa;
    font-size: 13px;
}

#Head .SiteSearch .Button {
    top: 6px;
}

.BreadcrumbsWrapper {
    font-size: 11px;
    border-bottom: 1px dotted #eee;
    padding: 6px 0;
    margin-bottom: 20px;
    color: #aaa;
}

.Breadcrumbs a {
    color: #777;
}

/** Vanilla Contents **/
.PageDescription {
    color: #888;
    margin: 8px;
}

.CategoryBox h2 {
    margin: 20px 8px 8px;
}

.CategoryBox h2 a {
    color: #aaa;
}

.HomepageTitle {
    margin: 0 8px;
}

.HomepageTitle .AdminCheck {
    padding: 0;
}

.Pager {
    font-size: 18px;
}

.ProfileOptions {
    font-weight: bold;
}

.DataTable td {
    border-style: dotted;
}

.DataList > .Item {
    border-style: dotted !important;
    padding: 12px 8px;
}

.DataList .Item .Item {
    border: none !important;
}

.DataList .Title,
.DataList .Title a {
    font-size: 18px;
//    color: #333;
}

.DataList .Title {
//    color: #777;
}

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

.DataList .Title a:hover {
    text-decoration: underline;
}

.MItem {
    margin: 0 8px;
    padding: 0;
}

.MItem:last-child {
    border: none;
}

/* Big Button */
.ButtonGroup .Button,
#Content input.Button,
.Button {
    background: #cc3300;
    background-image: linear-gradient(bottom, rgb(170, 17, 0) 25%, rgb(204, 51, 0) 63%);
    background-image: -o-linear-gradient(bottom, rgb(170, 17, 0) 25%, rgb(204, 51, 0) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(170, 17, 0) 25%, rgb(204, 51, 0) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(170, 17, 0) 25%, rgb(204, 51, 0) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(170, 17, 0) 25%, rgb(204, 51, 0) 63%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(170, 17, 0)),
            color-stop(0.63, rgb(204, 51, 0))
    );
    text-shadow: 0 -1px 0 #880000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.3);
    border-color: #763407;
    color: #fff;
}

.ButtonGroup.Open .Button.Handle,
#Content input.Button:hover,
#Content input.Button:focus,
#Content input.Button:active,
.Button:hover,
.Button:focus,
.Button:active {
    color: #fff;
    border-color: #6f0b00;
}

.ButtonGroup.Open .Button.Handle,
#Content input.Button:focus,
#Content input.Button:active,
.Button:focus,
.Button:active {
    background: #aa1100;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#Panel .BigButton {
    margin: 20px 0;
}

input.Button {
    padding: 6px 12px;
}

.BoxFilter {
    margin: 20px 0;
}

.Box {
    color: #888;
    margin: 0 0 30px;
}

.Box h4 {
    color: #333;
    font-size: 18px;
    text-transform: uppercase;
    margin: 6px 0;
}

.PanelInfo li {
    font-weight: bold;
    background: #f7f7f7;
    padding: 2px 4px;
    border-style: dotted !important;
}

.PanelInfo a {
    color: #555;
}

.PanelInfo a:hover {
    text-decoration: underline;
}

body.Profile .PanelInfo .Active,
.PanelInfo .Active {
    background: #fff;
}

.PanelInfo .Active a {
    color: #333;
}

.Bullet {
    color: #aaa;
}

/* ---- 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!

.AuthorInfo {display:none;visibility:hidden;}

*/
//.SignInPopup {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%;}


body {
 /*   background: #eeeeee; */
    font-family: Verdana, Trebuchet MS, Tahoma, sans-serif;
    font-weight: normal;
/*    color: #444444; */

background-image:url('https://www.achaea.com/local/group-banner-faded.jpg');
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:#232323;

}


#Content {
box-shadow: 0 0 15px 5px rgba(0,0,0,0.5);
}

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

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

a {
    color: #177aab;
    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: normal;
    color: #f8f8f8;
}

td {
    font-family: Verdana, Trebuchet MS, Tahoma, sans-serif;
    font-weight: normal;
    padding: 4px 0px 4px 4px;
    border-bottom: solid 1px #cccccc;
}

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: #177aab;
}

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

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;
}

div.BreadcrumbsWrapper {
    border-bottom: dashed 1px #d18637;
    background: rgba(0,0,0,0.5);
}

.Breadcrumbs a {
color: #eeeeee;
}
div.Column.PanelColumn {
/*    background: #f8f8f8; */
    background-color: rgba(248,248,248,0.98);
    padding: 15px;
    margin-left: -15px;
    border-right: solid 2px #cccccc;
    border-bottom: solid 2px #cccccc;
}

div.Column.ContentColumn {
/*    background: #f8f8f8; */
    background-color: rgba(248,248,248,0.98);
    padding: 15px 15px 15px 20px;
    border-right: solid 2px #cccccc;
    border-bottom: solid 2px #cccccc;
}

#Head {
box-shadow: inset 0 0 15px 5px rgba(0, 0, 0, 0.5);
 
}

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;
}

div.FormWrapper {
    background: #f8f8f8;
    border: 1px dashed #ccc;
}

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;
}

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

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

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

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

.userContent > *:not(.emoji):not(:last-child):not(br) {
    margin-bottom: 0px;
}

.Read a.Title {
    font-weight: normal;
}

.embedExternal {
    clear: none;
}

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


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

#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: 25px;
}
h2.CategoryNameHeading
{
    padding: 30px 0px 0px 0px;
}
h2.CategoryNameHeading.isEmptyDescription
{
    padding: 30px 0px 5px 0px;
}