html{
	background:#f7f7f7 url(images/bg-pattern.jpg)
}


body{
	margin:0;
	padding:5em 0
}


#header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:60px;
	background:white;
	z-index:999;
	border-bottom:1px solid #ddd;
}


#blogTitle .title{
	font-size:28px;
	margin:0;
	line-height:60px
}


#blogTitle .title a{
	color:#555;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em 0 0.3em;
}


#blogTitle .title a:hover{
	background:#5c67f6;
	color:white;
}


#blogTitle .title a:hover:first-letter{
	color:white
}


#blogTitle .title a:first-letter{
	color:#5c67f6
}


#blogTitle .subtitle{
	font-size:85%;
	line-height:1.2em;
	color:#999;
	margin-top:-0.7em;
	background:white;
	float:left;
	padding:0.1em 0.75em;
	border:1px solid #ddd;
	border-radius:0.7em;
	-moz-border-radius:100%;
	-webkit-border-radius:0.7em;
	clear:both;
	margin-left:1.5em;
}


.blogStats{
	display:none
}


#navigator{
	position:absolute;
	left:15em;
	top:0;
}


#navList{
	list-style:none;
	margin:0;
	padding:0;
}


#navList li{
	margin:0;
	padding:0;
	line-height:60px;
	float:left;
}


#navList li a{
	
    display:block;
	
    color:#666;
	
    text-decoration:none;
	
    padding:0 1em;
	

}


#navList li a:hover{
	
    background:#5c67f6;
	
    color:white;
	

}


#navList li a.aHeaderXML{
	
    background:url(data:image/gif;
	base64,R0lGODlhDgAOANUAAP3+/v7+/f75/P3v9v3v9/3q9Pzf7vze7vzZ6/zZ7PzW6vzV6fzV6vvH4vvG4vvB3/vA3/q22vqs1fmk0fmj0Pmi0Pmh0Pmhz/mgz/iYy/iNxfiNxveFwveFwfeDwPd/vvd+vvZ5vPd5u/Z4u/ZzuPZyuPZutvZttvVjsPZjsPVbrPVarPVUqfRKpPRJo/RJpPRGofRGovRFovRAn/RBoPQ+nvM9nfQ9nvM5nPM4m/MzmPM0mfMymP///wAAAAAAACH5BAEHAD0ALAAAAAAOAA4AAAZ1wNuqFBkAesgkksdkegrKJEUUa+Iu0WQiw2p+BNlAT8HRmU9gZIrDSFZkTFCyaTIgJXAeBil6MWsNSBZmOVBIGzQ8OA5IHU5KEC08NQc9C108BEoPMzwmSBlMEVEaTAs9CDA8JFkuPB1IIzwqWSE8KEgTPDZBADs=) no-repeat;
	width:14px;
	height:14px;
	
    position:relative;
	
    left:2.75em;
	
    bottom:48px

}


#navList li a:hover+a.aHeaderXML{
	
    background-image:url(data:image/gif;
	base64,R0lGODlhDgAOANUAAP/////9/v/5/P71+v7z+f7x+P7w9/7s9f7q9P7o8/3c7v3X6/3V6vzP5/zN5vzE4fvA3/u+3vu73fu42/uz2fqt1vqj0fmazPmRyPiOxviNxviFwvd6vPdwt/dutvZqtPVbrfVYq/VUqfVSqPRGovRDoPMymAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHACYALAAAAAAOAA4AAAZtQMICwimZjkgkYAkIVEhJpGaCYAowUWToomBSskhQhflIOiogZOaw/B7Jo+OGDcCaJoll4XPELAVQRxYGAAJ8JmMAFUkdeQUiJiBdAUZIHgUAZSYXSxxRFktpIVURWXmLJhIADFkTAA1HGgADQQA7)

}


#navList li a.aHeaderXML img{
	display:none
}




#mainContent{
	width:600px;
	margin:auto;
	position:relative;
	margin-top:2.5em;
	z-index:20
}


.postCon,.postBody{
	background:white;
	padding:10px 9px 9px 10px;
	
    border-right:1px solid #ddd;
	
    border-bottom:1px solid #ddd;
	
    min-height:12em;
	

}


.postTitle{
	
    background:#f33298;
	
padding:0.4em;
	
position:absolute;
	
right:100%;
	
margin-top:7px;
	
width:9em;
	
font-size:1.1em;
	

}


#post_next_prev{
	font-size:small
}



.feedback_area_title{
	display:none
}


.feedbackItem{
	border-top:1px dotted #999;
	font-size:85%;
	position:relative;
	padding:0.4em 0;
	margin-bottom:1.2em;
}


.feedbackItem a{
	color:#c28
}


.feedbackCon{
	margin:0.4em 1em;
	color:#444
}


.feedbackListSubtitle{
	color:#666
}


.feedbackListSubtitle a{
	color:#a56;
	text-decoration:none
}


.feedbackManage{
	position:absolute;
	right:0;
}



#comment_form{
	background:white;
	border:1px solid #ddd;
	outline:1px solid white;
	padding:10px;
	position:relative;
	font-size:85%;
	margin-top:2.5em
}


#commentform_title{
	background:none;
	padding-left:0;
	font-size:1.4em
}


#comment_form a{
	color:#f33298;
	text-decoration:none;
}


#comment_nav{
	font-size:small;
	position:absolute;
	right:0.5em
}


#comment_nav a{
	color:#f5a
}


.commentbox_title_left{
	display:none
}


.ad_commentbox_up{
	display:none
}


.commentbox_title, div.commentform .comment_textarea{
	width:570px
}




.newsItem{
	
    border:1px solid #ddd;
	
    font-size:85%;
	
    background:white;
	
    padding:10px;
	
    width:16em;
	
min-height:7em;
	
opacity:0.5;
	
position:absolute;
	
left:50%;
	
margin-left:110px;
	
top:-2.75em;
	
z-index:1;
	
transform:rotate(7.5deg);
	
-moz-transform:rotate(7.5deg);
	
-webkit-transform:rotate(7.5deg);
	
-o-transform:rotate(7.5deg);
	
transform-origin:0 0;
	
-moz-transform-origin:0 0;
	
-webkit-transform-origin:0 0;
	
-o-transform-origin:0 0;
	
transition:0.75s;
	
-moz-transition:0.75s;
	
-webkit-transition:0.75s;
	
-o-transition:0.75s;
	

}


.newsItem h3.catListTitle{
	position:absolute;
	right:0;
	bottom:100%;
	margin:0;
	padding:0.2em 0;
	color:#666;
	font-size:1.4em;
}


.newsItem:hover{
	z-index:999;
	opacity:1;
	transform:none;
	-moz-transform:none;
	-webkit-transform:none;
	-o-transform:none;
}



#calendar,#profile_block,.mySearch h3,.catListComment{
	display:none
}


div.mySearch div{
	position:absolute;
	top:0.2em;
	right:0;
	margin-right:0.75em
}


#leftcontentcontainer {
	background:white;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	height:3em;
	font-size:85%;
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	z-index:40
}


#leftcontentcontainer li a{
	color:#f33298;
	text-decoration:none;
	display:block;
	padding:0.3em;
}


#leftcontentcontainer li a[id$=RssLink]{
	position:absolute;
	right:0;
	top:0;
}


#leftcontentcontainer li a:hover{
	background:#f33298;
	color:white
}


#leftcontentcontainer ul{
	
    position:absolute;
	
    width:12em;
	
    margin:0;
	
    padding:0.4em 0.4em 3em 0.4em;
	
    list-style:none;
	
    bottom:-1em;
	
    min-height:10em;
	
    left:0;
	
    background:white;
	
    outline:1px solid white;
	
    border:1px solid #ddd;
	
    z-index:60;
	
    display:none

}


#leftcontentcontainer ul li{
	position:relative;
}


#leftcontentcontainer>div:hover ul{
	display:block
}


#leftcontentcontainer>div{
	float:left;
	height:2em;
	position:relative;
}


#leftcontentcontainer>div.mySearch{
	position:static
}


#leftcontentcontainer h3{
	font-size:1.2em;
	line-height:1;
	padding:0.7em 0.75em;
	margin:0;
	position:relative;
	z-index:50;
	cursor:pointer;
}


#leftcontentcontainer>div:hover h3{
	z-index:70
}


#leftcontentcontainer .catListTag li a {
	display:inline;
}


#leftcontentcontainer .catListTag li{
	display:inline-block;
	padding:0 0.4em;
	white-space:nowrap
}



#footer{
	margin-top:2em;
	text-align:center;
	color:#999
}



#header, #leftcontentcontainer,#blogTitle .subtitle{
	
    box-shadow:rgba(0,0,0,0.075) 0 0 32px;
	
-moz-box-shadow:rgba(0,0,0,0.075) 0 0 32px;
	
-webkit-box-shadow:rgba(0,0,0,0.075) 0 0 32px;
	
   

}



.topicListFooter{
	margin:0
}


.topicListFooter a{
	color:#f33298
}



.postTitle a{
	color:white;
	text-decoration:none;
}


.dayTitle{
	display:none
}


.postDesc{
	font-size:small;
	margin-bottom:4em;
	text-align:right;
	padding:0.4em 0;
	color:#999
}


.postDesc a{
	color:#d89
}



.postBody, .postCon{
	
    line-height:1.5;
	

}


.postBody a,.postCon a{
	color:#f33298;
	text-decoration:none
}


.postBody a:hover,.postCon a:hover{
	background:#f33298;
	color:white;
}


.postBody pre span{
	line-height:1.2em
}


pre.code{
	
  background:#3f3f3f;
	
  line-height:1.2em;
	
  color:#ddd;
	
  margin:0.3em;
	
  padding:0.5em;
	
  font-family:Consolas, "Bitstream Vera Sans Mono",Consolas,monospace

}


#home{
	position:relative
}


pre.output{
	background:#444;
	color:#ccc;
	margin:1em 0;
	padding:0.5em;
}



pre.mghl.highlighted {
	 
color:rgb(223,223,191);
	font-size:14px;
	
background:rgb(63,63,63);
	font-family:Consolas,"Bitstream vera sans mono","Monaco",monospace;
	white-space:pre-wrap;
	*word-wrap:pre;
	*word-wrap:break-word;
	line-height:1.2;
	padding:0.5em;
}


pre.mghl.highlighted span.identifier{
	color:rgb(223,223,191);
}


pre.mghl.highlighted span.keyword {
	 color: rgb(164,213,238);
	 font-weight:bold;
}


pre.mghl.highlighted span.comment {
	 color:rgb(127,159,127);
 }


pre.mghl.highlighted span.string {
	 color:rgb(200,145,145);
 }


pre.mghl.highlighted span.regexp {
	 color: rgb(200,145,145);
 }


pre.mghl.highlighted span.number {
	 color: rgb(138,204,207);
 }


pre.mghl.highlighted span.type {
	 color: rgb(175,240,223);
 }


pre.mghl.highlighted span.operator {
	color:rgb(255,200,217);
}


pre.mghl.highlighted span.punctor {
	color:rgb(217,200,255);
	font-weight:bold
}


pre.mghl.highlighted span.tab{
	background:#777;
}


pre.mghl.highlighted span.indent{
	padding:0 1em;
}



.postCon p,.postBody p{
	margin:1.2em 0!important
}



.c_ad_block,#digg_block,#relative_search,#blog_ad_google{
	display:none!important
}



/*type*/

h1,h2,h3,h4,h5,h6,#blogTitle, .postTitle,#navigator,.feedback_area_title,#commentform_title,.newsItem{
	
    font-family:Candara,Verdadana,Helvetica,Arial,华文细黑,微软雅黑,黑体,sans-serif;
	
    font-weight:normal;
	

}


.feedbackItem,.postDesc,#comment_form,#leftcontentcontainer,#footer,.topicListFooter{
	font-family:Calibri,Verdana,Helvetica,Arial,微软雅黑,MS Meiryo,sans-serif;
	line-height:1.2
}