/*
 Theme Name: DesainDigital
 Theme URI: http://www.desaindigital.com/
 Description: Tutorial Photoshop dan Illustrator, berbagai info desain, dan menyediakan inspirasi
 Version: 1.0
 Author: Design by M. Jeprie Coded by Nady
 Author http://www.desaindigital.com/
 Tags: photoshop, Tutorial, Ilustrator
 */

@media screen {
	
*{margin:0;padding:0}
html,body{height:100%}
html{overflow-y:scroll;background:#edebe7 url(images/bg.jpg) 0 0 repeat}
body{font:14px/21px Arial,sans-serif;padding-top:25px;background:url(images/shape.png) 0 0 repeat-x;color:#585858}
.sf-sub-indicator,.ilang,.description,.screen-reader-text,.says{display:none}
.clear{clear:both}
.group:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .group,:first-child+html .group{zoom:1}
header,footer,section,article,aside,nav{display:block}
#page-wrap{width:960px;margin:20px auto}
h1,h2{padding:0 0 10px}
h3,h1.kecil{font-size:20px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}
p{margin:0 0 10px}
a{color:#222;text-decoration:none}
a:hover,a:focus{color:#777;text-decoration:underline}
a:active{color:#999}
.entry a{color:#000000;text-decoration:underline}
a img{border:none}

.pagemenu,#kategori,.brand,.judul,h2,h3,.comment-author{font-family:Calibri, Verdana, "Lucida Grande",Arial,Helvetica,Sans-Serif;letter-spacing:.3px}

/* Header */
#header{position:relative;height:152px}
.brand{font-size:30px;position:absolute;top:25px;left:10px;width:249px;height:74px}
#twitterstatus{font-size:11px;font-weight:400;position:absolute;top:0;right:0;width:375px;height:114px;background:#edebe7 url(images/tw.png) 0 0 no-repeat}
#twitterstatus span{width:315px;display:block;padding:8px 10px;line-height:1.5}
#twitterstatus span span{padding:0}
.pagemenu{font-size:16px;text-transform:uppercase;position:absolute;top:127px;right:0}
.pagemenu li{padding:0 8px}
#mid{height:32px;background:url(images/mn.jpg) 0 0 repeat-x;padding:4px 0}
#kategori{float:left;width:600px;margin-top:2px;font-size:14px;text-transform:uppercase}
#kategori li{padding:3px 8px}
#kategori ul ul li{background:#edebe7;border-bottom:1px solid #d8d4cf;padding:5px}
#searchform{float:right}
#s{font-size:12px;width:160px;margin-right:5px;background:#fff;border:1px solid #fff;-moz-border-radius:12px;-webkit-border-radius:12px 12px 12px 12px;padding:3px 10px}
#searchsubmit{display:none}
	
/* sf-menu */
.sf-menu, .sf-menu * { list-style: none; margin:0;}
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute;  top: -999em; width: 10.5em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 1.8em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10.5em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10.5em; /* match ul width */ top: 0; }

/* post */
#main{clear:both;margin:15px 0}
#content{float:left;width:640px;overflow:hidden}
.post{background:#fff;border:1px solid #d8d4cf;margin-bottom:30px;padding:25px 30px 0 30px}
.post h3{margin:20px 0 10px}
.post .bw{height:15px;background:url(images/bgp.jpg) right bottom no-repeat;display:block;position:relative;right:-15px;top:16px}
.post ul,.post ol{margin:0 0 15px;padding:0 0 0 30px}
.judul{font-size:34px;line-height:34px;border-bottom:1px solid #d8d4cf}
.entry{overflow:inherit;min-height:90px;height:auto!important;padding:10px 0 25px}
.desk{overflow:hidden}
.imgthumb img{border:1px solid #d8d4cf;float:left;margin:6px 20px 0 0;height:200px;width:200px}
.more-link{font-style:italic;position:relative;top:30px;text-align:right}
.meta{line-height:1.5;font-size:11px;border-bottom:1px solid #d8d4cf;padding:8px 0}
.miring{font-style:italic;padding:10px 0 0}
blockquote{background:url("images/q_left.png") no-repeat 2% 15%;border-bottom:1px solid #d8d4cf;border-top:1px solid #d8d4cf;clear:both;color:#414141;display:block;line-height:20px;margin:30px 0;width:100%}
.entry blockquote {color:#444;font-size:14px;font-style:italic}
blockquote p {background:url("images/q_right.png") no-repeat scroll 99% 99% transparent;padding:10px 40px 0;font-style:italic;}


/* author */
.author_info{clear:both;font-size:12px;border-bottom:1px solid #d8d4cf;border-top:1px solid #d8d4cf;margin:15px 0 25px;padding:5px 0}
.author_info img{float:left;margin-top:10px;border:1px solid #d8d4cf}
.author_info p{line-height:1.4;margin:5px 0 4px 90px}
.author_info h3{margin:5px 0 8px 90px}
.author_info2{background:#fff;border:1px solid #d8d4cf;margin:0 0 30px;padding:10px 20px 5px}
.author_info2 p span{font-size:18px}
.author_info .bw{height:15px;background:url(images/bgp.jpg) right bottom no-repeat;display:block;position:relative;right:-15px;top:21px}
.author_name a{text-decoration:none}
.author_name a:hover{text-decoration:underline}

/* aside */
#sidebar{font-size:13px;float:right;width:302px}
#sidebar a{font-weight:400}
#sidebar div{clear:both;background:#fff;border:1px solid #d8d4cf;margin-bottom:30px;padding:10px 20px 25px}
#sidebar ul{list-style:none}
#sidebar li{line-height:2}
#sidebar h2{font-size:25px;margin-bottom:15px;border-bottom:1px solid #d8d4cf;padding:10px 0}
#sidebar .textwidget{border:none;background:none;padding:0}
#sidebar .iklan{border:none;background:none;padding:0}
.iklan img{border:1px solid #d8d4cf}
.iklan125 li{float:left;display:block;padding:7px}
.iklan125 a{background:#fff;display:block;border-bottom:1px solid #d8d4cf;padding:5px 5px 0}
.iklan125 ul{float:left;margin:-7px 0 30px}
.rssfeed a{height:32px;display:block;padding-left:50px;background:url(images/social-network-icon/rss.png) center left no-repeat}
.rssemail a{height:32px;display:block;margin-top:10px;padding-left:50px;background:url(images/social-network-icon/email.png) center left no-repeat}
.facebook a{height:32px;display:block;margin-top:10px;padding-left:50px;background:url(images/social-network-icon/facebook.png) center left no-repeat}
.twitter a{height:32px;display:block;margin-top:10px;margin-bottom:-27px;padding-left:50px;background:url(images/social-network-icon/twitter.png) center left no-repeat}
.navigation{margin:40px 0}

.english a{height:32px;display:block;margin-top:10px;margin-bottom:-27px;padding-left:50px;background:url(images/language/english.png) center left no-repeat}
.indonesia a{height:32px;display:block;margin-top:36px;margin-bottom:-27px;padding-left:50px;background:url(images/language/indonesia.png) center left no-repeat}
   
/* footer */
#footer{font-size:13px;clear:both;background:url(images/bgfoot.jpg) 0 0}
#footop{background:url(images/bgfoottop.jpg) 0 0 repeat-x}
#footin{width:960px;margin:0 auto;position:relative;padding:20px 0 1px}
#footin ul{list-style:none}
#footin li{line-height:1.4;padding:0 0 6px}
#footin h3{font-size:25px;padding-bottom:10px;border-bottom:1px solid #d8d4cf;margin-bottom:15px}
.footbox {width:300px}
.footbox a{font-weight:400}
.footbox .widget {margin-top:25px;background:#fff;border:1px solid #d8d4cf;padding:20px;min-height:250px;height:auto!important}
.footbox1,.footbox2 {float:left}
.footbox-about .widget_text a{font-weight:700}
.footbox1{margin-right:30px}
.footbox-about{float:right}
.ti{height:127px;background:url(images/thisis.png) right bottom no-repeat;display:block;position:relative;right:-10px;top:-90px}
.cr{clear:both;text-align:right;position:relative;bottom:20px;font-size:11px;}

/* comment */
ol.commentlist{list-style:none}
.comment{position:relative}
.comment-body{background:#fff;border:1px solid #d8d4cf;margin-bottom:20px;padding:20px}
.comment-body{padding-left:105px}
cite.fn{font-style:normal}
.avatar{position:absolute;left:20px;border:1px solid #d8d4cf}
.commentlist ul.children{list-style:none;margin-left:50px}
.commentlist a {text-decoration:underline}
.reply{text-align:right;font-size:12px;height:15px;background:url(images/bgp.jpg) right bottom no-repeat;display:block;position:relative;right:-15px;top:36px}
.comment-reply-link{position:relative;right:20px;top:-35px;font-style:italic}
a:active.comment-reply-link{position:relative;top:-34px}
.comment-author{font-size:18px}
.comment-meta a{font-size:11px;font-weight:400}
.comment-meta{margin-bottom:4px}
#respond{background:#fff;border:1px solid #d8d4cf;margin-bottom:40px;padding:20px 20px 40px}
#respond h3{font-size:23px;border-bottom:1px solid #d8d4cf;padding-bottom:10px;margin-bottom:20px}
#respond .bw{height:15px;background:url(images/bgp.jpg) right bottom no-repeat;display:block;position:relative;right:-15px;top:56px}
#commentform label{font-size:18px;float:left}
#commentform div{margin-bottom:10px}
#commentform label span{display:none}
#commentform input{margin-left:120px;display:block;border:1px solid #d8d4cf;padding:3px 5px}
#commentform textarea{width:410px;font:14px/18px Arial,sans-serif;display:block;margin-left:120px;border:1px solid #d8d4cf;padding:5px}
#tombol{position:relative;height:20px}
#commentform #submit{height:26px;padding:0 0 4px;line-height:2.1;width:130px;position:absolute;cursor:pointer;border:1px solid #121212;background:#121212;color:#fff;text-transform:uppercase;font-size:12px}
.cancel-comment-reply a{padding:2px 8px 0;height:22px;color:#fff;display:block;text-transform:uppercase;font-size:12px;font-weight:400;background:#4d4d4d;border:1px solid #4d4d4d;position:absolute;left:260px;text-decoration:none}
.bypostauthor{background-color: #D1D1D1 !important;}

/* Basic WordPress Blog Styles */
.entry-content img{margin:0 0 1.5em}
.alignleft,img.alignleft{display:inline;float:left;margin-right:1.5em}
.alignright,img.alignright{display:inline;float:right;margin-left:1.5em}
.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.wp-caption{text-align:center;margin-bottom:1.5em}
.wp-caption img{border:0 none;margin:0;padding:0}
.wp-smiley{max-height:1em;margin:0!important}
.gallery-caption{margin:-1.5em 0 0}
blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%}
blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%}
.wp-caption p.wp-caption-text,.gallery dl{margin:0}
.widget ul ul{padding:0 0 0 15px}

/* Subscribe to Comments */
.subscribe-to-comments label{font-size:13px !important;line-height:1;margin-left:5px}
.subscribe-to-comments input{float:left}

/* Tutorial Image */
.tutorial_image {
background-color:#F0F0F0;
font-size:11px;
font-style:italic;
margin-bottom:30px;
overflow-x:hidden;
overflow-y:hidden;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
padding-top:20px;
text-align:center;}

/* Sticky */
.sticky {background:url("http://desaindigital.com/wp-content/themes/desaindigital/images/featured-bg.jpg") no-repeat #FFFFFF}
/* .sticky {background: url("http://dl.dropbox.com/u/7116487/featured.png") no-repeat #FFFFFF} */

/* Related Posts */
ul.related-posts {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.related-posts li {
    list-style-type: none;
    float: left;
    width: 120px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 12px;
    line-height: 18px;
}
.related-posts img{
    width: 120px;
    padding: 1px;
    border: 1px solid #CCC;
}


} /* END screen media */

@media print {
#respond,.author_info,footer,.navigation,.imgthumb,#mid,aside,.ilang,.pagemenu,#twitterstatus{display:none;}
a img{border:none}	
} /* END print media */.clear {	clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}