/*  
Theme Name: Melish
Version: 1.0
Theme URI: http://www.melish.cn/
Description: Just A Wordpress Theme
Author: Melish
Author URI: http://www.melish.cn/
Copyright (c) Melish.
     此主题部分代码和网站部分创意来自帕兰映像所共享的V7主题
	 在此郑重致谢于帕兰映像：paranimage.com
*/

/***********************************************************************************************************
RESET, GENERIC & LAYOUTS
************************************************************************************************************/

*{margin:0;padding:0;border:0;}
body{background:#FFF;color:#000;font:12px Arial, Helvetica, Verdana, sans-serif;}

a{text-decoration:none;color:#2299BB;}
a:hover{text-decoration:none;color:#C00909}
ol,ul{list-style: none;}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:15px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}

fieldset, img, abbr,a img, :link img, :visited img {border: 0 none;}
strong, th{font-weight:bold;text-align:left;}
p img {padding: 0;max-width: 100%;}
img.centered ,img.aligncenter{display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.inner{width:960px;margin:0 auto;}
.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfloat {display: inline-block;}
.clearfloat {display: block;}

div#content{float:left;width:667px;min-height:700px; height:auto !important; height:700px;overflow:visible;padding-top:20px;}
div#sidebar{float:right;width:260px;overflow:hidden;padding-top:20px;}

/* ------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------*/
#topper{background:url(images/bg.gif) repeat-x top;border-bottom:1px solid #2fcdfd;}
#header{margin:0 auto;min-height:60px;min-width:960px;max-height:60px;max-width:960px;}

#header h1{float:left;}
#header h1 a{background:url(images/logo.png) no-repeat left top;width:220px;height:60px;display:block;outline:0;text-indent:-5555em;overflow:hidden;}
#header ul{float:right;padding-top:15px;}
#header ul li{display:inline;position:relative;padding:0 0 0 15px;}
#header ul li a{display:inline;color:#000;font-weight:bold;}
#header ul li a:hover,#header ul li.current_page_item a{color:#C00909;text-decoration:none;}
#header ul li.rsslink{background:url(images/rss.png) no-repeat right 1px;padding-right:18px;}

#headbar{margin:0 auto;height:220px;width:960px;}
#headbar-left{width:300px;height:200px;background:url(images/bgwall.png) no-repeat left top;float:left;}
#lattice{position:relative;top:10px;float:left;layout:fixed;}
#lattice td{width:35px;height:35px;}
#headbar-right{width:300px;height:200px;float:right;}

/***********************************************************************************************************
NAVIBAR
************************************************************************************************************/

div#navibar{width:960px;margin:0 auto;min-height:27px;padding-top:10px;}	
  #breadcrumb li{float:left;background:url(images/arrow_crumb.gif) no-repeat 10px center;padding-left:20px;}
  #breadcrumb li.home{background:none;}


/***********************************************************************************************************
TOOLBAR
************************************************************************************************************/


.left-column{width:120px;float:left;margin-right:34px;}
.center-column{width:513px;float:left;margin-right:33px;}
.right-column{width:260px;float:right;}
.left-wide-column{width:667px;float:left;}
.right-wide-column{width:806px;float:right;}

#toolbar{position:fixed;bottom:0;background:#F7F7F7 url(images/fbg.png) repeat-x left top;height:24px;padding:13px 0 7px 0;width:100%;left:0;z-index:100;}
   * html #toolbar{background:none;padding:0 0 15px 0;}																									
   .btn { display:inline-block; background:none;margin:0;padding:3px 0;border-width:0;overflow:visible;text-decoration:none;color:#333;font-size:13px;}
   html button.btn {padding-bottom:1px;}
   /*html:not([lang*=""]) button.btn {margin:0 -3px;}*/
   .btn span {background:#DDD url(images/bg-button.gif) repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #BBB;border-right:1px solid #AAA;}
   * html .btn span {padding-top:0;}
   .btn span span ,.btn span a{position:relative;padding:3px 8px;border-width:0;border-top:1px solid #BBB;border-bottom:1px solid #AAA;color:#000;}
   /* 
   button.pill-l span {border-right-width:0;}
   button.pill-l span span {border-right:1px solid #BBB;}
   button.pill-c span {border-right-style:none;border-left-color:#FFF;}
   button.pill-c span span {border-right:1px solid #BBB;}
   button.pill-r span {border-left-color:#FFF;}
   */
   .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span a {cursor:pointer;border-color:#9CF;color:#000;}
   .btn:active span {background-position:0 -400px;outline:none;}
   .btn:focus, .btn:active {outline:none;}
   .primary {font-weight:bold;color:#000;}
   .ltn{margin:0 -1px 0 0;}
   .ctn{margin:0 -1px;}
   .ctn span {border-left:1px solid #FFF;border-right:1px solid #FFF;}
   .ctn span a{border-left:1px solid #BBB;border-right:1px solid #BBB;}
   .rtn span {border-left:1px solid #FFF;border-right:1px solid #BBB;}
   .rtn span a{border-left:1px solid #BBB;}
   .rtn{margin:0 0 0 -1px;}
   .ctn span:hover ,.ctn span:focus,.ctn span:active{border-left:1px solid #FFF;border-right:1px solid #FFF;}
   .ctn span a:hover,.ctn span a:focus,.ctn span a:active{border:1px solid #9CF;}
   .ltn span a:hover,.ltn span a:focus,.ltn span a:active{border-top:1px solid #9CF;border-bottom:1px solid #9CF;}
   .rtn span:hover ,.rtn span:focus,.rtn span:active{border-left:1px solid #FFF;}
   .rtn span a:hover,.rtn span a:focus,.rtn span a:active{border-top:1px solid #9CF;border-bottom:1px solid #9CF;}

   #catnavi{width:511px;margin:0 1px 10px;}			
   #catnavi li.btn{float:left;position:relative;z-index:500;}
   #catnavi li a{background:url(images/arrow_hold.gif) no-repeat 38px center;padding-right:20px;}
   #catnavi li a:hover{text-decoration:none;}
   #catnavi ul.sub{display:none;}
   #catnavi li:hover ul.sub{width:130px;height:240px;position:absolute;padding:0;bottom:23px;display:block;left:-4px;bottom:24px\9;}
   * html #catnavi li:hover ul.sub{bottom:23px;}
   #catnavi li.ltn:hover ul.sub{right:0;left:-5px;}
   #catnavi li.rtn:hover ul.sub{right:-5px;left:auto;}
   #catnavi li.ftn:hover ul.sub{right:-5px;left:auto;}
   #catnavi ul.sub li{position:absolute;bottom:0;border:0;background:transparent url(images/bg-sub.png) no-repeat center top;width:120px;padding:15px 5px 5px 5px;padding-bottom:0\9;}
   * html #catnavi ul.sub li{background:transparent url(images/bg-sub.gif) no-repeat center top;}
   #catnavi ul.sub li a{background:none;border:0;padding:4px 5px 3px 10px;margin:0;position:static;display:block;}
   #catnavi ul.sub li a:hover{background:#3399FE;color:#FFF;}

   #nhpnavi{background:url(images/nhpnavi.gif) no-repeat left top;height:24px;text-align:center;position:relative;top:-1px;top:-2px\9;}
   * html #nhpnavi{top:0;}
   #nhpnavi a, #nhpnavi span{text-indent:-5555em;overflow:hidden;float:left;width:48px;height:24px;display:block;} 
   #nhpnavi a.home{width:24px;height:24px;;}
   #nhpnavi span.noprev,#nhpnavi span.single-prev{background:url(images/nhpnavi.gif) no-repeat left -48px;}
   #nhpnavi span.nonext,#nhpnavi span.next-prev{background:url(images/nhpnavi.gif) no-repeat right -48px;}
   #nhpnavi span.single-prev a{background:url(images/nhpnavi.gif) no-repeat left top;}
   #nhpnavi span.single-next a{background:url(images/nhpnavi.gif) no-repeat right top;}
   #nhpnavi .prev:hover,#nhpnavi span.single-prev a:hover{background:url(images/nhpnavi.gif) no-repeat left -24px;}
   #nhpnavi .next:hover,#nhpnavi span.single-next a:hover{background:url(images/nhpnavi.gif) no-repeat right -24px;}
   #nhpnavi .home:hover{background:url(images/nhpnavi.gif) no-repeat center -24px;}
   
   #search{height:20px;padding-top:2px;}
   #search form{background:url(images/gsearch.gif) no-repeat 0 0!important;height:16px;width:244px;padding:2px 8px;}
   #search #s{float:left;border:none !important;width:224px;height:16px;overflow:hidden !important;margin:0 !important;padding:0 !important;}
   #search label{display:none;}
   #search #searchsubmit{float:left;border:none;background:url(images/btn-gsearch.gif) no-repeat center center !important;text-indent:-5555em;width:20px;height:16px;cursor:pointer;color:#FFF;}

/***********************************************************************************************************
CONTENT
************************************************************************************************************/
div#bgbody{background:url(images/bg.gif) repeat-x top;height:1430px;}
div#big-body{width:960px;height:auto;margin:0 auto;border-top:1px solid #2fcdfd;}
.post ul{list-style-image:url(images/arrow_more.gif);}
.post{padding:0 0 30px 0;color:#000;width:665px;}
  .post-content{float:right;width:513px;}
  .post-content h2.title {margin-bottom:7px;}
  .post-content h2.title a{font-size:15px;font-weight:normal;font-weight:bold;}
  .post-content h2.title a:hover{text-decoration:none;}
  .post-content p{line-height:150%;margin-bottom:10px;font-size:1em;text-align:justify;}
  span.more{display:block;background:url(images/arrow_more.gif) no-repeat left center;padding-left:10px;}

  .post-meta{float:left;width:120px;color:#9E9E9E;text-align:center;height:50px;padding-top:25px;text-align:right;}
  #single-post-meta{padding-top:35px;}
  .post-meta span{line-height:150%;}
  .post-meta span abbr{cursor:help;}
  .post-meta span.pd{display:block;text-align:right;color:#000;letter-spacing:0.05em;color:#4F5569;}
  .post-meta span.pv{background:url(images/vbg.gif) no-repeat left center;padding-left:20px;}
  .post-meta span.pc{background:url(images/cbg.gif) no-repeat 15px center;padding-left:30px;padding-right:2px;}

  #pagenavi{padding-left:153px;padding-top:10px;}
  #pagenavi span{font-weight:bold;padding-right:20px;color:#000;}
  #pagenavi a{padding:0 9px;}
  #pagenavi a.current,#pagenavi a:hover{color:#4F5569;font-weight:bold;}

/***********************************************************************************************************
SIDEBAR
************************************************************************************************************/
div#sidebar{float:right;width:260px;overflow:hidden;}
.widget{margin-bottom:20px;}
  .widget h3{font-size:14px;color:#000;font-weight:bold;margin-bottom:7px;}
  .widget li{padding:3px 0 3px 0;color:#9E9E9E;line-height:150%;background:url(images/disc.png) no-repeat left 8px;padding-left:18px;}
  .widget li:hover{background:url(images/disc2.png) no-repeat left 8px;}
  .widget li a{display:block;}
  .widget li span.wd{padding-right:10px;}



/***********************************************************************************************************
FOOTBAR
************************************************************************************************************/
div#bgfootbar{position:relative;top:20px;background:url(images/bg.gif) repeat-x top;border-top:1px solid #2fcdfd;height:200px;}
div#footbar{color:#000;}
#footbar a{color:#000;}
#footbar a:hover{color:#C00909;text-decoration:none;}
#footbar p{line-height:200%;font-weight:bold;}
#bootbar-left{float:left;width:750px;padding-top:10px;padding-left:30px;}
#bootbar-right{float:left;width:100px;padding-top:5px;}

/***********************************************************************************************************
PAGE
************************************************************************************************************/
#page-post-meta{padding-top:0;}
#page-post-meta ul li{text-align:left;padding:4px 5px;border-top:1px solid #EEE;}
#page-post-meta ul li a:hover{color:#DC4E22;}
#page-post-meta ul li.current_page_item a{color:#000;}



/***********************************************************************************************************
comments
************************************************************************************************************/
.comments-template{margin:10px 0 0;padding:10px 0 0;text-align:right;padding-right:20px;padding-bottom:20px;}
.comments-template p{line-height:200%;font-weight:bold;}
.comments-template ol{margin:0;padding:0 0 15px;list-style:none;}
.comments-template ol li{margin:10px 0 0;line-height:18px;padding: 0 0 10px;}
.comments-template h2, .comments-template h3{font-family: Georgia, Sans-serif;font-size: 16px;}
.commentmetadata{font-size: 12px;}
.comments-template p.nocomments{padding: 0;}
.comments-template input{border:1px solid #2fcdfd;}
.comments-template textarea{width:456px;height:118px;border:1px solid #2fcdfd;}