/* Fix the formatting of ordered lists when Previewing a post */
.Preview ol {
    list-style-type: decimal;
    padding-left: 40px;
}

/* Give some spacing between each list item in ordered lists */
.Preview ol li {
    margin-bottom: 15px;
}

/* Fix the formatting of unordered lists when Previewing a post */
.Preview ul {
    list-style-type: circle;
    padding-left: 40px;
}

/* Fix the color of ordered lists */
.Message ol li p,
.Message ul li p {
    color: #e6e6e6;
}

@media (min-width: 768px) {

	/* When the Advanced Search box is open, have it open on top of the other content, without pushing everything down */
	.AdvancedSearch .AdvancedWrap {
	    position: absolute;
	    right: 64px;
	    z-index: 10;
	    background-color: black;
	}
	
	/* Give the Advanced Search some margin so things aren't pushed right against the edge */
	.AdvancedSearch .AdvancedWrap .P {
	    margin: 0px 10px 10px 20px;
	}
}

/* Lets pin the top bar to the top so things like notifications are always shown */
.navbar-static-top {
    position: fixed;
    width: 100%;
}

/* Pinning the navbar to the top requires the rest of the page to be pushed down */
section.container {
    position: relative;
    top: 73px;
}

/* Limit the height of images; changed from 50vh to 90vh by Richard*/
.Message img {
    max-height: calc(90vh);
}

/* Make the Sign In or Regsiter Links more visible, and visible that they're 2 links */
/* Color their hover state */
.SignInOrRegister a:hover {
    color: #d0cdcd !important;
}

/* Make the Sign In or Regsiter Links more visible, and visible that they're 2 links */
.SignInOrRegister a {
    border-bottom: 1px solid white;
    padding-bottom: 2px;
}

/* Move the tags so they line up properly with the text body and signature */
.MessageList .Meta.InlineTags {
    margin-left: 40px;
}

/* Fix the spacing of the Date and IP Address of the post */
/* Set some height to the text */
.Comment .CommentMeta .MItem, .Discussion .DiscussionMeta .MItem {
    height: 1.4em;
}

/* Space out the edited and IP Address */
.Comment .CommentMeta .MItem:not(:first-child), .Discussion .DiscussionMeta .MItem:not(:first-child) {
    height: 1.45em;
}

/* Space out the Date so it's separated from the poster info */
.Comment .CommentMeta .MItem:first-child, .Discussion .DiscussionMeta .MItem:first-child {
    margin-top: 8px;
}

/* Make sure editing long comments they have a scrollbar */
.EditCommentForm .TextBox {
    overflow: initial !important;
}

/* Get rid of the "In <Category>" since it's redundent and takes up space */
.Discussion .MItem.Category {
    display: none;
}

/* Fix the font color of poster names on the Categories page */
.DataList .Item .Meta, .DataList .Conversation .Item .MItem, .DataList .Item .Meta a, .DataList .Conversation .Item .MItem a, .DataTable .Item .Meta, .DataTable .Conversation .Item .MItem, .DataTable .Item .Meta a, .DataTable .Conversation .Item .MItem a {
    color: #b3b5ba;
}

/* Make the comment area fill as much space as it can */
.Comment .Item-BodyWrap,
.Discussion .Item-BodyWrap {
    width: 100%;
}

/* Make the signature have a separator */
.UserSignature {
    border-top: 1px solid #466900;
    padding: 7px 7px 7px 0px;
}

.UserSignature,
.UserSignature p {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 13px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 15px; 
    /* color: #868a92; /* variables.less @gray-color-14 */
    color: #9e9999;
}

.Signature a,
.UserSignature a
.UserSignature p a {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 13px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 15px; 
    /* color: #6EB800; */
    color: #d4cfcf;
}

/* Flex Containers for Discussion Block */
.CommentsWrap           .Item.ItemComment    .Comment,
.MessageList.Discussion .Item.ItemDiscussion .Discussion {

    /* .sm-flex */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    /* .sm-flex-row */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    /* .sm-flex-nowrap */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    
    /* .sm-flex-justify-start */
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.MessageList .Item.ItemComment,
.MessageList .Item.ItemDiscussion {
    margin-left: 0px;
}

/* Flex Container for Discussion Block Header (User Info) */
.Comment    .Item-Header.CommentHeader,
.Discussion .Item-Header.DiscussionHeader {
    
    /* .sm-flex */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    /* .sm-flex-column */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
    /* .sm-flex-nowrap */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    border-radius: 0px;
    width: 190px;
    min-width: 190px;
    max-width: 190px;
    
    margin: 5px;
    padding: 10px;
    
    top: 0px;
    left: 0px;
    position: relative;
}

/* Position Avatar Top Left */
.MessageList .Item-Header a.PhotoWrap {
    
    top: 0px;
    left: 0px;
    position: relative;
    
    margin: 5px;
    min-width: 170px;
}

/* Position Comments Top Right */
.Comment .Options {
	
	position: absolute;
	right: 0px;
}

/* Reactions to Bottom by Growing .Item-Body .Message */
.Comment    .Item-Body,
.Discussion .Item-Body {

    /* .sm-flex */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    /* .sm-flex-column */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
    /* .sm-flex-nowrap */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    height: 100%;
    max-width: calc(100vw - 300px); /* Careful. This is a Hack for IE. Subtracts other Widths. */
}

/* Growing .Item-Body .Message */
.Item-Body .Message {
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
}

/* Growing .Item-Body .Message */
.Item-Body .Signature {
    flex-shrink: 0; 
}

.Item-Body .Reactions {
    flex-shrink: 0; 
    margin-left: 35px;
}

 /* Flex Column for Author */
.Discussion .AuthorWrap .Author {
    
    /* .sm-flex */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    /* .sm-flex-column */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
    /* .sm-flex-nowrap */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    min-height: 90px;
}

 /* Flex Column for AuthorInfo */
.Discussion .AuthorWrap .AuthorInfo {
    
    /* .sm-flex */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    /* .sm-flex-column */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
    /* .sm-flex-nowrap */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.Discussion .AuthorWrap .Author a.Username {
    font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 15px;
    font-weight: 400;
}

.Item .Meta .MItem,
.Item .AuthorInfo .MItem {
    font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 12px;
    color: #b3b5ba; /* variables.less @gray-color-9 */
}

.Comment    .Meta .MItem *,
.Discussion .Meta .MItem * {
    font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 12px;
    color: #b3b5ba; /* variables.less @gray-color-9 */
}

 /* Remove "in <Category>" from Discussion List Items */
.Discussion .MItem.Category {
    display: none;
}

.Meta.CommentMeta,
.Meta.DiscussionMeta {
        
    /* .sm-flex */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    /* .sm-flex-column */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
    /* .sm-flex-nowrap */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* Make the IP Address, Edited Date, and Date on their own row */
.Comment .CommentInfo,
.Discussion .DiscussionInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

}

/* =================================================================================
   = Move the profile information on posts from above a post, to left of the post  = 
   ================================================================================= */
/* Setup flexbox so we can make sure the Profile info is on the left */
/*.Comment,*/
/*.ItemDiscussion .Discussion {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: nowrap;*/
/*}*/

 /*Move the Profile information towards the left */
/*.Comment .Item-Header.CommentHeader,*/
/*.Item-Header.DiscussionHeader {*/
/*    display: flex;*/
/*    max-width: 150px;*/
/*    min-width: 150px;*/
/*    flex-direction: column;*/
/*}*/

/* Make sure the author section is displayed on the left of the post, with the right fonts */
/*.Comment .AuthorWrap,*/
/*.Discussion .ItemDiscussion .AuthorWrap {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif';*/
/*    font-size: 13px;*/
/*}*/

/* Make sure the author information is displayed on the left of the post */
/*.Comment .AuthorInfo,*/
/*.Discussion .ItemDiscussion .AuthorInfo {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

/* Make sure the Options are still positioned in the top right of the post */
/*.Comment .Options {*/
/*	position: absolute;*/
/*	right: 0em;*/
/*}*/

/* Space out the poster profile information items a bit */
/*.Comment .AuthorInfo span,*/
/*.ItemDiscussion .AuthorInfo span  {*/
/*    padding-bottom: 3px;*/
/*}*/

/* Make the post date and IP address text size smaller */
/*.Comment .CommentInfo a,*/
/*.Discussion .DiscussionMeta a {*/
/*    font-size: 13px;*/
/*}*/

/* Add a little bit of padding under the avatar */
/*.Comment a.PhotoWrap,*/
/*.Discussion .ItemDiscussion a.PhotoWrap {*/
/*    padding-bottom: 5px;*/
/*}*/

/* Ensure the avatar takes up ~full width of the profile area, so the avatar and poster name are on their own lines */
/*.Comment .PhotoWrap,*/
/*.Discussion .ItemDiscussion .PhotoWrap {*/
/*    min-width: 130px;*/
/*}*/

/* Allow the avatar to fit within the profile area */ 
/*.Comment .PhotoWrap,*/
/*.Discussion .ItemDiscussion .PhotoWrap {*/
/*    top: 0px !important;*/
/*    left: 0px !important;*/
/*    position: relative !important;*/
/*}*/

/* Get rid of the "In <Category>" since it's redundent and takes up space */
/*.Discussion .MItem.Category {*/
/*    display: none;*/
/*}*/

/* Move the items to the left, since the avatar is no longer taking up that space */
/*.MessageList .Item {*/
/*    margin-left: 0px;*/
/*}*/

/* Anchor the reactions to the bottom of the post */
/* Setup flex box on the post body container, and make it fill the entire height */
/*.Item-Body {*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/

/*    flex-direction: column;*/
/*    -ms-flex-direction: column;*/
/*    -webkit-flex-direction: column;*/
    
/*    flex-wrap: nowrap;*/
/*    -ms-flex-wrap: nowrap;*/
/*    -webkit-flex-wrap: nowrap;*/
    
/*    height: 100%;*/
/*}*/

 /*Allow the body to fill the entire space, pushing the Reactions to the bottom */
/*.Item-Body .Message {*/
/*	flex-grow: 1;*/
/*	-ms-flex-grow: 1;*/
/*	-webkit-flex-grow: 1;*/
	
/*    max-width: calc(80vw - 150px);*/
/*}*/

/*.Item-Body .Message .CodeBlock {*/
/*    flex-grow: 1;*/
/*	-ms-flex-grow: 1;*/
/*	-webkit-flex-grow: 1;*/
    
/*	width: 95%;*/
/*}*/

/*.Item-Body .Message .Quote {*/
/*    flex-grow: 1;*/
/*	-ms-flex-grow: 1;*/
/*	-webkit-flex-grow: 1;*/
	
/*	width: 95%;*/
/*}*/

/*.Item-Body .Message .Spoiler {*/
/*    flex-grow: 1;*/
/*	-ms-flex-grow: 1;*/
/*	-webkit-flex-grow: 1;*/
	
/*	width: 95%;*/
/*}*/

/*.Item-Body .Message h2 {*/
/*    flex-grow: 1;*/
/*	-ms-flex-grow: 1;*/
/*	-webkit-flex-grow: 1;*/
    
/*	width: 95%;*/
/*}*/


/* Turn off -webkit-font-smoothing */
html {
    -webkit-font-smoothing: auto;
}

/* Widen The Maing Content on The Page */
section.container {
    width: calc(100% - 10px);
}

.Item .Username {
    color: #ffffff;
}

.PasswordStrength {
    border-radius:0px;
}

form label {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 14px; 
    /*color: #666666;*/
    text-shadow:none; 
}

.TextBox {
    border-radius:0px;
}

.InputBox {
    border-radius:0px;
}


.Overlay > .Popup .Border {
    border-radius:0px;
}

#Form_Email {
    border-radius:0px;
}

#Form_Password {
    border-radius:0px;
}

.Pager.PrevNextPager .Next {
    border-radius:0px;
}

.Pager.PrevNextPager .Previous {
    border-radius:0px;
}

.Tiles .Tile {
    border-radius:0px;
}

.InputBox.TextBox {
    border-radius:0px;
}

.PanelInfo li:first-child a {
    border-radius: 0px;
}

.PanelInfo li:last-child a {
    border-radius: 0px;
}

ul.DataList.Discussions {
    border-radius:0px;
}

.DataList .Item:first-child {
    border-radius:0px;
}

.DataList .Item:last-child {
    border-radius:0px;
}

div.page-wrap {
    border-radius: 0px;
}

/* Makes Vanialla Forums Footer Link all one color */
a[href~="http://vanillaforums.com"] {
    color: #666666;
}

.Sprite.SpSearch {
    /*color: #6EB800;*/
    color: #ffffff;
}

.Sprite.SpSearch:hover {
    /*color: #ffffff;*/
    color: #6EB800;
}

.Pager.NumberedPager a.Previous {
    border-radius: 0px;
}

.Pager.NumberedPager span.Previous {
    border-radius: 0px;
}

.Pager.NumberedPager .Ellipsis {
    height: 30px;
    margin-top: 5px;
}

.Pager.NumberedPager > div.QuickSearch {
    border-radius: 0px;
    height: 40px;
    margin-left: 9px;
}

div.QuickSearch:hover {
    background-color: #000000;
    /*border: 1px solid #6EB800;*/
    border: 1px solid #000000;
}

.QuickSearch.Open {
    background-color: #000000;
    border: 1px solid #6EB800;
}

div.QuickSearch.Open:hover {
    background-color: #000000;
    /*border: 1px solid #6EB800;*/
    border: 1px solid #6EB800;
}

.Button {
    border-radius: 0px;
}

#Form_search {
    border-radius: 0px;
}

.Pager.NumberedPager > .Highlight {
    background-color: #000000;
    border: 1px solid #6EB800;
}

.Pager.NumberedPager > a:hover {
    background-color: #000000;
}

.Dropdown.MenuItems {
    border-radius: 0px;
}

a.Button.PreviewButton {
    border-radius: 0px;
}

a.Button.DraftButton {
    border-radius: 0px;
}

.Message {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 300; 
    letter-spacing:0px; 
    line-height: 20px; 
    color: #e6e6e6; 
    margin: 20px;
}

.Message > p {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 300; 
    letter-spacing:0px; 
    line-height: 22px; 
    color: #e6e6e6; 
    margin: 20px;
}

.ReactSprite.ReactQuote {
    background-image: url(https://badges.v-cdn.net/100/comment.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.ReactButton.Quote.Visible {
    font-size:0px;
}

.ReactSprite.ReactFlag {
    background-image: url(https://badges.v-cdn.net/reactions/50/abuse.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.InProgress .ReactSprite.ReactFlag {
    background-image: url(https://badges.v-cdn.net/reactions/50/abuse.png) !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.ReactButton-Flag > .ReactLabel {
    display:none;
}

.ReactSprite.ReactPromote {
    background-image: url(https://badges.v-cdn.net/reactions/50/promote.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.InProgress .ReactSprite.ReactPromote {
    background-image: url(https://badges.v-cdn.net/reactions/50/promote.png) !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.ReactSprite.ReactInsightful {
    background-image: url(https://badges.v-cdn.net/reactions/50/insightful.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.InProgress .ReactSprite.ReactInsightful {
    background-image: url(https://badges.v-cdn.net/reactions/50/insightful.png) !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.ReactButton-Insightful > .ReactLabel {
    display:none;
}

.ReactSprite.ReactAgree {
    background-image: url(https://badges.v-cdn.net/reactions/50/agree.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.InProgress .ReactSprite.ReactAgree {
    background-image: url(https://badges.v-cdn.net/reactions/50/agree.png) !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.ReactButton-Agree > .ReactLabel {
    display:none;
}

.ReactSprite.ReactLike {
    background-image: url(https://badges.v-cdn.net/reactions/50/like.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.InProgress .ReactSprite.ReactLike {
    background-image: url(https://badges.v-cdn.net/reactions/50/like.png) !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.ReactButton-Like > .ReactLabel {
    display:none;
}

.ReactSprite.ReactAwesome {
    background-image: url(https://badges.v-cdn.net/reactions/50/awesome.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.InProgress .ReactSprite.ReactAwesome {
    background-image: url(https://badges.v-cdn.net/reactions/50/awesome.png) !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.ReactButton-Awesome > .ReactLabel {
    display:none;
}

.ReactSprite.ReactLOL {
    background-image: url(https://badges.v-cdn.net/reactions/50/lol.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.InProgress .ReactSprite.ReactLOL {
    background-image: url(https://badges.v-cdn.net/reactions/50/lol.png) !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat;
    
    height: 18px;
    width: 18px;
}

.ReactButton-LOL > .ReactLabel {
    display:none;
}

.InProgress .Count {
    display: none;
}

.smugmug-photos-box {
    width:100%;
    position:relative;
    margin-top: 21px;
    overflow: hidden;
}

.smugmug-photos-box > img {
    margin-left: 20%;
    margin-top: 10px;
}

div.BoxFilter.BoxDiscussionFilter {
    width: 0%;
    height: 0%;
    display: none;
}

ul.nav.navbar-nav > li > span.li-spacer {
    display:table-cell;
    width: 20px;
    height: 1px;
}

ul.nav.navbar-nav > li > span.Sprite {
    display:table-cell;
    vertical-align: middle;
    color: #ffffff;
    height: 55px;
    padding: 0px;
    margin: 0px;
}

body {
    background-color: #1C1D1F;
}

#Form_Search {
    border-radius: 0px; 
}

/* DIGITAL GRIN PHOTOGRAPHY FORUM -- Navbar Header */
a.navbar-brand {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 20px; 
    font-style: normal; 
    font-weight: 400; 
    letter-spacing:0px; 
    line-height: 24px; 
    color: #ffffff;
}

div.P.PageDescription {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 14px; 
    color: #a1a4aa;
}

.container .navbar-default .collapse {
    border-radius: 0px;
    background-color: #060606; /*This is a little Hacky*/
}

.navbar-static-top {
    border-top: 3px solid #6EB800;
}

.navbar-default .navbar-nav > li > a {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 300; 
    letter-spacing:0px; 
    line-height: 24px; 
    color: #FFFFFF;
}

.navbar-default .navbar-nav > li > a:hover {
        box-shadow: 0 3px #6EB800 inset;
}

.navbar-default .navbar-nav > li > a.Selected {
        box-shadow: 0 3px #6EB800 inset;
}

.navbar-default .navbar-nav > li > a.Selected:hover {
        box-shadow: 0 3px #666666 inset;
}

.Breadcrumbs {
    border-radius: 0px;
}

.Section-Discussion .page-content {
    width: 100%;
}

.Section-Discussion .page-sidebar {
    width: 0%;
    height: 0%;
    display: none;
}

.Section-DiscussionList .page-content {
    width: 100%;
}

.Section-DiscussionList .page-sidebar {
    width: 0%;
    height: 0%;
    display: none;
}

.Section-CategoryList .page-content {
    width: 80%;
}

.Section-CategoryList .page-sidebar {
    width: 20%;
}

/* Remove Views Column from DiscussionList */
.DiscussionsTable thead td.CountViews {
    width: 0%;
    visibility: hidden;
    display: none;
}

.DiscussionsTable tbody td.CountViews {
    width: 0%;
    visibility: hidden;
    display: none;
}

/* For SmugMug Images SideStrip */
aside.page-sidebar {
    height: 100%;
    overflow: hidden;
}

.Button.Primary {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 400; 
    letter-spacing:0.5px; 
    line-height: 20px; 
    color: #ffffff;
    
    background-color: #6EB800;
    /*border-radius: 0px;*/
    border: none;
    
    border-radius: 0px;
    /*border: 1px solid #000000;*/
}

a.Button.Primary.Handle {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 400; 
    letter-spacing:0.5px; 
    line-height: 20px; 
    color: #ffffff;
    
    background-color: #6EB800;
    /*border-radius: 0px;*/
    /*border: none;*/
    
    border-radius: 0px;
    border-left: 1px solid #000000;
}

.Button.ApplyButton {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 400; 
    letter-spacing:0.5px; 
    line-height: 20px; 
    color: #ffffff;
    
    /*background-color: #6EB800;*/
    /*border-radius: 0px;*/
    /*border: none;*/
    
    border-radius: 0px;
    border: 1px solid #000000;
}

.FilterMenu li > a {
    color: #FFFFFF;
}

.FilterMenu li > a:hover {
    background-color: #3c3e43;
    border-radius: 0px;
}

.FilterMenu .Active > a {
    background-color: #000000;
    border-radius: 0px;
    border: 1px solid #6EB800;
}

.FilterMenu .Active > a:hover {
    background-color: #1c1d1f;
    border-radius: 0px;
}

.DataTable tr {
    background-color: #1c1d1f;
}

.DataTable h3 a {
    text-decoration: none;
}

div.DataTableWrap {
    border-radius: 0px;
}

table.DataTable.CategoryTable {
    border-radius: 0px;
}

.BlockColumn.LatestPost > div {
    text-align: right;
}

.ChildCategories > b {
    display: none;
}

.CategoryName > .Wrap > .ChildCategories > a {
    font-size: 12px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 12px; 
    color: #6EB800;
    text-decoration:none;
}

.CategoryName > .Wrap > .ChildCategories > a:hover {
    color: #ffffff;
}


td.BigCount .Number {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 13px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 13px; 
    color: #ffffff;

    width: 100px;
}

thead .Wrap {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    /* font-weight: 200; */
    font-weight: 400;
    letter-spacing:0px; 
    line-height: 14px; 
    /* color: #666666; */
    color: #9a9999;
    text-shadow:none;  
}

.CategoryGroup {
    border-radius: 0px;
}

.CategoryGroup .H {
    background-color: #000000;
    
    font-size: 14px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 14px; 
    color: #6EB800;
    text-shadow:none;
}

div.CategoryDescription {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 300; 
    letter-spacing:0px; 
    line-height: 14px; 
    color: #a1a4aa;
}

.DataTable.CategoryTable > thead > tr {
    background-color: none;
    border:none;
    margin-top:-24px;
}

thead .CategoryName .Wrap {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 18px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 18px; 
    color: #ffffff;
    display: none; /*hiding for now*/
    width: 100px;
}

h1 {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 30px; 
    font-style: normal; 
    font-weight: 100; 
    letter-spacing:0px; 
    line-height: 40px;
    color: #6EB800;
    text-shadow:none;
}

h2 {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 30px; 
    font-style: normal; 
    font-weight: 100; 
    letter-spacing:0px; 
    line-height: 40px; 
    color: #666666;
    text-shadow:none;
}

h3 {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 30px; 
    font-style: normal; 
    font-weight: 100; 
    letter-spacing:0px; 
    line-height: 40px; 
    color: #666666;
}

h4 {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 30px; 
    font-style: normal; 
    font-weight: 100; 
    letter-spacing:0px; 
    line-height: 40px; 
    color: #666666;
}

h5 {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 30px; 
    font-style: normal; 
    font-weight: 100; 
    letter-spacing:0px; 
    line-height: 40px; 
    color: #666666;
}

h6 {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 30px; 
    font-style: normal; 
    font-weight: 100; 
    letter-spacing:0px; 
    line-height: 40px; 
    color: #666666;
}

p {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 24px; 
    color: aaaaaa;
}

a {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 300; 
    letter-spacing:0px; 
    line-height: 24px; 
    color: #6EB800;
}

a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* Announcements on Discussions List Page */
.DiscussionsTable tbody tr.Announcement {
    background-color: #141516;
    border-left: 1px solid #6EB800;
    border-right: 1px solid #6EB800;
}

.DiscussionsTable tbody tr.Announcement:hover {
    background-color: #242528;
}

.DiscussionsTable tbody tr.Announcement .DiscussionName a {
    color: #989ba2;
}

.DiscussionsTable tbody tr.Announcement .DiscussionName .MItem.Category a {
    color: #ffffff;
}

/* Remove Underlines in DataTable */
.DataTable tbody tr td a {
    text-decoration: none;
}

/* Categories in Discussion Lists */
.DiscussionsTable span.MItem.Category {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 200; 
    letter-spacing:0px; 
    line-height: 20px; 
    color: #ffffff;
    height: 20px;
    margin-left: 5px;
    vertical-align: bottom;
}

/* Categories in Discussion Lists */
.DiscussionsTable span.MItem.Category a {
    font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', 'sans-serif'; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 400; 
    letter-spacing:0px; 
    line-height: 20px; 
    color: #ffffff;
    height: 20px;
    margin: 0;
    vertical-align: bottom;
}

/* Align the DiscussionName */
.DiscussionsTable .DiscussionName a.Title {
    vertical-align: bottom;
    height: 20px;
    margin: 0;
}

/* Hide the Mini Pager in DiscussionList */
.DiscussionsTable span.MiniPager {
    display: none;
    visibility: hidden;
}

/* Remove Role Title in Posts */
span.MItem.RoleTitle {
    display:none;
}

/* Post Quote Text Lighter */
.QuoteText p, .QuoteText ul, .Comment .UserQuote {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px; 
    color: #b3b5ba;
}

/* Post Quote Text Lighter (Lists) */
.QuoteText ol li {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px; 
    color: #b3b5ba;
}

/* Hover Color for Preferences */
div.Preferences table.PreferenceGroup tbody tr:hover {
    background-color: #040404;       /* SmugMug variables.less @gray-color-30    */
    border-left: 1px solid #6EB800;  /* SmugMug variables.less @accent-a-color-5 */
    border-right: 1px solid #6EB800; /* SmugMug variables.less @accent-a-color-5 */
}

div.Preferences table.PreferenceGroup tbody tr:hover td {
    background-color: #040404; /* SmugMug variables.less @gray-color-30    */
}

/* New comment count */
.HasNew {
    background-color: #6EB800;
}

/* Post Quote Text Lighter */
.QuoteText p {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px; 
    color: #b3b5ba;
}

/* Post Quote Text Lighter (Lists) */
.QuoteText ol li {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px; 
    color: #b3b5ba;
}

/* Hover Color for Preferences */
div.Preferences table.PreferenceGroup tbody tr:hover {
    background-color: #040404;       /* SmugMug variables.less @gray-color-30    */
    border-left: 1px solid #6EB800;  /* SmugMug variables.less @accent-a-color-5 */
    border-right: 1px solid #6EB800; /* SmugMug variables.less @accent-a-color-5 */
}

div.Preferences table.PreferenceGroup tbody tr:hover td {
    background-color: #040404; /* SmugMug variables.less @gray-color-30    */
}

/* New comment count */
.HasNew {
    background-color: #6EB800;
}

/* Ensure any links in signatures are the same size as the rest of the Signature font size 
.Signature a {
    font-size: 11px; 
} */

/* Hide the avatar (profile photo) for the person who posted from the Home Page */
.CategoryTable .ProfilePhoto {
    display: none;
}

/* Hide the avatar (profile photo) for the person who posted from the Categories Page */
.DiscussionsTable .ProfilePhoto {
    display: none;
}

/* Change the top margin and color of the blockquote line */
blockquote, blockquote.Quote {
    margin: 20px 0px 0px 20px;
    border-left: 5px solid rgba(110, 184, 0, 0.2);
}

blockquote.UserQuote.blockquote {
    margin: 20px 0px 0px 20px;
    border-left: 5px;
    border-left: 5px solid rgba(110, 184, 0, 0.2);
}
/* Make sure the Signatures align with the post */
.UserSignature {
    margin-left: 40px;
}

table a:not(.btn), .table a:not(.btn), table a:not(.btn) {
    color: #e6e6e6;
}

/* Move the dgrin logo up a bit */
.navbar-header {
    position: relative;
    top: -4px;
}