/* style sheet for catg home page */
/* language dependent font family?*/
*:lang(zh-tw){ font: 12pt/14pt "Microsoft JhengHei", sans-serif;font-family:sans-serif}


/* header style info */


H1.titletext{ font-size:24pt; font-weight: bold; color:#fff }
H1.pagetext { color:#000000; background-color:#ffffff }
H1 { font-family: arial, sans-serif }
H2 { font-family: times }


/* defalt body text property */
body { font-family: Arial, Microsoft JhengHei, Meiryo, MS Mincho, Times New Roman, Garamond, serif; font-size:12pt}

/* list element */
LI { list-style:square; font-size:90%}

/* link related */
a:link    {color:#0f0f0f;background-color:#ffffff}
a:visited {color:#0f0f0f;background-color:#ffffff}
a:active  {color:#a0a0ff;background-color:#eeeeee}
a:hover   {color:#0000ff; background-color:#fafafa}

/* paragraph font, etc */
P.small { font-size:50% }
.right { text-align: right }
.center { text-align: center }

/* the important one, page layout stuff, each page has basically 4 parts to it,
   top, nav, content and update info, so using the following should divide the page up correctly and without needing the use of table to frame the whole thing */

#container { 
  position: relative;
  width: 680px;
  width: 700px;
  w\idth: 670px;

}

#top { 
  /*  position: absolute; */
  color:#ffffff;
  background-color:#000000; 
  width:680px;
  w\idth:670px;
  border: 5px solid #aaaaaa;
}

#nav {
  float: left;
  width: 125px;
  w\idth: 125px;
  padding: 5px;
  margin: 0;
  border: 5px solid #aaaaaa;
}

#actual{ 
  /*padding: 5px; */
  background-color:#ffffff;
  /*  border: 5px solid #aaaaaa;  */
}

#updateNcounter {
  margin-top:10px;
  width: 120px;
  width: 130px;
  w\idth: 120px;
  background-color:#eeeeee;
}

#navcontent{ 
  width: 120px;
  width: 130px;
  w\idth: 120px;
  height: 400px;
  /*
     background-color:#ffffff;
     border: 5px solid #aaaaaa
     */
}

/* common navigation crap */
#common-nav{
       clear: both;	
  width: 680px;
  w\idth:670px;
  background-color: #fafafa;
  border: 2px dashed #eeeeee;
}
/* the part after are for the new freetalk part */

/* free talk */
#talk{
       clear: both;	
  width: 680px;
  \width: 700px;
  w\idth: 670px;
  background-color: #eeeeee
}

#top_nav{ 
  clear: both;
  margin: 0px; 
  width: 680px;
  w\idth:670px;
  background-color: #fafafa;
  border: 2px solid #eeeeee;
}
#bot_nav{ 
  clear: both;
  margin: 0px;
  width: 680px;
  w\idth:670px;
  background-color: #fafafa;
  border: 2px solid #eeeeee;
}

#jump{
/* clear: both;*/
  width: 680px;
  w\idth:670px;
  margin: 1px 0px;
  background-color: #fafafa;
  border: 2px solid #eeeeee;
}

#content{
  padding: 5px;
  margin: 0px;
  width: 680px;
  \width: 700px;
  w\idth: 670px;
  background-color: #ffffff;
}

p.date_text{
  text-align: right;
  text-transform: none;
  font-family:verdana, arial, sans-serif; 
  font-size: small; 
  font-weight:lighter;  
}
p.name_text{
  text-align: left;
  font-family:arial,sans-serif;
  font-size:small;
  font-weight:bold;
}

p.jump_text{
  text-align: center;
  margin: 2px;
  font-family:arial, sans-serif;
}
p.cur_month{
  text-align: left;
}

p.nav_text{
  margin: 2px;
  text-align: center;
  font-family: arial, sans-serif;
}

table{
  padding: 5px;
  margin: 5px 0px 5px 0px;
  width: 100%;
  border: 1pt dotted #555;
  /*border-collapse: collapse;*/
}

TR#name_date{
  border-top: 1px dotted #555; 
}
TR#text_area{
  border-bottom: 1px dotted #555;
  padding: 1em;
}

/*
td {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all
}
*/

#license{
  background: #aaaaaa;
  width: 100%;
  padding: 0px;
  border: none;
}

p.license{
  font-family:georgia, helvetica, arial, sans-serif;
  font-size:10pt;
  margin: 0px;
}

blockquote { 
  color:#000000; 
  font-family:georgia, arial, Meiryo, Microsoft JhengHei, sans-serif;
  font-size: 8pt; 
  background:#EEF0E8;
  margin: 0px 40px 0px 40px;
  padding:2px;
  border:1px dotted #666;
}