/*
Theme Name: tsunami-so2
Theme URI: http://minatsu.hanatsuki.jp/
Description:
Version: 1.0
Author: minatsu
*/

@import url(initialize.css);

body {
	font-size: 100%;
	font-family: sans-serif;
	color: #000000;
	background: #F5F2EE url(body.png) repeat-x 100% 100% fixed;
}

hr {
	display: none;
}

h1 {
	text-align: right;
	position: relative;
	top: 33px;
	height: 79px;
	font-size: 2px;
	color: #FFFFFF;
	background: transparent url(h1.png) no-repeat 0px 0px;
}

* html h1 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/tsunami-so2/ie/h1.png'); /* I don' wanna use this, but.. */
}

h1 a {
	color: #FFFFFF !important;
	background-color: transparent;
	width: 100%;
	height: 100%;
	display: block;
}

h2,
h3 {
	font-size: 1.2em;
}

img {
}

p {
	line-height: 1.6;
	margin-bottom: 1em;
}

a:link {
	text-decoration: none;
	background-color: transparent;
	color: #AA1D1D;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	background-color: transparent;
	color: #A96622;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #E03418; /*#C35656;*/
	font-weight: bold;
}

a:active {
	text-decoration: none;
	background-color: transparent;
	color: #C35656;
	font-weight: bold;
}

#page {
	max-width: 55em;
	color: #222222;
	background: transparent url(bg2.png) repeat-y 100% 0px;
	padding-right: 50px;
	margin-right: 150px;
}

* html #page {
	color: #222222;
	background: transparent url(/wp-content/themes/tsunami-so2/ie/bg2.gif) repeat-y 100% 0px;
}

#contents {
	color: #222222;
	background: #FFFFFF url(bg.png) repeat-y 0px 0px;
	padding-left: 50px;
}

#header {
	height: 250px;
	text-align: left;
	padding-bottom: 1em;
	color: #FFFFFF;
	background: transparent url(information.jpg) no-repeat 50% 0px;
}

#main {
	text-align: left;
}

#footer {
	font-size: 0.7em;
	text-align: right;
	padding-bottom: 2em;
}

#information h2 {
	padding-top: 30px;
	padding-left: 55px;
	padding-bottom: 10px;
	color: #222222;
	background: transparent url(information-h2.png) no-repeat 0px 100%;
}

#information .sub-section {
	font-size: 0.9em;
}

.section {
	margin-bottom: 2em;
	zoom: 1;
}

.section-post {
	clear: both;
}

.section-post ol li {
	margin-left: 2em;
}

.section-post h2 {
	padding-top: 10px;
	padding-left: 45px;
	padding-bottom: 10px;
	color: #222222;
	background: transparent url(h2.png) no-repeat 0px 50%;
}

.section-post h2 .date {
	color: #A0A0A0;
	background-color: transparent;
	display: block;
	font-size: 0.8em;
}

.section-post .meta-post {
	display: none;
}

.section-post .meta-post dt {
	display: none;
}

.section-post .meta-post dd {
	font-size: 10px;
}

.section-photo {
	text-align: center;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 0px;
	padding-bottom: 4px;
	background: transparent url(img.png) no-repeat 0px 100%;
}

.section-photo-single {
	text-align: center;
	margin-bottom: 10px;
}

.section-photo img,
.section-photo-single img{
	border: 1px solid #343434;
}

.section-photo p {
	position: absolute;
}

.section-photo em {
	width: 320px;
	display: block;
	position: relative;
	top: -33px;
	z-index: 10;
	text-indent: -10000px;
	font-size: 10px;
	line-height: 26px;
	margin: 0px;
	padding: 3px;
	color: #787878;
	background: transparent url(section-photo.png) no-repeat 1px -1px;
}

* html .section-photo em {
	margin-left: 1px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/tsunami-so2/ie/section-photo.png'); /* I don' wanna use this, but.. */
}

.section-photo-single p {
	text-indent: -10000px;
	font-size: 10px;
	line-height: 36px;
	margin: 0px;
	padding: 3px;
	color: #787878;
	background: transparent url(section-photo-single.png) no-repeat 50% 0px;
}

.section-comment {
	margin-left: 30px;
	margin-right: 30px;
	padding: 10px;
	font-size: 0.8em;
	color: #000000;
	background: transparent url(comments-sub-section.jpg) repeat-x 0px 0px;
}

#post-comment dd {
	margin-bottom: 1em;
}

#comment-author {
	width: 50%;
}

#comment-email {
	width: 50%;
}

#comment-url {
	width: 50%;
}

#comment-message {
	width: 99%;
	height: 10em;
}

.navigation-comment {
  position:relative;
  z-index: 10;
	clear: both;
	text-align: right;
	margin-bottom: 1em;
}

.navigation-comment p {
	display: inline;
	color: #787878;
	background: transparent url(comments.png) no-repeat 0px 50%;
	padding-top: 2px;
	padding-left: 27px;
	padding-bottom: 3px;
}

#comments-list li {
	list-style: none;
	padding-left: 45px;
	color: #383838;
	background: transparent url(comment-count.png) no-repeat 0px 0px;
}

* html #comments-list li {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/tsunami-so2/ie/comment-count.png'); /* I don' wanna use this, but.. */
}

#comments-list p.meta {
	text-align: right;
}

#comments {
	color: #222222;
	background: transparent url(comments-sub-section.jpg) repeat-x 0px 15px;
	margin-left: 30px;
	margin-right: 30px;
}

#comments .sub-section {
	padding: 10px;
	font-size: 0.9em;
}

#comments h2 {
	text-indent: -10000px;
	line-height: 40px;
	color: #FFFFFF;
	background: transparent url(comments-h2.png) no-repeat 100% 50%;
	zoom: 1; /* I don' wanna use this, but.. */
}

* html #comments h2 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/tsunami-so2/ie/comments-h2.png'); /* I don' wanna use this, but.. */
}

#comments h2 a {
	font-size: 2px;
	color: #FFFFFF;
	background-color: transparent;
}

.widgettitle {
  margin-bottom: 1em;
}

.mytwitter li {
  margin-left: 110px;
	font-size: 0.9em;
}

.mytwitter .avatar {
  margin-left: 1em;
  float: left;
  border: 1px solid #666666;
}

.mytwitter_tweet_time {
  font-size: 0.5em;
}