subverse css WIP

#container {
background: #fff;
border: 0px solid #d1d1d1;
border-radius: 3px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1550px;
overflow: hidden;
padding: 0px;
position: relative;
box-shadow: 0px 1px 5px rgba(0,0,0,0.16);
z-index: 100;
}

#header{
background: #fff url(http://imgur.com/cbWCYL2.png) no-repeat scroll 0 99%!important;
min-height: 400px;
border-bottom: none!important;
margin: 0 0 -58px;
z-index: 99;
}

.sr-list li a {
color: #818181;
}

.sr-list li a:hover {
color: #4aabe7;
}

#sr-bar li a {
color: #818181;
}

#sr-header-area:hover #sr-bar li a {
    color: #4aabe7;
}

#sr-header-area .sr-list {
margin-left: 0px;
overflow: hidden;
margin-right: 300px;
background: rgb(52, 52, 52);
height: 25px;
}

#header-banner {
font-size: 13px;
margin: 0 auto;
max-width: 1500px;
position: absolute;
margin-top: 0px;
margin-left: 180px;
}

#header-container {
background: transparent;
border-bottom: 0px solid #dcdcdc;
border-top: 0px solid #dcdcdc;
bottom: 58px;
height: 58px;
position: absolute;
width: 110%;
z-index: 1;
}

body {
background: #eeeeee;
color: #404040;
font: 11px Arial,sans-serif;
line-height: 1.43;
margin: 0;
}

.entry {
padding: 15px 32px 14px 0px;
border-bottom: 1px solid #f2f2f2;
margin-left: 0;
}

.submission {
border-bottom: 0px solid #d1d1d1;
}

.logged-in {
background: rgb(52, 52, 52);
border: 0px solid #dcdcdc;
border-radius: 0px;
margin: 0 15px 316px;
padding: 20px 5px 5px;
width: 230px;
}

#header-account a {
color: #818181;
}

.user {
color: #818181;
}

.user .userkarma {
border-bottom: 1px dotted #818181;
cursor: help;
font-weight: normal;
margin: 0 2px;
}

#sr-more-link {
background: rgb(52, 52, 52);
border: 0;
color: #818181;
display: inline-block;
font-weight: normal;
height: 26px;
letter-spacing: 1px;
margin: 0;
padding: 3px 25px;
position: absolute;
right: 0;
top: -1px;
}

#sr-more-link:hover {
background: rgb(52, 52, 52);
border: 0;
color: #4aabe7;
display: inline-block;
font-weight: normal;
height: 26px;
letter-spacing: 1px;
margin: 0;
padding: 3px 25px;
position: absolute;
right: 0;
top: -1px;
}

.pagename a {
background: url(http://imgur.com/O9Gmv82.png);
position: absolute;
margin-top: -170px;
margin-left: -180px;
background-repeat: no-repeat;
display: inline-block;
width: 450px;
height: 50px;
text-indent: -999em;
}

.tabmenu {
display: inline-block;
line-height: 57px;
list-style-type: none;
margin: 0;
vertical-align: bottom;
white-space: nowrap;
margin-left: -180px;
width: 1500px;
}

.tabmenu li.selected a {
padding: 16px 16px 14px 16px;
background-color: transparent;
background: none;
border: 0px;
border-bottom: 2px solid #fff;
color: rgba(255,255,255,100);
font-weight: bold;
border-radius: 0px;
}

.tabmenu li.selected a:hover {
padding: 16px 16px 14px 16px;
background-color: transparent;
background: none;
border: 0px;
border-bottom: 2px solid #fff;
color: rgba(255,255,255,100);
font-weight: bold;
border-radius: 0px
}

.tabmenu li.disabled a {
background: transparent;
background-color: transparent;
border: 0px;
border-width: 1px 1px 2px;
color: rgba(255,255,255,0.6);
}

.tabmenu li.disabled a:hover {
background: transparent;
background-color: transparent;
border: 0px;
border-width: 1px 1px 2px;
color: rgba(255,255,255,1);
}

.tabmenu li.disabled a.contribute {
background: transparent;
background-color: transparent;
border: 0px;
border-width: 1px 1px 2px;
color: rgba(255,255,255,0.6);
}

.tabmenu li.disabled a.contribute:hover {
background: transparent;
background-color: transparent;
border: 0px;
border-width: 1px 1px 2px;
color: rgba(255,255,255,1);
}

/*===================== old code=============================================================== */
body > .content::before {
    content:"Wow, such subverse. Many doge.";
    display: inline-block;
    font-size: 1.1em;
    padding: 8px;
    margin: 0px 0px 14px 45px;
    background-color: #333333;
    color: white;
    font-weight: bold;
    }

.morelink a {
background: #333333;
border: none;
color: White;
}

#search {
padding-bottom: 20px;
}

.reditname{
display:none
}

.morelink .nub {
display: none;
}

.usertext-buttons:before {
content: "Be nice";
color: red;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}

.flairoptionpane {
  color: black;
  min-height: 400px;
}

.flairselector {
z-index: 99;
position: absolute;
margin-top: -175px;
margin-left: -200px;
}

.md{text-align:left}
.md h1{text-align:center}

.titlebox {
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 15px;
     background: white;
     padding-top: 20px;
}
.titlebox h1 a {
color: white;

}
.titlebox h1 {
     color: white;
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     background: #333333;
     padding: 3px;
     border-radius: 5px;

}
.side {
margin-right: 10px;
padding: 1em;
margin-top: 8px;
padding-top: 0px;
}

.side .spacer {
margin: 1.5px 0 0px 0;
}


.link {
padding: 5px;
background: white;
}

.content {
  padding: 5px;
  margin-right: 350px;
  margin-left: 10px;
  color: black;
  background: white;
}

.entry .buttons {
  background: white;
 }
div.titlebox span.word {
display: none
}

.subscribers span.number:after {
content: " Doges "
}
.users-online span.number:after {
content: " Shibes online"
}
.subscribers {
      font-weight: bold;
      font-style: italic;
}
.users-online {
      font-weight: bold;
      font-style: italic;
}


.sidecontentbox .collapse-button {
 display:inline-block;
 width:10px;
 height:10px;
 line-height:10px;
 text-align:center;
 font-size:10px;
 background:white;
 color:#5a04bd;
 border:1px solid #999;
 border-radius:2px;
 margin:1px 8px;
 vertical-align:bottom;
}
#header-img-a img {
display: none;
}
body>.content .link.compressed .midcol {
    height: auto;
    margin: 8px 0px 0px 4px;
}