/* 
Theme Name: Binafsha
Theme URL: http://adlankhalidi.com/theme/binafsha
Description: A blank theme for you to draw on.
Author: Adlan Khalidi
Author URI: http://adlankhalidi.com
Version: 2.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.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%}
/*
Here is a list of all the <DIV>s in Whiteboard.
*/
body{font-family:Lucida Sans Unicode, Lucida Grande;font-size:9pt;}
a {text-decoration:none;color:#5f02b3}
small{font-size:7pt;}
strong {font-weight:bold}
.alignright {float:right;margin:0 0 10px 10px;}
.alignleft{float:left;margin:0 10px 10px 0}
.aligncenter{display:block;clear:both;margin:5px auto;padding:5px;border:1px solid #ddd}
.postcontent ol, .postcontent ul {margin:10px 30px;font-size:10pt}
.boxtitle{display:inline;float:left;overflow:hidden;width:600px;position:relative;left:-200px}
#topTitle h1{height:94px;font-size:24pt;font-family:Myriad Pro;text-shadow:0px 2px 3px #000; color:#fff;background:url(images/bg-header-title.jpg) no-repeat;position:relative; }
#topTitle h1 a{text-indent:-5000px;display:block;height:94px;width:400px;}
@font-face {
	font-family: 'Puritan20Bold';
	src: url('Puritan_Bold-webfont.eot');
	src: local('?'), url('Puritan_Bold-webfont.woff') format('woff'), url('Puritan_Bold-webfont.ttf') format('truetype'), url('Puritan_Bold-webfont.svg#webfontD4mC9dz6') format('svg');
	font-weight: normal;
	font-style: normal;
}
h2 {font: 24px/30px 'Puritan20Bold', Arial, sans-serif;letter-spacing: 0;}
h3 {font: 20px/24px 'Puritan20Bold', Arial, sans-serif; margin:15px 0 0}

blockquote{padding-left:10px;font-size:0.8em;border-left:2px solid #ccc}

#topTitle{background:#2c0052 url(images/bg-header.jpg) repeat-x top center;color:#fff;}
#page{list-style-type:none;height:32px;margin:5px 0}
#page li{display:inline; float:left;}
#page li a {color:#fff;font-size:8pt; padding:8px 10px;display:block}
#page li a:hover {text-decoration:underline}
.pagecontent li{margin:5px 0 5px 30px}
.rss {background:url(images/rss.png) no-repeat top right;padding-right:20px}
#navigation{background:#333 url(images/bg-navi.jpg) repeat-x; }
#leaderboard {width:728px;margin:15px auto;}
#menu{list-style-type:none;height:32px;width:700px}
#menu li{display:inline; float:left;}
#menu li:hover {background:#959595;color:#fff;-moz-box-shadow:0px 2px 5px #663399;-webkit-box-shadow:0px 2px 5px #663399;box-shadow:0px 2px 5px #663399;}
#menu li a {color:#333;display:block; padding:8px 10px;}
#menu li a:hover {color:#fff;}
#profile {width:250px;float:right;position:relative;top:10px;}
#profile li {list-style-type:none;float:left;margin:0;padding:0;width:32px;}
#profile li a{display:block;height:32px;background:url(images/social2.png) no-repeat;padding:0 0 0 32px}
#profile li a.prof1{background-position:0 0;}
#profile li a.prof2{background-position:-32px 0;}
#profile li a.prof3{background-position:-64px 0;}
#profile li a.prof4{background-position:-96px 0;}
#profile li a.prof5{background-position:-128px 0;}
#profile li a.prof6{background-position:-160px 0;}
#profile li a.prof7{background-position:-192px 0;}
#profile li a.prof1:hover{background-position:0 -32px;}
#profile li a.prof2:hover{background-position:-32px -32px;}
#profile li a.prof3:hover{background-position:-64px -32px;}
#profile li a.prof4:hover{background-position:-96px -32px;}
#profile li a.prof5:hover{background-position:-128px -32px;}
#profile li a.prof6:hover{background-position:-160px -32px;}
#profile li a.prof7:hover{background-position:-192px -32px;}
#pagewrap{width:960px;margin:0 auto;}
#content{font-family:Lucida Sans Unicode, Lucida Grande;font-size:10pt;color:#333;}
ul .post{list-style-type:none;border-right:1px solid #ddd;}
.post {margin:10px 0;list-style-type:none;padding:30px 0 10px; background:url(images/bg-post-li.jpg) repeat-x top left}
.postmeta {font-size:7pt; color:#aaa;}
.comments_meta {float:left;width:140px;font-size:9pt;display:block;margin-left:10px;}
.postcontent, .comment_text {margin-right:10px;}
.google468 {width:470px; margin:20px 0 0 120px}
.pagecontent{width:660px;line-height:20px;margin:0 auto}
.postcontent p, .comment_text p, .pagecontent p{margin:10px 0 0; font-size:10pt;line-height:24px; }
.pagecontent p {max-width:600px;}
.pagecontent h2{margin:20px 0; font: 40px/48px 'Puritan20Bold', Arial, sans-serif;letter-spacing: 0;}
.pagecontent h3{margin:15px 0 0; font: 26px/32px 'Puritan20Bold', Arial, sans-serif;letter-spacing: 0;}
.postimg {float:left;width:150px;margin-right:10px;height:150px;overflow:hidden; padding:0 20px;}
.cats{position:absolute;background:#930;padding:5px 10px;box-shadow:0px 0px 0.5em #000;-webkit-box-shadow:0px 0px 0.5em #000;-moz-box-shadow: 1px 1px 0.5em #333;}
.cats a{color:#fff;}
.cattitle{margin:20px;}
.postnavigation{}
.bottompost {background:#fff; margin:20px 0;}
.bottompost h2 {background:url(images/bg-post-li.jpg) repeat-x top left; padding:10px 0;color:#5f02b3; font: 20px/28px 'Puritan20Bold', Arial, sans-serif;letter-spacing: 0; }
.bottompost p{color:#666;font-size:9pt;}
.minipostimg{width:70px;height:70px; float:left;margin-right:10px;}
.bottompost li{float:left;width:300px;border-bottom:1px solid #ddd;padding:5px 0;}
.bottompost ul{list-style:none;}
#searchform{}
.mainside {margin:0; font-size:9pt; padding:1px 10px; background:#ECECEC}
.mainside ul{list-style-type:none;}
.mainside h2{font: 18px/24px 'Puritan20Bold', Arial, sans-serif;letter-spacing: 0; margin:20px 0 10px;padding:5px; color:#333; text-shadow:0px 1px 0px #FFFFFF; border-width:1px 0; border-color:#fff #fff #909090; border-style:solid; background:#ddd;}
.mainside ul li ul li{margin:0 0 5px 10px;}
#sidebar{background:#2c0052;color:#fff;padding:20px;margin-top:20px;border-bottom:1px solid #3d0072;}
#sidebar h2,#footer h2{font: 18px/24px 'Puritan20Bold', Arial, sans-serif;letter-spacing: 0; margin:10px 0; color:#fff; text-shadow:0 2px 15px #9933FF;}
#sidebar ul {list-style-type:none;float:left;}
#sidebar ul li{display:inline;float:left;position:relative;width:150px;margin:0 5px;}
#sidebar a, #footer a{color:#662d91; font-size:8pt;}
#sidebar a:hover, #footer a:hover{color:#fff;}
#comments {background:url(images/bg-post-li.jpg) repeat-x top left; padding:10px 0; margin:15px 0}
#comments_list{list-style-type:none}
#comments h3, .comments_reply h3{margin:10px 0;color:#5f02b3}
#comments_list li{border-top:1px solid #ddd; padding:10px 0;margin:10px 0}
.comments_navigation{}
.comments_navigation{}
.comments_reply{background:url(images/bg-post-li.jpg) repeat-x top left; padding:10px 0; margin:15px 0;font-size:9pt}
.comments_text{}
.comments_meta{}
#commentform input,#commentform textarea{border:1px solid #ddd;outline:0; padding:5px;font-size:14pt;font-family:Lucida Sans Unicode, Lucida Grande;}
#commentform p{margin:10px 0;}
#commentform small{font-size:8pt}
.author{padding:10px 0;background:#d8cae3;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;color:#333;-moz-box-shadow:0px 2px 2px #ddd;-webkit-box-shadow:0px 2px 2px #ddd;box-shadow:0px 2px 2px #ddd;}
#footer {background:#1d0037;color:#fff;padding:10px;border-top:1px solid #150028;}
#footer ul {list-style-type:none;float:left;}
#footer ul li{display:inline; float:left;position:relative;width:450px;margin:0 5px;}
#footer p{display:block;text-align:center;font-size:7pt;margin:20px 0;}

#floatMenu {position:fixed; z-index:100; margin:50px 20px; }

.btn-portfolio{padding:10px 20px; background:#58005C; margin:10px; color:#fff;font-size:12pt; text-align:center; display:block; 
-moz-border-radius:10px; -moz-box-shadow:0px 3px 5px #333333; background-image:-moz-linear-gradient(71% 100% 90deg,#58005C, #9C3591, #711D82 100%);
-webkit-border-radius:10px; -webkit-box-shadow:0px 3px 5px #333333; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#711D82), to(#58005C), color-stop(.6,#9C3591));}

.btn-quotation{padding:10px 20px;background:#005C06; color:#fff; font-size:12pt; margin:10px; display:block; text-align:center; 
background-image:-moz-linear-gradient(71% 100% 90deg,#005C06, #449C37, #1F821B 100%);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1F821B ), to(#005C06), color-stop(.6,#449C37));
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow:0px 3px 5px #333333;
-webkit-box-shadow:0px 3px 5px #333333; }

.mbl_fo_hidden, .mbl_h {display: none;}
.addthisbox {float:left;position:relative;top:-15px}
.aktt_tweet_digest {list-style:square}
.aktt_tweet_digest li {padding:10px 0;border-bottom:1px dashed #ddd}
.section {	margin: 0 0 30px;}
ul.tabs {	height: 28px;	line-height: 25px;	list-style: none;	border-bottom: 1px solid #DDD;	background: #FFF;}
.tabs li {	float: left;	display: inline;	margin: 0 1px -1px 0;	padding: 0 10px;	color: #777;	cursor: pointer;	background: #F9F9F9;	border: 1px solid #E4E4E4;	border-bottom: 1px solid #F9F9F9;	position: relative;}
.tabs li:hover,.vertical .tabs li:hover {	color: #F70;	padding: 0 10px;	background: #FFFFDF;	border: 1px solid #FFCA95;}.tabs li.current {	color: #444;	background: #EFEFEF;	padding: 0 10px 2px;	border: 1px solid #D4D4D4;	border-bottom: 1px solid #EFEFEF;}.box {	display: none; padding-top:10px;}
.box.visible {	display: block;}
.contactform {background:#efefef; padding: 20px 100px; margin:10px 40px; -webkit-box-shadow: 0px 0px 10px #999999;-moz-box-shadow: 0px 0px 10px #999999;box-shadow: 0px 0px 10px #999999;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

.greenbtn {font-weight:bold; font-size:1.5em; padding:5px; border:1px solid #009445; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }