/*
Theme Name: WordPress HoHappy
Theme URI: http://www.hohappy.net/
Description: It's a WordPress theme for <a href="http://www.hohappy.net">HoHappy</a>. Please feel free to use it.
Version: 2.0
Author: Jayson He
Author URI: http://www.hohappy.net/
Tags: Simple and Effective, Black, White, Green, two columns, fixed width.
*/

/* General Styles */

* {	margin:0; padding:0; border:0 none; }

body { text-align:center; font:12px Verdana, Arial, Helvetica, sans-serif; color:#000; }

div { text-align:left; }

span { }

table { }
th { }
tr { }
td { }

img { }

a:link, a:visited { color:#06c; text-decoration:none; }
a:hover { color:#fb821b; text-decoration:underline; }

h1 { font-size:3em; font-weight:normal; }
h2 { font-size:1.6em; font-weight:normal; }
h3 { font-size:1.2em; font-weight:normal; }
h4 { font-size:1em; font-weight:normal; }
h5 { font-size:0.9em; font-weight:normal; }
h6 { font-size:0.75em; font-weight:normal; }

ul { }
li { }
ol { }
pre { }
blockquote { }
p { }

form { }
select{ font:99% Verdana, Arial, Helvetica, sans-serif; }
option { }
input { font:99% arial,helvetica,sans-serif; }
textarea { font:99% arial,helvetica,sans-serif; }

hr { height:0; border:1px dashed #f90; border-bottom:0; }

/* Customized Styles */

.blank0 { width:inherit; height:0px; clear:both; font-size:0; }
.blank5 { width:inherit; height:5px; clear:both; font-size:0; }
.blank10 { width:inherit; height:10px; clear:both; font-size:0; }
.blank15 { width:inherit; height:15px; clear:both; font-size:0; }
.blank20 { width:inherit; height:20px; clear:both; font-size:0; }

.clear { height:0; overflow:hidden; font-size:0; }

/* homepage */
#header { background-color:#000; text-align:center; }
#headerWrapper { width:960px; margin:0 auto; padding:10px 0; text-align:left; }
#header a:link, #header a:visited { color:#fff; }
#header a:hover { color:#a3d7ff; text-decoration:none; }
ul#auxiMenu { height:20px; font-size:12px; line-height:20px; text-align:right; color:#777; }
ul#auxiMenu li { display:inline; }
ul#auxiMenu a:link, ul#auxiMenu a:visited { color:#777; }
ul#auxiMenu a:hover { color:#fff; }
#fromTime { color:#777; }
#header h1 { height:60px; font-family:Georgia, "Times New Roman", Times, serif; font-size:48px; font-weight:bold; }
#tagline { color:#aaa; font-size:12px; }
#mainMenuBar { }
#mainMenu { padding-bottom:10px; border-bottom:4px solid #9fb12a; text-align:center; background-color:#000; }
#mainMenuWrapper { width:960px; margin:0 auto; text-align:left; }
.mainMenu { height:19px; letter-spacing:0.3em; }
.mainMenu li { height:19px; line-height:19px; display:block; float:left; height:100%; }
.mainMenu a { display:block; float:left; padding:0 11px; }
.mainMenu a:link, .mainMenu a:visited { border:1px solid #000; color:#fff; background-color:#000; }
.mainMenu a:hover { border:1px solid #fff; color:#fff; background-color:#9fb12a; text-decoration:none; }
#dispMenuParent { }
#dispMenuParent a:link, #dispMenuParent a:visited { border:1px solid #000; color:#fff; background-color:transparent; }
#dispMenuParent a:hover { border:1px solid #fff; color:#fff; background-color:#9fb12a; text-decoration:none; }
#dispMenuChild { display:none; float:left; line-height:19px; color:#999; }
#dispMenuChild a:link, #dispMenuChild a:visited { border:1px solid #000; color:#fff; background-color:transparent; }
#dispMenuChild a:hover { border:1px solid #fff; color:#fff; background-color:#9fb12a; text-decoration:none; }
#searchForm { height:20px; display:block; float:right; padding-left:20px; background-color:#fff; background-image:url(images/searchMagnifier.gif); background-repeat:no-repeat; background-position:5px center; }
.searchForm { }
#searchInput { width:180px; margin-top:2px !important; margin-top:-1px; height:18px; line-height:20px; color:#999; }
#searchSubmit { display:none; }

#diaryInBox { width:720px; font-family:"����", Verdana, Tahoma; }
#diaryInBox li { display:block; float:left; width:122px; height:120px; }
#diaryInBox .diaryInBoxWrapper { display:block; width:110px; height:110px; background-color:#ccc; }
#diaryInBox .diaryInBoxWrapper a { display:block; width:110px; height:110px; text-decoration:none; }
#diaryInBox .diaryInBoxWrapper a:link, #diaryInBox .diaryInBoxWrapper a:visited { background:url(images/diaryInBox_bg.gif) no-repeat 0 0; }
#diaryInBox .diaryInBoxWrapper a:hover { background:url(images/diaryInBox_bg.gif) no-repeat -110px 0; }
#diaryInBox h3 { padding:5px 7px 5px; font-size:9px; color:#aaa; font-weight:normal; text-align:right; }
#diaryInBox h3 span { font-size:11px; color:#003f7e; font-weight:bold; }
#diaryInBox .diaryInBoxContent { padding:0 7px; color:#333; line-height:16px; }
.postInBox { width:720px; padding-bottom:20px; }
.postCalendar { float:left; margin:2px 10px 10px 0; font-family:Georgia, "Times New Roman", Times, serif; }
.postCalendarWrapper { width:56px; height:56px; background:url(images/postCalendar.gif) no-repeat; }
.postCalendarMonth { width:56px; height:25px; text-align:center; font-size:18px; font-weight:bold;  }
.postCalendarMonth span { display:block; padding-top:3px; }
.postCalendarDate { width:56px; height:31px; text-align:center; font-size:22px; font-weight:bold; }
.postInBox h3 { float: inherit !important; float:left; margin-left:60px !important ; margin-left:0; margin-top:5px; font-size:16px; font-weight:bold; background:#eee; }
*+html .postInBox h3 { width:650px !important; margin-left:0 !important; margin-bottom:10px; }
.postInBox h3 a { display:block; width:auto; height:27px; line-height:27px; padding:0 5px; }
.postInBox h3 a:link, .postInBox h3 a:visited { color:#000; background:#eee; }
.postInBox h3 a:hover { color:#fff; background:#9fb12a; text-decoration:none; }
.postMetadataInIndex { padding:10px 0 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#676464; line-height:1.5em; }
.postMetadataInIndex a:link, .postMetadataInIndex a:visited { font-weight:bold; color:#676464; text-decoration:none; }
.postMetadataInIndex a:hover { text-decoration:underline; }
.postInBoxContent { float:left; font-size:13px; line-height:1.8em; }
.postInBoxContent .postThumb { float:left; margin:0 10px 5px 0; border:1px solid #9fb12a; padding:2px; }
.postInBoxContent p { margin:0 0 10px; }
.postInBoxContent p br { margin:5px 0; }
.pageNavigation { }
.pageNavigation .wp-pagenavi a:link, .pageNavigation .wp-pagenavi a:visited { padding:3px 5px; border:1px solid #9fb12a; color:#9fb12a; }
.pageNavigation .wp-pagenavi a:hover { padding:3px 5px; border:1px solid #000; color:#000; }
.pageNavigation .wp-pagenavi .pages, .pageNavigation .wp-pagenavi .current { padding:3px 5px; border:1px solid #000; color:#000; }

/* body */
#body { padding:20px 0; text-align:center; }
#bodyWrapper { width:960px; margin:0 auto; border:1px solid #aaa; text-align:left; background:url(images/sideBg.gif) repeat-y right top; }

/* content */
#content { float:left; width:760px; }
#contentWrapper { padding:20px; }
.navigation { }

/* side */
#side { float:left; width:200px; }
#sideWrapper { padding-bottom:1px; }
#wp-calendar { width:160px; }
#side ul { font-size:12px; list-style:none; }
#side ul li { }
#side ul li h2 { margin:7px 7px 1px; padding:5px 10px; font-size:14px; font-weight:bold; color:#9fb12a; background:#fff; }
#side ul li ul { margin:0 7px 7px; background:#fff; }
.noRelated { display:block; width:auto !important; width:166px; margin:0; padding:5px 10px; color:#ccc; }
#side ul li ul li ul { margin:0; }
#side a { display:block; width:auto !important; width:166px; margin:0; padding:5px 10px; }
#side a:link, #sidebar a:visited { border:1px solid #fff; border-left:0; border-right:0; background-color:#fff; color:#000; }
#side a:hover { border:1px solid #9fb12a; border-left:0; border-right:0; background-color:#e5e5e5; color:#000; text-decoration:none; }
#side ul li ul li ul li a { width::auto !important; width:156px; padding-left:20px; }
#side .current-cat a:link, #side .current-cat a:visited { color:#aaa; }
.categoryCount, .mostViewedCount { float:right; color:#fb821b; }
#side .st-tag-cloud { margin:0 7px 7px; padding:5px 10px; background:#fff; }
#side .st-tag-cloud a { display:inline; }
#side .st-tag-cloud a:link, #side .st-tag-cloud a:visited { padding:0; border:0; background:transparent; }
#side .st-tag-cloud a:hover { padding:0; border:0; text-decoration:underline; background:transparent; }

/* single */
.postLink { height:34px; padding:0 20px; line-height:34px; border-bottom:1px solid #eee; color:#bbb; }
.postLink a:link, .postLink a:visited { color:#bbb; }
.postLink a:hover { color:#666; text-decoration:none; }
.postLinkPrevious { float:left; }
.postLinkPrevious a { display:block; padding-left:15px; background:url(images/postLinkPreviousIcon.gif) no-repeat left center; }
.postLinkNext { float:right; }
.postLinkNext a { padding-right:15px; background:url(images/postLinkNextIcon.gif) no-repeat right center; }
.post { }
.post h3 { margin:40px 20px 0; font-size:28px; font-weight:bold; line-height:1.5em; color:#9fb12a; text-align:center; }
.post span.word { font-size:32px; font-weight:bold; }
.post div.reference { margin:10px 0 20px 10px; border-left:7px solid #ccc; padding-left:15px; line-height:1.7em; }
.postInfo { margin:0 20px; padding-bottom:5px; border-bottom:1px solid #bbb; color:#676464; }
.postTime { float:left; margin-right:50px; }
.postViews { float:left; }
.postTags { float:right; }
.postTags a:link, .postTags a:visited { color:#9fb12a; }
.postTags a:hover { color:#666; text-decoration:none; }
.entry { margin:20px; font-size:14px; color:#333; }
.entry a { padding:0 5px; }
.entry a:link, .entry a:visited { color:#06c; }
.entry a:hover { color:#fb821b; text-decoration:underline; }
.entry strong { color:#c63; font-weight:bold; }
.entry p { margin:1em 0 0; line-height:1.8em; }
.entry p.covershowDescription { margin:0.5em 0 0; line-height:1.5em; font-size:12px; color:#666; }
.entry h1, .entry h2 { margin:1.5em 0 0; font-size:20px; font-weight:bold; text-align:left; color:#000; }
.entry h3 { margin:1.5em 0 0; font-size:16px; font-weight:bold; text-align:left; color:#000; }
.entry h4, .entry h5, .entry h6 { margin:1.5em 0 0; font-size:14px; font-weight:bold; text-align:left; color:#000; }
.entry ul { margin:0 20px; padding:0.5em 0; list-style:disc; }
.entry ol { margin:0 25px; padding:0.5em 0; list-style:decimal; }
.entry ul li, .entry ol li { margin:0.7em 0 0; line-height:1.8em; }
.entry .postInIndexNavigation { padding:0; }
.entry hr { border:0; border-top:1px dotted #ccc; margin:1em 0 0; }
.entry img { border:1px solid #9fb12a; padding:5px; }
#addToBookmarks { height:16px; margin:0 20px 7px; color:#676464; }
#addToBookmarks p { float:left; height:16px; line-height:16px; margin:0; padding:0 10px 0 0; }
#addToBookmarks a { diaply:block; float:left; padding:0; margin:0 7px 0 0; }
#addToBookmarks img { width:16px; height:16px; padding:0; margin:0; border:0; }
.postMetadata { margin:0 20px; padding-top:5px; border-top:1px solid #bbb; color:#676464; }
.postMetadata a:link, .postMetadata a:visited { color:#9fb12a; }
.postMetadata a:hover { color:#666; text-decoration:none; }
.postFeed { float:left; }
.postTrackback { float:right; }
.entry .alignnone { clear:both; display:block; }
.alignleft { float:left; margin:5px 10px 5px 0; }
.alignright { float:right; margin:5px 0 5px 10px; }
.postComments { margin:20px; padding:10px; border:1px solid #eee; color:#666; }
.postComments h3 { margin:5px 0; font-size:14px; font-weight:bold; }
.commentlist { margin-top:15px; list-style-position:inside; }
.commentlist li { margin-bottom:15px; padding:15px; border-left:5px solid #eee; }
.commentlist li cite { font-size:18px; font-style:normal; }
.commentlist li p { margin-top:10px; line-height:18px; }
#respond { padding:0 15px; }
#commentform input { padding:2px 5px; border:1px solid #ccc; background-color:#eee; }
#commentform textarea { border:1px solid #ccc; }
#commentform p { padding:10px 0 0; }
.everyday { width:auto; margin:20px 0 0 0; padding:20px 10px; border:1px solid #e7e7e7; background-color:#f1f1f1; background-image:url(images/everyday.gif); background-repeat:no-repeat; background-position:top right; }
.everyday h6 { padding:5px; border:1px solid #e7e7e7; background-color:#fff; }

/* archive */
h2.pagetitle { margin-bottom:20px; padding:5px 0; border-bottom:1px solid #aaa; font-size:20px; font-weight:bold; color:#aaa; }

/* footer */
#footer { padding:10px 0; border-top:4px solid #9fb12a; background-color:#000; text-align:center; }
#footerWrapper { width:960px; margin:0 auto; background-color:#000; color:#aaa; font-size:10px; text-align:left; }
#footer p { line-height:1.5em; }
#footer a:link, #footer a:visited { color:#fb821b; }
#footer a:hover { color:#fff; }