/*
Theme Name: Black Red Gothic
Theme URI: http://urakaze.com/
Description: 2009 summer edition
Author: Wind
Author URI: http://urakaze.com/
*/

/*general settings*/

*{padding:0px;margin:0px;}
a img {border:0px;}
a {color:#0066CC;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}
ul, li{list-style-type:none;}
blockquote {border:1px solid #CCC;padding:5px;margin:2px 0px;}
strong {color:#000;}
img {-ms-interpolation-mode: bicubic;}
.postcontent h3 {font-size:18px;color:#CC0000;border-left:3px solid #CC0000;padding:5px;}
.postcontent h5 {font-size:16px;color:red;}
.postcontent b {color:blue;}

/* layout */
body {
	text-align:center;
	font-size:15px;
	line-height:1.4em;
	color:#333;
	background: #F0F0F0;
	font-family:"MS UI Gothic" sans-serif;
}
#position {
	margin-left:-200px;
	float:right;
	width:100%;
}

#sidebar {
	width:200px;
	float:left;
}
#content {
	margin:0px 0px 0px 200px;
	text-align:left;
	padding-bottom:5px;
	background: #FFF;
}
#footer {
	clear:both;
}

#top {
	padding:5px 0px 0px 5px;
}
#top img {
	margin-right:1px;
	vertical-align:top;
	float:left;	
}
#top a img {
	width:32px;
	height:32px;
}

#top a:hover img {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
/* title */
#title {
	width:100%;
	height:120px;
	text-align:center;
	background:#000 url(img/bg3.png);
	text-shadow: 2px 2px 3px #000;
}
#title h1 a {
	color: #FFF;
	padding-left:4px;
	font-size:32px;
	line-height:60px;
	margin-top:30px;
	text-decoration:none;
}

#description {
	font-size:14px;
	padding-left:8px;
	line-height:20px;
	color: #F0F0F0;
	font-weight:normal;
}


/*navigation*/
#navi {
	width:100%;
	height:40px;
	line-height:40px;
	background:#CC3300 url(img/bg.png);
	_overflow:hidden;/*IE6*/
}
#navi li ul {/*IE6*/
	_visibility:hidden;
	_width:0px;
	_height:0px;
}
#navi li {
	float:left;
	text-align:center;
	list-style-type:none;
	margin-right:1px;
	position:relative;
}
#navi li a {
	display:block;
	font-size:12px;
	color:#FFF;
	text-decoration: none;
	background:#CC0000 url(img/navi.png);
	width:100px;
	font-weight:bold;
}
#navi li a:hover {
	background:#000 url(img/navi.png) 0px -40px;
}
#navi li > ul {
	display:none;
	position:absolute;
	top:40px;
}
#navi li:hover > ul {
	display:block;
	height:40px;
	width:100px;
}
#navi li ul li {
	margin:0px;
}
#navi li ul li a {
	background:#666 url(img/navi.png) 0px -80px;
}
#navi li ul li a:hover {
	background:#666 url(img/navi.png) 0px -120px;
}

/* post decoration */
.post {
	margin-bottom: 20px;
	clear:both;
}
.postcontent img {
	padding:3px;
	margin:1px;
	border: 1px dashed #CCC;
}
.postcontent a:hover {
	text-shadow: 1px 1px 2px #333;
}
.postcontent a:hover img {
	filter: alpha(opacity=90);
	opacity: 0.9;
}
.postcontent h4 {
	border-left:2px solid #CC0000;
	border-bottom:1px dashed #CC0000;
	padding:3px;
	margin:5px 0px;
}
.post ul li{
	background: url(img/li.gif) no-repeat;
	padding-left: 1em;
}
.posttitle {
	font-size:22px;
	height:48px;
	line-height:48px;
	background:url(img/ptbg.png) #000;
	overflow:hidden;
	text-shadow: 1px 1px 2px #000;
}
.posttitle a {
	display:block;
	height:48px;
	background:url(img/ptbg2.png) no-repeat;
	padding-left: 40px;
	color: #FFF;
}
.posttitle a:hover {
	text-decoration:none;
	background:url(img/ptbg2.png) 0px -48px no-repeat;
	color:#CC0000;
	font-weight:bold;
}
.postcontent {
	margin:3px;
	padding:3px;
	border: 1px solid #F0F0F0;
}
.postdate {
	margin-left:6px;
	font-size:16px;
}
.postinfo div {
	float:left;
}

/* sidebar */
.sidebar {
	text-align:left;
	font-size:12px;
}
.sidebar h2 {
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	line-height:60px;
	text-align:center;
	background: #CC0000 url(img/stbg.png);
	text-shadow: 1px 1px 5px #000;
}
.sidebar ul li ul li{
	background: url(img/li.gif) no-repeat;
	padding-left: 1em;
}


/* comments */
#comments {
	border:1px solid #F0F0F0;
	font-size:12px;
	margin-left:10px;
	padding:10px;
}
#comments dd {
	margin-left:20px;
}
.commenttitle {
	font-size:16px;
}
#comments textarea {
	background: url(img/inputbg.png) repeat-x #FFF;
	border: 1px solid #CCC;
	padding:2px;
}
.ctextarea {
	width:500px;
}

.send {
	width:96px;
	height:32px;
	background:url(img/input.png) #333;
	color:#FFF;
	font-weight:bold;
	border:0px;
}
.cinput {
	background: url(img/inputbg.png) repeat-x #FFF;
	border: 1px solid #CCC;
	height:1.2em;
}