@charset "UTF-8";

/**** reset all ********************/
* {
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 font-size: 100%;
}

a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active {}
a img { cursor: hand; }

img { border: 0; }
input, textarea { border: 1px solid #aaa; }

blockquote {
 font-style: italic;
 padding: 1em;
 margin:  1ex;
 border: 1px solid #aaa;
}

ul, ol, dl { margin-left: 1.5em; }
li { margin: 1ex 0; }
li > ul > li, li > ol > li { margin: 0.5ex 0; }

del, del blockquote {
 text-decoration: strikeout;
 color: #aaa;
}

/***********************************/

body {
 color: #555;
 font-size: 0.8em;
 line-height: normal;

 margin: 0;
 padding: 0;
}

a, a:link, a:visited {
 color: #986070;
}
a:hover {
 color: #777;
 cursor: default;
}

#header {
 margin-top: 2em;
 width: 100%;
 height: 74px;
 background-image: url(http://coeurl.org/kizz/traj/template/fafafafalogo2.jpg);
 background-position: center center;
 background-repeat: no-repeat;
}

#mainpane {
 width: 610px;
 /*width: auto;*/
 margin: 0 230px 0 2em;
 line-height: 135%;
}

  #mainpane .backnforth {
   text-align: center;
   margin-top: 0.5ex;
  }

  #mainpane div.entry,
  #mainpane div.trackbacks,
  #mainpane div.comments {
   margin-left: 1em;
   margin-right: 1em;
   margin-top: 2em;
   margin-bottom: 4em;
  }

  #mainpane h3 {
   font-size: 120%;
   font-weight: bold;

   padding: 2px 0;
   /* border-bottom: 1px dashed gray; */
  }

  #mainpane div.entry span.date {
   font-size: 140%;
   color: #ddd;
  }

  #mainpane div.entry div.content {
   margin-top: 1.2em;
   margin-bottom: 2em;
  }

  #mainpane div.entry_property {
   text-align: right;
   margin-bottom: 3ex;
  }

  #mainpane dl.comment {
   margin-top: 1ex;
   margin-left: 1ex;
  }

    #mainpane dl.comment dt {}
    #mainpane dl.comment dd {
     margin: 0.5ex 0 1em 1.5em;
    }

  #mainpane div.page {
   text-align: center;
   margin-top: 1em;
  }

#navipane {
 display: none;

 position: absolute;
 top: 0;
 right: 0;

 width: 190px;
 padding: 10px;

 background-color: white;
}

  #navipane div.title {
   padding: 4em 0 4em 0;
   text-align: center;
  }

  #navipane h1 {
   font-size: 120%;
   font-weight: bold;
  }

  #navipane h3 {
   text-align: right;
   text-transform: uppercase;
   text-indent: 0.3ex;
   letter-spacing: 0.3ex;
   padding: 1px;
   margin: 0 0 1ex 0;

   font-size: 100%;
   font-weight: bold;
   color: #888;
   border: 1px dashed #ccc;
  }

  #navipane ul {
   margin: 0 0 1.5em 1ex;
  }

  #navipane ul li {
   list-style-type: none;
  }

/** removed, did not work on IE6. **
#foldednavi {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 width: 20px;
 height: auto;
 color: white;
 background-color: #885060;
}
*/

#naviunfold, #navifold {
 display: none;

 /*
 position: absolute;
 top: 0;
 right: 0;
 */
 text-align: right;
}

div.copyright_notice {
 margin-top: 2em;
 text-align: center;
}

span.counter {
 color: #ddd;
 position: relative;
 left: 4em;
}

div.images {
 margin-left: 2em;
 margin-right: 2em;
}

  div.images div {
   text-align: center;
   margin: 1em;
   float: left;
  }


/**** for twitter *************************************/

#twitter_div {
 color: #888;
 margin: 1ex;
 /*border: 1px solid #ddd;*/
}

#twitter_update_list {
 margin: 0;
 padding: 0;
}

  #twitter_update_list li {
   list-style-type: none;
  }