body, div	{ background-color: #ffffff; color: #000000;line-height:normal;margin:0px}
body		{ padding: 0; }
.post1		{ padding: 8px; margin: 4px 0px; background-color: #dddddd; word-wrap: break-word;}
.post2		{ padding: 8px; margin: 4px 0px; background-color: #eeeeee; word-wrap: break-word;}
.mynewpost	{ border-left: 4px solid #a00; margin-left: -4px; }
.mypost		{ border-left: 4px solid #aaa; margin-left: -4px; }
.newpost	{ border-left: 4px solid #777; margin-left: -4px; }
.postignore	{ display: none; padding: 8px; margin: 4px 0px; background-color: #ffcccc; }
.posthead	{ padding: 8px; margin: 4px 0px; background-color: #666666; color: #ffffff; }
.posthead a	{ color: #ffffff; }
img		{ border: 0; max-width:100%; vertical-align: baseline;}
iframe 		{ max-width:100% }
input.edit	{ width: 590px; max-width:100%}
input.miniedit	{ width: 300px; max-width:100%}
textarea.edit	{ width: 590px; height: 150px; max-width:100%}
#topbar		{ background-color: #666666; color: #ffffff; font-family: arial, helvetica; font-size: 0.75em; padding: 10px; line-height:normal; }
#mainbar	{ background-color: #ffffff; color: #000000; font-family: arial, helvetica; font-size: 0.75em; padding: 10px; line-height:normal; }
#logo		{ font-family: verdana, arial, helvetica; font-weight: bold; font-size: 2em; }
#topbar a	{ color: #ffffff; }
form		{ margin: 0px; padding: 0px; border: 0px; max-width:100%;}
.postbox	{ width: 400px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 4px 0px; padding: 4px; background-color: #eeeeee; }
.errorbox	{ border: 1px solid #000000; padding: 4px; background-color: #ffcccc; }
.profileboxouter	{ background-color: #eeeeee; width: 420px; padding: 10px; }
.profileboxinner	{ background-color: #eeeeee; width: 400px; }



#post1000000 { background-color: #ddf; }
#post2000000 { background-color: #ddf; }
#post3000000 { background-color: #ddf; }
#post4000000 { background-color: #ddf; }
#post5000000 { background-color: #ddf; }
#post6000000 { background-color: #ddf; }
#post7000000 { background-color: #ddf; }
#post8000000 { background-color: #ddf; }
#post9000000 { background-color: #ddf; }
#post10000000 { background-color: #ddf; }

/* links board */
.nsfw           { margin-left: 0.5em; color: #900; border-bottom: 1px dashed #c99; }
.imadethis      { margin-left: 0.5em; color: #090; }
.post1 .embeddedplayer, .post1 .embeddedplayer div { background-color: #dddddd; max-width:100%; }
.post2 .embeddedplayer, .post2 .embeddedplayer div { background-color: #eeeeee; max-width:100%; }
.embeddedplayer div { margin: 10px; }
.clicktoplay	{ margin: 10px; width: 528px; _width: 550px; padding: 10px; border: 1px dashed #999; cursor: pointer; cursor: hand; font-weight: bold; color: #900; }
html body .post1 .clicktoplay { background-color: #eee; }
html body .post2 .clicktoplay { background-color: #ddd; }
.flashmovie	{ width: 550px; height: 400px; }
div.embed	{ background-color: transparent; }

/* mail */
#mailnavbar	{ float: left; width: 100px; padding: 10px; border: 1px solid #999; background-color: #ddd; }
#mailnavbar ul	{ margin: 0; list-style: none; padding: 0; font-weight: bold; }
#mailnavbar ul li	{ margin-bottom: 0.50em; }
#mailcontent	{ float: left; width: 600px; padding: 10px; border: 1px solid #999; margin-left: 12px; background-color: #eee; }
#mailcontent table	{ font-family: arial, helvetica; font-size: 1em; margin-bottom: 12px; }
#mailcontent td div	{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#mailcontent div	{ background-color: transparent; }
#mailcontent div.post1	{ background-color: #ddd; }
#mailcontent div.post2	{ background-color: #eee; }
#mailcontent .errorbox	{ background-color: #fcc; }

/* ajax voting */

a.voting {
	color: #ccc;
	text-decoration: none;
	border: 0;
	padding-bottom: 0;
}

a.voted, span.voted {
	color: #090;
	text-decoration: none;
	border-top: 1px dotted #6c6;
	border-bottom: 1px dotted #6c6;
	padding-bottom: 1px;
}

a {color:#0033DD;font-family: arial, helvetica;text-decoration: underline;}

.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
 }

/* mint! */

.username	{ font-weight: bold; text-decoration: none; border-bottom: 1px solid #0033DD }
.username:visited	{  border-color: #6A0D85; }

a#friendsactivity		{ color: #c00; }
a#friendsactivity:visited	{ color: #999; }

#livepreview div, #parentpost div {
        background-color: transparent; /* fix misfeature in board.css */
}
#livepreview_subject, #parentpost_subject {
        font-weight: bold;
}
#livepreview_footer small, #parentpost_footer small {
        display: none;
}

.ui-dialog {
	top: 0;
	left: 0;
	padding: 0;
    border:0;
    
}
.ui-dialog .ui-dialog-titlebar {
    border:1px;
    display: none;
}
.ui-dialog .ui-dialog-content {
	border: 0;
	padding: 10px;
    font-size:16px;
    color:#000;
    background-color: #bbb;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	//border-width: 10px 0 0 0;
	border:0;
	background-image: none;
	margin-top: .0em;
	//padding: .3em 1em .5em .4em;
    background-color: #bbb;
    font-size:16px;
    color:#000;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    background-color: #bbb;
	float: right;
    
}
.ui-dialog .ui-dialog-buttonpane button {
	//margin: .5em .4em .5em 0;
	cursor: pointer;
    
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
    
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

.bubblingG {
	position:absolute;
	z-index: 4;
	top: 50%;
	left: 50%;
	background: transparent;
}

.bubblingG span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: 48px auto;
	background: rgb(0,0,0);
	border-radius: 98px;
		-o-border-radius: 98px;
		-ms-border-radius: 98px;
		-webkit-border-radius: 98px;
		-moz-border-radius: 98px;
	animation: bubblingG 1.5s infinite alternate;
		-o-animation: bubblingG 1.5s infinite alternate;
		-ms-animation: bubblingG 1.5s infinite alternate;
		-webkit-animation: bubblingG 1.5s infinite alternate;
		-moz-animation: bubblingG 1.5s infinite alternate;
}

#bubblingG_1 {
	animation-delay: 0s;
		-o-animation-delay: 0s;
		-ms-animation-delay: 0s;
		-webkit-animation-delay: 0s;
		-moz-animation-delay: 0s;
}

#bubblingG_2 {
	animation-delay: 0.45s;
		-o-animation-delay: 0.45s;
		-ms-animation-delay: 0.45s;
		-webkit-animation-delay: 0.45s;
		-moz-animation-delay: 0.45s;
}

#bubblingG_3 {
	animation-delay: 0.9s;
		-o-animation-delay: 0.9s;
		-ms-animation-delay: 0.9s;
		-webkit-animation-delay: 0.9s;
		-moz-animation-delay: 0.9s;
}



@keyframes bubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:rgb(0,0,0);
		transform: translateY(0);
	}

	100% {
		width: 46px;
		height: 46px;
		background-color:rgb(255,255,255);
		transform: translateY(-40px);
	}
}

@-o-keyframes bubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:rgb(0,0,0);
		-o-transform: translateY(0);
	}

	100% {
		width: 46px;
		height: 46px;
		background-color:rgb(255,255,255);
		-o-transform: translateY(-40px);
	}
}

@-ms-keyframes bubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:rgb(0,0,0);
		-ms-transform: translateY(0);
	}

	100% {
		width: 46px;
		height: 46px;
		background-color:rgb(255,255,255);
		-ms-transform: translateY(-40px);
	}
}

@-webkit-keyframes bubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:rgb(0,0,0);
		-webkit-transform: translateY(0);
	}

	100% {
		width: 46px;
		height: 46px;
		background-color:rgb(255,255,255);
		-webkit-transform: translateY(-40px);
	}
}

@-moz-keyframes bubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:rgb(0,0,0);
		-moz-transform: translateY(0);
	}

	100% {
		width: 46px;
		height: 46px;
		background-color:rgb(255,255,255);
		-moz-transform: translateY(-40px);
	}
}

.share {
  text-align: center;
  font-size: 0.9rem;
  padding: 0.3rem 0.5rem;
  text-decoration: none;
  margin: 5px 2px;
  max-width: 400px;
}
.share-facebook {
  color: white !important;
  background-color: #3b5998;
  background: #3B5998;
}

.share-twitter {
  color: white !important;
  background-color: #4444ff;
  background: #4444ff;
}

.btn-login {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  padding: 0.5rem 0.7rem;
  max-width: 400px;
  width: 300px;
}

.btn-spotify {
  color: white !important;
  background-color: #20d763;
}

.btn-facebook {
  color: white !important;
  background-color: #3b5998;
}

.btn-twitter {
  color: white !important;
  background-color: #4444ff;
}

.btn-paypal {
  color: white !important;
  background-color: #ff4444;
}

.fa {
  padding: 1px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-spotify {
  background: #20d763;
  color: white;
}

.fa-twitter {
  background: #4444ff;
  color: white;
}

.fa-paypal {
  background: #ff4444;
  color: white;
}