/* 

Theme Name: TNB 

Theme URI: http://www.newblackmedia.com.au/ 

Description: Main theme for The New Black 

Author: Shane Ferguson

Author URI: http://www.newblackmedia.com.au/ 

Version: 1.0 

. 

General comments/License Statement if any. 

. 

*/ 





/* General / Resetters */

HTML, BODY {

	margin: 0;

	padding: 0;

}



BODY { 

	border: 0;

	margin: 0;

	padding: 0;

	height: 100%;

}



BODY, TD, TH {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background: #e9e9e9 url(images/main_bg.gif) repeat-x;

}



SELECT, INPUT, TEXTAREA, BUTTON, LABEL {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	vertical-align: top;

}



FORM {

	margin-top: 0;

	margin-bottom: 0;

	display: inline;

}



LABEL {

	cursor: pointer;

} 



H1, H2, H3 {

	margin-top: 0;

	padding-top: 0;

}



H1,H2,H3,H4,H5{

	font-family: Georgia, "Times New Roman", Times, serif;

}



A:LINK, A:VISITED {

	color: #ff4800;

	text-decoration: none;

}



A:HOVER { 

	color : #f99d10;

	text-decoration: underline;

}



A:ACTIVE {

	color : #f99d10;

	text-decoration: underline;

}



IMG {

	border: 0;

}



P {

	margin:0 0 10px 0;

}



HR {

	height: 1px;

	color: #ccc;

	border: 1px solid;

	display: block;

}



INPUT {

	margin: 0 5px 0 0;

}



UL, OL{

	margin:0;

	padding:0;

}



#container{

	margin:0 auto;

	width:960px;

}



.more{

	font-family:Georgia, "Times New Roman", Times, serif;

}

/* --- HEADER --- */



/* top nav */

#topnav{

	height:30px;

	background-color:#171615;

}



	#rss_feed{

		float:right;

		padding: 1px 18px 0 20px;

		margin: 8px 0 0 0;

		font-size:10px;

		background: url(images/social-rss.png) no-repeat;

	}

	

		#rss_feed a{

			color:#A4A5A1 !important;

		}

	

	#topnav ol{

		list-style:none;

		margin:0 0 0 7px;

		padding:0;

	}

	

		#topnav li{

			float:left;

			font-family:Georgia, "Times New Roman", Times, serif;

			margin:0;

			padding:0;

			height:30px;

		}

		

			#topnav li a{

				display:block;

				padding: 10px 18px;

				font-size:10px;

			}

			

			#topnav li a:link, #topnav li a:visited{

				color:#a4a5a1;

			}

			

			#topnav li a:hover{

				color:#ff4800;

				text-decoration:none;

			}



/* logo panel */

#logo_panel{

	padding-top:51px;

	height:131px;

}



	#logo_panel H1 .logo{

		background: url(images/logo.gif) no-repeat;

		padding:83px 0 0 0;

		margin:0 0 0 13px;

		width:353px;

		height:0;

		overflow:hidden;

		display:block;

	}



/* menu */

#menu{

	height:40px;

	background-color:#393b3b;

}

	

	#menu ol{

		list-style:none;

		height:40px;

		margin:0;

		padding:0;		

	}

	

		#menu li{

			float:left;

			font-family:Georgia, "Times New Roman", Times, serif;

			font-weight:bold;

			margin:0;

			padding:0;

			height:40px;

		}

		

			#menu li a{

				display:block;

				padding: 13px 43px;

				background: url(images/menu_seperator.gif) center right no-repeat;

			}

			

			#menu li .last{

				background:none !important;

			}

			

			

			#menu li a:link, #menu li a:visited{

				color:#e1e2df;

			}

			

			#menu li a:hover{

				color:#ff4800;

				text-decoration:none;

			}

			

			



/* --- MAIN --- */



/* main general */

#main_container{

	padding:28px 0 25px 0;

}



#intro, #main{

	background-color:#FFF;

	border-right:#dddddd;

	border-bottom:#dddddd;



}





/* banner */

#intro{

	width:547px;

	padding:33px;

	margin-bottom:10px;

	font-size:14px;

}



	#intro H2{

		font-size:40px;

		color:#424242;

		font-weight:normal;
		margin-bottom:15px;

	}

	

		#intro H2 EM{

			color:#000000;

			font-style:normal;

		}

		

	#intro H3{

		font-size:24px;

		color:#424242;

		font-weight:normal;
		line-height:34px

	}

	

		#intro H3 EM{

			color:#000000;

			font-style:normal;

		}

		

	.folio_thumb{

		float:left;

		border:1px solid #d0d0d0;

		width:250px;

	}

	

		.folio_thumb IMG{

			border:1px solid #e7e7e7;

		}



/* blog/main panel */

#main{

	padding:20px;

	width:573px;

}



	#main UL{

	    padding-left:15px;

	}



.title{

	border-bottom:1px solid #d9d9d9;

	padding:0 0 10px 0;

	text-align:right;

	margin-bottom:27px;

}



.post{

	clear:left;

	color:#1d1c1b;

	margin-bottom:27px;

	line-height:18px;

}



	.breadcrumbs{

		float:left;

		font-style:italic;

		color:#999;

	}

	

		.breadcrumbs a:link, .breadcrumbs a:visited{

			color:#f99d10;

		}



	.post .category{

		color:#666666;

		margin-bottom:10px;

	}

	

	.post h2{

		font-size:30px;

		font-weight:normal;

		color:#1d1e1e;

		margin-bottom:20px;

		line-height:36px;

	}

	

	.post .thumb{

		float:left;

		background: url(images/thumb_bg.gif) no-repeat;

		width:82px;

		height:82px;

		padding:3px;

		margin-right:24px;

		margin-bottom:15px;

	}
	
	.head_img{
		padding:3px;
		border: 1px solid #E4E4E4;
		background-color: #F3F3F3;
		margin-bottom:20px;
	}	

	.post .continue{

		text-align:right;

		margin-bottom:10px;

	}

	

	.post_footer{

		background-color:#f3f3f3;

		padding:9px 10px 0 10px;

		border-top: 1px solid #e4e4e4;

		border-bottom: 1px solid #e4e4e4;

		line-height:11px;

		clear:left;

	}

	

/* Comments */

textarea#comment {

	width: 400px; 

	padding: 5px; 

}



.commentmetadata { 

	font-size: 10px; 

}



.comments{

	margin-bottom:10px;

}



#commentlist{

	margin-bottom:10px;

}



	#commentlist LI{

		list-style:none;

		padding:20px;

		background-color:#F3F3F3;

		border-top: 1px solid #e4e4e4;

		margin-top:10px;

		clear:left;

	}

	

	.avatar{

		float:right;

		margin-left:20px;

	}

	

	#postcomment{

		margin-bottom:10px;	

		margin-top:10px;	

	}

	

	#comment_links{

		margin-bottom:10px;	

	}

	

	.comment_text{

		width:430px;

	}

	

/* side panels */

#sidebar{

	float:right;

}



.panel{

	width:322px;

	background: url(images/panel_bg.gif) repeat-y;

	margin-bottom:25px;

}



	.panel .top{

		width:322px;

		height:10px;

		background: url(images/panel_top.gif) no-repeat;

	}

	

	.panel_container{

		width:272px;

		padding:15px 25px 15px 25px;

		color:#393b3b;

	}

	

		.panel_container h3{

			font-size:24px;

			font-weight:normal;

			color:#2b2a2a;

			margin:0 0 15px 0 !important;

			padding:0 !important;

		}

		

		.panel_container h4{

			font-size:14px;

			font-weight:bold;

			font-family: Arial, Helvetica, sans-serif !important;

			margin-bottom:10px;

			line-height:18px;

		}

		

		.panel_container LI{

			list-style:none;

			margin-bottom:10px;

		}

		/* Twitter tools styles */

		.aktt_tweets LI{

			border-bottom: 1px solid #cccccc;

			padding-bottom:10px;

		}

		

		.aktt_more_updates{

			border-bottom: none !important;

			padding-bottom:0 !important;

		}

		

		.panel_container P{

			line-height:18px;

		}



		

		.panel_container HR{

			margin: 10px 0;

			color:#e6e6e6;

			border-top: 1px solid #cccccc;

		}

	

	.panel .bottom{

		width:322px;

		height:7px;

		background: url(images/panel_bottom.gif) no-repeat;

	}



/* --- FOOTER --- */

#footer_container{

	clear:both;

	background:url(images/footer_bg.gif) repeat-x;

	height:295px;

}



#footer{

	width:960px;

	margin: 0 auto;

	color:#e7e7e7;

}



	.footer_section{

		float:left;

		width:270px;

		margin-top:27px;

		line-height:18px;

	}

	

		.footer_left{

			margin-right:50px;

		}

		

		.footer_section STRONG{

			font-weight:bold;

			font-size:23px;

			color:#FFF;

			display:block;

			margin-bottom:15px;

line-height:26px;

		}

				

		.footer_section LI{

			list-style:none;

			margin:0 0 5px 0;

			padding:0;

		}