Furvilla Villager Profile: Vertical

.text-center.margin-10px {
    display: none;
}
a, .bottom ul li:first-child a, .bottom p {
    color: #011335;
}
a:hover, a:focus {
    text-decoration: none;
    font-style: italic;
    color: #011335;
}
.villager-data-wrapper {
    background: none;
    left: 0;
    padding: 0;
}
#logo + :nth-child(2) {
    top: 0;
    border-radius: 0;
    background: #011335;
}
#logo + :nth-child(2) ul {
    margin-left: 100px;
}
.user-panel.clearfix {
    top: 44px;
    background: rgba(1,19,53,0.7);
    color: #7493ab;
}
#logo {
    height: 44px;
    width: 80px;
    top: 0;
}
#logo a {
    height: 44px;
    width: 80px;
    background: url('http://i.imgur.com/6OuomeN.png');
}
#logo a:hover {
    background-image: url('http://i.imgur.com/XkASxRY.png');
}
.search-form .input {
    position: absolute;
    top: -128px;
    right: 6px;
    background: transparent;
    border: 1px solid #7493ab !important;
    box-shadow: 0 0 15px 5px #7493ab inset;
    color: #fff;
}
.content {
    margin-top: -175px;
    background: rgba(17,51,80,0.7);
    margin-bottom: 0;
    padding: 20px 0 60px 0;
}
.content:after {
    background: url("http://i.imgur.com/u0r84VD.jpg") no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
}
.content .left-column {
    width: 100%;
}
.breadcrumbs, .btn img {
    display: none;
}
div.top {
    height: 0;
    top: 0;
}
div.pets, div.logo-small, div.social {
    top: -123px;
}
div.bottom {
    padding: 70px 20px 20px;
    margin-bottom: 0;
    background: rgba(17,51,80,0.7);
    box-shadow: 0 0 50px 10px rgb(17,51,80) inset;
}
.alert.success, .alert.alert {
    background: #011335;
    color: #303f5a;
    font-weight: 700;
}
.close {
    color: #fff;
    font-weight: normal;
}
.content h1, .content h2, .villager-data-info h3, .widget h3 {
    color: #fff;
    font-weight: 700;
    font-family: Times;
    font-variant: small-caps;
}
.content h1, h2 {
    text-align: center;
}
.content h1 {
    letter-spacing: 5pt;
}
.content h2 {
    letter-spacing: 4px;
    margin-bottom: 0;
    padding: 30px 0;
    background: rgba(79,127,172,.4);
}
.villager-data-info h3 {
    letter-spacing: 3px;
}
.villager-data-avatar {
    background: url('http://i.imgur.com/kUYWkf7.png') center center no-repeat;
}
.villager-data-info-box, .villager-data-info-wide {
    border: none;
    border-radius: 0;
    color: #7493ab;
    padding: 30px;
    margin: 0;
}
.villager-data-minipet {
    border-radius: 100%;
    width: 150px;
    height: 150px;
    background: #011335;
    border: none;
    color: #7493ab;
    right: 17.2%;
}
.villager-data-minipet img {
    padding-top: 10px;
}
.villager-data-info h3 a {
    font: normal bold 16px Raleway, sans-serif;
    letter-spacing: normal;
}
.villager-data-info h3 a:hover {
    font-style: italic;
}
.villager-data-info {
    background: #113350;
    margin-bottom: 0;
}
.villager-data-info-box {
    width: 50%;
}
.villager-trophies, .villager-career {
    margin: 0 !important;
}
.col-xs-2 {
    width: auto;
}
.content .textarea {
    width: 475px;
    margin: 13px;
    height: 200px;
    background: transparent;
    border-radius: 0;
    box-shadow: 0 0 50px 10px #7493ab inset;
    color: #fff;
    font-size: 1.2em;
    position: absolute;
}
.btn.medium {
    position: relative;
    right: 502px;
    top: 221px;
}
.btn.medium, .villager-general .btn, .header-right .btn {
    background: transparent;
    border: 1px solid #c3cfd1;
    box-shadow: 0 0 15px 5px #7493ab inset;
    text-shadow: none;
}
.btn.medium:hover, .villager-general .btn:hover, .header-right .btn:hover {
    background: #7493ab;
    color: #113350 !important;
    text-shadow: 1px 1.732px 2px rgba(0,0,0,0.25);
    box-shadow: none;
    border: none;
    font-style: normal;
}
.small, .small a, div.user-panel a {
    color: #7493ab;
}
.small {
    margin-left: 13px;
    position: relative;
    top: 221px;
}
#comments {
    width: 475px;
    position: relative;
    left: 502px;
    top: -27px;
    margin: 0;
    min-height: 265px;
}
.user-comments {
    overflow: auto;
    max-height: 500px;
    margin: 0;
}
.user-comments .user-avatar-wrapper {
    width: 80px;
}
#comments .villager-avatar {
    width: 80px;
    height: 80px;
    border-radius: 100%;
}
.user-comments .user-comment {
    width: 375px;
    border: 0;
    color: #9bafb2;
}
.user-comments .user-comment .footer {
    width: 343px;
    font-size: 10px;
    border-color: #7493ab;
    padding-bottom: 0;
}
.user-comments .user-comment::before, .user-comments .user-comment::after {
    border: 0;
}
.pagination {
    display: block;
    margin: 20px 0;
}
.pagination li a {
    background: rgba(1,19,53,.4);
    border: 0;
    color: #fff;
}
.pagination .active span, .pagination .active span:hover, .pagination li a:hover, .pagination .active span:focus, .pagination li a:focus {
    color: #7493ab;
    background: rgba(1,19,53,.8);
    border: 0;
}
.pagination .disabled span, .pagination .disabled span:hover {
    background: rgba(1,19,53,.4);
    border: 0;
    color: #fff;
}
.report {
    margin-right: 13px;
    position: relative;
    z-index: 1;
}
.villager-data-minipet .label-success {
    background: transparent;
    position: absolute;
    bottom: 30px;
    left: 45px;
    color: #7493ab;
    z-index: 0;
    display: none;
    transition: 0.5s;
}
.villager-data-minipet:hover strong {
    display: none;
    transition: 0.5s;
}
.villager-data-minipet p:last-child {
    position: absolute;
    width: 130px;
    bottom: -24px;
}
.villager-data-minipet:hover .label-success {
    display: inline;
}
.btn.small {
    top: 8px;
    opacity: 1;
    background: transparent;
    border: 1px solid #011335;
    color: #011335 !important;
    text-shadow: none;
    font-weight: bold;
}
.btn.small:hover, .btn.small:focus {
    background: #7493ab;
    border: none;
    font-style: normal;
}
.table tr:nth-child(even) td {
    background: rgba(48,63,90,.4);
    border: 0;
}
.table tr:nth-child(odd) td {
    background: rgba(48,63,90,.2);
}
.table tr:hover td {
    background: rgb(48,63,90) !important;
    border: 0;
}
.table tbody tr td {
    border: 0;
    color: #113350;
}
td a, .fa, .villager-general span a .fa {
    color: #011335 !important;
}
.notifications-row b {
    font-weight: normal;
}
span.tooltipster {
    border-bottom: 0;
    font-weight: normal;

}
.widget-header {
    border-bottom: 0;
}
.notifications-widget h3 {
    width: 100%;
    margin: 0;
    border-radius: 0;
}
tr:last-child .btn.small {
    top: 0;
}
.label:hover, .villager-data-info h3 .label:hover {
    font-style: normal;
}
.label-primary {
    color: #7493ab;
    background-color: #011335;
}
.label-primary .fa, .label-default .fa, .villager-data-minipet .fa, .user-panel .fa, #logo + :nth-child(2) ul a, .search-form + .btn, .villager-general .fa {
    color: #7493ab !important;
}
.villager-data-info h3 .label {
    font-size: 10.5px;
}
.content .label-primary:hover, .content .label-primary:focus {
    background-color: #303f5a;
    color: #7493ab;
}
.label-default {
    background: #7f273a;
}
.label-warning {
    background: rgba(240, 173, 78,.3);
    color: #7493ab;
    margin-left: 2px;
}
.label-success {
    background: rgba(92, 184, 92,.3);
    color: #7493ab;
    margin-left: 2px;
}
.content .label-warning:hover, .content .label-warning:focus {
    background: rgba(240, 173, 78,.5);
    color: #7493ab;
}
.villager-data-info .label-success:hover, .villager-data-info .label-success:focus {
    background: rgba(92,184,92,0.5);
    color: #7493ab;
}
.content .right-column {
    position: absolute;
    right: -215px;
}
.right-column .widget {
    overflow: hidden;
    opacity: .3;
    padding-left: 35px;
    width: 32px;
    background-position: left top;
    background-repeat: no-repeat;
    transition: 1s;
}
.right-column .widget:first-child {
    background: url('http://i.imgur.com/FkLbCoe.png') left top no-repeat;
    height: 121px;
}
.right-column .widget:nth-child(2) {
    background: url('http://i.imgur.com/yq2X1dU.png') left top no-repeat;
    height: 168px;
}
.right-column .widget:nth-child(3) {
    background-image: url('http://i.imgur.com/b39sEc6.png');
    height: 164px;
}
.right-column .widget.recent-posts {
    background-image: url('http://i.imgur.com/QGVVku7.png');
    height: 167px;
}
.right-column .widget:hover {
    width: 215px;
    overflow: auto;
    height: auto;
    background: transparent;
    padding-left: 0;
    opacity: 1;
}
.widget h3 {
    letter-spacing: 3px;
    background: rgba(79,127,172,0.4);
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.widget .forum-posts li:nth-child(odd) {
    background: rgba(48,63,90,0.6);
    border-bottom: 0;
}
.widget .forum-posts li:nth-child(even) {
    background: rgba(48,63,90,0.8);
    border: 0;
}
#comments .footer .fa, .report a:hover, .report a:focus, .recent-posts li .fa {
    color: #9bafb2 !important;
}
.search-form + .btn {
    top: 45px;
    right: 0;
    z-index: 1;
    background: none;
    text-shadow: none;
}
.search-form + .btn:hover {
    background: none;
}
.red:hover, .red:focus {
    color: #ed1c24;
}
hr {
    border-color: #7493ab;
}
.bottom ul li {
    border-color: #011335;
}
.btn-link {
    color: #011335 !important;
}
.btn-link:hover, .btn-link:focus {
    text-decoration: none !important;
    color: #011335 !important;
}
.recent-posts .text-right {
    background: rgba(48,63,90,0.8);
}
.recent-posts .widget-content {
    padding-bottom: 0;
    background: rgba(255, 255, 255, 0.5) !important;
}
.right-column .widget-content {
    background: rgba(100,111,131,0.8);
}
.user-info, .user-info h4 {
    color: #113350;
}
.widget:nth-child(3) .text-center:nth-child(even) {
    background: rgba(48,63,90,0.5);
}
.widget:nth-child(3) .widget-content {
    padding: 0;
}
.widget:nth-child(3) .text-center {
    padding: 5px 0;
}
.header-right .btn {
    font-family: Raleway, sans-serif;
    letter-spacing: normal;
    font-variant: normal;
}
.counter {
    border-color: #fff;
}
.col-xs-2 {
    width: 130px;
}
/*.villager-data-info-wide {
    width: 50%;
    float: left;
    clear: none;
}*/