/*  
Theme Name: kf-with-j
Theme URI: http://www.kicksonfire.com
Description: KicksonFire is a feature-rich theme for magazine
Version: 1.5
Author: Mark Forrester and Jauhari
Author URI: http://www.markforrester.co.za/ and http://www.jauhari.net
*/

/*========= SETUP =========*/
@import url("menu.css");  /* Drop Navigation specific styles */


*{ca
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	color: #000000;
	background-color: #000 ;
	font-family: Arial, Arial, Helvetica;
	font-size: 12px;
	line-height: 18px;

	background-repeat: repeat;
}
h1 {
	font:14px Arial, Arial, Helvetica;
	color:#ffffff;
	background: #000000;
	width: 575px;
	text-align: center;
	float: left;
	display: inline;
	padding:10px;
}






h4 {
	font:12px uppercase Arial, Arial, Helvetica;
	font-weight:bold;
	color:#ffffff;
	width: 140px;
	background: #000000;
	margin-bottom:10px;
	text-align: center;
	padding: 10px 10px;
	float: left;
	margin: 0 0 10px 1px;
	display: inline;
	margin-bottom: 9px;
}
h5 {
	font:12px uppercase Arial, Arial, Helvetica;
	font-weight:bold;
	color:#ffffff;
	width: 120px;
	background: #000000;
	margin-bottom:10px;
	text-align: center;
	padding: 10px 10px;
	float: left;
	margin: 0 0 10px 1px;
	display: inline;
	margin-bottom: 9px;
}
h5 a{
	color: #ffffff;
}
a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #cccccc 1px solid;
	font-size: 12px;
	padding: 5px;
}
li{
	list-style: none;
}
.clear {
	clear: both;
}

/*========= LAYOUT =========*/

#content-wrap {
	float: left;
	width: 100%;

}
#content {
	margin: 0 340px 0 0;
}
#sidebar {
	width: 320px;
	float: left;
	margin-left: -320px;
	}
#page{
	width: 930px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding:15px;
	border: 1px solid #222222;
}
/*--- Main Columns ---*/
#columns{
	width:930px;
	margin: 0px;

}
.col1{
	float: left;
	width: 595px;
	padding-right:15px;
	overflow:hidden;
}
.col2{
/*	float: left;
	width: 320px; */
}
/*--- Sub Columns ---*/
.subcol1 {
	width: 140px;
}
.subcol2 {
	width: 160px;
}

/*========= HEADER =========*/

/*- Page Navigation -*/
#nav{
	height: 25px;
	width:930px;
	border-bottom: 1px solid #666;
	background-color: #000000;
	background-repeat: repeat;

}
#nav ul {
	position: relative;
	height: 25px;
	overflow: hidden;
	width: 960px !important;
	margin-right: auto;
	margin-left: auto;
}
#nav ul li {
    float: left;
    list-style: none;
	font-size:12px;	
}
#nav .current_page_item {
	height:25px;
}
#nav ul li.back {
	width: 9px;
	height: 25px;
	z-index: 8;
	position: absolute;
}
#nav ul li a {
	text-decoration: none;
	text-align: center;
	line-height:25px;
	z-index: 10;
	display: block;
	float: left;
	height: 25px;
	position: relative;
	overflow: hidden;
	font-weight: bold;
	font-size: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	text-transform:uppercase;
} 

/*- Search -*/
#search{
	float: right;
	height: 30px;
	width:320px;
	margin-top: 0px !important;
	margin-left: 0px;

}
#search input{
	background: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	float: left;
	font-size: 13px;
	width: 233px;
	padding: 5px;
}
#search .btn{
	padding: 5px;
	width: auto;
	width:70px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #c7160c;
	border:1px solid #8e2314;
}

/*- Header -*/
#header {
	background-color: #000000;
	margin-top: 0;
	margin-bottom: 0px;
	width:930px;
	height:120px;
	background-repeat: no-repeat;
	background-position: right center;
}

.header-ads { float:right; margin-top:-5px; margin-right:-5px;}

/*- Logo -*/
#logo {margin-top:20px; float:left;}




/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/

.post{
	margin: 0;
}
.post h2{
	font-size: 18px;
	padding: 0 0 5px;
	margin-bottom:0px;
}

.post h3{
	font-size: 14px;
}
.post h3 a{
	color: #000000;
}
.post p{
	padding: 0 0 15px;
        text-align: justify;
	line-height: 15px;
}

/*- Box -*/
.box, .featured_posts {
	clear: both;
	height: 1%;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin: 0;

}
.box .post{
	width: 288px;
	background-color: #ffffff;
	border:1px solid #666666;
}
.box .post h2 a{
	color: #c7160c;
}
.box .post h2{
	font-size: 13px;
	line-height: 18px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.box .post table {
	margin:10px;
	font-size:10px;
}
.box .post table input {

	width:198px;
}
.box .post p{
	line-height: 16px;
	font-size:11px;
        text-align: justify;
	padding: 0px 10px 10px;
	color:#333333;
}
.box .dates {
	padding: 0px 10px 10px;
	font-size: 10px;
	color: #999;
}
.box .post p.post_date {
	font-size:11px;
	color:#D02900;
}
.box .post img{
	background-color: #FFFFFF;
	margin-bottom: 0px;
}
.xpostx .thumbnail {
/*	max-width: 287px;
	max-width: 288px; */
	border-bottom: 1px solid #eee;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	position: relative;
	z-index: 0;
	text-align: center;
	background-color: transparent;
}
.unique {
	text-align: center;
}




/*=== Traditional Blog Post ===*/



.post-alt{
	margin: 0 0 15px 0;
	padding:10px;
	width:573px;
	border: 1px solid #cccccc;		
}

.entry h3, .entry h4, .entry h5 {
	margin-bottom:15px;
}
.entry h2 {
	font:14px uppercase Arial, Arial, Helvetica;
	color:#ffffff;
	background: #000000;
	text-align: center;
	float: left;
	width: 549px;
	display: inline;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;

}


p.post_date{
	color: #000000;
	margin-top:0px;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
}

.post p.posted, .post-alt p.posted {
	font-size: 11px;
	color: #ffffff;
	line-height: 30px;
	background-color: #CC0000;
	text-align: right;
	background-image: url(styles/default/nav2_bg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}

p.posted a {
	color: #ffffff;
	text-decoration:underline;
}


.post-alt img alt {
	font-size:11px;
}
.xpostx {
	position: relative;
}
.xpostx .posted {
	position: absolute;
	bottom: 0;
	width: 278px;
}
.xpostx .posted92 {
	position: absolute;
	bottom: 0;
	width: 278px;
}


/*=== Buttons ===*/
.grapp {
	margin-bottom: 25px;
}
.continue{
	background: url(images/ico-arrow.gif) no-repeat left;
	font-weight:bold;
	padding-left: 15px;
}



.comments {
	padding-bottom:0px !important;
}

#commentform p {
	margin-bottom:15px;
}
.comments a{
	background: url(images/ico-comm.png) no-repeat left;
	color: #000000;
	font-weight:normal;
	font-size:11px;
	padding:0px 0px 0px 18px;
	margin-left:5px;
}
a.more{
	background: url(images/ico-arrow2.gif) no-repeat right;
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0;
	padding-right: 20px;
	padding-left: 0;
}
/*=== Traditional Blog Post ===*/
.navigation {
	display:inline;
        margin-bottom: 20px;
	min-height: 20px;
	font:14px uppercase Arial, Arial, Helvetica;
	color: #ffffff;
}
.navigation a {
	font-weight: bold;
	font-size: 1.8em;
	font:14px uppercase Arial, Arial, Helvetica;
	color:#ffffff;
}
.navigation .alignleft a{
	float:left;
	text-align: center;
	width:85px;
	margin-left:-11px;
	margin-bottom:5px;
	margin-top:-34px;
	display:block;
	padding: 2px;
	background: #000000;
	font:14px uppercase Arial, Arial, Helvetica;
}

.navigation .alignright a{
	float:right;
	text-align: center;
	width:85px;
	margin-right:-11px;
	margin-bottom:5px;
	margin-top:-34px;
	display:block;
	padding: 2px;
	background: #000000;
	font:14px uppercase Arial, Arial, Helvetica;
}


/*========= ARCHIVE SPECIFIC =========*/
#categoryheader {
	text-transform:uppercase;
	color:#ffffff;

}

#categoryheader h3 {
	font:20px uppercase Arial, Arial, Helvetica;
	text-transform:uppercase;
	color:#ffffff;
	background: #000000;
	width: 570px;
	text-align: center;
	float: left;
	display: inline;
	padding:10px;
	margin-bottom:10px;
	margin-top: 0px;

}

#categoryheader a {
	color:#ffffff;
}

#categorybottom {
	text-transform:uppercase;
}

#categorybottom a {
	color:#ffffff;
}

#categorybottom h3 {
	font:20px uppercase Arial, Arial, Helvetica;
	text-transform:uppercase;
	color:#ffffff;
	background: #000000;
	width: 570px;
	text-align: center;
	float: left;
	display: inline;
	padding:10px;
	margin-bottom:10px;
	margin-top:5px;

}

#pagetitles {


}

#pagenumbers {
	font:14px Arial, Arial, Helvetica;
	background: #000000;
	text-align: center;
	font-weight:bold;
	color:#ffffff;


	line-height:20px;
	padding:10px;
}


#pagetitles h1 {
	font:14px Arial, Arial, Helvetica;
	color:#ffffff;
	background: #000000;
	width: 575px;
	text-align: center;
	float: left;
	display: inline;
	padding:10px;
}

#attachcaption {
	color:#ffffff;
}

#attachcaption h2{
	font:12px Arial, Arial, Helvetica;
	color:#ffffff;
	background: #333333;
  	filter:alpha(opacity=60);
	  /* CSS3 standard */
	  opacity:0.6;
	width: 585px;
	float: left;
	text-align: center;
	display: inline;
	padding:5px;
	margin-top: -40px;

	
}

#galleryheader {
	color:#ffffff;
	background: #000000;
	color:#ffffff;
	width: 575px;
	text-align: center;
	float: left;
	display: inline;
	padding:10px;
	margin-top: -50px;
}

#galleryheader h2 {
	font:11px Arial, Arial, Helvetica;


}

#galleryheader a {
	color:#ffffff;
	background: #00000;
}


.arclist{
	width: 260px;
	margin:0px 0px 25px;
	padding:5px 0px 0px;
	border-bottom: 1px solid #eee;
}
.arclist h2{
	color: #000;
	padding:0px 0px 15px;
}

.arclist ul li{
	color:#c0c0c0;
	font-size:12px;
	padding:8px 0 8px 10px;
	border-top:1px solid #eee;
}


/*========= SINGLE POST SPECIFIC =========*/

.singletags {
	margin-top:5px;
	font-weight:bold;
	color:#000 !important;
}
.singletags a { font-weight: normal !important; }
.entry p{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:13px;
	line-height:18px;
        text-align: justify;
	}

.entry table {
	margin-top: 20px;
	margin-bottom: 20px;
	display:inline;
	}


.entry td {

	padding-right: 5px;
	padding-bottom: 5px;


	}

.entry tr img {
	margin-bottom: -15px;
	padding-right: 5px;
	padding-left: 5px;
	border: 0px;

	}


.entry blockquote {
	padding: 10px;
	border: 1px solid #ddd;
	color:#000;
	width:85%;
	background-color: #f7f7f7;
	font-style: italic;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}

.mainimage img {

	margin-right:-11px;
	margin-top:-10px;
	margin-left:0px;
	margin-bottom: -10px;
	width:595px;
	border:1px;
	text-align:center;
	float:right;
	}

.mainimage a{
	border:0px;
	}

.mainimageattachment img {

	margin-right:-11px;
	margin-top:-28px;
	margin-left:0px;
	margin-bottom: -10px;
	width:595px;
	border:1px;
	text-align:center;
	float:right;
	}

.mainimageattachment a{
	border:0px;
	}

.entry img {
	padding: 2px;
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
	margin-right: 15px;
	margin-bottom: 15px;
	max-width:563px;
	}



.entry #map_canvas img {
		background: transparent !important;
	        margin-bottom: 15px;
                display:block;
	}

	
img.wp-smiley {
	border: none;
	float: none;
	margin: 0;
	padding: 0;
	vertical-align: -25%;
}
	
.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}


/*========= COMMENTS =========*/

h2.commh2{
	font-size: 18px;
	color:#000000;
	padding: 0 0 15px;
	font-weight:bold !important;
}
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
	background-color: #f0f0f0;
}

ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
}
ol.commentlist cite{
	font-style: normal;
        color: #c7160c;
}
ol.commentlist cite a{
	font-weight: bold;
        color: #c7160c;
text-decoration: underline;
}
ol.commentlist li{
	padding: 20px 10px 10px 10px;
	border-bottom:1px solid #DDDDDD;
}
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background-color: #FFFFFF;
}
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
	padding: 2px
}
ol.commentlist2 p{
	margin-bottom:10px;
	line-height: 20px;
}
ol.commentlist2 cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist2 li{
	padding: 20px 10px 10px 10px;
	border-bottom:1px solid #DDDDDD;
}
ol.commentlist2 li.alt{
	padding: 10px 10px 0 10px !important;
}
/*========= SIDEBAR =========*/

#mpu_banner {
	width:300px;
	height:250px;
	background-color:#000;
	margin-bottom:10px;
	padding: 9px;
	border: 1px solid #666666;
}


/*- Ads -*/
.ads{

	border: 1px solid #ddd;
	height: 125px;

	width:308px;
	padding: 5px;
	margin:0 0 15px;
}







.ads img{
	float: left;


	margin:0 5px 0 0;
}
.ads img.last{
	margin: 0;
}
.skyscraper {
	margin-bottom:15px;	
	width:160px;
	height:600px;
}
.skyscraper img {
	float:left;

	width:160px;
	background-color:#f7f7f7;
}



.external_links {
	clear: both;
	color: #ffffff;
	line-height: 18px;
	background-color: #000000;
	border: 1px solid #000000;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.external_links a {
	color:#FFFFFF;
}

/*========= FOOTER =========*/
#footer{
	clear: both;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	background-color: #E52D00;
	border: 1px solid #0b4e13;
	background-image: url(styles/default/nav2_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin:0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
position: relative;
}
#footer p {
	font-size:11px;
}
#footer p.right {
position: absolute;
right: 15px;
top: 2px;
}


/*========= MISC =========*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.hl{
	border-bottom: 2px solid #eee;
}
.hl-full{
	float:left;
	clear:both;
	height:1px;
	width:100%;
	padding:0 !important;
	margin:0px 0px 15px;
}
.hl2{
	border-bottom: 3px solid #c0c0c0;
}
.hl3{
	margin-bottom:15px;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.blog{
	float:left;
}

.between{
	height:2px;
	margin-bottom:15px;
	}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.th{
	border: 1px solid #dddddd;
	float: left;
	padding: 5px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.gravatar {
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}
.avatar {
	float: right;
	margin-left: 10px;
	border: 1px solid #000;
}
#comment {
/*	width: 480px; */
	width: 583px;
}

.pagelist ul {
	list-style: square;
}
.pagelist ul ul {
	margin-bottom: 20px;
}
.pagelist ul ul li {
	margin-left: 30px;
}
.blog a:link,.blog a:visited, .post p.entry a:link,.post p.entry a:visited {
	color: #C7160C;
}
.blog a:hover, .post p.entry a:hover {
	text-decoration: underline;
}


.blog92 a:link,.blog92 a:visited, .post92 p.entry a:link,.post92 p.entry92 a:visited {
	color: #833291;
}
.blog92 a:hover, .post92 p.entry92 a:hover {
	text-decoration: underline;
}


.continue a:link, .continue a:visited {
	color: #C7160C;
}

.continue92 a:link, .continue92 a:visited {
	color: #833291;
}

.posted a:link,.posted a:visited {
	color: #fff;
}

/** JAUHARI.net was here **/
.wp-polls-ul {
width: 500px;
margin: 0 auto;
}
.whites {
background: #fff;
}


#middle div { background-color: transparent; color: #000 !important; } 

#tabs{
	margin-top: 0;
        float: right;
        margin-right: -46px;
	margin-bottom: -120px;
}

div.sterms{ border: 0px; #000000; color: #efefef;  padding: 0px;}
div.sterms h4{ color: #000000; font-size: 1.4 em; font-weight: bold;}
div.sterms ul{ color: #8F8F8F; list-style-type: none; padding: 0px;}
div.sterms li{ display: inline; padding-right: 5px;}

#commentfacebook {
	padding:10px;
        margin-bottom:10px;
        width: 573px;
	color:#000 !important;
}

#attachment {
	text-align: center;

}


.fb_like_box {
margin-top:20px;
margin-left:0px;
float:left;
}
.tw_like_box {
margin-top:20px;
margin-left:5px;
float:left;
}
.fb_like_box_attach {
width: 570px;
margin-top:10px;
margin-left:0px;
margin-bottom:20px;
float:left;
}

#related_post_attachment {
	font:12px Arial, Arial, Helvetica;
	color:#ffffff;
	background: #333333;
  	filter:alpha(opacity=60);
	  /* CSS3 standard */
	  opacity:0.6;
	width: 585px;
	float: left;
	text-align: center;
	display: inline;
	padding:5px;
	margin-top: -40px;

}


ol.related-posts {clear:both; text-align:center; margin:10px 0px 15px 0px; padding:0;}
ol.related-posts li{width:150px; float:left; display:inline; margin-right:25px; padding-right:12px; }
ol.related-posts img{clear:both; padding:8px; background:#F7F7F7; border:1px solid #DDD;}
ol.related-posts a{clear:both; display:block; border:0px; text-decoration:none; font-weight:bold; }
ol.related-posts li{font-size:10px;text-transform:uppercase;}
p.related-posts{margin-top:50px; font-size:15px; font-weight:bold; color:#141414;}

#tags {margin-top:15px;margin-bottom:15px;font-size:10px;clear:both;}
	#tags a {background:#c7160c;color:#fff;padding:3px 6px 5px 6px;text-transform:uppercase;text-decoration:none;display:block;float:left;margin:10px 10px 0px 0px;}
		#tags a:hover {background:#000000;}



.header-ads { float:right; padding-top:20px; padding-right:20px;}




.netnav {  }
.netnav a  {  }
.netnav li  {float: left; }

#nettop-nav  { margin-top:15px; width: 625px; background: #000;}
#nettop-nav a  {  text-decoration: none; font-weight: bold;  font-size: 11px;  color: #000; background: #fff;  padding: 7px 20px; margin-left: -2px; }
#nettop-nav a:hover, #nettop-nav li.current_page_item a, #nettop-nav li.current_page_parent a  { background: #D21010; color: #fff; }
#nettop-nav li.current_site a  { background: #D21010; color: #fff; }