.kawaBack
{
	margin: 16px;
	border: 1px solid #444;
	background: #000;
	font: 9pt "Segoe UI", "Tahoma", "MS Sans Serif", sans-serif;
	color: #fff;
}

.kawaTitle
{
	text-align: center;
	font-style: italic;
	font-size: 12px;
	background: #000 url("header.png") repeat-x;
	text-shadow: #222 1px 1px 0px;
	color: #777;
}
.kawaTitle:before
{
	content: "Kawa";
}

.kawaContent
{
	padding: 4px;
	padding-left: 8px;
	padding-right: 80px;
	min-height: 140px;
	background: #000 url("crayon.png") no-repeat top right;
}

.kawaContent blockquote
{
	margin-right: 24px;
}

.kawaContent hr
{
	border: 1px solid #444;
	margin: 4px;
}


/* Additions
   ---------
   Inspired by Tyler's post layout. Thanks d00d!
 */
.kawaContent blockquote
{
	background: rgba(255, 255, 255, 0.05);
	border-radius: 0.5em;
	border-bottom-right-radius: 1.5em;
	border: 1px solid rgba(255, 255, 255, 0.05);
}
.kawaContent blockquote hr
{
	visibility: hidden;
	margin: 0px;
}
.kawaContent blockquote blockquote
{
	margin: 0em 1em;
}
.kawaContent code, .kawaContent code.Code
{
	background: rgba(255, 255, 255, 0.05) !important;
	border-radius: 0.5em;
	border: 1px solid rgba(255, 255, 255, 0.05);
}
.kawaContent div.spoiler div.spoiled
{
	background: rgba(255, 255, 255, 0.05) !important;
	border-radius: 0.5em;
	border-top-left-radius: 0em;
	border: 1px solid rgba(255, 255, 255, 0.05);
	padding: 0.2em;
}



/* Vega hacks
   ----------
   Added to make the layout look pretty in browsers that support box-shadow and
   border-radius, such as Opera 10.5X -- hence the name "Vega hacks".
 */
.kawaBack
{
	border-radius: 8px;
	border-bottom-right-radius: 24px;
	box-shadow: 0em 8px 1em #000;
}
.kawaTitle
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.kawaContent
{
	border-radius: 6px;
	border-bottom-right-radius: 24px;
}



/* Neritic hacks
   -------------
   I'm not sure if these would work on the actual Neritic Net board, but they do
   work as they're supposed to on ABXD.
 */
.topbar1_1, .topbar1_2, .sidebar1, .mainbar1, .mainbar144
{
	background: url("abxdbackground.png") #222 !important;
	font-family: "Segoe UI", "Tahoma", "MS Sans Serif", sans-serif;
	font-style: italic;
	font-size: 12px;
	color: #AAA;
}
.mainbar1
{
	border: 0px none !important;
	background-position: left top !important;
}
.topbar1_1, .sidebar1
{
	width: 110px !important;
	font-size: 12px !important;
}
.sidebar1 *, .topbar1_2
{
	font-size: 11px !important;
}
.topbar1_1
{
	text-align: center;
	background-position: right bottom !important;
}
.topbar1_1 a span
{
	color: #DDD !important;
	font-weight: bold;
}
.topbar1_2
{
	background-position: left bottom !important;
}
.topbar1_2.meta
{
	padding-left: 24px;
}
.topbar1_2.links
{
	font-size: 9px !important;
}
.sidebar1
{
	padding: 12px;
	background-position: right top !important;
}
.sidebar1 img[src$='/1']
{
	/* Any image in that panel that ends with "/1" has to be my userpic.
	   But what could I do with it?
	 */
	margin: 4px;
}



/* GeSHi additions
   ---------------
   ...
 */
.kawaContent .geshi
{
	background: rgba(255, 255, 255, 0.05);
	border-radius: 0.4em;
	color: #DDD;
	border: 1px solid rgba(255, 255, 255, 0.05);
}
.kawaContent .geshi .kw0, .kawaContent .geshi .kw1,
.kawaContent .geshi .kw2, .kawaContent .geshi .kw3,
.kawaContent .geshi .kw4
{
	color: #AAA;
}
.kawaContent .geshi .br0, .kawaContent .geshi .sy0
{
	color: #888;
}
.kawaContent .geshi .co1
{
	color: #444;
}