/*
[A] palette
[0] reset
[1] grid 960 col
[2] typography reset
[3] reusables
[4] layout
*/

/*[A] palette */
/*
9EBEDE - light blue
97ADCC - blue
8A9DB3 - blue/grey
798799 - grey
555E66 - dark grey
*/



/*[0] reset*/
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,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* removes firefox link border */
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

/*[1] grid*/
.container{margin-left:auto;margin-right:auto;width:960px}
.grid{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix{height:1%}
.alpha{margin-left:0}.omega{margin-right:0}

#main_left{margin-left:34px; margin-right:19px; width:438px;}
#main_left_content{margin:0 9px 34px 9px; width:420px;}
#main_right{float:right; margin: 0 33px 36em 28px;  width:408px;}
#logo{margin-left:20px; margin-right:12px; width:228px;}
#nav{margin:60px 12px 0 12px; width:136px;}
#welcome{margin-left:16px; margin-right:16px; width:388px;}
#skill_set_outer{width:420px;}

/*[2] typography reset*/
body{color:#666; font:13px/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:2.65em;}h3{font-size:1.6em;}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset, blockquote{margin-bottom:20px}
h1,h2,h3,h4,h5{font-family:'Arial, "Helvetica Neue", Helvetica, sans-serif '; font-weight:normal;}

/*[2A] font face */
@font-face {
	font-family: 'DejaVuSansCondensedBold';
	src: url('dejavusanscondensed-bold-webfont.eot');
	src: local('☺'), url('/assets/templates/lokman/fonts/dejavusanscondensed-bold-webfont.woff') format('woff'), url('/assets/templates/lokman/fonts/dejavusanscondensed-bold-webfont.ttf') format('truetype'), url('/assets/templates/lokman/fonts/dejavusanscondensed-bold-webfont.svg#webfontM1Pr7NjX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MicroFLFBold';
	src: url('/assets/templates/lokman/fonts/microflf-bold-webfont.eot');
	src: local('☺'), url('/assets/templates/lokman/fonts/microflf-bold-webfont.woff') format('woff'), url('/assets/templates/lokman/fonts/microflf-bold-webfont.ttf') format('truetype'), url('/assets/templates/lokman/fonts/microflf-bold-webfont.svg#webfontCTRaaazv') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MicroFLFRegular';
	src: url('/assets/templates/lokman/fonts/microflf-webfont.eot');
	src: local('☺'), url('/assets/templates/lokman/fonts/microflf-webfont.woff') format('woff'), url('/assets/templates/lokman/fonts/microflf-webfont.ttf') format('truetype'), url('/assets/templates/lokman/fonts/microflf-webfont.svg#webfonteKrPhcjv') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*[2B] typography*/
#wrapper{font-size:0.95em;}

a{color:#B3B3B3; text-decoration:none;}
a:hover{text-decoration:underline;}
h2, h3, h4, h5{color:#555E66;}
h2{border-bottom:solid 1px #c0c0c0; font-family:'MicroFLFRegular',Arial,sans-serif; letter-spacing:0; font-size:1em; line-height:1em; padding-bottom:4px; margin-bottom:14px;}
h3{font-style: normal; line-height:normal; font-family: 'DejaVuSansCondensedBold', Arial, sans-serif; font-size:3.1em; padding-top:1.55em;}
h4{font-family:'MicroFLFRegular',Arial,sans-serif; letter-spacing:0; font-size:1em; line-height:1em; margin-bottom:0px;}
h5{font-family:'MicroFLFBold',Arial,sans-serif; font-size:1em; line-height:1em; margin-bottom:0;}

#nav{letter-spacing:0; font-family:'MicroFLFBold',Arial,sans-serif; font-size:1em;}
#skill_set{color:#fff; font-size:0.8em; font-family:'MicroFLFRegular',Arial,sans-serif; line-height:1.3em;}
.date{color:#999999;}
.visit_site{color:#555E66; font-family:'MicroFLFRegular',Arial,sans-serif; font-style:italic;}
.tags{color:#808080;}

.about_me h4, .newsfeed h4{color:#9ebede; font-family: 'DejaVuSansCondensedBold', Arial, sans-serif; font-size:1.7em;}
.about_me .date, .newsfeed .date{color:#9ebede;}
.about_me_link a, .newsfeed_link a, .recent_work_link a{background: transparent url(/assets/templates/lokman/images/layout/bg_read_more.png) no-repeat center right; color:#9ebede; font-weight:700; padding-right:16px;}

/*[3] reusables*/
.color_lb{color:#9EBEDE} 		/*light blue*/
.color_b{color:#97ADCC}		/* blue*/
.color_bg{color:#8A9DB3} 		/* blue/grey*/
.color_g{color:#798799}		/* grey*/
.color_dg{color:#555E66} 		/* dark grey*/

.hide{display:none;}
ul.no_bullets{list-style-type:none;}
	ul.no_bullets li{margin-left:0;}
	
.opacity_hover:hover{opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
.opacity_hover:active{opacity: 0.9; -moz-opacity:0.9; filter:alpha(opacity=90);}

.shadow {
  box-shadow: 3px 3px 3px #a5aaad;
  -moz-box-shadow: 3px 3px 3px #a5aaad;
  -webkit-box-shadow: 3px 3px 3px #a5aaad;
}

h4.underline{border-bottom:1px solid #C0C0C0; font-family:'MicroFLFBold',Arial,sans-serif; letter-spacing:0; font-size:1em; padding-bottom:4px; margin-bottom:14px;}
	
/*[4] layout */
	/* body */
	body{background: transparent url(/assets/templates/lokman/images/layout/bg_body.jpg) repeat top left;} 
	
	/* logo */
	#logo{margin-top:20px; margin-bottom:38px;}
	h1{margin-bottom:0;}
	h1 a{display:block; height:121px; width:228px;}
	h1 a img{border:none;}
	
	/* content left */
	#main_left{background: transparent url(/assets/templates/lokman/images/layout/bg_main_left.png) no-repeat top left; left:auto; /*position:fixed;*/ top:0;} 
	#main_left_content{background-color:#fff;}
	.fb-like{margin-bottom:20px; min-height:31px; display:block;}
	
	/* navigation */
	#nav{background: transparent url(/assets/templates/lokman/images/layout/bg_nav_ml.png) no-repeat center left;}
	#nav ul{display:inline; float:left; margin:-7px 0 -7px 20px;}
	#nav ul li{clear:both; float:left; text-align:left;}
	#nav ul li a{color:#555E66; float:left; line-height:1.2em; text-decoration:none; width:100%;}
	#nav ul li a:hover{color:#9ebede;}
	#nav .nav_bracket{display:inline; float:left; height:17px; width:100%;}
	#nav .nav_tl{background: transparent url(/assets/templates/lokman/images/layout/bg_nav_ends.png) no-repeat top left; }
	#nav .nav_bl{background: transparent url(/assets/templates/lokman/images/layout/bg_nav_ends.png) no-repeat bottom left; }
	
	/*skill_set*/
	#skill_set_outer{background-color:#000; height:68px; position:relative;}
	#skill_set{background:#000 url(/assets/templates/lokman/images/layout/what_i_can_do.png) no-repeat top left; height:51px; overflow:hidden; opacity: 0.95; -moz-opacity:0.95; filter:alpha(opacity=95); padding: 17px 31px 0 122px; width:267px;}
	
	/* follow me, like_it */
	#social_media{margin-left:25px; width:181px;}
	#follow_me, #like_it{margin:0; width:181px;}
	#follow_me li, #like_it li{float:left;}
	#follow_me li a, #like_it li a{float:left; height:25px; width:25px; margin-right:2px;}
	#like_it{margin-top:20px;}
	
	/* links */
	#links{margin-left:16px; width:181px;}
	
	.category.last{margin-bottom:0em;}
	.category{margin-bottom:4.5em;}
	
	/*common*/
	.recent_work, .about_me, .newsfeed{margin-top:1.8em;}
	.recent_work.first, .about_me.first, .newsfeed.first{margin-top:0em;}
	
	/*recent work*/	
	.recent_work_thumb{margin-bottom:1.2em;}
	.recent_work_left{margin-right:15px; width:187px;}
	.recent_work_right{width:206px;}
	img.site_thumb{display:inline; float:left;}
	.recent_work_link{float:right;}
	
	/* about me*/
	.about_me{width:408px;}
	.about_me p.summary{margin-bottom:0;}
	.about_me_link{float:right;}
	
	/* newsfeed */
	.newsfeed{width:408px;}
	.newsfeed p.summary{margin-bottom:0;}
	.newsfeed_link{float:right;}
	
	/* contact form */
	.short_input input{ width: 120px;}
	.long_input input, textarea{width:270px;}
	
	.input {
	  margin: 3px 0;
	  background: white;
	  float: left;
	  clear: both;
	}
	.input span {
	  position: absolute;
	  padding: 3px;
	  margin-left: 3px;
	  color: #B3B3B3;
	}
	.input input, .input textarea, .input select {
	  position: relative;
	  margin: 0;
	border-color:#b3b3b3;  
	border-width: 1px 1px 0 0;
	  padding: 4px;
	  background: transparent;
	  font: inherit;
	}
	
	.input textarea{}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	    .input input, .input textarea, .input select { padding: 4px; }
	}
	
	
	#fname{}
	#lname{clear:right; margin-left:21px;}
	
	

	
	

	
	/* articles */
	/*
	.category h2, .article h3{line-height:1em;}
	.category h2{margin-bottom:0.3em;}
	.article h3{margin-bottom:0.1em;}
	.category{margin-bottom:4.5em;}	
	.category h2, .article h3, .article .date, .article .tags{margin-left:18px;}
	
	.category.last{margin-bottom:0em;}
	.article{margin-top:1.2em;}
	.article.first{margin-top:0em;}
	.tags, .date{line-height:1em;}
	.tags{font-size:0.85em; margin-bottom:0.6em;}
	.date{font-size:0.8em; text-transform:uppercase;}
	p.summary, p.more_article, p.thumb{margin: 0 18px;}
	p.more_article{clear:both; margin-top:0.6em; text-align:right;}
	
	a.btn_more{font-size:0.85em; text-decoration:none;}
	a.btn_more:hover{text-decoration:none;}
	p.thumb{height:64px; margin-top:0.6em;}
	
	
	.single_post p, .single_post .date{margin:0;}*/
	

		
	/* footer */
	#footer{margin-top:3.5em;}
	/*#wrapper{background:transparent url(/assets/templates/lokman/images/layout/bg_footer.jpg) no-repeat 720px 0;}*/
		
/*[5] fancybox */
#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index:1104;display: none;}* html #fancybox-loading{position:absolute;margin-top:0;}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');}#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:1100;display: none;}* html #fancybox-overlay{position:absolute;width:100%;}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display: none;}#fancybox-wrap{position:absolute;top:0;left:0;margin:0;padding:20px;z-index:1101;display: none;}#fancybox-outer{position: relative;width:100%;height:100%;background:#FFF;}#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;outline: none;overflow: hidden;}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background: transparent;}#fancybox-close{position:absolute;top: -15px;right: -15px;width:30px;height:30px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');background-position: -40px 0px;cursor: pointer;z-index:1103;display: none;}#fancybox_error{color:#444;font: normal 12px/20px Arial;padding:7px;margin:0;}#fancybox-content{height:auto;width:auto;padding:0;margin:0;}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border: none;outline: none;line-height:0;vertical-align: top;-ms-interpolation-mode:bicubic;}#fancybox-frame{position: relative;width:100%;height:100%;border: none;display:block;}#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102;}.fancybox-title-inside{padding:10px 0;text-align:center;color:#333;}.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:bold;}.fancybox-title-over{color:#FFF;text-align: left;}#fancybox-title-over{padding:10px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancy_title_over.png');display:block;}#fancybox-title-wrap{display: inline-block;}#fancybox-title-wrap span{height:32px;float: left;}#fancybox-title-left{padding-left:15px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');background-position: -40px -90px;background-repeat: no-repeat;}#fancybox-title-main{font-weight:bold;line-height:29px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox-x.png');background-position:0px -40px;color:#FFF;}#fancybox-title-right{padding-left:15px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');background-position: -55px -90px;background-repeat: no-repeat;}#fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor: pointer;outline: none;background-image: url('/assets/templates/lokman/images/layout/fancybox/blank.gif');z-index:1102;display: none;}#fancybox-left{left:0px;}#fancybox-right{right:0px;}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left: -9999px;width:30px;height:30px;margin-top: -15px;cursor: pointer;z-index:1102;display:block;}#fancybox-left-ico{background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');background-position: -40px -30px;}#fancybox-right-ico{background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');background-position: -40px -60px;}#fancybox-left:hover,#fancybox-right:hover{visibility: visible;}#fancybox-left:hover span{left:20px;}#fancybox-right:hover span{left:auto;right:20px;}.fancy-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}#fancy-bg-n{top: -20px;left:0;width:100%;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox-x.png');}#fancy-bg-ne{top: -20px;right: -20px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');background-position: -40px -162px;}#fancy-bg-e{top:0;right: -20px;height:100%;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox-y.png');background-position: -20px 0px;}#fancy-bg-se{bottom: -20px;right: -20px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');background-position: -40px -182px;}#fancy-bg-s{bottom: -20px;left:0;width:100%;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox-x.png');background-position:0px -20px;}#fancy-bg-sw{bottom: -20px;left: -20px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');background-position: -40px -142px;}#fancy-bg-w{top:0;left: -20px;height:100%;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox-y.png');}#fancy-bg-nw{top: -20px;left: -20px;background-image: url('/assets/templates/lokman/images/layout/fancybox/fancybox.png');background-position: -40px -122px;}#fancybox-loading.fancybox-ie div{ background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_loading.png',sizingMethod='scale');}.fancybox-ie #fancybox-close{ background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_close.png',sizingMethod='scale');}.fancybox-ie #fancybox-title-over{ background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1;}.fancybox-ie #fancybox-title-left{ background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_title_left.png',sizingMethod='scale');}.fancybox-ie #fancybox-title-main{ background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_title_main.png',sizingMethod='scale');}.fancybox-ie #fancybox-title-right{ background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_title_right.png',sizingMethod='scale');}.fancybox-ie #fancybox-left-ico{ background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_nav_left.png',sizingMethod='scale');}.fancybox-ie #fancybox-right-ico{ background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_nav_right.png',sizingMethod='scale');}.fancybox-ie .fancy-bg{background: transparent !important;}.fancybox-ie #fancy-bg-n{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_shadow_n.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-ne{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_shadow_ne.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-e{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_shadow_e.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-se{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_shadow_se.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-s{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_shadow_s.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-sw{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_shadow_sw.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-w{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_shadow_w.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-nw{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/lokman/images/layout/fancybox/fancy_shadow_nw.png',sizingMethod='scale');}