/*
	Theme Name: AL-Seraj
	Theme URI: http://www.serajbakeer.blogspot.com
	Description: Private theme for Seraj Bakeer official blog.
	Version: 1.0
	Author: Seraj Bakeer
	Tags: simple color, fixe width, two columns, widgets
*/
/*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,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td , input{
margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style: inherit;
font-size:100%; font-family:inherit; vertical-align: baseline;}
input{font-family:Tahoma, Arial, sans-serif;}
:focus {outline: 0;}
body {color: black; background: white;}
ol, ul{list-style:none;}
h1, h2, h3, h4, h5, h6, p, blockquote, input, ul, li, ol{direction:rtl;}
/*Main Style*/
body{background-color:#f2efea;font-family:Tahoma, Arial, sans-serif;font-size:12px;}
/*Start twitter*/
#twitter{width:236px;height:166px;position:absolute;top:80px;left:630px;z-index:1;}
.ie7 #twitter{top:10px;}
#twitter_div{position:absolute;top:22px;left:40px;right:40px;line-height:16px;text-align:justify;}
#twitter a{position:absolute;top:80px;left:10px;color:#0092bf;text-decoration:none;direction:ltr;}
#twitter a:hover{color:#212192;}
/*End twitter*/
/*Start header*/
#header{width:1007px;height:177px;position:relative;margin:0 auto;background:url(images/body-header.gif) no-repeat center;}
#logo{height:156px;}
#dheader{width:899px;height:22px;position:relative;margin:0 auto;}
#dheader #mid{position:absolute;right:360px;}
#mid a{text-decoration:none;color:#003366;}
#mid a:hover{color:#fff;}
.mid li	{display:inline;line-height:21px;padding-left:25px;}
#dheader #mid2{position:absolute;right:3px;}
#mid2 a{text-decoration:none;color:#003366;}
#mid2 a:hover{color:#fff;}
#dheader #left{width:220px;position:absolute;left:0px;top:0px;margin:2px 0 0 3px;}
#dheader #left #feedburner img{position:absolute;left:0px;top:0px;}
.ie7 #dheader #left #feedburner img{left:5px;}
#dheader #left #search{width:225px;height:50px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#dheader #left #search #s{width:120px;height:15px;background-color:#d9eff7;border:1px solid #999999;
vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;letter-spacing:1px;font-size:10px;
color:#565860;font-family:Tahoma, Arial, sans-serif;}
#dheader #left #search #s:hover{border:1px solid #666666; }
#dheader #left #search #s:focus{background-color:#ffffff;}
#dheader #left #search #button{width:16px;height:15px;position:relative;left:22px;top:1px;background-image:url(images/m.png);
cursor:pointer;}
.ie7 #dheader #left #search #button,.ie6 #dheader #left #search #button{top:2px;}
/*End header*/
#wrap{width:899px;background-color:#a6d0e0;margin-right:auto;margin-left:auto;margin-bottom:10px;}
#content{min-height:1500px;background-color:#FFFFFF;-moz-border-radius:5px;
-webkit-border-radius:5px;padding:10px;position:relative;}
.ie7 #wrap,.ie8 #wrap{left:-5px;position:relative;}
/*Start toppost*/
#posttop{width:529px;height:276px;margin-bottom:20px;position:relative;}
#workgallary{width:126px;margin:10px 0 0 0;background:url(images/b1.png) no-repeat;text-align:center;line-height:29px;}
#workgallary:hover{background:url(images/b2.png) no-repeat;}
#workgallary a{color:#FFFFFF; text-decoration:none;}
#ad{height:50px;width:370px;background-color:#CCCCCC;border:1px solid #999999;
position:absolute;top:0px;left:12px;	}
#ad p{text-align:left;color:#FFFFFF;padding:3px;top:50;}
#introtext{width:368px;position:absolute;top:73px;left:14px;line-height:15px;text-align:justify;}
#introtext a{color:#003366; text-decoration:none;}
#introtext a:hover{color:#212192; text-decoration:underline;}
#followmea{width:368px;position:absolute;top:154px;left:14px;line-height:15px;text-align:justify;}
#rss{position:absolute;top:148px;left:265px;}
#twitterimg{position:absolute;top:148px;left:205px;}
#youtube{position:absolute;top:148px;left:144px;}
#linkin{position:absolute;top:148px;left:84px;}
#addme{position:absolute;top:229px;left:104px;}
#addme2{background-color:#C5FCC6;border:1px dashed #57b846;height:100px;vertical-align:middle;margin:15px 0 0 0;}
#addme2 P{margin:10px;font:15px arial;color:#339900;font-weight:bold;}
#addmeinput{position:absolute;top:5px;left:-60px;}
#addme #email,#addme2 #email{border:1px solid #999999;color:#999999;font-family:Tahoma, Arial, sans-serif;}
#addme #email:hover,#addme2 #email:hover{border:1px solid #666666;}
#addme #email:focus,#addme2 #email:focus{border:1px solid #666666;}
#addmeinput #button,#addmeinput2 #button{height:20px;border:1px solid #57b846;background-color:#d6eed2;cursor:pointer;
font-family:Tahoma, Arial, sans-serif;-moz-border-radius:5px;-webkit-border-radius:5px;color:#339900;}
#addmeinput2 #button{width:150px;height:25px;}#addmeinput2 #button:hover{width:150px;height:25px;}
#addmeinput #button:hover,#addmeinput2 #button:hover{border:1px solid #339900;background-color:#339900;color:#FFFFFF;}
#line{text-align:center;position:absolute;top:276px;left:0px;letter-spacing:2px;color:#989898;}
/*End toppost*/
/*Start entry*/
h4{font:25px arial;border-bottom:2px solid #666;line-height:26px;color:#000099;margin-bottom:8px;}
h6{font:25px arial;border-bottom:2px solid #ff8711;line-height:26px;color:#000066;}
strong{font-weight:bold;}
blockquote{background:#494E54 none repeat scroll 0 0;border-right:5px solid #FFA200;color:#FFF;
margin: 10px 20px 10px 10px;padding:10px;}
/*end entry*/
/*Start post*/
#nodatafound h2{font-size:18px; color:#FF0000;margin:15px;}
#posts{width:529px;margin-bottom:50px;}
#nextpage{float:right;position:relative;margin:5px 0 0 0;}
#perpage{float:left;position:relative;margin:5px 0 0 0;}
#nextpage a , #perpage a{color:#010182; text-decoration:none;}
#nextpage a:hover , #perpage a:hover{color:#1c89de;}
.post{width:529px;position:relative;direction:rtl;margin-top:15px;}
.posttitle{width:529px;font:25px arial;border-bottom:1px solid #ff8711;}
.posttitle a{color:#010182; text-decoration:none;}
.posttitle a:hover{color:#1c89de;}
.postmeta , .postmeta a{width:529px;color:#999999;text-decoration:none;direction:ltr;}
.postmeta a:hover{color:#212192;}
.postdate{float:right;position:relative;top:4px;direction:rtl;}
.postnumder{float:left;position:relative;top:4px;direction:rtl;}
.post-categories{float:left;position:relative; top:4px;direction:rtl;}
.post-categories  li{display:inline; margin:0 0 0 5px;}
.cats{float:left;position:relative; top:4px;direction:rtl;}
.postcontent{margin:27px 0 5px 5px; line-height:20px; text-align:justify;}
.postcontent a{color:#212192; text-decoration:none;}
.postcontent a:hover{text-decoration:underline;}
.readmore{position:absolute;bottom:0px;left:4px;z-index:1;}
.postend{position:relative;width:529px;height:20px;
background-color:#efefef;-moz-border-radius:5px;-webkit-border-radius:5px;}
.postend2{position:relative;width:529px;height:20px;margin:15px 0 0 0;
background-color:#efefef;-moz-border-radius:5px;-webkit-border-radius:5px;}
.postend img,.postend2 img{position:absolute; top:3px; right:3px;}
.postend p,.postend2 p{position:absolute; top:3px; right:5px;}
.postend a,.postend2 a{color:#212192; text-decoration:none;}
.postend a:hover,.postend2 a:hover{text-decoration:underline;}
.tags{position:absolute; top:3px;right:25px;}
.tags li{display:inline;}
/*End post*/
/*Start SideBar*/
#sidebar{position:absolute;top:0px; left:10px;width:325px; margin:10px 10px 0px 0px;}
.ie7 #sidebar{left:20px;}
#show{margin:0px 0px 10px 0px;}
#sidecat{background-color:#e8f4f5; -moz-border-radius:5px; -webkit-border-radius:5px;
margin:0px 0px 10px 0; padding:5px;text-align : justify; overflow : hidden;}
#sidecat p{background-color:#bbdfb7;
padding:5px; margin-bottom:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}
#sidecat ul{margin:0 5px 0 0;}
#sidecat li{display:block;border-bottom:1px solid #dedede;padding:7px 3px;float:right;width:140px;margin-left:9px;}
#sidecat li:hover{background-color:#c8e6d3;border-bottom:1px solid #adadad;}
#sidecat li a{color:#212192; padding:5px 0 0 0; text-decoration:none;}
#sidecat li a:hover{color:#0000FF;}
#sidebar ul .widget{background-color:#e8f4f5; -moz-border-radius:5px; -webkit-border-radius:5px;
margin:0px 0px 10px 0; padding:5px;}
#sidebar ul .widget h2{background-color:#bbdfb7;padding:5px; margin-bottom:5px;
-moz-border-radius:5px; -webkit-border-radius:5px;}
#sidebar ul .widget ul li {width:310px; height:28px; background-color:#e8f4f5;border-bottom:1px solid #dedede;
padding:0; line-height:28px;}
#sidebar ul .widget ul li:hover{background-color:#c8e6d3;border-bottom:1px solid #adadad;}
#sidebar ul .widget ul li a{color:#212192; padding:5px 0 0 0; text-decoration:none;}
#sidebar ul .widget ul li a:hover{color:#0000FF;}
/*End sidebar*/
/*Start Footer*/
#footer {width:882px;height:20px;position:absolute;margin:20px 0px 0px 10px;
background-color:#efefef;-moz-border-radius:5px;-webkit-border-radius:5px;bottom:10px;right:8.5px;}
.footer a,#company a , #top a , #teq a{color:#212192; text-decoration:none;}
.footer a:hover,#company a:hover , #top a:hover , #teq a:hover{text-decoration:underline;}
#company{float:right; margin:3px 3px 0 0;}
#top{width:441px;float:right;text-align:left; margin:3px 0px 0 0;}
#teq {float:left; margin:3px 0 0 3px;}
/*End footer*/
/*----- Start comments -----*/
/* start Comments*/
.alt {margin: 0; padding: 10px;}
.commentlist {width:529px;padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {color: #777;}
h3.comments {padding: 0; margin: 40px auto 20px ;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 0px 0 0; width:509px;}
#commentform textarea {width: 100%; padding: 2px;}
#respond{margin:0 10px 0 0;}
#respond h3{margin:20px 0 10px 0; width:150px; height:15px; font-weight:bold;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
/* End Comments */
/*start ie comment*/
.commentlist li{background-color:#f5ecff;border:1px solid #dedede;-moz-border-radius:5px;-webkit-border-radius:5px;}
.commentlist li p{font:12px Tahoma, Arial, sans-serif;text-align:justify;line-height:20px;}
.commentlist li a{color:#60437c;margin-right:3px;font:12px Tahoma, Arial, sans-serif;text-align:justify;line-height:20px;text-decoration:none;}
.commentlist li a:hover{text-decoration:underline;}
.fn{margin-right:3px;font:12px Tahoma, Arial, sans-serif;}
.says{margin-right:1px;font:12px Tahoma, Arial, sans-serif;}
.commentlist .bypostauthor {background-color:#d9e6fd;}
#author , #email , #url{border:1px solid #999999;font-family:Tahoma, Arial, sans-serif;margin:0 5px 5px 0;}
#submit{margin:10px 10px;background-color:#f2f2f2;width:100px;height:30px;
line-height:20px;-moz-border-radius:5px;-webkit-border-radius:5px;text-align:center;border:1px solid #666666;}
#submit:hover{background-color:#d0cece;}
#commentform{color:#666666;}
/*end ie comment*/
/*----- End comments -----*/
/*----- Start image border -----*/
#imgborder{margin-right:auto;margin-left:auto;margin-bottom:15px;margin-top:5px;width:529px; height:89px;
vertical-align:middle;background-color:#efefef;-moz-border-radius:5px;-webkit-border-radius:5px;}
#imgborder:hover{background-color:#aad5e6;}
#imgborder img{border:1px solid #ffffff;width:500px; height:60px;margin:13.5px}
#img h2{font-size:14px;color:#010182;}			
#img h2:hover{color:#999999;}					  
#img a{font:Verdana,tahoma;font-size:18px;color:#333399;}			
#img a:hover{color:#999999;}									  
/*----- End image border -----*/
/*start search*/
#resultss{font-size:18px;color:#ff8711;font-weight:bold;width:529px;line-height:33px;border-bottom:1px solid #999;}
/*end search*/
/*contact*/
div#coldform * {padding: 0;margin: 0;border: 0;}
div#coldform {font-size: 12px;margin: 11px 0;width: 500px;}
div#coldform fieldset{border: 0 none;display: block;clear: both;}
div#coldform legend.hide{display: none;}
.input:focus, textarea:focus { border: 1px solid #777;}
div#coldform label.label {display: block;margin:5px 0;padding-top:5px;width:177px;clear:left;float:left;}
div#coldform label.label2 {display:block;font-family:Tahoma;font-size:12px;padding-bottom:10px;width:580px;float:left;clear:left;}
div#coldform input.input{font-family: Tahoma;border: 1px solid #7B7B7B;padding: 3px 3px;font-size: 12px;
margin-top: 10px;margin-right: 10px;display: block;width: 250px;clear: right;float: right;}
div#coldform textarea#coldform_message{border: 1px solid #7B7B7B;padding: 1px 3px;font-size: 12px;
margin-top: 10px;margin-right: 10px;display: block;width: 400px;clear: right;float: right;}
div#coldform input.submit {border: 1px solid #7B7B7B;margin: 7px 10px 10px 0;
font-size: 12px;cursor: pointer;display: block;padding: 3px;width: 100px;clear: right;float: right;}
div#coldform input.submit:hover{background-color:#0066CC;color:#FFFFFF;}
div#coldform input.check {display:block;margin: 0;padding-bottom: 5px;width:37px;float:right;clear:right;}
/*end contact*/