/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.3 (Nov 28, 2005)

Screen layout: */

body{
margin:0 auto;
padding:0;
font:100% 細明體,Verdana,Tahoma,Arial,sans-serif;
background:#f4f4f4 url(bg.gif) top center repeat-y;
color:#303030;
}

#wrap{
background:#ffffff;
color:#303030;
margin:0 auto;

/* 760 */
width:760px;
}

#header {
clear:both;
padding:1;
vertical-align: top;
text-align: right;
margin-right: 6px;
}

#header h1 {
/* 720 */
/* float:left; */
font-size: 3.0em;
font-weight: 900;
margin-top: 0;
line-height: 1em;
}

#header h2 {
font-size: 1.2em;
}

#header a {
text-decoration:none;
color: #303030;
text-align: right;
vertical-align: top;
margin-top: 0;
}

#header a:hover {
text-decoration: underline;
color: #286ea0;
}

#header p {
/* width:500px; */
text-align: right;
color: #404040;
font-size: 1.0em;
line-height: 1em;
background-color: inherit;
}

#frontphoto{
margin:0 0 0px 0;
border:0;
}

#avmenu{
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

#avmenu ul{
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.0em;
}

#avmenu li{
margin-bottom:4px;
}

#avmenu li a{
font-weight:bold;
/* height:20px; */
text-decoration:none;
color:#505050;
display:block;
padding:4px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
}

#avmenu li a:hover {
background:#eaeaea;
color:#286ea0;
border-left:4px solid #286ea0;
}

.announce {
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}

#content{
margin:0 130px 20px 160px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;

}

#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#content img{
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
color:#286ea0;
}

a img{
border:0;
}


#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #f0f0f0;
width:760px;
text-align:center;
color:#808080;
font-size:0.9em;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}

.info {
BORDER-RIGHT: #e3e4e4 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #e3e4e4 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 3px; BORDER-LEFT: #e3e4e4 1px solid; COLOR: #505050; PADDING-TOP: 3px; BORDER-BOTTOM: #e3e4e4 1px solid; BACKGROUND-COLOR: #fafbfc
}

#searchdiv
{
background-color: #f9f9f9;
border: 1px solid #CCCCCC;
padding: 5px;
font-weight:bold;
}

#sidebar form {
margin: 0px;
padding: 0px;
}
label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}
/************************************************
*	Comments													*
************************************************/
h2#comments{
text-align:center;
border-top:1px solid #e3e4e4;
background:#fafbfc;
padding:2px;
border-bottom:1px solid #e3e4e4;
margin-bottom:10px;
margin-top:80px;
font-size: 110%;
}

ol#commentlist {
margin-top:0px;
padding: 5px;
margin-left: 0px;
list-style-type: none;
}

#commentlist li  p{
margin-top: 8px;
margin-bottom: 16px;
line-height: 20px;
}

.commentname {
float: left;
margin: 0;
padding: 0  0 2px 0;
font-weight: bold;
}

.commentinfo{
width: 300px;
float: right;
text-align: right;
}

.commenttext {
clear: both;
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #ebebeb;
line-height:12px;
color: #5b5b5b;
background-color: #F8F8F8;
padding: 5px;
}

.commenttext-admin {
clear: both;
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #ebebeb;
line-height:12px;
color: #5b5b5b;
background-color: #CEE4F4;
padding: 5px;
}

#commentsformheader{
padding-left:18px;
font-size: 1.4em;
}

#CommentForm {
margin-top:none;
text-align:center;
border:1px solid #ddd;
background:#fafbfc;
padding:0px 10px;
}

#CommentForm form {
text-align:left;
margin:0px;
}
#CommentForm fieldset {
border:none;
}
#CommentForm legend {
font-weight:bold;
margin-bottom:10px;
}
#CommentForm label {
display:block;
}
p.comments_link  img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}


#drop-case:first-letter {
font-size : 300%;
font-weight : bold;
color: #606060;
float : left;
line-height: 100%;
margin-top:0px;
vertical-align: middle;
padding: 2px;
}
