/*  
Theme Name: Su,Hui-Yu
Theme URI: http://www.rengised.com/blog/
Description: Su,Hui-Yu personal website style.
Version: 0.5
Author: Roca Chang
Author URI: http://www.rengised.com/
*/


/*---NORMAL------------------------*/
body { margin: 0; padding: 0; height: 100%; }

a       { color: #333333; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover	{ text-decoration: none; }

a img { border: none; }

.line { border: 1px solid #666666; }

p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
p img { margin: 0; padding: 0; }

h1 { margin: 0 0 0 10px; width: 310px; height: 71px; }
h2 { height: 20px; color: #333333; font-weight: normal; font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif; }
h3 { color: #333333; font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif; }
.red { height: 20px;  color: red; font-size: 18pt; font-style: italic; font-weight: bold; font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif; }

hr { display: none; }

.avatar { padding: 5px; border: 1px solid #E6E6E6; }

.alignright { float: right; }
.alignleft { float: left; }

label { margin: 0 0 0 5px;  font-size: 8pt; color: #333333; }

textarea { overflow: auto; }


/*---wp-Caption--------------------*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
			 
.wp-caption {
margin: 5px 5px 0 12px;
padding: 0;
text-align: center;
background-color: #FFFFFF;
}

.wp-caption p.wp-caption-text {
margin: 0;
font-size: 9pt;
line-height: 16px;
}


/*---HEADER---------------------*/
#header {
margin: 0 auto 0 auto;
padding: 30px 0 0 0;
width: 960px;
height: 80px;
height: auto !important;
min-height: 80px;
text-align: left;
}

#description {
display: none;
}


/*---MENU----------------------*/
#menu {
position: relative;
margin: 0 auto;
width: 960px;
height: 26px;
font-weight: bold;
}

.tab { margin: 0; top: 0; }

.tab ul { margin: 0; padding: 0; list-style: none; float: left; }

.tab li { display: inline; float:left; margin:0; padding:0; }

.tab a  {
margin: 0;
padding: 0;
display: block;
float: left;
}

.tab a  {
display: block;
padding: 0 15px 0 13px;
font-size: 14px;
color: #333333;
letter-spacing: 1px;
line-height: 26px;
}

.tab a:hover{
color: #E60013;
font-style: normal;
}


/*---Search--------------------*/
#searchform { float: right; height: 20px; margin: 0 13px 0 0; padding: 0; display: inline; }

#searchform .s_box {
width: 130px;
margin: 0;
padding: 1px 1px 1px 1px;
font-size: 10px;
color: #E60013;
border: 1px solid #333333;
}

#searchform .s_btn {
padding: 0;
font-size: 12px;
color: #333333;
line-height: 1.5em;
cursor: pointer;
border: 1px solid #FFFFFF;
background: #FFFFFF;
}


/*---PAGES-------------------*/
#i_news {
float: right;
margin: 30px;
padding: 25px;
width: 210px;
height: 320px;
background: #E3E3E3;
filter:alpha(opacity=70); /* IE */ 
opacity: 0.7;
-moz-opacity: 0.7; 
}

#i_news a {
line-height: 25px;
font-size: 11px;
}

#i_left_post {
margin: 0;
position: relative;
width: 360px;
}

#i_left_post_wide {
margin: 0;
position: relative;
width: 570px;
}


/*---blog-------------------*/
#content_blog {
float: left;
display: inline;
margin: 8px 15px 0 13px;
padding: 0;
width: 620px;
}

#content_blog h2 { margin: 0; font-size: 18px; }
#content_blog h2.single a { margin: 0; padding: 5px 0 5px 0; font-size: 18px; border: none; }
#content_blog h2.single { margin:  0; font-size: 18px; }
#content_blog h2.pagetitle { margin: 16px 0 45px 0; font-size: 16pt; color: #333333; }
#content_blog h2.pagelist { margin: 0; font-size: 12px; }

#content_blog h2 a {
font-weight: normal;
font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #E60013;
}

#content_blog h2 a:hover { color: #E60013; }


#content_blog h3 { margin: 8px 0 0 0; font-size: 14px; font-weight: normal; }

#content_blog h4 { font-size: 12px; font-weight: normal; }

#content_blog .post {
margin: 10px 8px 5px 0px;
padding: 15px 0 20px 0;
}

#content_blog .postmetadata { 
margin: 2px 0 0 0;
color: #111111;
font-size: 8pt;
border-top: 1px solid #666;
}

#content_blog .postmetadata a {
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #E60013;
}
#content_blog .postmetadata a:hover { border-bottom-color: #E60013; color: #E60013; }

#content_blog .postmetadata_sigle {
border-top: 1px solid #666;
margin: 40px 0 5px 0;
padding: 0;
font-size: 8pt;
line-height: 15px;
}

#content_blog .postmetadata_sigle a {
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #E60013;
}
#content_blog .postmetadata_sigle a:hover { color: #E60013; }

#content_blog .postmetadata_sigle img { margin: 0 0 -3px 3px; }

#content_blog p {
line-height: 18px;
color: #111111;
font-size: 9pt;
}

#content_blog p em {
font-size: 10px;
line-height: 20px;
color: #333333;
}

#content_blog .entry { margin: 5px 0 0 0; }

#content_blog .entry img { margin: 0; padding: 0; }

#content_blog .entry a {
margin: 0 2px 0 2px;
color: #111111;
font-family: Arial, Helvetica, sans-serif;
}
#content_blog .entry a:hover { color: #E60013; }

#content_blog .entry strong { margin: 0 2px 0 2px; color: #333333; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }

#content_blog .entry li,
#content_blog .entry dt,
#content_blog .entry dd,
#content_blog .entry th,
#content_blog .entry td     { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

#content_blog .entry li *,
#content_blog .entry dd *   { font-size: 11px !important; line-height: 16px !important; }

#content_blog .entry ul          { margin: 8px 0 10px 0; padding: 0 }
#content_blog .entry ul li       { margin: 8px 0 0 15px; padding: 0; list-style: circle;  }
#content_blog .entry ul.about li { list-style: none; background: url(images/blog_entry_li.png) top left no-repeat; }

#content_blog .entry ol     { margin: 5px 0 10px 0; padding: 0 0 0 28px; }
#content_blog .entry ol li  { margin: 5px 0 0 0; padding: 0; }

#content_blog em,
#content_blog i,
#content_blog cite,
#content_blog q    { font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif; }
   		
#content_blog code {
padding: 1px 5px 1px 5px;
color: #333333;
background: #EFEFEF;
border: 1px solid #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content_blog blockquote { margin: 15px 15px 12px 10px; padding: 1px 6px 3px 10px; border-left: 5px solid #FF3300; background: #F2F2F2;}
#content_blog blockquote cite { margin: 0; display: block; }


/*---CONTENT-------------------*/
#wrapper { margin: 0 auto 0 auto; width: 960px; height: auto;}

#content {
float: left;
display: inline;
margin: 0 0 0 5px;
padding: 0;
width: 950px;
}


#content h2 { margin: 0; font-size: 18px; }
#content h2.single { margin: 0; font-size: 18px; }
#content h2.pagetitle { margin: 0 0 45px 0; font-size: 18pt; color: #333333; }
#content h2.pagelist { margin: 0; font-size: 12px; }

#content h2 a {
color: #048FBD;
font-weight: normal;
font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #1FB0E0;
}

#content h2 a:hover { color: #E60013; }


#content h3 { margin: 8px 0 0 0; font-size: 14px; font-weight: normal; }

#content h4 { font-size: 12px; font-weight: normal; }

#content .post {
margin: 10px 8px 5px 8px;
padding: 15px 0 20px 0;
}

#post-3 {
height: 420px;
border: 1px solid #000000;
border-bottom: 25px solid #000000;
background: url(images/index_entry_bg.png) no-repeat 0 0;
}

#post-6 .entry {
height: 360px;
}


#content .postmetadata { margin: 2px 0 0 0; color: #660000; font-size: 8pt; }

#content .postmetadata a {
color: #ff4700; font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #ff4700;
}
#content .postmetadata a:hover { border-bottom-color: #F8F8F8; }

#content .postmetadata_sigle {
margin: 50px 0 5px 0;
padding: 10px;
color: #999999;
border-top: 1px dashed #999999;
font-size: 9pt;
line-height: 22px;
}

#content .postmetadata_sigle a {
color: #ff4700;
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #ff4700;
}
#content .postmetadata_sigle a:hover { border-bottom-color: #F8F8F8; }

#content .postmetadata_sigle img { margin: 0 0 -3px 3px; }

#content p {
line-height: 20px;
color: #333333;
}

#content p em {
font-size: 10px;
line-height: 20px;
color: #333333;
}

#content .entry { margin: 5px 0 0 0; }

#content .entry img { margin: 0; padding: 0; }

#content .entry a {
margin: 0 2px 0 2px;
color: #111111;
font-family: Arial, Helvetica, sans-serif;
}
#content .entry a:hover { color: #E60013; }

#content .entry strong { margin: 0 2px 0 2px; color: #333333; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }

#content .entry li,
#content .entry dt,
#content .entry dd,
#content .entry th,
#content .entry td     { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

#content .entry li *,
#content .entry dd *   { font-size: 11px !important; line-height: 16px !important; }

#content .entry ul          { margin: 8px 0 10px 0; padding: 0 }
#content .entry ul li       { margin: 8px 0 0 15px; padding: 0; list-style: circle;  }
#content .entry ul.about li { list-style: none; background: url(images/blog_entry_li.png) top left no-repeat; }

#content .entry ol     { margin: 5px 0 10px 0; padding: 0 0 0 28px; }
#content .entry ol li  { margin: 5px 0 0 0; padding: 0; }

#content em,
#content i,
#content cite,
#content q    { font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif; }
   		
#content code {
padding: 1px 5px 1px 5px;
color: #333333;
background: #EFEFEF;
border: 1px solid #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content blockquote { margin: 15px 15px 12px 10px; padding: 1px 6px 3px 10px; border-left: 5px solid #FF3300; background: #F2F2F2;}
#content blockquote cite { margin: 0; display: block; }


/*---COMMENTS-----------------*/
ol.commentlist { margin: 30px 0 40px 0; padding: 0; width: 480px; }

ol.commentlist p { color: #555555; }

ol.commentlist li{
margin: 0;
padding: 13px 10px 13px 10px;
width: 500px;
list-style: none;
border-bottom: 1px dotted #D9D8C8;
background: #F8F8F8;
}

ol.commentlist li.alt{ background: #FFFFFF; }

ol.commentlist a { color: #048FBD; font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif; }
ol.commentlist a:hover { border-bottom: 1px dotted #FF0066; }

ol.commentlist li .comment_avat { float: left; margin: 0; width: 50px; height: 50px; }
ol.commentlist li .comment_info { float: left; margin: 0 0 0 16px; padding: 5px 0 0 8px; height: 55px; border-left: 4px solid #D9D8C8; }

ol.commentlist li .commentmeta_who {
color: #111111;
font-size: 9pt;
font-weight: normal;
font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif;
}
ol.commentlist li .commentmeta_who a {
color: #111111;
border-bottom: 1px dotted #E60013;
font-size: 9pt;
font-weight: normal;
font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif;
}
ol.commentlist li .commentmeta_who a:hover {
color: #E60013;
font-size: 9pt;
font-weight: normal;
font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif;
}

ol.commentlist li .commentmeta_date { padding: 5px 0 0 0 ; }
ol.commentlist li .commentmeta_date a { color: #666666; font-size: 9pt; }

ol.commentlist li .comment_main { clear: both; margin: 0; padding: 15px 0 5px 0; }
ol.commentlist li .comment_main p { margin: 10px 0 0 0; }

#commentform { margin: 0 10px 0 0; padding: 0 0 10px 0; }

#commentform p { margin: 10px 0 0 0; color: #555555; }


#commentform input {
margin: 0;
padding: 2px;
border: 1px solid #CCCCCC;
}

#commentform textarea {
margin: 0;
padding: 2px;
width: 340px;
height: 150px;
border: 1px solid #CCCCCC;
}



#commentform #submit {
width: 100px;
margin: 0;
padding: 3px 3px 3px 3px;
background: #ECECEC;
border: 1px solid #C6C6C6;
}



/*---SIDEBAR-------------------*/
#sidebar * { margin: 0; padding: 0; }
#sidebar {
float: left;
margin: 16px 0 0 20px;
padding: 0;
width: 280px;
}

#sidebar h2 {
margin: 0 0 12px 0;
padding: 5px 0 5px 18px;
font-size: 10pt;
font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
border-bottom: 1px dotted #666666;
}

#sidebar a { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px dotted #E60013; }
#sidebar a:hover { color: #E60013; }

#sidebar span { color: #999999; }

#sidebar .st-tag-cloud { margin: 0 0 0 20px; }

#sidebar ul,
#sidebar ol { margin: 0; }

#sidebar li { list-style: none; margin: 10px 0 25px 0; }

#sidebar li li {
margin: 4px 8px 4px 18px;
font-size: 10pt !important;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

#sidebar li ul { margin: 0 0 10px 0; }
#sidebar li ul	li ul { margin: 0 0 10px 0; }

#sidebar li p {
margin: 0 0 5px 0;
font-size: 9pt !important;
line-height: 20px;
color: #666666;
}

#sidebar li span {
margin: 0 0 10px 0;
font-size: 10pt !important;
line-height: 18px;
color: #666666;
}

#sidebar li p,
#sidebar li select { margin: 0; }


/*---FOOTER--------------------*/
#footer	{
margin: 0 auto;
padding: 0;
width: 934px;
clear: both;
border-top: 2px solid #000000;
}

#bm {
margin: 0;
padding: 0;
width: 200px;
float: left;
}

#bm a { margin: 0 25px 0 0; }

#bm a span {
font-size: 14px;
font-weight: bold;
}

#bm a:hover span {
color: #E60013;
font-style: normal;
}

#footer p {
text-align: right;
margin: 5px 0 0 0;
color: #111111;
font-size: 9px;
font-family: Microsoft JhengHei, LiGothicMed, Verdana, Arial, Helvetica, sans-serif;
}