@charset "utf-8";

/*  

Theme Name: susygreen

Theme URI: http://rhythm-collision.studio-web.net/

Description: Memo weblog for wordpress.

Version: 1.1

Author: Rhythm Collision

Author URI: http://rhythm-collision.studio-web.net/

License: Creative Commons License 2.1 / 3.0

*/



/* Main Element
 */

* {

	border:none;

	margin:0;

	padding: 0;

	border: none;

}



body {

	background: #FF9966;

	color: #000;

	margin: 0 auto;

	padding: 0;

	width: 80%;

	font: 80%/25px "Hiragino Kaku Gothic Pro", "Osaka", "Lucida Grande", Arial, Helvetica, sans-serif;

} 



#wrap {

	width: 900px;

	background: #fff;

	padding-bottom: 50px;

	position: relative;

}



#content {

	padding: 10px;

	padding-bottom: 25px;

	width: 600px;

	background: #fff;

	z-index:1;

	float: left;

}



p {padding-top: 10px;}



#content .entry .article table {margin-top: 50px; margin-left: 25px; }

#content .entry .article table h2 {color: #792000; font-weight: bold;}

#content .entry .article>h2 {margin-top: 20px; padding-top: 10px; margin-left: 42px;}

a {

	text-decoration: none;

	color: black;

}



a:hover {

  	color: #500000;

}





hr {

	clear: both;

	visibility: hidden;

	margin: 20px 0;

}



img {

	padding: 0 0 0 0;

}



blockquote {

	border-left: 2px solid #ddd;

	padding-left: 10px;

	display: block;

}



/* Header 
 */

#header {

	margin: 0;

	width: 900px;

	height: 200px;

	background-color: #000;

	background: url(interior.jpg);

	padding: 0;

	float: left;

	position: absolute;

}





#header p {

	color: #FFF;

	margin: 0 0 0 38px;

	overflow: hidden;

}







/* Entry Element
 */

div#content .entry { 

	width: 610px;

	margin: 0;

	padding: 0;

}



div#content .entry h2 font {margin: 20px 0px 10px 40px; font-size: 300%; color: #000;}



.entry p {

	line-height: 20px;

	text-align: justify;

}





.entry a {

	color: #821515;

	text-decoration: none;

	font-weight: normal;

}



.entry a:hover {

	color: #792000;

	text-decoration: underline;

}



.post {

	clear:both;

    width: 624px;

	padding: 30px 0 15px;

	margin-bottom: 35px;

	color: #666;

	font-size: 90%;

}



.post2 {

	clear:both;

    width: 724px;

	margin-left: 50px;

	margin-bottom: 35px;


}



.post a {

	color: #666;

}



.entry .alignleft {

	float: left;

	margin-right: 10px;

}



div#content ul, div#content li {

	list-style-position: inside;

}



/* Side Navigation 
 */



#sidebar {

	padding: 0 20px 20px 35px;

	left: 300px;

	color: #000;

	width: 200px;

	float: left;

	background-color: #fff;

}



#sidebar4 {

	margin: 10px 0 0 10px;

	color: #eee;

	width: 200px;

	float: right;

	background-color: #fff;

}



#sidebar ul, #sidebar2 ul, #sidebar3 ul {

	list-style-type: none;

	margin: 0 0 30px;

	padding: 0;

	width: 200px;

}



#sidebar li, #sidebar2 li, #sidebar3 li {

	list-style-type: none;

	margin: 0;

	padding: 0;

	display: block;

	line-height: 20px;

	border-bottom: 1px solid #500000;

}



#sidebar ul li ul, #sidebar2 ul li ul, #sidebar3 ul li ul {

	list-style-type: none;

	margin: 0;

	padding: 0 0 0 10px;

	width: 200px;

}



#sidebar ul li ul li, #sidebar2 ul li ul li, #sidebar3 ul li ul li {

	list-style-type: none;

	margin: 0;

	padding: 0;

	display: block;

	line-height: 20px;

	border-bottom: none;

}



#sidebar li a, #sidebar2 li a, #sidebar3 li a {

	color: #000;

	display: block;

}



#sidebar ul li a:hover, #sidebar2 ul li a:hover, #sidebar3 ul li a:hover {

	color: #500000;

	display: block;

	background-color: #fff;

}



#sidebar p {line-height: 1.2em;}



#sidebar p a {font-size: 76%; color: 821515;}



/* Calendar */

caption {

	color: #DFEAEA;

	background-color: #99B9BB;

}



#wp-calendar {

	width: 200px;

}



th, td {

	text-align: left;

	color: #000;

margin-top: 20px;

margin-bottom: 20px;

}



/* Footer
 */

div#footer {

	clear: both;

	background: #000;

	width: 640px;

	color: #000;

	margin: 0px;

	padding: 0px 0 70px!important;

	padding: 0 0 20px;

	height: 100px;

	z-index: 2;

}



.f-contents {

	padding: 0 20px 50px 35px;

	margin: 0;

	font-size: 95%;

	float: left;

	width: 200px;

	line-height: 25px;

	background: inherit;

}



.f-rightcontents {

	padding: 0;

	margin: 0;

	background: #B1CACB;

}



#footer a {

	color: #000;

}





/* Hr Structure
 */

#header h1 {

	font-family: "Monotype Corsiva", cursive, serif;

	font-size: 230%;

	margin: 0;

	font-weight: normal;

	padding: 0px;

}



#header h1 a {

	color: #000;

}



#header h1 a:hover {

	color: #A5B588;

}



#headerside h2 {

	color: #000;

	font-size: 160%;

	margin-bottom: 0px;

	margin-top: 0px;

	padding-bottom: 0px;

	padding-top: 0px;

	font-weight: normal;

}



#headerside h3 {

	color: #000;

	font-size: 110%;

	margin: 0;

	font-weight: normal;

	padding-right: 5px;

	overflow: hidden;

}



#sidebar h2, #sidebar2 h2, #sidebar3 h2, #sidebar4 h2 {

	color: #792000;

	font-size: 140%;

	margin-bottom: 0px;

	padding-top: 20px;

	font-weight: normal;

}



.f-contents h2 {

	font-size: 180%;

	font-family: "Monotype Corsiva", cursive, serif;

	padding: 0 0 10px 0;

	font-weight: normal;

}



#footer #footerside h2, #footer #footerside2 h2 {

	color: #000;

    float: none;

	font-size: 150%;

	padding: 0 0 15px;

	font-weight: normal;

}



#footerside h3, div#footerside2 h3 {

	font-size: 90%;

	padding: 0;

	margin: 0;

	display: inline;

	font-weight: normal;

}



h2 {

	font-size: 100%;

	padding-right: 5px;

	font-weight: normal;

}



h3 {

	font-size: 100%;

	padding: 10px 0 20px;

	font-weight: normal;

}

.entry h2, .entry　h3 {

	display: inline;

	font-weight: normal;

}

.entry h2 a {

	color: #792000;

	font-weight: normal;

}



.entry h3 a {

	font-family: "Century Gothic", Helvetica, arial;

	font-weight: normal;

}



/* Page links
 */

.navigation {

	width: 400px;

}



.navigation .previous {

    padding: 3px;

	float: left;

	color: #333333;

}



.navigation .next {

    padding: 3px;

	float: right;

	color: #333333;

}

.navigation a{

	color: #8E7D6C;

}



/* Comment
 */

.comments {

	margin: 0;

	padding: 10px 0 0;

	width: 400px;

}

.comments textarea {

	width:400px;

	background-color: #C5CFB1;

	margin: 20px 0;

	border: 1px solid #3E6235;

	padding: 3px;

}



.commentauthor {

	display: block;

}



.message {

	border: 1px solid #FCFAF4;

	padding: 5px;

	background-color: #E8EBDE;

	width: 400px;

}



/* Form
 */

div#content form {

	width: 400px;

}



div#content form p {

	clear: both;

	padding: 4px 0 35px;

}



div#content form .text {

	clear: both;

	padding: 4px 0 10px;

}



div#content label {

	float: left;

}



div#content input {

	float: right;

	background-color: #C5CFB1;

	border: 1px solid #3E6235;

	padding: 3px;

}



strong {

	color: #792000;

	font-weight: normal;

}



#submit {

	cursor: pointer;

}



/* Search
 */



big {color: #821515;}



table tbody tr td {line-height: 1.2em; valign: bottom;}

table tbody tr td h2 a {font-size: 1.3em; font-weight: bold; color: 821515;}

table tbody tr td p a {font-weight: bold; color: 821515;}