/* -- Generated CSS file for emerica theme -- */
/* layout 03 */
@media screen and (min-width:980px) {
    #container .wrapper {
        display:table;}
	#container .wrapper:after {
		display:none;}
    #container #content {
        float:none; 
        display:table-cell; 
        vertical-align:top;
        padding:1.7% 1.7% 3% 1.7%;}
    #container #aside {
        float:none; 
        display:table-cell; 
        vertical-align:top;
        padding:1.7% 1.7% 3% 1.7%;}}


/* GENERAL */
body {
    background-color: #252c38;
    font-family: 'PT sans', serif;}
#container .wrapper {
    background-color: #f4f4f2;
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.65);}

h1, h2, h3, h4, h5, h6, #content h1 {
    font-weight:bold;
    font-family: 'Noticia Text', serif;}

a, .linkColor {
    color:#c9000c;}

.themeBG {background-color:#C9000C; color:#fff;}



/* HEADER
================================================= */
header {padding:2em 0 1.4em 0; color:#fff;}
#welcome {margin-top: 10px;}

#signinDropdownContainer {
    background:#575F6C;
    background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.4));}

#authorizedUser #user-submenu,
#welcome .profileLinks > li > A {
    background-color: #575F6C;
    background-image: none;
    box-shadow: 2px 2px 0 #1C222D;
    border: none;
    color: #fff;
    border-radius: 0;}
#authorizedUser li:hover #user-submenu,
#welcome .profileLinks > li > A:hover,
#authorizedUser .dropdownContainer {
    background-color: #eee;
    border-radius:0;
    color: #333;}

#authorizedUser LI UL LI A {
    color: #333;}  



/* MAIN HORIZONTAL NAV
============================================= */
#menu .wrapper {
    background-color: #384150;
    border-bottom: 2px solid #2d3748;}
#menu .mainMenu > A {
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-family: 'Noticia Text',serif;
    text-transform: uppercase;}
#menu UL UL, #menu .mainMenu:hover > A {
    background-color: #1e232d;
    border-radius: 0;}
#sideNav {
    background-color: #1e232d;}
    
    


/* BUTTONS 
=========================================== */
button,
input[type="submit"],
input[type="button"], 
.m-button,
.ib-btn,
.btn {
    background: #C9000C;
    background-image:linear-gradient(rgba(255,255,255,.2), rgba(0,0,0,.1));
    border-radius: 0;
    box-shadow:2px 2px 0 rgba(0,0,0,.07);
    font-family: 'PT sans',serif;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    border: 1px outset rgba(0, 0, 0, 0.25);
    font-weight: bold;}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover, 
.m-button:hover,
.btn:hover,
.ib-btn:hover {
    color: #fff;
    background-color:#DD0211;}





/* TABS & ACTION BUTTONS
================================================ */
.paginator A,
.paginator .pagedSelected,
.taboid li a,
#messages .threadActions UL LI,
UL.profiles OL.actions LI, 
.accordion .users-list OL.actions LI,
#media-gallery .media-edit-menu > A,
#shoutsContainer .shouts .shoutInfo A.btn-s,
.dropdownMore LI {
    background: #fff;
    border: 1px solid #bbb;
    border-radius:0 !important;
    color: #333;
    margin:2px;
    box-shadow:1px 2px 0 rgba(0,0,0,.06);}
.taboid LI A {
    font-size: 1.3em;}
.dropdownMore > LI OL {
    border-radius:0;}
.paginator A:hover,    
.paginator .pagedSelected,
.taboid li a:hover,
#messages .threadActions UL LI:hover,
.taboid li.selected a,
UL.profiles OL.actions LI:hover,
.accordion .users-list OL.actions LI:hover,
#media-gallery .media-edit-menu > A:hover,
#shoutsContainer .shouts .shoutInfo A.btn-s:hover,
.dropdownMore LI:hover {
    border-color: transparent;
    background: #384051;
    color: #FFF;
    text-shadow:1px 1px 0px rgba(0,0,0,.3);}




/* aside */
#aside {
    background-color: #ebebea;
    box-shadow: 1px 0 0 #dcdcdb inset;}
.upgradeInfo {
    background-color: #384150;
    border-color: #D1D1CF;
    border-radius: 0 0 0 0;
    margin: 1em 0 2em;
    color: #fff;
    padding: 2em;}
.viewMore a {
    color: #C9000C;
    font-weight: bold;}
#aside .box H3, #aside .box H4, #aside .box H5 {
    border-color: #B9B9B9;
    box-shadow: 0 1px 0 #FFFFFF;}

.profileInfo h4.username a {
    font-weight: bold;}




/* footer */
#footer {color: #CCC;}
#footer a {color: #FFF;}


/* inbox */
UL.threads LI.read {border-color: #dcdcdb; color: #888;}
UL.threads LI.unread {background-color: #fdf4c9;}
LI.ads-email .threadTitle > span {background-color: #575f6c; color: #fff;}
UL.messages LI .messageBody {background: #daddd6;}
UL.messages LI .messageBody:before {color:#daddd6;}


/* HP ADJUSTMENTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.hp697 body, 
.hp697 #menu {background:#1B1C1C;}

.hp925 body,
.hp925 #menu {background:#1B1725}

/* #verifyEmailContainer fix */
#verifyEmailContainer,
#verifyEmailContainer .verify-item {border-color:#ccc;}