/*
Theme Name: rudeness
Theme URI: http://soryumi.liliso.com/
Description: Theme for sound of rudeness
Author: soryumi
Author URI: http://soryumi.liliso.com/
Version : 1.0
*/

html {
	height: 100%; /* for Mozilla */
	margin: 0;  /* for Opera */
	padding: 0; /* for Opera */
}

body {
	width: 750px;
	margin: 5px auto; /* align body block to center */
	padding: 0px 30px;
	
	background: white;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
}

a {
	text-decoration: none;
	color: #36C;
}

a img {
	border: none;
}

a:visited {
	color: #66C;
}

div#page {
	width: 730px;
	height: 100%;
	margin: 5px auto;
	padding: 0px 0px;
	
	background: white;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	color: #333; /* [change color] */
	font-size: 90%;
}

div#header {
	margin: 0;
	padding: 0;
}
div#footer {
	clear: both;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	
	font-size: small;
	text-align: center;
}

div#contents {
	float: left;
	width: 490px;
overflow: hidden;
}

div#innerbox {
	padding: 0;
	
	background: transparent; /* [change color] */
	line-height: 1.5em;
}

div#contents h2 {
	padding-top: 16px;
	color: #99C; /* [change color] */
	font-size: large;
	letter-spacing: 0.3em;
	line-height: 110%;
}

div#contents h3 {
	padding-left: 16px;
	padding-top: 0px;
	background: url(images/bar_l.png) no-repeat left bottom;
	line-height: 120%;
	font-size: medium;
	text-align: left;
	letter-spacing: 0.2em;
	color: #306;
}

div#contents h3 a {
	color: #036;
}

div#contents h3 a:hover {
	background-color: #036;
	color: white;
}

div.post {
}

div.postinfo {
	border-top: 2px dotted #ccc;
	margin-top: 10px;
	margin-bottom: 24px;
	padding: 2px;

	color: gray;
	font-size: small;
}

div.postinfo ul {
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

div.postinfo ul li {
	display: inline;
	padding-left: 16px;
	padding-right: 16px;
}

li.date {
	list-style: none;
	background: url(images/date.png) left no-repeat;
}

li.time {
	list-style: none;
	background: url(images/time.png) left no-repeat;
}

li.author {
	list-style: none;
	background: url(images/user.png) left no-repeat;
}

li.comment {
	list-style: none;
	background: url(images/comment.png) left no-repeat;
}

li.trackback {
	list-style: none;
	background: url(images/trackback.png) left no-repeat;
}

li.category {
	list-style: none;
	background: url(images/category.png) left no-repeat;
}

p.navigation {
	font-size: small;
	text-align: right;
}

div#sidebar {
	float: right;
	width: 200px;
	
	margin: 16px 4px 16px 0px;
	padding: 0px;
	background: transparent;
	color: #777;
	font-size: small;
}

div#sidebar ul {
	margin: 0px;
	padding: 0px;
}

div#sidebar ul ul {
	margin: 0px;
	padding-left: 8px;
}

div#sidebar li,div#sidebar li li {
	list-style: none;
	line-height: 1.4em;
	margin-left: 0px;
}

div#sidebar li li {
	margin-left: 0px;
}

div#sidebar ul.category li {
	list-style: none;
	margin-left: 0px;
	padding-left: 16px;
	background: url(images/category.png) left no-repeat;
}

div#sidebar ul.link li {
	list-style: none;
	margin-left: 0px;
	padding-left: 16px;
	background: url(images/link.png) left no-repeat;
}

div#sidebar h2 {
	margin: 20px 0 10px;
	padding: 4px 3px;
	
	background: url(images/bar_r.png) no-repeat right bottom;
	color: #306; /* [change color] */
	font-size: small;
	letter-spacing: 0.2em;
	line-height: 100%;
}

table#wp-calendar {
	margin: 8px;
	padding: 0px;
	
	width: 90%;
}

table#wp-calendar caption {
	padding: 0px 0px 0px 16px;
	text-align: left;
	font-size: small;
}

table#wp-calendar th {
	padding: 0px 2px;
	text-align: center;
	font-size: x-small;
}

table#wp-calendar td {
	padding: 0px 2px;
	text-align: center;
	font-size: x-small;
}

table#wp-calendar td#today {
	background: #f0e9ff;
}

table#wp-calendar a {
	font-weight: bold;
}

form#searchform input.text {
	border: 2px solid #DDE;
}

form#commentform input {
	border: 2px solid #DDE;
}

form#commentform textarea {
	border: 2px solid #DDE;
}

form#commentform input.button {
	border: 2px solid #DDE;
	background-color: #FFF;
	color: #99C;
}


li.commentcontent ul {
	border-top: 2px dotted #ccc;
	margin-top: 10px;
	margin-bottom: 24px;
	margin-left: 0px;
	padding: 2px;

	color: gray;
	font-size: small;
}

ol#commentlist {
	padding-left: 24px;
}

#commentlist ul.metadata li {
	display: inline;
	padding-left: 16px;
	padding-right: 16px;
}

input#trackbackinfo {
	width: 440px;
	border: 2px solid #DDE;
	padding: 2px;
	color: gray;
	font-size: small;
}

p#postnotice {
	color: gray;
	font-size: x-small;
}

div#sidebar ul.writebacks li {
	margin-left: 0px;
	padding-left: 16px;
	background: url(images/comment.png) top left no-repeat;
}

div#sidebar ul.writebacks li ul li {
	margin-left: 0px;
	padding-left: 0px;
	background: none;
}

div#sidebar ul.scrobbler li {
	margin-left: 0px;
	margin-bottom: 8px;
	padding-left: 16px;
	background: url(images/cross.png) top left no-repeat;
}

div#sidebar li.bookmarks li {
	margin-left: 0px;
	padding-left: 16px;
	background: url(images/cross.png) top left no-repeat;
}

div#sidebar li.bookmarks li.bmcomment {
	margin-left: 0px;
	padding-left: 16px;
	background: none;
	font-size: x-small;
}

//div#writebacks ul span.comment_date {
//	list-style: none;
//	margin-left: 8px;
//	padding-left: 16px;
//	background: url(images/date.png) left no-repeat;
//}

//div#writebacks ul span.comment_author {
//	list-style: none;
//	margin-left: 8px;
//	padding-left: 16px;
//	background: url(images/user.png) left no-repeat;
//}