@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,300,600,700);

*,*:after,*:before{
box-sizing:border-box;
}

html,body {
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background:#dee5ec;
  color:#4b5463;
  margin:0;
  padding:0;
  font-size:12px;
  min-height:100%;
}

body { height:100%; }

::selection {
  background: #fc7012; /* WebKit/Blink Browsers */
  color:#fff;
}
::-moz-selection {
  background: #fc7012; /* Gecko Browsers */
  color:#fff;
}

a {
text-decoration:none;
  color:#2873d0;
  -webkit-transition: color .2s ease-in-out; /* Safari */
  transition: color .2s ease-in-out;
}

a:hover, .c_forum strong a:hover, #nav a:hover { color:#fc7012; }
strong { font-weight:600; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:12px;
  margin:0;
}

dd,
dt,
dl {
  margin:0;
  padding:0;
}

img { vertical-align:middle; }

/* Inputs, textareas, selects, etc. */
input,
textarea {
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #d6dfe8;
  border: 1px solid #c6d0d9;
  color: #7d858d;
  font-size:1em;
  padding: 3px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.05);
  box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.05);
}
textarea { 
  width:100%;
  margin-bottom:6px;
}
input:hover,textarea:hover {color:#4b5463;}
input:active,
input:focus,
textarea:active,
textarea:focus {
  border-color: #ADB1B5;
  color:#4b5463;
  outline: 0;
}

/* Buttons */
button,
.btn-big,
.cat-topicpages a,
.cat-pages a,
#c_post-resize span {
  background: #f3f7fa; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3f7fa 0%, #e6f1f8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f7fa), color-stop(100%,#e6f1f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3f7fa 0%,#e6f1f8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3f7fa 0%,#e6f1f8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3f7fa 0%,#e6f1f8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3f7fa 0%,#e6f1f8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fa', endColorstr='#e6f1f8',GradientType=0 ); /* IE6-9 */
  border:1px solid #c8d3dd;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,1),0px 2px 2px 0px rgba(178,193,207,0.25);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,1),0px 2px 2px 0px rgba(178,193,207,0.25);
  box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,1),0px 2px 2px 0px rgba(178,193,207,0.25);
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  padding:6px;
  color:#555d70;
  font-size: 10px;
  text-transform: uppercase;
  cursor:pointer;
  outline:0;
}
button:hover,
.btn-big:hover,
.cat-topicpages a:hover,
.cat-pages a:hover,
#c_post-resize span:hover{
  background:#fafcfc;
  color:#2873d0;
}
button:active,
.btn-small:active,
.btn-big:active,
.btn-locked, .btn-locked:hover,
.bt-locked-poll, .btn-locked-poll:hover,
#blog_sub .left a:active,
.blog_options a:active,
.tweet_topic a:active,
#c_bbcode button:active,
#ucp_gallery a:active,
#ucp_gallery button:active,
.cat-topicpages a:active,
.cat-pages a:active,
#c_post-resize span:active {
  background: #e4eff6; /* Old browsers */
  background: -moz-linear-gradient(top,  #e4eff6 0%, #f0f4f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4eff6), color-stop(100%,#f0f4f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e4eff6 0%,#f0f4f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e4eff6 0%,#f0f4f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e4eff6 0%,#f0f4f5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e4eff6 0%,#f0f4f5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4eff6', endColorstr='#f0f4f5',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(200,211,221,0.5);
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(200,211,221,0.5);
  box-shadow: inset 0px 1px 3px 0px rgba(200,211,221,0.5);
  color:#99a9c2;
}
button:active,
.btn-big:active,
.btn-locked, .btn-locked:hover,
.bt-locked-poll, .btn-locked-poll:hover { 
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1),inset 0px 1px 3px 0px rgba(200,211,221,0.5);
  -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1),inset 0px 1px 3px 0px rgba(200,211,221,0.5);
  box-shadow: 0px 1px 0px 0px rgba(255,255,255,1),inset 0px 1px 3px 0px rgba(200,211,221,0.5);
}
.btn-big { margin-left:5px; }
.c_postfoot td, td.c_postfoot {
  background: #EBF0F3;
  padding: 0;
  font-size: 0;
}
.btn-small,
#blog_sub .left a,
.blog_options a,
.tweet_topic a,
#c_bbcode button,
#ucp_gallery a,
#ucp_gallery button {
  background:transparent;
  color: #6D798C;
  text-align:center;
  font-size: 12px;
  padding: 8px 10px;
  display: inline-block;
  cursor:pointer;
  border:none;
  border-right: 1px solid #D3D9E0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.right .btn-small:first-of-type { border-left:1px solid #D3D9E0; }
.right .btn-small:last-of-type,
.c_postfoot td:first-of-type .btn-profile { border-right:0; }
.c_postfoot td:first-of-type .btn-small { width: 50%; }

.btn-small:hover,
.multiquote-active,
#blog_sub .left a:hover,
.blog_options a:hover,
.tweet_topic a:hover,
#c_bbcode button:hover,
#ucp_gallery a:hover,
#ucp_gallery button:hover { background-color:#fafcfc; }

.tweet_topic {
  display:inline-block;
  margin-right:6px;
}
.tweet_topic img { margin-right: 6px; }
.btn-small img { margin-right:2px; }
.btn-small svg,
.btn-big svg {
  width: 11px;
  height: 11px;
  vertical-align: middle;
  margin-right: 2px;
  margin-top: -2px;
}
.btn-big svg{
  width:16px;
  height:16px;
}
.btn-locked, .btn-locked:hover, .btn-locked:active {
  color:#c2999a;
  cursor:default;
}
.btn-locked-poll, .btn-locked-poll:hover, .btn-locked-poll:active {
  color:#a0c299;
  cursor:default;
}

/* Selects */
select {
  background: #fff;
  color: #657185;
  padding: 3px;
  border: 1px solid #b6bec4;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}
/* For selects with rounded corners top-left, bottom-left */
select[name="modopts_menu"],
select[name="topicopts_menu"],
select[name="fid"] { border-radius: 3px 0 0 3px; }

/* For selects with no rounded corners */ 
select[name="y"] {
  margin: 0 -3px;
  border-left: 0;
  border-radius: 0;
}

/* For buttons/inputs with buttons/inputs to their left */
button.btn_mod,
.profile button,
#blog_sub button,
.searchbox button {
  border-radius: 0 3px 3px 0px;
  -moz-border-radius: 0 3px 3px 0px;
  -webkit-border-radius: 0 3px 3px 0px;
  border-left: 0;
  position: relative;
  top: -1px;
}
select[name="fid"] + small button.btn_mod,
c_head button.btn_mod,
#blog_sub button,
button[name="modopts"]{
  margin-left: -3px;
}
select[name="fid"] + small button.btn_mod,
c_head button.btn_mod {
  font-size: inherit;
}
.profile button { margin-left: -4px; }
/* For buttons/inputs with buttons/inputs to their right */
select[name="m"],
.profile input[name="status"],
#blog_sub input,
.searchbox input{
  border-radius: 3px 0 0 3px;
}
/* For buttons/inputs with buttons/inputs on both sides */
select[name="y"] {
  margin-left: -3px;
  margin-right: -3px;
  border-radius:0;
}

/* Warn Buttons */
.warn-level {
  background: #d3d9e0;   display: inline-block;
    vertical-align: middle;
  width: 75px;
  height: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.warn-20,
.warn-40,
.warn-60,
.warn-80,
.warn-100 {
  background: #f4d43b;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.warn-40 {
  background:#f4b53b;
  width:30px;
}
.warn-60 {
  background:#f49f3b;
  width:45px;
}
.warn-80 {
  background:#f47c3b;
  width:60px;
}
.warn-100 {
  background:#f4553b;
  width:75px;
}
/*
=================================
STRUCTURE
=================================
*/

.content-wrapper {
  background: #242931;
  width: 100%;
  min-height:100vh; /* Sets height to the height of the browser viewport */
  float: left;
  padding-left: 15%;
}
section#sidebar {
  background: #242931;
  float: left;
  width: 15%;
  margin-left: -100%;
  text-shadow: 0 1px 1px rgba(0,0,0,.75);
}
section#content {
  background: #dee5ec;
  float: left;
  width: 100%;
  min-height:100vh; /* Sets height to the height of the browser viewport */
  position:relative;
}

/*
=================================
HEADER
=================================
*/

header {
  background: #f3f7fa;
  width:85%;
  padding: 9px 5%;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.03);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.03);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.03);
  position:fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  z-index: 999;
}

#logo {
  font-weight:300;
  text-transform:uppercase;
  font-size:2em; /* =24px */
  position:relative;
}
#logo a {
  color:#fc7012;
  margin-left:40px;
}
#logo a strong {
  color:#2873d0;
  font-weight:600;
}

#logo button.sidebar-toggle {
  position: absolute;
  padding: 10px;
}

.searchbox { margin-top: 4px; }
.searchbox input { width: 15em; }
/*
=================================
CONTENT
=================================
*/

#wrap {
  padding: 15px 6% 60px 6%;
  position:relative;
}
#main { margin-top: 3em; }

/*-- Tables --*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  clear: both;
  empty-cells: show;
  width: 100%;
}
table.profile,
table.posting,
table.ucp { margin-bottom:1em; }
.category { margin-top: 15px; }
.cat_head {
  width:100%;
  position:relative;
}
.cat_head tr { background: #2873d0 !important; }
.cat_head td {
  border-color:#2873d0;
  padding:0;
}
h2,
h2.special,
thead th,
thead th a,
#fast-reply dt {
  background:#2873d0;
  padding: 11px 10px;
  color:#fff;
  font-weight:300;
  font-size:1.250em;
  text-shadow: 0 1px 1px #1c4dad;
}
.calendar th { text-align: center; }
h2.special,
.cat_head#stats_header td,
#fast-reply dt {
  background:#fc7012;
  text-shadow: 0 1px 1px #fb530d;
  border-color:#fc7012;
}
h2 a,
h2 a:hover { color:#fff; }
h2.special .collapse,
h2.special .uncollapse { border-color:#e56610; }
h3,
#blog_categories dt {
  color: #242931;
  font-weight: 600;
  font-size: 1.2em;
}
.collapse, .uncollapse {
  padding: 17px 10px;
  border-left: 1px solid #235FAA;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.collapse:hover, .uncollapse:hover { background-color: rgba(255,255,255,.05); }
th,
td.c_postinfo,
#portal h4,
#blog_sub,
.blog_options {
  background-color:#ebf0f3;
  color: #6d798c;
  font-size: 1em;
  font-weight: 400;
  text-align: left;
  padding: 10px 8px;
}
th.post_sep {
  background: #DEE5EC;
  font-size: 0;
  padding: 3px;
  border: 0;
}
td,
#fast-reply dd,
.portal_content,
#portal #shoutwrap {
  background-color:#f3f7fa;
  padding:6px 8px;
  border: 1px solid #d3d9e0;
}
td.c_desc {
  width:20%;
  text-align:right;
}
td.c_desc small { display:block; }
th { border: 1px solid #d3d9e0; }
th.topic_info { padding:0; }
.topic_info .right { padding: 8px; }
.forum { color:#6d798c; }
.c_mark {
  width:1%;
  text-align:center;
}
.c_forum strong a,
.c_last-title {
  color:#242931;
  font-size:1.083em;
  font-weight:600;
}
.all_read .c_forum{ background-color:#e4ecf1; }
.all_read .c_forum a{ color:#5d697c; }
.c_info {
  color:#6d798c;
  font-size:.833em;
  text-align:center;
  text-transform:uppercase;
}
.c_info td,
.c_subforum { background:#ebf0f3; }
.c_last { width: 30%; }
.c_last-title { display: block; }
.category .c_foot{
  background:none;
  border:0;
  border-top: 2px solid #b2c1cf;
}
.c_foot{
  text-transform:uppercase;
  font-size:.833em;
}

/* Pagination */
ul.cat-topicpages,
ul.cat-pages {
  float:right;
  margin:0;
  padding:0;
}
ul.cat-pages {
  float:left;
  margin:15px 0;
}
ul.cat-topicpages li,
ul.cat-pages li {
  display:inline;
  list-style:none;
}
ul.cat-topicpages li span,
ul.cat-pages li span {
  background:#FAFCFC;
  padding:6px;
  font-size:10px;
  border:1px solid #c8d3dd;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,1),0px 2px 2px 0px rgba(178,193,207,0.25);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,1),0px 2px 2px 0px rgba(178,193,207,0.25);
  box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,1),0px 2px 2px 0px rgba(178,193,207,0.25);
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}
ul.cat-topicpages li a,
ul.cat-topicpages li span { padding:3px; }
.cat-pagesjump input { padding: 4px 6px; }
.cat-pagesjump form { display: inline; }

/* Forum View */
.c_cat-title { width: 45%; }
.c_cat-lastpost { width:25%; }
.c_cat-replies,
.c_cat-views,
.c_cat-mark {
  width: 1%;
  text-align: center;
}
.pin td { background-color: #fff !important;
border-bottom: 2px solid #d3d9e0; }
.c_topic-title {
  font-size: 1.2em;
}
.row1 td,
.row2 td {
  background-color:#e4ecf1;
}
.row1.newreplies td,
.row2.newreplies td{
  background-color:#f3f7fa;
}
.newreplies .c_topic-title {font-weight:600; }
.c_topic-title a { color:#5d697c; }
.newreplies .c_topic-title a { color:#2873d0 }
.newreplies a.c_forum-name { color:#2873d0 }

/*-- Topic Pages --*/
.c_view,
.cat-pageshead {
  text-transform: uppercase;
  font-size: .833em;
}
.c_view-list a { text-transform: initial; }
/* User Profile */
.c_user {
  width: 18%;
  max-width: 250px;
  min-width:150px;
  text-align:center;
  vertical-align: top;
}
.c_username {
  text-align: center;
  font-size: 1.167em;
}
.usertitle {
  padding:6px 0;
  border-bottom:1px solid #d3d9e0;
}
.user_info,
.user_profile {
  width:100%;
  font-size: .833em;
  line-height: 1.8em;
  padding: 10px 5%;
  margin: 0;
  clear: both;
  display: inline-block;
}
.c_user dd,
.c_user dt,
.user_info dd,
.user_info dt { float: left; }

.c_user dd,
.user_info dd,
.topinfo .user_profile dd {
  width: 70%;
  padding-left: 6px;
  margin: 0;
  color:#242931;
  text-align: left;
  font-weight:700;
}
.c_user dt,
.user_info dt,
.topinfo .user_profile dt {
  width: 30%;
  text-align: right;
  text-transform:uppercase;
}
.user_profile dt {
  width: 100%;
  text-align: left;
}
.user_profile dd {
  width:100%;
  padding-left:0 !important;
  margin-bottom:8px;
}
.user_profile {
  border-top:1px solid #d3d9e0;
  line-height:1.25em;
}
.c_sig { vertical-align:top; }
.c_next { text-align:center; }
.editby,
.queued {
  background: #EBF0F3;
  border: 1px solid #D3D9E0;
  padding: .5em;
  margin-top: 2em;
  text-transform: uppercase;
  font-size: .877em;
  text-align: center;
  color: #6D798C;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.queued {
  background: #000;
  color: #FFF;
  border: 0;
}

/* Post Elements */
td.c_post {
  line-height: 1.6em;
  vertical-align:top;
  word-break:break-word;
  padding:2% 7% 2% 2%;
}
.c_post img,
#topic_review img,
.c_post-preview img { max-width: 100%; }
.c_post ul {
  margin: 4px 0 15px;
  padding: 0 2em;
}
.c_post hr {
  border: 0;
  border-bottom: 1px solid #D3D9E0;
}
.hidden .c_post,
.hidden .c_user {
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
}
blockquote {
  background: #f8fcff;
  padding: .877em 1em;
  margin:1em;
  color: #6d798c;
  border-top: 1px solid #d3d9e0;
  border-bottom: 2px solid #d3d9e0;
}
blockquote dl {
  margin-bottom:1em;
}
blockquote dt {
  color: #242931;
  font-size: 1.167em;
  font-weight: 600;
}
blockquote dd {
  text-transform: uppercase;
  font-size: .877em;
}
.code_blockquote { background:#ebf0f3; }
.code_blockquote dd { height: 0; }
blockquote div {
  font-size: .9em;
  line-height: 1.6em;
}
blockquote blockquote blockquote div { font-size: 1em; }
blockquote blockquote { background: rgba(0,0,0,.01); }
.spoiler .quote_blockquote { background: #F8FCFF; }
td.c_topicfoot { text-align: center; }

.spoiler_toggle {
  background: #242931;
  padding: .877em 1em;
  color: #FFF;
  font-size: 1.167em;
  font-weight: 600;
  cursor: pointer;
}
.c_sig .spoiler_toggle {
  font-size:1em;
}
.spoiler,
.staff_blockquote {
  background: #1E222A;
  border-top: 1px solid #1B1E25;
  padding: 1em;
  color: #969B9F;
  border-color:#1B1E25;
}
.staff_blockquote dt { color:#fff; }

/* Post Page */
#c_bbcode { padding:0; }
#c_bbcode button {
  background: #EBF0F3;
  border-bottom: 1px solid #D3D9E0;
  border-top: 0;
  border-left: 0;
  color: #2873D0;
  text-transform: initial;
  float: left;
}
#c_bbcode select {
  padding: 7px 3px;
  float: left;
  border-radius: 0;
  border-top: 0;
  font-size: 12px;
  text-transform: uppercase;
}
#c_bbcode input,
#c_bbcode a {
  background: none;
  box-shadow: none;
  font-size: .877em !important;
  text-transform: uppercase;
  padding:8px;
}
#c_bbcode a { float: right; }

td#c_emot {
  width: 20%;
  padding:0;
  vertical-align: top;
}
#c_emot h3 {
  text-align: center;
  border-bottom: 1px solid #D3D9E0;
  padding: 5px 0 6px;
}
#emot_list {
  max-height:400px;
  overflow:auto;
}
ul#emot_list {
  background: #EBF0F3;
  list-style: none;
  margin: 0;
  padding: 5% 10%;
  height: 100%;
  max-height: 40em;
  text-align: center;
}
#emot_list li {
  display: inline-block;
  padding: .5em;
  vertical-align: bottom;
}
#emot_list img { cursor: pointer; }
#emot_list td {
  background:#ebf0f3;
  width: 50%;
  border-left: 0;
  border-right: 0;
  text-align:left !important;
}
#emot_list tr td:first-of-type { text-align:right !important; }
a#emot_end {
  background: #EBF0F3;
  display: block;
  padding: 8px;
  text-align: center;
  text-transform: uppercase;
  font-size: .877em;
  border-top: 1px solid #D3D9E0;
  border-bottom: 1px solid #D3D9E0;
}
#c_post-resize { float: left; }

/* Profile Settings Pages */
.meta_menu {
  float:left;
  width:50%;
  padding: 0 5px;
}
.meta_menu img, .meta_menu svg {
  float: left;
  margin-top: -22px;
  max-width: 20px;
  height: 16px;
}
.meta_menu h3 {
  padding: 3px 0 4px 23px;
  border-bottom: 1px solid #C7CDD4;
}
.meta_menu ul {
  list-style: none;
  padding-left:23px;
}
/* Polls */
.poll { margin-bottom: 1em; }
.c_poll-bar span {
  display: block;
  height: 1em;
  background-color: #FC7012;
  border-radius: 1em;
}
td.c_poll-votes {
  border-right: 0;
  padding-right: 0;
  text-align: right;
  font-size: .877em;
  width: 5%;
}
td.c_poll-bar {
  width: 50%;
  border-left: 0;
}
td.c_poll-answer { text-align: right; }
td.c_poll-total,
td.c_poll-vote { text-align:center; }
td.c_poll-choice { padding-left:45%; }
td.c_poll-total {
  text-transform: uppercase;
  font-size: .877em;
}

/* User Profile Page */
#profile_menuwrap,
.profile .c_desc,
.profile .c_user { width:200px; }
th#profile_menuwrap {
  background:url(../../../30079/55/0/p1168621/sidebar_droparrow.png) no-repeat 180px #242931;
  border-right:1px solid #1B1E25;
  cursor:pointer;
  position:relative;
}
#profile_menuwrap ul {
  list-style:none;
  margin:0;
  padding:0;
}
#profile_menu a {
  background:none;
  color:#969B9F;
  font-size: 1em;
  padding:0;
  text-shadow: 0 1px 1px #1c1e25;
}
#profile_menuwrap:hover a { color:#DEE5EC; }
#profile_menu li ul li a:hover { color:#DEE5EC !important; }
#profile_menu li ul li:hover { background-color:#272C35; }
#profile_menu li ul {
  background: #242931;
  border-top: 1px solid #1B1E25;
  position: absolute;
  left: -9999px;
  top: 42px;
  width: 201px;
}
#profile_menuwrap:hover li ul { left:-1px; }
#profile_menu li ul li {
  border: 1px solid #1B1E25;
  border-top: 0;
}
#profile_menu li ul li a {
  display: block;
  padding: 7px 15px;
  color:#969B9F !important;
  font-size: .833em;
}

/* Notifications */
.notice dt {
  color: #242931;
  font-size: 1.167em;
  font-weight: 600;
}
dl.notice,
.meta_box {
  background-color: #faf9f3;
  padding: 1em;
  margin: 20px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d3d9e0;
  position: relative;
}
dl.notice.error {
  background-color: #faecec;
  border-color: #e4cdcd;
}
.meta_box {
  background: #242931;
  color: #969B9F;
}
.meta_box h3 { color: #FFF; }

/* Inbox */
ul#pm_folderlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
th#pm_folders { width: 12%; }
th#pm_subject { width: 40%; }
.pm_new {
color:#2873d0;
font-weight: 600;
}
.pm_new td { background: #EBF0F3; }
#conversation .c_postinfo { padding:0; }
.postbtn { text-align: center; }
#conversation .left big { text-transform: initial; }
#conversation .left {
  padding: 8px 10px;
  text-transform: uppercase;
  font-size: .877em;
}
.topinfo .user_profile {
  padding:0;
  border:0;
}

/* PM toast */
#pmtoast {
  position: fixed;
  right: 2%;
  bottom: 3%;
  z-index: 1000;
  background: #242931;
  padding: 1em;
  min-width: 210px;
  -webkit-transition: opacity .2s; /* Safari */
  transition: opacity .2s;
  opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#pmtoast:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
#pmtoast a { color: #969B9F; }
#pmlink {
  display: block;
  width: 100%;
  height: 100%;
}
#pmtoast big {
  display: block;
  color: #FFF;
  font-weight: 600;
  font-size: 1.167em;
  padding-bottom: .2em;
}
#pmtoast small {
  color: #777B7E;
  font-size: .833em;
  text-transform: uppercase;
}
a#pmclose { font-size: 0; }
a#pmclose:after {
  content: "X";
  background: #2D323D;
  height: 20px;
  width: 20px;
  padding-top: 3px;
  font-size: xx-small;
  text-align: center;
  position: absolute;
  right: -7px;
  top: -7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* Post Buttons */
.cat-buttons, .topic-buttons {
  float: right;
  margin: 15px 0;
  text-align: right;
  width: 50%;
}

/* Fast Reply */
dl#fast-reply {
  clear:both;
  width: 90%;
  margin: 0 auto;
}
#fast-reply dd {
  padding: 6px 1%;
  text-align:center;
}
#fast-reply dd textarea {
  margin-bottom:6px;
  height:100px;
}

/*-- Shoutbox --*/
#sbx h2,#sbx .cat_head td, .profile thead th{
  background:#2d323d;
  border-color:#2d323d;
  text-shadow: 0 1px 1px #1c1e25;
}
#sbx .collapse,
#sbx .uncollapse { border-color:#20232c; }

ul#shoutbox {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
#shoutwrap td { padding: 0; }
#shoutwrap td:nth-of-type(2) { text-align: center; }
#shoutbox dd,
#shoutbox dl { margin:0; }

#shoutbox dt {
  float:right;
  color:#6d798c;
  font-size:.833em;
  text-transform: uppercase;
}
#shoutbox li {
  padding: 7px 20px 7px 15px;
  border-bottom:1px solid #d3d9e0;
}
#shoutbox li:last-of-type { border: none; }
#shoutbox li.odd { background-color:#ebf0f3; }

#shoutbox li dd a[href="#"] {
  position:absolute;
  right:5px;
  font-size:.833em;
}

/*-- Breadcrumb Navigation --*/
#nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 7%;
  margin: 0;
  background: #e4ebf2;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.03);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.03);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.03);
}
#nav li {
  float: left;
  list-style: none;
  padding: 0 3px;
  color: #242931;
  font-weight: 600;
  font-size: .750em;
  text-transform: uppercase;
}
#nav li a {
  color:#8695ad;
  font-weight:400;
}

/* Footer */
#foot_wrap {
  margin-top:15px;
  text-transform: uppercase;
  font-size: .833em;
}
#foot_wrap a { color:#4b5463; }
td#foot_datetime{
  width:150px;
  border-right:0;
}
td#foot_links { text-align: right; }
td#foot_links, td#foot_themechooser { border-right: 0; }
td#foot_links { border-left: 0; }

/* Copyright */
div#copyright {
  position: relative;
  float: right;
  width: 85%;
  margin-top: -30px;
  text-align: center;
  font-size:.877em;
  text-transform:uppercase;
}
#copyright a { font-weight: 700; }

/*
=================================
STYLING FOR PAGES
=================================
*/
/* Register */
.username_no input {
  background-color: #FAECEC;
  border-color: #E4CDCD;
}
.username_ok input {
  background-color: #D2F5C8;
  border-color: #ADCEA4;
}
span#username_response {
  display: block;
  font-size: .833em;
    text-transform: uppercase;
    color: #6D798C;
}
/* Calendar */
.calendar td {
  width: 14.285%;
  padding-bottom: 7%;
}
.calendar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Edit Profile */
td#c_notes { text-align:center; }

td#ucp_gallery {
  vertical-align: top;
  padding: 0;
}
#ucp_gallery ul {
  margin: 0;
  padding: 0;
  overflow: auto;
}
#ucp_gallery li { list-style:none; }
#ucp_gallery a,
#ucp_gallery button {
  float: left;
  width: 16.666666666%;
  min-width: 130px;
  border-bottom: 1px solid #D3D9E0;
  text-transform: none;
}
#ucp_gallery button img,
#ucp_gallery a svg {
  display: block;
  margin: 0 auto .5em;
}

/* Portal */
#portal_l,#portal_r {
  float:left;
  width:15%;
}
#portal_r { float:right; }
#portal_news {
  float:left;
  width:70%;
  padding:0 2%;
}
#portal_clear { clear:both; }
.portal_box { margin-bottom:1em; }
#portal h4 {
  border-left: 1px solid #D3D9E0;
  border-right: 1px solid #D3D9E0;
}
#portal #shoutwrap { padding:0 !important; }
#portal #shoutpost p { text-align:center; }
#portal #shoutwrap input { width: 100%; }
#portal #shoutopts,
#portal #shoutpost { padding: 0 8px; }

/* FAQ */
.faq_list dt a,
#faq_article tbody h2 {
  font-size: 1.137em;
  font-weight: 600;
  color: #242931;
  padding:1em 0 .5em;
  background:none;
  text-shadow:none;
}
#faq_article tbody h3 {
  font-size:1.05em;
  padding:1em 0 .3em;
}
.faq_list dt { padding-bottom: 4px; }
.faq_list td { vertical-align: top; }
/* Blog */
.cornercanvas { display: none !important; }
#blog { overflow: hidden !important; }
#blog_sidebar,
#blog_main {
  background: #F8FCFF;
  border-left: 1px solid #d3d9e0;
  border-right: 1px solid #d3d9e0;
}
#blog_sub {
  padding:0;
  border: 1px solid #d3d9e0;
  overflow: hidden;
}
#blog_sub .left{ font-size:0; }
#blog_sub .left a {
  font-size:12px;
  padding: 10px 8px;
  border-right: 1px solid #d3d9e0;
  display: inline-block;
}
#blog_sub form {
  float: right;
  padding: 6px 8px 5px 8px;
}
#blog_sidebar {
  float: right;
  width: 20%;
  border-left: 0;
  padding: 10px 8px;
}
#blog_main {
  float: left;
  width: 80%;
}
#blog_sidebar #blog_about + div { margin: 0 auto; }
#blog_about { margin-bottom:10px; }
#blog h1 {
  text-align: center;
  padding: 0.5em;
  font-size: 3em;
  font-weight: 300;
  text-transform: uppercase;
}
#blog h1 a { color: #6D798C; }
div#blog_user {
  width: 100px;
  margin: 0px auto 2em;
  top: 0px;
}
#blog h2 {
  background:none;
  font-size: 2em;
  padding-left: 10%;
  padding-bottom:0;
  text-shadow:none;
}
#blog_main h2 a { color: #242931; }
#blog blockquote {
  margin:0;
  padding-left:10%;
  border:0;
}
ol#blog_comments blockquote { padding-left:0; }
ol#blog_comments { padding: 1em 10px 1em 10%; }
#blog_comments li {
  list-style:none; 
  margin-top:1em;
}
.blog_date {
  background: #FFF;
  float: left;
  border: 1px solid #D3D9E0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 6%;
  margin-top: 11px;
  margin-left: 2%;
  text-transform: uppercase;
  text-align: center;
  padding: 3px;
}
.blog_date span {
  display: block;
  color: #2873D0;
  font-size: 1.7em;
  font-weight: 600;
}
.blog_options {
  padding: 0 10%;
  border-top: 1px solid #d3d9e0;
  border-bottom: 1px solid #d3d9e0;
}
.blog_options a { border:none; }

/*
=================================
SIDEBAR
=================================
*/

.content-wrapper-nobar { padding:0 !important; }

#sidebar h3 {
  background:#1e222a;
  padding: 8px 10px;
  border-bottom: 1px solid #1b1e25;
  color:#66696c;
  text-transform:uppercase;
  font-size:.833em;
  font-weight:400;
  letter-spacing:.1em;
}

#top_menu a:hover,
#submenu a:hover,
.sidebar-links a:hover {
background-color:#272c35 !important;
color:#dee5ec;
}

/*-- User Menu --*/
#top { margin-top:50px; }
#top_info {
  background: #2d323d;
  font-size: 0;
  padding: 9px 30px 10px 10px !important;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.03);
  -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.03);
  box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.03);
  position:relative;
  position: fixed;
  z-index:999;
  top: 0;
  transition: top 0.2s ease-in-out;
  width: 15%;
}
#top_info a { font-size: 11px; }
#top_info strong,
#top_info strong a {
  color:#fff;
  font-size:14px;
  display:block;
}
#top_info strong a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#top_info small { font-size: 12px; }
#top_info small a {
  float: left;
  font-size: .75em;
  color: #969b9f;
  padding-right:5px;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#top_info small a:hover { color:#DEE5EC; }
.avatar-display {
  background-size: cover;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* Top_info/Header scroll up/down */
.nav-up {  top: -50px !important; }
#wrap, ul#top_menu { margin-top:50px !important; }

/* User Drop Menu */
.top_info_drop {
  background: url(../../../30079/55/0/p1168621/sidebar_droparrow.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
  padding: 25px 13px 26px 13px;
  border-left: 1px solid #242931;
}
.top_info_drop:hover {
  background-color:rgba(255,255,255,.03);
  cursor:pointer;
}

ul#top_menu, #top_menu ul {
  margin: 0;
  padding: 0;
}
#top_menu li {
  border-bottom: 1px solid #1b1e25;
  position: relative;
}
#top_menu li ul {
  position: absolute;
  left: -9999px;
}
#top_menu a{
  color:#969b9f;
  display: block;
  width: 100%;
  padding: 1.167em .833em;
}
#top_menu strong small {
  background: #22262e;
  border-left: 1px solid #1b1e25;
  position: absolute;
  right: 0;
  top: 0;
  padding: 16px 10px 15px;
  font-size: 11px;
}
#top_menu svg {
  width: 16px;
  height: 16px;
  fill: #969b9f;
  vertical-align: middle;
  margin-right: 7px;
}
/* Drop Menu */
#top_menu li:hover ul {
  left: 100%;
  top: 0;
  width: auto;
  min-width: 150px;
  white-space: nowrap;
  list-style: none;
  background: #242931;
}
#top_menu li ul li a { font-size: 100%; }

/*-- Submenu --*/
#submenu a,
.sidebar-links a {
  background: url(../../../30569/76/0/p1080444/link.svg) no-repeat 10px;
  display: block;
  padding: 8px 10px 8px 36px;
  width: 100%;
  color: #969b9f;
  border-bottom: 1px solid #1b1e25;
}

/* Custom submenu icons */
#submenu a[href$="/search/"] { background-image:url(../../../30569/76/0/p1080447/search.svg); }
#submenu a[href$="/members/"] { background-image:url(../../../30569/76/0/p1080445/members.svg); }
#submenu a[href$="/calendar/"] { background-image:url(../../../30569/76/0/p1080442/calendar.svg); }
#submenu a[href$="/faq/"] { background-image:url(../../../30569/76/0/p1080443/faq.svg); }
#submenu a[href$="/site/"] { background-image:url(../../../30569/76/0/p1080446/portal.svg); }

/* Custom sidebar link icons */
.sidebar-links a[href$="http://tachyondecay.net/php/bin/serverstatus.php"] { background-image:url(../../../30079/55/0/p1168766/serverstatus.png); }
.sidebar-links a[href$="http://www.zetaboards.com/"] { background-image:url(../../../30079/55/0/p1168767/ZB.png); }
.sidebar-links a[href$="http://invisionfree.com/index.php"] { background-image:url(../../../30079/55/0/p1168768/zIF.png); }
.sidebar-links a[href$="http://if.invisionfree.com/pages/ircchat/"] { background-image:url(../../../30079/55/0/p1168765/irc.png); }

/* Board Feed */
.feed {
  padding:1em 10px;
  color:#969B9F;
  border-bottom:1px solid #1b1e25;
}
.feed a,
dd.feed-user span { color:#dee5ec !important; }
dd.feed-activity,
dd.feed-time {
  font-size: .75em;
  text-transform: uppercase;
}
dt.feed-user { overflow:hidden; }
dd.feed-content {
  max-height:15em;
  padding: .5em 0;
  word-break:break-word;
  overflow:hidden;
}
dd.feed-content img { max-width: 100%; }
.feed blockquote {
  background: #1E222A;
  border-color: #1B1E25;
  font-size:.877em;
}
.feed blockquote dt { color: #DEE5EC; }

/*
=================================
ADMIN CP LOGIN
=================================
*/

#acplogin {
  background: #242931;
  position: absolute;
  width: 100%;
  height: 100%;
}
#acplogin .c_mark {
  display: none;
}
form#loginform {
  width: 300px;
  margin: 0 auto;
}
#acplogin h1 {
  background: url(../../../30079/55/0/p1167817/acplogin.png) 50% 50% no-repeat rgb(243, 247, 250);
  height: 100px;
  width: 300px;
  margin: 10% auto 0px;
  font-size: 0px;
  border-bottom: 1px solid #c6d0d9;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#acplogin h1 img { display:none; }
#acplogin thead th {
  background: #f3f7fa;
  color: #7d8798;
  padding: 20px 20% 15px;
  text-shadow: none;
  text-align: center;
  border:none;
}
#acplogin td {
  padding: 8px 20% 0px 20%;
  border: 0;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
#acplogin td.c_desc {
  padding-bottom: 0px !important;
  font-size: .877em;
  text-transform: uppercase;
  text-align:left;
}
#acplogin tr.postbtn td {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 35px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

/*
=================================
RESPONSIVENESS: 1026px wide
=================================
*/

@media only screen and  (max-width: 1026px), only screen and (max-device-width:1026px) {
  header {
    width:100%;
  }
  .content-wrapper { padding-left:41px; }
  section#sidebar { width:41px; }
  #top_menu a {
    font-size: 0;
    display: inline-block;
    padding: 9px 10px 10px 10px;
  }
  #wrap { padding:15px 3% 60px 3%; }
  #nav { padding: 10px 3%; }
  header { padding: 9px 3%; }
  
  #top_info {
    padding: 13px 7px 14px 7px !important;
    width: 41px;
   }
  #top_info strong, #top_info strong a, #top_info a, #top_info small a{
    font-size:0;
  }
  .avatar-display {
    width:24px;
    height:24px;
  }
  .top_info_drop {
    padding:0;
    left:46px;
    top:46px;
  }
  #top_menu svg {
    width:21px;
    height:21px;
  }
  #top_menu li {
    height:41px;
  }
  #top_menu strong small {
    top: 23px;
    right: 5px;
    bottom: 6px;
    width: 10px;
    height: 10px;
    padding: 0;
    text-align: center;
    font-size: 8px;
    border-radius: 50%;
  }
  #sidebar h3 {
    font-size: 0;
    padding: 3px;
  }
  #submenu a, .sidebar-links a {
    background-position:12px 7px;
    font-size: 0;
    padding: 15px 0px;
  }
  #shoutbox dt { float:initial; }
  .mobile-hide { display:none; }
}



/*
=================================
RESPONSIVENESS: 1026px wide
=================================
*/
@media only screen and  (min-width: 1800px){
}

/*
=================================
RESPONSIVENESS: Mobile
=================================
*/
@-ms-viewport{
  width: device-width;
}

/*-- Search --*/
.mobile .searchbox {
  display:none;
}

/*-- Shoutbox --*/
.mobile #shoutpost p {
  text-align:center;
}
.mobile #shoutpost p input {
  width:100%;
}
.mobile form#shoutpost {
  padding: 6px 8px;
}
.mobile p#shoutopts {
  text-align: Center;
  margin-top: 0;
}

/*-- Forum View --*/
.mobile .c_topic-replies,
.mobile .c_topic-views {
  width:auto;
  display:inline-block;
  font-size: .833em;
}
.mobile .c_topic-info { text-transform:uppercase; }
.mobile .c_topic-lastreply {
  margin-top: .75em; 
}
.mobile .newreplies .c_topic-lastreply {
  font-weight:600;
}
.mobile .c_topic-lastreply strong {
  text-transform:uppercase;
  font-weight:400;
  font-size:.833em;
}
.mobile .c_cat-mark { border-right:0; }
.mobile .c_cat-mark.c_topic-status,
.mobile .c_cat-title {
  border-left:0;
}
.mobile .cat-buttons .topic-buttons {
    width: 100%;
}

/*-- Topic View --*/
.mobile .c_avatar,
.mobile .c_username .member{
  float:left;
}
.mobile .c_avatar img{ width:32px; }
.mobile .c_username .warn { text-align:right; }
.mobile .c_username .member { padding-left: 8px; }
.mobile .c_member-title {
  clear: left;
  float: left;
  margin-left: 40px;
  margin-top: -1.5em;
  font-size: .75em;
  text-transform: uppercase;
}
.mobile .c_user { min-width:0; }
.mobile .c_sig img { width:100%; }
.mobile dl#fast-reply { width:100%; }

.mobile #portal_l,.mobile #portal_r {
  width:100%;
}
.mobile #portal_r { float:right; }
.mobile #portal_news {
  width:100%;
}



/* Stuff added for support board display */

img[alt="^_^"], img[alt=":annoyed:"], img[alt=":D"], img[alt=":stunned:"], img[alt=":cool:"], img[alt=":cry:"], img[alt=":devious:"], img[alt=":doh:"],  img[alt=":drat:"], img[alt=":ermm:"], img[alt=":facepalm:"],img[alt=":geek:"], img[alt=":giggle:"], img[alt=":glare:"], img[alt=":lol:"], img[alt=":/"], img[alt=":O"], img[alt=":oy:"],   img[alt=":P"], img[alt=":arr:"], img[alt=":puppyeyes:"], img[alt=":("], img[alt=":shifty:"], img[alt=":shock:"],  img[alt=":sick:"], img[alt=":yes:"], img[alt=":smug:"], img[alt=":|"], img[alt=":tut:"], img[alt=":up:"], img[alt=";)"], img[alt=":r"], img[alt=":wub:"], img[alt="XD"], img[alt=":zip:"], img[alt=":zombie:"], img[alt=":rofl:"], img[alt=":#"], img[alt="???"], img[alt=":orly:"], img[alt=":)"], img[alt=":no:"], img[alt=":yes:"],  img[alt=":blush:"], img[alt=":mad:"], img[alt=":ninja:"] {
background: url(../../../0/1/0/p601723/CCemoteZB2.png) no-repeat;
}

code, #c_post-preview code, .code_blockquote {
overflow:auto;
max-height: 400px;
white-space:pre-wrap;
}


#ticketmonsterhead {
  background: url(../../../0/1/0/p601664/SBtickets.png) no-repeat  left;
  padding-left:20px;
}

a#ticketmonsterhead {
padding-left:28px;
margin-left:10px;
}

.collapse, .uncollapse {
border-left:0;
}

td.c_footicons span.left a img {
padding-top:2px;
}

#submenu b a { display:none; }

.sidebar-links a[href$="http://docs.zetaboards.com/"] { 
background-image:url(../../../30569/76/0/p1080443/faq.svg); 
}

.sidebar-links a[href$="http://support.zathyus.com/search/?c=5"] { 
background-image:url(../../../0/1/0/p601722/SBactivetopics.png); 
}

section#sidebar {
    margin: 0;
    position: absolute;
}

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}