
@font-face {
font-family: 'FontAwesome';
src: url('//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0');
src: url('//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),
url('//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),
url('//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
url('//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: copperPlate;
src: url('/forum/styles/etrobian_second/theme/fonts/coprgtb.eot');
src: url('/forum/styles/etrobian_second/theme/fonts/coprgtb.eot?#iefix') format('embedded-opentype'),
url('/forum/styles/etrobian_second/theme/fonts/coprgtb.ttf') format('truetype');
font-weight: bold;
}

.headerbar-container a {

color: #00ccff;
text-decoration: none;

}
a :hover {
color: blue;
text-shadow: none;
}

.GMOptions {

position: relative;

}
.GMOptions span {

display: none;
position: absolute;
left: -150px;
top: 0px;
width: 150px;
border: solid #00ccff 1px;
background-color: rgba(0,0,0,0.8);
border-radius: 3px;
padding-left: -15px;

}

.GMOptions:hover span {
display: block;
}

.GMOptions > span > .submenu ::after {

}


/*/* Headerbar
--------------------------------------------- */

.headerbar-container {
    margin : 79px auto;
    height : 75px;
}

.headerbar {
    color    : #FFFFFF;
    margin   : 0 -22px;
    height   : 0;
    width    : auto;
    z-index  : 43;
    position : relative;
}

.headerbar:before, .headerbar:after {
    content             : "";
    display             : block;
    height              : 62px;
    width               : 100%;
    background-image    : url("/forum/styles/etrobian_second/theme/images/headerbar_bg.png");
    background-repeat   : no-repeat;
    background-position : center top;
    position            : absolute;
    top                 : 12px;
    z-index             : -1;
}

.headerbar:before {
    left : -117px;
}

.headerbar:after {
    right             : -117px;
    -webkit-transform : scaleX(-1);
    -moz-transform    : scaleX(-1);
    -ms-transform     : scaleX(-1);
    -o-transform      : scaleX(-1);
    transform         : scaleX(-1);
}

/* Menu (header)
--------------------------------------------- */

#menu-container { top: 15px;
    max-width : 1022px;
    margin    : 10px auto;
    position  : relative;
}

.searchmenu {
    height       : 56px;
    width        : 56px;
    border-right : medium none;
    position     : relative;
    float        : left;
    background   : none;
    display      : block;
    box-shadow   : 0px 0 7px 1px rgba(0, 250, 255, 0.17);
}

.searchmenu-icon, .user-icon {
    height      : 56px;
    width       : 56px;
    position    : absolute;
    text-align  : center;
    line-height : 56px;
    cursor      : pointer;
}

.user-icon:after {
    content     : '\f007';
    font-family : "FontAwesome";
    color       : #F0C000;
    font-size   : 20px;
}

.searchmenu:before, .menu li:before, .messages:before {
    content  : "";
    display  : block;
    height   : 5px;
    position : absolute;
    width    : 100%;
    bottom   : -5px;
}

.search-icon:after {
    content : '\f002';
    margin  : 0 1px;
}

.searchmenu-icon:after {
    content     : '\f002';
    font-family : "FontAwesome";
    color       : #F0C000;
    font-size   : 20px;
}

.searchsub input.tiny {
    width : 220px;
}

.messages {
    height      : 56px;
    width       : 56px;
    float       : right;
    position    : relative;
    background  : url("/forum/styles/etrobian_second/theme/images/bg_user.png") no-repeat scroll 50% 50% transparent;
    text-align  : center;
    display     : table;
    border-left : medium none;
    cursor      : pointer;
}

.messages .avatar {
    display        : table-cell;
    width          : 56px;
    height         : 56px;
    position       : absolute;
    top            : 0px;
    left           : 0px;
    vertical-align : middle;
}

.messages .avatar img {
    max-height : 50px;
    width      : auto;
    left       : 50%;
    top        : 50%;
    transform  : translate(-50%, -50%);
}

.messages > a {
    display         : block;
    position        : relative;
    top             : 0px;
    left            : 0px;
    text-align      : center;
    line-height     : 56px;
    text-shadow     : 0px 0px 12px #000, 0px 0px 9px #000, 0px 0px 6px #000, 0px 0px 3px #000;
    font-weight     : bold;
    font-size       : 24px;
    text-decoration : none;
    font-family     : Arial, sans-serif;
    box-shadow      : 0px 0 7px 1px rgba(0, 250, 255, 0.17);
}

@keyframes blink {
    0% {
        box-shadow : 0 0 25px red inset;
    }
    50% {
        box-shadow : none;
    }
    100% {
        box-shadow : 0 0 25px red inset;
    }
}

@-webkit-keyframes blink {
    0% {
        box-shadow : 0 0 25px red inset;
    }
    50% {
        box-shadow : 0 0 0;
    }
    100% {
        box-shadow : 0 0 25px red inset;
    }
}

.newpm {
    background-color  : rgba(0, 6, 9, 0.89);
    color             : #F00;
    transition        : all 1s ease-in-out 0s;
    -webkit-animation : blink 1.5s linear infinite;
    -moz-animation    : blink 1.5s linear infinite;
    -ms-animation     : blink 1.5s linear infinite;
    -o-animation      : blink 1.5s linear infinite;
    animation         : blink 1.5s linear infinite;
    position          : absolute;
    top               : 0;
    left              : 0;
    width             : 56px;
    height            : 56px;
    z-index           : 1000;
    font-size         : 25px;
    line-height       : 56px;
    text-shadow       : 0 0 3px black;
    font-weight       : bold;

}

.user-ur {
    color       : #00ccff;
    box-shadow  : inset 0 0 20px #00ccff;
    position    : absolute;
    top         : 0;
    left        : 0;
    width       : 56px;
    height      : 56px;
    z-index     : 1000;
    font-size   : 25px;
    line-height : 56px;
    text-shadow : 0 0 3px black;
    font-weight : bold;

}

.unreadpm {
    background-color : rgba(0, 0, 0, 0.68);
}

.logged-as {
    border-bottom : 1px solid #003F4E;
    padding       : 10px;
    font-size     : 12px;
    color         : #FFF;
    font-weight   : bold;
    margin        : 0px 10px;
}

.stalkermenu {
    overflow   : hidden;
    width      : 135px;
    height     : 30px;
    margin     : 5px auto 0;
    background : none repeat scroll 0% 0% #151515;
    position   : relative;
}

.stalkermenu input[type=checkbox]:checked + label:before {
    content : 'Stalker Menu Off';
    color   : #808080;
}

.stalkermenu input[type=checkbox] + label:before {
    content     : 'Stalker Menu On';
    font        : 12px/26px Arial, sans-serif;
    text-align  : center;
    color       : #4EFF00;
    z-index     : 0;
    font-weight : bold;
}

input#soberMode[type="checkbox"]:not(:checked) + label:before {
    content : 'Sober Mode On';
}

input#soberMode[type="checkbox"]:checked + label:before {
    content : 'Sober Mode Off' !important;
    color   : #808080;
}

.stalkermenu input[type=checkbox]:checked + label {
    border : 1px solid #808080;

}

.stalkermenu label {
    display  : block;
    width    : 128px;
    height   : 28px;
    cursor   : pointer;
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 1;
    border   : 1px solid #37FF00;
}

input#stalkermenu[type=checkbox], input#soberMode[type=checkbox] {
    visibility : hidden;
}

.stylemenu {
    border-bottom : 1px solid #003F4E;
    font-size     : 11px;
    color         : #C6C6C6;
    font-weight   : bold;
    margin        : 0px 10px;
    padding       : 5px 0px;
    border-top    : 1px solid #003F4E;
}

.is_focused {
    visibility : visible !important;
    opacity    : 1 !important;
}

.searchmenu > a, .messages > a {
    height   : 56px;
    width    : 56px;
    display  : block;
    position : relative;
}

.messages .avatar, .searchmenu {
    transition : all 0.2s ease 0s;
}

.messages:hover .avatar, .searchmenu:hover {
    background : rgba(0, 0, 0, 0.64);
}

.messages .submenu {
    margin : 5px 0 0;
    right  : 0;
    top    : 56px;
}

fieldset.quick-login input.biginputbox {
    width : 55%;
}

.submenu2 {
    width : 300px !important;
}

.submenu2 h3 {
    margin    : 0 20px 10px;
    padding   : 10px;
    font-size : 11px;
}

.submenu2 .headerspace {
    margin-top : 0;
}

.regish {
    border-bottom  : 0px none;
    border-top     : 1px solid rgba(0, 156, 255, 0.77);
    margin-top     : 15px !important;
    text-transform : none;
    margin-bottom  : 0 !important;
    color          : #FFF;
}

.pswrd {
    padding-left : 4px;
}

.hovrm {
    transition : all 0.2s ease 0s;
}

.hoverm:hover {
    box-shadow : inset 0px 0px 10px #00ccff;
}

.menu {
    list-style : outside none none;
    margin     : 0px auto;
    transition : all 0.2s ease-in-out 0s;
}

.menu > li > a:not(.logo1):not(.logo2), .menu > li > span {
    transition : 0.2s;
}

.menu > li {
    margin         : 0px 12px;
    padding        : 0px;
    height         : 56px;
    line-height    : 56px;
    width          : 88px;
    position       : relative;
    float          : left;
    text-align     : center;
    color          : #0CF;
    font-size      : 12px;
    cursor         : pointer;
    font-family    : copperPlate;
    text-transform : uppercase;
}

.menu li:hover > a, .menu li:hover > span {
    text-shadow : 0 0 60px #00ccff, 0 0 40px #00ccff, 0 0 10px #00ccff, 0 0 5px #00ccff;
    color       : #ffffff;
}

.menu .r {
    margin : 0px 1.572627em 0px 0.33em;
}

.show-link {
    display : none;
}

.show-menu-n {
    display : none;
}

.hide-menu {
    display : block;
}

/* Submenu (header)
--------------------------------------------- */

.submenu {
    position           : absolute;
    box-shadow         : 0px 0px 1px 0px #0CF, 0px 0px 1px 0px #0CF;
    background-color   : rgba(0, 4, 6, 0.94);
    list-style         : outside none none;
    padding            : 5px 0px;
    border-radius      : 3px;
    text-transform     : none;
    margin             : 5px -42px 0px;
    width              : 170px;
    cursor             : default;
    visibility         : hidden;
    opacity            : 0;
    filter             : alpha(opacity=0);
    -webkit-transition : 150ms ease;
    -moz-transition    : 150ms ease;
    -o-transition      : 150ms ease;
    transition         : 150ms ease;
    z-index            : 2;
}

.submenu > li > a {
    line-height        : 20px;
    display            : block;
    padding            : 7px;
    font-family        : Arial;
    font-size          : 12px;
    -webkit-transition : 250ms ease-out;
    -moz-transition    : 250ms ease-out;
    -o-transition      : 250ms ease-out;
    transition         : 250ms ease-out;
    border             : 0px solid transparent;
}

.submenu > li:hover > a {
    background-color   : rgba(0, 54, 89, 0.9);
    text-shadow        : 0 0 60px #00ccff, 0 0 40px #00ccff, 0 0 10px #00ccff, 0 0 5px #00ccff;
    color              : #ffffff;
    text-decoration    : none;
    border-left        : 10px solid #00B5E5;
    -webkit-transition : 50ms ease-out;
    -moz-transition    : 50ms ease-out;
    -o-transition      : 50ms ease-out;
    transition         : 50ms ease-out;
}

.searchsub {
    padding : 20px;
    width   : 280px;
    margin  : 5px 0 0 0;
    left    : 0;
}

#logo {
    display         : block;
    width           : 235px;
    height          : 197px;
    padding         : 0;
    line-height     : 0;
    margin          : 10px 10px 40px 10px;
    background-size : 100% 100%;
    background      : none no-repeat;
}

.logo_media_container {
    display : none;
}

.logo1 {
    display    : block;
    width      : 235px;
    height     : 197px;
    background : url("/forum/styles/etrobian_second/theme/images/logo.png") no-repeat scroll center center transparent;
    transition : all 0s ease 0s;
    top        : -67px;
    position   : relative;
}

.logo2 {
    display    : none;
    width      : 235px;
    height     : 62px;
    background : url("/forum/styles/etrobian_second/theme/images/scrolledlogo.png") no-repeat scroll center center transparent;
    top        : -3px;
    position   : absolute;
    transition : all 0s ease 0s;
    left       : 0;
}

li.logo {
    width  : 235px;
    margin : 0 3px;
}

@media screen and (min-width : 999px) {
    .searchmenu:hover .submenu, .menu li:hover .submenu, .messages:hover .submenu, .submenu:hover {
        visibility : visible;
        opacity    : 1;
    }
}

#site-description {
    overflow : hidden;
}

#site-description h1,
#site-description p {
    display : none;
}

#site-description p.skiplink {
    display : inherit;
}