/*  
Theme Name: Waboba Blog theme by charlie 2012-5-16
Theme URI: http://wobobaasia.com
Description: Created by <a href="http://magictim.cn/">magictim</a>.
Version: 2.0
Author: magictim
Author URI: http://magictim.cn/	
This theme is released under the Creative Commons Attribution 2.5 License.*/

/* CSS Document */
* { margin:0; padding:0;}
body { font:75% Verdana; margin:0; color:#000; background:#f3f3f3 url(images/bg_top2.png) no-repeat top center;}
a { text-decoration: none; color:#0092d1; }
a:hover { color:#000;  }
ul,ol {list-style-type:none;}
img { border: none; text-decoration: none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
#container {}
#container_in { margin:0 auto; width:960px; }
/* Header */
.footer-facebook{
	float:right;
	width:225px;
	height:48px;
	margin:5px 45px 0 0;
}
.footer-icon{
	width:36px;
	height:36px;
	margin:0 5px;
	float:left;
	cursor:pointer;
}
#header { width:100%; height:100%; }
#header a { text-decoration:none;}
#header	#top { width:100%; height:167px; overflow:hidden; }
#header	#top #logo { float:left; height:340px; width:409px; overflow:hidden;  }
#header	#top #logo a { display:block; width:409px; margin-top: 20px; }
#header .menu { height:60px; margin-top:10px; float:left; width:100%; display: none;}
#header .menu ul { float:left; width:475px; padding-left:20px;}
#header .menu ul li { float:left; height:50px; overflow:hidden; line-height:55px; margin:0 5px; font-size:14px; font-weight:bold;}
#header .menu ul li a { color:#eee; display:block; background:url(images/menu-new2.png) no-repeat 0 0; text-indent:-9999px;}
#header .menu ul li.blog { width:80px; }
#header .menu ul li.blog a { background-position:0 0;}
#header .menu ul li.blog a:hover,
#header .menu ul li.blog a.on { background-position:0 -55px;}
#header .menu ul li.cont { width:122px; }
#header .menu ul li.cont a { background-position:0 -117px;}
#header .menu ul li.cont a:hover,
#header .menu ul li.cont a.on { background-position:0 -169px;}
#header .menu ul li.wa { width:101px; }
#header .menu ul li.wa a { background-position:0 -235px;}
#header .menu ul li.wa a:hover,
#header .menu ul li.wa a.on { background-position:0 -290px;}
#header .menu ul li.contact { width:131px; }
#header .menu ul li.contact a { background-position:0 -361px;}
#header .menu ul li.contact a:hover,
#header .menu ul li.contact a.on { background-position:0 -418px;}


#search {}
#search .btn {cursor:pointer; float:right;width:37px; height:26px;  background:url(images/sch.png) no-repeat top; color:#fff; border:0; padding: 0; text-indent:-9999px;}
#search .txt { width:220px; height:24px; line-height:26px; border:1px solid #CCC; padding:0;}


#header .menu .feedicon { width:33px;}
#header .menu .feedicon a { width:33px; height:26px;   display:block; text-indent:-9999px; background:url(images/feed.png) no-repeat top;}
/* main */
#main {overflow:hidden; height:100%; width:960px; background:#f5f5f5 url(images/bg_mid.png) repeat-y left;}
.mainbtm { clear:both;overflow:hidden; height:20px; width:960px; background:url(images/bg_bottom.png) no-repeat top;}
#main #sidebar { float:right; width:320px; padding:10px 10px 10px 30px; overflow:hidden; }
#main #content { float:left; width:480px; overflow:hidden; padding:0 0 0 20px; margin:10px 0; }
#content .post { margin-bottom:20px; height:100%; overflow:hidden; position: relative; float:left;width:480px;}
#content .post .tt { font-size:36px; line-height:30px; font-family: "BigNoodle";}
#content .post .tt a { text-decoration:none; color: #333;}
#content .post .tt a:hover { border-bottom:1px dotted;}
#content .single .tt { font-size:200%; line-height:30px; font-weight:bold; color:#720000;}
#content .post small { font-size:12px; line-height:20px;}
#content .post .postmeta { line-height:20px; height:100%; overflow:hidden; padding-bottom:10px; clear:both;}
#content .post .in { clear:both; height:100%; overflow:hidden;}
#content .post .in .meta { padding:5px;}
#content .post .postcontent { line-height:18px; padding-top:10px;}
#content .post .postcontent p { margin-bottom:16px;}
#content .post .postcontent blockquote { padding:5px; margin-bottom:10px; border:1px #e8f1e6 solid; border-left:10px #e8f1e6 solid; background:#f7f7f7;}
#content .post .postcontent blockquote p { margin:4px 0 6px 0;}
#content .post .postcontent h1 { font-size:200%; font-weight:bold; line-height:50px;}
#content .post .postcontent h2 { font-size:170%; font-weight:bold; line-height:40px;}
#content .post .postcontent h3 { font-size:140%; font-weight:bold; line-height:30px; height:auto; background:none; text-indent:0; border-left:0; }
#content .post .tt-right{ position: absolute; right: 0; top:0; }
#content .post .postcontent img { background:#f7f7f7; padding:2px; border:1px #eee solid; margin-bottom:5px;}
#content .post .postcontent .post-banner img { background:#fff; padding:0; border:0;}
#content .post .postcontent img.aligncented { display:block; margin-left:auto; margin-right:auto;}
#content .post .postcontent img.alignright { padding:4px; margin:0 0 2px 7px; display:inline;}
#content .post .postcontent img.alignleft { padding: 4px; margin:0 7px 2px 0; display:inline;}
#content .post .postcontent .alignright { float: right;}
#content .post .postcontent .alignleft { float: left;}
#content .post .postcontent .aligncenter { display:block; margin-left:auto; margin-right:auto;}
#content .post .postcontent .wp-caption { background:#f7f7f7; padding:5px 0; border:1px #e8f1e6 solid; text-align:center;}
#content .post .postcontent .wp-caption img { background:none; padding:0; border:0;}
#content .post .postcontent .wp-caption.alignright { padding:4px; margin:0 0 2px 7px; display:inline;}
#content .post .postcontent .wp-caption.alignleft { padding: 4px; margin:0 7px 2px 0; display:inline;}
#content .post .postcontent h4 { font-size:110%; font-weight:bold; line-height:20px;}
#content .post .postcontent ul { list-style:disc inside; margin-left:10px;}
#content .post .postcontent ul ul { list-style-type:circle; margin-left:20px;}
#content .post .postcontent ol { list-style:decimal inside; margin-left:10px;}
#content .post .postcontent ol ol { list-style-type:circle; margin-left:20px;}
#content .post .postcontent .more-link { display:block; padding:5px 0;}
#content .single .tt { font-size:36px; font-weight:100; line-height:40px;}
#content .single .content { font-size:120%; line-height:20px; margin-top:10px;}
#content .single .content p { margin-bottom:12px;}
#content .nextone { display:block; text-align:center; font-size:12px; border-top:1px #eee solid; height:30px; overflow:hidden; line-height:30px; width:740px; padding:0 10px;}
#content .nextone .pre { float:left;}
#content .nextone .next { float:right;}
#content .dot-line{float: none;height: 17px;margin: 15px 0; width: 536px;z-index:99;position:relative;}

.comments-box { height:100%; overflow:hidden; padding:10px; margin-top:10px;}
.comments-box #respond,.comments-box #comments { font-size:130%; line-height:30px; font-weight:bold; }
.commentlist {}
.commentlist li { margin:5px 0; clear:both; height:100%; padding:0; }
.commentlist li .head { padding:5px; background:#f1f5fa;}
.commentlist li p { line-height:20px; margin-bottom:10px;}
.comments-box #author,.comments-box #email,.comments-box #url,.comments-box #comment { border:1px #aaa solid; width:300px;}
.comments-box #comment { width:400px;}
.comments-box small { font-size:100%;}
.commentform p { margin-bottom:5px;}

/* sidebar */
.sch{
    float: left;
    height: 25px;
    margin: 10px 0 0 10px;
}
.feedicon{ float: right; margin: 0 0 0 8px; }
#feedico{ background:url(images/feed.png) no-repeat left; }
#sidebar a { text-decoration:none;}
#sidebar a:hover {}
#sidebar .widget { margin-bottom:10px; clear:both; padding:10px; }
#sidebar .widget h2 { line-height:25px; height:25px; font-size:14px; font-weight:bold; }
#sidebar .widget ul { }
#sidebar .widget ul ul { }
#sidebar .widget ul li { line-height:20px; }
.widget_tag_cloud a { text-indent:10px;}

#sidebar .widget_text h2,
#sidebar .widget_links h2 { background-position:0 -25px;}
#sidebar .widget_recent_entries h2 { background-position:0 -50px;}
#sidebar .widget_recent_comments h2 { background-position:0 -75px;}

.sidebar .social-title{margin:0;width:280px;height:35px;}

/* Footer */
#footer { text-align:center; clear:both; height:30px; font-weight:bold; line-height:30px; overflow:hidden; padding:130px 0; }
#footer a { }

.bookmarkicon a { display:block; float:left; width:16px; text-indent:-9999px; height:16px; overflow:hidden; margin:3px; background:url(images/bookmark.gif) no-repeat 0 0;}
.bookmarkicon a.bm_facebook { background-position:0 0;}
.bookmarkicon a.bm_twitter { background-position:0 -16px;}
.bookmarkicon a.bm_digg { background-position:0 -32px;}
.bookmarkicon a.bm_163 { background-position:0 -48px;}
.bookmarkicon a.bm_sina { background-position:0 -64px;}
.bookmarkicon a.bm_renren { background-position:0 -80px;}
.bookmarkicon a.bm_qq { background-position:0 -96px;}
/* common */
.archive_tt { height:40px; line-height:40px; margin-bottom:20px; border-bottom:1px #c6c6c6 solid;}
.warning { clear:both; padding:10px; text-align:center; }
.wp-pagenavi { clear:both; padding:0 10px; line-height:30px;}
.fl { float:left;}
.fr { float:right;}

.logo{width:277px;float: left; cursor: pointer;}
.header-nav {
    clear: right;
    float: right;
    height: 30px;
    overflow: visible;
}
.head-nav li {
    cursor: pointer;
    float: left;
    font-size: 18px;
    margin: 0 0 0 15px;
    overflow: visible;
    text-align: center;
}
.body{margin:auto;}
.orange{color: #f16c4b;}
.imgbox img{width:158px;}
.social-container{
	padding:10px;
	padding-top:0;
}
.social-container #facebook-container, .social-container #facebook-container {
	margin-bottom: 15px;
	float: left;
}
#main-2{float: left;}
#main-container-up #main{
	overflow: visible;
}
.sidebar #facebook-container{
    background: url("images/blog-facebook-con.png") no-repeat scroll 15px 22px #A3D4F5;
    float: left;
    height: 60px;
    width: 300px;
    margin-top: 30px;
}
.sidebar #twitter-container .social-title, .sidebar #twitter-container .social-content{
	padding:10px;
	background: #FED561;
}
.sidebar #twitter-container .social-title{
	padding-bottom: 0;
}
.sidebar #twitter-container .social-content{
	padding-top: 0;
	width:auto;
}
.sidebar #facebook-container .text{
    color: #FFFFFF;
    float: left;
    font-family: "BigNoodle";
    font-size: 23px;
    margin: 18px 0 0 45px;
    cursor: pointer;
}
.sidebar #facebook-container .like-button{
    float: left;
    width: 100px;
    margin: 20px 0 0 20px;
}
#main-container-up{
	position: relative;
}
.pagination{
	position:relative;
	z-index:99;
	width:100%;
	float: left;
}
.pagination .page-numbers{
	padding: 0px 18px;
	vertical-align: top;
	line-height: 28px;
	cursor: pointer;
	color:#464241;
}
.pagination .prev{
	padding-top:0;
	padding-left: 0;
}
.pagination .next{
	padding-top:0;
	padding-right: 0;
	float: right;
}
.pagination .current{
	background: url("images/selected-page.png") no-repeat scroll 2px 4px transparent;
	color:#fff;
	padding:10px;
}
#sidebar #facebook-container iframe{
	width:95px;
	float:right;
	margin-top:19px;
}