@import url("base.css");
@import url("pygments.css");

/* headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #555; }
h2 { border-bottom: 1px solid #eee; }
h2:hover { border-bottom: 1px solid #ddd; }
h3 a { border: 0; color: #163F53; }
h3 a:hover { border: 0; color: #004477; }
h3.title { font-size: 22px; border-bottom: 1px solid #eee; margin-bottom: 5px; }
h3.title:hover { border-bottom: 1px solid #ccc; }
h4 { font-size: 17px; }
h4 a { border: 0; }

/* text elements */
p,ul,ol,dl,span { font-weight: normal; color: #555; }
a { color: #004477; text-decoration: none; border-bottom: 1px solid #eee; }
a:hover { text-decoration: none; border-bottom: 1px solid #ddd; }
blockquote { border-left: 2px solid #ddd; }
pre, pre span { font-family: "Bitstream Vera Sans Mono", "Monaco", "Courier New", monospace; font-size: 9pt; font-weight: normal; }

/* header */
#header { width: 100%; }
#header h1 { width: 860px; margin: auto; padding-top: 25px; padding-bottom: 25px; }

/* navigation */
#header #navigation { background: #e6e6e6; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; }
#header #navigation ul { width: 860px; margin: auto; line-height: 1.5em; padding: 5px 0; }
#header #navigation li { display: inline; }
#header #navigation ul li a { color: #004477; font-size: 13px; text-decoration: none; border: 0; padding: 9px 15px 9px; }
#header #navigation li a:hover { background: #d5d5d5; border: 0; color: #fff; }
#header #navigation li.selected a { background: #fff; color: #555; padding: 10px 15px 10px; border-left: #ccc 1px solid; border-right: #ccc 1px solid; }

body#home #navigation li.home a { background: #fff; color: #555; padding: 10px 15px 10px; border-left: #ccc 1px solid; border-right: #ccc 1px solid; }
body#blog #navigation li.blog a { background: #fff; color: #555; padding: 10px 15px 10px; border-left: #ccc 1px solid; border-right: #ccc 1px solid; }
body#about #navigation li.about a { background: #fff; color: #555; padding: 10px 15px 10px; border-left: #ccc 1px solid; border-right: #ccc 1px solid; }
body#projects #navigation li.projects a { background: #fff; color: #555; padding: 10px 15px 10px; border-left: #ccc 1px solid; border-right: #ccc 1px solid; }

/* body */
#container { margin: 35px auto; width: 860px; }

#content { width: 545px; float: left; }
#sidebar { width: 250px; float: right; padding-left: 25px; }

#sidebar ul { list-style-type: none; padding-left: 0px; }
#sidebar ul li { font-size: 13px; color: #999; }
#sidebar ul li a { font-size: 13px; color: #999; border: 0; }
#sidebar ul li a:hover { border-bottom: 1px solid #ddd; }

/* post */
.post .pub_date { font-size: 12px; line-height: 26px; float: right; border: 0; }

/* forms */
form { background: #eee; padding: 10px; }
form p { margin-bottom: 10px; font-size: 12px; }
form fieldset { margin: 0; padding: 0; }
form p label { float: left; padding-right: 10px; width: 100px; font-weight: bold; text-align: right; }
form p input { padding: 4px; width: 200px; font-size: 14px; border: 1px solid #eee; }
form p textarea { padding: 4px; width: 350px; height: 150px; font-size: 14px; border: 1px solid #eee; }
form p input:hover { border: 1px solid #ddd; }
form p textarea:hover { border: 1px solid #ddd; }
form input#id_cc_myself { width: 17px; }
/* form .submit input { margin-left: 110px; border: 1px solid #ddd; } */

/* comments */
.comment { position: relative; margin: 20px 0 40px 60px; }
.comment .name { margin: 0; font-size: 16px; line-height: 30px; }
.comment .name small { font-size: 12px; color: #bbb; }
.comment .name a:hover { text-decoration: none; }
.comment .count { position: absolute; top: 5px; left: -60px; display: block; padding-top: 40px; width: 40px; height: 0; background: #ddd; background-repeat: no-repeat; border: 5px solid #ddd; overflow: hidden; }
.comment .count:hover { border: 5px solid #fff; text-decoration: none; }

.comment.staff { padding: 5px 10px; background-color: #eee; -webkit-border-radius: 5px; }
.comment.staff .name { line-height: 25px; }
.comment.staff .count { border: 5px solid #eee; top: 0; }

.comment.preview { margin: 0; padding: 5px 10px; background-color: #eee; -webkit-border-radius: 5px; }

.pagination { padding: 5px 5px 5px 0; margin: 5px 5px 5px 0; font-size: .9em; text-align:center; }
.pagination a { padding: 4px 6px; margin-right: 4px; border: 1px solid #ccc; text-decoration: none; }
.pagination a:hover { border: 1px solid #aaa; color: #aaa; background: #eee; }
.pagination a.disabled { border: 1px solid #ddd; color: #aaa; background: #eee; }
.pagination a.current { border: 1px solid #aaa; background: #ccc; }
.pagination a.current:hover { border: 1px solid #aaa; border: 1px solid #000; color: #000; }

#proj h1 { font-size: 20px; line-height: 50px; font-weight: bold; 
margin-bottom: 10px; }
#proj h2 { font-size: 15px; line-height: 40px; font-weight: bold; 
margin-bottom: 10px; }
#proj h3 { font-size: 12px; line-height: 30px; font-weight: bold; }
#proj h4 { font-size: 14px; line-height: 20px; font-weight: bold; }
#proj h5 { font-size: 14px; line-height: 20px; font-weight: bold; }
#proj h6 { font-size: 14px; line-height: 20px; font-weight: bold; }
tt { display: inline; }

#proj h3 .pre { font-size: 12px; line-height: 30px; font-weight: bold; }

.headerlink { margin-left: 5px; }
.note {
    border: 1px solid #ddd;
    padding: 15px;
    background: #eee;
}

.note:hover {
    border: 1px solid #ccc;
    padding: 15px;
    background: #E0E0E0;
}

.post { padding-bottom: 25px; }