/*  
Theme Name: iVane V3
Theme URI: http://ivane.net
Description: The WordPress theme based on the Wordpress.
Version: 0.1 Alpha
Author: iVane Hwang
Author URI: http://ivane.net

	This theme was designed and built by iVane Hwang,
	whose blog you will find at ¡¾ http://ivane.net ¡¿
*/

/* General Styles Start */
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, ivane, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;}
ul,ul li { list-style-type: none;}
div,p { display: block;}
fieldset, img { border: 0;}
fieldset legend, table caption { display: none;}
button, label, input { cursor: pointer;}
html, body { font-family: Verdana, Microsoft YaHei, Simsun, Arial Unicode MS, Mingliu, Arial, Helvetica;}
/* Clear Style Start */
.clear { font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
/* Clear Style End*/
/* Other Style  Start */
.hide { display: none !important;}
.block { display: block !important;}
.italic { font-style: italic !important;}
.center { text-align: center !important;}
.right { text-align: right !important;}
.left { text-align: left !important;}
.float-left { float: left !important;}
.float-right { float: right !important;}
.line-through { text-decoration: line-through !important;}
.indent { text-indent: 2em;}
.none-indent { text-indent: 0 !important;}
.v-top { vertical-align: top;}
.v-mid { vertical-align: middle;}
.overflow-hidden { overflow: hidden;}
/* Other Style  End */
/* Link Style Start */
a { color: #0184C3; text-decoration: none;}
a:hover { color: #E64F04; text-decoration: underline;}
/* Link Style End */
/* Input Style Start */
input, textarea { font-size: 12px; font-family: Verdana, Microsoft YaHei, Simsun, Arial Unicode MS, Mingliu, Arial, Helvetica;}
/* Input Style End */
body { font-size: 63%; color: #3C3C3C; background: #FFFFFF; margin-top: 287px;}
/* General Styles End */

/* Header Start */
#Header { width: 100%; height: 287px; position: absolute; left: 0; top: 0; background: url(img/bg.png) left -423px repeat-x;}
  .header-top { margin: 0 auto; height: 47px; width: 780px; overflow: hidden;}
    .header-nav { float: left; margin-right: 5px; color: #CCCCCC; font-size: 1.2em; padding-top: 22px;}
	   .header-nav a { color: #555555;}
		.header-nav a:hover { color: #E64F04;}
    .header-top fieldset { float: right; padding-top: 16px;}
	   .search-input-style { width: 192px; height: 17px; padding: 4px 3px 0; background: #FFFFFF; border: 1px #CCCCCC solid; vertical-align: middle;}
	   .search-input-style:focus { border: 1px #E64F04 solid; background: #FFFFDD;}
		.search-submit-style { width: 63px; height: 23px; line-height: 23px; color: #FFFFFF; font-weight: bold; background: url(img/bg.png) left top no-repeat; border: 0; vertical-align: middle;}
  .header-mid { margin: 0 auto; width: 780px; height: 95px; padding-top: 25px; text-align: center;}
    .header-mid h1, .header-mid h2 { font-family: Georgia; font-size: 4em;}
	    .header-mid h1 a, .header-mid h2 a { color: #55B0DD;}
		 .header-mid h1 a:hover, .header-mid h2 a:hover { color: #FFFFFF; background: #E64F04; text-decoration: none;} 
	 .header-mid p { padding-top: 10px; font-size: 1.2em;}
  .header-menu { width: 100%; height: 98px; background: url(img/bg.png) left -24px repeat-x;}
    #Menu { width: 780px; margin: 0 auto; height: 35px; overflow: hidden;}
	   #Menu li { float: left;}
	 	  #Menu li a { display: block; height: 35px; line-height: 35px; text-align: center; padding: 0 26px 0 24px; color: #FFFFFF; font-size: 1.4em; float: left; font-weight: bold; background: url(img/bg.png) right -255px no-repeat;}
	     #Menu li a:hover { display: block; height: 35px; line-height: 35px; text-align: center; padding: 0 26px 0 24px; color: #FFFFFF; font-size: 1.4em; float: left; font-weight: bold; background: url(img/bg.png) right -291px repeat-x;}
	   /*
	   #Menu a { display: block; height: 35px; line-height: 35px; text-align: center; padding: 0 26px 0 24px; color: #FFFFFF; font-size: 1.4em; float: left; font-weight: bold; background: url(img/bg.png) right -255px no-repeat;}
	   #Menu a:hover { display: block; height: 35px; line-height: 35px; text-align: center; padding: 0 26px 0 24px; color: #FFFFFF; font-size: 1.4em; float: left; font-weight: bold; background: url(img/bg.png) right -291px repeat-x;}*/
/* Header End */

/* Wrapper Start */
#Wrapper { margin: 0 auto; width: 780px; overflow: hidden; padding-bottom: 25px;}
  .main-content { float: left; width: 560px; overflow: hidden;}
    .main-content-title { font-size: 1.4em; border: 1px #ABCD3A solid; background: #F2FDDB; color: #4F5E15; padding: 8px 0; text-align: center; margin-bottom: 25px;}
    .main-content h1, .main-content h2 { margin-bottom: 5px; margin-left: 50px; font-size: 1.6em; font-family: Microsoft YaHei;}
	   .main-content h1 a, .main-content h2 a { color: #E64F04;}
    .blog-info { margin-left: 50px; position: relative; font-size: 1.2em;}
      .blog-date { position: absolute; left: -50px; top: -25px; background: url(img/bg.png) left -123px no-repeat; display: block; width: 46px; height: 44px; overflow: hidden; text-align: center;}
        .month-date { display: block; height: 14px; padding-top: 1px; color: #FFFFFF; font-size: 10px; font-family: Arial; text-transform: uppercase;}
        .day-date { display: block; height: 25px; font-size: 20px; font-family: Georgia; color: #000000;}
    .blog-content { margin-top: 10px; border-top: 1px #D9D9D9 solid; padding: 20px 0 10px; overflow: hidden;}
	   /* Blog Content Start */
	   .blog-content p { font-size: 1.4em; line-height: 180%; margin-bottom: 12px;}
		.blog-content blockquote { border-left: 2px #FFAA00 solid; background: #FFFFCC; margin: 0 10px 12px 20px; padding: 10px 12px 2px; color: #000000;}
      .blog-content ul, .blog-content ol { padding-bottom:12px;}
        .blog-content ul li, .blog-content ol li { color: #3C3C3C; font-size: 1.4em; line-height: 160%; margin: 0 0 8px 50px;}
        .blog-content ul li { list-style-type: disc;}
		  .blog-content ol li {list-style-type: decimal;}
          .blog-content ul li ul, .blog-content ul li ol, .blog-content ol li ul, .blog-content ol li ol { padding: 8px 0 0;}
          .blog-content ul li li { font-size: 1em; list-style-type: lower-alpha; margin: 0 0 8px 20px;}
          .blog-content ol li li { font-size: 1em; list-style-type: lower-roman; margin: 0 0 8px 20px;}
		/* Blog Content End */
		.blog-content p a.more-link { display: block; height: 23px; line-height: 23px; border: 1px #CCCCCC solid; padding: 0 0 0 30px; font-size: 12px; color: #8C8C8C; width: 165px; background: url(img/bg.png) -64px top no-repeat; overflow: hidden; margin-top: 15px;}
		.blog-content p a.more-link:hover { border: 1px #046497 solid; color: #FFFFFF; text-decoration: none; background: url(img/bg.png) -260px top #0695E1 no-repeat;}
    .blog-tags { height: 28px; line-height: 28px; border: #CCCCCC solid; border-width: 1px 0; font-size: 1.2em; padding: 0 3px; margin-bottom: 30px;}
	 .blog-single-info { border-top: 1px #A9C9E2 solid; background: #E8F5FE; padding: 10px 8px 2px; margin-top: -15px;}
	   .blog-single-info p { font-size: 1.2em; margin-bottom: 8px; color: #555555;}
    /* Page Link Start */
    .wp-pagenavi { font-size:1.2em;}
      .pages, .extend, .current, .wp-pagenavi a { border: 1px #CCCCCC solid; color: #333333; display: block; float: left; margin-right: 5px; padding: 3px 6px; text-decoration: none; font-family: Georgia;}
      .extend { border: 0 none !important;}
      .current, .wp-pagenavi a:hover { background: #FF8A00; border: 1px #FF8A00 solid; color: #FFFFFF; text-decoration: none;}
    /* Page Link Start */
	 /* Comment Start */
	 .list-comment { margin-top: 20px;}
	   .list-comment li { margin-bottom: 15px; padding: 10px 10px 10px; border-bottom: 2px #D9D9D9 solid;}
		  .comment-info { margin-bottom: 8px; height: 20px; line-height: 20px; position: relative;}
		    .comment-info img { width: 64px; height: 64px; border: 1px #999999 solid; position: absolute; left: 0; top: 28px;}
		    .comment-info strong { color: #FFFFFF; overflow: hidden; padding: 3px 4px; font-size: 0.8em;}
		    .comment-info span { font-size: 1.2em;}
			 /* Color Change Start */
			 .bg-green .comment-info strong { background: #B3C608;}
			 .bg-green .comment-info span a { color: #B3C608; text-decoration: underline; font-weight: bold;}
			 .bg-blue .comment-info strong { background: #1A92CC;}
			 .bg-blue .comment-info span a { color: #1A92CC; text-decoration: underline; font-weight: bold;}
			 .bg-author { background: #FEF6D2; border-bottom: 2px #EFE3AE solid !important;}
			 .bg-author .comment-info strong { background: #AC962D;}
			 .bg-author .comment-info span a { color: #AC962D; text-decoration: underline; font-weight: bold;}
			 .bg-green .comment-info span a:hover, .bg-blue .comment-info span a:hover, .bg-author .comment-info span a:hover { color: #E64F04; text-decoration: none; font-weight: bold;}			 
			 /* Color Change End */
		  .comment-content { margin-top: 8px; padding-left: 75px; min-height: 75px;}
		  * html .comment-content { height: 75px;}
		    .comment-content p { font-size: 1.2em; margin-bottom: 8px; line-height: 180%;}	  
	 /* Comment End */
	 /* Post Comment Start */
	 .post-comment { margin: 40px 0 10px; border-bottom: 1px #D9D9D9 solid; padding-bottom: 20px; overflow: hidden;}
	   .post-comment legend { display: block;}
		* html .post-comment legend { margin-left: -7px;}
	     .post-comment legend span { display: block; color: #494949; font-size: 1.6em; font-weight: bold; padding-bottom: 5px; font-family: Microsoft YaHei; width: 560px; border-bottom: 1px #D9D9D9 solid; margin-bottom: 10px;}
	   .post-comment p { font-size: 1.4em; margin-top: 10px;}
		  .post-comment p label { display: block; margin-bottom: 3px; color: #1A92CC;}
		    .post-comment p label span { color: #B3C608; font-size: 12px;}
		  .post-comment p input, .post-comment p textarea { border: 1px #AAC6EB solid; background: #E8F5FE;}
		  .post-comment p input { width: 522px; padding: 6px 6px 6px 30px;}
		  .username { background: url(img/bg.png) left -255px #E8F5FE no-repeat !important;}
		  .username:focus { background: url(img/bg.png) left -283px #F2FDDB no-repeat !important; border: 1px #ABCD3A solid;}
		  .email { background: url(img/bg.png) left -311px #E8F5FE no-repeat !important;}
		  .email:focus { background: url(img/bg.png) left -339px #F2FDDB no-repeat !important; border: 1px #ABCD3A solid;}
		  .website { background: url(img/bg.png) left -367px #E8F5FE no-repeat !important;}
		  .website:focus { background: url(img/bg.png) left -395px #F2FDDB no-repeat !important; border: 1px #ABCD3A solid;}
		  .post-comment p textarea { width: 546px; height: 128px; padding: 6px; overflow: auto;}
		  .post-comment p textarea:focus { border: 1px #ABCD3A solid; background: #F2FDDB;}
		  .input-submit { width: 138px !important; height: 30px !important; line-height: 30px !important; text-align: center; background: url(img/bg.png) -588px -170px no-repeat !important; font-size: 14px; font-weight: bold; font-family: Microsoft YaHei; border: none !important; padding: 0 !important; color: #FFFFFF;}
	 /* Post Comment End */
	 .blog-nav { width: 48%; font-size: 1.1em;}
	   .blog-nav a { color: #333333; text-decoration: underline;}
		.blog-nav a:hover { color: #E64F04; text-decoration: none;}
   /* Sidebar Start */
  .sidebar { float: right; width: 180px; border-left: 1px #D9D9D9 solid; padding-left: 20px;}
    .sidebar h3 { font-size: 1.4em; height: 25px; line-height: 25px; border-bottom: 2px #B4D13B solid;}
	 .sidebar-content { margin: 10px 0 18px;}
	   .sidebar-content p { font-size: 1.2em; line-height: 160%;}
		  .sidebar-list li { font-size: 1.2em; height: 30px; line-height: 30px; overflow: hidden;}
		    .sidebar-list li a { display: block; height: 29px; line-height: 29px; border-bottom: 1px #D9D9D9 dashed; color: #3C3C3C; padding: 0 5px;}
			 .sidebar-list li a:hover { background: #E64F04; border-bottom: 1px #E64F04 solid; color: #FFFFFF; text-decoration: none;}
	     .sidebar-list li.linkcat { height: auto;}
	       .sidebar-list li.linkcat h2 { font-size: 14px; clear: both;}
		      .sidebar-list li.linkcat ul { margin: 5px 0 15px;}
		        .sidebar-list li.linkcat ul li { font-size: 12px;}
   /* Sidebar End */
/* Wrapper End */

/* Footer Start */
#Footer { clear: both; padding-top: 8px; background: url(img/bg.png) left -423px #000000 repeat-x; overflow: hidden;}
  .footer-inner { padding-top: 15px; background: url(img/bg_footer.jpg) left top #000000 repeat-x;}
    .footer-content { margin: 0 auto; width: 780px; overflow: hidden;}
	   .footer-panel { width: 245px; float: left; margin-right: 22px;}
		.fp-last { margin: 0;}
		  .footer-panel h3 { width: 235px; padding-left: 10px; height: 30px; line-height: 30px; color: #FFFFFF; font-size: 1.4em;}
		    .title-yellow { background: url(img/bg.png) -542px -123px no-repeat;}
			 .title-orange { background: url(img/bg.png) -295px -123px no-repeat;}
			 .title-green { background: url(img/bg.png) -48px -123px no-repeat;}
		  .footer-list, .footer-list-archive { width: 235px; background: #282828; padding: 8px 5px; overflow: hidden;}
		    .footer-list li { height: 27px; line-height: 27px; border-bottom: 1px #3E3E3E dashed; font-size: 1.1em; color: #FFFFFF; overflow: hidden; padding: 0 5px 0 20px;}
		    .footer-list li:hover, .footer-list-archive li:hover { border-bottom: 1px #535353 solid;}
          .footer-list-yellow li { background: url(img/bg.png) left -170px no-repeat;}
			 .footer-list-yellow li:hover { background: url(img/bg.png) -237px -170px #535353 no-repeat;}
			 .footer-list-red li { background: url(img/bg.png) left -200px no-repeat;}
			 .footer-list-red li:hover { background: url(img/bg.png) -237px -200px #535353 no-repeat;}
			 .footer-list-archive li { width: 39%; float: left; margin-right: 2%; height: 27px; line-height: 27px; border-bottom: 1px #3E3E3E dashed; font-size: 1.1em; color: #FFFFFF; overflow: hidden; padding: 0 0 0 20px; background: url(img/bg.png) -473px -170px no-repeat;}
			 .footer-list-archive li:hover { background: url(img/bg.png) -473px -200px #535353 no-repeat;}
			   .footer-list li a, .footer-list-archive li a { color: #FFFF00; text-decoration: none;}
				.footer-list li a:hover, .footer-list-archive li a:hover { color: #FFFF00; text-decoration: underline;}
    .footer-tags-panel { clear: both; margin: 15px auto; border: #023773 solid; border-width: 2px 0; background: #01162D; width: 760px; padding: 8px 10px;}
      .footer-tags-panel h3 { background: url(img/bg.png) left -229px no-repeat; height: 25px; line-height: 25px; color: #AAAAAA; padding-left: 18px; font-size: 1.4em; margin-bottom: 10px;}
      .footer-tags-panel p { font-size: 1.2em; line-height: 180%;}
        .footer-tags-panel p a { color: #AAAAAA; text-decoration: none;}
		  .footer-tags-panel p a:hover { color: #FFFF00; text-decoration: underline;}
    .footer-copyright { margin: 15px auto 0; border-top: 1px #121212 solid; width: 780px; padding: 10px 0; color: #6C6C6C; text-align: center;}
	   .footer-copyright a { color: #6C6C6C; text-decoration: underline;}
	   .footer-copyright a:hover { color: #FFFF00; text-decoration: none;}
/* Footer End */

/* SyntaxHighlighter Start */

.dp-highlighter { font-family: "Consolas", "Courier New", Courier, mono, serif; font-size: 8px !important; /*background-color: #E7E5DC;*/ background-color: #E7E5DC; width: 99%; overflow: auto; margin: 18px 0 18px 0 !important; padding-top: 1px; /* adds a little border on top when controls are hidden */}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #FFFFFF;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px !important;
	color: #000000;
	/*overflow: auto;*/
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F9F9F9;
	color: #000000;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}

.dp-highlighter ol li { padding: 2px 3px 2px 10px !important;}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
	margin-right: 10px;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

/* SyntaxHighlighter End */