body {
  font-size: 80%;
	font-family: Verdana, Arial;
	background: #C2AFD3 url('../images/bg.gif');
  color: #333;
	text-align: center;
	}

td {
  font-size: 80%;
	font-family: Verdana, Arial;
  color: #333;
	}
	
#page {
  border:1px dashed #959596;
  background: #FFF5EC url('../images/c-bg.gif');
	width:800;
	text-align: left;
  margin: 0 auto;
	clear: both;
	}


#headerimg 	{
	height: 533px;
	width: 800px;
	}

  #headerimg h1{
    color:#FFFFFF;
    font-weight: bold;
    margin-bottom:5px;
    padding-top:20px;
    padding-left:20px;
  }

.blog-name {
	position:absolute; top:1em; left:18em;
}

.descr {
	margin-left: 14px;
	color:#ffffff; 
  font-size:12px;
	font-weight:bold;
	font-family:Verdana;
	position: absolute;top: 6em; left:20em
	}
    
#showpic{
	position:relative; top:-30px;
	float:right;
	margin-right:5em;
}

/*--blog set--start-*/
/*Blog Title*/
h2{
  color:#A80054;
  font-size:1.2em;
  font-weight: bold;
  margin:0 0 0 0;

}


/*Blog Div*/
#blog {
  float:left;
  width:100%;
  margin-left:0.5em;
  margin-top:5px;
  margin-bottom:2em;
  margin-right:0.5em;
  padding-left:1em;
	font-size: 1em;
	color:#555555;
	background-color: #FFF5EC;
	}
/*BLOG右下資訊顯示*/
#container {
  float:left;
  width:570;
	text-align: left;
	}

#C_list {
  float:left;
  width:100%;
  margin-left:0.5em;
  margin-top:5px;
  margin-bottom:2em;
  margin-right:0.5em;
  padding-left:1em;
	font-size: 1em;
	color:#555555;
	background-color: #FFFAFA;
	}
    #C_list h3 {
      font-size:1em;
      font-weight: bold;
      color:#FF3366;
      margin-bottom:0px;
      padding:0 0 1em 1em;
      background-image:url('../images/fish.gif');
      background-repeat:no-repeat;
    }	

.datetime {
	font-size: 0.8em;
	color:black;
	}

p.blog {
  padding-left:0.5em;
}		
p.memo {
  margin:5px 5px;
  padding:10px 10px 10px 32px;
  font-size:0.9em;
  background-color:#FFFCEC;
  background-image:url('../images/crown.gif');
  background-repeat:no-repeat;
  border:1px dashed #959596;
}	

.hidden {
font-size:0.9em;
color:white;
}

#bottom{
float:right;
font-size:0.9em;
margin-top:1em;
margin-right:0.5em;
}
/*--blog set--end-*/

/*-------comment----start-----------*/
.AddComment {
  /*margin:50px 0 0 0;*/
  margin-top:50px;
  margin-right:10px;
  margin-bottom:1em;
  padding:10px 10px 10px 20px;
  font-size:0.9em;
  background-image:url('../images/comment-bg.gif');
  border:1px dashed #959596;
}

input,TEXTAREA {
	FONT-SIZE: 12px; FONT-FAMILY: arial;
  border:1px solid #CCC;
	background:url(../images/bg_text_input.png);
	padding:0.3em;
}
 .msg{
  font-size:0.9em;
  color:red; 
  }
  
.comment_list {
  width:90%;
  margin:10px 5px 0 0;
  padding:5px 3px 3px 20px;
  font-size:1em;
  background-color:#F3F3F3;
  background-image:url('../images/comment-list-bg.gif');
  background-repeat:no-repeat;
  border:1px dashed #959596;
}

.relay {
  width:85%;
  margin:7px 5px 0 1em;
  padding:.5em .2em 0.5em 3.2em;
  font-size:1em;
  background-color:#FFFFFF;
  background-image:url('../images/heart.gif');
  background-repeat:no-repeat;
  border:1px dashed #959596;
}
.postby{
  font-size:8pt;font-family:Arial;color:#996666;
  text-align:right;
}
/*-------comment----end-----------*/

/*--memu set--start-*/
#menu{
  width:180;
  float:right;
  margin-right:1em;
}

    #menu div.menu-block {
    margin-top:0;
    margin-bottom:10px;
    }
/*menu title*/
    #menu div.menu-block h3 {
      font-size:1em;
      font-weight: bold;
      color:#990033;
      margin-top:0;
      margin-bottom:0px;
      padding:0 0 3px 1em;
      background-image:url('../images/fish.gif');
      background-repeat:no-repeat;
    }
    
   
    #menu div.menu-block a {
      text-decoration:none;
    }
    

ul {
list-style-type: disc; 
padding: 0;
margin: 0;
margin-left:2em;
margin-bottom:1.2em;
}

/*--memu set--end-*/
#footer {
  text-align:center;
	padding: 2em;
	margin: 0 auto;
	width: 760px;
	clear: both;
}

/*-----------Link---------start------*/
a{border-bottom : 1px dotte;font-size : 9pt;text-decoration:none;line-height : 200%}
a:link {border-bottom : 1px dotted #006699;color : #006699}
a:visited {border-bottom : 1px dotted #006699;color : #006699}
a:hover {border-bottom : 0px;color : #cc0066}

a.linkNo:link {border-bottom : 0px dotted }

a.linkL:link {border-bottom : 1px dotted #006699;color : #006699}
a.linkL:visited {border-bottom : 1px dotted #006699;color : #006699}
a.linkL:hover {border-bottom : 0px;color : #cc0066}

a.linkCate:link {border-bottom : 1px dotted #993366;color : #993366;font-weight:bold;}
a.linkCate:visited {border-bottom : 1px dotted #993366;color : #993366}
a.linkCate:hover {border-bottom : 0px;color : #993366}

a.linkblog:link {border-bottom : 1px dotted #996666;color : #996666}
a.linkblog:visited {border-bottom : 1px dotted #996666;color : #996666}
a.linkblog:hover {border-bottom : 0px;color : #006699}

a.linkcomment:link {border-bottom : 1px dotted #996666;color : #996666}
a.linkcomment:visited {border-bottom : 1px dotted #996666;color : #996666}
a.linkcomment:hover {border-bottom : 0px;color : #006699}
/*-----------Link---------end------*/