/* 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:76% Verdana,Tahoma,Arial,sans-serif;
background:url("bg.png") #e0e1e1 repeat-x top left;
color:#303030;
}

#topbg{
background:url("bg_top.png") no-repeat top center;
padding-top:60px;
}

#header{
margin:0 auto;
width:950px;
}

#header h1{
/* width:720px; */
margin:0 0 10px 0;
float:left;
}

#header a{
text-decoration:none;
color:black;
}

#header a:hover{
text-decoration:none;
color:#286ea0;
}

#header p{
/* width:500px; */
color:#a0a0a0;
margin:0 0 5px 10px;
font-size:1em;
line-height:1.2em;
background-color:inherit;
}

#logo_l{
margin-left:10px;
}

#logo_r{
position:relative;
left:560px;
}

#wrap{
background:url("bg_wrap.png") no-repeat top;
color:#303030;
margin:0 auto;
padding-top:50px;
width:950px;
}

#wrap2{
background:url("bg_wrap2.png") top repeat-y;
}

#avmenu{
clear:left;
float:left;
width:120px;
margin:0 0 10px 20px;
padding:0;
font-size:0.9em;
}

#avmenu ul{
list-style:none;
width:120px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}

#avmenu li{
margin-bottom:4px;
}

#avmenu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
}

#avmenu li a:hover{
background:#eaeaea;
color:#d1151a;
border-left:4px solid #d1151a;
}

#avmenu img{
padding-bottom:5px;
}

.announce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}

#extras{
float:right;
width:170px;
margin:0 25px 10px 0;
padding:0;
font-size:1em;
line-height:1.5em;
}

#extras li{
margin-left:-15px;
list-style-type:square;
}

#extras p{
margin:0 0 1.5em 0;
}

#extras h3{
color:#4d4d4d;
font-size:1.2em;
margin:0 0 10px 0;
background:url("joinnet_16.png") no-repeat;
padding:0 0 3px 23px;
border-bottom:solid 1px #ccc;
}

#content{
margin:0 205px 0 150px;
padding:0 10px 30px 10px;
line-height:1.6em;
text-align:left;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
}

#content h2{
font-family:Arial,Verdana,Tahoma,sans-serif;
font-size:1.9em;
margin:0 0 0.5em 0;
color:#d1151a;
text-decoration: none;
line-height:1.7em;
}

#content img{
padding:1px;
display:inline;
color:#303030;
}

.date{
color:#666;
font-size:0.9em;
}

#content p{
font-size:1.1em;
font-family:Arial,Verdana,Tahoma,sans-serif;
}

blockquote{
font-size:1.1em;
}

#content a{
color:#d1151a;
}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
color:#286ea0;
}

a img{
border:0;
}

#footerclear{
clear:both;
}

#footer{
margin:0 auto;
padding:10px 0 10px 0;
text-align:center;
color:#b5b5b5;
font-size:0.9em;
background:#4d4d4d;
}

#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;
}

#content p.info{
border-top: #e3e4e4 1px solid;
border-bottom: #e3e4e4 1px solid;
padding:3px 3px 3px 8px;
font-family:Verdana,Tahoma,Arial,sans-serif;
color: #505050;
margin-bottom:30px;
}

#content p.info a{
color:#286ea0;
}

#searchdiv
{
background-color: #f9f9f9;
border: 1px solid #CCCCCC;
padding: 5px;
font-weight:bold;
}

#search{
padding:0 0 30px 0 ;
font-size: 1.6em;
color:#000;
margin:0;
}

#sidebar form {
margin: 0px;
padding: 0px;
}

label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}

#Resource-Desc{
padding:5px 0 50px 50px;
}
/************************************************
*	Comments		*
************************************************/
h2#comments{
text-align:left;
background:#f4f4f4;
padding:3px;
margin-bottom:10px;
margin-top:80px;
font-size: 1.6em;
color:#000;
}

/*原先的設定，修改成回應迴響的postandcommand之後不啟用
ol#commentlist {
margin-top:0px;
padding: 0 0 5px 0;
margin-left: 0px;
list-style-type: none;
}

#commentlist li  p{
margin-top: 8px;
margin-bottom: 16px;
line-height: 20px;
font-family:Verdana,Tahoma,Arial,sans-serif;
}

#commentarea{
border-bottom: 1px solid #ebebeb;
}

#commentarea p{
color: #4d4d4d;
}

.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;
}

h2#commentsformheader{
margin-top:25px;
padding-top:20px;
font-size: 1.6em;
color:#000;
border-top:1px solid #e3e4e4;
}

#CommentForm {
margin-top:none;
text-align:center;
border:1px solid #ddd;
background:#fafbfc;
padding:10px 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;
}

a:focus{
outline:none;
}

/************************************************
*	Comments	 For 回應迴響專用	*
************************************************/
div.comment_outline_1 { /*整個回應的區塊*/
margin-bottom:10px;
padding: 10px 0 0 0;
border-top:1px solid #e3e4e4;
}

div.comment_title_1 { /*只有標提區塊*/
font-size:1.1em;
font-weight:bold;
color: #4d4d4d;
padding-bottom:3px;
}

.comments_post_1 { /*post1的作者+留言內文區塊*/
font-family:Verdana,Tahoma,Arial,sans-serif;
margin:0px;
color:#666;
font-size:1.0em;
}

div.comment_outline_2 { /*整個回應的區塊*/
margin-left:20px;
margin-bottom:10px;
background-color: #f4f4f4;
padding: 10px 0 5px 10px;
/*border:1px solid #e3e4e4;*/
}

div.comment_title_2 { /*只有標提區塊*/
font-size:1.1em;
font-weight:bold;
color: #4d4d4d;
}

.comments_post_2 { /*post2的作者+留言內文區塊*/
font-family:Verdana,Tahoma,Arial,sans-serif;
margin:0px;
color:#666;
font-size:1.0em;
}

.comment_content { /*post1和post2的內文區塊*/
font-family:Verdana,Tahoma,Arial,sans-serif;
color: #4d4d4d;
margin:0px;
padding:0px;
}