/*
Theme Name: Karachi Friends 
Theme URI: http://wordpress.org/
Description: The Complex Karachi Friends CMS Dedicated Theme.
Version: 4.8
Author: Faraz Ahmed
Tags: Premium Theme

*/


/*
Images Resize
*/
img.res {
margin: 10px;
border: 3px solid #CCC;
max-width: 300px;
width: expression(this.width > 300 ? 300: true);
}


/*
Images Vehicles
*/
img.imveh {
margin: 2px;
max-width: 380px;
height:auto;
width: expression(this.width > 380 ? 380: true);
}




/* General WP Code */
.post-wrapper {
padding-bottom: 39px;
padding-left: 10px;
padding-right: 20px;
width: 170px;
background-image: url(images/post-bg.gif);
background-repeat: no-repeat;
background-position: bottom;
margin-bottom: 0px;
float: left;
}

.alignleft  {
display: inline;
margin: 10px;
float: left;
border: none;
}




/* 1. Reset */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin: 0px; padding: 0px; }
.thumb img { background: #fff; padding: 1px; border: 1px solid #f0f0f0; }
a img { border: none; }



/* 11. Featured Content Slider */
#slider { background: #f9fafa; width: 760px; margin: 0px 0px 10px 0px; padding: 6px 0px 6px 5px; border: 1px solid #e6e6e6; }
#featured { width: 655px; padding-right: 95px; position: relative; height: 350px; background: #222; }
#featured ul.ui-tabs-nav { position: absolute; background: #333; top: 0px; left: 653px; width: 80px; list-style: none; color: #fff; }
#featured ul.ui-tabs-nav li { float: left; padding: 0px 0px 1px 0px; }
#featured ul.ui-tabs-nav li img { float: left; background: #fff; margin: 3px; padding: 1px; border: 1px solid #666; }
#featured li.ui-tabs-nav-item a { display: block; background:#444; height: 54px; padding: 2px; }
#featured li.ui-tabs-nav-item a:hover { background: #555; }
#featured li.ui-tabs-selected { padding: 0px 0px 1px 0px; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background: #333; }
#featured .ui-tabs-panel { background: #000; width: 650px; margin: 0px; padding: 0px; position: relative; }
#featured .ui-tabs-panel .info { position: absolute; background: #111; width: 650px; bottom: 0px; left: 0px; opacity: .75;filter: alpha(opacity=75); padding: 8px;}	
#featured .info h2 { font-size: 18px; color: #fff; line-height: 22px; overflow: hidden; }
#featured .info a { text-decoration: none; color: #fff; }
#featured .info a:hover { text-decoration: underline; }
#featured .ui-tabs-hide { display: none; }






/* 11. Main Page */
#mslide { background: #f9fafa; width: 350px; margin: 0px 0px 10px 0px; padding: 6px 0px 6px 5px; border: 1px solid #e6e6e6; }
#mfeat { width: 280; padding-right: 5px; position: relative; height: 175px; background: #222; }
#mfeat ul.ui-tabs-nav { position: absolute; background: #333; top: 0px; left: 282px; width: 46px; list-style: none; color: #fff; }
#mfeat ul.ui-tabs-nav li { float: left; padding: 0px 0px 1px 0px; }
#mfeat ul.ui-tabs-nav li img { float: left; background: #fff; margin: 3px; padding: 1px; border: 1px solid #666; }
#mfeat li.ui-tabs-nav-item a { display: block; background:#444; height: 30px; padding: 2px; }
#mfeat li.ui-tabs-nav-item a:hover { background: #555; }
#mfeat li.ui-tabs-selected { padding: 0px 0px 1px 0px; }
#mfeat ul.ui-tabs-nav li.ui-tabs-selected a { background: #333; }
#mfeat .ui-tabs-panel { background: #000; width: 282px; margin: 0px; padding: 0px; position: relative; }
#mfeat .ui-tabs-panel .info { position: absolute; background: #111; width: 282px; bottom: 0px; left: 0px; opacity: .75;filter: alpha(opacity=75); padding: 8px;}	
#mfeat .info h2 { font-size: 18px; color: #fff; line-height: 22px; overflow: hidden; }
#mfeat .info a { text-decoration: none; color: #fff; }
#mfeat .info a:hover { text-decoration: underline; }
#mfeat .ui-tabs-hide { display: none; }


#info { font-size: 18px; color: #fff; line-height: 22px; overflow: hidden; }
#info { text-decoration: none; color: #fff; }
#info { text-decoration: underline; }
#info h2 { font-size: 18px; color: #fff; line-height: 22px; overflow: hidden; }
#info h2 { text-decoration: none; color: #fff; }
#info h2 { text-decoration: underline; }

/*
General Form CSS
*/
button {border-style: solid; color: #1886af;  border-width: 1px}
input , textarea, select
{
    border:1px solid #b2e2fd;
    background-color:#fff;
    background-image:url(http://www.pakistancriminalrecords.com/wp-content/themes/amazing/images/fieldbg.png);
    background-repeat:repeat-x;
    background-position:top left;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    color:#333;
    padding:4px;
    font-size:14px;
    line-height:18px;
   
}

input:focus , textarea:focus, select:focus
{
    border:none;
    background-image:none;
border-style: solid; border-color: #0099ff; border-width: 1.5px; font-size:14px; color: #444444; background-color: #f7faff;
}







/************************************************
*	Search Form									*
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}
	
#s-head {
	background: #EEEEEE;
	width: 220px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	padding: 4px;
	margin: 5px 0px 20px 0px;
	border-top: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #DDDDDD;
	}
	
#subscribe {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	overflow: hidden;
	}

#s {
	background: #FFFFFF;
	width: 170px;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}

#subbox {
	background: #EEEEEE;
	width: 170px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 3px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}
	
#subbutton {
	background: #95A469;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px 0px 0px 10px;
	padding: 3px;
	font-weight: bold;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#name, #email, #url {
	background: #FFFFFF;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 4px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#submit {
	background: #5D6DA9;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px;
	font-weight: bold;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#words {
	background: #FFFFFF;
	width: 460px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}


/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 560px;
	background: #E8E8E8;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #333333;
	}
	
#commentblock ol {
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 0px 10px;
	width: 520px;
	background: #FFFFFF url(images/comment.gif) no-repeat top left;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 0px 10px;
	width: 520px;
	background: #FFFFFF url(images/comment.gif) no-repeat top left;
	}
	
.comment {
	background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}


.comments {
	background: #FFFFFF;
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px;
	}




/* Header Links */


#hdbtns a:link{
color: #808080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-decoration: none;}

#hdbtns a:visited {
color: #808080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-decoration: none;}

#hdbtns a:active {
color: #808080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-decoration: none;}

#hdbtns a:hover {
color: #5271B5;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-decoration: underline;}

#hdbtns td  {
color: #808080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-decoration: none;}



/* Menu Links */
#menu-h A:link {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #436bb0;
font-weight: bold;}

#menu-h A:visited {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #436bb0;
font-weight: bold;}


#menu-h A:active {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #436bb0;
font-weight: bold;}

#menu-h A:hover {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #cc3300;
font-weight: bold;}


#menu-h  {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #436bb0;
	font-weight: bold;}
#menu-h td{
text-align: center;
}



#menu-s A:link {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #0000FF
}

#menu-s A:visited {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #0000FF
}

#menu-s A:active {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #0000FF
}

#menu-s A:hover {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #AE0733
}

#menu-s  {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #0000FF
}

#menu-s td{
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #0000FF
}
#menu-s p{
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	color: #0000FF
}


/* SINGLE */

#b-text td {
margin: 0px;
text-align: justify;
text-indent: +2px;
line-height: 18px;
color: #444444;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

#b-text tr {
margin: 0px;
text-align: justify;
text-indent: +2px;
line-height: 18px;
color: #444444;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
}



#b-text p {
margin: 0px;
text-align: justify;
text-indent: +2px;
line-height: 18px;}

#b-text h1 {
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16pt;
font-weight: normal;
font-style: normal;
}

#b-text h2 {
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14pt;
font-weight: normal;
font-style: normal;
}

#b-text h3 {
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
font-weight: normal;
font-style: normal;
}

#b-text a:link {
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-decoration: none;}

#b-text a:active {
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-decoration: none;}

#b-text a:visited {
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-decoration: none;}

#b-text a:hover {
color: #005884;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
text-decoration: underline;
font-weight: normal;}



#listcat-single { list-style-image: url(images/arrow-red.gif);}

#listcat-single a:link{
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: normal;
text-decoration: none;}

#listcat-single a:active{
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: normal;
text-decoration: none;}

#listcat-single a:visited{
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: normal;
text-decoration: none;}

#listcat-single a:hover{
color: #ff0000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: normal;
text-decoration: underline;}

#ratings {
color: #555555;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-align: center;}

#shed {
margin-top:0px;
margin-bottom:0px;
margin-left:14px;
text-align:left;}

#shed h1 {
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14pt;
text-decoration: none;}



#game-p1 {
width:320px;
margin-left:10px;
height:20px;
text-align:left;
}



#game-p2 {
width:320px;
color: #001faa;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: normal;
text-align:right;
height:35px;
margin-right:10px;}

#rating {
color: #001faa;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: normal;
height:35px;
margin-right:10px;}



/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 730px;
	background: #E8E8E8;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #333333;
	}
	
#commentblock ol {
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 0px 10px;
	width: 670px;
	background: #FFFFFF url(images/comment.gif) no-repeat top left;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 0px 10px;
	width: 670px;
	background: #FFFFFF url(images/comment.gif) no-repeat top left;
	}


.comments {
	background: #FFFFFF;
	float: left;
	width: 670px;
	margin: 0px;
	padding: 0px;
	}
	


.comment {
	background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
	
	
	
	



/* CATEGORY */	
#category {
color: #808080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
text-decoration: none;}

#category h1 {
color: #808080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;}

#category h1 a:link {
color: #808080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;}

#category h1 a:active {
color: #808080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;}

#category h1 a:visited {
color: #808080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;}

#category h1 a:hover {
color: #0080C0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;}




#category a:link {
color: #436bb0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: bold;}

#category a:active {
color: #436bb0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: bold;}

#category a:visited {
color: #436bb0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: bold;}

#category a:hover {
color: #cc3300;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: bold;}




#cat-im h1 {
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16pt;
font-weight: bold;
text-decoration: none;}
#cat-im h1 a:link {
color: #3399ff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
#cat-im h1 a:active {
color: #3399ff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
#cat-im h1 a:visited {
color: #3399ff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
#cat-im h1 a:hover {
color: #6e6e6e;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: underline;}

#cat-im td {
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;}

#cat-im tr {
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;}

#cat-im p {
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;}

#cat-im a:link {
color: #cc3333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;}

#cat-im a:active {
color: #cc3333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;}

#cat-im a:visited {
color: #cc3333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;text-decoration: none;}

#cat-im a:hover {
color: #3399ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: underline;}








.home-thumbnail-div { border: none; height: 145px; width: 120px; float: left; margin: 0px 0px 0px 2px; position: relative; }
.home-post-wrap2 { width: 125px; margin: 0px 3px 3px 0px; padding: 0px; float: left; }