
html, body { min-height: 100%; }

body
{
	overflow-y: scroll;
	-ms-overflow-y: scroll;
	
	max-width: 1440px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	
	padding: 1em;
}

table
{
	border-spacing: 0;
}

td.nb
{
	padding: 0;
	margin: 0;
}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.nobr{white-space:nowrap;}

.pollbarcontainer
{
	background: transparent url('../img/pollbar.png') repeat-y left bottom;
	white-space: nowrap;
}

.pollbar
{
	border: 1px solid rgba(255,255,255,0.3);
	display: inline-block;
	background-image: url('../img/pollbar.png');
	background-position: left -1px bottom -0.25em;
	margin-bottom: 0.25em;
	vertical-align: bottom;
	height: 0.75em;
	box-sizing: border-box;
}

table.posttable
{
	table-layout: fixed;
}

table.posttable img
{
	max-width: 100%;
}

td.b.posttop1
{
	width: 200px;
	border-right: none 0;
}

table.posttable:not(.deleted) td.b.posttop1
{
	border-bottom: none 0;
}

td.b.posttop2
{
	border-left: none 0;
}

td.b.postsidebar
{
	border-top: none 0;
}

td.b.postcontents
{
	padding: 0.5em;
}

td.b.postcontents.haslayout
{
	padding: 0!important;
}

.quotecontents
{
	border-top: 2px groove #bbb;
	border-bottom: 2px groove #bbb;
	padding-top: 2px;
	padding-bottom: 2px;
}

.codeblock
{
	background: #060606;
	color: #2f2;
	border: 1px solid #6c6;
	padding: 0.5em;
	white-space: pre-wrap;
	font-family: 'Consolas', 'Lucida Console', monospace;
}

.plusone
{
	min-width:3ex; 
	display:inline-block; 
	text-align:center;
}

.plusone:not(:hover)             { color: #fff; }
.plusone.liked:not(:hover) { color: #4f4; }

input[disabled], button[disabled], select[disabled], textarea[disabled]
{
	opacity: 0.5;
}

label
{
	white-space: nowrap;
}

.posttoolbar button
{
	height: 2em;
	width: 2em;
	padding: 0 1px 2px;
}

.linkicon, .minipic
{
	vertical-align: top;
}

@keyframes notifAnim
{
	from { }
	to { transform: scale(2,2); }
}

@-webkit-keyframes notifAnim
{
	from { }
	to { -webkit-transform: scale(2,2); }
}

.notif
{
	transform-origin: center;
	animation-name: notifAnim;
	animation-delay: 0.5s;
	animation-duration: 0.4s;
	animation-iteration-count: 4;
	animation-timing-function: linear;
	
	-webkit-transform-origin: center;
	-webkit-animation-name: notifAnim;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-iteration-count: 4;
	-webkit-animation-timing-function: linear;
}

.spoiler
{
	padding: 1em;
}

.spoilercontents
{
	padding: 0.5em;
	border: 1px dotted #888;
}

.fancylistcontainer
{
	display: inline-block;
}

.fancylist, .moodpreview
{
	position: absolute;
	z-index: 9999;
	
	border: 1px solid #48f;
	background: #080808;
	color: #eee;
}

.fancylist div
{
	padding: 4px;
	cursor: pointer;
}

.fancylist div:hover
{
	background: #22f;
}

.moodpreview
{
	bottom: 0;
	padding: 4px 4px 2px;
}

.moodlist
{
	position: relative;
}
