/*
Theme Name: Jue's Home Page
Theme URI: http://jueseph.com
Description: Jue's own theme, second attempt, built from scratch
Version: 0.1
Author: Jue Wang
Date: 1/30/2010
Updated: 2/1/2010
*/
 
/* Reset - from http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{margin:0;padding:0;}
ol,ul {list-style-type:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; clear:both;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/* Built-ins */
body {background:#fff;}
p, .post-bd li {font-size:15px; line-height:1.6em; margin-bottom:1em;}
a, a:visited {color:#526d94; text-decoration:underline;}
a:hover, a:active {color:#40acff !important; text-decoration:none;}
blockquote {border-left: 1px #ccc solid; color:#666; margin-left:12px; padding-left:12px;}

/* Headings */
h1,h2,h3,h4,.h1,.h2,.h3,.h4 {font-family: Helvetica, sans-serif;color:#666;}
h1 a, h1 a:visited, 
h2 a, h2 a:visited, 
h3 a, h3 a:visited, 
.h1 a, .h1 a:visited, 
.h2 a, .h2 a:visited, 
.h3 a, .h3 a:visited {text-decoration:none;}
h1, .h1 {font-size:140%; font-weight:bold; margin-bottom:12px;}
h2, .h2 {font-size:130%; font-weight:bold; margin-bottom:6px;}
h3, .h3 {font-size:120%;}
.page-single h3, .page-single .h3 {margin-top:18px; margin-bottom:9px; padding-bottom:2px; border-bottom:1px solid #eee;}

h2#comments {font-size:110%; font-weight:normal; text-transform:uppercase;margin-top:18px;}

/* Layout */
.content {width:600px; margin: 0 50px; overflow:hidden;}
.content-inner {margin:10px; overflow:hidden;}
.hd {margin-top:48px;}
.bd {font-family: Georgia, serif; color:#333;}
.bd-main {/* Main content area */} .bd-sub {/* Sidebars and footer bars */}
.ft {margin-top:3px;margin-bottom:48px;}
.post {clear:both;margin-top:24px;padding-bottom:12px !important;}
.post-hd {margin:0;}
.post-bd {overflow:hidden;}
.post-ft {}

/* Main nav */
.nav-list {margin-top:0; overflow:hidden;}
.nav-list li {float:left; margin-right:18px;}
.nav-list a {display:block; text-indent:-2000px;}
/* Main nav highlighting */
.nav-home,
.nav-blog,
.nav-about,
.nav-contact {background: url('img/sprite.png'); height:17px;}
.nav-home {width:100px;background-position: 0 0;}
.nav-blog{width:46px;background-position: -100px 0;}
.nav-about{width:58px;background-position: -146px 0;}
.nav-contact{width:81px;background-position: -204px 0;}
.nav-home:hover {background-position: 0 -34px;}
.nav-blog:hover{background-position: -100px -34px;}
.nav-about:hover{background-position: -146px -34px;}
.nav-contact:hover {background-position: -204px -34px;}
.page-home .nav-home {background-position: 0 -17px;}
.page-blog .nav-blog{background-position: -100px -17px;}
.page-about .nav-about{background-position: -146px -17px;}
.page-contact .nav-contact {background-position: -204px -17px;}

/* Secondary nav */
.subnav {margin-top:3px; overflow:hidden; color:#999;font-family: Helvetica, arial, sans-serif; font-size:12px; text-transform:uppercase;}
.subnav a,
.subnav a:visited {color:#8fadce; text-decoration:none;}
.subnav-list {float:left;}
.subnav-list li {float:left; margin-right:12px;}
/* Secondary nav highlighting */
.page-recent a.subnav-recent,
.page-selected a.subnav-selected,
.page-archives a.subnav-archives,
.page-bio a.subnav-bio,
.page-cv a.subnav-cv,
.page-portfolio a.subnav-portfolio {color:#526d94 !important; font-weight:bold;}

/* Formatting for special pages */
.page-hidetitle .hd {margin-bottom:12px;}
.page-hidetitle .post-hd {position:fixed;left:-2000px; top:-2000px;}
.page-hidetitle .post {margin-top:0;}

.page-archivelisting .post  {margin-top:6px;padding-bottom:0 !important;}
.page-archivelisting .post-bd {margin-top:3px;}
.page-archivelisting .post-bd p {font-size:12px;}
.page-archivelisting h1 {margin-top:12px; text-transform:uppercase; font-weight:normal;} /* archive listing header */
.page-archivelisting h2 {font-size:110%;}   /* headlines on archive listings */

.page-single .post-bd {margin-bottom:12px;}
.page-single .post-bd p {line-height:1.6em;}

.page-code .content {width:auto; max-width:1000px;}

/* Images */
.alignnone, .alignleft, .alignright {padding:4px; border:1px solid #ccc;}
.alignleft {float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 15px 10px;}
.alignmiddle img {margin-left: auto; margin-right:auto;}
.flushtop {margin-top: 5px;}

/* columns */
.columns {overflow:hidden; clear:both;margin-bottom:12px;}
.col1of3 {float:left; width:180px; margin-right:20px;} /* 3 col + 2 margins = 580px */
.col2of3 {float:left; width:380px; margin-right:20px;}
.lastcol {margin-right:0;}
.line-right {border-right:#eee 1px solid; margin-right:19px;}
.columns ul {font-size:12px;}
.columns li {margin-bottom:6px;}

/* lists */
.post-bd ul, .post-bd ol {font-size:14px; line-height:1.6em;padding-left:1.5em;margin:1em 0 1em 0.5em;}
.post-bd ul {list-style-type:disc;}
.post-bd ol {list-style-type:decimal;}
.post-bd li {margin-bottom:.5em;}
ul.headline-list {padding:0;list-style-type:none;margin-top:.5em;}
.headline-list h2,
.headline-list h3 {text-transform:uppercase;}
ol.comment-list {padding-left:36px;list-style-type:decimal; color:#999;margin-top:12px;}
.comment-list li {margin-bottom:12px; border-bottom:1px solid #eee;}
ul.flickr-list {padding:0;list-style-type:none;margin-left:5px;}
.flickr-list li {float:left;margin-right:5px;}

/* Misc layout */
.tagcloud {margin-bottom:12px;}
.comment-hd {margin-bottom:6px;}
.comment-ft {color:#999; margin-bottom:6px;}
.comments-meta {margin-left:36px;margin-bottom:24px;}
.contactform, .contactform p {font-family:Helvetica,arial, sans-serif; font-size:12px;}
.hidden-text {position:fixed;left:-2000px; top:-2000px;}
.line-below {padding-bottom:6px; border-bottom:#eee 1px solid;}
.line-above {padding-top:6px; border-top:#eee 1px solid;}
.container {overflow:hidden;}
.float-left {float:left;}
.float-right {float:right;}
.chopped {margin:0;}
.sidebox {padding:10px; width:300px;}

/* Misc typography */
.updated {color:#999; font-family: Helvetica, arial, sans-serif; font-size:80%;}
.lead {color:#666; font-size:120%; font-variant:small-caps;}
.copyright {color:#999;font-family: Helvetica, arial, sans-serif; font-size:11px; text-transform:uppercase;}
.post-edit-link,
.post-edit-link:visited {text-decoration: none;}
.caption, .endnote, .footnote {font-family:Helvetica, arial, sans-serif;font-size:80%; color: #666;}
.center {text-align:center;}
.comment-bd, .comment-bd p {font-size:90%; color:#333;}
.comment-hd,
.comment-ft,
.comments-meta {font-family: Helvetica, arial, sans-serif; font-size:80%;}

/* syntax highlighter plugin */
.bd .syntaxhighlighter .lines {margin: 0 1em !important; padding: .5em 0 !important; background:#eee !important;}
.bd .syntaxhighlighter .line {padding: 0 .5em !important;}
.bd .syntaxhighlighter .line.alt1, 
.bd .syntaxhighlighter .line.alt2 {background-color:transparent !important;}
.bd .syntaxhighlighter .line.highlighted.alt1,
.bd .syntaxhighlighter .line.highlighted.alt2 {background-color: #ffff00 !important;}

/* Forms */
input[type="text"], textarea {border:1px solid #ccc;}
.search-form input {color:#999; width:128px;}
.comment-form input {color:#333;}
.comment-form textarea.comment-box {width:500px;height:200px;}