body {
    margin: 0px;
	font-size: 16px;
	background: white;
    font-family: Arial, sans-serif;
}
#imgPreview {
z-index: 3000;
top: 0px;
left: 0px;
display: block;
position: fixed;
width: 100%;
height: 100%;
user-select: none;
background-color: rgba(0, 0, 0, 0.6);
}
#gpfp {
	float: right;
	width: 100;
	height: 100;
}
.username {
	display: inline-block;
	margin: 0px;
	white-space:nowrap;
}
#commentstitle {
	text-align:center;
}
#userComment {
	display: grid;
	grid-template-columns: 65% auto;
	padding:5px;
}
#userCommentPicture {
	float: right;
	height:80px;
	width:80px
}
.nlg, .nrg {
  text-decoration:underline !important;
}
.nlg:hover, .nrg:hover {
  text-decoration:none !important;
}
/* Don't change this class (.spoiler) or you might risk being accidentally doxxed */
/* This isnt a threat it's just a warning */
.spoiler { text-shadow: none !important; }
.spoiler:not(:hover) { color: transparent !important }
.spoiler:not(:hover) > * { opacity: 0 !important }
#downloadbutton {
	height: 15px;
	padding-top:2px;
	float: right;
	padding-right: 2px;
}
#songtitle {
	word-break: break-word;
}
#smsg {
	background-color: white;
	color: black;
	border: 2px solid black;
	text-align: center;
	margin:2px;
    padding: 2px;
}
/* STOLE IT FROM SPACEHEY BABY */
table.comments-table,
table.music-table,
table.bulletin-table,
table.forum-table,
table.groups-table{
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
}
table.forum-table,
table.groups-table,
table.bulletin-table{
  border-collapse: collapse;
  border-spacing: 0;
}
.forum-table th,
.forum-table td,
.groups-table th,
.groups-table td,
.bulletin-table th,
.bulletin-table td{
  border: 1px solid black;
  padding: 7px;
}
.forum-table th.subject,
.forum-table td.subject,
.groups-table th.name,
.groups-table td.name{
  width: 100%;
}
.groups-table td.name{
  text-align: left;
  vertical-align: top;
}
.groups-table td.name p{
  margin: 3px 10px;
}
.forum-table th:not(.subject),
.forum-table td:not(.subject),
.groups-table th:not(.name),
.groups-table td:not(.name){
  width: auto;
  white-space: nowrap;
}

.bulletin-table .user-info{
  width: 34%;
}
.forum-table .user-info{
  width: 70px;
  max-height: 70px;
  padding: 0;
}
.forum-table .user-info .profile-pic{
  max-width: 70px;
  max-height: 70px;
  vertical-align: bottom; /* to hide gap from link */
}
.forum-table tr.topic-closed{
  opacity: 0.8;
  font-style: italic !important;
}
.forum-table th.subject,
.forum-table td.subject{
  position: relative;
}
.forum-table .pinned{
  font-size: 0.8em;
  color: #332c25;
  margin-top: 2.4px;
  display: inline-block;
  font-weight: bold;
  font-style: italic;
  position: absolute;
  top: 2px;
  left: 4px;
}
.forum-table .pinned .icon{
  height: 1.3em;
  width: 1.3em;
  vertical-align: top;
}
.topic-closed-message{
  overflow: hidden;
  text-align: center;
  color: #545454;
  color: var(--darker-gray);
}
.topic-closed-message h5{
  margin: 18px 0 0 0;
  font-weight: normal;
}
.topic-closed-message h3{
  margin: 4px 0 27px 0;
}
.topic-closed-message a{
  color: black;
}
.groups-table .group-info{
  width: 90px;
  max-height: 90px;
  padding: 0;
}
.groups-table .group-info .group-pic{
  max-width: 90px;
  max-height: 90px;
  vertical-align: bottom; /* to hide gap from link */
}
.bulletin-table .user-info p{
  margin: 0 0 8px 0;
}
.bulletin-table td.subject{
  width: 100%;
}
.bulletin-table td:not(.subject):not(.user-info){
  white-space: nowrap;
}
.bulletin-table td{
  text-align: center;
  vertical-align: top;
  overflow-wrap: break-word;
  word-break: break-word;
}
.forum-table td,
.groups-table td{
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-word;
}
.forum-table td.reply-count,
.groups-table td.member-count{
  font-size: 110%;
}

.antijquery {
background: none;
border: none;
color: #0000ff;
width: fit-content;
height: 24px;
width: 81px;
display: table;
}
.form {
height: 24px;
width: 81px;
display: table;
flex: 1;
}
.bruhButton {
display: inline-block;
width: calc( 49% - 60px );
padding-left: 30px;
height: 24px;
font-size: small;
padding-top: 7px;
margin-top: 6px;
background-repeat: no-repeat;
image-rendering: initial;
width: 84px;
/*width: calc(50% - 36px);*/
}
.fwiendButton {
background-repeat: no-repeat;
background-image: url(/badges/adm/fwiend.gif);
text-decoration: none;
}
.hudicon {
width: 16px;
height: 16px;
position: relative;
text-decoration:none;
top: 3px;
left: 4px;
display:inline-block;
}
.msgButton {
background-repeat: no-repeat;
background-image: url(/badges/adm/sendMailIcon.gif);
text-decoration: none;
}
.blockButton {
background-repeat: no-repeat;
background-image: url(/badges/adm/blockuser.gif);
text-decoration: none;
}
.dislikeButton {
background-repeat: no-repeat;
background-image: url(/badges/adm/dislike.png);
text-decoration: none;
width: auto;
padding-right: 10px;
float: right;
}
.disliketext {
	white-space: nowrap;
	color: #FF0000;
}
.liketext {
	white-space: nowrap;
	color: #66FF00;
}
.likeButton {
background-repeat: no-repeat;
background-image: url(/badges/adm/like.png);
text-decoration: none;
width: auto;
}
.unfwiendButton {
background-repeat: no-repeat;
background-image: url(/badges/adm/unfwiend.png);
text-decoration: none;
}
.reportButton {
background-repeat: no-repeat;
background-image: url(/badges/adm/report.gif);
text-decoration: none;
}
.friend {
	color: blue;
	cursor:pointer;
}
.unfriend {
	color: blue;
	cursor:pointer;
}
.block {
	color: blue;
	cursor:pointer;
}
.report {
	color: blue;
	cursor:pointer;
}
.message {
	color: blue;
	cursor:pointer;	
}
.report:visited {
	color: blue;
}
.report:active {
	color: blue;
}
.report:hover {
	color: blue;
}
.message:visited {
	color: blue;
}
.message:active {
	color: blue;
}
.message:hover {
	color: blue;
}
.container {
    width: 40em;
    margin: auto;
    padding: 5px;
}

.left {
    float: left;
    width: calc(40% - 20px);
}

.right {
    float: right;
    width: calc(60% - 20px);
	padding-top: 20px;
}

audio {
    width: -moz-available;
    width: -webkit-fill-available;
}
#song {
	padding-bottom: 5px;
}
.commentsbox {
	display: block !important;
    width: -moz-available;
    width: -webkit-fill-available;
}
#audioelement {
    margin-bottom: -3px;
    height: 40;
}
.url {
    border: solid 2px #BCB3E2;
    padding: 2px;
	box-shadow: 4px 4px #0004;
}
#gblogTitle {
	margin-bottom:0;
}
#gPostedTo {
	margin-top:0;
}
#friends img {
    padding: 5px;
}
.info {
	background: #FFA6A3;
    color: #654AD7;
	padding-left: 5px;
}
.center {
	text-align:center;
}
.commentLeft {
/*    background-color: #fc9;*/
}
.grecaptcha-badge {
	/*this shit ruins the experience for me*/
	display:none !important;
}
.right .commentRight {
	/* ID 23 (1024x2 made this and let me steal it from him */
	/* fixes comments leaving the god damn div box */
  grid-template-columns: auto 100px !important;
  word-wrap: anywhere;
  overflow-wrap: anywhere;
}
.commentRight {
/*    background-color: #f93;*/
    display: grid;
    grid-template-columns: 65% auto;
    margin-bottom: 1px;
    padding: 5px;
}
.text1 {
	color: #cc6633;
}
.commentRight img{
    width: 100px;
}

.commentRight .commentPictures{
    width: 80px;
}

.contactInfo {
    border: 1px solid black;
	box-shadow: 4px 4px #0004;
}
.blogInfo {
	padding-left:5px;
}

.contactInfoTop {
	padding: 3px;
	padding-bottom: 4px;
	padding-left: 6px;
	color:white;
    background-color: #BCB3E2;
}

.friendsGrid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    padding: 5px;
}

.friendsGridItem {
    border: 1px solid black;
    padding: 10px;
}
            .usersGrid {
                display: grid;
                grid-template-columns: 126px 126px 126px 126px 126px;
                padding: 5px;
				word-break: break-word;
            }

            .usersGridItem {
                background-color: #BCB3E2;
                border: 1px solid black;
                padding: 10px;
            }

.banner {
    color: white;
    border: 1px solid black;
}

.commentRight span { 
    font-size:medium!important; 
}

.friendRequestAlert {
    color: yellow;
}

.topBarWithItemsThing {
    background-color: #f1f6f2;
    border: 1px solid #e7e8e2;
    border-radius: 5px;
    padding: 5px;
    color: #838d96;
}

.topBarWithItemsThing a {
    color: #838d96;
}

#interests, #bio {padding-bottom: 1em;}