@charset "utf-8";
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}del,ins{text-decoration:none;}

/* CSS Document */
body{font-size:14px;line-height:1.5em;font-family:"Microsoft YaHei",Arial;color:#ffffff;}
a:hover{
	color:#ffffff!important;text-decoration:underline!important;
	background-color:#454545!important;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-shadow:1px 1px 4px #000;
}
h1{}
h2{font-size:18px;font-weight:bold;}
strong{font-weight:bold;border-bottom:1px dotted;}

h1 a:hover, h2 a:hover{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

a.sample-link{font-size:18px;font-weight:bold;color:#99ffcc;text-decoration:underline;}

#page{width:100%;min-width:998px;background:#333333 url(images/july-left-bg.png) repeat-y;}

#header{background:url(images/header-bg.png) repeat-x;}
#header h1 a{display:block;width:392px;height:101px;text-indent:-4000px;outline:none;background:url(images/july-header.png) no-repeat;}
#header .description{
	position:absolute;top:10px;left:70px;font-size:18px;
	text-shadow:1px 1px 4px #000;
}
#header .menu{margin:-48px 40px 0 404px;height:48px;font:bold 22px Arial;background:url(images/poweredby.png) no-repeat 100% 100%;}
#header .menu a{
	padding:0 12px;text-decoration:none;color:#ffffff;background:none!important;
	text-shadow:1px 1px 0 #000, 1px 1px 8px #000;
}

/* For Navigation */
.navigation{margin:6px 0;overflow:hidden;}
.navigation a{font-weight:bold;color:#99ffcc!important;}
.alignleft{display:inline;float:left;text-align:left;}
.alignright{display:inline;float:right;text-align:right;}

#mainside{float:left;width:100%;}
#sidebar{
	float:left;margin:8px 0 0 -300px;width:240px;padding:0 20px 20px;
	background:-moz-linear-gradient(right center, #333333 10%, #454545 90%);
	background:-webkit-gradient(linear, right top, left top, color-stop(0.1, #333333), color-stop(0.9, #454545));
	-moz-box-shadow:1px 1px 8px #000;
	-webkit-box-shadow:1px 1px 8px #000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#content{padding:0 320px 0 70px;}
#content .post{margin-top:18px;border-bottom:3px dotted #cccccc;}
#content .post h2, #content .post h2 a{
	padding:4px 0;color:#99ffcc;text-decoration:none;cursor:pointer;
	text-shadow:0 0 2px #00cccc, 1px 1px 8px #000;
}
#content .post h2:hover{
	background:#454545;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#content .post h2 a{background:none!important;}
#content .post h3 a{font-size:18px;font-weight:bold;color:#99ffcc;text-decoration:none;}
#content .post .date{float:right;margin:-18px 2px 0 0;color:#99ffcc;font-size:10px;}
#content .post .indexHidden{display:none;}
#content .post .entry{clear:both;}
#content .post .entry p{margin:0 0 1em;text-indent:2em;}
#content .post .entry blockquote{margin:0 2em 1em;border:1px solid #ffffff;padding:6px;background:#666666;}
#content .post .entry blockquote p{text-indent:0;}
#content .post .entry .wp-caption{width:640px;}
#content .post .entry .wp-caption-text{margin-top:-6px;text-indent:0;text-decoration:underline;font-style:italic;}
#content a{color:#ccffff;}
#content .post .entry img{margin:8px 0 0 0;padding:1px;border:1px solid #ffffff;}
#content .post .postmetadata{padding:18px 0;font-size:12px;line-height:16px;overflow:visible;}
#content .post .postmetadata a[rel="tag"]{padding:0 6px 0 16px;background:url(images/tag.png) no-repeat 0px 2px;}

/* For Post CodeBox */
.wp_codebox_msgheader, .wp_codebox{width:auto!important;margin:0 2em!important;}
.wp_codebox_msgheader{margin-top:1em!important;}
.wp_codebox_msgheader a{color:#0066cc!important;}
.wp_codebox{margin-bottom:1em!important;}
.wp_codebox .code{background:url(images/code.jpg) no-repeat 100% 100%;}

/* For Post Single Page */
.postsingle h2{margin-bottom:4px;}
.postsingle h3{margin-top:12px;font-weight:bold;color:#99ffcc;}
.postsingle h3#comments{padding-left:40px;}
.postsingle .alt{padding-top:0!important;}

/* For Comments */
ol.commentlist{margin:0 40px;}
.commentlist li{margin-top:6px;padding-bottom:6px;border-bottom:1px dotted #cccccc;}
.commentlist .avatar{float:left;margin-right:6px;padding:1px;border:1px solid #ffffff;}
.commentlist .comment-author, .commentlist .comment-meta{font-size:12px;}
.commentlist .comment-meta a{text-decoration:none;}
.commentlist .fn{font-weight:bold;}
.commentlist p{padding-left:58px;}
.commentlist .reply{clear:both;}

/* For Respond */
#respond{padding-left:40px;}
#respond p{margin:6px 0;}
#respond label{font-size:12px;text-decoration:underline;}
#respond input, #respond textarea{border:1px solid;border-color:#ccffff;color:#333333;}
#respond input#submit{border-color:#ffffff;padding:2px 8px;background:#666666;color:#ffffff;}

/* For Page Single Page*/
.pagesingle .post{border:none!important;}
.pagesingle h3{padding:6px 0;font-size:18px;font-weight:bold;}
.pagesingle ol li{margin-left:2em;list-style:decimal;}

.mod{margin-top:18px;}
.mod h2{
	margin-bottom:4px;color:#ffcc99;text-align:right;
	text-shadow:0 0 1px #ffcc00, 1px 1px 8px #000;
}

.about-me strong{font-family:Arial;}
.about-me .email, .about-me .rss{text-align:right;}
.about-me .email strong{color:#ffcccc;text-decoration:underline;}
.about-me .rss a{padding-left:20px;color:#ffcccc;background:url(images/feed.png) no-repeat 0px 3px;}

.crumbs{text-align:right;}
.crumbs a{font-family:Arial;font-weight:bold;color:#ffcccc;}

.links li{text-align:right;}
.links li a{color:#ffffff;text-decoration:none;}
.categories li a{padding-left:20px;background:url(images/folder.png) no-repeat 0px 3px;}
.categories .children li a{padding:0;background:none;}

.archives li a{padding-left:20px;background:url(images/calendar_month.png) no-repeat 0px 3px;}
.archives{text-align:right;}

a.xhtml{padding-left:20px;background:url(images/xhtml.png) no-repeat 0px 3px;}
a.vcss{padding-left:20px;background:url(images/css.png) no-repeat 0px 3px;}

.skyscraper{text-align:center;}

/* For my friends sidebar */
#linkcat-2 li a{padding-right:18px;background:url(images/medal.png) no-repeat 100% 3px;}

/* For my comments sidebar */
.comments li{border-bottom:1px dotted #cccccc;padding-bottom:4px;}
.comments cite, .comments span, .comments blockquote{display:block;}
.comments cite a{padding-right:18px;font-weight:bold;color:#ffcccc;background:url(images/user.png) no-repeat 100% 2px;}
.comments span a{font-size:12px;}

/* For meta sidebar */
/*.meta{padding-bottom:132px;background:url(images/snowman.png) no-repeat 100% 100%;}*/

#footer{clear:both;padding-top:24px;color:#333333;background:url(images/july-footer-bg.png) repeat-x 0 100%;}
#copyright{height:100px;background:url(images/july-footer.png) no-repeat;}
#copyright p{margin-bottom:10px;font-family:Arial;font-size:12px;line-height:14px;text-align:right;}
#copyright a{font-weight:bold;color:#333333;}
a#gotop{position:fixed;left:21px;bottom:67px;display:block;width:38px;height:33px;background:transparent url(images/gotop.png) no-repeat!important}

.month01, .month02, .month03, .month04, .month05, .month06, .month07, .month08, .month09, .month10, .month11, .month12
{display:block;float:left;padding:0 42px 0 108px;font:bold 36px/34px Arial;color:#cccccc;background:url(images/month.png) no-repeat;}
.month01{}
.month02{background-position:0px -34px;}
.month03{background-position:0px -68px;}
.month04{background-position:0px -102px;}
.month05{background-position:0px -136px;}
.month06{background-position:0px -170px;}
.month07{background-position:0px -204px;}
.month08{background-position:0px -238px;}
.month09{background-position:0px -272px;}
.month10{background-position:0px -306px;}
.month11{background-position:0px -340px;}
.month12{background-position:0px -374px;}

#header h1{background:url(images/d2-logo.jpg) no-repeat 100% 0;}
#header .menu{background-image:url(images/d2-poweredby.png);}

.indexHidden:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;}