/*
Template: StreetCorner for pLog
Design Author: JamesHuang
*/
body {
margin:0;
padding:0;
font-family: 微軟正黑體, sans-serif, Times New Roman, arial, ;
font-size: 1.048em;
text-align:center;
color:#363636;
line-height:1.03em;
letter-spacing: 1.25px;
background: #bba url('/img/bg-01.gif') top center repeat-y;
}
a {
color: #0080C0;
text-decoration:none;
}
a:visited {
color: #0080C0;
}
a:hover {
color: #0080C0;
text-decoration:underline;
}
#rap
{
background: url('img/bg1.gif');
border-left: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
border-top: 3px solid #ffffff;
width:760px;
height: 166x;
margin:0 auto;
padding:0px;text-align:left;
font-family: Trebuchet MS, Georgia, Arial, serif;
font-size: 0.9em;
}
#header {
/* background: url('img/m2khead.jpg'); */
height: 166px;
margin: 0 auto;
width:760px;
padding:0;
}





#content {
width:560px;
float:left;
padding:8px 0 0 1em;
margin:0;
}

#sidebar {
width:180px;
float:right;
padding:8px 0;
margin:0;

}

a img {
border: none;
}
acronym, abbr {
border-bottom: 1px dotted #0c6bf0;
}
acronym, abbr, span.caps {
cursor: help;
letter-spacing: .07em;
}
code {
font-size: 1em;
font-style: italic;
}
blockquote{
background: #EEE url(img/blockquote.png) no-repeat bottom left;
/*border: 1px solid #E0E0E0;*/
padding: 10px;
padding-bottom: 40px;
margin: 1em;
}

cite {
font-size: 0.9em;
font-style: normal;
}
h3 {
margin: 0;
padding: 0;
font: normal 1.3em verdana, helvetica, sans-serif;
}
p {
margin: 0 0 1em;
padding: 0;
line-height: 1.5em;
}
h1, h2, h3, h4 {
font-family: Arial,Georgia, "Lucida Grande", "Lucida Sans Unicode", lucida, Verdana, sans-serif;
font-weight: normal;
letter-spacing: 0.96px;
}
#header h1 {
height: 166px;
margin: 0 auto;
width:760px;
padding:0;
}
#header h2 {
margin-left: 30px;
font-size: 13px;
color: #663300;
padding-top: 10px;
font-weight: bold;
}

#header h4 {
margin-top:5px;
margin-left: 30px;
font-size: 12px;
color: #FFFFFF;
font-family: serif,Arial, Helvetica, sans-serif;
font-weight: bold;
}

h2 {
margin: 0;
padding: 0;
font-size: 1.1em;
color: #333;
font-weight: bold;
}
h3 {
margin: 0;
padding: 0;
font-size: 1.2em;
color: #333;
font-weight: bold;
}
.description
{
margin:0;
padding:0px 100px 0 10px;
font-size:1.1em;
color:#f0f0f0;
}
#sidebar h2 {
margin: 0;
padding:3px;
font-size: 12px;
color: #696969;
text-align:center;
background:url(img/sidebar-top-bg.jpg) repeat-x top;
height:23px;
font-weight:bold;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
}

#sidebar div.sidebody{
padding: 5px;
margin: 0 0 10px 0;
font-size: 12px;
line-height:1.19em;
color:#696969;
padding-bottom:15px;
background:#fff url(img/sidebar-btm-bg.jpg) repeat-x bottom;
border:#E1D6c6 1px solid;
border-top:#f3f6ed 1px solid;
}


#sidebar div.sidebody em{
line-height:2em;
font-size: 12px;
font-style:normal;
color:#ff6600;
}


#sidebar ul {
list-style-type: none;
padding: 5px;
margin: 0 0 10px 0;
font-size: 12px;
padding-bottom:20px;
background:#fff url(img/sidebar-btm-bg.jpg) repeat-x bottom;
border:#E1D6c6 1px solid;
border-top:#f3f6ed 1px solid;
}
h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.1em;
color: #999;
}

#sidebar ul li {
margin: 0 0 0 0;
padding: 0;
font-size: 1em;
background: #fff;
}
#sidebar li a:link, #sidebar li a:visited {
color: #FF6600;
text-decoration: none;
}
#sidebar li a:hover {
color: #3366FF;
border-bottom: 1px solid #3366FF;
}

#sidebar ul ul {
list-style-type: none;
padding: 0px;
margin: 0;
font-size: 1em;
background:none;
border:none;
}
#sidebar ul ul li
{
margin:0;
padding:0;
padding-left:10px;
margin-left:10px;
background:url(img/bullet.png) no-repeat left;
}

#recent-posts li, #recent-posts ul li, #sidebar #recent-posts ul li{
border-bottom:#EEE 1px solid;
padding: 5px 0 5px 0;
color:#CCC;
list-style-type:circle;
list-style-position: inside;
}


#header a:link, #header a:visited, #header a:hover, #header a:active {
color: #f0f0f0;
text-decoration: none;
border-bottom: none;
}
#content ul {
margin-left: 0;
padding-left: 15px;
list-style-type: none;
}
#content ul li {
background: url('img/bullet.png') no-repeat 0 7px;
padding-left: 1.5em;
}
.post-footer, .copyright {
margin-bottom: 3em;
font-size: 12px;
color: #666;
}
img {
border: #ccc 0px solid;
padding: 3px;
}
.post-title { /* 標題上寫文章分類的那裡 */
margin: 0 0 0.2em;
text-align: right;
font-size: 11.5px;
padding: 0.5em 1em 0 0;
color: #999;
border-bottom:#bba 1px solid;/*奶茶色線條*/
}
.post-title em { /* 標題上寫文章分類的那裡 */
text-decoration: none;
float: left;
font-style: normal;
font-size: 12px;
padding:0;
}

.post-title em a:link, .post-title em a:visited, .post-title em a:hover, .post-title em a:active /* 標題上寫文章分類的那裡 */
{
text-decoration:none;
color:#ff6600;/*橘色*/
}

.post-info { /* 文章標題 */
color: #999;
font-family: 微軟正黑體,Serif,Georgia,Arial;
font-size:1.3em;
font-weight:bold;
margin:0;
}
.post-info a { /* 文章標題 */
text-decoration: none;
color: #8a3207;
border: none;
}
.post-content
{ /* 文章內文 (整個 div) */
font-family: 微軟正黑體,Serif,Arial;
letter-spacing: 1.1px;
padding: 1em 0 0;
font size: 11pt;
}

.alert{ /* 文章內文 特別醒目 */
color:red;
font-weight:bold;
}

.sub-title { /* 文章內文 小標 */
font-size: 1.1em;
font-weight:bold;
margin: 0.5em 0 0.5em  0.2em
}

hr {
display: none;
}
#footer {
margin:0;
padding: 3px;
border-top: 1px solid #e6e6e6;
clear: both;
font-size: 12px;
color: #999;
background: #fff;
text-align:center;
}
#footer a {
border:none;
color:#7A7636;
}
#commentlist {
font-size:1em;
font-weight:bold;
color: #ccc;
}
#commentlist li {
color: #666;
font-weight: normal;
font-size:0.85em;
}
#commentlist cite {
font-size: 0.8em;
color: #808080;
margin: 0 0 1em;
padding: 0 0 0.5em;
}
cite a {
border-bottom: 1px dotted #DC9204;
text-decoration: none;
}
cite a:visited, a:hover {
border-bottom: none;
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #F5F5F5;
border: 1px solid #669BB4;
padding: 0.2em;
}
#commentform textarea {
width: 80%;
}
#commentform p {
margin: 0 0 1em;
}
#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}
#comments {
text-transform: uppercase;
margin-top: 3em;
color: #AA7D39;
font: 1.0em serif, verdana, helvetica;
}
#postcomment {
text-transform: uppercase;
margin-top: 0.9em;
color: #AA7D39;
font: 12px verdana, helvetica, sans-serif;
}

.link-comment {
background: url('img/ico-talk-act.gif') no-repeat left;
padding-left: 15px;
}
.link-comment-off {
background: url('img/ico-talk.gif') no-repeat left;
padding-left: 15px;
}
.pauthor, .ptime, .pcat {
font-size: 0.8em;
padding-right:15px;
}
.pauthor {
background: url('img/user.png') no-repeat left;
padding-left: 12px;
}
.ptime {
background: url('img/heure.png') no-repeat left;
padding-left: 12px;
}
.pcat {
background: url('img/puce.png') no-repeat left;
padding-left: 12px;
}
#topnav
{
list-style:none;
font-size:12px;
margin:0 auto;
padding:2px 0 0 5px;
text-align:right;
text-transform:lowercase;
border-bottom:#ddd 1px solid;
}
#topnav li
{
list-style:none;
display:inline;
padding:0 1em 0 0;
margin:0;
}
#topnav li a:link, #topnav li a:visited, #topnav li a:hover, #topnav li a:active
{
text-decoration:none;
color:#666;
}
#topnav li a:hover
{
border-bottom:#7A7636 3px solid;
color:#7A7636;
}
.announ
{
margin-bottom:10px;
padding:10px;
background:#fff;
border:#ccc 1px dotted;
}

.calMonthToday{
border:1px dotted #669933;
background-color:#eeeeee;
}

/* comments */
div.comment_outline_1 {
width: 100%;
background-color: #696969;
padding:2px;
border-bottom: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}

div.comment_title_1 {
font-size: 16px;
background-color: #696969;
height:20px;
line-height: 140%;
color: #FFFFFF;
padding-top:1px;
padding-left: 5px
}

.comments_post_1 {
font-family:verdana, arial, sans-serif;
text-align: right;
color:#666;
font-size:12px;
font-weight:normal;
background: transparent;
}

div.comment_outline_2 {
width: 90%;
margin-left: 10%;
background-color: #C4C4C4;
padding:2px;
border-bottom: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}

div.comment_title_2 {
font-size: 16px;
background-color: #C4C4C4;
height:20px;
line-height: 140%;
color: #FFFFFF;
padding-top:1px;
padding-left: 5px
}

.comments_post_2 {
font-family:verdana, arial, sans-serif;
text-align: right;
color:#666;
font-size:12px;
font-weight:normal;
background: transparent;
}

.comment_content_space {
background: transparent url(images/bg_white.gif);
background-color: #FFFFFF;
color: #000000;
padding:10px;
padding-top: 2px;
padding-bottom: 2px;
}
