body, h2, h3, h4 {
  font-family: sans-serif; }

body {
  background: #282a22;
  color: #eeeeee; }

a {
  text-decoration: none; }
  a:link, a:visited {
    color: #c4e87d; }
  a:hover {
    color: #ceec93;
    text-decoration: underline; }

#header td.cell0 {
  background: #1f2b08;
  background-image: linear-gradient(#101604, #2f410b); }

#header {
  color: #eeeeee; }
  #header a:link, #header a:visited {
    color: #c4e87d; }
  #header a:hover {
    color: #a7dd3c; }

#navBar {
  padding: 6px 12px;
  font-size: 93%;
  border-top: 1px solid #587915;
  background: #425b10;
  background-image: linear-gradient(to bottom, #688f19, #394e0e);
  border-bottom: 1px solid #090d02;
  box-shadow: inset 0px 1px 1px #a7dd3c; }

.navButton {
  padding: 0; }

span.navButton > a {
  padding: 3px 9px; }

.dropdownContainer > .navButton {
  padding: 0px 3px; }

span.navButton > a, .dropdownContainer > .navButton, .dropdownContainer > .navButton > a {
  color: #e2f4be !important;
  text-shadow: 0px 1px 0px #101604;
  border: 1px solid transparent; }

span.navButton > a:hover {
  border-color: #29380a;
  background: #587915;
  background-image: linear-gradient(#97d025, #587915);
  box-shadow: inset 0px 1px 1px #b7e35f; }

.dropdownContainer:hover > .navButton {
  background: transparent; }

.dropdownContainer {
  display: inline-block;
  zoom: 1;
  *display: inline; }

ul.dropdownMenu {
  background: #334116;
  border-top: 1px solid #506722;
  border-bottom: 1px solid #060803;
  border-left: 1px solid #506722;
  background: #334116;
  border-top: 1px solid #506722;
  border-bottom: 1px solid #060803;
  border-right: 1px solid #060803;
  box-shadow: 0px 1px 2px #111111;
  padding: 4px; }
  ul.dropdownMenu li {
    padding: 0;
    background: transparent;
    margin: 0;
    border: 0; }
  ul.dropdownMenu li > a {
    display: block;
    padding: 3px 5px;
    color: #d8f0a8; }
    ul.dropdownMenu li > a:hover {
      background: #486412;
      background-image: linear-gradient(#486412, #688f19);
      text-decoration: none;
      box-shadow: inset 0px 1px 2px #7ead1f; }

#navMenuContainer {
  padding-top: 1px; }

#notifMenuButton {
  padding-right: 1.5em; }

#notifMenuButton #notifCount {
  position: absolute;
  right: 0px;
  top: 0px; }

#headerInfo th {
  padding: 3px;
  color: #eeeeee;
  text-shadow: 0px 1px 1px black;
  background: #3f570f;
  border-top: 1px solid #5e8217;
  border-bottom: 1px solid #101604;
  border-left: 1px solid #5e8217;
  background: #3f570f;
  border-top: 1px solid #5e8217;
  border-bottom: 1px solid #101604;
  border-right: 1px solid #101604;
  box-shadow: inset 0px 1px 1px #a7dd3c;
  background-image: linear-gradient(#6e981b, #3f570f); }

#headerInfo td {
  background: #151515;
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid black;
  border-left: 1px solid #2f2f2f;
  background: #151515;
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  color: #eeeeee; }

#header tr.cell0 td {
  background: #273211; }

#header-sep {
  display: none; }

.crumb-container th {
  padding: 6px 20px !important;
  color: #eeeeee;
  font-weight: normal; }
  .crumb-container th a:link, .crumb-container th a:visited {
    color: #c4e87d; }
  .crumb-container th a:hover {
    color: #a7dd3c; }
  .crumb-container th a {
    font-weight: normal; }

.crumbContTop th {
  background-image: linear-gradient(to bottom, #273211, #536b24);
  border-bottom: 1px solid #090d02;
  box-shadow: inset 0px 1px 1px black, 0px 1px 2px #1b1f14; }

.crumbContBottom th {
  background: #536b24;
  border-top: 1px solid #587915;
  border-bottom: 1px solid #394e0e; }

.actionlinks .smallFonts {
  font-size: 1em !important; }
  .actionlinks .smallFonts li {
    border-left: 1px solid #597326;
    margin-left: 0.75em;
    padding-left: 0.75em; }
    .actionlinks .smallFonts li:first-child {
      border-left: 0; }
  .actionlinks .smallFonts li:before {
    display: none; }

#footer {
  padding-top: 0.5em;
  background: #1f2b08;
  overflow: hidden; }
  #footer table {
    color: #eeeeee; }
    #footer table a:link, #footer table a:visited {
      color: #c4e87d; }
    #footer table a:hover {
      color: #a7dd3c; }

#main-sidebar {
  display: none; }

div#page_contents {
  padding: 16px; }

table.homepage h2 {
  margin: 0 0 0.83em 0; }

table {
  color: #eeeeee; }

#mobile-crumbs {
  box-shadow: 0px 1px 2px #111111; }

#mobile-crumbs th {
  padding: 2px 8px;
  font-size: 77%;
  color: #a7c270;
  background: #1c2112;
  border-top: 1px solid #384224;
  border-bottom: 1px solid black;
  border-left: 1px solid #384224;
  background: #1c2112;
  border-top: 1px solid #384224;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  background-image: linear-gradient(#1c2112, #2a321b);
  text-align: left; }

#mobile-sidebar table.outline, #page_contents table.outline {
  box-shadow: 0px 1px 2px #111111; }
#mobile-sidebar table.outline tr.header0 th, #page_contents table.outline tr.header0 th {
  padding: 2px 8px;
  font-size: 77%;
  color: #a7c270;
  background: #1c2112;
  border-top: 1px solid #384224;
  border-bottom: 1px solid black;
  border-left: 1px solid #384224;
  background: #1c2112;
  border-top: 1px solid #384224;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  background-image: linear-gradient(#1c2112, #2a321b);
  text-align: left; }

#mobile-sidebar table.outline tr.header1 th, #page_contents table.outline tr.header1 th {
  padding: 5px;
  text-align: center;
  color: #eeeeee;
  text-shadow: 0px 1px 1px black;
  background: #3f570f;
  border-top: 1px solid #5e8217;
  border-bottom: 1px solid #101604;
  border-left: 1px solid #5e8217;
  background: #3f570f;
  border-top: 1px solid #5e8217;
  border-bottom: 1px solid #101604;
  border-right: 1px solid #101604;
  box-shadow: inset 0px 1px 1px #a7dd3c;
  background-image: linear-gradient(#6e981b, #3f570f); }
#mobile-sidebar tr.header0 > th, #mobile-sidebar tr.header1 > th, #page_contents tr.header0 > th, #page_contents tr.header1 > th {
  font-size: 1em !important; }
#mobile-sidebar .cell0 td, #mobile-sidebar .cell1 td, #mobile-sidebar .cell2 td, #mobile-sidebar td.cell0, #mobile-sidebar td.cell1, #mobile-sidebar td.cell2, #page_contents .cell0 td, #page_contents .cell1 td, #page_contents .cell2 td, #page_contents td.cell0, #page_contents td.cell1, #page_contents td.cell2 {
  background: #1e1e1e;
  border-top: 1px solid #383838;
  border-bottom: 1px solid black;
  border-left: 1px solid #383838;
  background: #1e1e1e;
  border-top: 1px solid #383838;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 4px 8px; }
#mobile-sidebar .cell2 td, #mobile-sidebar td.cell2, #page_contents .cell2 td, #page_contents td.cell2 {
  background: #151515; }

.forumlist .newMarker {
  padding: 7px 8px 9px !important; }

.forumlist .statusIcon, .statusIconNull {
  text-align: center;
  font-size: 80%;
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  border-radius: 30%;
  color: #eee;
  font-weight: bold; }

.smallFonts .statusIcon, .smallFonts .statusIconNull {
  width: 1em;
  height: 1em;
  line-height: 1em; }

.forumlist .statusIcon {
  background: #597326;
  background-image: linear-gradient(#b8f53d, #426105);
  box-shadow: inset 0px 1px 1px #9dd926, 0px 1px 3px black;
  text-shadow: 0px -1px 1px #3f570f; }
  .forumlist .statusIcon:before {
    display: none; }

.statusIconNull {
  background: #4d4d4d;
  background-image: linear-gradient(#666666, #262626);
  box-shadow: inset 0px 1px 1px #999999, 0px 1px 3px black;
  text-shadow: 0px -1px 1px #1a1a1a; }

/*
$ticonSize: 10px;
.threadlist .newMarker {
	padding: 3px 14px !important;
}
.threadlist .statusIcon {
	display: inline-block;

	width: $ticonSize;
	height: $ticonSize;

	//line-height: $ticonSize;
	text-align: center;

	border-radius: 40%;

	&.new {
		border: 1px solid hsl(30deg, 80%, 20%);
		@include boxShadow(
			inset 0px 1px 5px #fff,
			inset 0px -1px 4px hsl(30deg, 80%, 40%)
		);
		background: hsl(60deg, 80%, 60%);
	}

}
.statusIcon {
	&.hotnew {
		border: 1px solid hsl(30deg, 80%, 20%);
		@include boxShadow(
			inset 0px 1px 5px hsl(30deg, 80%, 85%),
			inset 0px -1px 4px hsl(30deg, 80%, 30%)
		);
		background: hsl(30deg, 80%, 50%);
	}

	&.off, &.offhot, &.offhotnew, &.offnew {
		border: 1px solid hsl(30deg, 0%, 20%);
		@include boxShadow(
			inset 0px 1px 5px hsl(30deg, 0%, 85%),
			inset 0px -1px 4px hsl(30deg, 0%, 30%)
		);
		background: hsl(30deg, 0%, 50%);
	}
}*/
.threadListPageLinks {
  float: right;
  padding-top: 4px;
  padding-left: 15px;
  color: #bbbbbb;
  /*&:before {
  	content: 'Pages:';
  	padding: 0px 4px; 
  }*/ }
  .threadListPageLinks > a {
    background: #111111;
    padding: 2px 5px; }

table.post {
  box-shadow: 0px 1px 1px #111111; }
  table.post td.side {
    background: #151515;
    border-top: 1px solid #2f2f2f;
    border-bottom: 1px solid black;
    border-left: 1px solid #2f2f2f;
    background: #151515;
    border-top: 1px solid #2f2f2f;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    padding: 8px 8px; }
  table.post td.meta, table.post td.side.userlink {
    background: #2e3d0f;
    border-top: 1px solid #4c6619;
    border-bottom: 1px solid black;
    border-left: 1px solid #4c6619;
    background: #2e3d0f;
    border-top: 1px solid #4c6619;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    background-image: linear-gradient(#4c6619, #2e3d0f);
    padding: 4px 8px; }
  table.post td.post {
    background: #333333;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #0d0d0d;
    border-left: 1px solid #4d4d4d;
    background: #333333;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #0d0d0d;
    border-right: 1px solid #0d0d0d;
    padding: 4px 8px; }

div#tabs {
  padding: 0;
  padding-bottom: 1px; }

.tab, div#tabs button {
  border: 0;
  color: #eeeeee;
  margin: 0;
  padding: 0.25em 1em;
  outline: none;
  text-shadow: 0px 1px 1px black;
  box-shadow: inset 0px 1px 1px #bbe467;
  background: #3f570f;
  border-top: 1px solid #5e8217;
  border-bottom: 1px solid #101604;
  border-left: 1px solid #5e8217;
  background: #3f570f;
  border-top: 1px solid #5e8217;
  border-bottom: 1px solid #101604;
  border-right: 1px solid #101604;
  background-image: linear-gradient(#6e981b, #3f570f); }
  .tab.selected, div#tabs button.selected {
    box-shadow: inset 0px 1px 1px #2f410b;
    background-image: linear-gradient(#2f410b, #7ead1f); }

textarea, input, button {
  color: #eeeeee; }

textarea, input[type='text'], input[type='password'], input[type='email'] {
  box-shadow: inset 0px 1px 2px #111111;
  border: 1px solid #555555;
  background: #333333;
  padding: 4px;
  font-size: 85%; }
  textarea:hover, input[type='text']:hover, input[type='password']:hover, input[type='email']:hover {
    border: 1px solid #888; }
  textarea:focus, textarea:active, input[type='text']:focus, input[type='text']:active, input[type='password']:focus, input[type='password']:active, input[type='email']:focus, input[type='email']:active {
    border: 1px solid #999;
    background: #484848; }

button, input[type='submit'] {
  background: #444444;
  border-top: 1px solid #5e5e5e;
  border-bottom: 1px solid #1e1e1e;
  border-left: 1px solid #5e5e5e;
  background: #444444;
  border-top: 1px solid #5e5e5e;
  border-bottom: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
  color: #cccccc;
  padding: 3px 9px;
  box-shadow: 0px 1px 1px black, inset 0px 1px 2px #666666; }
  button:hover, input[type='submit']:hover {
    background: #555555;
    border-top: 1px solid #6e6e6e;
    border-bottom: 1px solid #2f2f2f;
    border-left: 1px solid #6e6e6e;
    background: #555555;
    border-top: 1px solid #6e6e6e;
    border-bottom: 1px solid #2f2f2f;
    border-right: 1px solid #2f2f2f;
    box-shadow: 0px 1px 1px black, inset 0px 1px 4px #888888; }
  button:active, input[type='submit']:active {
    background: #333333;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #404040;
    border-left: 1px solid #1a1a1a;
    background: #333333;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #404040;
    border-right: 1px solid #404040; }

.postToolbar button {
  padding: 0; }

.smiliesList {
  background: #303030;
  border-top: 1px solid #171717;
  border-bottom: 1px solid #3d3d3d;
  border-left: 1px solid #171717;
  background: #303030;
  border-top: 1px solid #171717;
  border-bottom: 1px solid #3d3d3d;
  border-right: 1px solid #3d3d3d;
  margin-top: 0.5em;
  padding: 4px;
  text-align: center; }
  .smiliesList .sb {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    background: #222222;
    margin: 1px;
    position: relative; }
    .smiliesList .sb img {
      vertical-align: middle; }
    .smiliesList .sb .tooltip {
      display: none;
      position: absolute;
      bottom: 100%;
      left: 0;
      z-index: 100;
      margin-bottom: 4px;
      padding: 4px 8px;
      white-space: nowrap;
      background: #748f3d;
      border-top: 1px solid #90b34d;
      border-bottom: 1px solid #485926;
      border-left: 1px solid #90b34d;
      background: #748f3d;
      border-top: 1px solid #90b34d;
      border-bottom: 1px solid #485926;
      border-right: 1px solid #485926;
      color: #eee; }
    .smiliesList .sb img:hover + .tooltip {
      display: block; }

.smiliesListAddendum {
  color: #bbbbbb;
  display: block; }
