/* don't show the name of the page */

body {
	font-size: 14px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #111;
	width: 600px;
	  line-height:1.4em;
 padding:5%;
 padding-top:2%;
 margin-left:35px;
	background-color:#FFFFFF;
  }

ul {
margin-left: -16px
}

ol {
margin-left: -16px
}

a:link {
  color:#3b6ea5;
  text-decoration:none;
  }
a:visited {
  color:#3b6ea5;
  text-decoration:none;
  }
a:hover {
  color:#c60;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }

/* Headings
----------------------------------------------- */
h1 { 
  margin:1em 0 .75em;
  font:24px "Lucida Grande",Trebuchet,Arial,Verdana,Sans-serif;
  line-height:1.2em;
  font-weight:normal;
  color:#3b6ea5;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

h2 {
  margin:1.5em 0 .75em;
  font:120%/2em "Lucida Grande",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#3b6ea5;
   border-bottom: 2px solid #000000;
  }

h3 {
  font-weight:900;
  letter-spacing:.1em;
  font:100%/2em "Lucida Grande",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  color:#A85000;
  
/*  border-bottom: 1px dashed #000; */
  }

h4 {
  font:85%/1em "Lucida Grande",Trebuchet,Arial,Verdana,Sans-serif;
 font-variant: small-caps;
  color:#555;
  letter-spacing:.1em;
  }

/* Header
----------------------------------------------- */
@media all {
  #header {
    width:750px;
    margin:0 auto 10px;
    border:0px solid #ccc;
    }
  }
@media handheld {
  #header {
    width:90%;
    }
  }
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  font-size:180%;
  line-height:1.2em;
  font-weight:normal;
  color:#3b6ea5;
  text-transform:uppercase;
  text-align:left
  letter-spacing:.2em;
  }
#blog-title a {
  color:#3b6ea5;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:750px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#888;
  }


/* Content
----------------------------------------------- */
@media all {
  #content {
    width:750px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:520px;
    float:right;
    }
  #sidebar {
    width:150px;
    float:left;
    text-align:right;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:132%;
  font-weight:normal;
  line-height:1.4em;
  color:#3b6ea5;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#3b6ea5;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#c60;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:50%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#888;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 50%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:50%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar {
	font: 90%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#555;
  line-height:1.5em;
  }

/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
  
    /* Reference
----------------------------------------------- */
	
.Pub{background-color: #e1ffe1; page-break-before: always;}

.Annote {font-size: 12px;
/*	background-color: #eeeeee; */ 
	margin-left: 15px; 
	margin-right: 15px;
	padding-left: 2px;
/* 	border-left: 2px solid #9999ff; */}
.Title {
font-weight: bold; 
	text-align: left;
/*	text-decoration: underline;*/}
.Journal { font-style : italic;	text-align: left;}
.Author {color: #a20;
	text-align: left;}
.url { font-size: 11px; color: #006400;}

/* Footnote */

.navfoot hr {
  margin-bottom: 0;
  padding: 0;
}

.navfoot table {
  border-spacing: 0;
  border-width: 0;
  margin: 0;
  padding: 0;
}

.navfoot td {
  border-spacing: 0;
  border-width: 0;
  margin: 0;
  padding: 0;
}

/* Menu */

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

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(menu-back.gif) #fff bottom left repeat-x;
height: 1.2em;
line-height: 1.2em;
font-variant: small-caps;
float: left;
width: 7em;
display: block;
color: #Ad8474;
text-decoration: none;
text-align: center;
font-size: 10px
}

/* Planner */

.taskA { color: red }

.taskB { color: green }

.taskC { color: navy }

.taskX {
  color: #696969;               /* dim gray */
  text-decoration: line-through;
}

/* Source tag */

/* see `emacs-wiki-srctag.el' */

.comment {
  /* font-lock-comment-face */
  color: #DEBC83;
}
.doc {
  /* font-lock-doc-face */
  color: #F0A4A4;
}
.constant {
  /* font-lock-constant-face */
  color: #D8ACDD;
}
.function-name {
  /* font-lock-function-name-face */
  color: #96CEF8;
}
.keyword {
  /* font-lock-keyword-face */
  color: #78f5e6;
}
.preprocessor {
  /* font-lock-preprocessor-face */
  color: #96CEF8;
}
.string {
  /* font-lock-string-face */
  color: #F0A4A4;
}
.type {
  /* font-lock-type-face */
  color: #9BEEB8;
}
.variable-name {
  /* font-lock-variable-name-face */
  color: #B5CF76;
}

pre {
    border: #CCCCCC 1px solid;
    padding: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    white-space: pre;
    background-color: #f5f5f5;
    color: black;
    font-size: 13px;
     line-height:1.25em;
}

.comment {
	color: #228B22;
}
.string {
	color: #B20000;
}
.keyword { 
	color: #0000FF;
}
red{

}