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

body {
	background: #fff repeat-x fixed top;
}

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

/* blogtitle */

h2#blogtitle {
	font-size: 200%;
	padding: 0.4em 0.3em 0.3em 0.5em;
	margin: 0 260px 0.2em 0;
	border-left: 0px;
	letter-spacing: 0.1em;
	padding-left: 0.5em;
	font-family: 'Trebuchet MS', Verdana, Arial;
	border-right: 12px #F4DFD6 solid;
	color: #F9F8F1;
	background: #ED7E9D;
}

h2#blogtitle a:link, h2#blogtitle a:visited {
	color: #F9F8F1;
}

h2#blogtitle a:hover, h2#blogtitle a:active {
	color: white;
}

h2#blogtitle:hover {
	background-color: #D65E64;
}

h3 {
	background-color: #40A880;
	font-weight: bold;
	font-size: 100%;
	font-family: 'Trebuchet MS', Verdana, Arial;
	padding: 4px;
	border: 1px solid #40A880;
	margin: 14px 0 2px 0;
	color: white;
}

hr {
	height: 1px;
	background-color: #DE3F6F;
	color: #DE3F6F;
	border: 0px;
}

div.navi {
	font-size: 80%;
}

/* About Me */

div.about {
	font-size: 95%;
	color: #565362;
	line-height: 150%;
	padding: 0.5em 0.3em 1em 0.3em; 
}

/* User Icons */

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

/* calendar */

div#calendarbox {
	padding-top: 0;
	border: 1px solid #EE6178;
	background-color: #FAF3F4;
}

div#calendarbox_main {
	border: 0;
	background-color: transparent;
}

table.calendar {
	width: 100%;
}

table.calendar td.day, table.calendar td.existday {
	font-size: 80%;
	background-color: #FAE7EA;
	border: 1px solid #F8899B;
	width: 14%;
	padding: 1px 0;
	text-align: center;
	margin: 2px;
}

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

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

/* posts */

div.blogbox {
	margin-right: 260px;
	background-color: #fff;
	border: 1px solid #9497A3;
	padding: 6px;
	margin-bottom: 0.5em;
}

div.blogdate {
	font-family: 'Verdana';
	margin: 0.4em;
	font-weight: bold;
	color: #2D986F;
}

div.ptitle {
	color: #4F598F;
	font-weight: bold;
}

div.ptitle a {
	color: #4F598F !important;
}

div.ptext, div.ctext {
	margin: 1.5em;
	font-size: 95%;
}

div.ptext h4 {
	margin: 0.6em 0 0.4em 0;
	font-size: 110%;
	font-weight: bold;
	color: #175C79;
	border-bottom: 1px dotted #9BA7BE;
	padding: 0.2em 0;
}

div.ptag {
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 0.8em;
	text-align: right;
}

div.comment {
	padding: 0.5em 0;
	border-bottom: 1px solid #a44;
}

/* sidebar */

div#sidebar {
	position: absolute;
	right: 40px;
	width: 250px;
	top: 80px;
	padding: 0;
}

div.sidebox {
	padding: 24px 0 0 0;
	margin-bottom: 0.5em;
}

div.sidebox_title {
	display: none;
}

div.sidebox_main {
	background-color: #FAE7EA;
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 95%;
	border-left: 1px solid #EE6178;
	border-bottom: 4px solid #F8899B;
	padding: 5px;
	margin: 0;
}

div#friendbox {
	background: url(/theme/classic-friend.gif) no-repeat top;
}

div#friendbox_main {
	padding: 0px;
}

div#newsbox {
	background: url(/theme/classic-news.gif) no-repeat top;
}

div#selfbox {
	background: url(/theme/classic-self.gif) no-repeat top;
}

div#archivebox {
	background: url(/theme/classic-archive.gif) no-repeat top;
}

div#archivebox_main {
	font-size: 80%;
}

div#qrcodebox {
	background: url(/theme/classic-qrcode.gif) no-repeat top;
}

div#qrcodebox_main {
	text-align: center;
}

div#selfbox_main {
	height: auto !important;
	overflow: hidden;
	background-color: #F9F0ED;
	border-left: 1px solid #DE8A6B;
	border-bottom: 4px solid #EEBDAB;
}

div#categorybox {
	background: url(/theme/classic-category.gif) no-repeat top;
}

div#responsebox {
	background: url(/theme/classic-response.gif) no-repeat top;
}

div#newpostbox {
	background: url(/theme/classic-newpost.gif) no-repeat top;
}

div#searchbox {
	background: url(/theme/classic-search.gif) no-repeat top;
}

div#freebox, div#blogpetbox, div#adsensebox {
	padding-top: 0;
}

div#freebox_main, div#blogpetbox_main, div#adsensebox_main {
	background-color: transparent;
	border: 0;
}

div#counterbox {
	background: url(classic-counter.gif) no-repeat top;
}

div#counterbox_main {
	font-size: 150%;
	text-align: center;
	padding: 0.5em 0;
	font-weight: bold;
}

table.flist {
	width: 100%;
	border-collapse: collapse;
}

td.fitem {
	width: 50%;
	padding: 5px 0;
	text-align: center;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #EE6178;
	font-size: 85%;
}

div.sidebox_main ul {
	padding: 0;
	margin: 0;
}

div.sidebox_main ul li {
	list-style: none;
	font-size: 80%;
	padding: 0.1em 0 0.1em 1em;
	border-bottom: 1px solid #F6D3DF;
	text-indent: -1em;
}

/* friend */

table.friendtable {
	width: 100%;
	border-collapse: collapse;
}

table.friendtable td {
	margin: 0;
	padding: 4px;
	border-top: 1px solid #CFE8E3;
}

td.friendicon {
	width: 110px;
	text-align: center;
}

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

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

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

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

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

/* profile */

table#profile {
	width: 100%;
	border-collapse: collapse;
}

table#profile th {
	margin: 0;
	width: 10%;
	padding: 0.5em 0;
	border-top: 1px solid #4F61D0;
}

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

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

/* form */

table#formtable {
	border-collapse: collapse;
	width: 100%;
}

table#formtable th.label {
	padding: 5px;
	margin: 0;
	color: #143A87;
	font-weight: normal;
	text-align: right;
	border-top: 1px solid #A1BBC2;
}

table#formtable td.input {
	padding: 5px;
	margin: 0;
	border-top: 1px solid #A1BBC2;
}

table#formtable td.input span.tip {
	font-size: 80%;
	padding-left: 2em;
	color: #E23188;
}
