/*
Theme Name: DesiZen
Theme URI: http: //desizen.com/
Description: Inspired by <a href="http://shopify.com/">shopify.com</a>, created by <a href="http://twitter.com/cnjoel">cnjoel</a>.
Version: 2.0
Author: Joel
Author URI: http://desizen.com/
*/

html,body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, pre, form, fieldset, button, input, textarea, th, td {margin: 0;padding: 0;}
body {font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
pre { font-family: courier new, courier, monospace; } 
ul, ol { list-style: none; }
a { text-decoration: none; color: #AD0000; }
a:hover { text-decoration: underline; }
fieldset, img { border: 0; }
img{ display:block}
button, input, select, textarea { font-size: 100%; } 
table { border-collapse: collapse; border-spacing: 0; }
header, footer, section, aside, nav, article {display:block;}


/*** JK useful ***/

.clearfix:after { content: '\0020'; display: block; height: 0; clear: both; overflow:hidden; }
.clearfix { *zoom: 1; }




/*				Grid
----------------------------------------------------------------------- */
#jk-themes{background:url(./bg-body-themes.jpg) no-repeat center top #CECECE; margin-top:100px}
.jk-con{ margin:0 auto;width:950px; position:relative;}
#content .jk-con{overflow:hidden}
#mainContent{ width:630px; float:left}
.single #mainContent{ width:100%;}


/*				Sprites
----------------------------------------------------------------------- */
section.tags h3,.nav_up, .nav_down{ background:url(./bg-icons.png) no-repeat;}
section.cloud li a.rss, section.cloud li a.email, section.cloud li a.twitter, section.cloud li a.flickr, section.cloud li a.tumblr{ background:url(./bg-jkcloud.png);}


/*				Others
----------------------------------------------------------------------- */
article img{ padding:1px; background:#fff; border:5px solid #A7B7C6;}
#mainContent section{ padding:10px;}
.nav_up, .nav_down{padding:7px;border:1px solid #B4AFB3;position:fixed;width:20px;height:20px;bottom:10px;cursor: pointer;
	-moz-border-radius:3px;border-radius: 3px;
}

.nav_up{background-position:0 -37px;left:30px;}
.nav_down{background-position:-35px -37px;left:70px;}

.disno{ display:none}

/* 				#Header
----------------------------------------------------------------------- */
#header{ margin-bottom:40px}
#header .jk-con{ border-bottom:1px solid #ddd; padding-bottom:20px;overflow:hidden}
#header h2{ color:#333333;float:left;font-family:"Myriad Pro",tahoma, arial, \5b8b\4f53, sans-serif;font-size:36px;font-weight:normal;height:50px;text-shadow:0 0 2px #666;}


/*				Nav
----------------------------------------------------------------------- */

/*** #topbar ***/
#topbar {position:fixed;left:0;top:0;width:100%; /*background:url(./bg-topbar.png) repeat-x;*/
	background-image: -moz-linear-gradient(top, #303030, #0D0E0E);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #303030),color-stop(1, #0D0E0E));
	background-color:#0D0E0E;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.8);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.8);
}
#topbar h2,#topbar h1 {float:left; width:130px; height:56px;background:url(./logo.png) no-repeat; text-indent:-999em;}

.slideOutTip{ position:absolute;padding:3px;top:0;right:0;background-color:#111;font-size:13px;color:white;overflow:hidden;height:22px;border:1px solid #353535;
	filter: Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;}

.slideOutTip:hover{
	-moz-box-shadow:0 0 10px #3C3C3C;
	-webkit-box-shadow:0 0 10px #3C3C3C;
	box-shadow:0 0 10px #3C3C3C;
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; }

.tipTitle{ float:left;font-family:'Myriad Pro',Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;white-space:nowrap;line-height:22px;padding-right:5px;}

.tipIcon{ width:20px;height:20px;float:left;background-color:#61b035;border:1px solid #70c244;margin-right:8px;	
	-moz-border-radius:1px;
	border-radius:1px;}

.orange{top:14px;right:5px;}
.orange .tipIcon{ background-color:#AD0000; border:1px solid #CD3A12; }

.plusIcon{ width:13px;height:13px;background:url(data:image/gif;base64,R0lGODlhDQANAIABAP///wAAACH5BAEAAAEALAAAAAANAA0AAAIZjA15ewnMHFxyIkWd3rz7HWFWNYoTeZpBAQA7) no-repeat center center;margin:4px;
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .plusIcon{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{	margin:0 0 0 8px;float:right;}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }


.slideOutContent{ display:none;padding:10px;font-size:11px;}




/*				#Content
----------------------------------------------------------------------- */



/*** .post ***/
.post {font: 14px/1.8 verdana,tahoma,arial,sans-serif;color:#333; margin-bottom:200px;}
.post blockquote, .post ul, .post ol {margin: 1em;}
.post ul, .post ol {margin-left: 2em;}
.post ol li {list-style: decimal outside;}
.post ul li {list-style: disc outside;}
.post th, .post td {padding: .5em;}
.post p, .post fieldset, .post table, .post pre {margin-bottom: 1em;}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{padding:10px 10px 0 0; font-family:"Myriad Pro"}
.post h1{font-size:196%;}
.post h2{font-size:167%;}
.post h3{font-size:146.5%;}
.post h4{font-size:123.1%;}

.post header h1, .post header h2 a{ color:#333; font-weight:normal;text-shadow:1px 1px 1px #ddd;}
.post header p{ color:#777;}
.single .post header h1,.single .post header p{ text-align:center}
.single .post header{ padding-bottom:10px;}



/*** #comments ***/

#comments h3{font-size:18px; color:#333;line-height:22px;padding:11px 0;border-bottom:1px dashed #B4AFB3; margin-bottom:40px}

#fix{width:300px; height:365px; float:left} 
#commentform{width:300px; overflow:hidden}
#commentform p{margin-bottom:22px; padding:0 10px;position:relative;}
#commentform p label{position:absolute; top:8px; left:20px}
#commentform input,#commentform textarea{border:1px solid #B4AFB3; width:160px; padding:8px 10px;color:#666;
	-moz-box-shadow:2px 2px 5px #CFCFCF inset;
	-webkit-box-shadow:2px 2px 5px #CFCFCF inset;
	box-shadow:2px 2px 5px #CFCFCF inset;
	-moz-border-radius:3px;
	border-radius: 4px;
}
#commentform input:focus,#commentform textarea:focus{ outline:none;
	-moz-box-shadow:0 0 5px #fff;
	-webkit-box-shadow:0 0 5px #fff;
	box-shadow:0 0 5px #fff;
}
#commentform textarea{width:240px; height:100px; padding:10px}
#commentform input[type="submit"]{ cursor:pointer;}

#commentlist{ overflow:hidden;*zoom:1; padding-left:50px}
#commentlist li{ margin-bottom:20px; padding:20px;border:1px solid #B4AFB3;background:#ddd; overflow:hidden;*zoom:1;position:relative;
	-moz-box-shadow:1px 1px 1px #eee inset;
	-webkit-box-shadow:1px 1px 1px #eee inset;
	box-shadow:1px 1px 1px #eee inset;
	-moz-border-radius:10px;
	border-radius:10px;
}
#commentlist header {padding-right:25px;width:72px; float:left}
#commentlist p { overflow:hidden;*zoom:1}
#commentlist time{ position:absolute; right:20px; color:#999}
#commentlist .comment-author-admin{ background:#C7C7C7}

/*** #aside ***/

aside{ overflow:hidden;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;padding-top:20px}

aside section{ margin:0 0 40px 40px; clear:both; overflow:hidden;*zoom:1;}
section.box{ border:1px solid #B4AFB3; background:#DAD9D9;
	-moz-box-shadow: inset 0px 0px 5px #fcfcfc;
	-webkit-box-shadow:inset 0px 0px 5px #fcfcfc;
	box-shadow: inset 0px 0px 5px #fcfcfc;
}
aside section h3{padding:10px 10px 0;font-size:146.5%;color:#444;font-family:"Myriad Pro"}

section.ads header{ margin:10px 0 10px 10px;}
section.ads ul li{ float:left; padding:0 0 10px 10px}

section.cloud li{ float:left; margin:10px 0 10px 20px; *display:inline; *padding-bottom:10px;}
section.cloud li a{ display:block; width:32px; height:32px; text-indent:-999em;}
section.cloud li a.email{background-position:-32px 0;}
section.cloud li a.twitter{background-position:-64px 0;}
section.cloud li a.flickr{background-position:-96px 0;}
section.cloud li a.tumblr{background-position:-128px 0;}

section.tags h3{ padding-left:35px;}
section.tags li{ float:left; margin:10px 5px; height:24px; line-height:24px;}
section.tags li a{ display:block; background:#DAD9D9; padding:0 10px;border:1px solid #B4AFB3; color:#666; text-shadow:1px 1px 0 #eee;
	-moz-border-radius: 5px 5px 8px 5px;
	border-radius: 5px 5px 8px 5px;
	background-image: -moz-linear-gradient(top, #DFDFDF, #CDCBCB);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #DFDFDF),color-stop(1, #CDCBCB)); 
}
section.tags li a:hover { text-decoration:none;
	background-image: -moz-linear-gradient(top, #F0F0F0, #DFDFDF);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F0F0F0),color-stop(1, #DFDFDF)); 
}
section.tags li a:active { outline:none;
	background-image: -moz-linear-gradient(top, #CFCECE, #DFDFDF);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #CFCECE),color-stop(1, #DFDFDF));
}
  


/*				#Footer
----------------------------------------------------------------------- */
#ft{}