html, body {
  margin: 0;
  padding: 0;
  background-color: #ededed;
}
#navbar {
  color: #333;
  padding: 5px 5px 5px 15px;
  font-size: 10pt;
  font-family: Arial, Sans-serif;
}
#nav-left {
  width: 600px;
  float: left;
  color: #ccc;
}
#nav-plus {
  width: 70px;
  float: right;
  padding-top:1px;
}
#nav-right {
  text-align: right;
  margin-right: 80px;
}
#main {
  padding: 0 30px;/*15px 30px 30px 30px;*/
  background-color: #fff;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
#content-wrapper {
  margin: 0 auto;
  width: 940px;
  border-left:#ebebeb 1px solid;
  border-right:#ebebeb 1px solid;

}
#content {
  padding: 15px 20px 30px 20px;
 
  text-align: left;
  width: 900px;
  font-family: Arial, Verdana, Sans-serif;
  font-size: 11pt;
}
#list-wrapper {
  width: 640px;
  float: left;
}
#preview-wrapper {
  width: 260px;
  float: left;
  font-size: 11pt;
}
#preview-wrapper div.cngray {
  margin-left: 10px;
  width: 250px;
}
img#thumb {
  margin: 10px 0;
  border: 1px solid #999;
}
div.clear {
  clear: both;
}
#content h1 {
  /*
  font-family: Verdana, Sans-serif;
  font-family: 'Telex', sans-serif;
  */
  font-family: 'Signika', sans-serif;
  font-size: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#content a {
  color: #0000CC;
}
#content a:hover {
  
}
h1 a, a.black {
  color: #000000 !important;
  text-decoration: none;
}
h1 a:hover, a.black:hover {
  color: #993300 !important;
}
#navbar a, #footer a {
  color: #333333;
  text-decoration: none;
}
#navbar a:hover, #footer a:hover {
  text-decoration: underline;
  color: #993300;
}
#preview-wrapper a {
  color: #000;
  text-decoration: none;
}
#preview-wrapper a:hover {
  color: #930;
  text-decoration: underline;
}
div#preview-top {
  height: 500px;
}
div#preview-middle {
  height: 405px;
  margin-left: 10px;
}
#update-list {
  /*
  border: 1px solid orange;
  */
}
#update-list td {
  font-size: 11pt;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 2px dotted #b9d9fe;/* #d0e5fe */
}
#update-list .blog {
  
}
#update-list .post {

}
#update-list .date {
  color: #1a82fe; /* #4682b4, #318efe */
  vertical-align: top;
  padding-right: 10px;
}
td.updated-post a {
  color: black !important;
  text-decoration: none;
}
td.updated-post a:hover {
  text-decoration: underline;
  color: #993300 !important;
}
#footer {
  padding-top: 10px;
  padding-bottom: 15px;
  font-size: 10pt;
  font-family: Arial, Sans-serif;
  text-align: center;
}
#footer img {
  vertical-align: middle;
}
a img {
  border: 0 none;
}
a.blog-title {
  color: black;
  font-weight: bold;
}
a.post-title {
  color: black;
  font-weight: bold;
}
a.blog-title:hover, a.post-title:hover {
  color: color: #993300;
}
span.post-body {
  font-size: 90%;
}
span#blogs-number {

}
div#footer-content {
  width: 900px;
  margin: 0 auto;
}
div#banner {
  display: block;
  float: left;
  width: 130px;
}
div#footer-info {
  float: left;
  width: 770px;
  text-align: left;
}
img#kuribo-thumb {
  border: 1px solid #ccc;
  float: left;
  margin-right: 10px;
}
div.cngray, div.cnyellow, div.cnblue, div.cnpink, div.cnblack, div.cnbeige, div.cngreen, div.cnorange, div.cnwater, div.cnwater2, div.cnad { margin:0; padding:0; text-align:left; }

.cnbody { margin:0; padding:10px 20px; }
.cnbody dl { margin:0; padding:0; }
.cnbody dt { margin:0 0 5px 0; padding:0; font-weight:bold; font-size:120%; }
.cnbody dd { margin:5px 0 0 0; padding:0; }

div.cnbeige dt { color:maroon; }
div.cnorange dt, div.cnorange dd, div.cnblack dt, div.cnblack dd { color:#fff; }
div.cnpink dt { color:#ff0084; }
div.cngray dt { color:#36393d; }
div.cnyellow dt { color:#ff7400; }
div.cngreen dt { color:#008c00; }
div.cnblue dt { color:#4096ee; }

div.cnblue { margin:0; padding:0; background:#c3d9ff url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cngray { background:#eeeeee url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cnblack { margin:0; padding:0; background:#36393d url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cngreen { background:#cdeb8b url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cnyellow { background:#FFFF88 url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cnpink { background:#ffe5ef url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cnbeige { background:#ece9d8 url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cnorange { background:#ff6600 url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cnwater { background:#e8f2fe url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cnwaterwrapper { background:#e8f2fe url("/img/bg009.jpg") repeat left top; width:100%; }
div.cnwater2 { background: transparent url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }
div.cnad { background:#ffffcc url("/img/topL.gif") no-repeat left top; width:100%; overflow:hidden; text-align:left; }

div.cntop_l { margin:0; padding:10px 0 0 0; background:transparent url("/img/btmR.gif") no-repeat bottom right; }
div.cntop_r { margin:-10px 0 0 0; padding:10px 0 0 0; background:transparent url("/img/topR.gif") no-repeat right top; }
div.cnbtm { margin:0; padding:0 0 10px 0; background:transparent url("/img/btmL.gif") no-repeat bottom left; }

div.cnbody ul {padding:0 0 0 15px !important;margin:0;}


ul.donut {
  margin: 0;
  padding: 0px 0px 1em 40px;
  list-style-image: url('/img/wa.png');
}
ul.donut li {
  margin:0;
  padding:0;
}
div.hr1 {
  width: 100%;
  height: 30px;
  background-image: url('/img/line016.gif');
}

div.hr {
  width:940px;
  margin-left: -20px;
  margin-right: -20px;
  /* height: 30px;
  background-image: url('/img/line015.gif'); */
  height: 10px;
  border-bottom:#ebebeb 1px solid;
}
span.mono {
  font-family: monospace;
}
div.left100 {
  width: 100px;
  float: left;
}