/* (c) butlog(TM) 2006. All rights reserved. */
@import "common.css";
@import "tabs.css";

body {
	background: #000 url(./matrix-bg.jpg) repeat-x fixed top;
	font-family: 'Book Antiqua', 'Georgia', serif;
	color: #fff;
}

a:link {color: #ada;}
a:visited {color: #adc;}
a:hover {color: #ffa;}

a.wiki, a.wiki:link, a.wiki:visited {
	color: inherit !important;
	color: #fff;
}

h2#blogtitle {
	margin: 0 0 0 250px;
	border: 1px solid #aaa;
	padding: 0.4em;
	font-size: 2em;
	background-color: #000 !important;
	letter-spacing: 0.2em;
}

h2#blogtitle a {
	color: #F0FCE8 !important;
}

h2.base {
	color: #D3F0C2;
	border-color: #D3F0C2;
}

div {
	padding: 0;
	margin: 0;
}

div#main {
	margin: 0 5px;
	padding: 0;
}

div#foot {
	margin: 10px 0 0 240px;
}

div#tab {
	margin-right: 10px;
	text-align: right;
}

div#tab ul li.tab a {
	background-color: #000 !important;
}

/* sidebar */

div#sidebar {
	position: absolute;
	left: 5px;
	top: 50px;
	width: 240px;
	padding-top: 32px;
}

div.sidebox {
	padding: 0;
	margin-bottom: 1em;
	font-size: 0.8em;
	width: 230px;
}

div.sidebox_title {
	background-color: #82A683;
	padding: 3px 5px;
	font-weight: bold;
	color: #000;
}

div.sidebox_main {
	background: #222;
	padding: 5px;
	margin: 0;
}

div.sidebox ul {
	margin: 0;
	padding: 0 0 0 1.8em;
}

div.sidebox li {
	font-size: 90%;
	list-style: disc outside;
	margin: 0.1em 0;
}

a.boxnavi {
	display: block;
	text-align: right;
}

table.calendar {
	width: 100%;
}

table.calendar td.sunday { color: #fcc; }
table.calendar td.saturday { color: #cfc; }

table.calendar td.navi, table.calendar td.weekday {
	text-align: center;
	font-weight: bold;
}

table.calendar td.day, table.calendar td.existday {
	width: 14%;
	text-align: center;
}

/* User Icons */

img.usericon {
	border: 1px solid #7E7B7B;
}

/* profile */

table#profile {
	width: 94%;
	margin-left: 2%;
	border-collapse: collapse;
}

table#profile th {
	margin: 0;
	width: 5.5em;
	padding: 0.5em 0;
	border-top: 1px solid #ccc;
}

table#profile td {
	margin: 0;
	padding: 0.5em 0;
	border-top: 1px solid #ccc;
}

table#profile td.profiletext p {
	padding: 0;
	margin: 0.2em 0;
}

/* friends */

table.friendtable {
	width: 94%;
	margin-left: 2%;
	border-collapse: collapse;
}

td.friendicon {
	width: 104px;
	text-align: left;
	vertical-align: top;
}

td.frienddetail {
	padding: 0.5em 0;
	border-top: 1px solid #ccc;
}

td.frienddetail span.friendnick {
	font-weight: bold;
}

td.frienddetail span.ftogether {
	margin: 0 0.5em;
	font-size: 80%;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #F07B9D;
	color: #F07B9D;
}

td.frienddetail span.cowriter {
	margin: 0 0.5em;
	font-size: 80%;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #B082D8;
	color: #B082D8;
}

td.frienddetail div.introduction {
	padding: 0.5em 0;
}

/* posts */

div#blogboxes {
	margin: 0 0 0 250px;
	padding: 0;
}

div.blogdate {
	margin: 10px 0 5px 0;
	font-weight: bold;
	font-size: 120%;
}

div.blogbox {
	margin: 10px 0;
	padding: 10px;
	font-size: 95%;
}

div.ptitle a {
	color: #dfd !important;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none !important;
}

div.ptext, div.ctext {
	padding: 8px;
	min-height: 100px;
}

div.ptext p {
	margin: 0.1em 0;
	padding: 0;
}

div.friendpost {
	background-color: #402 !important;
}

div.draftpost {
	background-color: #222 !important;
	-moz-opacity: 0.7;
	filter: alpha(opacity: 70);
}

div.navi {
	margin-left: 250px;
}

div.navi a {
	color: #ffc !important;
}

/* ghosts */

div.date0617 {background: transparent url(matrix-0617.gif) no-repeat right top;}
div.date0914 {background: transparent url(matrix-0914.gif) no-repeat right top;}
div.date0923 {background: transparent url(matrix-0923.gif) no-repeat right top;}
div.date1111 {background: transparent url(matrix-1111.gif) no-repeat right top;}