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:#00bffd;
    font-size: 1em;
    font-weight: bold;

}

a:hover {
    color:#FFF;
}

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

body {
    background:#000 url("/forums/style/Trashbaby/images/body.png") repeat-x;
    color:#ccc;
    font-family:Helvetica, Arial, sans-serif;
    font-size:0.72em;
    }

.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;
    font-size: 1.1em;
    border:none;
    padding: .2em 1em;
    background: #FFF;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 1em;
	width: 90%;
    }


/* 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: 1.2em;
    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: 1.2em;
    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 2em 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: 1200px;
	margin: auto;
	padding: 0.5em;
}

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

#chipmusictwit {
	height: 2em;
	margin-bottom: .2em;
}

#brd-head {
	margin-top: 2em;
	margin-bottom: 0.5em;
	grid-area: header;
}

#brd-navlinks {
	grid-area: navigation;
	height: 3em;
}

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

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

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

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

/* 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 #111;
    background:#111;
    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: #c6076c;
    border: none;

    width: 12.3em;
    text-transform:uppercase;
    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 a, #brd-title strong {
    width:359px;
    height:63px;
    background: url("/forums/style/Trashbaby/images/logo.png") no-repeat;
    display:block;
    text-indent:-700em;
}

#brd-desc {
    display: none;
}

#chipmusictwit img, #chipmusictwit .user, #chipmusictwit .interact, #chipmusictwit .timePosted {
    display:none;
}

#chipmusictwit a {
	color: #ffaacc;
}

#chipmusictwit ul {
	position: relative;
    list-style:none;
    width: auto;
}

#chipmusictwit li {
	display: inline-table;
    margin-left:320px;margin-top: -.5em;
    background: url("/forums/style/Trashbaby/images/tagline_bg.png") repeat-x;
    color:#fff;
    padding:.6em 10px 1em 10px;
    text-decoration:none;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    font-size: .8em;
    border-radius: 2px;
}



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

div#reports a {
	position: relative;
	top: 14em;
    display: block;
    color:#fff;
    border: none;
    width: 32.3em;
    text-transform:uppercase;
    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;
    text-transform:uppercase;
    font-weight:bold;
    font-size: .8em;
    border-radius: 2px;
}

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

#brd-navlinks ul {
	list-style: none;
	display: grid;
	margin: 1em 0 1em 0;
	max-width: 890px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-row-gap:1px;
	grid-column-gap:2px;
}

#brd-navlinks li {
	float: none;
	height: 3em;

}

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

#brd-navlinks a:hover {
    color:#000;
}

#brd-navlinks .isactive a {
    color:#000;
}

#brd-navlinks input {
	display: none;
}

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

#navindex a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px -114px no-repeat;
}
#navindex.isactive a,
#navindex a:hover {
    background-color: #FFF;
}

#navmusic a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px -174px no-repeat;
}
#navmusic.isactive a,
#navmusic a:hover  {
    background-color: #FFF;
}

#navforum a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px -54px no-repeat;
}
#navforum.isactive a,
#navforum a:hover  {
    background-color: #FFF;
}

#navrecent a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px -84px no-repeat;
}
#navrecent.isactive a,
#navrecent a:hover  {
    background-color: #FFF;
}

#navuserlist a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px -24px no-repeat;
}
#navuserlist.isactive a,
#navuserlist a:hover {
    background-color: #FFF;
}

#navprofile a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px -234px no-repeat;
}
#navprofile.isactive a,
#navprofile a:hover {
    background-color: #FFF;
}

#nav_pun_pm a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px -144px no-repeat;
}
#nav_pun_pm.isactive a,
#nav_pun_pm a:hover {
    background-color: #FFF;
}

#navlogin a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px 5px no-repeat;
}
#navlogin.isactive a,
#navlogin a:hover {
    background-color: #FFF;
}

#navlogout a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px -204px no-repeat;
}
#navlogout.isactive a,
#navlogout a:hover {
    background-color: #FFF;
}

#navadmin a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px -264px no-repeat;
}
#navadmin.isactive a,
#navadmin a:hover {
    background-color: #FFF;
}

#navregister a {
    background: #191919 url('/forums/style/Trashbaby/images/tab_icons.png') 5px 5px no-repeat;
}
#navregister.isactive a,
#navregister a:hover {
    background-color: #FFF;
}

#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;
    text-transform:uppercase;
    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;
    text-transform:uppercase;
    background:#00bffd;
    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 {
    text-transform: uppercase;
    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:#00bffd;
    border-radius: 2px;
}

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

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

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

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

#quick_login {
    color:#00bffd;
}

#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:#d5267e;
    color:#fff;
    width:100%;
    padding: .3em;
    border:0;
    cursor:pointer;
    text-transform:uppercase;
    font-weight:bold;
    border-radius: 2px;

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



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

.crumbfirst {

}


.brd .crumbs .crumblast a {
    color:#FFF;
    margin-left: -1em;
    }

.brd .crumbs .crumblast span {
    display:none;
    }
.brd .crumbs .crumblast {
    font-weight: bold;
    color:#FFF;
    display:block;
    padding-left: .9em;
    padding-top:.8em;
    font-size: 1.2em;;
}



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

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

.brd .crumbs {
    color:#333;
    text-transform:uppercase;
    margin: 0 -1em 1em -1em;
    margin-bottom: 2em;
    }

.brd .crumbs a {
    color:#333;
    padding: 2px 1em 2px 1em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    }

.brd .crumbs a:hover {
    color:#FFF;
    background:#00bffd;

    }




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

div.post_error {
    background: #c6076c;
    border: none;
    text-transform:uppercase;
    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-top: 2em;
    margin-bottom: 4em;
    padding-top:2em;
    border-top: 1px dotted #222;
    width:81%;
}

#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;
    text-transform:uppercase;
    font-weight:bold;
    margin-right: .8em;
    font-size: 1em;
    margin: 1em 0;
    margin-left:  -.25em;
}

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

.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 .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: #00bffd;
    color: #fff;
}

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

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

.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: #111;
	word-break: break-word;
	word-break: break-word;
    border-radius: 2px;
    margin-bottom: 1px;
    cursor: pointer;
}

.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:#d5267e;
    float: right;
    text-transform:uppercase;
    text-decoration:none;
    margin-top: -4em;
    margin-right: 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color:#fff;
    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:#d5267e;
    }

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

.brd .postbody {
	display: grid;
	grid-template-columns: 0fr 0fr 1fr;
	grid-template-rows: auto;
	padding: 1em 0;
	background: #000;
    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:#222;
    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 {
	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: #00bffd;
}
.brd .postbody .posthead span.post-num {
	display: none;
}
.brd .postbody .username {
	padding:0.25em 1em;
	width: 50%;
	grid-area: info;
	z-index: 1;
	font-size: 1.1em;

}
.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: #111;
    border-radius: 2px;
	line-height: 1.5em;
	font-size: 1.1em;
	padding: 3em 1em 2em 1em;
	margin-top: -2.5em;
	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 .post-entry p {
	margin-bottom: 1em;
}
.brd .postbody .post-entry:hover {
	background: #1a1a1a;
}

.brd .postbody .talkblockinner {
    width: 16px;
    height: 80px;
    z-index: 2;
    left: 1px;
    position: relative;
    background:url(/forums/style/Trashbaby/images/talkblock_normal.png) no-repeat 2px 20px;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAMAAAD+iNU2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFERER////2HbAKwAAAAJ0Uk5T/wDltzBKAAAAKElEQVR42oTHoQEAAAjAIPz/abMr0jAHqVQqlUqlUqlUKpV+VgABBgBLYABqSVoj4AAAAABJRU5ErkJggg==') no-repeat 2px 20px;
    z-index: 20;
}

.brd .postbody:hover .talkblockinner {
    background:url(/forums/style/Trashbaby/images/talkblock_hover.png) no-repeat 2px 20px;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAMAAAD+iNU2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFFBQU////d4Uu2gAAAAJ0Uk5T/wDltzBKAAAAKElEQVR42oTHoQEAAAjAIPz/abMr0jAHqVQqlUqlUqlUKpV+VgABBgBLYABqSVoj4AAAAABJRU5ErkJggg==') no-repeat 2px 20px;
}

.brd .selected .postbody:hover .talkblockinner {
    bxackground:url(/forums/style/Trashbaby/images/talkblock_hover_selected.png) no-repeat 2px 20px;
}

.brd .postbody .talkblockinner.selected {
    background-image:url(/forums/style/Trashbaby/images/talkblock_normal_selected.png);
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFxJREFUOMut1LsNQCEMQ9Gs4I3fZkyG8goEEv/EoXB5bmlRVWEmKX+ScgwDiGF3YMSuwAqbAztsCpzwNXDDx4AFbwNWvAx48BTw4i7A4BZgMYAYrgEaPwuUYyD3AyYnVmICyqdgAAAAAElFTkSuQmCC');
}

.brd .postbody.selected:hover .talkblockinner {
    background-image:url(/forums/style/Trashbaby/images/talkblock_hover_selected.png);
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFxJREFUOMut1LsNQCEMQ9EM4YHfZkyG8goEEv/EoXB5bmlRVWEmKX+ScgwDiGF3YMSuwAqbAztsCpzwNXDDx4AFbwNWvAx48BTw4i7A4BZgMYAYrgEaPwuUYyD3A9i4WyEkVbvFAAAAAElFTkSuQmCC');
}



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

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

.brd .post-entry .lastedit {
    position: absolute;;
    display: block;
    color: #666;
    margin-top: 0em;
    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 #222;
    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:#00bffd;
    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: #00bffd;
    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-transform: uppercase;
    text-decoration:none;
    color:#00bffd;
    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: #00bffd;
    color:#fff;
}

.brd .postbody .private-message {
    display: block;
    background:#111;
    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:#00bffd;
}



.brd .postfoot {
	margin-top: -3em;
	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-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    border-radius: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 1em;
}
.brd .postfoot .post-options a:hover {
    color:#00bffd;
}

/* 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 #00bffd;
}



/* 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 1.5em 2em 1em;
    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-transform: uppercase;
    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:#111;
    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:#00bffd;
}




.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:#00bffd;

}
#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: #d5267e;
}

.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: #c6076c;
    border: none;
    text-transform:uppercase;
    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: #c6076c;
}



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

#brd-home #brd-main {
	display: grid;
	grid-template-columns: 2fr 4fr;
	grid-template-rows: auto;
	grid-row-gap:1em;
	grid-column-gap:1em;
	grid-template-areas:
		"music music"
		"music-preview music-preview"
		"categories latest";
}


#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;
	text-transform: uppercase;
}

#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;
    text-transform: uppercase;
    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;
	text-transform: uppercase;
    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;
}

/* 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;
	text-transform: uppercase;
}
#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:#1a1a1a;
    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;
    text-transform: uppercase;
    background: #111;
    border-radius: 2px;
    margin-bottom: 1px;
}


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


#categories_home .icon {
	display: none;
}

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

#search_recent_home .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;
	margin-top: -0.5em;
}
#search_recent_home .main-item {
	display: grid;
	grid-template-columns: 1fr 10fr 1fr 4fr;
	grid-template-rows: auto;
	grid-row-gap:1em;
	grid-column-gap:1em;
	padding: 1em 0;
	background: #111;
    border-radius: 2px;
}

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

#search_recent_home span.label {
	display: none;
}


/* 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-transform:uppercase;
    text-decoration:none;
    font-weight: bold;
    color: #c6076c;
    margin: 2em 0 1em 0;
}

#brd-searchtopics #brd-about {
	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:#111;
}
#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: #00bffd;
    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: #00bffd;
    border: none;
    text-transform:uppercase;
    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;
	text-transform: uppercase;
	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: #c6076c;
    border: none;
    text-transform:uppercase;
    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:#111;
    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:#111;
    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:#111;
    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:#111;
    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;
	border-right:1px dotted #111;
	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:#00bffd;
	color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
	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;
	text-transform: uppercase;
}
#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: #00bffd;
}
#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: #c6076c;
  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: .9em;
}

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

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

.item-entry {
	clear: both;
}

.brd .item-entry .post-entry {
	grid-area: post;
	background: #111;
    border-radius: 2px;
	line-height: 1.5em;
	font-size: 1em;
	padding: 1em 1em 2em 1em;
	margin-top: 0;
	z-index: 0;
}

#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: #111;
    padding: 1em 2em;
    margin-bottom: 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 1.1em;
}

#item_form .top p {
    margin-top: 1em;
    margin-bottom: .5em;
}
#item_form .top p br {
	display: block;
}
#item_form .top.error {
    background: #d5267e;
    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 2em 1em 2em;
    }
#item_form .group1 {
    padding: 2em 2em 1em 2em;
    padding-bottom: 4em;
}
#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: 97%;
}

#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;
    text-transform: uppercase;
}

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

#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: #111;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 1.1em;
    cursor:pointer;


}
#licenses .license input {
    display: none;
    width: 0;
    height: 0;
}
#licenses .license:hover {
    background: #222;
}

#licenses .license.selected {
    color:#FFF;
    border:none;
    background:#00bffd;
    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-size: 1.1em;
    font-weight: bold;
    width: 100%;
}

#item_form .checkbox {
    background:#111;
    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: #d5267e;
    border: none;
    text-transform:uppercase;
    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: #d5267e;
    background: #fff;
}
#item_form span.cancel input {
    background: #999;
    }
#item_form span.cancel input:hover {
    background: #fff;
    color: #999;
    }

#fileStatus {
	position: absolute;
    font-size: 1.1em;
    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: #00bffd;
    border: 2px solid #00bffd;
    font-size: 1.1em;
}

#form-waitsubmit {
    background: #00bffd;
    color: #FFF;
    padding: 2em;
    font-size:1.2em;
    font-weight: bold;
    border: 1px solid #00bffd;
    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: #00bffd;
    margin-right: .7em;
    padding: 0;
    overflow:none;
}

#progress {
    position: relative;
    padding: 0;
    height: 4em;
    background-color: #111;
    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;
	text-transform: uppercase;
	color: #fff;
	width: 200px;
}

#item_list_set {
	margin-right: 2.4em;
}

#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');
}


#ajax_player {
}

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

#item_list_options div {
	display: block;
	float: left;
	border-right:1px dotted #111;
	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:#00bffd;
	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;
	text-transform: uppercase;
}
#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: .1em 1em 0 1em;
}
#list ul.selectReplacement li:hover {
	background: #00bffd;
}
#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: #c6076c;
  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: .9em;
	color: #666;
	text-transform: uppercase;
}

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

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






#list .main-item .item-subject a {
    color: #00bffd;
}
#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;
    text-transform: uppercase;
    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: #00bffd;
}

#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: #d5267e;
}

#submit_new {
	position: relative;
	background: #d5267e;
	float: right;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-transform:uppercase;
    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 #111;
}

#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-transform:uppercase;
    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 .button {
	display: block;
	text-align: center;
	background: #00bffd;
	color: #FFF;
	padding: 12px 2em 0 2em;
    border-radius: 2px;
	line-height: 0;
	height: 12px;
}

#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: #d5267e;

	}
#featured .button:hover {
	color: #000;
	background: #FFF;
	}
#item_content_block h3,
#item h3 {
	display: inline;
	font-size: 2em;
	font-weight: bold;
	color: #00bffd;
	margin: 0 0 0 0;

	}
#item_content_block h3 {
	font-size: 1.6em;
}

#item .edit {
	color: #00bffd;
}
#item br {
	display: block;
}
#item_user {
	display: block;
	margin-bottom: 2em;
}

#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:#00bffd;

}

#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: 1em;
}

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




#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: #00bffd;
	font-size: .9em;
	right: 3.8em;
	margin-top: -.3em;
}


#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:#111111;
    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:#00bffd;
	font-size: 1.1em;
	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: #c6076c;
	font-weight: bold;
	padding: 1em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#item_comment_accept {
	clear:both;
    background:#00bffd;
}
#item_comment input {
	display: block;
    background: #c6076c;
    border: none;
    text-transform:uppercase;
    text-decoration:none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding:.3em 2em .4em 2em;
    margin: 0;;
    color: #fff;
    font-family:sans-serif;
    font-size:10px;
    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: 12em;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom: 2em;
	float: right;
	background-color: #222;
}
.nav_button:hover {
    background:#00c6ff;
}



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

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

#profile .contact {
    display: block;
    background:#00bffd;
    color:#fff;
    text-align: center;
    border-radius: 2px;
    width:60px;
    padding: 0;
    font-size:9px;
    padding: 1em 0 1em 0;
    line-height: 1em;
    margin-top: 1px;
    text-transform: uppercase;
}
#profile .contact:hover {
	background: #fff;
	color: #00bffd;
}

#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-navlinks ul {
	list-style: none;
	display: block;
	margin: 0;
	max-width: none;
}
#brd-navlinks li {
	float: none;
	height: auto;

}

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


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

#brd-navlinks  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 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 ul
{
  position: absolute;
  width: 100%;
  margin: -100px 0 0 -50px;
  padding: 50px 1em 50px 50px;
  padding-top: 110px;
  padding-bottom: 10px;

  background: rgba(26, 26, 26, 0.96); transparent;
  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.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

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

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

#navindex a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px -104px no-repeat;
}
#navindex.isactive a,
#navindex a:hover {
    background-color: #FFF;
}

#navmusic a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px -164px no-repeat;
}
#navmusic.isactive a,
#navmusic a:hover  {
    background-color: #FFF;
}

#navforum a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px -44px no-repeat;
}
#navforum.isactive a,
#navforum a:hover  {
    background-color: #FFF;
}

#navrecent a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px -74px no-repeat;
}
#navrecent.isactive a,
#navrecent a:hover  {
    background-color: #FFF;
}

#navuserlist a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px -14px no-repeat;
}
#navuserlist.isactive a,
#navuserlist a:hover {
    background-color: #FFF;
}

#navprofile a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px -224px no-repeat;
}
#navprofile.isactive a,
#navprofile a:hover {
    background-color: #FFF;
}

#nav_pun_pm a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px -134px no-repeat;
}
#nav_pun_pm.isactive a,
#nav_pun_pm a:hover {
    background-color: #FFF;
}

#navlogin a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px 15px no-repeat;
}
#navlogin.isactive a,
#navlogin a:hover {
    background-color: #FFF;
}

#navlogout a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px -194px no-repeat;
}
#navlogout.isactive a,
#navlogout a:hover {
    background-color: #FFF;
}

#navadmin a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px -254px no-repeat;
}
#navadmin.isactive a,
#navadmin a:hover {
    background-color: #FFF;
}

#navregister a {
    background: url('/forums/style/Trashbaby/images/tab_icons.png') 5px 15px no-repeat;
}


#chipmusictwit {
	max-width: 360px;
}
#chipmusictwit li {
	margin-top: -1.5em;
	display: inline-table;
    margin-left:0;
    background: url("/forums/style/Trashbaby/images/tagline_bg.png") repeat-x;
    color:#fff;
    padding:.5em 10px 1em 10px;
    text-decoration:none;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    font-size: .8em;
    border-radius: 2px;
    float: right;
}

#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;
}
#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.5fr 6fr 1fr 6fr;
}


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

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


.brd .postbody .useravatar {
	grid-area: usericon;
	margin-top: 1.5em;
    width:30px;
    height:30px;
    background:#222;
    border-radius: 4px;
}
.brd .avatar_bg {
    border-radius: 4px;
    width:30px;
    height:30px;
}


#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;
}


#submit_new {
	position: relative;
	background: #d5267e;
	float: right;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-transform:uppercase;
    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) {

#brd-home #brd-main {
	grid-template-columns: 1fr;
	grid-template-areas:
		"latest"
		"music"
		"music-preview"
		"categories";
}

#home_music_list .items {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

}

@media screen and (max-width: 640px) {

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

#brd-home #brd-main {
	grid-template-columns: 1fr;
	grid-template-areas:
		"latest"
		"music"
		"music-preview"
		"categories";
}

#home_music_list .items {
	display: grid;
	grid-template-columns: 1fr;
}

}