/*
Theme Name: My Sakura
Description: Widget ready Wordpress theme named <a href="http://www.area381.com">Sakura</a>, created by <a href="http://www.area381.com">area381</a>.
Version: 4.1
Author: Del and area381

*/ 
* {
	padding:0;
	margin:0;
}
body {
	font-family: "Trebuchet MS", "Lucida Sans Std", "Lucida Sans Unicode", sans-serif;
	font-size: 0.9em;
	background-color: #ECEAE2; 
	background-image: url('images/background.jpg');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	color: #3E4449;
}

a {
	outline: none;
	text-decoration: none;
} 
a:link,
a:visited {
	color:#C6524E;
	text-decoration: none;
}
a:hover {
	color:#C6524E;
	text-decoration: underline;
}

img, a img {
	border:none;
}

code {
	font-family: "Courier New", Courier, mono;
	color: #333333;
}


.clear {
	clear: both;
}


/*		
//////////////////////////////////////////////////////
						LAYOUT
//////////////////////////////////////////////////////
*/ 

#wrapp {
	width: 100%;
	margin: 0px auto;
	background-image: url('images/header_bg.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}

/*		
//////////////////////////////////////////////////////
						HEADER
//////////////////////////////////////////////////////
*/ 

#header {
	width: 970px;
	height: 506px;
}

#HederTitle {
	width: 500px;
	height: 207px;
	
}
#HederTitle h1 {
	color: #3E4449;
	font-weight: normal;
	font-variant: normal;
	width: 250px;
	padding-top: 60px;
	padding-left: 15px;
	font-size: 2.0em;
}
#HederTitle h1 a:link,
#HederTitle h1 a:visited {
	text-decoration: none;
	color: #3E4449;
	
}
#HederTitle h1 a:hover {
	text-decoration: none;
	color:#583408;
}

#HederTitle span {
	color: #6D5E5E;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	width: 450px;
	font-size: 1.1em;
	padding-left: 15px;
}

#BottomHeader {
	height: 280px;
	width: 700px;
}
#BottomHeaderWrapp {
	width: 680px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	height: 280px;
	overflow:auto;
	
}
#BottomHeaderWrapp p {
	color: #968D89;
	/*font-variant: small-caps;*/	
	font-size: 1.0em;
	padding:5px;
}
#BottomHeaderWrapp img,
#BottomHeaderWrapp a img {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:9px;
	padding-right:9px;


}
#BottomHeaderWrapp a:link,
#BottomHeaderWrapp a:visited,
#BottomHeaderWrapp p a:link,
#BottomHeaderWrapp p a:visited {
	color:#C6524E;
	text-decoration: none;
}
#BottomHeaderWrapp a:hover,
#BottomHeaderWrapp p a:hover {
	color:#C6524E;
	text-decoration: underline;
}
#BottomHeaderWrapp span {
	display:block;
	float:right;
	margin-right:25px;
}


/*		
//////////////////////////////////////////////////////
						CONTENT
//////////////////////////////////////////////////////
*/ 



#container {
	width: 99%;
	float: left;
	margin-right: -200px;

	/* DEBUG
	border-style:solid;
	border-width: 1px;
	border-color: yellow;
	*/
}

#content {
	margin-right: 200px;
	padding: 30px 40px 30px 30px; /* top bottom left right */

	/* DEBUG
	border-style:solid;
	border-width: 1px;
	border-color: green;
	*/
}

#content .navigation {
	width: 550px;	
}

#content .navigation .alignleft {
	float: left;
}
#content .navigation .alignleft a:link,
#content .navigation .alignleft a:visited {
	color:#BD413D;
	text-decoration: none;
	
}
#content .navigation .alignleft a:hover {
	color:#BD413D;
	text-decoration: underline;
	
}
#content .navigation .alignright {
	float: right;
}

#content .navigation .alignright a:link,
#content .navigation .alignright a:visited {
	color:#BD413D;
	text-decoration: none;
}
#content .navigation .alignright a:hover {
	color:#BD413D;
	text-decoration: underline;
}


/*		
//////////////////////////////////////////////////////
					ÁÎÊÑ Ñ ÏÎÑÒÎÌ
//////////////////////////////////////////////////////
*/ 

#content .box-inner {
	/* width: 547px; */
	text-align: justify;
	/* background-color: #E3E1D5;
	margin-bottom: 55px;
	background-image: url('images/entry_bg_top.jpg');
	background-repeat: no-repeat;
	background-position: -1px 0px; */
}
#content .box-inner .title h2 {
	font-weight: normal;
	/* text-transform: uppercase;
 	padding-top: 0px;
	padding-left: 0px; */
	color: #3E4449;
	
}
#content .box-inner .title h2 a:link,
#content .box-inner .title h2 a:visited {
	font-weight: normal;
	/* text-transform: uppercase; */
	color: #3E4449;
}
#content .box-inner .title h2 a:hover {
	color: #000000;
}

#content .box-inner span.date {
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 0.8em;
	color: #928771;
	display: block;
}
#content .box-inner .entry {
	/* width: 90%; */
	overflow: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
}
#content .box-inner .entry p {
	color: #4D5359;
	font-size: 1.1em;
	padding-top: 10px;
	padding-bottom: 15px;
}
#content .box-inner .entry a:link,
#content .box-inner .entry p a:link {
	text-decoration: none;
	color:#BD413D;
}
#content .box-inner .entry a:hover,
#content .box-inner .entry p a:hover {
	text-decoration: underline;
	color: #C6514E;
}
#content .box-inner .entry a:visited,
#content .box-inner .entry p a:visited {
	text-decoration: none;
	color: #CC6461;
}
#content .box-inner .entry img {
	padding: 7px;
}
#content .box-inner .entry ul,
#content .box-inner .entry li  {
	list-style-type: none;
	padding: 2px;
	
}
#content .box-inner .entry ul li {
	list-style-type: circle;
	list-style-position: inside;
}
#content .box-inner .entry code {
	font-family: "Courier New", Courier, mono;
	display: block;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #DEDBD0;
	padding: 3px;
	font-size: 1em;
	line-height: 1.5em;
}
#content .box-inner .entry blockquote {
	font-size: 0.9em;
	padding-left: 10px;
	line-height: 1.5em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #BFB8A3;
	font-style: oblique;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	
}
#content .box-inner .entry pre {
	width: 500px;
}
#content .box-inner .entryBottom {
	/*
	background-image: url('images/entry_bg_bottom.jpg');
	background-repeat: no-repeat;
	background-position: -1px 21px;
	height:60px; */
}
#content .box-inner .entryBottom span {
	font-size: 0.8em;
	margin-left: 5px;
	/* padding-left: 17px;
	padding-right: 7px; */
	display: block;
}
#content .box-inner .entryBottom a:link,
#content .box-inner .entryBottom a:visited {
	text-decoration: none;
	color: #77776B;
	font-weight: bold;	
}
#content .box-inner .entryBottom a:hover {
	text-decoration: underline;
	color: #928771;
	font-weight: bold;	
}

/*		
//////////////////////////////////////////////////////
					SINGLE/COMMENT PAGE
//////////////////////////////////////////////////////
*/ 

#content .entryBox .entryDescription,
#content .entryBoxAlt .entryDescription {
	width: 510px;
	overflow: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#content .entryBox .entryDescription p,
#content .entryBoxAlt .entryDescription p {
	padding: 15px 8px 0px;
	line-height: 1.5em;
}
#content .entryBox .entryDescription p a:link,
#content .entryBoxAlt .entryDescription p a:link,
#content .entryBoxAlt .entryDescription p a:visited,
#content .entryBox .entryDescription p a:visited {
	text-decoration: none;
	color:#BD413D;
}

#content .entryBox .entryDescription p a:hover,
#content .entryBoxAlt .entryDescription p a:hover {
	text-decoration: underline;
	color: #C6514E;
}

#content .entryBox p.who,
#content .entryBoxAlt p.who {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

#content .entryBox p.who a:link,
#content .entryBox p.who a:visited,
#content .entryBox .entryBottom p.commentmetadata a:link,
#content .entryBox .entryBottom p.commentmetadata a:visited,
#content .entryBoxAlt p.who a:link,
#content .entryBoxAlt p.who a:visited,
#content .entryBoxAlt .entryBottom p.commentmetadata a:link,
#content .entryBoxAlt .entryBottom p.commentmetadata a:visited {
	text-decoration: none;
	color: #928771;
}

#content .entryBox .entryBottom p.commentmetadata a:hover,
#content .entryBoxAlt .entryBottom p.commentmetadata a:hover,
#content .entryBox p.who a:hover,
#content .entryBoxAlt p.who a:hover {
	text-decoration: underline;
	color: #928771;
}

#content .entryBox .entryBottom p.commentmetadata,
#content .entryBoxAlt .entryBottom p.commentmetadata {
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 0.8em;
	color: #928771;
}
#content .entryBoxAlt {
	width: 547px;
	background-color:#D4CFC1;
	margin-bottom: 55px;
	background-image: url('images/entry_bg_top_alt.jpg');
	background-repeat: no-repeat;
	background-position: -1px 0px;
}
#content .entryBoxAlt .entryBottom {
	background-image: url('images/entry_bg_bottom_alt.jpg');
	background-repeat: no-repeat;
	background-position: -1px 1px;
	height: 40px;
}
#content #commentForm {
	width:550px;
}
#content #commentForm p.tags {
	padding: 10px;
	width: 530px;
}
#content #commentForm p {
	padding:5px;
}
#content #commentForm p a:link,
#content #commentForm p a:visited {
	color:#BD413D;
	text-decoration: none;
}

#content #commentForm p a:hover {
	color:#BD413D;
	text-decoration: underline;

}
#content #commentForm input#submit {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 1em;
	padding: 5px;
}
#content #commentForm input#author,
#content #commentForm input#email,
#content #commentForm input#url,
#content #commentForm textarea#comment {
	font-family: "Trebuchet MS", "Lucida Sans Std", "Lucida Sans Unicode", sans-serif;
	padding: 8px 5px;
	font-size: 1em;
	font-weight: normal;
	background-color: #fafafa;
	border: 1px solid #E5E2D9;
	
}
#content #commentForm input#author:hover,
#content #commentForm input#email:hover,
#content #commentForm input#url:hover,
#content #commentForm textarea#comment:hover {
	background-color: #F7F7F3;
	border: 1px solid #E5E2D9;
}
#content h3.respond {
	padding: 10px 5px 10px;
}
/*		
//////////////////////////////////////////////////////
						SIDEBAR
//////////////////////////////////////////////////////
*/ 

#sidebar {
	width: 200px;
	float: right;
	margin-top: 15px;
	/* margin:0 -230px 0 0;
	padding:20px; */

	/*
	float: right;
	width: 180px;
	margin-top: 35px;
	*/

	/* DEBUG
	border-style:solid;
	border-width: 1px;
	border-color: red;
	*/
}
#sidebar h2,
#sidebar h3 {
	font-size: 1.5em;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #583408;
}

*+html #sidebar h2,
#sidebar h3 {
	font-size: 1.5em;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: -10px;
	color: #583408;
}

#sidebar ul,
#sidebar li {
	list-style-type: none;
}
#sidebar ul li {
	padding: 3px 3px 3px 8px;
	list-style-type: none;
	color: #6C5E5E;
}
#sidebar a:link,
#sidebar ul li a:link,
#sidebar a:visited,
#sidebar ul li a:visited {
	color: #6C5E5E;
	
	text-decoration: none;
}
#sidebar a:hover,
#sidebar ul li a:hover {
	text-decoration: underline;
	color:#583408;
}

#sidebar form {}
#sidebar form input#s {
	font-family: "Trebuchet MS", "Lucida Sans Std", "Lucida Sans Unicode", sans-serif;
	padding: 8px 5px;
	margin:0px 0px 5px;
	font-size: 0.9em;
	font-weight: normal;
	background-color: #fafafa;
	border: 1px solid #E5E2D9;
   width: 140px;
	
}

#sidebar form input#s:hover {
	
	background-color: #F7F7F3;
	border: 1px solid #E5E2D9;
}
#sidebar form input {
	border:none;
	padding:5px;
}


/*		
//////////////////////////////////////////////////////
						FOOTER
//////////////////////////////////////////////////////
*/ 

#footer {
	clear: both;
	height: 35px;
	margin-top: 15px;

	/* DEBUG
	border-style:solid;
	border-width: 1px;
	border-color: red;
	*/
}
#footer p {
	padding-left: 15px;
	padding-top: 5px;
	text-align: center;
}

#footer p a:link,
#footer p a:visited {
	color: #583408;
	text-decoration: none;
}
#footer p a:hover {
	color: #AAA185;
	text-decoration: underline;
}


/*		
//////////////////////////////////////////////////////
				ÁÎÊÑÛ Ñ ÊÐÓÃËÛÌÈ ÓÃËÀÌÈ
//////////////////////////////////////////////////////
*/ 

div.w60
{
	width: 100%;
	margin-bottom: 30px;
}	

	div.box-c
	{
		height:20px;
		margin: 0 20px;
		position: relative;
		background: #E3E1D5;
	}
	
		div.box-c em b 
		{
		   position:absolute;
		   font:150px Arial;
		   line-height:40px;
		   font-weight:normal;
		}
		
		.ctl, .cbl, .ctr, .cbr 
		{
		   z-index:11;
		   width:20px;
		   height:20px;
		   color:#E3E1D5;	 
		   overflow:hidden;
		   position:absolute;  
		   background:transparent;
		   
		}
		
		.ctl {top:0; left:-20px;}
		.cbl {bottom:0; left:-20px;}
		.ctr {top:0; right:-20px;}
		.cbr {bottom:0; right:-20px;}

		.ctl b {left:-8px;}
		.ctr b {left:-25px;}
		.cbl b {left:-8px; top:-17px;}
		.cbr b {left:-25px; top:-17px;}
		
	div.box-inner
	{
		padding: 0 20px;
		background: #E3E1D5;
	}