Corban Middle Box

   #profile-container {
   background: none;
 }

 body {
    background: #ccc;
   background-image:url(http://www.kubicki.info/wallpapers/60588_1440x900.jpg);
	background-position:center;
        background-size: 100% 100%;
	background-attachment: fixed;
	font: 11px arial;
	color: #000000;}
        font-color: #fff;
 }

 body,
 a:hover {
   cursor: url(http://31.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress !important;
 }

 @font-face {
   font-family: Titles;
   src: url(https://dl.dropbox.com/s/0q8nvh0t9slaq2f/basictitlefont.ttf?dl=0);
 }

 @font-face {
   font-family: text;
   src: url(https://dl.dropbox.com/s/bamro55u01zeflt/Comfortaa-Light.ttf?dl=0);
 }

 .Pic {
   z-index: 20;
   position: absolute;
   border: 4px solid #000;
   background: url(https://cdn.discordapp.com/attachments/362936610838413322/370632195892576266/cc3485467610a899e8040d1492ff3778.jpg) ;
   background-size: auto 118%;
   left: 500px;
   top: 200px;
   height: 249px;
   width: 220px
 }

 table,
 th,
 td {
   font-family: text;
   font-size: 14px;
 }

 td:nth-child(odd) {
   color: #fff;
 }

 td:nth-child(even) {
   color: #ff0000;
 }

 .tabs {
   position: absolute;
   width: 2px;
 }

 .tab label {
   top: 185px;
   left: 715px;
   height: 15px;
   margin-top: 1px;
   margin-left: 10px;
   line-height: 50px;
   border: 2px solid #000;
   background: #990000;
   color: #fff;
   width: 60px;
   padding: 6px;
   font-family: titles;
   font-size: 15px;
   position: relative;
   z-index: 400;
   -webkit-transition: all .5s ease;
 }

 .tab label:hover {
   background: #990000;
   width: 70px;
 }

 .tab [type=radio] {
   display: none;
 }

 .content {
   position: absolute;
   top: 200px;
   left: 55px;
   width: 450px;
   height: 231px;
   background: #300;
   border: 3px solid #000;
   padding: 10px;
   font-size: 15px;
   color: #fff;
   font-family: text;
   font-size: 13px;
   overflow: auto;
   z-index: 20;
 }

 [type=radio]:checked ~ label {
   background: #300;
   width: 70px;
 }

 [type=radio]:checked ~ label ~ .content {
   z-index: 30;
 }

 ::-webkit-scrollbar {
   width: 1px;
 }

 ::-webkit-scrollbar-thumb {
   background: #690000;
 }

 ::-webkit-scrollbar-track {
   background: #300;
 }

 hr {
   border: none;
   height: 1px;
   background: -webkit-linear-gradient(right, #300, #311, #300);
   width: 300px;
 }

 img {
   border: 2px solid #111;
   width: 80px;
   height: 80px;
   float: left;
   -webkit-transition: all .5s ease;
 }

 img:hover {
   -webkit-transition: all .5s ease;
   border-color: #900;
 }

 a:link,
 a:visited,
 a:active {
   text-decoration: none;
   color: #900;
   -webkit-transition: all .5s ease;
 }

 a:hover {
   color: #700;
   -webkit-transition: all .5s ease;
 }
.Name {
   Z-index: 5;
   position: absolute;
   top: 85px;
   left: -380px;
   width: 670px;
   height: 70px;
   font-family: Merriweather , serif;
   color: #690000;
   text-align: right;
   font-size: 60px;
 }
 .Credit {
   position: fixed;
   right: 50px;
   bottom: 50px;
   width: 20px;
   height: 20px;
   border-radius: 20px;
   border-color: #fff;
   border-style: dotted;
   border-width: 2px;
   background: #000;
   -webkit-transition: all 1s ease;
   .Credit:hover {
     background: #fff;
     border-color: #000;
   }