@charset "UTF-8";
/* 
Theme Name: GrimmDF
URI: http://www.darkfaerytale.com/2006/06/29/grimmdf/
Description: The default theme for my own site for almost a year beginning August 2005.
Version: 0.1
Author: Viitoria L.
Author URI: http://www.darkfaerytale.com/
*/

body{
	font-family: Trebuchet MS, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	background: #B5B6B4;
	margin: 0; 
	padding: 0;
}
hr{
	background-color: black;
	color: black;
	height: 1px;
	width:50%;
	border: none;
}
/* Design Containers and Specifications */
#holder{
	margin: 0 auto;
	padding: 0;
	width: 777px; 
	background-image: url('images/bgimage.jpg');
}
#top{
	background: url('images/image_01.jpg') no-repeat;
	width: 777px;
	height: 59px;
	float: left;
}
/* background: #FFFFFF url("images/bgsidenavi.jpg") no-repeat top; */
#sidenavi{
	width: 235px;
	float: left;
	text-align: left;
}
#banner{
	background: url('images/image_03.jpg') no-repeat;
	width: 542px;
	height: 92px;
	float: right;
}
#bname{
	margin: 35px 10px 0 0;
	text-align: left;
}
.btitle{
	font-size: xx-large;
	font-family: Georgia, serif;
}
.btitle a:link{
	color: #344718;
}
.btitle a:visited{
	color: #344718;
}
.btagline{
	color: #505050;
	font-size: small;
	font-family: "century gothic", sans-serif;
	position: relative;
	font-weight: bold;
}
#topnavi{
	background: url('images/image_04.jpg') no-repeat;
	width: 542px;
	height: 39px;
	float: right;
	color: #8D8D8D;
	text-align: right;
	padding-top: 9px;
}
#topnavi ul{
	list-style-type: none;
	margin: 0 50px 0 0;
	padding: 0 0 0 0;
}
#topnavi ul li{
	display: inline;
}

#topnavi ul li a{
	color: #ffffff;
	padding: 7px 8px;
}
#topnavi ul li a:hover{
	color: #C0C0C0;
	text-decoration:underline;
}
#topnavi ul li a:visited{
	color: #C0C0C0;
}
#content{
	padding: 0px 50px 0px 35px;
	margin: 0px 0px 0px 36px;
	background-position: right top;
	background-image: url('images/image_05.png');
	background-repeat: repeat-x;
	text-align: justify;
	clear: right;
}
#footer{
	padding-top: 220px;
}
#footerbg{
	margin: 50px 37px 0px 36px;
	background-position: right;
	height: 285px;
	clear: both;
	color: #C6C6C6;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-image: url('images/image_07.png');
	background-repeat: no-repeat;
	padding-bottom: 0px;
}
#footerbg a:visited{
 	color: #8E997C;
}
#footerbg a:link{
 	color: #8E997C;
}  
/* SideNavigation Specifications */
#sidebanner{
	background: url('images/sidenavi_01.jpg') no-repeat;
 	width: 235px;
 	float: left; 
	height: 78px;
 	text-align: center;
 	padding-top: 15px;
}
#sidenavbar{
 	background: url('images/sidenavi_02.jpg') no-repeat;
	width: 220px;
	float: left;
	height: 18px;
	float: left;
 	color: #fc0;
	font-size: 9px;
 	text-transform: uppercase;
 	padding: 5px 15px 0 0;
 	text-align: center;
 	font-family: arial, helvitica, sans-serif; 
}
.snbar{
	font-size: 9px;
 	background: url('images/sidenavi_02e.jpg') no-repeat;
	height: 18px;
	width: 218px;
	float: left;
 	color: #fc0;
 	text-transform: uppercase;
 	padding: 5px 15px 0 0;
 	text-align: center;
 	font-family: arial, helvitica, sans-serif; 
}
#sidewrapmenu{
	background: url('images/sidenavi_03.gif') no-repeat 50% top;
	width: 235px;
 	float: left;
}
#sidemenusp{
 	width: 235px;
 	float: left;
}

#sidefooter{
 	background: url('images/sidenavi_05.jpg') no-repeat;
 	width: 235px;
 	float: left; 
	height: 44px;
}
#swmenu{
	background: #4F4F4F url('images/sidenavi_04.jpg') no-repeat right bottom;
	width: 219px;
 	margin: 0 0 0 4px;
}

#swmenu ul{
 	margin: 0 0 0 5px;
 	padding: 0 0 5px 0;
	list-style-type: none;
 	text-align: left;
}
#swmenu li{
	width: 207px;
	text-align: left;
	font-family: arial, helvitica, sans-serif;
	font-size: small;
}
#swmenu li a{
	display: block;
	height: 15px;
	color: #D2D2D2;
	background: url('images/underline.gif') no-repeat left bottom;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 0 4px 14px;
}
#swmenu li a:visited{
	height: 15px;
	text-decoration: none;
	background: url('images/underline.gif') no-repeat left bottom;
	padding: 2px 0 4px 14px;
}
#swmenu li a:active{
	height: 15px;
	text-decoration: none;
	background: url('images/underline.gif') no-repeat left bottom;
	padding: 2px 0 4px 14px;
}
#swmenu li a:hover {
	color:#7DAB54;
	height: 15px;
	text-decoration: none;
 	background: url('images/underline2.gif') no-repeat left bottom;
	padding: 2px 0 4px 14px;
}
.emp {
	border-right: medium double #808080;
	border-bottom: 1px dotted #808080;
	color:black;
		background-position: right;
		padding: 5px;
	background-image: url('images/empbg.png');
		background-repeat: repeat-y;
		margin-top: 35px;
}
.emp strong{
	color: #006600;
	font-size: large;
	font-weight: bold;
}
.summary{
	padding: 5px;
	background-color: #D6FF80;
	margin-top: 35px;
}
.summary strong{
	color: #006600;
	font-size: large;
	font-weight: bold;
}
.nav_link{
	text-align:right;
}
/* Altered Tags */
img { border: 0; }
a:visited{
	color: #69c;
	text-decoration: none;
}
a:link{
	color: #69c; 
	text-decoration: none;
 	font-weight: normal;
}
a{
	color: #69c;
	text-decoration: none;
}
a:active{
 	color: #505050;
 	text-decoration: none;
}
a:hover{
 	color: #505050;
 	text-decoration: underline;
}
textarea{
	background: url('images/tempbg.jpg') repeat-x 50% bottom;
	color: #949494;
	border: #9BA9CD 1px solid;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
}
input{
	background: url('images/tempbg.jpg') repeat-x 50% bottom;
	color: #949494;
	border: #9BA9CD 1px solid;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
}
select{
	background: url('images/tempbg.jpg') repeat-x 50% bottom;
	color: #949494;
	border: #9BA9CD 1px solid;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
}
select{ background-color: #F7F7F7; }
textarea:focus{
	border-right: #C4C4C4 1px solid;
	border-bottom: #C4C4C4 1px solid;
	border-top: #757575 1px solid;
	border-left: #757575 1px solid;
}
input:focus{
	border-right: #C4C4C4 1px solid;
	border-bottom: #C4C4C4 1px solid;
	border-top: #757575 1px solid;
	border-left: #757575 1px solid;
}
textarea{
	background: url('images/textareabg.jpg') repeat-x 50% top;
	padding: 5px;
}
* html p{ margin: .8em; }
/* Headers and Styling Tags */
.pixie{
	background: #FFFFFF;
 	padding: 2px; 
	border: #D5D5D5 5px solid; 
}
.header{
	color: #54686D; 
	font-size: 20px;
 	font-weight: bold; 
	line-height: 50%;
 	padding-top: 5px; 
	font-family: tahoma, sans-serif;
}
.subhead {
 	font-size: 15px; 
	color: #4F4F4F; 
	font-weight: bold; 
}
/* Blog and Post Tags */
.stitle{
	margin-left: 165px;
	color: gray;
	font-weight: bold;
	font-size: large;
	text-decoration: none;
	border-left-style: solid;
	border-left-width: 26px;
	border-left-color: #C0C0C0;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	padding-top: 2px;
	padding-left: 7px;
}
.twrap{
	border-left: 20px solid #C0C0C0;
	border-bottom: 1px dashed #C0C0C0;
	background: url('images/titlebg.gif') no-repeat left bottom;
	padding-left: 5px;
}
.title{
	padding-top: 2px;
	text-decoration: none;
	font-size: large;
	font-weight: bold;
}
.title a:visited{
	color: #596D3B;
}
.title a:hover {
	text-decoration: underline;
}
.title a{
	color: #596D3B;
	text-decoration: none;
}
.tthead a:visited{
	line-height: 50%;
	padding-top: 5px;
}
.tthead a{
	line-height: 50%;
	padding-top: 5px;
}
.tthead{
	line-height: 50%;
	padding-top: 5px;
}
.datetime{
	color: #C1C1C1;
}
.sentry{
	padding: 5px 25px 40px 25px;
	color: #4F4F4F;
}
.entry{
	padding: 5px 25px;
	color: #4F4F4F;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #7DAB54;
}
.page_nav{
	padding: 50px 0px 60px 0px;
	margin: 0px auto;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.page_nav a{
	color: #FFFFFF;
	border: 1px none #red;
	background-color: #4F4F4F;
	padding: 20px 60px 20px 60px;
	margin: 0px;
	text-align: center;
}
.page_nav a:hover{
	color: #FFFFFF;
	border: 1px none #red;
	background-color: #4F4F4F;
	padding: 20px 60px 20px 60px;
	margin: 0px;
	text-align: center;
}
.page_nav a:visited{
	color: #C0C0C0;
	border: 1px none #red;
	background-color: #4F4F4F;
	padding: 20px 60px 20px 60px;
	margin: 0px;
	text-align: center;
}
.page_nav_previous{
	color:#FFFFFF;
	border: 1px none #red;
	float: left;
	background-color: #4F4F4F;
}
.page_nav_next{
	color:#FFFFFF;
	border: 1px none #red;
	background-color: #4F4F4F;
	float: right;
}
.footnotes ol{
	border: thin dotted #8099D5;
}
.footnotes li{
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.commentcon{
	right: 0px;
}
.commentag{
	border: 1px dotted #7DAB54;
	background-image: url('images/commentag.gif');
	background-position: center;
	background-repeat: no-repeat;
	color: #7DAB54;
	text-align: center;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	background-color: transparent;
}
.comhead{
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
}
.submit:hover{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	background: url('images/button-submit.jpg') no-repeat 50% bottom;
	width: 166px;
		height: 28px;
		text-align: center;
		color: #757575;
	}
.submit{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	background: url('images/button-submit.jpg') no-repeat 50% bottom;
	width: 166px;
		height: 28px;
		text-align: center;
		color: #757575;
	}
.submit:active { position: relative; top: 1px; }
.submit:active {
	background: url('images/button-submit-hover.jpg') no-repeat 50% bottom;
}
.submit:hover{
	background: url('images/button-submit-hover.jpg') no-repeat 50% bottom;
}
.label{
	color: #787878;
	font-weight: bolder;
}
.quicktag{
	color: #757575;
	text-align: center;
	background: url('images/inputbg.jpg') repeat-x 50% bottom;
}
.com-author a:link{
	text-align: right;
	font-size: large;
	padding-right: 17px;
	font-family: arial, helvetica, sans-serif;
	color: #E7E7E7;
	font-weight: bold;
}
.com-author a:hover{
	color: #E7E7E7;
}
.com-author a:visited{
	color: #E7E7E7;
}
.com-table{
	width: 594px;
	position: relative;
	top: -8px;
}
.com-bot{
	background-image: url('images/commbot.gif');
	background-repeat:no-repeat;
	width: 594px;
	height: 8px;
	font-size:1px;
}
.com-top{
	background-image: url('images/commtop.gif');
	background-repeat:no-repeat;
	width: 594px;
	height: 8px;
	font-size:1px;
}
.com-info{
	color: #6E6E6E;
	position: relative;
	top: -5px
}
.cgravatar{
	background: #FFFFFF;
	padding: 5px;
	border: #DEDEDE 3px solid;
	}

.com-content{
	text-align: justify;
	padding: 0 10px;
	background-color: #e7e7e7;
}
/* Custom */
.ss-bkg{
	background: url('images/ss-bkg.gif') repeat-y;
	width: 620px;
}
.boxtext{
	padding: 0 15px;
}
h3 a:visited{
	color: #384328;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h3 a:link{
	color: #384328;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h3{
	color: #384328;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h3 a:active{
	color: #222;
}
h3 a:hover{
	color: #222;
}
.ss-top{
	font-family: Agency FB, Arial Narrow, sans-serif;
	font-size: 25px;
	background: #FFF url('images/ss-top.gif') no-repeat left bottom;
	text-align: right;
	color: #CCC;
	width: 620px;
	height: 28px;
}
.ss-top a:visited{
	text-decoration: none;
	color: #CCC;
}
.ss-top a:link{
	text-decoration: none;
	color: #CCC;
}
.ss-top a:active{
	text-decoration: none;
	color: #000;
}
.ss-top a:hover{
	text-decoration: none;
	color: #000;
}
.ss-bot{
	background: url('images/ss-bot.gif') no-repeat;
	width: 620px;
	height: 18px;
}
/* Miscellaneous Specifications */
.link-descript { padding: 0 0 10px 20px; }
.longlist li{
	padding: 5px 0;
}
#content img:hover{
	border-color: #C6D3C4;
}
#content img{
	background: transparent;
 	padding: 2px; 
	border: #DEDEDE 1px solid; 
}
.pixie:hover {
	border-color: #C6D3C4;
	font-size: 10px;
}
blockquote:hover {
	background: #FFFFFF url('images/hquote.jpg') no-repeat right bottom;
}
.mbullet{
	list-style-type: none;
}
.pad{
	padding: 0 25px;
}
/*
ハイライトする色の指定
*/
.hl-surround{
    -moz-border-radius: 5px;
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    padding: 8px;
    margin-bottom: 5px;
    overflow: auto;
    text-align: left;
}

.hl-surround, .hl-surround pre, .hl-surround span{
	font: normal 9pt 'MS ゴシック;
}
.hl-default{
	color: Black;
}
.hl-code{
	color: black;
}
.hl-brackets{
	color: blue;
}
.hl-comment{
	color: Olive;
}
.hl-string, .hl-special, .hl-quotes{
	color: #6699FF;
	text-decoration: underline;
}
.hl-identifier{
	color: #009933;
}
.hl-builtin{
	color: Teal;
}
.hl-reserved{
	color: Blue;
}
.hl-inlinedoc{
	color: Blue;
}
.hl-var{
	color: #00008b;
}
.hl-url{
	color: Blue;
}
.hl-number{
	color: #FF0066;
}
.hl-inlinetags{
	color: Blue;
}
.hl-types{
	color: Orange;
}

.hl-main{
	background-color: transparent;
}

.hl-main pre{
	margin: 0; padding: 0;
}