@charset "UTF-8";

/**
 * editor
 *-----------------------------------------------------------*/
#editor { background-color:#FFF; font-size: 10pt; font-family: sans-serif; line-height: 1.5em; padding: 5px 10px; }
#editor * { font-size: 10pt; font-family: sans-serif; }
#editor h2 { font-size: 12pt; margin: 5px 0; }
#editor h3 { font-size: 10pt; margin: 5px 0; }
#editor h4 { font-size: 10pt; margin: 5px 0; }
#editor h5 { font-size: 10pt; margin: 5px 0; }
#editor p { line-height: 1.5em; }

*
/**
 * initialize
 *-----------------------------------------------------------*/
* { font-family: sans-serif; }
#header *, #side *, #footer * { margin: 0; padding: 0; }
/**
 * General
 *-----------------------------------------------------------*/
body     { background-color:#ddd;  margin:0; padding:0; }
a        { text-decoration: none; color: #333; }
a:link   {}
a:active {}
a:hover  { color: red; }
img      { margin:0; padding:0; }
form     { display: inline; }

/**
 * Layout
 *-----------------------------------------------------------*/
#container { width: 750px; margin: 0 auto; background-color:#fff; }
#header {}
#main-side {}
#center { float: right; width: 570px; height: auto;  overflow:hidden; }
#upper {}
#main {}
#bottom {}
#side { float: left; width: 180px; overflow:hidden; }
#footer { clear: both; text-align: center; width: 100%; }
#copyright { clear: both; }

/* -- header -- */
#header    { background: transparent url(../images/header_bg.jpg) repeat-x top center; height: 115px;  }
#header h1 { font-size: large; font-weight: 800; padding: 20px 0 0 30px; color: #FFF; }
#header h1 a { color: #FFF; }
#header h2 { font-size: small; font-weight: 200; padding: 5px 0 10px 60px; color: #CCC; }

/* --center -- */
#center   { background-color: #FFF; }

/* -- side -- */
#side    { background-color: #FFF; }


/* -- footer -- */
#footer    {  }

/* -- copyright -- */
#copyright { background-color: #666; margin-bottom: 20px; text-align: center; font-size: xx-small;color: #DDD; padding: 10px; }


/**
 * Navigation
 *-----------------------------------------------------------*/
#container .menu-item { font-size: 12px; }

 /* HEADER */
#header-menu * { list-style-type: none; }
#header-menu { width: 100%; height: 25px; }
#header-menu li { float: left; }
#header-menu li .menu-item { display: block; padding: 3px 10px 3px 10px; color: #FFF; width: 80px; border-right: solid 1px #CCC; text-align: center; }
#header-menu li a:hover { color: #F00; }

 /* SIDE */
#side-menu * { list-style-type: none;}
#side-menu { border-top: solid 2px #CCC; margin-bottom: 5px; height: 100%; }
#side-menu li { padding-left: 5px; }
#side-menu li a,
#side-menu li div { display:block;  background: transparent url(../images/arrow01.gif) no-repeat left 10px; padding: 3px 0 3px 8px; border-bottom: dotted 1px #CCC; }
#side-menu li a:hover{ color: #F00; }
#side-menu li ul { margin-left: 10px; }

 /* FOOTER */
#footer-menu * { list-style-type: none; font-size:12px; }
#footer-menu {}
#footer-menu li { display: inline; }
#footer-menu li a {}
#footer-menu li a:hover{}

/**
 * FreePage
 *-----------------------------------------------------------*/
#center { background-color: #FFF;  }
#center .content-title { font-size: 14px; color: #333; border-top: solid 2px #666; padding: 10px 15px; margin: 0;}
#center .content-body { font-size: 10pt; padding: 0px 15px 10px 15px; }
#center h2 { font-size: 12pt; margin: 5px 0; }
#center h3 { font-size: 10pt; margin: 5px 0; }
#center h4 { font-size: 10pt; margin: 5px 0; }
#center h5 { font-size: 10pt; margin: 5px 0; }
#center p { line-height: 1.5em; padding: 5px 10px; }


/**
 * blog
 *-----------------------------------------------------------*/
#center .content { padding: 0; }
#center .entry { margin-bottom: 20px; }
#center p.entry-date { font-size: 10px; text-align: right; border-top: solid 2px #666; margin-bottom: -18px; }
#center h3.entry-title { font-size: 14px; padding: 3px 0 3px 15px; }
#center .entry-content { padding: 20px 5px 5px 15px; }
#center .entry-content .entry-body { margin-bottom: 10px; }
#center .entry-content .entry-more { margin-bottom: 10px; }

#center .entry-tags { border: dotted 1px #CCC; margin: 20px 0 20px 0; padding: 5px; }
#center .entry-tags h4.entry-tags-header { display: inline; padding-left:5px; padding-right:5px; }
#center .entry-tags ul.entry-tags-list { display: inline; list-style-type: none; }
#center .entry-tags ul.entry-tags-list li.entry-tag { display: inline; }

#center .entry-info { text-align: right; font-size: 10px; }
#center .entry-info ul { list-style-type: none; }
#center .entry-info ul li { display: inline; padding: 10px 5px 10px 8px; background: transparent url(../images/arrow01.gif) no-repeat left 50%;}

/***** trackbacks ******/
#center .trackbacks { padding: 10px; }
#center .trackbacks h4 { border-bottom: solid 1px #CCC; padding-left: 10px; }
#center .trackbacks p {}
#center .trackbacks dl {padding: 10px; border: dotted 1px #CCC; margin-bottom: 10px;}
#center .trackbacks dl dt {}
#center .trackbacks dl dd {}
#center .trackbacks dl dd ul { list-style-type: none; text-align: right; }
#center .trackbacks dl dd ul li { display: inline; }

/***** comments ******/
#center .comments { padding: 10px; }
#center .comments h4 { border-bottom: solid 2px #CCC; padding-left: 10px; }
#center .comments .comments-body { padding: 10px; border: dotted 1px #CCC; margin-bottom: 2px;}
#center .comments .comments-body ul { list-style-type: none; text-align: right; }
#center .comments .comments-body ul li { display: inline; }

/***** comments form ******/
#comments-form { padding: 10px; }
#comments-form .comments-post {}
#comments-form .comments-post h5 { border-bottom: solid 2px #CCC; padding-left: 10px; }
#comments-form .comments-post .comments-post-content {}
#comments-form .comments-post .comments-open-moderated {}
#comments-open-data {}
#comments-open-data fieldset {}
#comments-open-data fieldset legend { display:none; }
#commenter-info { padding:7px;}
#comments-open-text { padding: 7px;}
#comments-open-data .comments-open-footer { text-align: center; }
#comments-open-data .comments-open-footer li { display: inline; }
#comments-open-data .error-message { font-size: 10px; font-weight: 800; color: red; }

/***** navi-link *****/
#center .navi-link { text-align: center; margin: 10px 30px; padding: 10px 0; border-top: solid 1px #CCC; }

/**
 * Mail form
 *-----------------------------------------------------------*/
#main .mailform {}
#main .mailform {}
#main .mailform .err_msg { color: red; }
#center .mailform p {}
#center .mailform .form-content {}
#center .mailform .form-content form {}
#center .mailform .form-content form table {}
#center .mailform .form-content form table th {}
#center .mailform .form-content form table td {}
#center .mailform .form-content .buttonset { text-align: center; }
/**
 * Freeparts
 *-----------------------------------------------------------*/
#side .content,
#center .content,
#header .content,
#footer .content
{
	font-size: 12px;
}
/**
 * tagcloud
 *-----------------------------------------------------------*/
#tagcloud .content-body { letter-spacing:-2px;line-height:120%;font-weight:800;}

/**
 * blog parts
 *-----------------------------------------------------------*/
#side .content { margin-bottom: 20px;}
#side .content h3 { font-size: 14px; font-weight: 800; border-top: solid 2px #CCC; text-align: center; padding: 5px 0 10px 0; margin: 0 5px; }
#side .content .content-body { padding: 0px 5px 3px 10px; margin-bottom: 5px; }
#side .content .content-body .module-list { list-style-type: none; }
#side .content .content-body .module-list li { background: transparent url(../images/arrow01.gif) no-repeat left 10px; padding: 3px 0 3px 8px; border-bottom: dotted 1px #CCC;  }


#calendar {}
#calendar table {}
#calendar table th { font-weight: 200; }
#calendar table th a { font-size: 18px; }
#calendar table td { text-align: right;}
#calendar table td a { display:block; border: solid 1px #CCC; }
#calendar table td a:hover {}

/**
 * topic
 *-----------------------------------------------------------*/
#topic a{
	color:#8E8E8E;
}
#topic a:hover{ color: red; }

#topic ul{
	padding-left:5px;
	margin-bottom:10px;
}

/**
 * search
 *-----------------------------------------------------------*/
#search {}