@charset "UTF-8";
/* CSS Document */
*{
    margin:0px;
    padding:0px;
}

html{
   margin: 0px;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0px;
}

body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #333333;
}
body {
    background-image: url('/static/images/slash.png');
    background-color: #FFFFFF;
    margin:0px;
}

form, input {
    margin: 0px;
    padding: 0px;
}
a {
    text-decoration: underline;
}
a img {
    border: 0;
}

a { color: #555555;}
a:link { color: #555555;}
a:visited { color: #666666;}
a:active { color: #999999;  }
a:hover { color: #999999;  }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin:0px 0px 10px 0px;
    font-size: 10pt;
}

ol, ul{
    list-style-position:inside;
}

/* standard helper classes */
.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0px -1px -1px 0px;
    border: none;
    padding: 0px;
    font-size: 1px;
    line-height: 0px;
}

/* page layout */
body {
    text-align: center;
}

#container {
    margin: 0px 25px;
    text-align: left;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color:#fff;
}

#banner {
    background-color: #fff;
    padding: 0px;
    height:39px;
    position:relative;
}

#banner-header {
    padding:6px 5px 0px;
    margin: 0px 0px;
    color: #363;
    font-size: 18pt;
    font-weight: bold;
    line-height:1;
}
#banner-header a{
    color: #363;
    text-decoration:none;
}

#content-nav{
    border-top:1px solid #363;
    background-color:#fff;
    padding: 0px 4px 6px 4px;
    margin-bottom: 6px;
    text-align:right;
}

#content-nav ul{
     padding: 0;
     margin: 0;
     list-style: none;
}

#content-nav ul li{
     padding: 0;
    margin: 0;
     display: inline;
     list-style: none;
}

#content-nav ul li a{
    color:#363;
    font-weight:bold;
    padding: 2px 2px;
    text-decoration:none;
}

#content-nav ul li a span{
    padding: 0px;
}

#pagebody {
    padding-top:1px;
    width: 100%;
}

#pagebody-inner {
    margin:0px 6px;
    position:relative;
}

#main{
    _display:inline-block;
    padding: 0;
    margin: 0px 204px 0px 0px;
}

#sub{
    position: relative;
    float:right;
    width:197px;
}

.adsense{
    margin:10px 0px 0px;
    padding-bottom: 10px;
    text-align:center;
    clear:both;
}

#footer{
    margin:10px 0px 0px;
    padding-bottom: 10px;
    text-align:center;
    clear:both;
}

/* page-title  */
.page-title{
    background-color:#eee;
    margin: 0px 0px 7px 0px;
    padding:3px 0px;
}

.page-header{
    margin: 0px 3px;
    padding: 3px;
    border: #999999 solid 1px;
    background-color: #fff;
    color: #333;
    font-weight: normal;
    font-size:12pt;
}

.page-header a{
    color:#333;
    text-decoration: none;
}

.page-sort-ctrl{
    margin: 0px 0px 7px 0px;
    text-align:right;
}

/* relatetags  */
.relatetags{
    padding:2px 5px 0px;
    line-height:130%;
}

/* entry */
.entry{
    width:100%;
    overflow:hidden;
    padding: 0px;
    margin: 0px 0px 15px;
}

.entry-header{
    margin: 0px 3px;
    padding: 3px 3px;
    color: #333333;
    font-size: 10pt;
    font-weight: bold;
    border-bottom: #cccccc 1px dashed;
}

.entry-header a,
.entry-header a:hover{
    text-decoration: none;
    color: #363;
}

.entry-header strong{
    font-size:12pt;
    color: #333333;
}


.entry-content{
   margin: 0px 3px;
   padding: 3px;
   line-height:140%;
}

.entry-tags,
.entry-body{
   margin: 0px;
   padding: 3px 4px;
   background-color: #ffffff;
}

.entry-tags{ 
    color:#333;
    font-weight: bold;
}
.entry-tags .entrytag{
    margin:0px 2px;
}

.entry-tags .entrytag a{
   color:#363;
    text-decoration: none;
}


/* page */
.pagenate{
    font-size: 11pt;
    font-weight: bold;
    text-align:center;
    margin:0px;
}
.pagenate span,
.pagenate a{
    border: solid 1px #ccc;
    padding:0px 2px;
    text-decoration: none;
}

.pagenate a{
    color: #363;
}
.pagenate span.current_page{
    background-color: #363;
    color: #fff;
}

/* entry-content */
.entry-body h3 {
    font-size: 12pt;
    font-weight: bold;
    margin: 2px 0px;
}

.entry-body h4 {
    font-size: 12pt;
    font-weight: bold;
    margin: 2px 0px;
}
.entry-body h5 {
    margin: 2px 0px;
}

.entry-body  p{
    margin: 0px 0px 2px;
}

.entry-body ul,
.entry-body ol,
.entry-body dl{
    margin-left: 16px;
}

.entry-body dt {
    font-weight: bold;
    margin-bottom: 2px;
}
.entry-body dd {
    margin-left: 16px;
    margin-bottom: 2px;
}

.entry-body blockquote {
    color: #666;
    padding:10px 5px 5px;
    border-left: #666 solid 2px;
    margin:2px 10px 10px 10px;
}

.entry-body pre {
    background-color:#f6f6f6;
    padding:5px;
    margin:2px 10px;
    /* no ie mac \*/
    overflow:auto;
    /* */
    font-size:9pt;
    font-family:mono;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

/* tagcloud */
.tagcloud .earliest a:link {text-decoration: none; color: #bbbbbb;}
.tagcloud .earliest a:active {text-decoration: none; color: #bbbbbb;}
.tagcloud .earliest a:visited {text-decoration: none; color: #bbbbbb;}
.tagcloud .earliest a:hover {text-decoration: none; color: #bbbbbb;}
.tagcloud .latest a:link {text-decoration: none; color: #0000ff;}
.tagcloud .latest a:active {text-decoration: none; color: #0000ff;}
.tagcloud .latest a:visited {text-decoration: none; color: #0000ff;}
.tagcloud .latest a:hover {text-decoration: none; color: #0000ff;}
.tagcloud .later a:link {text-decoration: none; color: #9999ff;}
.tagcloud .later a:active {text-decoration: none; color: #9999ff;}
.tagcloud .later a:visited {text-decoration: none; color: #9999ff;}
.tagcloud .later a:hover {text-decoration: none; color: #9999ff;}
.tagcloud .earlier a:link {text-decoration: none; color: #9999bb;}
.tagcloud .earlier a:active {text-decoration: none; color: #9999bb;}
.tagcloud .earlier a:visited {text-decoration: none; color: #9999bb;}
.tagcloud .earlier a:hover {text-decoration: none; color: #9999bb;}
.tagcloud .none a:link {text-decoration: none; color: #111111;}
.tagcloud .none a:active {text-decoration: none; color: #111111;}
.tagcloud .none a:visited {text-decoration: none; color: #111111;}
.tagcloud .none a:hover {text-decoration: none; color: #111111;}
.fsize8 {font-size:8pt;}
.fsize9 {font-size:9pt;}
.fsize10 {font-size:10pt;}
.fsize11 {font-size:11pt;}
.fsize12 {font-size:12pt;}
.fsize13 {font-size:13pt;}
.fsize14 {font-size:14pt;}
.fsize15 {font-size:15pt;}
.fsize16 {font-size:16pt;}
.fsize17 {font-size:17pt;}
.fsize18 {font-size:18pt;}
.fsize19 {font-size:19pt;}
.fsize20 {font-size:20pt;}
.fsize21 {font-size:21pt;}
.fsize22 {font-size:22pt;}
.fsize23 {font-size:23pt;}
.fsize24 {font-size:24pt;} 
.fsize25 {font-size:25pt;}
.fsize26 {font-size:26pt;}
.fsize27 {font-size:27pt;}
.fsize28 {font-size:28pt;}
.fsize29 {font-size:29pt;}
.fsize30 {font-size:30pt;}
.fsize31 {font-size:31pt;}
.fsize32 {font-size:32pt;}


/* vim */
.synComment    { color: #0000FF }
.synConstant   { color: #FF00FF }
.synIdentifier { color: #008B8B }
.synStatement  { color: #A52A2A ; font-weight: bold }
.synPreProc    { color: #A020F0 }
.synType       { color: #2E8B57 ; font-weight: bold }
.synSpecial    { color: #6A5ACD }
.synUnderlined { color: #000000 ; text-decoration: underline }
.synError      { color: #FFFFFF ; background: #FF0000 none }
.synTodo       { color: #0000FF ; background: #FFFF00 none }