@charset "utf-8";

/*  

Theme Name: FM021

Theme URI: http://www.fm021.com/

Description: Created by <a href="http://www.fm021.com">FM021</a>. This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it, and make any changes you like. Just leave the credits link under your footer :)categs

Version: 1

Author: Young Mu

Author URI: http://fm021.com/

*/

/* Begin Typography & Colors */



* { margin: 0; padding: 0; }



body { background: #0A1940 url(images/bg.jpg) no-repeat top; font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin-top: 0px ; color:#35383d;}



input, button, textarea, select {  font: normal 12px/12px  Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif, "宋体";; color:#2d3538; vertical-align: middle; }



legend { display: none; }



fieldset { border: none; }



ul, ol { list-style: none; margin:0px; padding:0px;}



ol { list-style-type: decimal;}



table { border-collapse: collapse; width: 100%; }



hr { display: none; }



img { padding: 0px; margin: 0px; border: none; text-align: center;}







a:link { text-decoration: none; color : #7DA2D7; border: 0px; -moz-outline-style: none;}



a:active { text-decoration: underline; color : #7DA2D7; border: 0px; -moz-outline-style: none;}



a:visited { text-decoration: none; color : #0099cc; border: 0px; -moz-outline-style: none;}



a:hover	{ text-decoration: underline; color : #fff; border: 0px; -moz-outline-style: none;} 



a:focus { outline: none;-moz-outline-style: none;}







h1, h2, h3, h4 { font-family:  Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; }







/* BG 



############################################################################################################## */



#bg { width: 960px; margin: 0 auto;}



#bg-all { width: 960px; overflow: hidden;}



/**/ * html #bg-all { height: 1%;} /* */







/* Container 



############################################################################################################## */



.container { float: left; width: 677px;}



.menu { overflow: hidden; float: right; width: 100%; width: 904px; margin: 0 auto; padding: 10px 0px 0px 0px;}



/**/ * html .menu { height: 1%;} /* */ 



.menu ul { float:right; }



.menu li { display: inline; font: 12px/14px "Tahoma"; float: left; height: 16px; color:#c892b1; border-right:1px solid #c892b1}



.menu li ul li { font-weight: normal; letter-spacing: normal;}



.menu li a, .menu li a:visited { color:#c892b1; float: left; margin:0px 15px;}



.menu li a:hover { color:#fff; text-decoration: none; border-bottom:2px solid #A50366;}



.menu .current_page_item a, .menu .current_page_item a:visited, .menu .current_page_item a:hover {color:#fff; border-bottom:2px solid #A50366; }







.menu .current_page_item .page_item a, .menu .current_page_item .page_item a:visited { background: #def1f9; color:#272d36;}



.menu .current_page_item .page_item a:hover { background: #fff; color:#0099cc; }







/* Logo



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.logo { overflow: hidden; border-bottom: solid 6px #e6f1f3; margin-bottom: 30px; display:none;}



/**/ * html .logo { height: 1%;} /* */ 







.logo .txt { width: 520px; padding-left: 70px; background: url(images/logo-symbol.png) no-repeat left 10px; padding-bottom: 30px; }



.logo .txt h1 { font: bold 55px/50px "Arial"; letter-spacing: -3px; text-transform: lowercase; padding-bottom: 5px;}



.logo .txt h1 a, .logo .txt h1 a:visited, .logo .txt h1 a:hover { text-decoration: none; color:#272d36;}



.logo .txt p.desc { font: bold 14px/14px "Arial"; letter-spacing: -1px; display: block; color:#2abada;}







.logo .img { padding-bottom: 15px; }







/* SL ()



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SL { width: 600px; float: left; padding: 258px 0 0px 80px;}







.title { color:#272d36; font: normal 25px/34px "Helvetica"; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ccc;}



.note {  background:url(images/note-icon.png) no-repeat left 2px; padding-left: 14px; color:#669900; font-size: 11px;}



.edit a { background:url(images/edit-icon.png) no-repeat left 2px; padding-left: 14px; color:#ff6600; font-size: 11px; }



.error { color:#cc0000; font-size: 11px; font-weight: bold;}











/* Post Single



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.post, .attachment { width: 100%; position: relative;}



/**/ * html .post, .attachment { width: 99%;} /**/ 







.p-head { padding-bottom: 24px;}



.p-head h1, .p-head h1 a, .p-head h1 a:visited { color:#DA5396; font: normal 25px/25px "微软雅黑"; letter-spacing: -1px;}



.p-head h1 a:hover { color:#DA5396; text-decoration: none; }







.p-head h2 { color:#DA5396; font: normal 25px/25px "微软雅黑"; letter-spacing: -1px; }



.p-head h2 a, .p-head h2 a:visited { color:#DA5396; }



.p-head h2 a:hover { color:#0099cc; text-decoration: none; }







.p-head h3 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; }



.p-head h3 a, .p-head h3 a:visited { color:#272d36;}



.p-head h3 a:hover { color:#0099cc; text-decoration: none;}







.p-cat { font-size:12px; color:#7ca2d7; float:left;}



.p-cat a, .p-cat a:visited, .p-cat a:hover { color:#7ca2d7; padding-right: 5px;}







.p-time { background: url(images/p-time-bkg.png) no-repeat left top; position: absolute; left: -80px; width: 53px; padding:0px 10px 10px 0px; float:left;}



/**/ * html .p-time { left: -80px;} /**/ 



.p-time strong {}



.p-time .day { font-size:20px; text-align:center; overflow: hidden; color:#011d66; letter-spacing: -1px; line-height:23px;}



.p-time .month { text-align:center; font-size:12px; font-weight:normal; color:#0d3673;letter-spacing: -1px; line-height:18px;}



.p-time .year { font: normal 11px/11px; text-align:center; font-weight:normal; color:#bf749b; padding-top:2px;}







.p-con { margin: 0px 0px 50px; color:#7a8ba3; font-size:14px; padding:2px 0 0;}



.p-con p { padding:4px 0px; margin: 5px 0px; line-height:20px;}



.p-con strong{ color:#92A2BA;}



.p-con a{color:#7DA2D7; text-decoration:underline;}



.p-con a:hover{color:#fff}



.p-con h1{ font-size:16px; margin:20px 0px 3px; padding:0px;}



.p-con ol { list-style: decimal inside; }



.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }



.p-con ol li { padding: 2px 0px 2px 0px; }



.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }



.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; }



.p-con blockquote { font-size:12px; padding:5px 20px; margin: 5px 0px 20px; background:#10162E; border-left:5px solid #0A3676;}



.p-con blockquote p { margin:5px 0px; padding:4px 0px;}



.p-con blockquote li { padding:0px; list-style-type: none; font-size: 12px; line-height:12px;}



p.p-more{ margin:10px 0 0; padding:0 0 0 4px; color:#fff; background: url(images/bg_more.gif) no-repeat 0px 0px; text-decoration:none; line-height:24px; font-size:12px;}



p.p-more a{ color:#fff; text-decoration:none;}



p.p-more a:hover{ color:#fff; text-decoration:none;}

a.more-link{ text-decoration:none;}





.p-det {}



.p-det li { float:left; color:#7ca2d7; font-size:12px;}



.p-det li.p-det-com {}



.p-det li.p-det-com a {}



.p-det li.p-det-tag { }



.p-det li a,.p-det a:visited { font-size:12px; margin-right: 3px;}







.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }



.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }







/* Images



+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */



.p-con img { padding: 0; max-width: 100%;}



.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #9b9792;}



.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #eee; padding: 1px; }



.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #eee; padding: 1px;}



.p-con .alignright { float: right; }



.p-con .alignleft { float: left }







/* Navigation



+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */



.nav { overflow: hidden; padding-bottom: 20px;}



.nav .left a { float: left;}



.nav .right a { float: right; }



.nav a, .nav a:visited { cursor: hand; font: bold 14px/16px "Arial"; letter-spacing: -1px; }











/* Comments



############################################################################################################## */



.comments-list { margin: 20px 0px; }



.comments-list h2 { color:#db5298; font: normal 25px/28px "黑体"; letter-spacing: -3px; padding-bottom:10px; border-bottom:1px solid #25375D;}



.comments-list div.entry { padding: 15px; background: #071D4C;}



.comments-list div.alt { background: #0A1940; border: none;}



.comments-list p.name { font-weight:bold; color:#0099CC; margin-left:50px;}



.comments-list p.avt { padding: 0px; margin: 0px; float: left;}



.comments-list p.avt img { border: solid 1px #4E6C9A; padding:1px; width:39px;}



* html .comments-list p.avt { }



.comments-list p.date { margin:3px 0px 8px; margin-left:50px;}



.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#7CA2D7;}







.comments-list .con { color:#7A8BA3;}



.comments-list .con p { padding: 5px 0px; margin: 0px; color:#7A8BA3; line-height:18px;}



.comments-list .con blockquote { color:#666; margin: 10px 20px; }



.comments-list .con blockquote p { color:#666; }







/* Comments Form



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.comments-form { margin: 50px 0px 20px;}



.comments-form h3 { color:#db5298; font: normal 25px/28px "黑体"; letter-spacing: -3px; padding-bottom: 5px; margin-bottom: 5px;  }



.comments-form p { padding: 6px 0px; color:#7A8BA3;}



.comments-form .required { font-weight: normal; color:#DB5298;}



.comments-form input { width: 220px; margin-right: 10px; color:#fff;}



.comments-form input.formid { border:0px solid #25375D; background: #25375D url(images/form-name-bkg.png) no-repeat left; padding: 6px 5px 0px 35px;}



.comments-form input.formemail { border:0px solid #25375D; background: #25375D url(images/form-email-bkg.png) no-repeat left; padding: 6px 5px 0px 35px;}



.comments-form input.formuri { border:0px solid #25375D; background: #25375D url(images/form-uri-bkg.png) no-repeat left; padding: 6px 5px 0px 35px;}







.comments-form textarea { border: 0px solid #25375D; background: #25375D; padding:5px; width: 97%; color:#fff; line-height:16px;}



.comments-form .button { border: 1px solid #4E6C9A; background: #10162E url(images/button-post-comment.png) no-repeat left; color:#7CA2D7; width: auto; font-size: 12px; font-weight: bold; padding: 3px 6px 1px 38px;}























/* Side Right 



############################################################################################################## */



.SR { width: 243px; margin:258px 0 0 0; padding-bottom: 30px; float: right;}







/* Search 



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR .search { background: #0A3676 ; right: 0px; padding: 10px; overflow: hidden; border: 1px solid #09397E;}



/**/ *html .SR .search  { height: 1%;} /**/ 



.SR .search form { width: 221px; padding:0px; }



.SR .search fieldset { overflow: hidden; height: 1%;  }



.SR .search input { float: left; margin-right: 2px; background: url(images/search-input.png) no-repeat; border: none; padding: 5px 1px 5px 38px; width: 154px; color:#10162e;}



.SR .search button { float: left; background: url(images/search-button.png) no-repeat; width: 26px; height: 24px; border: none; cursor: pointer; text-indent: -1000em; }



.SR .syn ul { margin: 10px 0px;}



.SR .syn li { background: url(images/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; color:#ffcc66; display: inline; font: bold 14px/14px 'Arial'; letter-spacing: -1px;}



.SR .syn li a {color:#fff; }



.SR .syn li a:visited {color:#fff; }



.SR .syn li a:hover {color:#fff; }







/* About Blog 



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR .about { background: #082456; padding: 10px 10px 0px 10px; color:#fff; margin-top:2px; height:160px;}



.SR .about h3 {background: url(images/title_bloggers.jpg) no-repeat left top; text-indent:-9999px; margin:0px; padding:0px; height:24px;}



.SR .about ul{}



.SR .about ul li{ color:#92a2ba; font-size:12px; padding:0px; clear:both;}



.SR .about div{ float:left;}



.SR .about div img{ padding:0 10px 10px 0; margin:0px;}



.SR .about h4{ font-size:12px; margin:0px; padding:0px; line-height:12px; }

.SR .about h4 img{ padding:0px; margin:0px;}



.SR .about p { padding: 0px 0px 2px; margin: 0px;}







/* Photostream 



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR .photostream { overflow: hidden; background: #9ed5e1 url(images/photostream-bkg.png) no-repeat bottom left; padding: 15px 0px 25px 15px;}



/**/ *html .SR .photostream { height: 1%;} /**/ 



.SR .photostream h3 { font-size: 24px; letter-spacing: -1px; color:#102a30;}



.SR .photostream ul { float: left; margin-top: 10px;}



.SR .photostream li { background: url(images/photostream-li-bkg.png) no-repeat left top; list-style-type: none; display: inline; padding: 5px; float: left; margin: 0px 3px 5px 0px;}



.SR .photostream li a img, .SR .photostream li a:visited img { border: solid 1px #fff; width: 54px; height: 54px;}



.SR .photostream li a:hover img { border: solid 1px #000;}







/* Recentpost 



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR .recentpost { background: #d1f0e2; overflow: hidden; clear:both;}



/**/ *html .SR .recentpost { height: 1%;} /**/ 



.SR .recentpost h3 { background:#10162e; padding: 5px 10px; color:#999999; font-size:14px;}



.SR .recentpost ul{ background:#071d4c; padding: 5px 10px 10px;}



.SR .recentpost li { line-height:32px; font-size:12px; list-style-type: none; color:#7da2d7; border-bottom:1px solid #1b305b;}



.SR .recentpost a, .SR .categs div a:visited { color:#7da2d7;}



.SR .recentpost a:hover { color:#fff; text-decoration: underline;}







/* Categories 



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR .categs { background: #071d4c; overflow: hidden;}



/**/ *html .SR .categs { height: 1%;} /**/ 



.SR .categs h3 { background:#10162E; padding: 5px 10px; color:#999999; font-size:14px;}



.SR .categs ul{ background:#071d4c; padding: 5px 11px 5px 10px; float:left;}



.SR .categs li { line-height:32px; list-style-type: none; font-size: 12px; color:#7da2d7; width:111px; float:left;}



.SR .categs a, .SR .categs div a:visited { color:#7da2d7;}



.SR .categs a:hover { color:#fff; text-decoration: underline;}







.SR .categs {zoom:1;}



/* Rss 



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR .rss { overflow: hidden; clear:both;}



/**/ *html .SR .rss { height: 1%;} /**/ 



.SR .rss h3 { background:#10162e; padding: 5px 10px; color:#999999; font-size:14px;}



.SR .rss ul{ background: #071D4C; padding:10px;}



/* Recent



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR .recent { background: #e1f3ee; padding: 15px; margin-bottom: 3px; }	



.SR .recent .tabs { overflow: hidden; }



.SR .recent .tabs { height: 1%; }



.SR .recent .tabs li { float: left; background: none; }



.SR .recent .tabs li a { float: left; font: bold 14px/14px "Arial"; color: #102a30; padding: 3px 6px 9px 6px; background: #b5d6cd url(images/tabs-inactive.png) no-repeat bottom center; margin-right: 3px; letter-spacing: -1px; text-decoration: none;}



.SR .recent .tabs li a.active, .SR .recent .tabs li a:hover { background: #4a6969 url(images/tabs-active.png) no-repeat bottom center; color: #fff; text-decoration: none; }



.SR .recent a, .SR .recent a:visited { color:#247682; text-decoration: underline;}



.SR .recent a:hover { color:#003333; text-decoration: underline;}







#tab-comments { display: none; margin-bottom: 5px; }



#tab-comments li { background: url(images/tabs-arrow.png) no-repeat left 10px; padding: 4px 0px 4px 6px; border-bottom: solid 1px #c5ded7; font-size: 11px; color:#5e8a89;}



#tab-comments li a { display: block;}



#tab-posts { margin-bottom: 5px; font-size: 11px; }



#tab-posts li { background: url(images/tabs-arrow.png) no-repeat left 8px; line-height: 14px; padding: 1px 0px 1px 6px;}



#tab-tags { display: none; margin-bottom: 5px; font-family: "Verdana"; line-height: 22px;}











/* widget



 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR .widget { background: #e1f3ee; padding: 15px; margin-bottom: 3px; color:#5e8a89;}



.SR .widget h3 {font: bold 15px/15px 'Arial'; letter-spacing: -1px; color:#102a30; padding-bottom: 5px; border-bottom: solid 1px #c5ded7; margin-bottom: 5px;}



.SR .widget li { background: url(images/tabs-arrow.png) no-repeat left 6px; padding: 2px 0px 2px 6px; font-size: 11px; color:#5e8a89;}



.SR .widget a, .SR .widget a:visited { color:#247682; text-decoration: underline;}



.SR .widget a:hover { color:#003333; text-decoration: underline;}







.SR .widget_tag_cloud { line-height: 22px;}







.SR .widget_calendar table { width: 100%;}



.SR .widget_calendar table td { text-align: center; padding: 3px; }



.SR .widget_calendar caption { background: #d2e9e3; padding: 5px 0px; margin-bottom: 10px;}



.SR .widget_calendar #today { background: #d2e9e3;}







.SR .widget_search #s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px;}







.SR .widget_flickrRSS { overflow: hidden; padding: 15px 0px 15px 15px;}



/**/ *html .SR .widget_flickrRSS { height: 1%;} /**/ 



.SR .widget_flickrRSS h3 { width: 270px; margin-bottom: 10px;}



.SR .widget_flickrRSS ul { float: left;}



.SR .widget_flickrRSS li { background: none; list-style-type: none; display: inline; padding: 0px; float: left; margin: 0px 7px 7px 0px;}



.SR .widget_flickrRSS li a img, .SR .widget_flickrRSS li a:visited img { border: solid 1px #fff; width: 60px; height: 60px;}



.SR .widget_flickrRSS li a:hover img { border: solid 1px #000;}







/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.footer { padding: 15px 0px; background:#10162E;}



.footer p { width: 904px; padding: 0px; margin: 0 auto; text-align:center; color:#a34380;}



.footer p.copy { color:#a34380; }



.footer p.copy a, .footer p.copy a:visited, .footer p.copy a:hover { color:#a34380; text-decoration: underline;}



.footer p.theme { padding-top: 2px; color:#6c8e9d; }



.footer p.theme a, .footer p.theme a:visited, .footer p.theme a:hover { color:#6c8e9d; text-decoration: underline;}