/*
The Midnight Hands™ for TinyBBS-like (includes ATBBS2?) [squared]
Feel free to e-mail me better name suggestions and rage: stal@minichan.org
This one is for Lawrence!
*/
body {
		background-color:/*947140*/#000;
		font-family:arial, sans-serif;
		font-size:12px;
		/*text-shadow: 0 1px rgba(0,0,0,0.4); /*Will be reenabled as soon as OS X gains majority.*/
		padding:1em;
		padding-bottom:0!important;
		margin:0px;
		color:white;
		}
		
/* Post body */

		.body {
				background-color:#575757;
				line-height:1.5em;
				margin-bottom:1em;
				margin-top:0em;
				overflow:hidden;
				padding:.5em;
				white-space:normal;
				word-wrap:break-word;
		}
		.body a {
			color:#adadad;
		}
		.body img {
				-webkit-border-radius:8px;
				border-radius:8px;
				-moz-border-radius:8px;
				border:none!important;
				float:left;
				margin-bottom:6px;
				margin-right:7px;
		}
		.body ul.menu {
				clear:both;
				margin:.5em 0 0;
				text-align:right;
		}
				.body ul.menu li {
						margin:0 0 0 .5em;
				}
				
/* Markup syntax */

.codebox {
		overflow: auto;
		display: block;
		height: auto;
		max-height: 250px;
		white-space: normal;
		padding-top: 5px;
		font: 0.9em monaco, "andale mono","courier new", courier, mono;
		line-height: 1.3em;
		color: #393939;
		margin: 3px 0;
}

span.quote {
		color:#adadad;
}

.highlighted {
		background-color:#838383;
}

.spoiler {
		background-color:#000;
		color:#000!important;
}
		.spoiler:hover {
				color:#fff!important;
		}

.border {
		background-color:#3b3b3b;
		border:1px solid #c5c5c5;
		margin:1em;
		padding:.5em;
}

.highlight {
		background-color:#3b3b3b;
		font-style:normal;
		color:white;
		font-weight:700;
}

/* ??? */

a {
		color:#adadad;
}

#notice {
		background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#575757), to(#727272)) !important;
		background-image:-moz-linear-gradient(19% 75% 90deg,#575757, #9d5d00);
		background-image:-o-linear-gradient(90deg, #575757, #9d5d00);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#9d5d00', EndColorStr='#575757');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9d5d00', EndColorStr='#575757')";
		padding:.5em;
		margin-left: .1em;
		margin-right: .1em;
		margin-top:0!important;
		text-align:center;
}

h1 {
		font-size:17px;
		text-align:center;
}
		h1 a {
				color:#000;
				text-decoration:none;
		}

h2 {
		font-size:16px;
}
		h2 a:hover {
		text-decoration:underline;
		}

h3 {
		background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#232323), to(#575757)) !important;
		background-image:-moz-linear-gradient(19% 75% 90deg,#232323, #575757);
		background-image:-o-linear-gradient(90deg, #232323, #575757);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#575757', EndColorStr='#232323');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#575757', EndColorStr='#232323')";
		font-size:12px;
		font-weight:400;
		margin:0;
		padding:.5em;
		overflow:auto;
}

.reply_id {
		float:right;
		text-align:right;
		vertical-align:middle;
}

h4.section {
		font-size:15px;
		margin-bottom:7px;
}

h4.user {
		font-size:14px;
		margin:0 0 .5em;
}

label.common {
		float:left;
		padding-right:.5em;
		text-align:right;
		width:15em;
}

input,textarea {
		display:block;
}

textarea {
		font-family:monospace;
		-webkit-appearance:textfield;
}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
		outline:0px solid #f4f3fe;
		-webkit-appearance:textfield;
}

fieldset {
		margin:1em 0;
}

ul.body,ul.error_message {
		list-style-type:none;
}

ul.error_message {
		margin:0;
		padding:0;
}
		ul.error_message li {
				font-style:italic;
				padding:.2em;
		}

ul.menu {
		margin:1em;
		text-align:center;
}
		ul.menu li {
				display:inline;
				font-weight:700;
				text-decoration:none!important;
				margin:0 1em;
		}

ul#main_menu {
		background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#232323), to(#575757));
		background-image:-moz-linear-gradient(19% 75% 90deg,#232323, #575757) !important;
		background-image:-o-linear-gradient(90deg, #232323, #575757);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#575757', EndColorStr='#232323');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#575757', EndColorStr='#232323')";
		margin-top:0em;
		padding:.5em;
		margin-left:.1em;
		margin-right:.1em;
		margin-top:0!important;
}

ul.stuff {
		margin-bottom:2em;
}
		ul.stuff li {
				margin-bottom:.5em;
		}

table {
		background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#232323), to(#575757)) !important;
		background-image:-moz-linear-gradient(19% 75% 90deg,#232323, #575757) !important;
		background-image:-o-linear-gradient(90deg, #232323, #575757);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#575757', EndColorStr='#232323');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#575757', EndColorStr='#232323')";
		border-collapse:collapse;
		margin-bottom:1em;
		margin-left:0em;
		margin-right:0em;
		width:100%;
		word-wrap:break-word!important;
}
		table th {
				background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#232323), to(#575757)) !important;
				background-image:-moz-linear-gradient(19% 75% 90deg,#232323, #575757) !important;
				background-image:-o-linear-gradient(90deg, #232323, #575757);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#575757', EndColorStr='#232323');
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#575757', EndColorStr='#232323')";
				padding:.5em;
				text-align:left;
		}
		table td {
				background-color:#4f4f4f;
				padding:.5em;
				vertical-align:top;
		}
		table tr.odd td {
				background-color:#676767;
		}
		table tr:hover td {
				background-color:#8d8d8d !important;
		}
		table .minimal {
				white-space:nowrap;
				width:1%;
}

/*td.topic_headline {
	word-wrap:break-word!important;
	word-break:break-all;
}  Hmph. doesn't seem to do what i want it to do.*/

.profile_fix {
		overflow:hidden;
		white-space:normal;
		word-wrap: break-word;
}

.reply_body_snippet,.snippet {
		font-style:italic;
}

.topic_headline .visited {
		font-weight:400!important;
}

.topic_info {
		float: right;
		cursor: default;
}

em.marked {
		background-color:#ff9;
		font-style:normal;
		font-weight:700;
}

p.caption {
		font-size:11px;
		margin-top:2px;
}

.inline {
		display:inline;
}

#last_seen_marker {
		border-top:2px solid #232323;
}

#snapback_link {
		left:2px;
		position:fixed;
		top:50%;
}

.video,a.video {
		margin-top:0em;
		width:500px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:1em;
		background-color:#575757;
		padding:8px;
}

.standalone,.row {
		margin-bottom:1em;
}

.body ul.menu li,.body ul.menu li a,.body ul.menu li, .unimportant {
		font-size:10px;
		color:white!important;
}

a:hover,h2 a,#snapback_link a {
		text-decoration:none;
}

a.youtube_alternate,.noscreen {
		display:none;
}

h3#preview,h3#error,h3#replying_to,label,legend,.topic_headline a,.reply_body_snippet a,.snippet a {
		font-weight:700;
}

.help,.help_cursor {
		cursor:help;
}

#phrase {
		-webkit-appearance: searchfield;
    box-sizing: border-box;
}

#qr_text {
		width:99%;
}

#logo {
		display:none;
}

a.video {
		padding:0px;
		-webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,0.35)!important;
		box-shadow:inset 0px 0px 0px rgba(0,0,0,0.35)!important;
		-moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,0.35)!important;
}
a {
	color:#fff;
}
.body a,.body a .cite_op, .cite_reply, p.unimportant {
	color:#fff;
	/*is there a better way to do this? */
}
span .reply_id, .unimportant * {
	color:white!important;
	font-size:10px!important;
}
span .unimportant {
	color:white!important;
	font-size:10px!important;
}
.body ul.menu li,.body ul.menu li a,.body ul.menu li {
		font-size:10px;
		color:#fff!important;
}
input#image {
	color: white;
}