/*
	Ravaio Theme Stylesheet Made by Gramziu
  CRYENGINE Custom Styles by Phil Rose

  General
  ==================
  Layout:                                             Wide
  Width:                                              1440px
  Statistics position:                                Boxed
  Avatars style:                                      Square
  Poster informations style:                          Dropdown
  Seperate poster column:                             Yes
  Poster width:                                       98px
  Display back to top floating button:                Yes
  
  Background colours
  ==================
  Dark preset:                                        yes
  Header background on front page:                    transparent
  Header background on pages other than front page:   #101010
  Header background:                                  #101010
  Subheader background:                               #1A1F21
  Main background accent:                             #00AEEF
  Main background accent darken:                      #08729A
  Secondary background accent:                        #313537
  Secondary background accent darken:                 #1A1F21
  First level background:                             #161B1D
  Second level background:                            #1A1F21

  Text colours
  ==================
  Text color:                                         #8B8B8B
  Text color accent:                                  #666666
  Text color accent darken:                           #2C3940

*/

/* remove font smoothing from forum */
#wrap {
  -webkit-font-smoothing: subpixel-antialiased !important;
  -moz-osx-font-smoothing: auto !important;
}

/* border between ce-globalnav and forum nav */
#wrap-header {
  border-top: 1px solid #202020;
}

/* remove margin from ce-nav css */
.site-header ul {
  margin-bottom: 0;
}

/* navbar logo */
.site-header #logo {
  display: none;
}

/* navbar mobile search */
#main-search-box-md button i {
  color: #999999;
}
#main-search-box-md input, #main-search-box-md button {
  background-color: #2D3233;
  color: #999999
}

/* modal overlay background */
#darkenwrapper {
  background-color: rgba(16,16,16,0.8);
}
@media (max-width: 700px) {
  .site-nav > li:after {
    background-color: rgba(16,16,16,0.8);
  }
}

/* panel background colors */
.fora-bg li,
.forum-bg li,
.postbody,
.table td,
.cp-list li,
#message-box {
  background-color: #222729;
}
.table .table-group td {
  background-color: #2D3233;
}
.post-actions,
#format-buttons {
  background-color: rgba(0,0,0,0.1);
}
.background-main .box-normal {
  background-color: #1A1F21;
}
.background-deep .box-normal {
  background-color: #1A1F21;
  border-color: rgba(255, 255, 255, 0.1);
}

/* title colors (overides admin settings) */
.fora-bg h4, .fora-bg h4 a,
.forum-bg h4, .forum-bg h4 a,
.cp-list h4, .cp-list h4 a {
  /*color: #999;*/
}

/* modal background */
.modal-bb-content {
  background-color: #222729;
}

/* round buttons */
.button-round {
  border-radius: 3px;
}
.button-round:hover, a.button-round:hover,
.button-round:focus, a.button-round:focus {
  background-color: #222729;
}
.open > .button-round {
  background-color: #2D3233 !important;
}
#header-mini-menu {
  border-radius: 3px;
}

/* dropdowns */
.dropdown-box,
.dropdown-search,
.dropdown-box-big,
.chosen-drop {
  background-color: #222729;
}
.dropdown-header,
.dropdown-body a:hover,
.chosen-drop li:hover,
.dropdown-footer a, .dropdown-footer input  {
  background-color: #2D3233;
}
.dropdown-box, .dropdown-box a {
  color: #999;
}
.dropdown-box a:hover,
.dropdown-search input,
.chosen-search input {
  background-color: #2D3233;
  color: #999;
}
.group-result, .group-result:hover, .group-result:active {
  background-color: #2D3233 !important;
}
.smilies-box {
  background-color: #2D3233;
}

/* avatar default */
.avatar-none {
  background-color: #313537;
}

/* avatar navbar */
#header-avatar > span {
  border-radius: 3px;
}

/* navbar breadcrumb lines */
#breadcrumbs li:before {
  color: rgba(255, 255, 255, 0.3);
}

/* UCP sidebar */
#cp-menu > ul {
  background-color: #222729;
}
#cp-menu a:hover {
  background-color: #2D3233;
}
#cp-menu #active-subsection > a {
  background-color: #2D3233;
  border-left: 2px solid #00AEEF;
  color: #CCC;
}

#jumpbox .button, #jumpbox  a.button {
  background-color: #666666;
}

/* recent post footer cards */
.rc-posts-out {
  background-color: #222729;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Unread highlight color */
.forum_unread div,
.forum_unread_locked div,
.forum_unread_subforum div {
  background-color: #00AEEF;
}
.fora-bg li:hover .forum_unread div,
.fora-bg li:hover .forum_unread_locked div,
.fora-bg li:hover .forum_unread_subforum div {
  background-color: #33BEF2;
}
.topic_unread div,
.topic_unread_mine div,
.topic_unread_locked div,
.topic_unread_locked_mine div,
.topic_unread_hot div,
.topic_unread_hot_mine div,
.sticky_unread div, 
.sticky_unread_locked div,
.sticky_unread_locked_mine div,
.sticky_unread_mine div,
.announce_unread div,
.announce_unread_locked div,
.announce_unread_locked_mine div,
.announce_unread_mine div,
.global_unread div,
.global_unread_locked div,
.global_unread_locked_mine div,
.global_unread_mine div {
  background-color: #00AEEF;
}
.forum-bg li:hover .topic_unread div,
.forum-bg li:hover .topic_unread_mine div,
.forum-bg li:hover .topic_unread_locked div,
.forum-bg li:hover .topic_unread_locked_mine div,
.forum-bg li:hover .topic_unread_hot div,
.forum-bg li:hover .topic_unread_hot_mine div,
.forum-bg li:hover .sticky_unread div,  
.forum-bg li:hover .sticky_unread_locked div,
.forum-bg li:hover .sticky_unread_locked_mine div,
.forum-bg li:hover .sticky_unread_mine div,
.forum-bg li:hover .announce_unread div,
.forum-bg li:hover .announce_unread_locked div,
.forum-bg li:hover .announce_unread_locked_mine div,
.forum-bg li:hover .announce_unread_mine div,
.forum-bg li:hover .global_unread div,
.forum-bg li:hover .global_unread_locked div,
.forum-bg li:hover .global_unread_locked_mine div,
.forum-bg li:hover .global_unread_mine div {
  background-color: #33BEF2;
}

/* Post content */
.codebox {
  background-color: rgba(0,0,0,0.3);
  border: none;
}
.codebox p {
  margin-bottom: 6px;
}
blockquote {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.03);
  border-left: 2px solid rgba(255,255,255,0.15);
}

/* Small pagination (in topic list) */
.pagination-small li a, .pagination-small li span {
  border-color: rgba(255, 255, 255, 0.1);
}
.pagination-small li a:hover, .pagination-small li span:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.pagination .active span {
  background-color: #222729;
}
.pagination .active span {
  border-radius: 3px;
}
.pagination li a, .pagination li span {
  border-radius: 3px;
}

.pagination .active span:hover {
  background-color: #2D3233;
}
.pagination li a:hover, .pagination li span:hover {
  background-color: #222729;
}

.pm_unread div { 
    background-color: #00AEEF;
}

.cp-list li:hover .pm_unread div {
  background-color: #00AEEF;
}

.fora-bg h4, .fora-bg h4 a,
.forum-bg h4, .forum-bg h4 a {
    color: #cccccc;
}

a.postlink {
	color: #00aeef;
	border-color: transparent;
}

a.postlink:hover {
	color: #00b9fe;
	border-color: #00aeef;
}

.post-unapproved-notice input[type="submit"]:hover {
  background-color: #313537;
}

.captcha-wrp {
  padding: 10px 0;
  margin-bottom: 18px;
}