@charset "utf-8";

body {
font-size: 12pt;
color: #333333;
background: url(../images/main_bg.jpg) repeat-x left top #fff;
margin: 0;
padding: 0;
}

h1,h2,h3,h4,ul,ol,li,dt,dd,p {
margin: 0;
padding: 0;
font-size: 12pt;
font-weight: normal;
}

li {
list-style-position: outside;
}

a {
}

a:link {
color: #00008e;
}
a:visited {
color: #0000cc;
}

a:hover {
  color: #cd840b;
}

hr {
display: none;
}

img {
border: 0;
vertical-align: text-bottom;
}

/* Header */
#header {
height: 158px;
margin-bottom: 10px;
background: url(../images/img_head2.jpg) no-repeat top right;
}

#header h1 {
text-indent: -9999px;
background: url(../images/sitename.jpg) no-repeat left top;
width: 547px;
height: 78px;
position: absolute;
left: 9px;
top: 10px;
}

#header h1 a {
display: block;
width: 547px;
height: 78px;
border: 0;
text-decoration: none;
}

#header h2 {
text-indent: -9999px;
width: 103px;
height: 107px;
position: absolute;
top: 93px;
left: 29px;
background: url(../images/img_headmark.jpg) no-repeat;
}

#header #btn-ret1, #header #btn-ret2 {
text-indent: -9999px;
width: 53px;
height: 48px;
position: absolute;
}

#header #btn-ret1 {
left: 151px;
top: 107px;
}
#header #btn-ret1 a {
display: block;
background: url(../images/btn_blogtop.jpg) no-repeat;
width: 53px;
height: 48px;
border: 0;
text-decoration: none;
}

#header #btn-ret2 {
left: 221px;
top: 107px;
}

#header #btn-ret2 a {
display: block;
background: url(../images/btn_webtop.jpg) no-repeat;
width: 53px;
height: 48px;
border: 0;
text-decoration: none;
}

/* Container Style */
#wrapper {
width: 99%;
position: relative;
margin-left: 10px;
}

#main-column {
margin-right: 180px;
padding-top: 25px;
}

#right-column {
width: 160px;
min-height: 450px;
_height: 450px;
position: absolute;
top: 0;
right: 0;
padding-left: 10px;
padding-bottom: 20px;
border-left: 1px solid #cccccc;
}

/* Common */
.archive-title {
color: #1f6b9e;
padding: 4px 30px;
background: url(../images/at_icon.gif) no-repeat 0 0;
border-bottom: 4px solid #59a0d0;
position: relative;
top: -30px;
margin-left: 150px;
}

.add-indent {
margin-left: 12px;
padding-left: 10px;
border-left: 1px solid #aeaeae;
}

/* Entry style */
.entry {
border: 1px solid #aeaeae;
margin-top: 20px;
margin-bottom: 30px;
margin-left: 17px;
padding: 5px 10px;
position: relative;
-webkit-box-shadow: 1px 1px 6px #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#category-description {
  padding: 10px;
  margin-left: 17px;
  margin-bottom: 10px;
  border: 3px dotted #a8dae5;
  background: #eff8fa;
}
.entry-title {
border: 1px solid #1f6b9e;
/*background: #15476a;*/
background-image: -moz-linear-gradient(-90deg, rgb(136, 161, 192) 0%,  rgb(21, 71, 106) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from( rgb(136, 161, 192) ), to( rgb(21, 71, 106) ) );
padding: 3px 15px;
position: absolute;
top: -15px;
left: -15px;
color: #fff;
font-weight: bold;
}

.entry-title a:link, .entry-title a:visited {
color: #fff;
}

.entry-date {
text-align: right;
color: #1f6b9e;
}

.entry-time {
font-size: 80%;
padding-left: 5px;
}

.entry-body {
line-height: 1.5em;
margin-bottom: 20px;
}

.entry-body p {
margin-bottom: 1em;
}

.entry-body li {
margin-left: 16px;
}

.entry-body li > ul li {
margin-left: 16px;
    line-height: 100%;
    list-style-type: disc;
}

.entry-body dl dt {
color: #1f6b9e;
}

.entry-body dl dd {
padding-left: 20px;
}

.entry-body pre {
background-color: #ffefff;
padding: 5px;
border: 1px dotted #eeaaee;
margin-left: 20px;
}

.entry-body h2 {
color: #1f6b9e;
font-weight: bold;
}

.entry-body .note {
font-size: 80%;
color: #666;
}

.entry-body .notice {
background-color: #ffefff;
padding: 5px;
}

.entry-foot {
border-top: 1px dotted #aeaeae;
padding-top: 5px;
margin-top: 10px;
font-size: 80%;
color: #6c6c6c;
}

.entry-tags {
}

.entry-tags .entry-tags-header {
  font-size: 80%;
}

.entry-tags .entry-tags-list {
  font-size: 80%;
}

.entry-tags .entry-tag {
display: inline;
margin-right: 5px;
}

.cont-navi {
font-size: 80%;
margin: 10px 5px;
}

#twitter {
font-size: 86%;
margin-bottom: 10px;
}

/* trackback and comments*/

.trackbacks {
margin-left: 5px;
margin-bottom: 10px;
}

.trackbacks-content {
padding-top: 10px;
}

.trackbacks-header, .comments-header, .comments-open-header {
color: #15476a;
background: url(../images/at_icon.gif) no-repeat 0 0;
padding-left: 28px;
height: 26px;
font-weight: bold;
}

.trackback {
padding-top: 10px;
padding-bottom: 10px;
}

.trackback-content {
padding: 5px;
border: 1px dotted #ccc;
margin-bottom: 5px;
}

.trackback-footer {
font-size: 80%;
}

.comments {
margin-left: 5px;
padding-bottom: 20px;
}

.comments-open {
  margin: 20px 0px;
}

.comments-open-moderated {
font-size: 80%;
color: #999;
margin-bottom: 5px;
}

#comments-open-data p {
margin-bottom: 5px;
}

#comments-open-data p label {
width: 90px;
}

.comments-content,
.comments-open {
  clear: right;
}

.comment {
  margin-bottom: 20px;
  padding-left: 10px;
}

.comment-content {
  padding: 10px 20px;
}

.comment-content p {
  margin-bottom: 1em;
}

.comment-header {
  background: #e8f5f8;
  border-bottom: 1px solid #d0ebf1;
  border-right: 1px solid #d0ebf1;
  padding: 2px 5px;
}
.comment-footer {
border-top: 1px dotted #aeaeae;
padding-top: 10px;
font-size: 80%;
}

#comment-nav,
#top-comment-nav {
  float: right;
}
#comment-nav li,
#top-comment-nav li {
  display: inline;
  list-style-type: none;
  font-size: 92%;
}
.def-header {
margin-top: 10px;
padding: 2px 5px;
background: #15476a;
color: #fff;
font-weight: bold;
}

.comments-open-content {
  padding-left: 10px;
}
.comments-open-content form {
  border-left: 1px solid #aeaeae;
  padding-left: 10px;
}
#comment-form {
  width: 400px;
  overflow: hidden;
  zoom: 1;
  margin: 5px 0px;
}
#comment-form dt {
  width: 100px;
  float: left;
  color: #15476A;
  font-weight: bold;
  padding-bottom: 5px;
}
#comment-form dd {
  width: 300px;
  float: right;
  padding-bottom: 5px;
}
#comment-form dd input {
  width: 280px;
}
#comments-open-text textarea {
  width: 80%;
  margin-left: 20px;
}
#comments-open-text p {
  font-weight: bold;
  color: #15476A;
}
#comments-open-footer {
  margin: 10px 0px;
}
#comments-open-footer input {
  padding: 0px 20px;
}
#comment-submit {
  font-weight: bold;
}

/* Calender */
#calendar {
font-size: 80%;
margin-bottom: 20px;

display: none;
}

#calendar caption {
background: #15476a;
color: #fff;
}

#calendar td {
text-align: right;
padding: 2px;
}

#calendar th {
border-bottom: 1px dotted #aeaeae;
}

/* Right column */
#right-column p {
font-size: 80%;
}

.banner {
margin-bottom: 20px;
}
.banner a {
border: 0;
}

.module {
border-bottom: 1px dotted #aeaeae;
padding-bottom: 10px;
margin-bottom: 20px;
}

.module-header {
font-weight: bold;
}

.module-content {
}
.widget-content li {
list-style-type: none;
}
#module-categories li, #module-recently li, .module-content li {
font-size: 80%;
margin-left: 20px;
margin-bottom: 4px;
}

#module-categories h2 {
text-indent: -9999px;
background: url(../images/head_category.gif) no-repeat left top;
width: 160px;
height: 40px;
}

#module-recently h2 {
text-indent: -9999px;
background: url(../images/head_recent.gif) no-repeat left top;
width: 160px;
height: 40px;
}

#module-search h2 {
text-indent: -9999px;
background: url(../images/head_search.gif) no-repeat left top;
width: 160px;
height: 40px;
}

#module-search label {
font-size: 80%;
}

#module-download h2 {
text-indent: -9999px;
background: url(../images/head_download.gif) no-repeat left top;
width: 160px;
height: 40px;
}

#page-title {
  margin-bottom: 20px;
  margin-top: 10px;
  font-weight: bold;
  color: #db9115;
  border-bottom: 3px double #db9115;
}

.widget-openid {
  margin: 10px 0px;
  font-size: small;
}

/* Search */

.search-results-container .entry-footer {
font-size: 80%;
}

.search-results-container .entry-tags {
padding: 5px 20px;
}

.hidden {
display: none;
}

/* Manual */
#manual h1 { color: #339; background: #e7edf1; padding: 5px;}
#manual h2 { color: #1a5680; font-size: 1.4em; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #1a5680; padding-top: 20px;}
#manual h3 { color: #1a5680; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; margin-left: 10px; border-left: 8px solid #1a5680; padding-left: 8px;}
#manual h4 { color: #1a5680; font-weight: bold; margin-bottom: 12px; margin-left: 20px; }
#manual p,
#manual dl,
#manual pre { margin-left: 40px; padding-left: 0px;}
#manual ul, #manual ol { margin-left: 60px;}
#manual li, #manual dd { margin-bottom: 0.5em;}
#manual dt { color: #863333;}
#manual p,
#manual li,
#manual dd { line-height: 1.4em;}
#manual em { color: #aa3636; font-size: 1.1em; border-bottom: 1px dotted #aa3636;}
#manual .new { font-weight: bold; color: #b00000; font-size: 70%;}
#manual .note { color: #636363; font-size: 80%;}
.entry-body #manual pre { border: 0; background: #fff;}
