/*
Theme Name: Yellow-2
Theme URI:
Description: everything about home.
Version: 1.0.2
Author: Jonathan Ying
Author URI: http://www.woohome.com
zai jiu ban ji chu shang da liang xiu gai
te bie shi jie he plus 'ShareThis' jin xing theme xiu gai
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/**********************************/
/* General */
/**********************************/
body {font: 12px Arial,Helvetica,Sans-Serif; line-height: 1.6em;color: #333;width:980px; background: #fff; margin:0 auto; padding:0;}
a{ color: #a71; text-decoration: none; }
a:hover { text-decoration: underline; color: #a71;}
form {margin:0;padding:0;}
input, textarea {font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333;}
p {margin: 10px 0;}
img {border:none; padding: 0px; margin-bottom:8px;}
/* Some peoples sometime using this class for aligning the image */
img.alignleft, img.left {float:left; margin-right: 5px; margin-left: 0px;}
img.alignright, img.right {float:right; margin-left: 5px; margin-right: 0px;}
.clear {clear:both; overflow:hidden;}
/**********************************/
/* Layout */
/**********************************/
#container,#headcontainer,#left,#header,#content,#sidebar,#footer,#ad { overflow:hidden; display:block;}
#container {border:0px solid;width:980px; padding:0; margin: 0px 0px 10px 15px;
background: transparent url(img/5backdot3.jpg) repeat ;}
#container td{vertical-align:top;}
#headcontainer {text-align:bottom;width:950px; padding-buttom:0px; margin: 0px 0px 0px 15px; background: transparent no-repeat bottom left;border:0px solid #000;}
#head_adcontainer{width:945px; padding-buttom:0px; margin: 10px 0px 10px 0px;height:0px;text-align:right;}
#left {width: 500px; float:left;margin-top:0px;padding-left:5px;}
.middle {width:140px;margin:0;padding: 0 6px 0 0px; float:left; }
.middle2{width:175px;margin-left:2px;padding: 0 0px; float:left;}
.right {width:160px;margin:0;padding: 0 6px 0 10px; float:left;}
#content {margin-right:2px;border:0px solid #ddd;background:#fff;padding: 0px 10px 0 10px;width: 480px; float:left;}
#header {background: #708090; padding: 10px 15px; margin-bottom: 10px;border-bottom: 2px solid #191970;}
#sidebar {width: 388px; float:left;margin:0;padding:0;}
#sidebar2 {border:0px solid #ddd;width: 305px; float:right;padding:0;}
#sidebar1 {height:600px;border:0px solid #ddd;margin-right:5px;margin-left:0px;width: 138px; float:left;padding:0;background:#fff;}
#ad {height:325px;border:0px solid #ddd;margin-right:5px;margin-left:0px;width: 300px; float:left;padding:0;background:#fff;}
#footer {clear:none;text-align:right;height:35px;margin: 0px 10px 10px 30px;}
#hr{
background:#FFFFFF url(img/dotline.gif) repeat-x scroll 0%;
border:0px none;
height:1px;
margin:0px 0px 10px 15px;
padding:0pt;
width:100%;
}
#nav {
background:#FFFFFF none repeat scroll 0%;
margin:0pt;
padding:0pt;
}
#dot{
background: url(img/dot3.gif) repeat-y scroll 0%;
margin:0;
padding:0;
width:5px;
}
#blank{
background: transparent repeat-y scroll 0%;
margin:0;
padding:0;
width:5px;
}
#billboard2{
background:transparent url(img/diagonal.gif) repeat scroll;
margin:0;
padding:0;
}
#footerbg{
background: transparent url(img/footer-bg.gif) repeat scroll 0%;
margin:0pt;
padding:0pt;
}
/**********************************/
/* Content */
/**********************************/
#content h1,h2,h3,h4,h8 {text-align:-left;}
#content h1 {color:#0D6AA6; text-transform:uppercase; letter-spacing:0.05em;display:inline;
font:normal 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#content h2 {font: 20px Arial,Verdana,Helvetica;font-weight: normal;
padding: 0px 0 0px 0px; text-align:left;margin-top:0px;margin-bottom:0px;}
#content h2.pagetitle {font-size:bold 1.2em; color: #a71; padding: 5px 0;}
#content h3{font:bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#0b7bee; text-align:left;}
#content h4{font:11px Arial,Helvetica,Sans-Serif;
padding: 0px 0 0px 0px;margin-top:0px;margin-bottom:0px;}
#content blockquote {padding:1px 0 0 15px;margin:5px 0px 5px 0px;line-height: 1.6em;background: transparent url(img/blockquote.jpg) no-repeat top left;}
#content p.postmetadata1 {text-align:left; background: #f7f7f7;clear:both; overflow:hidden;padding:5px 10px 5px 10px; line-height: 1.0em;margin-bottom:10px;}
#content p.postmetadata2 {text-align:right; background: #f7f7f7 ;clear:both; overflow:hidden;padding:5px 10px 5px 10px; line-height: 1.0em;margin-bottom:10px;}
#content p{margin:6px 0;}code {font-size:1.2em; text-align:left; margin:0;padding:0; color: #008;}
#content li {padding-bottom: 5px;}
#content .post-date {font-size:1.0em; padding-left:0px;background: transparent no-repeat top left;padding-top: 5px;
background-position:0% 5px;}
#content p.footer{color:#000;}
#content h4 a{color: #484848; text-decoration: none;}
#content h4 a:hover {text-decoration:underline; color: #a71;}
#content p.footer2{color:#999;text-align:left;border:0px solid #ddd;}
#content p.footer2 a{color: #c93; text-decoration: none;}
#content p.footer2 a:hover {text-decoration:none; color: #a71;}
/*footer2 yong yu single post ye mian ye jiao*/
#content .feed_link {
background: 1px 0 url(img/feed-icon-16x16.gif) no-repeat !important;
padding: 1px 0 3px 22px;
}/* yong yu lian jie zhong kong zhi post hou rss tu biao xian shi*/
#content .comments_link {
background: 1px 0 url(img/comment.png) no-repeat !important;
padding: 1px 0 3px 22px;
}
#content .content_ad_block1{text-align:left;margin-bottom:10px;float:right;width:320px;height:400px;}
#content .content_ad_block2{text-align:center;margin-bottom:10px;float:left;width:105px;font:bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#000;height:400px;}
#content .content_ad_block3{text-align:center;margin-bottom:25px;width:478px;background:#ddd;padding-top:10px;padding-bottom:10px;}
#content h2 a{color: #a71; text-decoration: none;}
#content h2 a:hover{color: #a71; text-decoration: underline;}
#content img {border:solid 0px #000; padding: 1px;}
#content .post-date2 {font-size:11px;color:#999;padding:0 0 0 2px;}
.hr {
background:#FFFFFF url(img/dotline.gif) repeat-x scroll 0%;
border:0px none;
height:2px;
margin-top:0px;
margin-bottom:0px;
padding:0pt;
width:480px;
}
.postmeta {
/*border-top:1px dotted #999999;*/
font-family:Helvetica,Arial,Sans-Serif;
font-size:11px;
margin:0 0 55px 0;
padding:0px 0 0;
width:480px;
}
.postmetaright {
display:inline;
float:right;
margin:0;
padding:0;
text-align:right;
width:120px;
}
.postmetaleft {
display:inline;
margin:0;
padding:0;
width:360px;
}
/**********************************/
/* Single POST Content 2010/5/31 zhuyao xiugai img biaoqian */
/**********************************/
#content2 h1,h2,h3,h4,h8 {text-align:-left;}
#content2 h1 {color:#0D6AA6; text-transform:uppercase; letter-spacing:0.05em;display:inline;
font:normal 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#content2 h2 {font: 20px Arial,Verdana,Helvetica;font-weight: normal;
padding: 0px 0 0px 0px; text-align:left;margin-top:0px;margin-bottom:0px;}
#content2 h2.pagetitle {font-size:bold 1.2em; color: #a71; padding: 5px 0;}
#content2 h3{font:bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#0b7bee; text-align:left;}
#content2 h4{font:11px Arial,Helvetica,Sans-Serif;
padding: 0px 0 0px 0px;margin-top:0px;margin-bottom:0px;}
#content2 blockquote {padding:1px 0 0 15px;margin:5px 0px 5px 0px;line-height: 1.6em;background: transparent url(img/blockquote.jpg) no-repeat top left;}
#content2 p.postmetadata1 {text-align:left; background: #f7f7f7;clear:both; overflow:hidden;padding:5px 10px 5px 10px; line-height: 1.0em;margin-bottom:10px;}
#content2 p.postmetadata2 {text-align:right; background: #f7f7f7 ;clear:both; overflow:hidden;padding:5px 10px 5px 10px; line-height: 1.0em;margin-bottom:10px;}
#content2 p{margin:6px 0;}code {font-size:1.2em; text-align:left; margin:0;padding:0; color: #008;}
#content2 li {padding-bottom: 5px;}
#content2 .post-date {font-size:1.0em; padding-left:0px;background: transparent no-repeat top left;padding-top: 5px;
background-position:0% 5px;}
#content2 p.footer{color:#000;}
#content2 h4 a{color: #484848; text-decoration: none;}
#content2 h4 a:hover {text-decoration:underline; color: #a71;}
#content2 p.footer2{color:#333;text-align:left;border:0px solid #ddd;font-weight: bold;}
#content2 p.footer2 a{color: #c93; text-decoration: none;}
#content2 p.footer2 a:hover {text-decoration:none; color: #a71;}
/*footer2 yong yu single post ye mian ye jiao*/
#content2 .feed_link {
background: 1px 0 url(img/feed-icon-16x16.gif) no-repeat !important;
padding: 1px 0 3px 22px;
}/* yong yu lian jie zhong kong zhi post hou rss tu biao xian shi*/
#content2 .comments_link {
background: 1px 0 url(img/comment.png) no-repeat !important;
padding: 1px 0 3px 22px;
}
#content2 .content_ad_block1{text-align:left;margin-bottom:10px;float:right;width:320px;height:400px;}
#content2 .content_ad_block2{text-align:center;margin-bottom:10px;float:left;width:105px;font:bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#000;height:400px;}
#content2 .content_ad_block3{text-align:center;margin-bottom:25px;width:478px;background:#ddd;padding-top:10px;padding-bottom:10px;}
#content2 h2 a{color: #a71; text-decoration: none;}
#content2 h2 a:hover{color: #a71; text-decoration: underline;}
/*******************************************/
#content2 img {border:solid 0px #000; padding: 0px;}
/*********************************************/
#content2 .post-date2 {font-size:11px;color:#999;padding:0 0 0 2px;}
.hr {
background:#FFFFFF url(img/dotline.gif) repeat-x scroll 0%;
border:0px none;
height:2px;
margin-top:0px;
margin-bottom:0px;
padding:0pt;
width:480px;
}
.postmeta {
/*border-top:1px dotted #999999;*/
font-family:Helvetica,Arial,Sans-Serif;
font-size:11px;
margin:0 0 20px 0;
padding:0px 0 0;
width:480px;
}
.postmetaright {
display:inline;
float:right;
margin:0;
padding:0;
text-align:right;
width:120px;
}
.postmetaleft {
display:inline;
margin:0;
padding:0;
width:360px;
}
/**********************************/
/* Header */
/**********************************/
#header h1 {color:#FFF; text-transform:uppercase; letter-spacing:1px;display:inline;
font:bold 2.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#header h1 a {color: #eee;}
#header h1 a:hover {color: #fc0; text-decoration:none;}
#header h2{font: 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#DDD;text-transform:uppercase;
letter-spacing:0.05em; margin:0;padding:0;}
#pic{border-bottom:solid 0px #fff;clear: both; float: left;width:500px;border:0px solid;height:85px;margin-left:10px;}
#search{float: right;width:280px;border:0px solid;margin-top:50px;}
#head_adcontainer img {border:1px solid; padding: 2px;border-color:#000;}
#head_adcontainer a:hover img{border:2px solid;border-color:#000;}
#head_adcontainer .top_photo{float:left;width:125px; height:70px; text-align:center;}
/**********************************/
/* Sidebar */
/**********************************/
#sidebar1 a {text-decoration:none; color: #4d4d4d;}
#sidebar1 a:hover {text-decoration:none; color: #2b40a3;}
#sidebar1 ul {margin: 0 0 0px 0; padding:0; list-style-type: none;border-top: 0px solid #eee;}
#sidebar1 h2 {font: bold 1.0em , Verdana, Arial, Helvetica, sans-serif;color:#f9c52a;padding:4px 0px 4px 5px;
text-align:left;margin:0;background:transparent no-repeat 50% 50%; }
#sidebar1 #header h2 {padding-left: 0; border:0; color: #CCC}
#sidebar1 h2.menu { margin-bottom:2px;}
#sidebar1 h2.cats { margin-bottom:2px;}
#sidebar1 h2.cal { margin-bottom:2px;}
#sidebar1 h2.search {background: transparent url(img/search.png) no-repeat top left;}
#sidebar1 h2.file {background: transparent url(img/file.png) no-repeat top left;}
#sidebar1 h2.meta {background: transparent url(img/meta.png) no-repeat top left;}
#sidebar1 h2.blogroll { margin-bottom:2px; }
#sidebar1 h2.comment {background: transparent url(img/comment.png) no-repeat top left;}
#sidebar1 ul {margin: 0px;padding:0px;}
#sidebar1 ul li {background: transparent no-repeat top left; padding-left: 0px; border-bottom: 0px solid #f0f0f0;}
#sidebar1 ul li ul {border-top: 0px solid #f0f0f0; margin-bottom:0px;}
/*#sidebar1 ul li ul li {font: 11px Verdana, Arial, Helvetica, sans-serif;padding-left:25px; border-bottom:dotted 1px #ccc; background:transparent url('img/nav4.gif') 5% 60% no-repeat;padding-top:2px;}*/
#sidebar1 ul.links li {float:left;display: inline;overflow:hidden;border:none; padding-left:0px;}
#sidebar1 ul.links li h2 {color: #666;}
#sidebar1 ul.links li ul li {padding-left:20px;}
#sidebar1 img {margin:1px 0 0 0; padding:0px 0 0 0; border: none;}
#sidebar1 .navigation{margin-top:4px;padding-left:8px;}
#sidebar1 ul.navigation li{font: bold 11px Verdana, Arial, Helvetica, sans-serif;padding-top:8px;color:#a71;line-height: 1.4em;}
#sidebar1 ul.navigation li a{text-decoration:none; color:#a71;}
#sidebar1 ul.navigation li a:hover{text-decoration:none; color:#c93;background-color:#ddd;}
#sidebar1 .categories{margin-top:3px;padding-left:4px;line-height: 1.4em;}
#sidebar1 ul.categories li h2{font: bold 11px Verdana, Arial, Helvetica, sans-serif;padding-top:8px;color:#a71;}
#sidebar1 ul.categories li ul li{font: bold 11px Verdana, Arial, Helvetica, sans-serif;padding-left:5px;padding-top:5px;color:#999;text-transform: uppercase;line-height: 1.4em;}
#sidebar1 ul.categories li ul li a{text-decoration:none; color:#999;}
#sidebar1 ul.categories li ul li a:hover{text-decoration:none; color:#c93;background-color:#ddd;}
#sidebar1 .hr {
background:#FFFFFF url(img/dotline.gif) repeat-x scroll 0%;
border:0px none;
height:1px;
margin-bottom:2px;
margin-left:10px;
margin-right:2px;
margin-top:8px;
width:120px;
}
#sidebar2 a {text-decoration:none; color: #4d4d4d;}
#sidebar2 a:hover {text-decoration:none; color: #2b40a3;}
#sidebar2 ul {margin: 0 0 0px 0; padding:0; list-style-type: none;border-top: 0px solid #eee;}
#sidebar2 h2 {font: bold 1.0em , Verdana, Arial, Helvetica, sans-serif;color:#2a292e;padding:4px 0px 4px 5px;
text-align:left;margin:0;background:transparent no-repeat 50% 50%; }
#sidebar2 #header h2 {padding-left: 0; border:0; color: #CCC}
#sidebar2 h2.menu { margin-bottom:2px;}
#sidebar2 h2.cats { margin-bottom:2px;}
#sidebar2 h2.cal { margin-bottom:2px;}
#sidebar2 h2.search {background: transparent url(img/search.png) no-repeat top left;}
#sidebar2 h2.file {background: transparent url(img/file.png) no-repeat top left;}
#sidebar2 h2.meta {background: transparent url(img/meta.png) no-repeat top left;}
#sidebar2 h2.blogroll { margin-bottom:2px; }
#sidebar2 h2.comment {background: transparent url(img/comment.png) no-repeat top left;}
#sidebar2 ul {margin:0;padding:0px;}
#sidebar2 ul li {background: transparent no-repeat top left; padding-left: 0px; border-bottom: 0px solid #f0f0f0;}
#sidebar2 ul li ul {border-top: 0px solid #f0f0f0; margin-bottom:0px;}
/*#sidebar2 ul li ul li {font: 11px Verdana, Arial, Helvetica, sans-serif;padding-left:25px; border-bottom:dotted 1px #ccc; background:transparent url('img/nav4.gif') 5% 60% no-repeat;padding-top:2px;}*/
#sidebar2 ul.links li {float:left;display: inline;overflow:hidden;border:none; padding-left:0px;}
#sidebar2 ul.links li h2 {color: #666;}
#sidebar2 ul.links li ul li {padding-left:20px;}
#sidebar2 img {margin:0px 0 0 0; padding:0px 0 0 0; border: none;}
#sidebar2_adcontainer{margin-left:0px;}
#sidebar2_adcontainer_inside{border:1px solid #D1D0D0;margin:0; padding:0;overflow:hidden;width:300px;}
#rssbox{
background-color:#FFFFFF;
background-image:url(img/dot_rss_box.gif);
background-repeat:repeat;
border:1px solid #D1D0D0;
color:#6D3C4D;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
line-height:17px;
text-decoration:none;
width:300px;
height:145px;
margin-top:12px;
}
#rssbox .inside_rssbox_top{margin-left:10px; margin-top:10px;}
#rssbox .inside_rssbox_bottom{margin-left:8px; margin-top:10px;}
#rssbox .dotted_rss {
background-image:url(img/dotline.gif);
background-position:left top;
background-repeat:repeat-x;
height:1px;
margin-top:5px;
padding-bottom:5px;
width:300px;
}
#rssbox .frameimg {
font-size:12px;
font-weight:bold;
margin-bottom:0px;
padding-bottom:5px;
padding-top:0px;
}
#rssbox .frameimg2 {
font-size:12px;
font-weight:bold;
margin-bottom:0px;
padding-bottom:10px;
padding-top:10px;
}
/**********************************/
/* Footer */
/**********************************/
#footer .copyright {font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em;color: #4d4d4d;}
#footer .copyright a {color:#fff;text-decoration:none;}
#footer .copyright a:hover {color:#FFf;text-decoration:underline;}
/**********************************/
/* Calendar */
/**********************************/
#wp-calendar { width: 150px; color: #999; line-height:1.0em;}
#wp-calendar caption {font-weight:bold; color: #666; line-height: 16px; text-transform: uppercase; letter-spacing: 1px;}
#wp-calendar .today {background:#FBFCF4;}
/* *********************************** */
/* Comments Div */
/* *********************************** */
h3#comments, h3#respond {border-top:1px solid #CCC; padding-top: 10px; padding-left: 0px;color:#484848; font-size: 1.2em; font-weight: bold;}
h3#comments {background: transparent no-repeat top left;background-position:0% 0px;}
h3#respond {background: transparent no-repeat top left;background-position:0% 0px;}
cite {position:relative;color: #000;padding:0;margin:0;font-weight:bold;}
.alt {background: #f7f7f7;}
.commentbody {color: #333; font-size: 1.0em; margin: 0 0 10px 0;padding: 10px 15px 10px 15px;
background: #ffffff;list-style:none;border:1px solid #a9a9a9;}
.commentbody p {line-height: 1.2em; margin:0; padding:0;}
.commentlink { font-size: 0.8em;}
.commentlist { list-style: none; margin:0; padding:0px;}
.commentcount {font:bold 2.2em Georgia,sans-serif; color: #e0e0d0; width: 520px;
text-align: right; position:absolute; left:0;}
.gravatar {float:left; padding: 1px; margin: 5px 5px 5px 0; background: #fff; width: 40px; height: 40px;}
#recentcomments ul {border: none;}
/**********************************/
/* AD */
/**********************************/
#ad a {text-decoration:none; color: #4d4d4d;}
#ad a:hover {text-decoration:none; color: #2b40a3;}
#ad ul {margin: 0 0 0px 0; padding:0; list-style-type: none;border-top: 0px solid #eee;}
#ad h2 {font: bold 1.0em , Verdana, Arial, Helvetica, sans-serif;color:#f9c52a;padding:4px 0px 4px 5px;
text-align:left;margin:0;background:transparent no-repeat 50% 50%; }
#ad #header h2 {padding-left: 0; border:0; color: #CCC}
#ad h2.menu { margin-bottom:2px;}
#ad h2.cats { margin-bottom:2px;}
#ad h2.cal { margin-bottom:2px;}
#ad h2.search {background: transparent url(img/search.png) no-repeat top left;}
#ad h2.file {background: transparent url(img/file.png) no-repeat top left;}
#ad h2.meta {background: transparent url(img/meta.png) no-repeat top left;}
#ad h2.blogroll { margin-bottom:2px; }
#ad h2.comment {background: transparent url(img/comment.png) no-repeat top left;}
#ad ul {margin: 0px;padding:0px;}
#ad ul li {background: transparent no-repeat top left; padding-left: 0px; border-bottom: 0px solid #f0f0f0;}
#ad ul li ul {border-top: 0px solid #f0f0f0; margin-bottom:0px;}
/*#ad ul li ul li {font: 11px Verdana, Arial, Helvetica, sans-serif;padding-left:25px; border-bottom:dotted 1px #ccc; background:transparent url('img/nav4.gif') 5% 60% no-repeat;padding-top:2px;}*/
#ad ul.links li {float:left;display: inline;overflow:hidden;border:none; padding-left:0px;}
#ad ul.links li h2 {color: #666;}
#ad ul.links li ul li {padding-left:20px;}
#ad img {margin:1px 0 0 0; padding:0px 0 0 0; border: none;}
#ad .navigation{margin-top:4px;padding-left:8px;}
#ad ul.navigation li{font: bold 11px Verdana, Arial, Helvetica, sans-serif;padding-top:8px;color:#a71;line-height: 1.4em;}
#ad ul.navigation li a{text-decoration:none; color:#a71;}
#ad ul.navigation li a:hover{text-decoration:none; color:#c93;background-color:#ddd;}
#ad .categories{margin-top:3px;padding-left:4px;line-height: 1.4em;}
#ad ul.categories li h2{font: bold 11px Verdana, Arial, Helvetica, sans-serif;padding-top:8px;color:#333;}
#ad ul.categories li ul li{font: bold 11px Verdana, Arial, Helvetica, sans-serif;padding-left:5px;padding-top:5px;color:#999;line-height: 1.4em;}
#ad ul.categories li ul li a{text-decoration:none; color:#c93;}
#ad ul.categories li ul li a:hover{text-decoration:none; color:#c93;background-color:#ddd;}
#ad .hr {
background:#FFFFFF url(img/dotline.gif) repeat-x scroll 0%;
border:0px none;
height:1px;
margin-bottom:2px;
margin-left:10px;
margin-right:2px;
margin-top:8px;
width:120px;
}