/*
Theme Name: AIIT Theme
Theme URI: 
Version: 1.0
Description:  This Theme based on the <a href="http://templates.arcsin.se/">free website template</a> "Pink Sunset".
Author: Satoshi Tomisawa
Author URI: 
*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #F09;
	text-decoration: none;
}
p {
	padding-bottom: 1em;
}
body {
	background: #FFF url(img/bg.gif) repeat-y fixed bottom center;
	color: #311;
	font: normal 12px "Trebuchet MS", Arial;
	margin: 8px 0;
	text-align: center;
}
ul {
	padding: 10px 0;
}
li {
	list-style: none;
	margin: 4px 0 4px 20px;
}
li span {
	font-size: 0.9em; color: #444;
}
a img {
	border:none;
}

/* misc */
.clearer,.footer {
	clear: both;
}
.content,.footer {
	padding: 0 5px;
}

/* structure */
.container {
	background: #FFF url(img/top.jpg) no-repeat;
	border: 1px solid #EEE;
	border-color: #EEE #CCC #AAA;
	margin: 0 auto;
	text-align: left;
	width: 750px;
}

/* header */
.top {
	height: 190px;
}
.header {
	height: 153px;
}
.header h1 {
	line-height: 2.4em;
	padding-left: 18px;
	color: #F09;
	font-size: 2.4em;
}

/* footer */
.footer {
	//background: #DDD;
	background: #554141;
	//color: #311;
	color: #f4eaeb;
	margin: 5px;
	padding: 2px 5px;
}
.footer a {
	//color: #311;
	color: #f4eaeb;
}
.powered {
	float: right;
}

/* content */
.content_end {
	margin-top: 40px;
	background: url(img/bgcontent_end.gif) no-repeat; 
	height: 90px;
}
.item {
	padding: 10px 20px;
	text-align: justify;
}
.item h1 {
	font: normal 1.6em serif, Arial;
	letter-spacing: 1px;
	color: #C36;
}
.left {
	float: left;
	width: 490px;
	background: #F2EEF2;
}
.entry {
	padding: 10px 0;
	font-size: 1.2em;
}
.entry p {
	padding: 0 0 1em 0;
}
.entry p a {
	color: #311;
}
.entry p a:hover {
	text-decoration: underline;
}
.entry .entrylist p {
	padding: 0 0 5px 0;
}

/* menu */
.menu {
	padding-left: 10px;
}
.menu a {
	padding: 0 2px;
	margin-left: 8px;
	//color: #211;
	//color: #cce4fe;
	color: #f4eaeb;
	font-size: 1.3em;
}
.menu a:hover {
	background: #F09;
	//color: #FFF;
	color: #f4eaeb;
}
.menu ul {
	display: inline;
}
.menu li {
	float: left;
	list-style: none;
}

/* sidebar */
.right .submenu_end {
	margin-top: 40px;
	background: url(img/bgsubmenu_end.gif) no-repeat; 
	//height: 29px;
	height: 70px;
}
.right {
	padding-top: 5px;
	float: right;
	width: 245px;
	background: #DDD;
}
.right a {
	color: #311;
}
.right a:hover {
	text-decoration: underline;
	color: #F09;
}
.right h2 {
	margin-left:15px;
	padding-top:10px;
	margin-bottom: -8px;
}
.banner {
	color: red;
}
#linkcomment {
	margin-left:15px;
	margin-bottom: -8px;
	padding-top:10px;
	font-size: 0.8em;
}

/* main-contents */
.item {
	margin:0 0 25px 0;
}
.item .info {
	padding:2px 3px 3px 0;
	//border: 1px solid #e3e4e4;
	//background-color: #f5f5f5;
	font-size: 0.9em;
	color: #505050;
}
.item .info a {
	color: #505050;
}
.error {
	padding-top: 15px;
	text-align: center;
}
.error h1 {
	margin-bottom: 15px;
}

/* commet */
.response {
	margin:0 0 25px 0;
	padding: 20px 3px 3px 8px;
}
.response h2 {
	padding: 0 0 0 11px;
	letter-spacing: 1px;
}
.comments {
	padding: 20px 3px 3px 8px;
}
.comments h1 {
	padding: 0 0 0 11px;
	font: normal 1.6em serif, Arial;
	letter-spacing: 1px;
}
.comments p {
	padding: 0 0 8px 0;
	font-size: 1em;
	letter-spacing: 1px;
}
.comment_text p {
	margin: 0;
	padding: 0;
}
.commentlist li {
	margin-bottom: 8px;
	width: 320px;
	border-bottom: 1px solid #999;
	border-bottom-width: thin;
}
.commentmetadata a {
	color: #505050;
}
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #700000;
}
#commentform {
	margin: 1em 1em 0.5em 1em;
	background: #f2eef2;
	width: 350px;
}
#commentform textarea {
	background: #f8f7f6;
	//border: 1px solid #d6d3d3;
	border: 1px solid #999;
	width: 350px;
}
#commentform textarea:hover {
	background: #FFFFFF;
	//border: 1px solid #d6d3d3;
	border: 1px solid #999;
}
#commentform textarea:focus {
	background: #ffffff;
	border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
	font-size: 1.1em;
	background: #f8f7f6;
	//border: 1px solid #d6d3d3;
	border: 1px solid #999;
	width: 350px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
	font-size: 1.1em;
	background: #ffffff;
	//border: 1px solid #d6d3d3;
	border: 1px solid #999;
	width: 350px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
	font-size: 1.1em;
	background: #ffffff;
	border: 1px solid #939793;
	width: 350px;
}
#commentform input {
	margin-bottom: 3px;
}