/*  
THEME NAME: Philip Huang
THEME URI: http://www.philhuang.com
DESCRIPTION: Theme for PhilHuang.com personal website (based on Sandbox 1.6)
VERSION: 7.5
AUTHOR: Philip Huang
AUTHOR URI: http://www.philhuang.com
*/


/* General Page Structure
-------------------------------------------------------------------------------------- */
body {
	background: #6a6a6a url(/images/bg-greybar.gif) repeat-x fixed 0px 100px;
	margin: 35px 0;
	padding: 0;
}
#wrapper {
	background-color: #fff;
	margin: 0 auto;
	padding: 0 5px;
	width: 895px;
}
#main {
	background: url(/images/sidebar-bg.gif) repeat-y top left;
	clear: both;
}
#content-wrap {
	float: right;
	margin: 0 0 0 5px;
	padding: 0;
	width: 690px;
}


/* General Styles
-------------------------------------------------------------------------------------- */
/* IE 6  */ * html .clear { height: 1%; overflow: visible; }
/* IE 7  */ *+html .clear { min-height: 1%; }
/* Other */ .clear:after  { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.cleared { clear: both; }

a img {	border: none; }


/* General Typography
-------------------------------------------------------------------------------------- */
body { font: 12px/1.6 Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin: 0 0 12px;
	line-height: 1.6;
}
h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
}
h3 { font-size: 14px; }
ol, ul { margin: 0 0 12px 40px; padding: 0; }
ol { margin-right: 40px; }
ol li { margin: 0 0 12px; }
input.text, textarea { font: 12px Arial, Helvetica, sans-serif; }
a { color: #2e62b1; }


/* Forms
-------------------------------------------------------------------------------------- */
form { margin: 0; padding: 0 }
input.text,
textarea {
	border: 1px solid #c0d9ff;
	padding: 3px;
}
input.text:focus,
textarea:focus {
	border-color: #2e62b1;
}


/* Header
-------------------------------------------------------------------------------------- */
#header {
	height: 150px;
	overflow: hidden;
	padding: 5px 0;
}
#header a:hover { background-color: transparent; }
#header a#logo {
	display: block;
	float: left;
	height: 150px;
	margin-right: 5px;
	width: 200px;
}
#header a#logo img { display: block; }
#header #lead {
	background: url(/images/lead-bg.gif) repeat-x top left;
	float: left;
	height: 150px;
	width: 690px;
}
#header #lead div.wrap {
	background-repeat: no-repeat;
}
body.m12 #header #lead div.wrap { background-image: url(/images/lead-bg-christmas.png) !important; }
body.y2008-m02-d06 #header #lead div.wrap { background-image: url(/images/lead-bg-chinesenewyear.png); }
body.y2009-m02-d14 #header #lead div.wrap { background-image: url(/images/lead-bg-valentines.png); }
body.y2008 #header #lead div.wrap { /* background-image: url(/images/lead-bg-obama.png); */ }
#header #lead ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header #lead #nav {
	float: left;
	height: 30px;
	margin: 90px 0 0;
	overflow: hidden;
}
#header #lead #nav ul li { float: left; }
#header #lead #nav ul li a {
	background: url(/images/nav-bg.gif) repeat-x 0 0;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	outline: none;
	padding: 0 15px;
	text-decoration: none;
	text-transform: uppercase;
}
#header #lead #nav ul li a:hover,
#header #lead #nav ul li.current_page_item a,
#header #lead #nav ul li.current_page_parent a,
#header #lead #nav ul li.current_page_ancestor a,
body.archive #header #lead #nav ul li.page-item-254 a {
	background-position: 0 -30px;
}
#header #lead #subnav {
	clear: both;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
#header #lead #subnav div.post-nav a {
	background: url(/images/subnav-hover.gif) repeat-x 0px 0px;
	border-left: 1px solid #8f8f8f;
	display: block;
	color: #555;
	float: right;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	outline: none;
	padding: 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#header #lead #subnav div.post-nav a:hover {
	background-position: 0 -30px;
	border-left: 1px solid #9b9b9b;
}
#header #lead #search {
	float: right;
	height: 20px;
	margin: 90px 0 0;
	padding: 5px 10px 5px 0;
	overflow: hidden;
	width: 180px;
}
#header #lead #search input.text {
	background: #fff url(/images/search-field.gif) no-repeat top left;
	border: none;
	float: left;
	height: 14px;
	line-height: 14px;
	padding: 3px 0 3px 6px;
	width: 150px;
}
#header #lead #search input.submit {
	background: url(/images/search-submit.gif) no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	padding: 0;
	width: 24px;
}


/* Intro Box
-------------------------------------------------------------------------------------- */
#intro {
	background-color: #fbf7ed;
	border: 1px solid #c6c2b7;
	padding: 10px;
}
#intro img.sig { margin: 0 30px 0 0; float: right; }


/* Posts and Pages
-------------------------------------------------------------------------------------- */
#content div.edit-link { float: right; }
#content div.edit-link a {
	background: url(/images/edit-link.gif) no-repeat left center;
	border: 1px solid #ccc;
	color: #aaa;
	display: block;
	font-weight: bold;
	line-height: 16px;
	padding: 2px 2px 2px 21px;
	text-decoration: none;
}
#content div.edit-link a:hover { border-color: #1f4278; color: #1f4278; }
div.content { text-align: justify; }
div.content h2 { font-size: 14px; letter-spacing: normal; }
div.content div.page-link {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 12px;
}
div.content div.page-link a,
div.content div.page-link span {
	display: inline;
	padding: 2px 5px;
}
div.content div.page-link span { border: 1px solid #000; }
div.content div.page-link a { border: 1px solid #2e62b1; text-decoration: none; }
div.content div.page-link a span {
	border: none;
	cursor: pointer;
	padding: 0;
}
div.content div.page-link a:hover { border-color: #1f4278; }
div.entry-meta { clear: both; }
div.entry-meta {
	background-color: #ddd;
	font-size: 11px;
	margin: 0;
	padding: 5px 0 0 5px;
}
div.entry-meta a:hover { background-color: #000; color: #fff; }
div.entry-meta div.row {
	clear: both;
	margin: 0 0 5px;
}
div.entry-meta div.row div.label,
div.entry-meta div.row div.info {
	background-color: #eee;
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	padding: 2px 5px;
}
div.entry-meta div.row div.label {
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 80px;
}
div.entry-meta div.row div.info {
	width: 540px;
}
div.entry-meta div.category div.label { background-image: url(/images/entry-meta-category.gif); }
div.entry-meta div.tags div.label { background-image: url(/images/entry-meta-tags.gif); }
div.entry-meta div.trackback div.label { background-image: url(/images/entry-meta-trackback.gif); }
div.entry-meta div.views div.label { background-image: url(/images/entry-meta-views.gif); }
div.entry-meta div.discussion div.label { background-image: url(/images/entry-meta-discussion.gif); }
div.entry-meta div.info input {
	background-color: #eee;
	border: none;
	color: #555;
	font-size: 11px;
	height: 16px;
	padding: 0;
	width: 540px;
}
div.entry-meta div.info img.rss {
	margin-left: 10px;
	vertical-align: middle;
}


/* Post Listings
-------------------------------------------------------------------------------------- */
div.post {
	clear: both;
	border-bottom: 1px dotted #000;
	margin: 0 10px;
	padding: 20px 0;
}
div.post h1.entry-title { margin: 0; }
div.post h2.entry-title { line-height: 1.3; margin: 0; }
div.post h2.entry-title a { text-decoration: none; }
div.post h2.entry-title a:hover { background-color: #c0d9ff; }
div.post div.entry-date { color: #888; margin: 0 0 12px; }
div.post div.entry-date span.comments-link {
	background: url(/images/post-comment-icon.gif) no-repeat left center;
	margin: 0 0 0 15px;
	padding: 1px 0 1px 21px;
}
div.post div.content a.more-link { font-size: 14px; font-weight: bold; }


/* Single Posts
-------------------------------------------------------------------------------------- */
body.single div.post {
	border-bottom: none;
	margin-bottom: 0;
	padding-top: 15px;
}
body.single div.post div.entry-date a { color: #888; text-decoration: none; }
body.single div.post div.entry-date a:hover { background: none; color: #000; }
body.single div.post div.content { margin: 0 0 10px; }
body.single div.post div.content h3 { font-size: 12px; margin: 0; }
body.single div.entry-meta { padding-top: 3px; }
body.single div.entry-meta h4 {
	font-size: 11px;
	margin: 0 0 3px 5px;
	text-transform: uppercase;
}
body.single div.entry-discussion { clear: both; margin: 0 0 20px; }
body.single div.entry-discussion a.comment-link {
	background: url(/images/post-comment-icon.gif) no-repeat left center;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 21px;
}


/* Single Pages
-------------------------------------------------------------------------------------- */
div.page { margin: 0 10px; padding: 15px 0 20px; }
div.page div.content h3 { font-size: 12px; margin: 0; }


/* Asides
-------------------------------------------------------------------------------------- */
div.category-asides {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 5px;
	margin: 20px 10px 0;
	padding: 10px 10px 2px;
}
div.category-asides h2.entry-title { font-size: 16px; letter-spacing: normal; }
body.single div.category-asides {
	border-top: none;
	border-left: none;
	border-right: none;
	margin: 0 10px;
	padding: 20px 0;
}


/* Error 404 Page & No Search Results Page
-------------------------------------------------------------------------------------- */
div.error404,
div.noresults {
	border-bottom: none;
}


/* Category Archives
-------------------------------------------------------------------------------------- */
body.category h1 { margin: 0; }


/* Archives Page
-------------------------------------------------------------------------------------- */
body.pageid-254 h1 { margin: 0; }
div.content div.smart-archives { margin: 0 0 20px; }
div.content div.smart-archives p {
	color: #999;
	margin: 0 0 1px;
}
div.content div.smart-archives a {
	color: #555;
	display: block;
}
div.content div.smart-archives a:hover {
	background-color: #000;
	color: #fff !important;
}
div.content div.smart-archives span {
	display: block;
	float: left;
}
div.content div.smart-archives span.year-link a { color: #333; }
div.content div.smart-archives a,
div.content div.smart-archives span.empty {
	padding: 5px 0;
}
div.content div.smart-archives span.year-link {
	background-color: #ccc;
	clear: both;
	font-weight: bold;
	text-align: center;
	width: 106px;
}
div.content div.smart-archives span.month {
	background-color: #ddd;
	text-align: center;
	width: 47px;
}
div.content ul#archives-list {
	clear: both;
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
div.content ul#archives-list ul {
	list-style-type: disc;
	margin-bottom: 0;
}
div.content div.tag-cloud { clear: both; }


/* Special Content Elements
-------------------------------------------------------------------------------------- */
#content img.wp-smiley { vertical-align: text-bottom; }
div.content img.center,
div.content img.post-banner {
	display: block;
	margin: 0 auto;
	padding: 2px 0;
}
div.content img.left,
div.content div.left {
	display: block;
	float: left;
	margin: 0 15px 15px 0;
}
div.content img.right,
div.content div.right {
	display: block;
	float: right;
	margin: 0 0 15px 15px;
}
div.content div.flv,
div.content div.video {
	background-color: #ddd;
	display: block;
	margin: 20px auto;
	padding: 15px 0;
	text-align: center;
}
div.content table.profile-boss { margin: 0 auto 12px; width: 500px; }
div.content table.profile-boss th {
	background-color: #c7d0d9;
	padding: 2px;
	text-align: center;
}
div.content table.profile-boss td {
	background-color: #e9e1d5;
	padding: 2px;
	text-align: center;
	width: 243px;
}
div.content div.floater {
	background-color: #eee;
	border: 1px solid #bbb;
	padding: 15px;
	text-align: center;
}
div.content div.floater span.caption { font-size: 11px; }
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	margin: 0 auto;
	text-align: center;
}
div.wp-caption {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 auto 12px;
	padding: 10px 5px 5px;
}
p.wp-caption-text {
	font-size: 11px;
	margin: 0;
}
#federer-15-tribute {
	padding-left: 72px;
	padding-right: 72px;
	width: 526px;
}


/* Page or Post Specific Styles
-------------------------------------------------------------------------------------- */
#post-273 h2 { margin-bottom: 0; }


/* Sociable
-------------------------------------------------------------------------------------- */
div.sociable { margin: 16px 0; }
* html div.sociable { height: 1%; overflow: visible; }
*+html div.sociable { min-height: 1%; }
div.sociable:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.sociable div.sociable_tagline { margin: 0 0 2px; }
div.sociable ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.sociable ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 2px 4px;
}
div.sociable ul li:before { content: ""; }
div.sociable ul li a,
div.sociable ul li a img {
	background-color: transparent;
	display: block;
	height: 16px;
	width: 16px;
}
div.sociable .sociable-hovers {
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}
div.sociable .sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/* Contact Form
-------------------------------------------------------------------------------------- */
div.ddfmwrap {
	clear: both;
	padding: 10px 0 15px;
	width: 600px;
}
div.ddfmerrors {
	color: #ff0000;
	float: left;
	font-weight: bold;
	padding: 0 15px 0 0;
	text-align: right;
	width: 85px;
}
div.errorlist { float: left; }
div.content p.ddfmsuccess {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
div.ddfmwrap label {
	clear: both;
	float: left;
	font-weight: bold;
	padding: 1px 15px 0 0;
	text-align: right;
	width: 155px;
}
div.ddfmwrap input.text { width: 262px; }
div.ddfmwrap textarea { width: 422px; }
div.ddfmwrap div.submit { float: right; }
div.ddfmwrap p.fieldwrap img {
	display: block;
	float: left;
}
div.ddfmwrap input#fm_verify {
	width: 202px;
}


/* Comments
-------------------------------------------------------------------------------------- */
#comments {
	border-top: 1px dotted #000;
	margin: 0 10px;
	padding: 20px 0 0;
}
#comments h3 {
	font-size: 24px;
	font-style: italic;
	letter-spacing: -1px;
}
#comments div.comments ol {
	border-bottom: 1px dotted #000;
	list-style: none;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
#comments div.comments ol li {
	margin: 0;
	padding: 12px 10px 0;
}
#comments div.comments ol li.alt {
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#comments div.comments ol li.comment-author-admin { background-color: #ddd; }
#comments div.comments ol li div.comment-number {
	color: #333;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	float: left;
	text-align: center;
	width: 40px;
}
#comments div.comments ol li div.comment-number a { display: block; text-decoration: none; }
#comments div.comments ol li div.comment-author,
#comments div.comments ol li div.comment-meta,
#comments div.comments ol li div.comment-text {
	margin-left: 50px;
	margin-right: 10px;
}
#comments div.comments ol li div.comment-author { font-weight: bold; }
#comments div.comments ol li div.comment-meta {
	color: #555;
	font-size: 11px;
	margin-bottom: 12px;
}
#comments div.comments ol li span.unapproved { font-style: italic; margin: 0 0 12px; }
#respond { padding: 0 0 20px; }
#respond div.row {
	clear: both;
	margin: 0 0 5px;
}
#respond div.form-label {
	float: left;
	width: 100px;
}
#respond div.form-input,
#respond div.form-textarea {
	float: left;
}
#respond div.req { font-weight: bold; }
#respond input.text { width: 300px; }
#respond textarea { width: 562px; }
#respond div.form-submit {
	clear: both;
	float: right;
}


/* Post Navigation
-------------------------------------------------------------------------------------- */
div.navigation {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
	text-align: center;
}
div.navigation div.nav-previous { float: left; }
div.navigation div.nav-next { float: right; }


/* Sidebar
-------------------------------------------------------------------------------------- */
#sidebar {
	background-color: #c0d9ff;
	float: left;
	width: 200px;
}
#sidebar a { color: #000; text-decoration: none; }
#sidebar a:hover { color: #fff; }
#sidebar div.sidebar ul.main {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar div.sidebar ul.main ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar div.sidebar ul.main li {
	border-top: 1px solid #d3e4ff;
	border-bottom: 1px solid #8697b2;
	margin: 0;
	padding: 20px 10px;
}
#sidebar div.sidebar ul.main li h3 {
	letter-spacing: -1px;
	margin: 0 0 5px;
	text-transform: uppercase;
}
#sidebar div.sidebar ul.main li li {
	border: none;
	margin: 0 0 1px;
	padding: 0;
}
#sidebar div.sidebar ul.main li li a {
	background-color: #c9dfff;
	border-left: 5px solid #98c1ff;
	color: #000;
	display: block;
	padding: 2px 5px 2px 10px;
	width: 160px;
}
#sidebar div.sidebar ul.main li li a:hover,
#sidebar div.sidebar ul.main li.current_page_item a,
#sidebar div.sidebar ul.main li#subnav ul li.current_page_item li a:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
#sidebar div.sidebar ul.main li#subnav ul { margin-top: 1px; }
#sidebar div.sidebar ul.main li#subnav ul li li a {
	padding-left: 25px;
	width: 145px;
}
#sidebar div.sidebar ul.main li#subnav ul li.current_page_item li a {
	background-color: #c9dfff;
	border-left: 5px solid #98c1ff;
	color: #000;
}


/* Sidebar Blocks
-------------------------------------------------------------------------------------- */
#rss-links h3 {
	background: url(/images/sidebar-rss.gif) no-repeat left center;
	padding: 0 0 0 21px;
}
#text-2 h2 {
	font-size: 16px;
	letter-spacing: normal;
}
#text-2 h2 a {
	color: #2E62B1 !important;
}
#text-2 h2 a:hover {
	text-decoration: underline;
}


/* Footer
-------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	font-size: 11px;
	margin: 5px 0 0;
	padding: 0 0 5px;
	text-align: center;
}
#footer a.top-link {
	background-color: #ccc;
	display: block;
	margin: 0 0 5px;
}
#footer a.top-link:hover { background-color: #6a6a6a; color: #fff; }


/* WP Stats Image
-------------------------------------------------------------------------------------- */
img#wpstats {
	display: block;
	height: 0;
	overflow: hidden;
	width: 0;
}