/*

Theme Name: TechTip V. 1.0

Theme URI: http://www.techtip.com

Description: The Design Specially done for this blog and cannot be used on any other blog .

Version: 1.0

Author: Asif Ahmed

Author URI: http://www.asif.me

*/



/*+++++++ BODY +++++++*/

* { margin: 0px; padding: 0px; text-decoration:none; }

body { font-family: Arial, Georgia; font-size: 14px; color: #000000; background: #E8EBED; background-repeat:repeat-y; background-position:center; }

ul li {list-style:none; list-style-type: none}

ol li {list-style-position: inside; list-style-type: none}


/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/

h3 { padding:10px 0 10px 0; font-size:15px;}


a:link {  text-decoration: none; color: #3B5998; border: 0px; list-style-type: none;}


a:active {color : #3B5998; border: 0px;}

a:visited { color :#3B5998; border: 0px;}

a:hover	{ color:#67ADE8; border: 0px;}


a:focus { outline: none;}

.clear { clear: both; }



/*+++++++ INFOBAR +++++++*/

#infobar { height: 30px; width: 955px; line-height:30px; font-size:10px; margin: 0 auto; color: #fff; padding-top: 5px}

#infobar a {color: #8BDBFF}

#infobar a:hover {text-decoration: underline;}

#browse { float: left; width: 550px; background:url(images/sitemap.gif) no-repeat 0 6px; margin-left: 3px; padding-left:22px}

#rss { float: right; margin-right: 3px; width: 360px}

#rss p {text-align:right;}



/*+++++++ MAIN +++++++*/

#top-wrap {width: 955px; height: 40px; margin:auto; background: url(images/topwrapp.gif) top left no-repeat;}

#wrapper { width: 959px; margin:auto; background: url(images/bg.gif) top left repeat-y;}

#frame,#content{ width: 955px; margin:auto; }

#content {margin-top:35px;}

#photo { width: 915px; padding: 0 0 0 20px; }





/*+++++++ HEADER+++++++*/

#header {display:block; width: 915px; height: 90px; margin: 0 auto;}

#logo {display: block; float:left; background: url (images/logo.png) top left no-repeat; height: 40px; margin: 0px 0 0 0;}

#logo h1 a {padding: 0px 0 0 0; font-size: 24px; color: #666}

#720x90ad  { float:right; width: 728px; border: 0px solid #ccc; margin:0px 0 0 0;}

#searchbox { float:right; width: 295px; border: 0px solid #ccc; margin:15px 0 0 0;}

#searchbox #s { float: left; margin: 3px 0 0 5px; border: 0; width: 155px; background: none; color:#999999;}

#searchbox #go { float: right; border-left: 1px solid #ccc}

#googad {  width: 915px; height: 23px; background-color:#A13A2F; padding-top:5px; padding-left:0px;margin: 0 auto; text-align:inline;}

/*+++++++ NAVIGATION+++++++*/

#nav{display: block; width: 915px; height: 52px; margin: 0 auto; border-bottom: 1px solid #D9D9D9}

#nav, #nav ul {list-style: none}

#nav li{float: left;list-style:none}

#nav li a { display:block; color:#fff; padding:6px 15px;}

#nav li a:hover {background: #097698}

#cat{float: left; clear: both; margin:5px 0 0 10px; background-color:#A13A2F;}

#cat li a{ color: #333; font-size: 0.9em}

#cat li a:hover {color:#fff}

/*#nav li ul {height:80px; left:-999em; position:absolute; width:100%; z-index:999; font-size: 0.9em;font-weight: bold; margin-left: 50px}

#nav li li a {background: none;color: #006699; border-right: 1px solid #666; margin-top: 5px; padding: 1px 10px}

#nav li li a:hover{background: none; text-decoration:underline}*/



.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}

.clearfloat {display:inline-block}

.clearfloat {display:block}

#nav a:hover, #nav a:active, .current_page_item a, #home .on, .photo {background: #097698}

#subnav {position:relative; margin: 0 10px 5px; padding-bottom: 10px; font-size: 0.8em; border-bottom: 1px dotted #ccc}

#subnav ul {display: inline}

#subnav li a{float: left; padding: 1px 5px; margin-right:15px; background: #3b3b3b; border-left: 3px solid #8BDBFF; color: #fff }

#subnav .current_page_item a, #subnav a:hover {border-left: 3px solid #097698}



/*+++++++ ENTRY +++++++*/



.leftside { border:0px solid #dadada; font-size: 13px; background: #EBF1F6;float: left;width: 245px; margin: 0px 0px 0px 0px;padding: 00px 5px 0px 5px;}

.leftside h3 { font: 16px Lucida Grande ; letter-spacing: -1px;margin-bottom:0px;}

.rightside { background: #FFFFFF; font-size: 13px;float: right;width: 305px; margin: 0px 0px 0px 0px;padding: 0px 5px 0px 5px;}

.rightside h3 { font: 16px Lucida Grande ; letter-spacing: -1px;margin-bottom:0px;}


#homepageleft {font: 12px Segoe UI ; float: left;width: 250px;  padding-left: 10px; margin: 0px 0px 0px 0px;}

#homepageright {font: 12px Segoe UI ; float: right;width: 320px;margin: 0px 0px 0px 0px;}

#lefthome { float: left; width: 590px; padding-left: 10px; }

#left { float: left; width: 570px; font-size: 14px; padding-left: 10px; }

#nosidebar { float: left; width: 915px; font-size: 14px; padding-left: 10px; }

#slider { float: left; width: 915px; font-size: 14px; padding-left: 20px; padding-top: -20px; }

.entry { text-align: justify; width: 550px; padding:0 10px; margin-bottom:10px; line-height:140%}

.entry ol li {}



.related-post { width: 530px; padding: 10px; margin: 0 10px}

.related-post { border:1px solid #AACCEE; background:#EBF3FB}

.related-post ul {border-top:1px solid #e6e6e6; margin-bottom: 5px;}

.related-post ul li {padding: 5px 0px; border-bottom: 1px solid #e6e6e6}

.content a { border-bottom: 1px dotted #ccc}

.entry h2 { font: 22px/28px Georgia ;letter-spacing: -1px;margin-bottom:10px;}

.entry h3 { font: 18px/20px Georgia ;color:#222222; letter-spacing: -1px;margin-bottom:10px;}

.entry h4 { font: 16px/18px Georgia ;color:#222222; letter-spacing: -1px;margin-bottom:10px;}

.entry h2 a {  color:#222222; }

.entry p { padding-bottom:10px;}

html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px;} 

html>body .entry li { margin: 7px 0 8px 10px;}

.entry ul li {padding-left: 20px; /*background: url(images/bullet.gif) left no-repeat*/}

.entry img {margin:0 10px 10px 10px;}

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; } 

.alignleft { float: left ;}

.custom_image img{float:left; padding:3px; margin:7px 10px 15px 0; border: 1px solid #e6e6e6; height:90px; width: 90px}

.home_image img{float:left; padding:3px; margin:5px 5px 5px 0; border: 1px solid #e6e6e6; height:60px; width: 75px}

.latest_image img{float:left; padding:3px; margin:5px 5px 5px 0; border: 1px solid #e6e6e6; height:40px; width: 40px}


.popularpost img{float:left; padding:5px; margin:5px 10px 5px 15px; border: 1px solid #e6e6e6; height:75px; width: 75px}
.populartext p{float:left; padding:0px; margin:7px 10px 5px 0; }
.popposttitle p{float:right; padding:0px; margin:7px 10px 5px 0; border-bottom: 1px dotted #ccc}

.subcontrol {margin-bottom: 10px;padding:5px; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}

.tags, .allinfos {padding:5px 0px 5px 25px; background: #EBF1F6 url left no-repeat; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}

.allinfos {background: #F2f2f2; padding: 5px; margin-bottom: 10px}

.share, .comments_rss, .reply {float: right; padding-left: 20px}

.reply {background: url(images/comments.gif) left no-repeat; margin-left:10px}

.comments_rss {background: url(images/feed.gif) left no-repeat; margin-left:10px; position:relative; top: 10px}

span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }

span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }

span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }

.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }



/*+++++++ SIDEBAR +++++++*/

#ads {width: 350px; border:0px solid #D9D9D9;background:#EBF1F6; margin-bottom:10px; }
#ads_home {width: 330px; border:0px solid #D9D9D9;background:#EBF1F6; margin-bottom:10px; }

#sidebarbottom { float:right; width: 360px; margin-right: 10px; clear: right;}

#right { float:right; width: 335px; margin-right: 17px  }

#right_single { float:right; width: 355px; margin-right: 17px  }

#topsidebar { width: 330px; padding:0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px}

#lsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c;}

#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }

#lsidebar { float:left; width:135px; padding:5px; border:1px solid #dadada; background:#fff;}

#rsidebar { float:left; width:170px; padding:5px 10px 5px 10px; border:1px solid #dadada; background:#fff; margin-left:11px;}

#sidebarbottom ul{ margin:10px auto 20px;}

#sidebarbottom ul li{}

#sidebarbottom ul li ul{}

#sidebarbottom ul li ul li{display:block; background:url(images/sidebullet.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada;}

#sidebarbottom p{padding:0 5px;}



/*+++++++ ADMIN +++++++*/

#about {width: 350px; border:1px solid #D9D9D9;background:#EBF1F6; margin-bottom:10px; }

#about h2 {padding: 5px 10px;}

#author-box {margin: 10px;margin-top: 0px; font-size: 11px; text-align: justify;}

#author-box .avatar {float: left; padding: 3px; border: 1px solid #ccc; background: #fff; margin: 3px 10px 0 0}



/*+++++++ COMMENTS +++++++*/

.commentlist li{padding-top: 5px; border-bottom:1px dotted #e6e6e6; list-style: none}

.avatar img {float:left}

.ctext {margin-left: 70px}

.trackbacks a {color: #006699; border-bottom: 1px dotted #e6e6e6;}

.user {font-weight: bold; font-size: 14px; padding-top:10px;}

.author {background: #EBF1F6; padding-right: 10px;}

#commentform p { padding-bottom:5px;}

#commentform #author { border:1px solid #dadada; height:20px; width:200px; }

#commentform #email { border:1px solid #dadada; height:20px; width:200px; }

#commentform #url { border:1px solid #dadada; height:20px; width:200px;}

#commentform #comment { border:1px solid #dadada; height:200px; width:550px;}



.text_input { width: 160px;  padding: 7px; margin: 5px 5px 5px 0; background: #fff  repeat-x bottom left; border: 1px solid #D8D8D8; color: #707070; }

.text_submit { width: 76px; padding: 2px; margin: 0; background: #1A7FBC  repeat-x bottom left; border: 1px solid #DDDDDD; color: #FFFFFF; font-weight: bold; }

.text_search { width: 68px; padding: 7px; background: #1A7FBC ; color: #FFFFFF; 	
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	 border-radius: .5em;
}


.text_search1 { width: 68px; padding: 7px; margin: 0; background: none  repeat-x bottom left; border: 0px solid #DDDDDD; color: #FFFFFF; font-weight: bold; }

/*+++++++ FOOTER +++++++*/

#footbg {width: 960px;  background: #FBFAE2;}

#footer {width: 960px;  background-image:url(images/fot_bg.png); background-repeat:repeat-x;}

#footwrap { width: 917px; margin:auto; background: #FBFAE2;}

#footer p {  padding: 0px 0; border-top: 0px solid #4F4F4F; margin-right: 20px;font-size: 12px ;"Arial", Verdana, sans-serif; color: #999; text-align: right; }




#footer a:hover { color: #333; text-decoration: none; }




/**************** Misc *********************/

acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

hr { display: none; }

a img { border: none; }

.alignright{float:right;}

.alignleft{float:left; padding-left:30px; padding-bottom:20px;}

img.centered{display:block;margin-left:auto;margin-right:auto;}

img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}

img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}

pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}

code {font-size:1.0em;color: #000}



 

/**************** Feedstats *********************/

#feedstats {float:right;width: 92px;height: 25px; font-size: 10px; background:url(images/feedstats.gif) no-repeat;}

#feedstats a{position:relative; top: 3px; right: 12px; width: 50px; color: #000; float: right}

#feedstats a:hover {background: none;}


/****** editing by hashim start here ******/

/* ---------------------- Blueslate nav ---------------------- */
#nav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
#nav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#nav ul li{display:block;float:left;margin:0 1px 0 0;}
#nav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
#nav ul li a:hover,#tabs25 ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */



.ftitle {
  color:#9DE0F8;
  font:Tahoma, Geneva, sans-serif;
  font-size: 20px;
  padding-top:0px;
    text-shadow: 0 0px 0 #000;
  padding-top:10px;
  padding-left:20px;
  text-align:left;
}

.flink a {  text-decoration: none; color: #ffffff; border: 0px;}
.flink a:link {  text-decoration: none; color: #ffffff; border: 0px;}

.flink a:link {  text-decoration: none; color: #ffffff; border: 0px;}
.flink a:link {  text-decoration: none; color: #ffffff; border: 0px;}
.flink a:link {  text-decoration: none; color: #ffffff; border: 0px;}



.flink {
  color:#FFFFFF;
  font-family: Helvetica, Arial;
  font-size: 16px;
  line-height:20px;
  font:Tahoma, Geneva, sans-serif;
  text-shadow: 0 0px 0 #000;
  padding-top:0px;
  padding-left:20px;
  text-align:left;
}


.attachment-thumbnail {
height:100px;
width:100px;
padding:5px;
background:#EBF1F6;
margin:0px 0px 0px 2px;
}

.fan_box .full_widget {
	background: none; border: none;
}
.fan_box .connections_grid .grid_item {
	padding: 0 8px 10px 8px;
}
	.fan_box .connections_grid .grid_item a img {
		box-shadow: 0px 0px 10px #333; -moz-box-shadow: 0px 0px 0px #333; -webkit-box-shadow: 0px 0px 0px #333;
	}
		.fan_box .connections_grid .grid_item a:hover img {
			box-shadow: 0px 0px 0px #333; -moz-box-shadow: 0px 0px 0px #333; -webkit-box-shadow: 0px 0px 0px #333;
		}
.fan_box .full_widget .connect_top {
	background: none;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.fan_box .connections .connections_grid {
	padding-top:16px;
}
.fan_box .connections {
	border-top: none;
	padding:0px 0 0;
	color: #000000;
	font: italic 16px Georgia;
	text-align: center;
}
	.fan_box .connections span.total {
		color: #000;
	}

.fan_box .connections_grid .grid_item .name {
	color: #ccc;
	font-size: 11px;
}
.fan_box .profileimage {
	margin: 0;
}
 
div#disqus_thread li, div#disqus_thread span {
  list-style-type: none !important;
}

<!--[if IE]>
<style>
.item {
margin: 5px;
padding: 10px;
}
</style>
<![EndIf]-->
