@charset "utf-8";
/*----------------------------------------------------------------------
  | Theme Name: KeKaKu V3
  | Theme URI: http://www.kekaku.com
  | Description: The WordPress theme based on the kekaku.
  | Version: 3.0
  | Author: kekaku
  | Author URI: http://www.kekaku.com
  | Tags: kekaku,themes,wordpress,css,jQuery,Javascript
  -----------------------------------------------------------------------*/

body {background: #000;color: #454545;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,div,form {margin: 0;padding: 0; }
img{border:0;}
blockquote {border-left: 5px double #ccc;padding: 4px 28px 4px 16px;margin: 4px 0px;background: #f0f0f0; }
code {font-family: "Courier New", Courier, monospace; color: #006600; }
.notes{font-size:12px; color:#999;}
pre {width: 610px;display: block;margin: 10px 0 15px;font-family: "Courier New", Courier, monospace;background: #fff url(images/pre_bg.gif) top left repeat;font-size: 13px;color: #006600;padding: 24px 10px 23px 10px;line-height: 24px;border: 1px solid #e2e2e2;overflow: auto; }
p code, li code { padding: 0 2px; }
p pre code, li pre code { border-bottom-width: 0; }
a{color:#666666; text-decoration:none;}
a:visited{color:#3366cc;text-decoration:none;}
a:hover{color:#3366cc; text-decoration:underline;}
#wrapper {width: 1000px;margin: 0 auto;}
#header {height: 55px;width: 1000px;color: #fff;padding: 0; }
#header .logo { float: left; padding:0 0 0 5px; }
#header .logo h1 {font-size: 0;padding: 0; }
#header .logo h1 a {display: block;text-indent: -9999px;outline: none;width: 220px;height: 55px;background: url(images/logo.gif) no-repeat 0 3px; }
#header .logo h1 a:hover{background-position:0 -52px;}
#header .logo p { display: none; }
#header ul{float:right; list-style:none; margin:0; padding:10px 0 0;}
#header ul li{float:left; border-right:1px solid #262626; padding:3px 12px 0;}
#header ul li.fav{border:none;}
#header ul li a{color:#e1e1e1;}
#top {width: 1000px;padding:0; }
#top .ads{width:728px; height:90px; float:left;}
#top .feed{ height:90px; float:right; width:270px; background:#9f9f9f;}
.nav {float: left;width: 1000px;height: 36px;margin: 0; background:url(images/bg-nav.png) left -86px no-repeat;}
.nav ul.menu {float: left;list-style: none;margin: 0;padding: 0;width: 720px; text-align:center; }
.nav ul.menu li{float:left; line-height:36px; border-right:1px solid #454545;}
.nav ul.menu li.home{}
.nav ul.menu li a{ width:106px; display:block; text-transform:uppercase; color:#e1e1e1;}
.nav ul.menu li a:hover{background:url(images/bg-nav-h.png) repeat-x; text-decoration:none;}
.nav ul.menu li.home a{width:71px;padding:0; text-align:center;}
.nav ul.menu li.home a:hover{background:url(images/bg-nav.png) left -1px no-repeat; text-decoration:none;}
.nav .searchform {width: 220px;float: right;font-size: 12px;padding: 0;margin: 6px 0 0 0;display: inline; }
.nav .searchform #s {background: #f0f0f0 url(images/form-field-bg.gif) no-repeat ;width: 166px; height:15px;padding: 4px 6px 3px;color: #b3b3b3; border:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.nav .searchform #searchsubmit {background: url(images/bg-btn-search.png) no-repeat 0 0;height: 23px;width: 33px;border: none;cursor: pointer;text-indent: -999%;line-height: 1px; }
.nav .searchform #searchsubmit:hover{background-position:0 -23px;}
#newpost{ float:left;width:970px; background:#f2f2f2; padding:20px 15px; border-bottom:1px solid #d9d9d9;}
#newpost .latest{float:left; width:640px; background:#ccc; height:260px;position: relative;}
#newpost .ads300{float:right; width:300px; height:250px; padding:5px; background:#e0e0e0;}

#container{background:#fff; float:left; padding:0 0 15px 0;}
#maincontent { float:left;width: 970px; margin:20px 15px 0;padding: 0;background:#ffffff; display:inline;}
#content {float: left;width: 640px;}
.archivearticle { width: 640px; }
.archivearticle .posttitle {float: left;width: 630px;padding:0 0 0 10px; background:url(images/bg_title.png) 0 -45px no-repeat;text-align: left; margin:0 0 0 0;}
.posttitle h2 {font-size: 16px; line-height:35px;}
.posttitle h2 a {font-weight: 600;color: #454545;  }
.posttitle h2 a:hover { text-decoration: underline; color:#333;}
.info { margin:5px 0 0; padding:0; color:#999999; font-size:12px; }
.archivearticle .postcontent {font-size: 14px;line-height: 180%;float: left;width: 630px;padding: 0 5px 5px; margin:20px 0 0;text-align:justify; text-justify:inter-ideograph;word-wrap:break-word;}
.postcontent a,
.comrespond a,
.related_post li a{color: #3366cc;text-decoration:none; }
.postcontent a:hover,
.comrespond a:hover,
.related_post li a:hover{ text-decoration: underline; color:#ff6600;}
.postcontent p {padding: 0;clear: both; text-indent:2em;}
.postcontent p.eimg ,
.postcontent img{border:0;text-indent:0; text-align:center;}
.postcontent .small {height: 30px;line-height:30px;font-size: 12px;margin-bottom: 20px; text-indent:0; background:#f2f2f2; border-bottom:1px solid #d9d9d9; padding:0 5px;}
.postcontent p.example{background:#f0f0f0; padding:5px 0; text-align:center;}
.postcontent p.example a{background:url(images/icon_view.gif) left -1px no-repeat; padding:0 0 0 20px;}
.small{color:#999;}
.small a{color: #8ca6d7;text-decoration: none; }
.small a:hover {}
.title {  }
#content .post {margin: 0 0 20px 0;padding:0 0 15px 0;border-bottom: 1px solid #e5e5e5;clear: both; min-height:125px;}
#content .post p {margin:0; }
#content .post p.summary {font-size: 12px;margin:5px 0 0;line-height:21px; color:#999999;}
#content .post .thumb {height: 128px;overflow: hidden;float: left;margin: 0 15px 0 0; }
#content .post .thumb img { width: 160px; border:1px solid #d9d9d9; padding:3px; background:#f2f2f2; }
#content .post h2 {font-size: 14px;margin: 3px 0 2px; font-weight:bold;}
#content .post h2 a { text-decoration: none; color: #333333;}
#content .post h2 a:hover {text-decoration: underline; color:#f60;}
#content .post .details {font-size: 12px;padding:5px 0;margin: 0; color:#999999;}
#content .post .details a{color:#8ca6d7;}
#content .post .details a:hover{color:#ff6600;}
#sidebar {float: right;width: 310px;}
#sidebar .title {height: 41px; line-height:40px;width: 296px;font-size: 14px; font-weight:500;padding: 0 0 0 14px;color: #ffffff; margin:0 0 8px 0; background:url(images/bg_title.png) no-repeat;}
.right { float: right; }
.left { float: left; }
.sidebar-item { margin-bottom: 20px; clear:both; color:#999;}
.sidebar-item .video {padding:0;}
.sidebar-item ul {margin: 0;padding:0;list-style-type: none; }
.sidebar-item ul li,.related_post li{background:url(images/icon_l.gif) 3px 11px no-repeat; padding:5px 0 5px 10px;line-height: 18px;}
.sidebar-item ul.blogroll{ float:left; padding:0 7px 0 8px;}
.sidebar-item ul.blogroll li{width:137px; float:left;}
.bannerbar{background:#f2f2f2; border-top:1px solid #d9d9d9; padding:9px 0 10px; float:left; width:1000px; margin:0;}
.bannerbar ul{ list-style:none; margin:0; padding:0;}
.bannerbar ul li{float:left; width:20%; text-align:center;}
.bannerbar ul li img{ width:160px; border:1px solid #d9d9d9; height:120px; vertical-align:top; padding:1px;}
#subfooter {width: 1000px; background:url(images/bg-footer.png) no-repeat; height:300px; clear:both;}
#subfooter a {color: #808080;text-decoration: none; }
#subfooter a:hover { text-decoration: underline; color:#fff;}
#subfooter .footnav{padding:31px 0 0; width:145px; float:left; display:inline; margin:0 20px 0 15px;}
#subfooter .footnav h2{margin-bottom:21px;}
#subfooter .footnav h2 a {display: block;text-indent: -9999px;outline: none;width: 130px;height: 29px;background: url(images/logo_ft.gif) no-repeat 0 0; }
#subfooter .footnav ul,#subfooter .discuss ul{margin:0; padding:0; list-style:none;}
#subfooter .footnav li,#subfooter .discuss li{ margin:0; padding:0 0 0 5px; line-height:21px; height:21px; overflow:hidden;}
#subfooter .tags{float: left; width:310px; padding:33px 0 0; margin:0 40px 0 0;}
#subfooter .tags h3,#subfooter .discuss h3{color:#fff; margin:0 0 20px 0; padding:0 0 5px 5px; font-size:14px; font-weight:normal; border-bottom:1px solid #363636;}
#subfooter .discuss{float: left; width:420px; padding:33px 0 0;}
#footer { background:#000; clear:both; height:33px; padding:12px 0 0;}
#footer a{color:#808080; text-decoration:none;}
#footer a:hover { text-decoration: underline; }
#copyright { float: left; }
#links { float: right; }
.bold { font-weight: bold; }
.pagination {width: 620px;height: 35px;background:url(images/bg_title.png) 0 -45px no-repeat;line-height: 35px;padding: 0 10px;color: #2b2b2b;margin: 0;clear:both;}
.alignleft { float: left; }
.alignright { float: right; }
.alignleft a { background: url(images/pageup.gif) 0 4px no-repeat; }
.alignright a { background: url(images/pagedown.gif) 0 4px no-repeat; }
.alignleft a, .alignright a ,.alignleft a:hover, .alignright a:hover {padding: 0 0 0 12px;color: #007ca5;text-decoration: none;display: block; }
.nocomments { text-align: center; }
.comrespond {float: left;width: 630px;padding: 20px 0 0 5px; margin:0; font-size:14px;}
img.avatar {float: left;padding-right: 5px; }
#comments,#respond {padding: 0;margin: 0;font-size: 14px; font-weight:bold; color: #333;}
.commentlist {margin: 20px 0 10px;padding: 0;list-style: none; float:left;}
.commentlist li {float: left;width: 610px;background: #f2f2f2;margin: 0 5px 10px;padding: 10px;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9; display:inline;}
.commentlist li.authcomment {background-color: #454548; color:#e1e1e1;}
.commentlist li.authcomment a{color:#ffffff;}
#commentform { position: relative;}
#commentform label {width: 50px;padding: 0 0 0 5px;color: #888;font-size: 12px; }
#commentform .toolbox {position: absolute;border-left: 1px dashed #888;padding: 0 0 0 10px;width: 210px;color: #888;top: 10px;right: 0;font-size: 12px; }
#commentform .toolbox p {margin: 0;padding: 0;line-height: 22px; }
#commentform p {margin:0 0 15px 0;padding: 0 10px 5px 0; text-indent:0;}
#commentform p em{font-style:normal; line-height:35px; margin:0 0 0 5px;}
#commentform input {padding: 5px 3px 5px 25px;border-top: 1px solid #666;border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #666;color: #545454;float: left;}
#commentform input#author { background: url(images/comment_user.gif) #fff no-repeat 5px center; }
#commentform input#email { background: url(images/comment_email.gif) #fff no-repeat 5px center; }
#commentform input#url { background: url(images/comment_link.gif) #fff no-repeat 5px center; }
#commentform input#submit{width: 133px;height: 36px;line-height: 36px;background: url(images/bg_btn.gif) no-repeat;border: 0;text-align: center;padding: 0;color: #f1f1f1;cursor: pointer;font-size: 14px; }
#commentform textarea {margin:0;padding: 5px;background: url(images/bg_textfield.gif) white repeat-x 50% top;border-top: 1px solid #666;border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #666;overflow:auto; width:610px;}
.commentmetadata { float: right; }
cite {font-style: normal;font-size: 12px; }
cite a {color: #2C629E;text-decoration: none; }
cite a:hover { color: #666666; }
.comment_copy {margin: 5px 0 0 60px;border-top: 1px solid #e1e1e1;padding: 5px 0 0; }
.comment_copy p {margin: 0;line-height: 180%; }
.comment_copy p a {text-decoration: none;color: #666; }
.comment_copy p a:hover { color: #000; }
.eg-image {float: left;width: 50px;border: 1px solid #dedede;margin: 0 10px 0 0;padding: 1px;background: #fff;display: inline; }
.runcode {margin: 0 auto 20px;width: 600px; }
.runcode p { margin: 10px 0 0; }
.runcode_button {width: 81px;height: 23px;line-height: 23px;font-size: 12px;background: url(images/bg_runcode.gif) no-repeat;text-align: center;border: 0;color: 454545;margin: 0 10px 0 0; }
.runcode_text {border: 1px solid #aeaeae;background: #f0f0f0;padding: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;color: green; }
/*-------WP-Navi----------------*/
.wp-pagenavi {font-size: 1.2em;padding-top: 2px;display: block;float: left;width: 100%; }
.wp-pagenavi .pages {font-weight: normal;padding: 0;margin: 2px 5px 2px 0;float: left;text-align: center;height: 28px;line-height: 28px;color: #666; }
.wp-pagenavi .current {padding: 0;background: url(images/pagination_b.png) left top;margin: 2px;font-weight: 700;color: #111;float: left;text-align: center;width: 32px;height: 28px;line-height: 28px;color: #fff; }
.wp-pagenavi .extend { display: none; }
html .wp-pagenavi a {padding: 0;margin: 2px;color: #2b2b2b;text-decoration: none;float: left;width: 32px;height: 28px;line-height: 28px;text-align: center;}
html .wp-pagenavi a:hover {background: url(images/pagination_b.png) left 28px;color: #fff; }

a.more-link{background: url(images/bg-btn.png) left top repeat-x; width:120px;height:23px;line-height:23px; display:block;text-align:center;color:#ffffff;text-decoration:none; text-indent:0; font-size:12px;}
a.more-link:visited{color:#fff;}
a.more-link:hover{color:#fff; text-decoration: none; background-position:0 -24px;}
table.dataintable {margin: 0 auto;font-family: Arial, Helvetica, sans-serif;margin-top: 10px;border-collapse: collapse;border: 1px solid #888;width: 560px;font-size: 12px;text-align: center; }
table.dataintable pre {width: auto;margin: 0;padding: 0;border: 0;background-color: transparent; }
table.dataintable th {vertical-align: baseline;padding: 2px 15px 2px 5px;background-color: #ccc;border: 1px solid #888; }
table.dataintable td {vertical-align: text-top;padding: 2px 15px 2px 5px;background-color: #efefef;border: 1px solid #aaa; }
table.dataintable p { margin: 0 0 2px 0; }

.related_post_title{ padding:0 0 0 35px;height: 35px;line-height: 35px;font-size: 14px; font-weight:bold; background:#f2f2f2 url(images/post.gif) no-repeat 3px center;color: #333; border-bottom:1px solid #d9d9d9; clear:both;}
.related_post{ margin-top:10px; margin-bottom:10px; margin-left:10px; padding:0; list-style:none;}
.related_post li{font-size:14px;}

.latest .thumb {width: 640px;height: 260px;overflow: hidden; }
.latest .thumb img,.latest .thumb a img{ width: 640px; border:0;}
.latest .text {color: #ffffff;background: url(images/shade.png) repeat 0 0;padding: 15px;position: absolute;bottom: 0;left: 0;width: 610px; }
.latest .text p {color: #fff;font-size: 12px;text-indent: 2em; line-height:21px; }
.latest .text h2 {font-size: 16px;}
.latest .text a { color: #ffffff; }
.latest .text a:hover{text-decoration:underline;}

a.gotop{ width:24px; height:24px; text-indent:-9999em; display:inline; float:right; margin:0 0 0 10px; background:url(images/top_off.gif) no-repeat;}
a.gotop:hover{background:url(images/top_on.gif) no-repeat;}
.googleads{margin:0 0 20px 0; clear:both; text-align:center;}