/****
 *  Global Settings
 */

*{ margin:0; padding: 0; }

body{
 width:100%;
 font-size:12pt;
}

/*** Headings ***/
h1 {
  padding: 5px 0px 0px 10px;
  border-style: solid;
  font-size: 22pt ;

  margin-top: 20px;
  margin-bottom: 10px;
  color: #000066;
  border-left-color: #22aa22;
  border-bottom-color: #22aa22;
  border-width:0px 0px 1px 15px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #000066;
  border-left-color: #22aa22;
  border-bottom-color: #22aa22;
  padding: 4px 0px 0px 8px;
  border-style: solid;
  border-width:0px 0px 1px 12px;
  font-size: 18pt ;
}

h3 {
  margin-top: 15px;
  margin-bottom: 10px;
  color: #000066;
  border-left-color: #22aa22;
  border-bottom-color: #22aa22;
  padding: 3px 0px 0px 6px;
  border-style: solid;
  border-width:0px 0px 0px 10px;
  font-size: 16pt ;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000066;
  border-left-color: #22aa22;
  border-bottom-color: #22aa22;
  padding: 2px 0px 0px 4px;
  border-style: solid;
  border-width:0px 0px 0px 5px;
}

/**** image ****/
img { border-style:none; }

/**** blockquote ****/
blockquote{
        margin:1em 2em 1em;
        padding:0.3em 1em 0.3em 1em;
        border-left:solid 1px #f99;
        border-right:solid 1px #f99;
        border-top:solid 1px #f99;
        border-bottom:solid 1px #f99;
}

/**** table ****/
table,td,th{
 border-style: hidden;
 font-size:10pt;
 border-collapse: collapse;
 border-spacing: 0px;
}

a {
  cursor:pointer;
}

li {
  padding-top:0.4em;
}


/**** Id:my_body *****/
#my_body{ position: relative; margin:2px; padding:2px}

/**** Id:my_header *****/
#my_header{ width: 100%; padding: 10px 2px 0px 0px;}

#my_header table,th,tr,td{
 padding: 0px;
 margin: 0px;
 border-style: hidden;
 border-collapse:collapse;
}

#my_header .title {
  color:#ffffff;
  font-size:24pt;
  font-family:sans-serif;
  font-weight:600;
}

/**** Id:title *****/
#title {
}

#title table {
 width:100%
}

/**** Id:footer *****/
#footer {
 clear: both;
 width:100%;
}
#footer table { 
 border-style: hidden;
 width:100%;
 padding: 10px 2px 10px 10px;
 margin: 0px;
}

#footer td { 
 background-color: #66AA55;
 text-align: right;
 color: white;
 width:100%;
}

/*** Id: content ***/
#content {
  line-height:1.4;
  font-family:sans-serif;
}

#content a {
 text-decoration:none; 
}

#content dt { 
  color: #aa4444;
  font-weight:bold; 
  margin-top: 10px;
}

#content dd { 
   margin-left: 50px;
}

#content ul,ol { 
   margin-top: 10px;
   margin-left: 15px;
}

#content textarea { 
   padding: 8px;
}

#content table {
  border: 1px solid #000000;
  }

#content TH { 
 border: solid 0px #66AA55;
 padding: 2px 4px 4px 4px;
 background-color:#888888; 
 color:white; 
}

#content td{
 border: solid 0px #66AA55;
 padding: 2px 4px 4px 4px;
}

/** Class: tm **/
div.tm { text-align: right; }

/** Class: footmenu **/
div.footmenu { text-align:right; }
div.footmenu img { border-style:none; }

/** Class: column **/
div.column{
 padding:0px;
 float:left;
 border:0px;
}

/** Class: rem **/
div.rem {
  display:none;
  background-color: #ccccff;
  padding:4px;
  width:80%;
  position:absolute;left:10%;
}

/** Class: p **/
#wiki div {
  margin-left:1em;
}

div.p {
  padding-top:0em;
}

/** Class: news **/
div.news {
  padding-left:10px;
  border: solid 1px #aaaaaa;
  border-top: none;
}
div.news b{
  font-size:10pt;
}

/** Class: comment **/
div.comment {
  padding-left:10px;
  border: solid 1px #aaaaaa;
}
div.comment b{
  font-size:10pt;
}

/** Class: title **/
h1.title { display: inline; }
hr.title { border: 4px; border-color: #444444;  border-style: solid; height:5px}

/** Class: footer **/
hr.footer { border: 1px; border-color: #444444;  border-style: solid; height:2px}

/** Class: category **/
table.category { 
  color:white;
  border-collapse:separate;
  background-color:green;
 border:solid 1px white;
}

table.category a{ 
  color:white;
  text-decoration:none;
  font-weight:bold;
  font-family:sans-serif;
  font-size:12pt;
}

table.category tr{ 
 border:solid 1px white;
}
table.category td{ 
 width:80;
 text-align:center;
 border:solid 1px white;
}

/** Class: selected **/
td.selected { 
 background-color: #CC8844;
 width:80;
 text-align:center;
}

/***** Class: content_list ****/
div.content_list{
  font-size:10pt;
}
div.content_list a {
 text-decoration:none; 
}

div.content_list ul { 
   margin-top: 10px;
   margin-left: 16px;
   padding-left: 16px;
}

/*** Id:wiki ***/
#wiki a {
 text-decoration:none; 
}

#wiki dt { 
  color: #aa4444;
  font-weight:bold; 
  margin-top: 10px;
}

#wiki dd { 
   margin-left: 50px;
}

#wiki ol { 
   margin-top: 1px;
   margin-left: 16px;
   padding-left: 16px;
}

#wiki ul { 
   margin-top: 1px;
   margin-left: 16px;
   padding-left: 16px;
}

#wiki li { 
   padding: 0px;
}


#wiki img { border-style:none; }

#wiki pre {
 border: 1px solid #aaaaff;
 background-color: #eeeeff;
 padding: 8px 8px 8px 8px;
 width: 90%;
 position:relative;left:5%; 
}

#wiki blockquote{
        margin:1em 2em 1em;
        padding:0.3em 1em 0.3em 1em;
        border-left:solid 1px #f99;
        border-right:solid 1px #f99;
        border-top:solid 1px #f99;
        border-bottom:solid 1px #f99;
}

#wiki TABLE { 
  border-collapse: collapse;
  border-spacing: 0;
}

#wiki TD,TR { 
 border: 1px solid black;
 padding: 2px 4px 4px 4px;
}

#wiki TH { 
 border: 1px solid black;
 padding: 2px 4px 4px 4px;
 background-color:#888888; 
 color:white; 

}

#wiki h1.title { display: inline; }
#wiki hr.title { border: 4px; border-color: #444444;  border-style: solid; height:5px}

#wiki hr.footer { border: 1px; border-color: #444444;  border-style: solid; height:2px}

#wiki div.tm { text-align: right; }

/*****  Id: news ****/
#news div{
 margin-top:10px;
}

#login {
 background-color:#88bba8;
 font-size:10pt;
}

/*** Id:my_navigation **/

#my_navigation{ float: left; width : 230px; 
 background-color: #ffffff;
 border-style: none;
 border-width:0px 1px 1px 1px;
}

#my_navigation a {
 margin-left:1em;
 text-decoration:none; text-align:center; color: #444466;
}
#my_navigation li {
 width: 100%;
 border-style: dotted;
 padding: 10px 0px 0px 0px;
 border-width:0px 0px 1px 0px;
 border-color:#448888;

}

#my_navigation a:hover { 
 text-decoration:underline;
 margin-left:1em;
 font-weight: bold;
 color: red;
 }

#my_navigation p {
 background-color: #22aa22;
 text-align: center;
 color: #ffffff;
}

#my_navigation p.logo {
 background-color: #ffffff;
 padding-top:20px;
 padding-left:0px;
 margin-left:0px;
}

/*** Id: menu ***/
#menu{ float: left; width : 15%; 
 background-color: #ffffff;
 border-style: none;
 border-width:0px 1px 1px 1px;
}

#menu a {
 margin-left:1em;
 text-decoration:none; text-align:center; color: #444466;
}
#menu li {
 width: 100%;
 border-style: dotted;
 padding: 10px 0px 0px 0px;
 border-width:0px 0px 1px 0px;
 border-color:#448888;
 list-style-type: none;

}

#menu ul>ul{
 padding: 0px 0px 0px 10px;
 list-style-type: none;
 font-size:10pt;
}

#menu a:hover { 
 text-decoration:underline;
 margin-left:1em;
 font-weight: bold;
 color: red;
 }

#menu p {
 background-color: #22aa22;
 text-align: center;
 color: #ffffff;
}

#menu p.logo {
 background-color: #ffffff;
 padding-top:20px;
 padding-left:0px;
 margin-left:0px;
}


/*** Id: my_contents ***/

#my_contents{ margin-left: 250px; }

#my_contents {
  line-height:1.4;
  font-family:sans-serif;
}

#my_contents a {
 text-decoration:none; 
}

#my_contents dt { 
  color: #aa4444;
  font-weight:bold; 
  margin-top: 10px;
}

#my_contents dd { 
   margin-left: 50px;
}

#my_contents ul { 
   margin-top: 10px;
   margin-left: 15px;
}

#my_contents textarea { 
   padding: 8px;
}

/*** Class:wday **/
span.wday{
  float: left;
  font-size: 18pt;
  line-height: 100%;
  font-weight: normal;
  letter-spacing: 0.02em;
  padding-left: 4pt;
  padding-right: 3pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  margin: 0px;
  margin-top:3pt;
  margin-right:4pt;
  color:#ffffff;
  background-color:#444444;
}

/*** Class:sun **/
span.sun{
  float: left;
  font-size: 18pt;
  line-height: 100%;
  font-weight: normal;
  letter-spacing: 0.02em;
  padding-left: 4pt;
  padding-right: 3pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  margin: 0px;
  margin-top:3pt;
  margin-right:4pt;
  color:#ffffff;
  background-color:#ff4444;
}

/*** Class:sat **/
span.sat{
  float: left;
  font-size: 18pt;
  line-height: 100%;
  font-weight: normal;
  letter-spacing: 0.02em;
  padding-left: 4pt;
  padding-right: 3pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  margin: 0px;
  margin-top:3pt;
  margin-right:4pt;
  color:#ffffff;
  background-color:#4444ff;
}
/*** Class: date_m ***/
span.date_m{
  font-family: verdana, arial, sans-serif;
  font-weight: normal;
  padding-top:100;
  padding-left:60;
  margin-left: 0px;
  margin-top: 20px;
  font-size:10pt;
  color:#662222;
}

/*** Class: comment ***/
.comment h2{
  font-size:20pt;
}

/*** Class: date ***/
h2.date{
  margin-top: 20px;
  margin-bottom: -10px;
  margin-left: 0px;
  color: #000066;
  border-bottom-color: #aaaaaa;
  padding-bottom: 0px;
  padding-left: 0px;
  border-style: solid;
  border-width:0px 0px 1px 0px;
  font-size:14;
}

span.date{
  margin-right:20px;
  font-size: 10pt;
  font-weight: bold;
  color: #006666;
}
/*****  Class: blog ******/
div.blog{
  border: 1px solid black;
  margin:10px;
}

/*****  Class: blog_title ******/
div.blog_title{
  margin-left:10px;
  font-size: 18pt;
  font-weight: bold;
  color: #006666;
  border-bottom: 1px dotted blue;
}

div.blog_title form{
 display:inline;
 }

/*****  Class: blog_content ******/
div.blog_content{
  margin-top:10px;
  margin-left:20px;
}