/* hackweb - the 2012 look, kept on purpose.
   Black background, #00FF00 accents, 10px Verdana, rounded #272727 blocks. */

body {
	background: #000;
	color: #888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 10px 0;
}

a { color: #00FF00; }
a:visited { color: #009900; }
a:hover { color: #fff; }

.green { color: #00FF00; }
.muted { opacity: .55; }

.wrap {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/* ---------- masthead ---------- */

.masthead {
	position: relative;
	text-align: center;
	padding-top: 5px;
}
.masthead img {
	display: block;
	width: 900px;
	height: 70px;
}
.masthead .tagline {
	color: #00FF00;
	font-size: 10px;
	letter-spacing: 1px;
	margin-top: -6px;
}
.langbar {
	position: absolute;
	top: 6px;
	right: 0;
	font-size: 10px;
}
.langbar a {
	display: inline-block;
	padding: 2px 6px;
	margin-left: 2px;
	background: #272727;
	color: #CCC;
	text-decoration: none;
	border-radius: 6px;
}
.langbar a.on {
	color: #000;
	background: #00FF00;
	font-weight: bold;
}

/* ---------- grid ---------- */

.grid { width: 900px; border-collapse: separate; border-spacing: 6px; }
.col-side { width: 166px; vertical-align: top; }
.col-main { width: 540px; vertical-align: top; }

.panel {
	background: #272727;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 6px;
}
.panel.side { font-size: 10px; padding: 6px; }
.panel.center { text-align: center; }

.statusbar {
	background: #272727;
	border-radius: 10px;
	padding: 6px;
	margin-bottom: 6px;
	text-align: center;
}

/* ---------- menus (unchanged from the original) ---------- */

#menu_block #main_menu {
	width: 166px;
	text-align: left;
	font-size: 10px;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0;
}
#menu_block #main_menu li a {
	display: block;
	padding: 5px;
	color: #CCCCCC;
	background-color: #272727;
	text-decoration: none;
	margin-bottom: 1px;
	border-radius: 10px;
}
#menu_block #main_menu li a:hover { background-color: #2f3d51; color: #fff; }

.logincell {
	font-size: 10px;
	padding: 2px;
	color: #00FF00;
	text-align: center;
}
.cell { font-size: 11px; padding: 10px; }
.hack_menu { color: #00FF00; }

/* ---------- posts ---------- */

.pagetitle {
	color: #00FF00;
	font-size: 18px;
	margin: 0 0 4px 0;
}
.intro { color: #888; font-size: 11px; margin-top: 0; }

hr { border: 0; border-top: 1px dashed #444; margin: 12px 0; }

.postcard { margin-bottom: 18px; }
.postcard h2 { font-size: 14px; margin: 0 0 3px 0; }
.postcard h2 a { text-decoration: none; }

.meta { color: #666; font-size: 10px; }
.meta .tag { color: #009900; text-decoration: none; }
.meta .tag:hover { color: #00FF00; }

.more { font-size: 10px; text-decoration: none; }

.archive { list-style: none; margin: 0; padding: 0; }
.archive li { margin-bottom: 10px; }

/* ---------- article body ---------- */

.body { color: #bbb; font-size: 12px; line-height: 1.65; }
.body h2 {
	color: #00FF00;
	font-size: 13px;
	margin: 20px 0 6px 0;
	border-bottom: 1px dashed #333;
	padding-bottom: 3px;
}
.body p { margin: 0 0 12px 0; }
.body ul { margin: 0 0 12px 18px; padding: 0; }
.body li { margin-bottom: 4px; }
.body code {
	font-family: "Courier New", monospace;
	color: #00FF00;
	background: #111;
	padding: 1px 4px;
	border-radius: 3px;
}
.body pre {
	background: #0d0d0d;
	border-left: 3px solid #00FF00;
	border-radius: 4px;
	padding: 10px 12px;
	overflow-x: auto;
	margin: 0 0 14px 0;
}
.body pre code {
	background: none;
	padding: 0;
	color: #b6ffb6;
	font-size: 11px;
	line-height: 1.5;
}
.body strong { color: #ddd; }
.body em { color: #999; }

/* ---------- sidebar ---------- */

.sidepost { margin-bottom: 6px; line-height: 1.35; }
.sidepost a { text-decoration: none; }
.clockline { color: #00FF00; }

/* The old "DANGER" box, reused for the message of the day. */
.motd {
	margin-top: 14px;
	text-align: center;
	font-size: 10px;
	color: #888;
	line-height: 1.6;
}
.motd-head {
	color: #00FF00;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

.notice {
	background: #272727;
	border-left: 3px solid #00FF00;
	border-radius: 4px;
	padding: 12px;
	color: #bbb;
	font-size: 11px;
}

.loginform { font-size: 10px; }
.form {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #111;
	color: #00FF00;
	border: 1px solid #444;
	border-radius: 4px;
	padding: 4px;
}

.footer {
	text-align: center;
	color: #444;
	font-size: 10px;
	margin: 18px 0 10px 0;
}

/* ---------- small screens ---------- */

@media (max-width: 920px) {
	.wrap, .grid, .masthead img { width: 100%; }
	.masthead img { height: auto; }
	.grid, .grid tr, .grid td { display: block; width: auto; }
	.col-side, .col-main { width: auto; }
	#menu_block #main_menu { width: auto; }
	.langbar { position: static; text-align: center; margin: 6px 0; }
}