html, body, /* remove this line if necessary for site integration */
.brd div, .brd p, .brd dl,.brd dt,.brd dd, .brd ul, .brd ol, .brd li,
.brd h1,.brd h2,.brd h3, .brd h4, .brd h5, .brd h6, .brd pre,
.brd form, .brd fieldset, .brd legend, .brd blockquote,
.brd table, .brd th, .brd td,ul,li {
    margin:0;
    padding:0;
    text-align: left;
    }

.brd fieldset, .brd img, .brd cite {
    border: 0;
    }

.brd br, .brd hr, .brd .hr, .brd .hidden {
    display: none;
    }

.brd table {
    width: 100%;
    table-layout: fixed;
    empty-cells: show;
    }

img {
    border: 0;
}
a {
    text-decoration: none;
    color:#00f3ff;
    font-size: 1em;
    font-weight: bold;
}

a:hover {
    color:#FFF;
}

li {
    line-height: 18px;
    margin-bottom: 12px;
}

/* Text Setup (Equalise everything before styling)
-------------------------------------------------------------*/


body {
	background: #0a0a0c;
    background-image: url("/images/anoise.png");
    background-size: 100px;
	font: 0.8em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #eee;
}

.brd h1,.brd h2,.brd h3, .brd h4, .brd h5, .brd h6 {
    font-size: 1em;
    font-weight: normal;
    }

.brd .sf-set .text label span, .brd .sf-set .select label span, .brd .sf-set .aslabel span {
    display: block;
    padding-top: .5em;
    padding-bottom: .5em;
    font-weight: bold;
    }

.brd .sf-set .text label small, .brd .sf-set .select label small {
    display: block;
    font-size: 1.2em;
    padding-bottom: .5em;
    }

.brd samp, .brd code, .brd pre, .brd option, .brd optgroup,
.brd input, .brd select, .brd textarea, .brd td, .brd th {
    font-size: 1em;
    /* font-family: Arial,sans-serif; */
    font-style: normal;
    font-weight: normal;
    }

.brd .text input, .brd .select select {
    margin: 0;
    border:none;
    padding: .2em 1em;
    background: #FFF;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 1em;
    width: 94%;
    }


/* Float Clearing
-------------------------------------------------------------*/

.brd-page:after,
.brd .gen-content:after,
.brd .ct-box:after,
#brd-index .item-head:after,
#brd-index .main-item:after,
#brd-index ul.item-info:after,
.brd .frm-group:after,
.brd .mf-set:after,
.brd .sf-set:after,
.brd .mf-box:after,
.brd .sf-box:after,
.brd .mf-item:after,
.brd .txt-set:after,
.brd .txt-box:after,
.brd .frm-form label:after,
.brd fieldset:after,
.brd span.fld-input:after,
.brd .posthead:after,
.brd .postfoot .post-options:after {
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0.0;
    overflow:hidden;
    visibility: hidden;
    clear: both;
    }


/* Hidden items
-------------------------------------------------------------*/

#brd-stats .hn,
#qjump label,
.brd .post .post-byline span,
.brd .post .posthead .post-link span,
.admin .main-subhead,
.brd .main-item .item-info li span.label,
.brd .main-item .item-info li label,
.brd .main-item .you-posted,
.brd .main-item .item-num,
.brd .group-legend,
.brd .group-legend span,
.brd .sf-set legend,
.brd .sf-set legend span,
.brd .main-pagehead .page-info,
.brd p.item-select label,
.brd .mf-extra .mf-field label,
.brd .mf-extra .mf-field .aslabel,
.brd .item-subject .item-nav span,
.brd .post-options a span,
#brd-index .main-title,
.brd .main-head .hn small,
.brd .entry-title,
.brd .menu-page .main-head ,
.modlist,
#brd-access,
#brd-main h1.main-title,
#brd-main .main-head h2 {
    display:none;
}

/* Single Field Items (Text, Select, Checkbox)
-------------------------------------------------------------*/

.brd .sf-box label, .brd .sf-box .aslabel {

    }

.brd .sf-set .checkbox label {

    }

.brd .sf-set .text label span, .brd .sf-set .select label span, .brd .sf-set .aslabel span {
    display: block;
    font-size: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
    font-weight: bold;
    }

.brd .sf-set .checkbox label span {


    }

.brd .sf-set .text label small, .brd .sf-set .select label small {
    display: block;
    font-size: 1em;
    padding-bottom: .5em;
    }

.brd .sf-set .fld-input {


    }

.brd .sf-set .checkbox input {


    }

.brd .sf-set .text input:not([title]) { /* Fixes alignment issue in Safari */

    }

.brd .sf-set .sf-short input {

    }

.brd .sf-set .sf-short label small {

    }

.brd .ct-box li {
    margin-left: 2em;
    }

/* Multi-Field Items (Radio/Checkbox Groups)
-------------------------------------------------------------*/

.brd .mf-box .mf-item {
    position: relative;
    }

.brd .mf-set legend {
    position: relative;
    background: transparent;
    padding:1em 0 1em 0;
    }

.brd .mf-set legend span {
    position: relative;
    font-weight:bold;
    color: #999;;
    }

.brd .mf-set legend span em {
    display: block;
    white-space: normal;
    font-style: normal;
    font-weight:normal;
    font-size: 0.917em;
    }

.brd .mf-item .fld-input {
    position: absolute;
    top: 0.25em;
    left: 0;
    display: block;
    padding: 0 1em;
    }

.brd .mf-item input {
    margin: 0 0 0 -0.25em;
    }

.brd .mf-item label {
    padding: .2em 0 .2em 3em;
    float: left;
    font-weight: bold;
    }

.brd .mf-set .mf-yesno .mf-item {
    width: 10em;
    float: left;
    }

.brd .mf-set .mf-field {
    float: left;
    padding: 0 1em 0 1em;
    }

.brd .mf-set .mf-field1 {
    }

.brd .mf-set .mf-field label, .mf-set .mf-field .aslabel {
    position: absolute;
    top: -2em;
    display: block;
    }

.brd .mf-set .mf-cell .fld-input {
    position: static;
    padding: 0 0 0 1em;
    }

.brd .frm-hdgroup {
    padding-top: 2em;
    }

.brd .sf-set .sf-box .sf-forum {
    width: 25em;
    }

.brd .mf-set .mf-box .forum-field {
    width: 25em;
    }

/* Multi Checkbox Widget
-------------------------------------------------------------*/

.brd .checklist {
    min-height: 6em;
    max-height: 9em;
    max-width: 30em;
    overflow: auto;
    position: relative;
    padding: 0.25em 0.5em;
    margin: 0 0 1em 0;
    border: 1px solid #333;
    border-radius: 2px;
    }

#brd-pagepost-top p.posting {
	margin: 1em 0 0 0;
}

.brd .checklist fieldset {
    height: auto;
    }

.brd .checklist legend,
.brd .checklist legend span {
    font-weight: bold;
    position: static;
    padding: 0;
    height: auto;
    text-align:left;
    }

.brd .checklist .checklist-item {
    position: relative;
    height: auto;
    }

.brd .checklist .checklist-item label {
    display: block;
    padding: 0 0 0 2.25em;
    margin-bottom: .5em;
    float: none;
    height: 100%;
    }

.brd .checklist .checklist-item .fld-input {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    }

.brd .checklist .checklist-item input {
    margin: 0;
    height: 1.55em;
    width: 1.55em;
    }


/* Single Field Textareas and Long Inputs (Flexi Width)
-------------------------------------------------------------*/

.brd .txt-box label {
    display:block;
    padding: 1em 0 1em 0;

    }

.brd .txt-set label span {

    }

.brd .txt-set label small {
    }

.brd .txt-set .txt-input {
    }

.brd .txt-set .fld-input {
    }

.brd .txt-set textarea {
	display:block;
	margin:0 1em 0 0;
	border: 0;
	padding: 1em;
    border-radius: 2px;
}

.brd {
	max-width: 916px;
	margin: auto;
	padding: 0 0 0 0.5em;
}

.brd-page {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-row-gap:0.5em;
	grid-column-gap:2em;
	grid-template-areas:
		"header"
		"visit"
		"welcome"
		"main"
		"comment"
		"footer";
}

#brd-head {
	height: 70px;
	/* padding: 0; */
	grid-area: header;
}

#brd-navlinks-top {
    right:0;
    position:relative;
    top: 110px;
}

#brd-navlinks, #brd-navlinks-top {
	grid-area: navigation;
}

#brd-navlinks, #brd-navlinks-top {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0;
    float: right;
    /* margin: 0 1em; */
}

#sub_menu {
	margin-top: 3em;
	grid-area: sidebar;
    max-width: 12.5em;
}

#get_upload_link {
	margin: 1em 0;
	display:block;
	width:100%;
	clear:both;
	color:#fff;
}

/* User status
-------------------------------------------------------------*/

#brd-visit {
	grid-area: visit;
    color:#aaa;
    font-weight:bold;
    font-size:.8em;
}

/* Main
-------------------------------------------------------------*/
#brd-main {
	grid-area: main;
	min-height: 10em;
}

#feeds {
	right: 0;
	clear: both;
	position: relative;
}

#feeds a {
    opacity:0.7;
	float: right;
	display: block;
	padding: 0.1em 0 .1em 0.2em;
	font-size: 40px;
	color: #333;
}

#feeds a.feed-discord {
	margin-top: 2px;
}

#feeds a:hover {
	color: #fff;
}

.main-foot .item-info {
	display:none;
}

/* Welcome box
-------------------------------------------------------------*/

#forum_welcome {
	grid-area: welcome;
	text-align: center;
	background: #222;
	padding: 2em;
    font-size: 1.2em;
    line-height:1.9em;
    border: 1px solid #202022;
    background:#202022;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#forum_welcome p {
	margin-bottom: 1em;
}

#forum_welcome a {
    display: block;
    background: #00d2e1;
    border: none;

    width: 12.3em;
    text-decoration:none;
    border-radius: 2px;
    padding:.5em;
    color: #fff;
    font-family:sans-serif;
    font-size:.8em;
    font-weight:bold;
    cursor:pointer;
    margin-top: 2em;
    margin:auto;
}

#forum_welcome a:hover {
    background: #eb75c4;
}



/* Logo
-------------------------------------------------------------*/


#brd-title {
	/* padding-top: 1em; */
	height: 50px;
}
#brd-title a {
	display: block;
	background: url('/images/weekly_beats_2024.svg?v=1b') no-repeat;
	background-size: 270px;
	height: 180px;
	width: 360px;
	top: -75px;
	left: -20px;
	text-indent: -1000em;
	position: relative;
}


#brd-desc {
    display: none;
}

/* Navbar
-------------------------------------------------------------*/

div#reports a {
	position: relative;
	top: 14em;
    display: block;
    color:#fff;
    border: none;
    width: 32.3em;
    text-decoration:none;
   	font-size: 0.8em;
    border-radius: 2px;
    padding: .5em .5em;
    height: 2em;
    color: #fff;
    cursor:pointer;
    text-align: center;

    background: url("/forums/style/Trashbaby/images/tagline_bg.png") repeat-x;
    color:#fff;
    padding:.5em 10px 1em 10px;
    text-decoration:none;
    font-weight:bold;
    font-size: .8em;
    border-radius: 2px;
}

div#reports a:hover {
	color: #fff;
}

#brd-navlinks ul, #brd-navlinks-top ul {
	list-style: none;
}

#brd-navlinks li, #brd-navlinks-top li {
	float:left;
    margin-left:2em;
}

links li {
    float:left;
    margin: 0;
}

#brd-navlinks a,#brd-navlinks-top a {
    
}

#brd-navlinks #navinfo {
}

#brd-navlinks-top  a {
	color: #fff;
}

#brd-navlinks-top #navmusic a {
	color: #14d1e9;
}

#brd-navlinks-top #navupload a {
    padding-right: 0;
	color: #f31298;
}
#footer #brd-navlinks a {
	color: #666;
}

#navinfo a {
	position: absolute;
	display: block;
    margin: 0;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #fff;
	-webkit-border-radius: .5em .5em 0 0;
	-moz-border-radius: .5em .5em 0 0;
	border-radius: .5em .5em 0 0;
	padding: .7em 2em .25em 2em;
    background: #202022;
}

p.post-actions {
	margin-bottom: 1em;
}
#navinfo a:hover {
    color: #ccc;
}

#brd-navlinks-top input {
	display: none;
}

#navrules {
    display: none;
    margin: 0;
}
#navrules a {
    display: none;
    margin: 0;
}

#brd-visit #visit-links {
    margin-top: -40px;
}

#brd-visit #visit-links a,

#brd-admod {
    margin-top: -48px;
}

#brd-navlinks .pm-new-messages {
	display: block;
	position:absolute;
	margin-top:-4.3em;
	margin-left:3.2em;
    background: url("/forums/style/Trashbaby/images/tagline_bg.png") repeat-x;
    color:#fff;
    padding:.5em 10px 1em 10px;
    text-decoration:none;
    text-decoration:none;
    font-weight:bold;
    font-size: .8em;
    border-radius: 2px;
}


/* Right column area / quick login
-------------------------------------------------------------*/

#site_search {
    width:80%;
    border:none;
    padding:5px 3px 3px 5px;
    height:13px;
    border-radius: 2px;
    margin: 0;
}

#site_search_go {
    position:absolute;
    width:30px;
    height:21px;
    color:#fff;
    background: #00d2e1;
    font-weight:bold;
    border-radius: 2px;
    margin: 0;
    cursor:pointer;
    border:none;
}

#site_search_go:hover {
    background:#89e2ff;
}

#sub_menu div {
	margin-bottom: 2em;
}

#sub_menu form div {
	margin-bottom: 0;
}

#sub_menu h3 {
    font-weight:bold;
    color:#FFF;
    margin-bottom:.5em;
}

#brd-updates a,
#brd-online a {
    display:block;
    text-decoration:none;
    font-weight:bold;
    color:#FFF;
    padding:.3em 1em .2em 1em;
    margin-bottom:1px;
    background: #00d2e1;
    border-radius: 2px;
}

#brd-updates a:hover,
#brd-online a:hover {
    background:#fff;
    color:#00f3ff;
}

#brd-updates a {
    padding:.5em 0;
    background:#000;
    color:#00f3ff;
    border-top: 1px dotted #222;
}

#brd-updates a:hover {
    color:#fff;
    background:#000;
}

#brd-search #advanced_search_link {
	font-size: .9em;
}

#quick_login {
    color:#00f3ff;
}

#quick_login .sf-box.text {
    margin: .5em 0 .5em 0;
    padding:0px;
}

#quick_login .sf-box.text label {
    position:absolute;
    background:#CCC;
    padding:4px 10px 2px 10px;
    border-radius: 2px 0 0 2px;
    color:#fff;
    font-size:0.8em;
    font-weight:bold;
    height:13px;
    width:5px;
}
#brd-stats {
	display: none;
}
#quick_login .sf-box.text input {
    padding:3px 0 4px 10px;
    margin:0;
    padding-left:28px;
    width:90%;
    height:12px;
    border:0;
    border-radius: 2px;
    font-size:11px;
}

#quick_login .sf-box.checkbox input {
    padding:0;
    margin:0;
}

#quick_login .sf-box.checkbox label {
    margin:0 0 0 0.5em;
    color:#fff;
    font-size:0.8em;
    font-weight:bold;
}

#quick_login .submit input {
    background: #00d2e1;
    color:#fff;
    width:100%;
    padding: .3em;
    border:0;
    cursor:pointer;
    font-weight:bold;
    border-radius: 2px;

}
#quick_login .submit input:hover {
    background:#ff72b9;
}



/* Breadcrumbs
-------------------------------------------------------------*/

#brd-crumbs-end {
    display:none;
}

.postbody .username a {
	color: #fff;
}

.crumbs {
	clear: both;
	font-size: .85em;
}
.crumbs a {
	color: #999;
	font-weight: normal;
	white-space: nowrap;
}
.crumbs span span {
    color: #666;
    padding: 0 0.3em;
}

#categories_home h2.main {
	display: none;
}




/* Errors
-------------------------------------------------------------*/

div.post_error {
    background: #bc055b;
    border: none;
    text-decoration:none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 1em;
    width: 90%;
    color: #fff;
    font-family:sans-serif;
    font-weight:bold;
    }


/* Footer
-------------------------------------------------------------*/

#footer {
	grid-area: footer;
    margin-bottom: 4em;
    border-top: 1px dotted #222;
}

#footer p {
    display: block;
    padding: 0 1em 0 1em;
    border-right: 1px dotted #333;
}
#footer_contact {
    float: left;
    border-left: none;
}
#footer_contact a {
    color:#fff;
}

#footer_moderators {
    float: left;
}

#footer_copyright {
    float: left;
    color: #999;
    font-weight: bold;
}




/* Main Forums
-------------------------------------------------------------*/


.brd .main-content .main-item .icon {
    height: 11px;
    width: 11px;
    margin-top: 1em;
    margin-left: 1.5em;
}

.brd .main-content .main-item .icon.posted {
    background: url(/forums/style/Trashbaby/images/posted.png) no-repeat;
}
.brd .main-content .main-item .icon.sticky {
    background: url(/forums/style/Trashbaby/images/stick.png) no-repeat;
}
.brd .main-content .main-item .icon.closed {
    background: url(/forums/style/Trashbaby/images/closed.png) no-repeat;
}
.brd .main-content .main-item .icon.new {
    background: url(/forums/style/Trashbaby/images/new.png) no-repeat;
}
.brd .main-content .main-item .hn .posted-mark {
    display:none;
}

.brd .main-content .main-item .item-status {
    display: none;
}

.brd .main-content .main-item .info-lastpost cite {
	display: block;
}


.brd .paging, .brd .paging *,
.main-subhead
 {
    white-space:nowrap;
    color: #333;
    font-weight:bold;
    margin-right: .8em;
    font-size: 1em;
    /* margin: 1em 0 0 0; */
    margin-left:  -.25em;
}

.brd .paging a {
    text-decoration:none;
    color: #FFF;
    /* background:#000; */
    padding:2px 5px 2px 5px;
    border-radius: 2px;
}
.brd .paging a:hover {
    background: #00d2e1;
}

.brd .paging a, .brd .paging strong, .brd .paging span {
    padding:2px 0.5em 2px 0.5em;
}

#brd-pagepost-end p.posting {
	margin-top: 1em;
}

#brd-pagepost-end .paging {
	display:none;
}

.brd .main-subhead {
	clear: both;
	position: relative;
	margin-top: -1.5em;
	display: grid;
	grid-template-columns: 0.5fr 6fr 2fr 1fr 3fr;
	grid-template-rows: auto;
	grid-row-gap:1em;
	grid-column-gap:1em;
	padding: .5em 0;
}

.brd .main-content {
	margin-bottom: 1em;
}

.main-content .main-category .main-item .item-subject small {
    display: none;
}

.main-content .main-item small, .main-item .item-nav {
    visibility:hidden;
    display: none;
}
.main-content .main-item small, .main-item .item-nav a {
    visibility:visible;
    display: none;
    position:relative;
    color: #fff;
    margin:1px 1px 1px -3px;
    padding:1px 5px 0px 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.main-content .main-item .item-nav a:hover {
    background: #00d2e1;
    color: #fff;
}

.main-content .main-item .item-nav .item-newposts a {
    background: #00d2e1;
    color: #fff;
    font-size: 0.8em;
	font-style: normal;
}

.main-content .main-item .item-nav .item-newposts a:hover {
    background: #fff;
    color: #00f3ff;
}

.main-content .main-item .info-lastpost {
    margin: 0;
    padding: 0;
}

.main-content .main-item .item-subject h3.hn a {
	color: #fff;
}

.main-content .main-item .item-subject h3.hn a:hover {
	color: #fff;
}

.main-content .main-subhead {
	display: grid;
	grid-template-columns: 11fr 1fr 4fr;
	grid-template-rows: auto;
	grid-row-gap:1em;
	grid-column-gap:1em;
	padding: .5em 0;
}

.main-content .main-item {
	clear: both;
	display: grid;
	grid-template-columns: 0fr 6fr 2fr 1fr 3fr;
	grid-template-rows: auto;
	grid-row-gap:1em;
	grid-column-gap:1em;
	padding: 1em 0;
	background: #202022;
	word-break: break-word;
	word-break: break-word;
	border-radius: 0.25em;
	margin-bottom: 1px;
}
.info-replies {
	white-space:nowrap;
}
.main-content .main-item:hover {
	background:#1a1a1a;
    border-radius: 2px;
}
.main-content .main-item .info-topics,
.main-content .main-item .info-posts {
	padding-top: 1em;
}
.main-content .main-item span.label {
	display: none;
}


.brd .posting .newpost {
    background: #00d2e1;
    float: right;
    text-decoration:none;
    margin-top: -4em;
    margin-right: 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #000;
    padding:6px 15px 4px 15px;
    font-family:sans-serif;
    font-weight:bold;
    z-index: 300;
    }

#brd-pagepost-end p.posting a.newpost {

    margin-top: -1em;
}
.brd .posting .newpost:hover {
    background:#fff;
    color:#00f3ff;
    }

#brd-viewtopic .main-subhead {
	display: none;
}

.brd .postbody {
	clear: both;
	display: grid;
	grid-template-columns: 0fr 0fr 1fr;
	grid-template-rows: auto;
	/* padding: 1em 0; */
	margin-bottom: 2.5em;
	grid-template-areas:
		"usericon speek info"
		"usericon speek post"
		"usericon speek post"
		"usericon speek post";
}


.brd .postbody .useravatar {
	grid-area: usericon;
    width:60px;
    height:60px;
    background:#000;
    border-radius: 4px;
}
.brd .avatar_bg {
    border-radius: 4px;
    width:60px;
    height:60px;
}

.brd .postbody .userstatus {
	display: none;
}

.brd .postbody .talkblockouter {
	grid-area: speek;
}
.brd .postbody .posthead {
	position:relative;
	top:1em;
	padding:0.25em 1em;
	grid-area: info;
	z-index: 1;
}
.brd .postbody .posthead span a {
	float: right;
	z-index: 2;
	font-size: 0.8em;
	color: #999;
}
.brd .postbody .posthead span a:hover {
	color: #00f3ff;
}
.brd .postbody .posthead span.post-num {
	display: none;
}
.brd .postbody .username {
	position: relative;
	padding: 0 0 0.5em 0;
	left: 1em;
	top: 1em;
	width: 50%;
	grid-area: info;
	z-index: 1;
}
.brd .postbody .usernewitem {
	grid-area: usericon;
	display: none;
}
.brd .postbody .userpm {
	margin-top: 62px;
	grid-area: usericon;
}

.brd .postbody .userip {
	grid-area: post;
	display: none;
}
.brd .postbody .userlocation {
	display: none;
}

.brd .postbody .post-entry {
	grid-area: post;
	background: #202022;
	border-radius: 0.25em;
	line-height: 1.5em;
	margin-top: -1.75em;
	padding: 3em 1em 0.5em 1em;
	z-index: 0;
    /* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
    /* Instead use this non-standard one: */
	word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.brd .postbody .main-item.post-entry {
	margin-top: 0;
	padding-top: 2em;
}


.brd .postbody .post-entry p {
	margin-bottom: 1em;
}
.brd .postbody .post-entry:hover {
	background: #1a1a1a;
}

.brd .postbody .talkblockinner {
    position: relative;
    width: 0;
    height: 0;
    margin: 0 0 0 0;
    left:2px;
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #202022;
}

.brd .postbody:hover .talkblockinner {
	border-bottom: 12px solid #1a1a1a;
}

.brd .selected .postbody:hover .talkblockinner {
	border-bottom: 12px solid #1a1a1a;
}




/* Content
-------------------------------------------------------------*/

.brd .post-entry p,
.userdescription p {
    margin-bottom: 1em;
    clear: both;
}

.brd .post-entry .lastedit {
    position: absolute;
    display: block;
    color: #666;
    margin-top: 1em;
    font-size: .8em;
}

.brd .post-entry ol {
    padding-left: 2.5em;
    list-style-type: decimal;
    }

.brd .post-entry ol p,
.brd .post-entry ul p {
    padding: 0;
    }

.brd .post-entry ol.alpha {
    list-style-type: upper-alpha;
    }

.brd .post-entry h5, .brd .entry-content h5 * {
    font-weight: bold;
    font-size: 1.084em;
    padding: 0.5em 0;
    }

.brd .post-entry img {
    vertical-align: text-top;
    }

.brd .post-entry .quotebox,
.brd .post-entry .codebox {
    border-left:4px solid #333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 2em 0 2em 0;
    padding: 1em 0.75em 1em 2em;
    font-size:.9em;
    color:#eee;
    }

.brd .post-entry .quotebox {
    overflow: auto;
    max-height: 35em;
    }

.brd .post-entry .codebox code, #brd-debug table .tcl, #brd-debug table .tcr {
    font-family: monospace;
    }

.brd .post-entry blockquote {
    overflow: hidden;
    width: 100%;
    }

.brd .post-entry .quotebox cite {
    color:#00f3ff;
    display: block;
    font-style: normal;
    font-weight: bold;
    margin-bottom:.5em;
    }


.brd .post-entry .spoilerbox h3 {
	cursor: pointer;
	padding: .2em 0;
	font-weight: bold;
	color: #00f3ff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-transform: capitalize;
	margin-left: -2em;
}

.brd .post-entry .spoilerbox h3:hover {
	background: #222;
	color: #fff;
}

.brd .post-entry .spoilerbox {
	margin-left: 2em;
}




.brd .post-entry pre {
    margin: 0;
    max-height: 35em;
    min-height: 2em;
    overflow: auto;
    padding: 0 2% 0.1em 0;
    width: 98%;
}

.brd .postimg {
    display: block;
    padding: 1em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 1em;
}

.brd .postimg img {
    max-width: 100%;
    max-height: 100%;
    }
.brd .quotebox .postimg img {
    max-width: 100%;
    max-height: 100%;
	}
.brd .quotebox object,
.brd .quotebox embed
 {
    max-width: 150px;
    max-height: 150px;
}

.brd .post-entry span.bbu {
    text-decoration: underline;
}

.brd .sig-demo br,
.brd .user-box br,
.brd .main-message br,
.brd .post-entry br {
    display: inline;
}

.brd .sig-content {
    display:none;
}
.main-head {
}

.main-head .options {
}
.main-head .options .sub-option,
#brd-main div.main-foot .options a {
    display:block;
    float: right;
    z-index: 100;
    margin-right:0em;
    text-decoration:none;
    color:#00f3ff;
    display:block;
    padding:0.5em 1em;
    font-size:0.85em;
    font-family:sans-serif;
    font-weight:bold;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.main-head .options .sub-option:hover,
#brd-main div.main-foot .options a:hover {
    background: #00d2e1;
    color:#fff;
}

.brd .postbody .private-message {
    display: block;
    background:#202022;
    color:#fff;
    padding:1px 0 0 0;
    border-radius: 2px;
    margin: 0 0 4px 0;
    width: 60px;
    text-align: center;
}
.brd .postbody .private-message:hover {
	background: #00d2e1;
}



.brd .postfoot {
	margin-top: -2em;
	height: 3em;
	position: relative;
	}

.brd .postfoot .post-actions {
    padding: 0 0 1em 1em;
    text-align: right;
    display: block;
    float: right;

    }

.brd .postfoot .post-options a {
    color:#999;
    font-size:.85em;
    border:0;
    cursor:pointer;
    text-decoration:none;
    font-weight:bold;
    border-radius: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 1em;
}
.brd .postfoot .post-options a:hover {
    color:#00f3ff;
}

/* Make the report link stand out */
.brd .postfoot .post-options .report-post a:hover{
    color: #ff0000;
    font-weight: bold;
}

.brd .post-entry.selected  {
    border:1px solid #00f3ff;
}



/* Single Field Textareas and Long Inputs (Flexi Width)
-------------------------------------------------------------*/

.brd .txt-box label {
    display:block;
    padding: 1em 0 1em 0;

    }

.brd .txt-set label span {

    }

.brd .txt-set label small {
    }

.brd .txt-set .txt-input {
    }

.brd .txt-set .fld-input {
    }

.brd .txt-set textarea {
	display:block;
	clear: both;
	margin:0 0 0 0;
	width: 98%;
	border: 0;
	padding: 0.5em;
    border-radius: 2px;
    font-size: 1.2em;
    }

#afocus.frm-form {
    z-index:1;
    margin-left: 0;
    position: relative;
    padding: 2em 1em;
    background: #202022;
    clear: both;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    line-height: 1.5em;
}



/* Section Menus (By Trashbaby - Profile and Admin)
-------------------------------------------------------------*/

.brd .main-menu a, .brd .admin-menu a,.brd .admin-submenu a  {
    display:block;
    text-decoration:none;
    text-align: center;
    font-weight:bold;
    color:#FFF;
    display:block;
    padding: 5px 10px;
    margin:0 2px 0.5em 0;
    background:#1A1A1A;
    border-radius: 2px;
    white-space:nowrap;
}

.brd .admin-submenu a {
    margin-bottom: 1em;
    background:#202022;
    font-size:.8em;

}

.admin-page {
    font-size: .9em;
}

.brd .main-menu a:hover, .brd .admin-menu a:hover, .brd .admin-submenu a:hover {
    color: 000;
}

.brd .main-menu li, .brd .admin-menu li , .brd .admin-submenu li {
    float: left;
    display: inline;
    }

.brd .main-menu li.active a,
.brd .main-menu a:hover,
.brd .admin-menu li.active a,
.brd .admin-menu a:hover,
.brd .admin-submenu li.active a,
.brd .admin-submenu a:hover {
    background: #333;
}




.brd .admin-submenu ul {
    padding: 0;
    list-style: none;
    }

.brd .admin-submenu li {
    padding: 0;
    display: inline;
    }


#brd-profile .usertitle,
#brd-profile-about .usertitle,
#brd-profile .crumbs,
#brd-profile-about .crumbs
{
    display:none;
}
#brd-profile-about .main-content,
#brd-profile .main-content {
    font-size: 1.2em;
    float: left;
    margin-left: 0;
    width: 97%;
    padding: 2em 1.5em 2em 1em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#0c0c0c;
    line-height: 1.5em;
    position: relative;
}
#brd-profile .username,
#brd-profile-about .username {
    position:abosolute;
    display: block;
    margin-left: 85px;
    font-size: 1.4em;
    color:#00f3ff;

}
#brd-profile .avatar_bg,
#brd-profile-about .avatar_bg {
    display: block;
    position:abosolute;
    margin-left: -1em;
    margin-top: -2em;
    }
#brd-profile .userdescription,
#brd-profile-about .userdescription {
    display: block;
    margin-left: 8em;
    margin-top: -3em;
    }
#brd-profile .userdescription br,
#brd-profile-about .userdescription br {
    display: block;
}

#brd-profile .set2,
#brd-profile-about .set2 {
    margin-top: 4em;
    padding-top:2em;
    padding-left: 2em;
    border-top: 1px solid #222;
}
#brd-profile .set3, #brd-profile-about .set3,
#brd-profile .set4, #brd-profile-about .set4 {
    margin-top: 1em;
    padding-left: 2em;
    }



/* Main and Content Options
-------------------------------------------------------------*/

.brd p.options {
}

.brd .main-modoptions .options {
    text-align: center;
    }

.brd a.feed {
    display: none;
}

.brd p.options a {
	/*
	margin-top: 2em;
    padding-right: 1em;
    padding-left: 0.5em;
    text-decoration: none;
    font-weight: bold;
    */
}

.brd p.options a:hover {
    color: #00f3ff;
}

.brd #select-all {
    float: right;
    padding-left: 1em;
}


.brd .frm-buttons {
    margin:1em 0 1em 0;
    padding:0 0 1em 0;
    position: relative;
    }

.brd .frm-buttons span.submit {
    margin-right: 0.75em;
    }

.brd span.submit input, .brd span.cancel input {
    background: #00d2e1;
    border: none;
    text-decoration:none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding:0.5em 1em;
    margin: 0;
    /* color: #fff; */
    /* font-family:sans-serif; */
    /* font-size:10px; */
    font-weight:bold;
    cursor:pointer;
    }
.brd span.submit input:hover, .brd span.cancel input:hover {
    background:#fff;
    color: #00f3ff;
}


#loadspinner {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	z-index: 999999;
}

#ajaxprogress {
    position: absolute;
    display: block;
    text-align: center;
    width: 0;
    height: 5px;
    background: #cc1c85;
    z-index:1;
}
#ajaxprogress.hide {
    opacity: 0;
    transition: opacity 1.3s;
}


#infoarea {
    margin:0;
	background: #202022;
	margin-top: 1em;
	margin-bottom: 1.25em;
	min-height: 1em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
}

.arrow-up {
	position: relative;
	float:left;
	top:-11px;
	left: 100px;
	width: 0;
	height: 0;
	margin: 0;
	/* border-left: 12px solid transparent; */
	border-right: 12px solid transparent;
	border-bottom: 12px solid #202022;
}
  
#infoareadesc {
	margin: auto;
}

#infoarea p {
	padding: 1.5em 2em;
	line-height: 22px;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
}

/* Page specific - Forum Index
-------------------------------------------------------------*/
#brd-index .main-content .main-item .item-subject a {
	display: block;
	width: 100%;
	padding-top: 1em;
}
#brd-index .main-content .main-item {
	grid-template-columns: 6fr 1fr 1fr 4fr;
	padding-left: 2em;
}

#brd-index .main-content .main-item .icon {
	display: none;
}

#brd-index .main-subhead {
	grid-template-columns: 6fr 1fr 1fr 4fr;
}


#brd-index .main-head h2 {
	display: block;
    text-decoration:none;
    font-weight: bold;
    color: #00f3ff;
    margin: 2em 0 1em 0;
}

#brd-searchtopics #brd-about {
	display: none;
}


/* Page specific - Home
-------------------------------------------------------------*/
#brd-home .main-head {
    display: none;
}

#brd-home .main-title {
	display: none;
}

#brd-home .crumbs {
	display: none;
}

#brd-home .main-head h2 {
	display: block;
}

/* Page specific - Home - Music
-------------------------------------------------------------*/


#home_music_list h2 a,
#categories_home h2.main,
#search_recent_home H2 {
    display: block;
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
    margin: 1em 0;
}

#home_music_list {
	grid-area: music;
}

#home_music_list .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-row-gap:0.5em;
	grid-column-gap:1em;
}

#home_music_list .item-block {
	padding:0.5em 0 0.5em 3em;
    cursor: pointer;
	display: block;
	overflow: hidden;
	width: 15em;
	height: 2.5em;
	white-space:nowrap;
	border-radius: 5px;
}

#home_music_list .item-block:hover {
	background:#1A1A1A;
}

#home_music_list .item-block.selected {
	background: #1A1A1A;
}
#home_music_list .item-block.highlight {
	background: #00c6ff url('/forums/style/Trashbaby/images/progressbar.gif');
}
#home_music_list .item-block.loader {
	background: #00c6ff url('/forums/style/Trashbaby/images/progressbar.gif');
}
#home_music_list .item-block.highlight h3 a,
#home_music_list .item-block.loader h3 a {
	color: #fff;
}

#home_music_list .item-block .icon {
	position: relative;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    width: auto;
    padding: .2em .5em .1em .5em;
    font-size: .8em;
    font-weight: bold;
    margin: 0 .5em 0 0;
    line-height: 1.5em;
    background: #00c6ff;
    color: #fff;
}

#home_music_list div.info-pop {
	position: relative;
	float: left;
	margin-left: -4em;
	margin-top: -0.8em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #fff;
    font-size: .8em;
    font-weight: bold;
    padding: 1em .7em;
    width: 25px;
    height: 2.5em;
}

#home_music_list .info-pop div {
	display: inline;
	width: 4px;
	height:1em;
	margin-right: 1px;
	float: left;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 1px;
    background: #00c6ff;
}

#home_music_list .info-pop div.inactive,
#brd-music div.info-pop div.inactive {
	background: #333;
}

#home_music_list .loader .info-pop div {
	background: #fff;
}

#home_music_list .loader .info-pop div.inactive {
	background: transparent;
}

#home_music_list .item-block .item-starter {
	font-weight: bold;
	color: #fff;
}

#brd-home #item {
	grid-area: music-preview;
}

#item_content_block div.player-play.button {
    background: #14d1e9 url(/forums/style/jplayer/jp-play.png) no-repeat 10px 8px;
}

#item_play_options .button.player-play, .player-play {
	display:block;
	position:relative;
	cursor: pointer;
	background: #ccc;
	display: block;
	text-indent: -1000em;
	width: 28px;
	padding: 0;
	height: 28px;
	left: 0.5em;
	margin-top: -1px;
	margin-right: 0.5em;
	background: #222;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	background: #00d2e1 url(/forums/style/jplayer/jp-play.png) 10px 8px no-repeat;
}

/* Page specific - Home - Categories
-------------------------------------------------------------*/

#categories_home {
	grid-area: categories;
}

#categories_home h2.hn span {
	display: block;
	margin: 1em 0;
	font-size: 1em;
	font-weight: bold;
	color: #aaa;
}
#categories_home .item-summary {
    height:0;
}

#categories_home .main-item {
	display: block;
	padding: 0;
}

#categories_home .main-content .main-item:hover,
#categories_home .main-item .item-subject a:hover {
	background: #1a1a1c;
	border-radius: 2px;
}

#categories_home .main-item a {
    color:#FFF;
    text-decoration:none;
}

#categories_home .main-item .item-subject {
    overflow: hidden;
    width:100%;
}

#categories_home .main-item .item-subject a {
	display: block;
	height:2.5em;
	padding-top:1.5em;
	padding-left:2em;
	color: #FFF;
	background: #202022;
	border-radius: 0.25em;
	margin-bottom: 1px;
}


#categories_home .item-subject small {
    display: none;
}


#categories_home .icon {
	display: none;
}

/* Page specific - Music Calander
-------------------------------------------------------------*/

#calendar_weeks {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-row-gap:1px;
	grid-column-gap:1px;
    margin-top:1em;
}

#calendar_head #listen_to {
	margin-bottom:1em;
}

#calendar_head #time_left {
}

#calendar_head a,
#calendar_head span.number {
	color: #f31298;
}

#calendar_head span.number {
    color: #ffffff;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

#calendar_head #listen_to span {
	color: #14d1e9;
}

#calendar_weeks {
	clear: both;
	border-collapse: separate;
	border-spacing:1px;
}

#calendar_weeks .calendar_week {
	height: 68px;
    background: #202022;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
}

#calendar_weeks a {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color:#fff;
    opacity: .3;
    word-spacing: .5em;
    font-size: .78em;
    width: 100%;
    height: 100%;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
    display: block;

}

#calendar_weeks .calendar_week a.upload {
	background: #cc1c85 url("/images/cal_weekset2024.png") -76px -2px no-repeat ;
    background-position: 50% 50%;
    color: #fff;
    opacity: 1;
}
#calendar_weeks .calendar_week a.upload:hover {
	background: #fa4fb5 url("/images/cal_weekset2024.png") -76px -2px no-repeat ;
    background-position: 50% 50%;
    color: #fff;
    opacity: 1;
}

#calendar_weeks .calendar_week a.uploaded {
	background: #000 url("/images/cal_weekset2024.png") -76px -2px no-repeat ;
    background-position: 50% 50%;
    color: #444;
    opacity: 0.3;
}

#calendar_weeks .calendar_week a.active {
	background: #41becc  url("/images/cal_weekset2024.png") -3px -2px no-repeat ;
    background-position: 50% 50%;
    color: #fff;
    opacity: 1;
}

#calendar_weeks .calendar_week a.active:hover {
	background: #6ce9fc  url("/images/cal_weekset2024.png") -3px -2px no-repeat ;
    background-position: 50% 50%;
    color: #fff;
    opacity: 1;
}

#calendar_weeks .cal-trackcount {
	display:none;
}
#calendar_weeks a.uploaded:hover .cal-trackcount,
#calendar_weeks a.upload:hover .cal-trackcount,
#calendar_weeks a.active:hover .cal-trackcount
 {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	top:4em;
	right: 0.5em;
	text-align:right;
    height: 1em;
}


/* Page specific - Home - Latest
-------------------------------------------------------------*/
#search_recent_home {
	grid-area: latest;
}

#search_recent_home .main-subhead {
	display: grid;
	grid-template-columns: 10fr 1fr 4fr;
	grid-template-rows: auto;
	grid-row-gap:1em;
	grid-column-gap:1em;
	padding: .5em 0;
	margin-top: -0.5em;
}
#search_recent_home .main-item {
	display: grid;
	grid-template-columns: 10fr 1fr 4fr;
	grid-template-rows: auto;
	grid-row-gap:1em;
	grid-column-gap:1em;
	padding: 1em 0;
	background: #202022;
	border-radius: 2px;
	padding-left: 2em;
}

#search_recent_home .main-item:hover {
	background:#1a1a1a;
    border-radius: 2px;
}

#search_recent_home span.label {
	display: none;
}

/* Page specific - topic
-------------------------------------------------------------*/

#brd-qpost {
	grid-area: comment;
    width: 100%;
}

#brd-qpost div.content-options.options {
}

#brd-qpost div.content-options.options a {
	margin-right: 0.5em;
}

#brd-qpost div.content-options.options {
	font-weight: bold;
}

#brd-qpost label span {

	font-weight: bold;
}

#req-msg p.important {
	display: none;
}

#brd-post .main-subhead {
	display: none;
}

#brd-post #req-msg p {
	display: none;
}

#brd-pagepost-end p.posting a.newpost {
	display: none;
}

#brd-post .postbody {
}

#brd-post div#topic-review.main-content {
	display: none;
}

div.embed_video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
div.embed_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Page specific - members
-------------------------------------------------------------*/



#brd-main div.main-content.main-frm div.ct-group div.member-item {
    width: 22em;
    height: 8em;
    margin: 0 1em 1em 0;
    float: left;
    margin-left: 0;
    padding: 2em 1.5em 2em 1em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#0c0c0c;
    line-height: 1.5em;
    position: relative;
}
#brd-main div.main-content.main-frm div.ct-group div.member-item:hover {
    background:#202022;
}
#brd-main div.main-content.main-frm div.ct-group div.member-item a {
    display:block;
    position: absolute;
    margin-left:-1em;
    width: 14em;
    height: 8em;
    top: 0;
    padding-left:80px;
    padding-top: 2em;
    color: #00f3ff;
    font-size: 1.2em;
    z-index:400;
    }
#brd-main div.main-content.main-frm div.ct-group div.member-item a:hover {
    color: #FFF;
    }
#brd-main div.main-content.main-frm div.ct-group div.member-location {
    position: absolute;
    padding-left:70px;
    top: 4em;
    z-index:1;
}


.brd .main-content, .brd .gen-content {
    clear: both;
    }

#brd-userlist .main-content .frm-form {
    padding: 0;
    border-radius: 4px;
    background:#000;
    line-height: 1.5em;
    position: relative;
    margin: 0;
}
#brd-userlist .main-content .frm-form label span {
    display: none;
}
#brd-userlist .main-content .frm-form .fld-input {
    margin: 0;
    padding: 0;
}
#brd-userlist .main-frm input {
	padding:  .5em 1em;
	margin-right: 1em;
    border-radius: 2px;
    border: none;
    font-size: 1em;
}
#brd-userlist #usersearch {
    background: #00d2e1;
    border: none;
    text-decoration:none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 0;;
    color: #fff;
    font-family:sans-serif;
    font-weight:bold;
    cursor:pointer;
}

#brd-userlist .main-head .hn span {
    display: block;
}

#brd-userlist form#afocus {
	margin: 1em 0;
}



/* Member page
-------------------------------------------------------------*/

#profile #item_main_content {
	display: grid;
	grid-template-columns: 0fr 1fr;
	grid-template-rows: auto;
	grid-row-gap:1em;
	grid-column-gap:2em;
	grid-template-areas:
		"menu menu"
		"user-info user-description"
		"user-info user-posts"
		"user-info user-music";
}

#profile #item_main_content .main-menu {
	grid-area: menu;
}

#profile #item_main_content #item_user_info {
	grid-area: user-info;
}

#profile #item_main_content #item_user_description {
	grid-area: user-description;
}

#profile #item_main_content #item_user_posts {
	grid-area: user-posts;
}

#profile #item_main_content #item_user_music {
	grid-area: user-music;
}


#profile h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

#profile #item_user_music #item_podcast {
	display: none;
}

#profile #item_user_posts a {
    margin: 0 2px 0.5em 0;
    padding: 5px 20px 5px 0;
    /* float: left; */
}

#profile #item_user_posts {
	margin-top: 1em;
	height: 2em;
	padding: 1em 0;
}

#brd-profile-signature #brd-main div.main-subhead,
#brd-profile-identity #brd-main div.main-subhead,
#brd-profile-identity #brd-main div.main-subhead,
#brd-profile-avatar #brd-main div.main-subhead,
#brd-profile-admin #brd-main div.main-subhead,
#brd-rules div.main-subhead {
	display: none;
}

#brd-profile-admin .checklist {
	max-height: none;
}

#brd-profile-avatar .ct-box li {
    margin-left: 2em;
    }


#brd-profile-avatar .ct-box {
	padding: 1em;
	margin-bottom: 1em;
    }

#brd-profile-avatar .ct-box.error-box {
    width: 80%;
    background: #bc055b;
    border: none;
    text-decoration:none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding:1em .5em 1em .5em;
    margin: 0;
    color: #fff;
    font-family:sans-serif;
    font-weight:bold;
    }

#brd-profile-avatar .ct-box li {
    margin-left: 2em;
    }



/* Reports
-------------------------------------------------------------*/

#brd-admin-reports #select-all {

    float: left;
    padding-right: 1em;
    }
#brd-admin-reports  .report {
    margin: 1em 0 1em 0;
    padding: 1em;
    background:#202022;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    }

/* Help File
-------------------------------------------------------------*/

.brd .help-box samp {
    display: block;
    margin-left: 1.5em;
    }

.brd .help-box h5 samp {
    margin-left: 1.417em;
    }

.brd .help-box code {
    font-family: courier;
    font-size: 1.084em;
    }


.brd .help-box .entry-content {
    padding: 0;
    }

.brd .help-box .hn {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    color: #FFF;
    }

.brd .extension {
    display:block;
    border: 1px solid #000;
    background:#202022;
    padding:2em;
}
.brd .extension:hover {
    display:block;
    border: 1px solid #000;
    background:#222;
    padding:2em;
}


#brd-rules .main-content {
    font-size: 1.2em;
    padding: 3em;
    background:#202022;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    line-height:1.5em;
}

#brd-rules .main-content p {
    margin-bottom: 1em;
}
#brd-help .main-content {
    margin-top:-16em;
    font-size: 1.3em;
    width: 90%;
    padding: 3em;
    background:#202022;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    line-height:1.5em;
}
#brd-help .main-content p {
    margin-top: 2em;
    margin-bottom: 2em;
}

#brd-register div.ct-box.info-box p{
	margin: 1em 0;
}




/* Music List
-------------------------------------------------------------*/

#item_list_stage_body .main-subhead {
	clear: both;
	margin-top: 1em;
	grid-template-columns: 0fr 6fr 1fr 1fr 3fr;
}
#item_list_stage_body .main-content .main-item {
	grid-template-columns: 0.2fr 6fr 1fr 1fr 3fr;
}
#item_list_stage_body .main-item .info-replies {
	text-align: left;
}

#item_podcast {
	float: right;
}

#item_list_stage_body div.info-pop  {
    font-size: .8em;
    width: 25px;
    padding: 0.5em;
	padding-left: 1.5em;
}

#item_list_stage_body div.info-pop div {
	display: inline;
	width: 4px;
	height:1em;
	margin-right: 1px;
	float: left;
    border-radius: 4px;
    background: #00c6ff;
}

#item_list_stage_body div.info-pop div.inactive {
}


#item_list_options {
	right: 0;
	display: block;
	color: #FFF;
	font-size: 1.2em;
	/* font-weight: bold; */
}

#item_list_options div {
	display: block;
	float: left;
	/* margin-right:1em; */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 0 1em 1em 0;
}

#list_search #item_list_option_submit.button {
	/* margin-left: -1.5em; */
	/* padding: .4em 1em .3em 1em; */
	background: #00d2e1;
	color: #FFF;
	font-weight: bold;
	font-size: .9em;
	/* letter-spacing: -.1em; */
	width:4em;
}
#list_search #item_list_option_submit.button:hover {
	background:#fff;
}

#list ul.selectReplacement {
	margin: 0;
	padding: 0;
	height: 1.65em;
	/* font-weight: bold; */
	font-size: .8em;
	margin-top: .2em;
}
#list ul.selectReplacement li {
	position: relative;
	background: #222;
	cursor: pointer;
	display: none;
	line-height: 1.8em;
	list-style: none;
	margin: 0;
	z-index: 101;
	padding: .1em 1em 0 1em;
}
#list ul.selectReplacement li:hover {
	background: #00d2e1;
}
#list ul.selectOpen li {
	display: block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: .1em 1em;
	font-size: 1em;
}

#list ul.selectReplacement li.selected {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	display: block;
}
#list ul.selectOpen li.selected {
  background: #FFF;
  color: #00f3ff;
  display: block;
}
#list ul.selectOpen li:hover,
#list ul.selectOpen li.hover,
#list ul.selectOpen li.selected:hover {
  background: #ffffff;
  color: #000;

}

#list #list_file_type ul.selectReplacement {
	width: 4em;
}
#list #list_addional_options ul.selectReplacement {
	width: 22em;
}
#item_list_options #list_tags {
	clear: both;
	display: block;
	float: none;
	margin-left: 1px;
	height: 2em;
	color: #FFF;
	background: #000;
}

#item_list_options input,
#item_list_options select {
	border: none;
	background: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/* margin: .2em 2em 0 0; */
	padding: .3em 1em .2em 1em;
	width: 12em;
}
#item_list_options span {
    display: block;
    font-size: .8em;
}

#item_list_ajax_extras {
	margin: 0 0 1em 0;
}

#list_mark_read {
	position: absolute;
	right: 0;
	margin-top: 9em;
}

.item-entry {
	clear: both;
}


#item_comment p.ct-options.options {
	margin-bottom: 1em;
}

#item_comment p.ct-options.options a {
	margin-right: 0.5em;
}

#item_comment p.ct-options.options {
	font-weight: bold;
}


#item_comment p {
	margin-top: -1em;
	padding: 0 0 1em 0;
}


#item_form .top {
    margin-top: 1em;
    background: #202022;
    padding: 1em 2em;
    margin-bottom: 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#item_form .top p {
    margin-top: 1em;
    margin-bottom: .5em;
}
#item_form .top p br {
	display: block;
}
#item_form .top.error {
    background: #bc055b;
    font-weight: bold;
    }
#item_form .top ul {
    margin: 0;
}
#item_form .top li {
    margin: 0;
    margin-left: 4em;
}

#item_form .frm-group {
    /* background: #0a0a0a; */
    margin-bottom: 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    /* padding: 1em 0 1em 0; */
    }
#item_form .group1 {
    /* padding: 2em 2em 1em 2em; */
    padding-bottom: 2em;
}
#item_form .group3 {
    background:#000;
}

#item_form .text input {
	margin: 0;
}

#item_form textarea {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
    font-size: 1.2em;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 94%;
}

#popular_tags_form {
	padding: .5em;
}
#popular_tags_form span {
	display: block;
	float: left;
	padding: .4em  1em .5em 0;
}
#popular_tags_form a {
	display: block;
	float: left;
	color:#FFF;
	background: #333;
	padding: .3em 1em;
    border-radius: 2px;
	margin-top: 1px;
	margin-right: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#popular_tags_form a:hover{
	background: #00d2e1;
	}

#item_form .switch_file_url {
	position: absolute;
	margin-top: 6.2em;
	margin-left: 11em;
}

#licenses {
    margin-top: 1em;
    margin-bottom: 1em;

	width: 100%;
}
#licenses .license {
    display:block;
    float: left;
    height: 21.5em;
    width: 15em;
    padding: 0;
    margin-right:1px;
    margin-bottom:1px;
    background: #202022;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor:pointer;
}
#licenses .license input {
    display: none;
    width: 0;
    height: 0;
}
#licenses .license:hover {
    background: #222;
}

#licenses .license.selected {
    color:#FFF;
    border:none;
    background: #00d2e1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor:pointer;
    }

#licenses .license label span b {
    font-size: 1.2em;
    }
#licenses .license label br {
    display: block;
    margin-bottom: 1em;
}
#licenses .license label span {
    font-size: .9em;
    display: block;
    cursor:pointer;
    text-align: center;
    padding: 1em;
}
#licenses .license label {
    cursor:pointer;
    text-align: center;
    }

#licenses a {
    color: #fff;
}
#item_form .sf-set .checkbox label {
    display:block;
    margin-left: 2.5em;
}
#item_form .sf-set .checkbox label span {
    display:block;
    position:relative;
    margin-top: -1.7em;
    font-weight: bold;
    width: 100%;
}

#item_form .checkbox {
    background:#202022;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 1em;
    margin-bottom:1px;
    /* margin-right: .8em; */
    }
#item_form .checkbox:hover {
}

#item_form span.submit input, #item_form span.cancel input {
    background: #00d2e1;
    border: none;
    text-decoration:none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding:.5em 3em .5em 3em;
    margin: 0;;
    color: #fff;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
    cursor:pointer;
    }
#item_form span.submit input:hover {
    color: #00f3ff;
    background: #fff;
}
#item_form span.cancel input {
    background: #999;
    }
#item_form span.cancel input:hover {
    background: #fff;
    color: #999;
    }

#fileStatus {
	position: absolute;
    font-weight: bold;
    padding: .5em;
    color: #fff;
    z-index:10;
}

#upload_completed {
    display: block;
    position: absolute;
    width: 96%;
    padding-top: 4em;
    padding-bottom: 4em;
    margin-top: -1em;
    background: #000;
    text-align: center;
    z-index: 1000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #00f3ff;
    border: 2px solid #00f3ff;
}

#form-waitsubmit {
    background: #00d2e1;
    color: #FFF;
    padding: 2em;
    font-size:1.2em;
    font-weight: bold;
    border: 1px solid #00f3ff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}


#fsUploadProgress {
    height: 50px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 1em;
    background: #00d2e1;
    margin-right: .7em;
    padding: 0;
    overflow:none;
}

#progress {
    position: relative;
    padding: 0;
    height: 4em;
    background-color: #202022;
    border-radius: .5em;
    overflow: hidden;
}

#progress .status {
    text-align: center;
    margin: 0;
    padding: 0;
    padding-top:1em;
    font-weight: bold;
    color: #00c0ff;
}
#progress-error {
    color: red;
}

#progress .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 4em;
    background:#00c6ff url('/forums/style/Trashbaby/images/progressbar.gif');
    border-radius: .5em;
}

#spanButton {
    margin-top:-2em;
    height: 41px;
    overflow:hidden;
    position:absolute;
    z-index: 0;
}

#item_form .progressWrapper {
}

#item_form .progressContainer {
    border: none;
    overflow: hidden;
}
/* Message */
#item_form .message {
    margin: 1em 0;
    padding: 10px 20px;
    border: none;
    background: transparent;
    overflow: hidden;
    z-index: 10;
}
/* Error */
#item_form .red {
    border: none;
    background: transparent;
    z-index: 10;
}

/* Current */
#item_form .green {
    border: none;
    z-index: 10;
    padding-bottom: .2em;
}

/* Complete */
#item_form .blue {
    border: none;
    background: transparent;
    z-index: 10;
}

#item_form .progressName {
    position:absolute;
    font-size: 8pt;
    font-weight: 700;
    color: #fff;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .5em;
    padding-left: 1em;
    z-index: 10;
}

#item_form .progressBarInProgress,
#item_form .progressBarComplete,
#item_form .progressBarError {
    display: block;
    font-size: 1em;
    height: 49px;
    background:#00c6ff url('/forums/style/Trashbaby/images/progressbar.gif');
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    z-index: 1;
    padding:0;
}

#item_form .progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
    z-index: 10;
}

#item_form .progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
    z-index: 10;
}

#item_form .progressBarStatus {
	position:absolute;
	margin-top:1.5em;
    color: #fff;;
    z-index: 10;
    padding-left: 1em;
    color:#fff;
    font-weight: bold;
}

#item_form a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
    z-index: 10;
}

#item_form a.progressCancel:hover {
    background-position: 0px 0px;
    z-index: 10;
}


/* -- SWFUpload Object Styles ------------------------------- */
#item_form .swfupload {
    margin-top:1.7em;
    z-index: 10;
}

#item_list_nothing {
	padding-top: 2em;
}

#item_list_loading_container {
    padding-top: 20em;
    left: 30%;
    text-align: center;
    position: absolute;
    z-index: 1000;
}

#list .list_loading {
    display: inline;
    font-size: 1em;
    text-align: center;
    background:#00c6ff url('/forums/style/Trashbaby/images/progressbar.gif');
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    z-index: 1;
	padding:.5em 8em;
	font-weight: bold;
	color: #fff;
	width: 200px;
}

#list .selected {
	border:0;
    background:#222;
}

#list .loader {
    background:#00c6ff url('/forums/style/Trashbaby/images/progressbar.gif');
}

#list .highlight {
    background:#00c6ff url('/forums/style/Trashbaby/images/progressbar.gif');
}

#item_list_options {
	right: 0;
	display: block;
	color: #FFF;
	font-size: 1.2em;
	/* font-weight: bold; */
}

#item_list_options div {
	display: block;
	float: left;
	/* margin-right:1em; */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 0 1em 1em 0;
}

#list_search #item_list_option_submit.button {
	margin-left: 0.25em;
	margin-top: -4px;
	padding: .45em 0.5em .3em 0.5em;
	width:3em;
	background: #00d2e1;
	font-size: .9em;
	/* letter-spacing: -.1em; */
}
#list_search #item_list_option_submit.button:hover {
	background:#fff;
}

#list ul.selectReplacement {
	margin: 0;
	padding: 0;
	height: 1.65em;
	/* font-weight: bold; */
	/* font-size: .9em; */
	margin-top: .2em;
	margin-bottom: 1em;
}

#list ul.selectReplacement li {
	position: relative;
	background: #222;
	cursor: pointer;
	display: none;
	line-height: 1.8em;
	list-style: none;
	margin: 0;
	z-index: 50;
	padding: 0.3em 1em 0.3em 1em;
}
#list ul.selectReplacement li:hover {
	background: #00d2e1;
}
#list ul.selectOpen li {
	display: block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: .1em 1em;
	font-size: 1em;
}

#list ul.selectReplacement li.selected {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	display: block;
}
#list ul.selectOpen li.selected {
  background: #FFF;
  color: #00f3ff;
  display: block;
}
#list ul.selectOpen li:hover,
#list ul.selectOpen li.hover,
#list ul.selectOpen li.selected:hover {
  background: #ffffff;
  color: #000;

}

#list #list_file_type ul.selectReplacement {
	width: 4em;
}
#list #list_addional_options ul.selectReplacement {
	width: 22em;
}
#item_list_options #list_tags {
	clear: both;
	display: block;
	float: none;
	margin-left: 1px;
	height: 2em;
	color: #FFF;
	background: #000;
}

#item_list_options input,
#item_list_options select {
	border: none;
	background: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/* margin: .2em 2em 0 0; */
	padding: .3em 1em .2em 1em;
	width: 12em;
}
#item_list_options span {
    display: block;
    margin-bottom: 0.5em;
    /* font-size: .9em; */
    /* color: #666; */
}

#item_list_ajax_extras {
	margin: 0 0 1em 0;
}

#list_mark_read {
	position: absolute;
	right: 0;
	margin-top: 9em;
}



#item_form .important {
	padding:1em;
}


#list .main-item .item-subject a {
    color: #00f3ff;
}
#list .main-item.selected .item-subject a {
    color: #fff;
	}

#list .main-content .main-item .icon {
	position: relative;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    width: auto;
    padding: .1em .5em .1em .5em;
    font-size: .8em;
    font-weight: bold;
    margin: 0 .5em 0 0;
    line-height: 1.5em;

    }
#list .main-content .main-item .icon.new {
    background:#00c6ff;
    color: #fff;
	}
#list .main-content .main-item .icon.file {
    color: #fff;
	}

#list ul.item-info li.info-lastpost strong {
	padding-left: .7em;
}
#list .main-subhead .subject-title a,
#list .main-subhead .subject-rating a,
#list .main-subhead .info-views a,
#list .main-subhead .info-lastpost a,
#list .main-subhead .info-replies a {
	/* background: #000; */
	color: #FFF;
	border-radius: 2px;
	padding: .5em .5em;
	padding-left: 1px;
}
#list .main-subhead .subject-title a:hover,
#list .main-subhead .subject-rating a:hover,
#list .main-subhead .info-views a:hover,
#list .main-subhead .info-lastpost a:hover,
#list .main-subhead .info-replies a:hover {
	color: #00f3ff;
}

#list .item-summary {
    height:3em;
    padding: 0;
    position: relative;
    font-size: 1em;
    text-align: left;
}






#list_search #item_list_search_close.button {
	display: block;
	position: absolute;
	line-height: .5em;
	padding: .5em;
	left: 12em;
	margin: .3em;
	text-transform: lowercase;
	background: #999;
}
#list_search #item_list_search_close.button:hover {
	color: #fff;
	background: #00d2e1;
}

#submit_new {
	position: relative;
	background: #00d2e1;
	float: right;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-decoration:none;
    color:#fff;
    padding:3px 15px 4px 15px;
    font-family:sans-serif;
    font-weight:bold;
}
#submit_new:hover{
	background: #FFF;
	color: #000;

}
#item_container {
	}

#item {

}
#item_content {
	padding: 2em 2em 2em 2em;
	background: #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


#item:hover {
}
#item #item_content.preview {
	padding: 1em;
	margin: 1px 1.4em 1em 0;
	height: 3em;
	border:none;
	background: #000;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-bottom: 1px solid #202022;
}

#item #item_content.preview #item_info {
	position: relative;
	padding:0;
}

#item .preview #description {
	float: left;
	height: 3em;
	padding-left: 1em;
	overflow: hidden;
	max-width: 40em;
}

#list #item .preview #description {
	display: none;
}

#list #item #item_content.preview {
	border: none;
	margin: 1px 1.4em 0 0;
}

#item .preview #item_play_options {
	float: left;
	padding: 0;
	margin: 0;
	height: 3em;
}
#item .preview #item_play_options li {
	margin: 0 1em 0 0;
	padding: 0;
}

#list .button,
#item .button {
	background: #222;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background:#191919;
    text-decoration:none;

    color:#fff;
    padding:6px 15px 6px 15px;
    font-family:sans-serif;
    font-weight:bold;
}

#list .button:hover,
#item .button:hover {
	background: #fff;
	color: #222;
}
#item_player {
}
#item_close {
	float: right;
}
#item p {
	margin: 1em 0 1em 0;
	color: #ddd;
	line-height: 1.4em;
}

#item_play_options embed {
	margin-bottom: 5px;
}

#item_play_options .button.waiting {
    background:#00c6ff url('/forums/style/Trashbaby/images/progressbar.gif');
}

#item .button:hover {
	color: #000;
	background: #FFF;
}

#bookmark .button {
	margin-left: 0;
	/* color: #FFF; */
	/* background: #222; */
	}
#bookmark .button:hover {
	color: #000;
	background: #FFF;
	}
#featured .button {
	margin-left: 0;
	/* color: #FFF; */
	/* background: #00d2e1; */
	}
#featured .button:hover {
	color: #000;
	background: #FFF;
	}
#item_content_block h3,
#item h3 {
	display: inline;
	font-size: 2em;
	/* font-weight: bold; */
	/* color: #00f3ff; */
	margin: 0 0 0 0;
	}
#item_content_block h3 {
	font-size: 1.6em;
}

#item .edit {
	color: #00f3ff;
}
#item br {
	display: block;
}
#item_user {
	display: block;
	margin-bottom: 2em;
	font-size: 0.8em;
}

#item_main_content {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 2em 1em 1em 1em;
}

#item_content_block  a {
	/* color: #777; */
}

#item_content_block {
	clear: both;
}

#item_info p {
	clear: both;
	margin: 1em 0 1em 0;
}

#item_info #edit {
    color: 000;
}

#item_play_options {
	margin-top: 1em;
	margin-left: 0;
}
#item_tags {
	margin: 2em 1em;

}
#item_tags h4 {
	float: left;
	font-weight: bold;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-top: 1em;
}
#item_tags a.button {
	display: block;
	float: left;
	background: #222;
	color: #fff;
	margin-left: .5em;
	padding: .5em 2em;
    border-radius: 2px;
    margin-bottom: .5em;
    margin-top: .5em;
}
#item_tags a.button:hover {
	color: #FFF;
	background: #333;
}

#item_play_options ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#item_play_options li {
	float: left;
	margin-top: 1em;
	margin-right: 0.4em;
}

#item_license p {
	clear: both;
	color: #ccc;
	margin-top: 1em;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#item_license a {
	color: #ccc;
}




#item_user_options ul {
	list-style: none;
	position: absolute;
	right: 2em;
}
#item_user_options li {
	float: right;
}

#constructive_criticism p{
	clear: both;
	margin: 1em 0 1em 0;
	padding: 1em 2em 1em 2em;
	background: #CCC;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: bold;
	color: #222;
}
#item_comments {
	clear: both;
}

#item_comments .comment {
	display: block;
	clear: both;
}

#item_comments .comment .item_user_info {
	padding: 0;
	height: 6em;
	margin: 0;
}

#item_comments .comment_date {
	position: absolute;
	right: 4em;
	font-size: .85em;
	font-weight: bold;
	color: #FFF;
	margin-top:-1.5em;
}
#item_comments .comment .remove {
	position: absolute;
	display: block;
	color: #00f3ff;
	font-size: .9em;
	right: 3.8em;
	margin-top: -.3em;
}

#item_play_options .button {
	display: block;
	text-align: center;
	background: #555;
	color: #fff;
	padding: 1.2em 2em;
	border-radius: 2px;
	line-height: 0;
	/* height: 12px; */
	font-size: 0.9em;
	font-weight: bold;
}

#item_comments .comment .item_user_comment_body  {
    background:url(/forums/style/Trashbaby/images/talkblock_normal.png) no-repeat 0px 20px;
    margin: 0 0 0 80px;
    padding: 0 0 0 15px;
}
#item_comments .comment .item_user_comment_body:hover {
    background:url(/forums/style/Trashbaby/images/talkblock_hover.png) no-repeat 0px 20px;
}

#item_comments .comment .item_user_comment_body:hover .item_user_comment {
    background:#141414;
}

#item_comments .comment .item_user_comment {
    background:#202022;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 0 3em 0;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 2em 2em 1em 2em;
	min-height: 5em;

}

#item_comments .comment h4 a{
	display: block;
	color:#00f3ff;
	padding-top: .5em;
	padding-bottom: .2em;
	overflow: hidden;
}

#item_comment {
	clear:both;
	margin: 1em 0 1em 0;
	padding: 1em 4em 1em 2em;
	/* background: #000; */
	border-radius: 2px;
	font-size:1.1em;
}
#item_comment p {
	color: #ccc;
	font-size: .9em;
	font-weight: bold;
}
#item_comment textarea{
    font-size:1em;
    padding: .5em 1em;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    height: 8em;
    background: #f0f0f0;
}
.item_user_comment p {
	padding-right: 11em;
	overflow: hidden;
}
#item_comment_accept,
#item_comment_error {
	clear:both;
	color:#fff;
	background: #bc055b;
	font-weight: bold;
	padding: 1em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#item_comment_accept {
	clear:both;
    background: #00d2e1;
}
#item_comment input {
	display: block;
	background: #00d2e1;
	border: none;
	text-decoration:none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:.3em 2em .4em 2em;
	margin: 0;
	color: #000;
	font-family:sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	cursor:pointer;
}

#item_comment_sending {
	clear:both;
    background:#00c6ff url('/forums/style/Trashbaby/images/progressbar.gif');
    padding: 2em;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#item_comments .comment_removed {
	clear:both;
    display: block;
    padding: 1em 2em;
    font-weight:bold;
    font-size:1.2em;
}


#item_send_comment p {
	clear: both;
}

#navigate {
	margin-top: -2.5em;
	width: 100%;
}
.nav_button {
	display: block;
	text-align: center;
	background: #000;
	color: #FFF;
	padding: 12px 0 0 0;
	border-radius: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 4px;
	line-height: 0;
	height: 12px;
	width: 10em;
	margin-left: 0.5em;
	margin-right: 0;
	margin-bottom: 2em;
	float: right;
	background-color: #222;
	margin-top: 1em;
}
.nav_button:hover {
    background:#00c6ff;
}



#profile h2 {
	font-size: 1.2em;
	margin-top: 2em;
	font-weight: bold;
	color: #fff;
}

#profile ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#profile .contact {
    display: block;
    background: #00d2e1;
    color: #000;
    text-align: center;
    border-radius: 2px;
    width:60px;
    padding: 0;
    font-size: 0.8em;
    padding: 0.5em 0 0.5em 0;
    line-height: 1em;
    margin-top: 1px;
}
#profile .contact:hover {
	background: #fff;
	color: #00f3ff;
}

#profile #item_user_music {
	clear: both;
	margin-top: 1em;
}
#profile #item_user_music #item_podcast {
	display: none;
}


#profile #item_user_posts {
	margin-top: 1em;
	height: 2em;
	padding: 1em 0;

}

#profile .main-menu {
}
#profile .main-menu a {
	color: #FFF;
}
#profile #item_main_content {
	padding-top: 0;
	padding-left: 0;
	min-height: 300px;
}
#profile #item_user_description {
	font-size: 1.2em;
	line-height: 1.4em;
	overflow: none;

	padding: 0;
}
#profile #submit_new {
    display:none;
}

#brd-pun_pm-compose div.main-subhead h2.hn {
	display: none;
}

#brd-pun_pm-compose div.main-content.main-frm p.ct-options.options {

	display: none;
}


/* Hamburger Menu
-------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
	
#brd-title {
	padding-top:40px;
}
.brd {
	padding-top:45px;
}

#brd-navlinks-top ul {
	list-style: none;
	display: block;
	margin: 0;
	max-width: none;
}

#brd-navlinks-top li {
	float: none;
	height: auto;
}

#brd-navlinks-top li a {
    border-radius: 0;
    padding: 5px 20px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    display: block;
    white-space: nowrap;
}


#brd-navlinks-top
{
  display: block;
  position: absolute;
  width: 100%;
  margin-top: 1em;
  top: 50px;
  left:10px;
  z-index: 100;
  -webkit-user-select: none;
  user-select: none;
}

#brd-navlinks-top  input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;

  cursor: pointer;

  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */

  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#brd-navlinks-top span
{
  display: block;
  width: 22px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;

  background: #cdcdcd;
  border-radius: 3px;

  z-index: 1;
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#brd-navlinks-top ul
{
  position: absolute;
  width: 100%;
  margin: -118px 0 0 -50px;
  padding: 50px 0px 50px 50px;
  padding-top: 110px;
  padding-bottom: 10px;
  background: rgba(15, 15, 16, 0.95);
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.25s;
}

#brd-navlinks-top li a {
	font-size:1.2em;
    border-radius: 2px;
    padding: 15px 20px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    display: block;
    white-space: nowrap;
}

/*
 * And let's fade it in from the left
 */
#brd-navlinks-top input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}

#navindex.isactive a,
#navindex a:hover {
    background-color: #FFF;
}

#brd-index .info-replies,
#brd-index .info-topics,
#brd-index .info-last-post,
#brd-index .info-posts,
#brd-index .info-lastpost
 {
	display: none;
}

.info-views {
	display: none;
}

#list .info-views {
    display: block;
}

#brd-index .main-content .main-item .item-subject a {
	display: block;
	width: 100%;
	padding: .5em 0 .5em 0;
}


.brd .main-subhead {
	grid-template-columns: 0 6fr 1fr 6fr;
}

.main-content .main-item {
	grid-template-columns: 0 6fr 1fr 6fr;
}

#brd-searchtopics .info-forum {
	display: none;
}

.brd .avatar_bg {
    border-radius: 4px;
}

#profile .avatar_bg {
    border-radius: 4px;
    width:60px;
    height:60px;
}

.brd .postbody .private-message {
    padding:0.5em 0 0.5em 0;
    width: 30px;
}

#brd-main div.main-content.main-frm form.frm-form fieldset.frm-group.group1 table.pun_pm_list thead tr th.td5 {
	display: none;
}

#brd-main div.main-content.main-frm form.frm-form fieldset.frm-group.group1 table.pun_pm_list tbody tr td.td5 {
	display: none;
}

#item_user_music .info-lastpost,
#item_list_stage .info-lastpost,
#item_user_music #item_list_options,
#item_list_set #list_file_type,
#item_podcast {
	display: none;
}

#item_list_stage_body .main-subhead {
	clear: both;
	margin-top: 1em;
	grid-template-columns: 0fr 6fr 1fr;
}
#item_list_stage_body .main-content .main-item {
	grid-template-columns: 0.2fr 6fr 1fr;
}

#list .main-subhead {
	clear: both;
	margin-top: 1em;
	grid-template-columns: 0fr 6fr 1fr 1fr;
}
#list .main-content .main-item {
	grid-template-columns: 0.2fr 6fr 1fr 1fr;
}

#submit_new {
	position: relative;
	background: #00d2e1;
	float: right;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-decoration:none;
    margin-top:-4em;
    color:#fff;
    padding:3px 15px 4px 15px;
    font-family:sans-serif;
    font-weight:bold;
}


#footer_contact {
    float: none;
}

#footer p {
	display: block;
    float: none;
    border-left: none;
    margin-bottom:1em;
    border: none;
}

}


@media screen and (max-width: 1200px) and (min-width: 520px) {

#calendar_weeks {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

}

@media screen and (max-width: 640px) {
#calendar_weeks {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.brd-page {
	grid-template-columns: 1fr;
	grid-template-areas:
		"header"
		"navigation"
		"welcome"
		"main"
		"comment"
		"footer"
		"sidebar"
		"visit";
}

}

@media screen and (min-width: 1200px) {
    body {
        font-size: 0.85em;
    }
}