/* edited from Style Code name Goettinsprache Vanadium  */

html{background:#f7f7f7 url(images/bg-pattern.jpg)}
body{margin:0;padding:5em 0}
#header{position:fixed;top:0;left:0;display:inline ;overflow:hidden;right:0;height:60px;background:white;z-index:999;border-bottom:1px solid #ddd;}
#blogTitle .title{font-size:3em;margin:0;line-height:60px;/*width:30%;*/}
#blogTitle .title a{color:#555;text-decoration:none;display:block;float:left;padding:0 1%;}
#blogTitle .title a:hover{background:#f33298;color:white;}
#blogTitle .title a:hover:first-letter{color:white}
#blogTitle .title a:first-letter{color:#f33298}
#blogTitle .subtitle{
visiblity:hidden
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;top:0;margin-left:21.5em;*/
 position:fixed;
  margin-left: 21.5em;
  max-height: 60px;
}
#navList{list-style:none;margin:0;padding:0;
max-height: 60px;
overflow: hidden;display:inline-block}
#navList li{margin:0;padding:0;line-height:60px;float:left;display:inline;}
#navList li a{
    display:block;
    color:#666;
    text-decoration:none;
    padding:0 0.5em;
}
#navList li a:hover{
    background:#f33298;
    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:1024px;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.2em;
position:absolute;
/*right:100%;*/
margin-top:-2em;
width:20em;
font-size:1.5em;
}
#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{
	overflow:hidden
    border:1px solid #ddd;
    font-size:85%;
    padding:10px;
    width:16em;
min-height:7em;
opacity:0.5;
position:absolute;
left:55%;
margin-left:85px;
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{
	visibility: hidden ;
	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:#111111}

.postTitle a{
	color:#1111111;	
	text-decoration:none;
}
.dayTitle{display:none}
.postDesc{font-size:small;margin-bottom:5em;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}

#leftcontentcontainer{
	visibility: hidden ;
}

#blogTitle {
   float:letf;
   margin:0 auto;
}
.menu {
    font-size:1.2em;
}