body {
 background:#fff url(/images/header-blue-bg-1x115.png) repeat-x;
 color: #3f3f3f;
 font-family: Georgia, "Times New Roman", serif;
 font-size: 100%;
 line-height: 24px;
 margin:0;
 padding:0;
}
html>body{font-size:16px;}

a img {border:0;}

#header {color:#fff;height:115px;font-family:Arial,sans-serif;}
#header #logo {float:left;padding:8px 0 0 0;}
#nav {list-style:none;margin:0;padding:40px 0 0 0;text-align:left;margin-left:260px;}
#nav li {display:inline;margin:0 15px 0 0;padding:0;}
#nav li a {color:#fff;}
#home #nav li a.link_home, #blog #nav a.link_blog {border-bottom:3px solid #eee;text-decoration:none;}
#cse-search-box {position:absolute;top:40px;right:24px;margin:0;}

a:link {color: #09c;}

p {margin:24px 0}

form {margin:0;padding:0;}
input {margin:0;}

#warp {margin:0 auto;width: 80%;}

h1 a:hover,
h2 a:hover,
h3 a:hover {text-decoration: underline;}

#content {
 float:left;
 margin: 24px 24px 0 0;
 width:61.8%;
}

.post {margin-bottom:48px;}

h1,h2,h3 {
 font-family: "Arial Black", sans-serif;
 font-size: 24px;
 font-weight: normal;
 margin:0;
}
h1 a,
h2 a,
h3 a {
 color: #3f3f3f !important;
 text-decoration: none;
}
h2 {font-size:20px}
h3 {font-size:18px}

.meta {
 font-family: Arial, sans-serif;
 font-size: 11px;
 text-align: right;
}

ul,ol {
 list-style-position: outside;
 margin:0;
 padding:0;
}
ul li {margin-bottom:12px;}

.code pre {
 font-size: 12px;
 overflow:scroll;
}

.foreign {font-style:italic;}
.screenshot {border:1px solid #ccc;}
#paging {margin-bottom:24px}

h3#comments,
h3#respond {margin: 24px 0;}

ol.commentlist li {background:#fff;border:1px solid #ccc;color:#999;font-size:36px;margin:6px 0;padding:12px;}
ol.commentlist li.alt {background:#cdf;}
ol.commentlist li.author {background:#7b695d;border-color:#666;}
ol.commentlist li.author a {color:#ff8643;}
ol.commentlist div {color:#333;font-size:16px;}
ol.commentlist li.author div {color:#fff;}
ol.commentlist li img.avatar {background:#fff;border:1px solid #999;float:right;padding:4px;}
ol.commentlist li.author img.avatar {border-color: #666;}


#sidebar {
 font-family:Arial,sans-serif;
 margin-left:66%;
}

#sidebar h2 {
 font-size:16px;
 margin-top:24px;
}

#about {
 font-size:11px;
 line-height:12px;
 text-align:left;
}

#categories li,
#tags li,
#archives li {
 display: inline;
 font-size: 11px;
}

#footer {
 background: #093c99;
 border-top:3px solid #ff0;
 clear:both;
 color:#fff;
 font-family:Arial,sans-serif;
 font-size:12px;
 margin-top: 24px;
 padding: 0 0 24px 0;
 text-align:center;
}
#footer hr {background:#e44d48;border:none;border-top:1px solid #fff;height:5px;margin: 0 0 24px 0;}
#footer a {color:#fff;}

th,td{border:1px solid #ccc;padding:6px}
th.col {border-width:0 1px;}
th.row {border-width:1px 0;}
.right {float:right;margin:0 0 6px 6px;}
.border {border:1px solid #ccc;padding: 6px;}
.noborder {border:0}
.note {background:#eee;border: 1px dotted #ccc;padding:6px;}