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

body {
	background: #f96;
	font-family: Tahoma;
	color: #fff;
}

a:link {color: #D6DBE5;}
a:visited {color: #D7E5D6;}
a:hover {color: #E5E3D6;}

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

h2#blogtitle {
	margin: 0 0 0 260px;
	width: 720px;
	height: 240px;
	font-size: 1.8em;
	padding: 0;
}

h2#blogtitle a {
	display: block;
	padding: 60px 60px;
	height: 120px;
	background: transparent url(post-title.gif) no-repeat top left;
	color: #fff;
	text-decoration: none;
}

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

h3 {
	background-color: #fff;
	color: #963;
	padding: 0.2em 1em;
}

div {
	padding: 0;
	margin: 0;
}

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

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

div#tab {
	position: absolute;
	top: 50px;
	left: 320px;
}

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

/* sidebar */

div#sidebar {
	position: absolute;
	left: 5px;
	top: 54px;
	width: 250px;
}

div.sidebox {
	background: #f96 url(post-sbbody.gif) repeat-y left;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	width: 250px;
}

div.sidebox_title {
	background: transparent url(post-sbhead.gif) no-repeat top left;
	padding: 30px 10px 0 64px;
	font-weight: bold;
	font-size: 1.2em;
}

div.sidebox_main {
	background: transparent url(post-sbfoot.gif) no-repeat bottom left;
	padding: 5px 10px 25px 20px;
	margin: 0;
}

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

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

div#counterbox_main {
	font-size: 1.8em;
	text-align: center;
}

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 260px;
	width: 720px;
	padding: 0;
}

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

div.blogbox {
	background-color: #c63;
	width: 668px;
	margin: 20px 10px;
	border: 6px solid #fff;
	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.ptext hr.ps {
	color: #fff;
	background-color: #fff;
}

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

div.draftpost {
	background-color: #333 !important;
}

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

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