/*
 * ------------------------------
 * Main content styling, for articles, comments etc
 * ------------------------------
 */
 
img {
   max-width: 100%;
}
a {
	color: #428BCA;
}
.content a:hover {text-decoration: underline;}

/* CK Editor specific stuff */

.cke_editable {padding: 10px;}

/* spoiler container */
.collapse_container {
	border:1px solid #d3d3d3;
}
.collapse_container .collapse_header {
    background-color:#d3d3d3;
    padding: 7px 10px;
    cursor: pointer;
    font-weight: bold;
}
.collapse_container .collapse_content {
    display: none;
    padding : 5px;
}

.cke_editable .collapse_container .collapse_content {
	display: block;
    padding : 5px;
}

/* Dark CSS */
body.dark {
	background: #151515;
	color: #ffffff;
}
.dark a, .dark a:hover, .dark a:active {
    color: #428BCA;
}
.dark hr {border-color: #111111;}

.dark strong {color: #ffffff}

.dark .bbcodeblock, .dark code {
	color: #ccc;
	background-color: #383838;
}

.dark pre {background:#222;}

.dark .collapse_header {background: #000;}
.dark .cke_dialog_contents textarea, .dark .cke_dialog_contents input[type="text"], .dark .cke_dialog_ui_input_select { background-color: #151515 !important; color: #ffffff;}

/* misc elements */
.bbcodeblock, code {
	margin: 0px;
	border: 1px solid #DDD;
	background-color: #F8F8F8;
	border-radius: 3px;
	max-width: 100%;
	width: 100%;
	max-height: 400px;
	display: inline-block;
	white-space: pre;
	overflow: auto;
	vertical-align: middle;
	line-height: 1em;
	padding: 5px;
	font-family: monospace;
	box-sizing: border-box;
}

.special_container
{
	padding: 5px 10px;
	background: #eee;
	border: 1px solid #b4b4b4;
	text-align: left;
}
.dark .special_container
{
	color: #ccc;
	background-color: #383838;
}
hr.content_split { 
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

.article table {border: 1px solid #2e2e2e;}
.dark .article table {border: 1px solid #eee;}