@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-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;
    background-image: url('/static/images/slash.png');
}

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

#container.publish {
    margin: 0px 50px;
}

#banner {
    background-color: #363;
    background-image:url("/static/images/banner_grad.gif");
    padding: 0px;
    height:32px;
    position:relative;
}
.publish #banner{
    background-color: #eee;
    background-image: none;
}
#banner-header {
    padding:6px 5px 0px;
    margin: 0px 0px;
    color: #ffffff;
    font-size: 14pt;
    font-weight: bold;
    line-height:1;
}
#banner-header a{
    color: #ffffff;
    text-decoration:none;
}

.publish #banner-header a{
    color: #363;
    text-decoration:none;
}


#welcome {
    position:absolute;
    top:4px;
    right:5px;
    padding: 3px 0 4px;
}
#welcome a{
    color:#fff;
    text-decoration:none;
    background: url('/static/images/welcome-bk2.gif') no-repeat right bottom;
    padding:3px 0;
}

#welcome a span{
    background: url('/static/images/welcome-bk1.gif') no-repeat;
    padding: 3px 1em;
}

/*\*//*/
#welcome a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#welcome {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #welcome a{ 
    padding:0;
}
/**/

#content-nav{
    border-top:1px solid #fff;
    background-color:#363;
    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 0 0 2px;
     display: inline;
     list-style: none;
}


#content-nav ul li a{
    background: url("/static/images/welcome-bk4.gif") no-repeat bottom right;
    color:#fff;
    padding: 2px 0px;
    text-decoration:none;
}

/*
.publish #content-nav ul li a{
    color #666;
}
*/

#content-nav ul li a span{
    background: url("/static/images/welcome-bk3.gif") no-repeat bottom left;
    padding: 2px 6px;
}

/*
.publish #content-nav ul li a span{
    background: none;
}
*/

#content-nav ul li a.navigation_on span{
    text-decoration:underline;
}

/*\*//*/
#content-nav ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#content-nav ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/

* html #content-nav ul li a {
     padding: 0;
}
/**/

#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;
}

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

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

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

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

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

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


/* modules */
.module{
    overflow: hidden;
    width: 100%;
    background-color:#eeeeee;
    margin: 0px 0px 5px 0px;
    padding:3px 0px;
}
h3.module-header{
    width: 185px; /* 185! */
    margin: 0px 3px 0px;
    padding: 2px;
    border-right: #999999 solid 1px;
    border-top: #999999 solid 1px;
    border-left: #999999 solid 1px;
    color: #ffffff;
    background-color: #363;/* #669966; */
    font-weight: bold;
}
.module-header a,
.module-header a:link,
.module-header a:active,
.module-header a:visited,
.module-header a:hover{
    color: #ffffff;
    text-decoration:none;
}
.module-content{
    margin: 0px 3px 0px;
    padding: 3px;
    background-color: #ffffff;
    border: #999999 solid 1px;
    width: 183px; /* 183! */
}
.module-content ul{
    margin:0px;
    line-height:140%;
}
.module-content ul li a{
    text-decoration:none;
}


/* module */
.a_info h4,
.a_info h5{
    margin:0px 0px 2px 0px;
    font-weight:bold;
}
.a_info ul{
    width:100%;
    /* color:#666666; */
    font-size:9pt;
    line-height:120%;
    margin-bottom:5px;
    list-style:none outside;
}
.a_info ul li{
    list-style:none outside;
}
.a_info ul li a{
    text-decoration:underline;
}

/* entry */
.entry{
    width:100%;
    overflow:hidden;
    padding:0px;
    margin: 0px 0px 15px;
    background: url("/static/images/entry_header_grad.gif") repeat-x top right;
}

.entry-header{
    margin: 0px;
    padding: 3px 3px;
    color: #333333;
    font-size: 11pt;
    font-weight:bold;
    border-bottom: #cccccc 1px dashed;
    border-left: 1px solid #999;
    line-height: 135%;
}

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

.entry-header a.selected_entry {
    text-decoration:underline;
}

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

.entry-tags,
.entry-body{
   margin: 0px;
   padding: 3px 4px;
   background-color: #ffffff;
   border-right: 1px solid #999;
   border-left: 1px solid #999;
}

.entry-tags .entrytag{
   margin:0px 2px;
}

.entry-footer{
   margin: 0px;
   padding:0px 4px;
   color: #666;
   font-size: 8pt;
   text-align:right;
   border-top: #cccccc 1px dashed;
   border-right: 1px solid #999;
   background: url("/static/images/entry_footer_grad.gif") repeat-x bottom left;
}

.entry-footer a{
   text-decoration: none;
}

/* finish entry */
.finish_entry .entry-header a,
.finish_entry .entry-header a:hover{
    text-decoration:none;
    color: #666666;
}

/* create / edit */
.finish_entry .entry-body,
.create_entry .entry-body,
.edit_entry .entry-body,
.finish_entry .entry-tags,
.create_entry .entry-tags,
.edit_entry .entry-tags{
    background-color:#eeeeee;
    border-right: none;
    border-left: none;
}


.finish_entry .entry-header,
.create_entry .entry-header,
.edit_entry .entry-header{
    background-image: url("/static/images/entry_header_grad2.gif");
    background-position: top right;
    border-left: none;
}
.finish_entry .entry-footer,
.create_entry .entry-footer,
.edit_entry .entry-footer{
   background-image: url("/static/images/entry_footer_grad2.gif");
   background-position: bottom left;
   border-right:none;
}

/* cancel form */
.entry-header .manipulation{
    color: #999999;
    padding-right:2px;
}
.entry-header .manipulation a{
    color: #999999;
    text-decoration:underline;
}


/* page */
.pagenate{
    font-size: 11pt;
    text-align:center;
    margin:0px;
}
.pagenate a{
    padding:0px 2px;
}

/* form */
.preff,
.createf{
    width:100%;
    margin:0px auto;
    border-style:none;
    margin-bottom:10px;
}

.preff label,
.createf label{
    float:left;
    display:block;
    margin:0px 0px 3px 0px;
    width:20%;
    background-color:#ffffff;
    border-left-style:solid;
    border-left-width:2px;
    border-left-color:#336633;
    padding:2px;
}

.preff label{
    width:25%;
}

.createf .f_element{
    float:left;
    padding-left:2px;
    width:77%;
}

.preff .f_element{
    float:left;
    padding-left:2px;
    width:71%;
}

.regb{
    text-align:center;
    padding:7px 0px 0px;
}

.null_label{
    float:left;
    display:block;
    margin:0px 3px 3px 0px;
    width:105px;
    padding:0px 2px 2px;
}
.input_information{
    margin:0px 3px 3px 0px;
    padding:0px 2px 2px;
    color:#999999;
}

.dfv_err{
    color:#FFA196;
    border-style:solid;
    border-width:2px;
    border-color:#FFA196;
    background-color:#ffffff;
    padding:4px;
}


/* 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-left:10px;
    border-left: #666 solid 2px;
    margin:2px 2px 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;} 

/* calender */
.calcloud span{
    margin:0px;
    padding:0px;
    display:block;
    display:inline-block;
    width:26px;
    float:left;
    text-align:center;
    height:25px;
    overflow:hidden;
    border: none;
}

.calcloud  .is_today{
    width:24px;
    height:23px;
    border: dashed 1px #bbbbbb;
}

/* finish tag */
.finish_entry_tag{
    background-color:#FF7F7F;
}
.finish_entry_tag a{
    text-decoration: underline;
}
/* publish tag */
.public_entry_tag{
    background-color:#99f;
}
.public_entry_tag a{
    text-decoration: underline;
}

/* date tag */
.date_entry_tag{
    background-color:#4C9999;
}
.date_entry_tag a{
    text-decoration: underline;
}

.copyright{ 
    font-size:10pt;
    text-align:center;
}


.loadinganime{
    z-index: 90;
    position: absolute;
/*
    top: 0px;
    left: 0px;
*/
}

/* over lay */
#overlay{
    moz-opacity:.80;
    opacity:.80;
    background-color:#000;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: #000;
    background-color: transparent;
    /* filter:alpha(opacity=80); */
    background-image: url('/static/images/spacer.gif');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="/static/images/overlay.png", sizingMethod="scale");
}

#overlaid_box{
    position:absolute;
    z-index: 99;
    width:200px;
    height:300px;
    background:#fff;
    padding:1px 5px;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    text-align:left;
}

#overlaid_box .close{
    position:absolute;
    top:-5px;
    right:-5px;
    cursor:pointer;
}

/* tag warp */
#tag_warp_title{
    margin: 2px;
    padding: 0px;
    font-size:12pt;
    font-weight:bold;
    text-align:center;
}
#tag_warp_data{
    position:relative;
    margin:2px 0px;
    height:230px;
    overflow:auto;
}
#tag_warp_data .loadinganime{
    position:absolute;
    top: 0px;
    left:0px;
}

.tag_warp_input{ 
    width:100%;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    font-size:14pt;
    color:#666;
}

#tag_warp_data ul{
    margin:0px;
    padding:0px;
    width:100%;
    list-style-type:none;
}
#tag_warp_data ul li{
    margin:0px;
    padding:3px;
}
#tag_warp_data ul li.selected { 
    background-color: #ffb; 
}

#tag_warp_footer p{
    text-align:center;
    font-size:8pt;
}

/* 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 }
