/*
Theme Name: yu-lan
Theme URI:http://www.yu-lan.com.tw
Description: Design by Yu-lan.
Version: 1.0
Author: Yu-lan.
Author URI: hhttp://www.yu-lan.com.tw
Tags: right, two-columns, right-sidebar
*/
* {margin:0 auto}
a {color:#000;text-decoration:none;outline:medium none} 
a:hover {text-decoration:underline}
img {border:0}
small {font-size:12px;color:#999}
textarea {border:1px solid #CFE0EA;font-size:16px;margin-bottom:10px}
blockquote {border-bottom: 1px solid #A5B6C8;
	font-style:oblique;
	border-top: 1px solid #A5B6C8;padding:8px 12px 8px 36px;margin:20px 0}
blockquote ul{padding:0;list-style: square}
h1, h2, h3, h4, h5, h6 {letter-spacing:-0.05em;font-family:Arial}
pre {border: 1px solid #CCC;color:#333;display:block;font:13px/120% Courier New;max-height:200px;overflow:auto;padding:10px 10px 10px 21px;margin-bottom:10px;width:93%}
.fixed {clear:both}

body {
width: 100%;
background-color:#FFF;
color:#666666;font:15px "微軟正黑體","Trebuchet MS","Lucida Grande","Lucida Sans",Arial,Times New Roman, Times}

/*header*/
#wrap{
	width: 980px;
	background-color:#FFF;
}
#header {
	background: url("img/logo.jpg") no-repeat scroll 0 0 transparent;
	height: 269px;
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
	
}

#header  h1{
	float: left;
}
#header  h1 a {
	display: block;
	height: 170px;
	text-indent: -999em;
	width: 970px;
}

/*menu
#navigation {
    overflow: hidden;
    padding-left: 80px;}*/
	
#navigation {
	width: 880px;margin: 0px auto 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	display: block;
	position: relative;
    top: -242px;
    font-size:15px;
    left: 39px;
    
	
	}
#navigation li {display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px}
#navigation ul {margin: 0px;
	padding: 6px 0px 0px 0px}
#navigation ul li a {font:15px "細明體" Times New Roman, Helvetica, Sans-Serif;
	color: #FFF;
	padding: 0px 0px 0px 20px;
	margin: 0px;text-decoration: none;
	text-transform: uppercase;
	/*border-left:1px solid #FFF;
	border-right:1px solid #FFF;*/
	border:;0 1 0 1 solid #FFF;

}
#navigation ul li a:hover {color: #ffde00}


#navigation > a:hover{ opacity: 1;}
#navigation > a{ opacity: 0.6;}



#navigation2 {
	width: 200px;margin: 0px auto 0px;
	text-align: center;
	display: block;
	position: relative;
    top: -274px;
    font-size:15px;
    left: 367px;
    
	
	}
#navigation2 li {display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px}
#navigation2 ul {margin: 0px;
	}
#navigation2 ul li a {font:15px "細明體" Times New Roman, Helvetica, Sans-Serif;
	color: #FFF;
	padding: 0px 0px 0px 5px;
	margin: 0px;text-decoration: none;
	text-transform: uppercase;
	/*border-left:1px solid #FFF;
	border-right:1px solid #FFF;*/
	border:;0 1 0 1 solid #FFF;

}
#navigation2 ul li a:hover {color: #ffde00}


#navigation2 > a:hover{ opacity: 1;}
#navigation2 > a{ opacity: 0.6;}


/*Main*/
#content {
	position: relative;
	z-index: 20;
	top:-68px;
	overflow: hidden;
	padding: 0;
	width: 980px;
}

#m_left{

	float: left;
	width: 230px;
	background: url("img/04.jpg") repeat-y scroll 0 0 transparent;
}

.top{
	height: 80px;
	background: url("img/02.jpg") no-repeat scroll 0 0 transparent;
}
.cont{
	height: auto;
	background: url("img/03.jpg") no-repeat scroll 0 0 transparent;
}

.cont a{
	color: #fff;
}

.cont ul{
	text-align: center;
	font-size: 15px;
	font-family: "新細明體";
	line-height: 35px;
	list-style-type: square;
	margin-left: -29px;
	color: #fff;
}
.cont li {
	width: 180px;

}

.cont a:hover {
	color: #000;
	display: inline;
	text-decoration: none;
	background-color: #fff;
	list-style-type:none;

}

.cont ul li:hover{
	background-color: #fff;
}


.end{
	height: 30px;
	background: url("img/05.jpg") no-repeat scroll 0 0 transparent;
}

#main{
	background: url("img/06.jpg") no-repeat scroll 0 0 transparent;
    float: right;
    margin-right: 0px;
    margin-top: 0px;
    padding-top: 0px;
	padding-left:0px;
	padding-right:0px;
    width: 750px;
	
}

#main p{
	font: 15px/1.7em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
	letter-spacing: 0.07em;margin: 0 auto 40px;overflow: hidden;ptext-align: justify;width:84%;
}
.post
{
	padding-left: 27px;
	padding-right: 69px;
	padding-top: 13px;
}

.post img {max-width:600px;margin:10px 0}
#page h2,.post h2{
	display: block;
	font: 18px "微軟正黑體","Microsoft JhengHei",Georgia,"Times New Roman",Times,serif;
	letter-spacing: 1px;
	text-align: justify;
	text-shadow: 1px 0 0 #CCC;
	padding-left:5px;
	padding-bottom:5px;
	padding-left: 15px;
	/*background-image: url("img/navbar.png");*/
}
.postdate {
    color: #8A8A8A;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 13px;
    height:30px;
	width:200px;
	float:left;
}
.post h2 a.title{text-decoration:none;color: #000;}
.post h2 a.title:hover {color:#000}
.post h3{font:bold 18px/1.5em Times New Roman,Times,serif;padding:7px}
.post p{margin-bottom: 15px;margin-top: 10px;}
*+html .post ul{margin-top:0px;padding-left: 30px}
* html .post ul{margin-top:0px;padding-left: 30px}
.nextpage {height:36px;line-height:36px;border:1px solid #E6E6E6;background:#E6E9E9;margin:15px 0;width:593px;padding-left:15px}
.nextpage a{text-decoration:none}
.nextpage a:hover{border-bottom:1px dashed;text-decoration:none}
.post-info {clear: both;font-size: 12px;color:#999}


/*Profile*/
.author_info{
    background-color: #F2F2F2;
    margin-bottom: 30px;
    min-height: 100px;
    overflow: hidden;
    padding: 10px;
}
.author_info img {border: 5px solid #FFF;float: left;margin-right: 10px}
.author_info p{color: #454545;font-size: 13px;letter-spacing: 1px;margin-top: 5px}
.author_info h1{font-size: 20px;letter-spacing: 1px;text-shadow: 2px 2px 2px #CCC}


/*SideBar*/
.textwidget{padding:10px 5px}
#sidebar {
	/*background:url("img/pic.gif") no-repeat scroll 0 0 transparent;*/
	float: left;
	letter-spacing: 1px;
	line-height: 145%;
	overflow: hidden;
	text-align: left;
	width: 250px;
	padding-top: 20px;	
	padding-left: 15px;
}
#sidebar .widget  h3{
    color: #FFF;
    font: 15px "微軟正黑體","Microsoft JhengHei",simhei,sans-serif;
    padding: 10px 0px 5px 10px;
    text-align: left;
	font-weight: normal;
	letter-spacing: 3px;
	background-image: url("img/navbar.png");
}
#sidebar .widget {
	font-size: 13px;
	line-height: 1.7em;
	margin: 0 0 20px;
	overflow: hidden
}
#sidebar ul {list-style:square;padding:0 0 0 20px}
#sidebar li {padding: 5px 0 0}

/*page*/

#page{

}

#page h2{
	padding-bottom: 18px;
	padding-left: 43px;
	padding-top: 13px;
}


/*Comment*/
#comments{}
.wpcomments{
border-bottom: 1px solid #E3E3E3;
border-top: 1px solid #E3E3E3;
font: 18px "Microsoft JhengHei","Microsoft YaHei",simhei,sans-serif;
margin-bottom: 10px;
color:#000
}



/*Comments Area*/
#comments blockquote{background:#F4F5F7;border: 4px double #E6E6E6}
.commentlist li, #commentform input, #commentform textarea {font-size:15px}
.commentlist li .avatar {float: left;border: 5px solid #EED;padding: 2px;margin: 0px 10px 10px 0}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1em}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;font-size:15px}
.commentmetadata {font-weight: normal;font-size:12px;display: block}
#commentform input {margin: 0 5px 0 0;padding: 2px;width: 135px}
p.comfiled label{color: #777;font-size: 15px;padding-right: 8px}
#commentform {margin: 5px 10px 0 0}
#commentform textarea {width: 100%;padding: 2px;border:1px solid #CCC}
#commentform #submit {margin:0 0 5px auto;float:right;width:90px;border:1px solid #CCC;}
#commentform #submit:hover{background:#E7E7E7}
.alt {margin: 0;padding: 10px}
.commentlist {padding: 0;text-align: justify;/*width: 600px*/}
.commentlist li {padding:20px 0 15px;margin:0;list-style: none; border-bottom: 2px solid #D54E21}
.commentlist li ul li {padding:15px;margin:15px auto 0;border: 1px solid #DCDCDC}
.commentlist p {clear: both;margin: 10px 5px 10px 0}
.children {padding: 0; margin-top: 10px}
#commentform p {margin: 5px 0}
#commentform p.comment-notes{font-size: 13px;color: red}
.nocomments {border-bottom: 5px solid #DCDCDC;color: #555;font-size: 20px;padding: 15px 10px;text-align: center;/*width: 585px*/}
.reply{font-weight:normal;height: 25px}
.comment-author{font-size:18px}
.comment-reply{padding-top: 15px}
a#cancel-comment-reply-link {font-family:arial;background:#D00;float:right;border: 1px solid #CCC;color:#FFF;padding:3px 5px 3px 9px;text-decoration:none}
a.comment-reply-link {background:#4B981D;font: 12px arial;color:#FFF;padding: 3px 8px;border: 1px solid #CCC;text-decoration: none}
#respond h3{color:#FFF;font:15px 'Arvo',"Microsoft JhengHei",simhei,sans-serif;padding:10px 0}
#respond {/*width:600px;*/overflow: hidden}
.floor, .floor a {color: #CCC;float: right;font-size: 1.5em;font-style: italic;height: 40px;padding: 5px 0 0;text-decoration: none}
.comfiled{float:left}

/*Post Next Prev*/
.postnav{clear: both;border: 1px solid #D4D4D4;margin-top: 15px;padding: 10px 0 0 10px}
.prev,.next{color: #555; padding-bottom: 10px;}


/*Footer*/
#footer {
    background: url("img/07.jpg") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 80px;
    margin: 0 auto;
    width: 960px;
}
#footer a:hover{color:#999999;
			text-decoration: none;}
#footer a{color:#999999;
			text-decoration: underline;}
#copyright {
	color:#999999;
	font:12px Verdana;
	text-align:left;
	height:50px;
	padding-top:27px;
	width: 700px;
	float: right;
	line-height: 20px;
	}


/*PageBar*/
.page_navi{margin-top: 10px;line-height:36px;text-align:center;text-decoration:none;width:100%;overflow:hidden;clear: both}
.page_navi .prev{margin-right:5px}
.page_navi a{padding:3px 8px;text-decoration:none;color:#555;border:1px solid #CACACA}
.page_navi a.current{padding: 3px 8px;font-weight:bold;text-decoration: none;border: 1px solid #CCC;background:#FFF;color: #454545}
.page_navi .current,.page_navi a:hover{    background: #EAEAE1;
    border: 1px solid #CCC;
    padding: 3px 8px;
	color:#000;}

/*CSS3*/
.forum .first{-moz-border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.single_author_info{-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

#category-box{
margin: 0px auto;
font-size: 15px;
text-align:center;
height: 30px;
width: 300px;
background-color:#F0E9D9;
/*border-style:dashed;*/
padding:3px 3px 3px 3px;
}
#slideshow {
    position:relative;
    height:300px;
	width:630px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}