/* $theme=satsuki2/nature-dark */
body
{
	color:			#f1e8e8;		/* $c=font */
	background-color:	#2c2626;		/* $c=main */
}
#hatena-body {
	border-top-color:	#555555;	/* $c=fixbodyborder */
	border-bottom-color:	#555555;	/* $c=fixbodyborder */
}
#footer
{
	background-color:	#333333;		/* $c=footerbg = headerbg */
}
#footer, #footer a:link, #footer a:visited {
	color:			#f1e8e8;	/* $c=font */
}
a:link		{ color: #ffeeee; }	/* $c=link */
a:visited	{ color: #eecccc; }	/* $c=linkvisited = auto:link */
a:hover		{ color: #bbbbbb; }	/* $c=linkhover   = auto:link */
article a:link,
nav.tree a:link,
#com a:link,
.ui-dialog a:link,
.adiary-popup a:link {
	color: #880000;		/* $c=artlink */
}
article a:visited,
nav.tree a:visited,
.ui-dialog a:visited,
#com a:visited,
.adiary-popup a:visited {
	color: #663333;		/* $c=artlinkvisited = auto:artlink */
}
article a:hover,
nav.tree a:hover,
.ui-dialog a:hover,
#com a:hover,
.adiary-popup a:link {
	color: #888888;		/* $c=artlinkhover   = auto:artlink */
}
button
{
	color:			#ffffff;			/* $c=fixbtnfont */
	border-color:	#774444;		/* $c=btnborder = btnbg0 */
	background-image:	linear-gradient(to bottom,
				#774444,			/* $c=btnbg0 */
				#442222);			/* $c=btnbg1 = auto:btnbg0  */
	background-color:	#774444;			/* $c=btnbg0 */
}
button:hover
{
	background-image:	linear-gradient(to bottom,
				#995555,			/* $c=btnbghover0 = auto:btnbg0 */
				#663333);			/* $c=btnbghover1 = auto:btnbg0 */
}
button:disabled
{
	background-color:	#441111;			/* $c=btndisable = auto:btnbg0 */
}
#ui-icon-autoload {
	background-color:	#ffcccc;			/* $c=uiicon = auto:link */
}
#header, #sp-header {
	background-color:	#333333;		/* $c=headerbg */
	color:			#ffffff;		/* $c=fixheaderfont */
}
h1 a, h1 a:link, h1 a:hover, h1 a:visited {
	color:			#ffffff;		/* $c=titlefont */
}
.ddmenu.sp, 
.ddmenu>ul>li>ul li {
	background-color:	#333333;		/* $c=ddbg = headerbg */
}
.ddmenu>ul li:hover,
.ddmenu>ul li.hover {
	background-color:	#666666;		/* $c=ddhover = auto:border */
}
.ddmenu>ul li a,
.ddmenu>ul ul {
	border-color:	#666666;		/* $c=ddborder = auto:border */
}
.ddmenu a:link,
.ddmenu a:visited
{
	color:			#ffeeee;		/* $c=ddfont = link */
}
.ddmenu li ul li ul:before,
.ddmenu.sp li ul:before {
	border-left-color:	#ffeeee;		/* $c=ddarrow = link */
}
.ddmenu:not(.sp) li:last-child:not(:first-child) ul li ul:before {
	border-right-color:	#ffeeee;		/* $c=ddarrow */
}
.ddmenu {
	color:			#ffeeee;		/* $c=ddarrow */
}
article {
	color:			#442222;			/* $c=artfont */
	background-color:	#f2eee8;		/* $c=artbg */
	border-color:	#aaaaaa;		/* $c=border */
}
article.wiki {
	background-color:	#fafaf2;		/* $c=wikibg = auto:artbg*/
}
article h2 {
	color:			#660000;			/* $c=h2font = auto:artlink */
	border-left-color:	#cc6666;		/* $c=h2border */
}
section footer {
	background-color:	#f0f0e0;		/* $c=footnotebg = auto:main */
}
.body h3 {
	border-left-color:	#cc6666;		/* $c=h2border */
}
.body h3, .body h3 a, .body h3 a:link, .body h3 a:visited,
.body h4, .body h4 a, .body h4 a:link, .body h4 a:visited,
h5, h6 {
	color:			#660000;			/* $c=h2font */
}
div.body h4 {
	border-bottom-color:	#cc6666;	/* $c=h2border */
}
blockquote, pre, div.box {
	border-color:	#aaaaaa;		/* $c=preborder = border */
	background-color:	#ffffff;			/* $c=prebg */
}
pre span.comment	{ color: #cc3300; }			/* $c=fixstrongfont */
pre strong.comment	{ color: #cc3300; font-weight: bold; }	/* $c=fixstrongfont */
em {
	color:			#cc3300;				/* $c=fixstrongfont */
}
article:not(.system) strong { color: #cc3300; }			/* $c=fixstrongfont */
.body table td,
.ui-dialog table td {
	border-color:	#aaaaaa;		/* $c=tableborder = border */
}
.body table th,
.ui-dialog table th {
	border-color:	#aaaaaa;		/* $c=tableborder */
	background-color:	#ddddbb;			/* $c=tablebg */
}
#com {
	color:			#442222;			/* $c=artfont */
	background-color:	#fafaf2;		/* $c=combg = wikibg */
	border-color:	#aaaaaa;		/* $c=border */
}
div.comment-one {
	border-top-color:	#aaaaaa;		/* $c=border */
}
#popup-com {
	color:			#442222;			/* $c=artfont */
}
strong.warning, strong.error,
p.warning, p.error,
div.messages div.warn,
div.messages div.message {
	color:		#cc3300;			/* $c=fixstrongfont */
}
div.hatena-moduletitle {
	color:			#ffffff;		/* $c=moduletitlefont */
}
article.system div.body {
	background-color:	#f8f8e8;		/* $c=sysbg = auto:artbg */
}
article.system {
	background-color:	#f8f8e8;		/* $c=sysbg */
}
article.system h2 {
	color:			#000000;			/* $c=fixfont */
}
.side-folder-tree {
	background-color:	#f8f8e8;		/* $c=sysbg */
	border-color:	#aaaaaa;		/* $c=border */
}
article.system td {
	background-color:	#ffffff;			/* $c=fixsystd */
}
th:has(> input:focus),
td:has(> input:focus) {
	background-color:	#ffffcc;		/* $c=fixfocusbg1 */
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
.setting textarea:focus {
	background-color:	#ffeeee;		/* $c=fixfocusbg2 */
}
article.edit span.tag {
	background-color:	#bbbb99;		/* $c=tagbg = auto:tablebg */
}
#popup-help {
	color:			#2133a9;		/* $c=fixhelpfont */
	border-color:	#2133a9;	/* $c=fixhelpborder */
}
.ui-dialog {
	color:			#442222;			/* $c=artfont */
	background-color:	#f8f8e8;		/* $c=sysbg */
	border-color:	#995555;		/* $c=dialogheaderbg */
}
.ui-dialog .ui-widget-header {
	background-color:	#995555;			/* $c=dialogheaderbg = auto:btnbg0 */
}
ul.dynatree-container {
	border-color:	#aaaaaa;		/* $c=preborder */
}
nav.tree {
	color:			#442222;			/* $c=artfont */
	border-color:	#aaaaaa;		/* $c=border */
	background-color:	#f8f8e8;		/* $c=sysbg */
}
.ui-progressbar {
	border-color:	#aaaaaa;		/* $c=border */
}
.ui-progressbar-value {
	background-color:	#995555;		/* $c=dialogheaderbg */
} 
