/* ===================index=================== */

.forum-container {
    margin: 0 40px 0 40px;
}

.category-title {
    display: block;
    color: #6d6657;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 0 0 8px #000000, 0 1px 1px #000;
    text-transform: uppercase;
    text-align: left;
}

.category-forums .topic_title {
    float: none;
}

.container_2 {
    background:unset !important;
    box-shadow:unset !important;
}

.width_small {
	width: 320px !important;
}

.forum-row{
    width: 100%;
    height: 75px;
    text-align: left;
    padding-left: 0;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 11px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03);
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

.forum-row:hover {
	box-shadow:0 0 11px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03), inset 0 0 0 80px rgba(255,255,204,.008)
}

.forum-row .icon {
    float: left;
    margin-top: 5px;
}

.forum-row .icon img {
    margin: 6px 0 0 6px;
}

.forum-row .forum_title_desc {
	float: left;
    text-align: left;
}

.forum-row .forum_title_desc a {
    display: block;
    height: 65px;
}

.forum-row .forum_title_desc a h1 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #907748;
    font-weight: bold;
    margin: 15px 0 0 20px;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

.forum-row .forum_title_desc a:hover h1 {
    color: #ae925d;
}

.forum-row .forum_title_desc a h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #4b4840;
    font-weight: bold;
    margin: 4px 0 0 19px;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

.forum-row .forum_title_desc a:hover h2 {
    color: #635f55;
}

.forum-row .post, .forum-row .topics {
    max-width: 78px;
    background: url(../images/forum-seperators.png) no-repeat left;
    text-align: center;
	float: left;
}

.forum-row .post p, .forum-row .topics p {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    color: #494842;
    font-weight: bold;
   margin: 24px 0 24px 0;
}

.forum-row .lastpost::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 100%;
    background: url(../images/forum-seperators.png) no-repeat left;
}

.forum-row .lastpost {
	float: left;
}

.forum-row .lastpost p.topic_title a {
    font-size: 12px;
    color: #52514c;
    font-weight: bold;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

.forum-row .lastpost p.topic_title a:hover {
    color: #ad8f27;
}

.forum-row .lastpost p.by a {
    font-size: 12px;
    font-weight: bold;
}

.forum-row .lastpost p.postdate {
    font-size: 11px;
    color: #3d3c37;
    margin: 0 0 0 15px;
}

.forum-path {
	margin-bottom: 10px;
	display: block;
	color: #d0a511;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
}

.forum-path .forum-path-intermediate {
	color: #d0a511;
	opacity: 0.6;
	font-weight: normal;
}

.forum-path .forum-path-current, .forum-path .forum-path-base {
	color: #d0a511;
	font-weight: bold;
}

.class-row {
    display: block;
    width: 100%;
    height: 53px;
    overflow: hidden;
    box-shadow: 0 0 11px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03);
    float: left;
    padding-left: 0;
    border-radius: 4px;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

.class-row:hover {
    box-shadow: 0 0 11px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03), inset 0 0 0 80px rgba(255,255,204,.008);
}

.class-row div {
    float: left;
    text-shadow: 0 0 6px rgba(0,0,0,.5), 0 1px 1px rgba(0,0,0,.6);
}

.class-row .icon {
    width: 36px;
    height: 36px;
    margin: 8px 0 0 8px;
}

.class-row .icon img.image_icon {
    width: 36px;
    height: 36px;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0,0,0,.4), 0 1px 1px rgba(0,0,0,.3);
}

.class-row .icon div.image_icon {
    width: 36px;
    height: 36px;
    background-image: url(../images/forum_icons/icons.jpg);
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0,0,0,.4), 0 1px 1px rgba(0,0,0,.3);
}

.deathknight .icon div.image_icon {
	background-position:0 0
}

.druid .icon div.image_icon {
	background-position:-36px 0
}

.hunter .icon div.image_icon {
	background-position:-72px 0
}

.mage .icon div.image_icon {
	background-position:-108px 0
}

.paladin .icon div.image_icon {
	background-position:-144px 0
}

.priest .icon div.image_icon {
	background-position:-180px 0
}

.rogue .icon div.image_icon {
	background-position:-216px 0
}

.shaman .icon div.image_icon {
	background-position:-252px 0
}

.warlock .icon div.image_icon {
	background-position:-288px 0
}

.warrior .icon div.image_icon {
	background-position:-324px 0
}

.monk .icon div.image_icon {
	background-position:-360px 0
}

.demonhunter .icon div.image_icon {
	background-position:-396px 0
}

.evoker .icon div.image_icon {
    background-position: -432px 0;
}

.class-row .info {
    margin: 11px 0 0 8px;
    display: block;
    width: auto;
	text-align: left;
}

.class-row .info a {
    display: block;
    width: 100%;
}

.class-row .info a h1 {
    font-size: 13px;
}

.class-row .info a h2 {
    font-size: 11px;
    color: #3f3d37;
}

@media only screen and (max-width: 600px) {
    .forum-container {
        margin: 0 !important;
    }
    .forum-row .post, .forum-row .topics {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .forum-row .forum_title_desc {
        float: unset !important;
    }
}

@media only screen and (max-width: 991px) {
    .forum-row .post, .forum-row .topics {
        min-width: 78px;
    }
}

@media only screen and (max-width: 360px) {
    .forum-row .icon {
        display: none;
    }
}

/* =================== subforum =================== */

.forum-padding {
    margin: 0 30px 0 30px;
}

.forum_header {
    width: 100%;
    height: 70px;
    margin: 20px 0 20px 0;
    box-shadow: 0 2px 0 rgba(0,0,0,.25);
}

.forum_title {
    float: left;
}

.forum_title h1 {
    font-size: 24px;
    color: #c9a33c;
}

.forum_title h3 {
    font-weight: bold;
    font-size: 13px;
    color: #504c46;
}

.forum_header h4 {
    display: block;
    margin: 12px 0 0 0;
    float: right;
    text-align: right;
    font-size: 24px;
    color: #403c32;
    font-weight: normal;
}

.forum_header h4 b {
    color: #676150;
}

.actions_c {
    margin: 0 0 40px 0;
}

.actions_c .pagination {
    margin: 5px 0 0 0;
}

.actions_c .nice_button {
    float: right;
}

ul.pagination li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
}

ul.pagination li a, ul.pagination li p {
    display: block;
    width: auto;
    min-width: 21px;
    height: 23px;
    background: rgba(241,221,196,.07);
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.01), 0 1px 1px rgba(0,0,0,.4);
    text-align: center;
    color: #4a4943;
    text-shadow: 0 1px 1px rgba(0,0,0,.5), 0 0 6px rgba(0,0,0,.4);
}

ul.pagination li p {
    font-weight: bold;
}

ul.topic_row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: auto;
    box-shadow: 0 0 11px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03);
    border-radius: 3px;
    padding-left: 0;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.topic_row li {
    float: left;
    width: auto;
    height: auto;
    text-shadow: 0 0 6px rgba(0,0,0,.5), 0 1px 1px rgba(0,0,0,.6);
}

ul.topic_row .icon {
    width: 60px;
    height: 55px;
}

ul.topic_row .icon img {
    margin: 8px 0 0 4px;
}

ul.topic_row li.topic_title_by_date {
    width: 556px;
	text-align: left;
}

ul.topic_row li.topic_title_by_date h1 {
    margin: 11px 0 0 14px;
    display: block;
    width: 100%;
}

ul.topic_row li.topic_title_by_date h1 a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #8d8370;
    display: block;
    width: 100%;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.topic_row li.topic_title_by_date p {
    margin: 3px 0 0 14px;
    font-weight: bold;
    font-size: 11px;
}

ul.topic_row .lastpost {
    display: block;
    width: 257px;
    background: url(../images/topic-seperators.png) no-repeat left;
    color: #4b4840;
	text-align: left;
}

ul.topic_row .lastpost h4 {
    margin: 13px 0 0 15px;
    font-size: 11px;
}

ul.topic_row .lastpost h4 a {
    color: #615d53;
}

ul.topic_row .lastpost h5 {
    margin: 2px 0 0 15px;
    font-size: 11px;
    color: #3d3c37;
}

ul.topic_row .lastpost a.go_to_lastpost {
    display: block;
    width: 33px;
    height: 33px;
    background-image: url(../images/go_to_last_post.png);
    background-repeat: no-repeat;
    position: absolute;
    padding: 4px;
    top: 12px;
    right: 6px;
}

ul.topic_row .lastpost a.go_to_lastpost:hover {
    background-position: 0 -34px;
}

ul.topic_row .lastpost a.go_to_lastpost p {
    display: none;
}

.forum-padding h2{
	text-align: left;
}

@media only screen and (max-width: 402px) {
    .forum-padding {
        margin: 0 !important;
    }
}

/* ========================== posts ============== */

.topic_header {
    width: 100%;
    height: 70px;
    margin: 0 0 20px 0;
    box-shadow: 0 2px 0 rgba(0,0,0,.25);
}

.topic_title {
    float: left;
    margin: 5px 0 0 0;
    z-index: 9;
}

.forum-row .lastpost p.by {
    margin: 0 0 0 15px;
}

.topic_title h1 {
    font-size: 22px;
    color: #9d9684;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.topic_title h3 {
    font-weight: bold;
    font-size: 13px;
    color: #45433e;
}

.topic_header h4 {
    display: block;
    float: right;
    text-align: right;
    font-size: 24px;
    color: #403c32;
    font-weight: normal;
}

.topic_header h4 b {
    color: #676150;
}

.topic_post {
    width: 100%;
    min-height: 225px;
    box-shadow: 0 0 11px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03), 0 0 25px rgba(255,255,255,.03);
    border-radius: 3px;
    margin: 0 0 30px 0;
}

.topic_post.isStaff {
     box-shadow: inset 0 0 1px rgba(96, 76, 65, 0.3), 0 0 0 1px #251d19, 0 2px 2px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.15), inset 0 0 46px rgba(255, 68, 0, 0.15);
 }

.topic_post .left_side .user_avatar.isStaff {
    border: 1px solid #813c26;
    box-shadow: inset 0 0 0 1px #d26030, inset 0 1px 0 rgba(255, 255, 255, 0.21), 0 0 21px rgba(240, 106, 59, 0.45), 0 0 13px rgba(0, 0, 0, 0.33);
 }

.topic_post .left_side {
    background: url(../images/topic_bg_bottom.png) no-repeat bottom, url(../images/topic_bg_row_normal.png) repeat;
    box-shadow: 0 0 11px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03), 0 0 25px rgba(255,255,255,.03);
}

.topic_post .left_side .user_avatar {
    width: 86px;
    height: 86px;
    border-radius: 3px;
    margin: 20px auto 20px auto;
    background: rgba(69,67,62,.5);
    box-shadow: inset 0 0 1px 1px rgba(255,255,255,.05), inset 0 0 28px rgba(0,0,0,.8), 0 0 16px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5);
    overflow: hidden;
}

.topic_post .left_side .user_avatar span {
    width: 100%;
    height: 100%;
    display: block;
}

.topic_post .left_side .user_info {
    margin: 0 auto;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.3);
}

.username_container {
    display: block;
    margin: 10px 0 0 4px;
    text-align: center;
}

.username_container a.username {
    display: inline-block;
    padding: 2px;
    font-size: 13px;
    color: #a3977b;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    vertical-align: top;
}

div.drop_down_profile {
    display: inline-block;
    width: 10px;
    height: 11px;
    vertical-align: top;
    margin: 1px 0 0 0;
    padding: 3px;
    cursor: pointer;
}

div.drop_down_profile span.profile {
    display: none;
}

div.drop_down_profile a.arrow {
    display: block;
    width: 10px;
    height: 11px;
    background: url(../images/profile_arrow.png) no-repeat;
    top: 2px;
    left: -1px;
}

dt {
    text-align: center;
    min-width: auto;
    width: auto !important;
}
dd {
    margin: 0 !important;
}

h3.post_field {
    border: 1px solid #212322;
    border-radius: 5px;
    margin: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 10px;
}

a.drop_down_profile span.arrow:hover {
	opacity:.8
}

div.drop_down_profile .drop_down_container {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    top: 3px;
    left: 13px;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    opacity: .5;
    cursor: auto;
    overflow: hidden;
    z-index: 99999;
}

div.drop_down_profile .drop_down_container h1,
div.drop_down_profile .drop_down_container h3,
div.drop_down_profile .drop_down_container .user_menu {
	display:none
}

div.drop_down_profile:hover .drop_down_container .user_menu {
	display:inline-block
}

div.drop_down_profile ul.user_menu {
	width:auto;
	height:31px;
	border-radius:3px;
	background:rgba(255,255,255,.05);
	margin:10px
0 0 10px;
	padding:0
!important;
	box-shadow:0 0 6px rgba(0,0,0,.2), 0 1px 0 rgba(0,0,0,.1), inset 1px 1px 0 rgba(255,255,255,.03);
	overflow:hidden
}

div.drop_down_profile ul.user_menu li {
	display:inline-block;
	padding:0
!important
}

div.drop_down_profile ul.user_menu li a {
	display:block;
	padding:8px
8px 8px 8px;
	text-shadow:0 1px 1px rgba(0,0,0,.5);
	box-shadow:1px 0 0 rgba(0,0,0,.3);
	color:#FC6
}

div.drop_down_profile ul.user_menu li:last-child a {
	box-shadow:none
}

div.drop_down_profile ul.user_menu li a:hover {
	background:rgba(255,255,255,.02);
	box-shadow:1px 0 0 rgba(0,0,0,.3), -2px 0 0 rgba(255,255,255,.02), inset -1px -1px 1px rgba(0,0,0,.05);
	color:#ffe5b2;
	text-shadow:0 0 2px rgba(255,255,255,.22)
}

div.drop_down_profile:hover .drop_down_container h1 {
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    color: #bab49c;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.6);
    font-weight: normal;
    margin: 7px 0 0 10px;
}

div.drop_down_profile:hover .drop_down_container h1,
div.drop_down_profile:hover .drop_down_container h3 {
	display:block
}

div.drop_down_profile:hover .drop_down_container {
	display:block;
	position:absolute;
	width:206px;
	height:90px;
	text-align:left;
	z-index:99999;
	background:#302e2b;
	border-radius:3px;
	box-shadow:0 0 15px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,1),
inset 0 0 0 1px rgba(255,255,255,.02), inset 0 1px 0 rgba(255,255,255,.04),
0 0 8px rgba(0,0,0,.5);
	opacity:1
}

div.drop_down_profile:hover .drop_down_container h1 {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	color:#bab49c;
	font-size:14px;
	text-shadow:0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.6);
	font-weight:normal;
	margin:7px
0 0 10px
}

div.drop_down_profile:hover .drop_down_container h3 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#666360;
	margin:0 0 0 10px
}

.quick_reply {
    min-height: 205px;
    box-shadow: 0 0 11px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03), 0 0 25px rgba(255,255,255,.03);
    padding: 0 20px;
}

.quick_reply h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #625e57;
    display: block;
    padding: 18px 0 18px 0;
    text-transform: uppercase;
    text-align: left;
}

.quick_reply .actions {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.quick_reply .actions .nice_button.right-0 {
    float: right;
    margin-left: 5px;
}

textarea {
    resize: none !important;
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0,0,0,.15), 1px 0px 1px rgba(0,0,0,.25);
    color: #40342e;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto;
    height: auto;
    padding: 10px;
    background: rgba(0,0,0,.20);
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.25), inset 0 0 10px rgba(0,0,0,.10), 1px 1px 0 rgba(54,45,40,.25);
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
}

.tox:not([dir=rtl]) .tox-statusbar__branding {
    display: none;
}

.quick_reply form textarea {
    float: none;
    display: block;
    padding: 20px;
    width: 90%;
    height: 120px;
    margin: 0 0 20px 24px;
}

.quick_reply form a.advanced_post {
    opacity: .5;
    margin: 0 24px 0 0;
}

.quick_reply .tox.tox-tinymce.tox-platform-touch {
    margin-left: 25px;
    margin-right: 25px;
}

.topic_post .left_side .user_info h3 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.topic_post .right_side {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
}

.topic_post .right_side .post_container {
    padding: 14px 12px 0 12px;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    color: #6d6a5e;
    text-shadow: 0 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.3);
    min-height: 164px;
}

.topic_post .right_side .post_container img {
    display: block;
    max-width: 100%;
    height: auto;
}

.topic_post .right_side ul.post_controls {
    display: block;
    width: auto;
    padding: 15px;
    margin: auto 0 0 0;
    text-align: right;
}

ul.post_controls li {
    display: inline-block;
    width: auto;
    height: 20px;
    vertical-align: top;
    margin: 0 5px 11px 0;
}

ul.post_controls li a {
    display: block;
    width: auto;
    border-radius: 2px;
    padding: 4px 8px 4px 8px;
    background: rgba(255,255,255,.04);
    box-shadow: 0 1px 1px rgba(0,0,0,.13), inset 0 1px 1px rgba(255,255,255,.04), inset 0 -1px 0 rgba(255,255,255,.05);
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.08), 0 0 3px rgba(0,0,0,.4);
    color: #6b6354;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.post_controls li a:hover {
    background: rgba(255,255,255,.08);
    color: #b4924e;
}

ul.post_controls .post_date {
    color: #4c4a45;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.3);
    font-size: 11px;
    display: block;
    float: left;
    text-align: right;
    margin: 15px 5px 0 0;
}

.post-container textarea, .post-container input[type="text"] {
	background: linear-gradient(rgba(238,238,238,0.6), rgba(255,2555,255,0.6));
	border-radius: 3px;
	border: 2px solid white;
	box-shadow: 0 0 10px rgba(0,0,0,0.35);
	padding: 5px;
	font-family: MuseoSans, Arial, Helvetica, Sans-seif;
	font-size: 12px;
}

.post-container input[type="text"] {
	margin-bottom: 15px;
	width: 80%;
}

.post-container textarea {
	width: 100%;
	height: 200px;
}

.topic-create-controls {
	margin: 10px 0;
}

.topic-create-controls a, .topic-create-controls input[type="submit"] {
	float: right;
	text-transform: uppercase;
}

.topic-create-controls input[type="submit"]
{
	width: 200px;
	padding: 10px;
	margin: 0 10px 0 20px;
	color: white;
	background: linear-gradient(#c9a836, #b08f1d);
	border-radius: 5px;
	border: 1px solid #b08f1d;
	cursor: pointer;
}

.topic-create-controls input[type="submit"]:hover {
	background: #c9a836;
	border: 1px solid #c9a836;
}

.topic-create-controls input[type="submit"]:active {
	background: linear-gradient(#b08f1d, #c9a836);
}

.topic-create-controls a {
	display: block;
	height: 20px;
	padding: 10px 20px;
	background: radial-gradient(ellipse 1px 50% at 87px 50%, rgba(0,0,0,0.45), rgba(0,0,0,0));
	color: #c9a836;
}

.forum-post-body-timestamp .control {
	font-weight: bold;
	margin-right: 10px;
}

.control.delete {
	color: #900;
}

.control.edit {
	color: #000;
}

@media only screen and (max-width: 767px) {
    .topic_post .left_side .user_avatar {
        width: 45px;
        height: 45px;
    }
}

@media only screen and (max-width: 369px) {
    .post_controls .post_date {
        display: none !important;
    }
}

/* =================== Create =================== */

form label {
    display: block;
    margin: 0 0 25px 14px;
}

form label p {
    margin: 10px 32px 10px 2px;
    display: inline-block;
    vertical-align: top;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #8e8e8e;
    font-family: Cambria,Georgia,serif;
    font-size: 16px;
    font-weight: 400;
    float: left;
}

.new_title {
    height: 69px;
    float: left;
}

.new_title p {
    display: inline-block;
    margin: 15px 0 0 0;
    color: #cbcbca;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.new_title div {
	width:22px;	height:55px;
	position:absolute;
	z-index:2;
	top:-2px; right:0;
	background-position:right;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAA3CAYAAAAIRLqoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABDlJREFUeNqk2N9LU2EYB/Cds7lqFbqps18mA42W0X+QIEJ2EQhdBGX0AyHpIjC6CLv0Ogi8UtQbvfVGg8SLIEOopFxhWZRG6dZaa25u6vy1re8r75HnHM923ne98HJeN/fsc549533fc5Tt7W0bb4rNvOVsRTTVIqj2niIb2GH4kFJArMjoWWCb2+32pFKpxxiuoW+R9xeRqifFpGMnFfF4fElV1SkMf6J/Qp/hPVlfX3+QnIkim2Ob1+sdxiGDnkD/w3tkbm6u4X9+PFswGIzZ7fY4hofI67lMJuNqampyyapV+kd1dfUzHDzoTvLyxuTk5PmiU8EaTvsPcp3iaoWoD7W0tOy3qJ49gXO0rKB+ikMZ+j6qHh8fbyg6FazNz89HoN7AkFZDDmV3uK2tzSmqVkwuaaWqqupoLBa7wuqYabXXHQ5Hen19/Tk5w5ywmLVIJBKGetNE7RZVU7FOXVlZeQIXzmVWiUStQp2C+oWVWs33jdFoNAh1xqDOAlLR0dFRYqU2inXqioqKk4lEogXjkEG9DPVLY0UJiVnr6elZ5B9yGdTerq4uR6Gr0UysU5eXl/uWl5cv8VxvEnUc6sl8atWq0Ht7e3/wLzLm+khfX589nzqfWKfGfF2L+foiz7WmtkMdhfqVmVoVuTwhm+eLAs11BqjjExMTqpm6kNioroP6Asa/DOoI1G+MalV0GoR6Dgc2wx0wqKvN1FZinbqsrMy/srLSyNXa2mgvKSn5lU6n31K1KrPc9Pf3f+FqXa63trZ8w8PDdJugiIh16tLS0rOrq6sNRrXL5VpMJpMB6RxrbXR0dJaLdeq1tbU60To2FXN1PdRsHQwbcr2IXE8XJUYFKAh6nYsd5K3M0NDQ+6LF0J5D4NsYf6N5djqd35GOzzI53g3KfnkEvcU2T3xjo6lyg4ODX2RzTOv4DOr4DsZfDdqf0H6UqWOdFkFvm2nHxsZmRedjM+1pBL5LtDvzBSphAZUwIzNXGLU3MV7iWq3Ect3d3bOia16++fger4QQ0YagfS8zH+u0CEorgWpnRPcV+da8+1wbJFo2owVk1jzdvEq0cXob0dnZOSO6dzPT1kD7gOR2g2t/Q/uu0G5ItdDe5HlNkOWIaT9Y3QNa7d0ektxq2ii0UzJ7N50WKbjFpXGqbW9vD4jcsZruj2tqao6FQqFHXLu7R8aKHMOK/Fpmf6zThsPhG2ba1tbWadH76z3l5vP5jmSz2RNsJ4u+qgWBdmlgYGBT9OZ9z34AKWgllaBtXW3Nzc0BUe0ecW1trRdaH4Yx9BWiTYyMjKzLPGrQBV5YWLjKCoLPYrun3djYOC2j1QXG/Z0H2lMY/uXaLNcmMZGnZZ8AqORO6RrX6irB7/e/LeaJy05gj8fjhtbPtSlNyx4rBAKBdKF7jUIXiOgTFqnADv7PisAHi8qxVUDpRzf/BBgAv5FEEh6oBoUAAAAASUVORK5CYII=)
}

@media only screen and (max-width: 470px) {
    .new_title div {
        display: none !important;
    }
    .new_title {
        margin: 0 5px 0 0;
    }
}