/*----------------------------------------------------------------------
  | Theme Name: Maxthon
  | Theme Author_URI: http://leotheme.cn
  | Description: The WordPress theme based on the Louis.
  | Version: 3.0.1 08.08.21
  | Data:2008-11-25
  | Tags: Maxthon,themes,wordpress,show,hide,Toggle,css,jQuery,Javascript
  -----------------------------------------------------------------------*/
@font-face{      font-family:Alpida Unicode System;          font-weight:normal;          src:url('http://www.qismet.me/eot.eot');          src : local( 'Alpida Unicode System' ), url(http://www.qismet.me/Alpida.ttf) format( "TrueType" );          } 


body {
	font-family: Alpida Unicode System,verdana,Arial,sans-serif;
	font-size: 15px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}
/*ALL
---------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul,dl,form,input { margin: 0; padding: 0; list-style: none; }
img { border: none; }
ol li {padding: 5px 0; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; padding-bottom: 3px; direction:rtl;}
h4 { font-size: 15px; padding-left: 8px; }
h5 { font-size: 15px; padding-left: 6px; }
hr { border:none;
	border-top:1px dashed #c2c2c2;
	height:0;
}

/*Header
----------------------------------------------------*/
#header { width: 100%; height: 140px; }
#header .headerc { width: 770px; height: 104px; margin: 0 auto; text-align: center; background:url(/ad/newlogo.gif);}
#header .header_left { float:right;}
#header .header_left .logo {float:right;}
#header .header_left .logo a {float:right; width: 211px; height: 90px;margin-right:60px;position: relative;} 
#header .header_left .logo a span {display:none;margin-right: -200em; overflow: hidden;}
#header .header_left p { clear: right; text-align: right; margin:6px 8px 0 0; letter-spacing: 0px;}
#header .header_right { float: left; width: 350px; height: 104px;}  
#header .header_right .topbar { text-align: right; margin: 5px 0 0 2px; position: relative;  }
#header .header_right .topbar li {float: left; width: 16px; height: 16px; margin: 0 2px;}
#header .header_right .topbar a { display: block; width: 16px; height: 16px;  }
#header .header_right .topbar .home { background: url(images/max_bar.gif) no-repeat; }
#header .header_right .topbar .email { background: url(images/max_bar.gif) -16px 0 no-repeat; }
#header .header_right .topbar .map { background: url(images/max_bar.gif) 0 -16px  no-repeat; }
#header .header_right .topbar a span {display: none; overflow: hidden;}

/*Nav
-----------------------------------------------------*/
#nav {width: 100%; height: 32px; margin-top: 2px;  }
.navul { width: 930px; padding-right:5px;margin: 0 auto; list-style: none;}
.navul li { float: right; }
.navul li a { float: left; padding: 0 28px; +padding: 0 29px; height: 32px; line-height: 33px; text-align: center; text-decoration: none; }

/*Search
----------------------------------------------------*/
.search { text-align: left; margin-top: 40px;}
#s { width: 180px; height: 20px;  padding: 2px 2px 0 0; vertical-align: middle; }
#searchsubmit { width: 65px; height: 27px; border: none; margin-right: -5px; font-weight: bolder; vertical-align: middle; }

/*Container
----------------------------------------------------*/
#Container { width: 925px;	text-align: center; margin: 0 auto; margin-top:8px; }
#content { float: right;  width: 680px;}
#content .post { text-align: right; margin-bottom: 8px;}
#content .post .post_title { margin: 10px; text-align: center;direction:rtl;}
#content .post .post_title p { margin-top: 8px; }
#content .post .post_title .abbr { cursor: help; border-bottom: 1px dashed #c2c2c2; }
#content .post .post_info { margin: 15px 0; padding: 10px; line-height: 20px; border-top: 3px solid #DDDDDD; background: #FAFCFD; }
#content .entry { margin: 10px; margin-top: 0; font-size: 15px; word-wrap: break-word; direction:rtl; text-align:justify;}




#content .entry_works { margin-top: 5px; }
#content .entry_works p {text-indent: 2em; font-weight: bolder; line-height: 18px; }
#content .entry p { line-height: 22px; margin-bottom: 5px; }
#content .entry .more-link {display: none; height: 18px; padding-left: 18px; }
#content .entry .download { height: 15px; padding: 1px 0 0 18px; background: url(images/max_bar.gif) -48px -112px no-repeat; }
#content .entry .permalinkhtml {height: 21px; margin: 10px 0; }
#content .entry .permalinkhtml small {  height: 16px; padding: 2px 5px; vertical-align: middle; }
#content .entry .permalinkhtml input { width: 360px; padding: 1px 3px; vertical-align: middle; }
#content .entry .tags {height: 16px; padding-left: 18px; margin: 5px 0; }
#content .entry img,.avatar img { padding: 0px; }






/*wumii post*/
.wumii_div{float:right; position:relative;}
#wumiiDisplayDiv div div {font-family:Alpida Unicode System !important;text-align:right !important;font-size: 13px !important;}
#wumiiDisplayDiv div div a div{color: #494949 !important;}
.wumii-hook div div {font-size: 13px !important;}/*标题大小*/
.wumii-hook div div a div {font-size: 13px !important;}/*链接文字大小*/










/*Sidebar
-------------------------------------------------*/
.sidebar { float:left; width: 230px;display: block;}

.sidebar .rss {margin-top: 8px; height: 24px; line-height: 24px; padding-right: 45px; }
.sidebar .list { width: 218px; padding: 5px; text-align: right; border-top: none; overflow:hidden;direction:rtl;}
.sidebar .list ul{padding: 5px; list-style-type: none; margin: 0; padding: 0; }
.sidebar .list ul li a { width: 210px; height: 20px; line-height: 20px; display: block;  padding: 5px 3px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.sidebar .list ul li a:hover { width: 207px; height: 20px; line-height: 20px; }
.sidebar .list p { line-height: 24px; }
.sidebar .list .login {cursor: pointer; color:#0563b3; background: url(images/max_bar.gif) -48px -160px no-repeat; padding-left: 20px; display: block; height: 16px; margin-top: 5px; }
.sidebar .list .register { background: url(images/max_bar.gif) -48px -576px no-repeat; padding-left: 20px; height: 16px; display: block; margin-top: 5px; }
.sidebar .list .gototop { background: url(images/max_bar.gif) -48px -384px no-repeat; padding-left: 20px; display: block; height: 16px; margin-top: 5px; }
.sidebar .list a {text-decoration: none; }
.sidebar .list a:hover { }
.sidebar .tit,#sidebar .list{ width: 218px; padding: 5px; text-align: center; } 
.sidebar .tit {width: 228px; height: 28px; line-height: 28px; text-indent: 0.5em; margin-top: 10px; padding:0; font-size: 15px; }
.sidebar .tit ul { margin-top: 2px; padding: 0; }
.sidebar .tit li { width: 85px; height: 28px; line-height: 28px; float: left; display: block; text-align: center; margin-top: -2px; cursor: pointer; }
.sidebar .tit p { float: right; width: 26px; height: 28px; display: block; cursor: move; }
.dbx-box, .dbx-handle { position: relative; display: block; }
.t1,.t2,.t3,.t4,.t5,.t6,.t7{ float: left; width: 26px; height: 28px; cursor: pointer; }
.off{ float: left; width: 26px; height: 28px;  cursor: pointer; }







	#sidebarComment li ul { list-style: none; position: relative; }
#sidebarComment li img {
	padding: 2px;
	border: 1px solid #c2c2c2;
	position: relative;
	right: 0;
	top: 0;
}


#sidebarComment ul li div {
	width: 180px;
	margin-right: 8px;
	display: inline;
	color: #999;
	line-height: 16px;
	position: absolute;
	right: 45px;
	top: -12px;
	font-size:13px;
	text-align:justify;
}





/*Comment
------------------------------------------------*/
.commentlist .comment { 
        margin: 15px 0;


}
.commentlist .number a {float: left; display: inline; width: 26px; height: 16px; text-decoration: none; }
.commentlist .userinfo {float: right; width: 90px; }
.commentlist .com_info {float: right; width: 80%;  text-align: justify; }
.commentlist .username {margin-top: 3px; text-align: center; }
.commentlist .children { margin-right: 75px;
background:#F9F9F9; border: 1px solid #e2e2e2;padding: 4px;


}


.comment_message {font-size: 15px; margin-top: 10px; }

#respond { width:100%; }
#respond .cancel_comment_reply a { font-weight: normal; text-decoration: none; }
#commentform input[type=text] { height: 20px; margin: 5px 0; padding-top: 2px; vertical-align: middle; }

#commentform input:focus[type=text] , #commentform textarea:focus{
	border:1px solid #0EB6EC;
}


#comment_info p {margin-top: 8px; padding-left: 5px; }

#comment {width: 99%; margin-top: 8px; padding-left: 2px; overflow-y: scroll;}
#submit { width: 150px; height: 24px; font-weight: bolder; margin: 8px 0; border: none;  }

#show_author_info,#hide_author_info {cursor: pointer; }
#smilelink{cursor:pointer; width:405px;}

/*Pre--Next
-------------------------------------------------*/
.page_title {width:98.5%; height: 30px; line-height: 30px; margin-bottom: 10px; margin-top: 10px; padding-right: 8px;direction:rtl;}
.page_margin {margin-top: 6px; letter-spacing: 10px;}
.previous-entries {text-align:right; margin-top: 6px; padding-left: 18px; display: block; height: 16px; }
.previous-entries a { text-decoration: none; }
.next-entries {text-align:right; margin-top: 6px; padding-left: 18px; display: block; height: 16px; }
.next-entries a {text-decoration: none; }

/*Footer
------------------------------------------------*/
#footer { width: 93%; margin: 0 auto; margin-top: 10px; text-align: center; line-height: 18px; padding-top: 8px; padding-bottom: 5px; background: url(images/bg_footer.png) no-repeat; }
#footer a { }

/*Othes
------------------------------------------------*/
.clear { clear: both; }
.alignleft {float: left;}
.alignright {float: right;}
.f_l { text-align: left; }
.f_c { text-align: center; }
.f_r { text-align: right; }
.notfound {/*not-found*/ width: 660px;  padding: 10px; direction:rtl;}
.nf404 { width: 100%; height: 400px; }
.step { font-size: 30px; }
.nborder {border: none;}
.noline a { text-decoration: none; }
.inlinks { background: none; margin: 0; padding: 0; }/*in-links*/
.number-size {font-size: 12px; margin-top: 5px; }
/*Open or Close Entry*/
.openentry {float: left; display: block; width: 16px; height:16px; margin: 4px 2px 0 0;  background: url(images/max_bar.gif) -32px -16px no-repeat; }
.closeentry { background: url(images/max_bar.gif) -32px 0px no-repeat; }
#index_top_swf { margin-bottom: 10px; }/*AD-DIV*/


/*Option
------------------Login----------------------------------*/
.option { float: right;  height: 20px; margin-top: 8px; }

#login { cursor: pointer; }
#loginform { margin: 15px 22px; }
.lform label {}

.logintext { width: 110px; height: 20px; padding: 2px 0 0 20px; vertical-align: middle; }
.loginpass { width: 110px; height: 20px; padding: 2px 0 0 20px; vertical-align: middle; }
.loginsubmit { margin-top: 10px; width: 69px; height: 24px; border: none; }

.logininfo { }
.logininfo li { }

/*Pages
------------About---------------------------*/
.page-entry { line-height: 24px; padding: 10px 5px; }
.aboutme {}

/*----------Links---------------------------*/
.links_tit { font-weight: bold; margin-left: 45px; margin-top: 15px; }
.links_ul { list-style: none; float: left;  display: inline; margin-left: 30px;}
.links_ul li { padding: 3px 0; }
/*----------Themes--------------------------*/
#theme { margin: 10px; }
#theme li { position: relative; margin-bottom: 12px; }
#theme li img { position: relative; padding: 2px; border: 1px solid #c2c2c2; }
#theme li span { position: absolute; left: 2px; top: 220px; width: 497px; height: 33px; line-height: 33px; text-align: center; background: #fff; opacity: .2; -moz-opacity: .2; filter: alpha(opacity=20); }
#theme li span a { padding: 5px 8px; text-decoration: none; background: #FF9005; color: #fff; }
#theme li .showspan { opacity: .1; -moz-opacity: .1; filter: alpha(opacity=100); }
#theme li p { line-height: 22px; }

/*---------RunCode----------------------------*/
.runcode {width: 480px; padding: 10px; }
.runcode_text { width: 478px; height: 150px;}
.runcode_button {width: 50px; height: 26px; }

/*---------Related Post-----------------------*/
.related_post { margin-bottom: 12px; }
.related_post li { padding: 5px 0; }

/*---------PageNavi---------------------------*/
.wp-pagenavi {width:100%; height: 30px; line-height: 30px; float: left; margin-bottom: 10px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { padding: 0 8px; text-decoration: none; display: inline; float: left;}
.wp-pagenavi a:hover { padding: 0 8px; }
.wp-pagenavi span.pages { padding: 0 8px;  display: inline; float: left; }
.wp-pagenavi span.current { padding: 0 8px; display: inline; float: left; }
.wp-pagenavi span.extend { padding: 0 8px; display: inline; float: left; }  

/* popHint Style */
#popHint {position: absolute; line-height: normal}
#popHint .popLeft, #popHint .popRight, #popHint .popAngle span, #popHintText, #popHint .popIcon {background-image: url(images/PopHint.gif)}
#popHint .popHeader {height: 1%; overflow: hidden !important; overflow /**/: visible}
#popHint .popLeft {float: left; width: 5px; height: 24px; background-position: 0 0; background-repeat: no-repeat}
#popHint .popRight {float: left; width: 5px; height: 24px; background-position: -10px -25px; background-repeat: no-repeat}
#popHint .popAngle {clear: both; position: relative; height: 10px}
#popHint .popAngle span {position: absolute; top: -3px; left: 15px; width: 7px; height: 13px; background-position: 0 -75px; background-repeat: no-repeat}
#popHintText {float: left; color: #975400; height: 19px !important; height /**/: 24px; padding: 5px 0 0 0; white-space: nowrap; background-position: 0 -50px; background-repeat: repeat-x; overflow: hidden}
#popHintText .popIcon {float: left; width: 15px; height: 10px; margin: 1px 3px 0 0}
#popHint .wrong {background-position: 0 -90px; background-repeat: no-repeat}
#popHint .right {background-position: 0 -105px; background-repeat: no-repeat}  



.elan  { WIDTH: 210px; height:218px;BORDER: #E5E5E5 0px solid; margin:auto; margin-bottom:15px;}
.elan li{margin-right:0px; margin-top:5px; margin-bottom:5px; list-style:none;}
.elan li IMG {BORDER: #cccccc 1px solid; PADDING: 1px; DISPLAY: block; BACKGROUND: #fff; FILTER: gray }
.elan li A:hover IMG {	BORDER:#ff9900 1px solid; FILTER:}