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

body {
	background: #fff;
	font-family: Arial;
}

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

div {
	padding: 0;
	margin: 0;
}

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

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

h2#blogtitle {
	margin: 0 0 0 240px;
	border-width: 0;
	font-size: 140%;
	padding: 10px;
	color: black;
	font-weight: bold;
	font-family: 'Trebuchet MS', Verdana, Arial;
	background: #c3d9ff url(gmail-title.gif) no-repeat top left;
}

h2#blogtitle:hover {
	background: #c3d9ff !important;
}

h2#blogtitle a {
	color: black !important;
	background: #c3d9ff !important;
}

h3 {
	padding: 10px;
	background: #c3d9ff;
	font-size: 120%;
}

div.navi {
	margin: 0 0 0 240px;
	font-size: 80%;
	padding: 20px;
	text-align: center;
	font-weight: bold;
}

/* tabs */

div#tab {
	text-align: right;
	margin: 0 0 20px 0;
	height: 0.8em;
	font-size: 80%;
}

div#tab ul li.tab {
	background: white !important;
	padding: 0 2px;
	margin: 0;
	color: #00f;
	border-width: 0;
	font-weight: normal;
	font-size: 100%;
	height: 100%;
	line-height: 100%;
	border-left: 1px solid #000;
}

div#tab ul li.tab a {
	background: white !important;
	padding: 0;
	margin: 0;
	color: #00f !important;
	border-width: 0;
	height: 100%;
	line-height: 0.8em;
}

/* User Icons */

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

/* posts */

div#blogboxes {
	margin: 0 0 0 240px;
	padding: 6px 0 8px 10px;
	border-left: 10px solid #c3d9ff;
	border-bottom: 20px solid #c3d9ff;
}

div.blogdate {
	font-weight: bold;
	font-size: 120%;
}

div.blogbox {
	border: 1px solid #bbb;
	margin: 4px 5% 10px 2px;
	padding: 0;
	font-size: 80%;
}

div.blogboxtop {
	padding: 4px;
}

div.ptitle a {
	background: url(gmail-star.gif) no-repeat left;
	padding-left: 16px;
	color: #00681c !important;
	font-weight: bold;
	text-decoration: none !important;
}

div.ptext, div.ctext {
	padding: 8px;
}

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

div.ptag {
	background-color: #ddd;
	text-align: left;
	padding: 4px 8px;
}

/* sidebar */

div#sidebar {
	position: absolute;
	background: url(gmail-icon.png) no-repeat top left;
	left: 5px;
	top: 50px;
	padding-top: 80px;
}

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

div.sidebox_title {
	background: #b5edbc url(gmail-sidebox.gif) no-repeat top left;
	padding: 3px 5px;
}

div.sidebox_main {
	border: 2px solid #b5edbc;
	padding: 5px;
	margin: 0;
}

div#selfbox {
	width: 245px;
}

div#selfbox_title {
	background: #c3d9ff url(gmail-title.gif) no-repeat top left;
	font-weight: bold;
	padding: 4px;
	color: #00f;
}

div#selfbox_main, div#searchbox_main {
	border-width: 0;
}

div#searchbox {
	position: absolute;
	top: 10px;
	left: 160px;
	width: 400px;
	margin: 0;
}

div#searchbox_title {
	display: none;
}

div#searchbox_main form {
	padding: 0;
	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;
}

/* 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: 90%;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #F07B9D;
	color: #F07B9D;
	background-color: #FAF3F7;
}

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

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

/* calendar */

table.calendar {
	width: 100%;
}

table.calendar td.sunday { color: #f00; }
table.calendar td.saturday { color: #070; }

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;
}