/*Theme Name: Inspiring Dark
Theme URI: http://www.brokencode.biz/2008/06/16/inspiring-dark-wordpress-themeinspiring-dark-wordpress-theme/
Description: Dark designs can be really stunning. In Web 2.0 designers try to do their best to impress their visitors and in many cases they definitely succeed in doing so. [<a href="http://www.smashingmagazine.com/2007/01/13/30-dark-designs-you-shouldve-seen/" />Smashing Magazine</a>]
<br/><br/><a href="http://www.brokencode.biz/contact-me/">Click here to request Updates/Bugs Notification in this theme</a><br/> 
Version: 1.0
Author: Brokencode
Author URI: http://www.brokencode.biz/
*/

body {	
		font-family: Lucida Sans Unicode, Trebuchet MS,  Helvetica, sans-serif;
}
.badan {	
		background:#7D7D7D url(images/latar.jpg) repeat-x left top;	
		margin:0;	
		color:#333333;
}
div,p {	
		font-size:12px;	
		line-height:18px;	
		color:#333333;
}
a,a:link,a:active,a:visited {	
		text-decoration:none;	
		color:#000000;
}
a:hover {	
		text-decoration:underline;	
		color:#330000;
}
ul, ul ul {	
		margin: 5px;	
		padding: 5px;	
		list-style: none;	
		list-style-type: square;
}
ul li, ul ul li {	
		line-height: 18px;	
		padding-left: 5px;	
		padding-top: 0px;	
		list-style-position: inside;
}


.clear {	
		clear:both;
		}

#container {	
		width:900px;	
		margin: 55px auto;	
		padding:0;	
		text-align: left;}

#logo {	
		position:relative;	
		width:100%;	
		height:99px;	
		float:left;padding-left:0px;        
		background:url(images/kepala.png) no-repeat left top;
}

#logo h1 { 
		font: 28px Lucida sans unicode, Trebuchet MS; 
		font-weight:normal; 
		margin:0; 
		padding-top:15px; 
		padding-bottom:0; 
		padding-left:30px; 
		text-transform:uppercase;
}
#logo h1 a { 
		text-decoration: none;
}
#logo p { 
		margin:0; 
		padding:0; font-family: 
		Lucida sans unicode; 
		font-size: 12px;  
		color:#660000; 
		Padding-left:30px; 
}

#containerbg {	
		position:relative;	
		width: 900px;	
		background:transparent ;	
		float:left;	
		top:0;	
		left:0;
}
#outerleft {	
		position:relative;	
		float:left;	
		clear:left;	
		width:730px;	
}
#outerright {	
		position:relative;	
		width:170px;	
		float:right;	
		clear:right;
}


#topmenu {	
		position:relative;	
		float:left;	
		clear:left;	
		background-color:#000000;	
		width: 100%;
}


#container_inner {	
		position:relative;	
		float:left;	
		clear:left;	
		width:730px; 
		background:transparent url(images/bg_inside.jpg) repeat-y left top;
}


#leftcol {	
		position:relative;	
		float:left;	
		clear:left;	
		width:172px;	
		background:transparent url(images/bg_leftcol.jpg) repeat-y left top;
}
#leftcolmenu {	
		position:relative;	
		background:transparent url(images/bg_leftcol.jpg) repeat-y left top;	
		overflow:auto;
}

#content_main {	
		position:relative;	
		float:left;	width:520px;	
		margin:15px 0 20px 20px;	
		background-color:#FFFFFF;
}

#rightcol_top,#rightcol {	
		float:left;	
		clear:left;	width:168px;	
		margin:0 0 0 1px;	
		display:inline;	
		overflow:auto;
}


#rightcol_top {	
		height:70px;	
		background:transparent url(images/bg_topright.jpg) no-repeat center top;
}


#blackline {	
		position:relative;	
		clear:left;	
		float:left;	
		width:730px;	
		height:10px;	
		min-height:10px;	
		background-color: #000000;	
		color:#FFFFFF;	
		font-size:10px;
}

#copyright {	
		position:relative;	
		width:900px;	
		display:block;	
		clear:both;	
		float:left;
}
#copyright div {	
		color:#ffffff;	
		font-size:10px;	
		font-weight:normal;	
		display:block!important;	
		width:900px;	
		float:left;	
		clear:left;	
		margin:-10px 0 0 0;	
		text-align:left;
}


div.pathway {	
		display:block;text-align:center;	
		color:#000000;	
		font-size:10px;	font-weight:bold;	
		border-bottom-width: 1px;	
		border-bottom-style: solid;	
		border-bottom-color: #E5E5E5;	
		height:20px;	
		margin-bottom:10px;
}

#notable {	
		display:block;text-align:center;	
		color:#000000;	
		height:20px;        
		margin:10px;
}
#notable a,  #notable a img {
		text-decoration:none;
}

.alignright { 	
		float: right; 	
} 	 
.alignleft { 	
		float: left ;	
} 


.contentheading a {
		font-family: Lucida Sans Unicode, "Times New Roman", Times, serif;	
		color:#000000;	
		font-size: 20px;	
		padding: 15px 0 5px 0; 
		text-transform:uppercase;	
		background-color:inherit;	
		display:block; 
		text-decoration: none; 
		border-bottom:1px solid #666666;
}

.contenttitle {
		font-family: Lucida Sans Unicode, "Times New Roman", Times, serif;	
		color:#000000;	
		font-size: 20px;	
		padding: 15px 0 5px 0; 
		text-transform:uppercase;	
		background-color:inherit;	
		font-weight:normal; 
		display:block; 
		border-bottom:1px solid #666666;
}


.small {
		color:#666666;	
		font-size:10px;
		font-family:Lucida sans, Trebuchet MS;	
		background-color:inherit;
}


.pagenav_prev,.pagenav_next {	
		font-size:11px;
}

.pagenavbar  {	
		display:block;	
		width:100%;	
		background-color:inherit;	
		height:20px;	
		line-height:25px;	
		text-align:right;	
		letter-spacing:2px;	
		color:#999999!important;	
		clear:both;	
		font-size: 11px!important;	
		margin-top: 10px;	
		background-image: url(images/bg_pagenav.jpg);	
		background-repeat: repeat-x;	
		background-position: center bottom;	
}
.pagenav {	
		height:20px;	
		line-height:25px;	
		text-align:right;	
		letter-spacing:2px;	
		color:#999999;	
		clear:both;	
		font-size: 11px;	
		margin-left: 0;	
		margin-right: 0;	
		background-color:inherit;
}
.back_button {	
		display:block;	
		text-align:left;	
		font-weight:bold;	
		font-size:12px;	
		width:100%;	
		margin-bottom:10px;	
		letter-spacing:2px;
}


#leftcol a:link,#leftcol a:active,#leftcol a:visited {	
		color:#FFFFFF;
}
a.pagenav:link ,a.pagenav_next:link,a.pagenav_pre:link,div.back_button a,div.back_button a:link,a.latestnews:link,a.latestnews:active,a.latestnews:visited,a.mostread:link,a.mostread:active,a.mostread:visited {	
		text-decoration:none;
}

.readon,a.readon:link,a.readon:active,a.readon:visited {	
		color:#666666;	
		font-weight:bold;	
		text-align:left;	
		margin-top:10px;	
		letter-spacing: 2px;	
		font-size:10px;	
		text-decoration:none;
}


a.mainlevel:link,a.mainlevel:active,a.mainlevel:visited,a.sublevel:link,a.sublevel:active,a.sublevel:visited {	
		color:#FFFFFF;	
		text-decoration:none;	
		font-size:11px;	
		line-height: 28px;
}


a.mainlevel:hover,#leftcol a.mainlevel:hover {	
		background-color:#484848;	
		color:#FFFFFF!important;	
		text-decoration:none!important;
}


a.mainlevel-right:hover {	
		background-color:#CCCCCC;	
		text-decoration:none;
}


a.pathway:link,a.pathway:link,a.pathway:active,a.pathway:visited {	
		color:#999999;	
		text-decoration:none;
}

.pagenavbar a:link,.pagenavbar a:active,.pagenavbar a:visited  {	
		letter-spacing:2px;	
		color:#000000;	
		font-size: 11px;	
		text-decoration: none;
}
.pagenavbar a:hover {	
		color:#330000;
}


.latestnews,.mostread {	
		color:#000000;
}
a.latestnews:link,.mostread a:link,.latestnews a:active,.mostread a:active,.latestnews a:hover,.mostread a:hover,.latestnews a:visited,.mostread a:visited {	
		color:#000000;	
		text-decoration:underline;
}


a.pathway:hover,a.pagenav:hover ,a.pagenav_next:hover,a.pagenav_pre:hover {	
		text-decoration:underline;	
		color:#330000;	
		background-color:inherit;
}

#leftcol a:hover {	
		color: #330000;	
		text-decoration:underline;
}




.moduletable, {	
		width:100%;	
		float:left;	
		clear:left; 
}

#leftcol .moduletable { 
		color:#000000;
}
#rightcol .moduletable { 
		color:#030303;
}
#rightcol form {
		text-align:center;
}

.padleft { 
		padding-left:5px;
}

.moduletable h2,.moduletable-right h2 {	
		border: 1px solid #000000;		
		color:#FFFFFF;	
		font-family: Trebuchet MS, "Times New Roman", Times, serif;	
		font-size:13px;	
		text-transform:uppercase; 
		line-height:20px;	
		background-color:#000000;	
		height:20px;	
		text-align:left;	
		padding-left:15px;	
}


.mainlevel  {	
		display:block;	
		height:25px;	
		line-height:25px;	
		padding-left:15px;	
		background:transparent url(images/bg_mainlevel.gif) repeat-x center top;	
		font-weight:bold;	
		text-decoration:none;
}


#leftcol .moduletable p {	
		color:#DADADA;	
		font-size:11px; 
		margin:15px 10px 5px 15px; 
		text-align:left;
}

#leftcol .moduletable p.more-bg{
		display:block;
		width:41px;
		height:11px;
		font-size:0;
		margin:0 0 0 15px;
}
#leftcol .moduletable p.more-bg a{
		display:block;
		background:url(images/btn_more.gif) 0 0 no-repeat;
		width:42px;
		height:11px;
}
#leftcol .moduletable p.more-bg a:hover{
		background:url(images/btn_more_hover.gif) 0 0 no-repeat;
}

.fl{
		float: left;
}
img.fl{
		padding: 15px 12px 5px 0;
}


ul#mainlevel-nav{	
		list-style: none;	
		padding: 0;	
		margin: 0;	
		font-size: 0.8em;
}



ul#mainlevel-nav li{	
		display: block;	
		padding-left: 0px;	
		padding-right: 0px;	
		float: left;	
		margin: 0;	
		width: auto !important;	
		font-size: 11px;	
		line-height: 23px;	
		white-space: nowrap;
}


ul#mainlevel-nav li a{	
		display: block;	
		padding-left: 15px;	
		padding-right: 15px;	
		text-decoration: none;	
		color: #FFFFFF;	
		font-weight:bold;
}

#topmenu>ul#mainlevel-nav li a {	
		width: auto;
}


ul#mainlevel-nav li a:hover {	
		background: #535353;	
		text-decoration:none;
} 


.mainlevel-right {	
		display:block;	
		height:25px;	
		line-height:25px;	
		padding-left:15px;	
		background:#EEF0F0 url(images/bg_mainlevel_right.gif) repeat-x center top;	
		font-weight:bold;
}

#bottompadding	{	
		position:relative;	
		width:900px;	
		display:block;	
		height:0px;	
		margin-top:-100px;
}


.children ul{	
		list-style: none;	
		padding: 0;	
		margin: 0;	
		font-size: 0.8em;
}


.children ul li{	
		display: block;	
		padding-left: 0px;	
		padding-right: 0px;	
		float: left;	
		margin: 0;	
		width: auto !important;	
		font-size: 11px;	
		line-height: 23px;	
		white-space: nowrap;
}

.children ul li a{	
		display: block;	
		padding-left: 15px;	
		padding-right: 15px;	
		text-decoration: none;	
		color: #FFFFFF;	
		font-weight:bold;
}


#topmenu>.children ul li a {	
		width: auto;
}


.children ul li a:hover {	
		background: #535353;	
		text-decoration:none;
} 

a img {
		border:none;
}
a:hover img{
		filter: alpha(opacity=90);
		opacity: .5;
}

.meta {
		font-size:11px;  
		text-transform:uppercase; 
		color:#999;
		margin-top:2px;
}
.meta a {
		color:#666;
}

.author { 
		height:16px; 
		line-height:16px; 
		background:url(images/author.gif) left center no-repeat; 
		padding-left: 18px;
}
.category { 
		height:16px; 
		line-height:16px; 
		background:url(images/post.gif) left center no-repeat; 
		padding-left: 18px;
}
.comments { 
		height:16px; 
		line-height:16px; 
		background:url(images/comments.gif) left center no-repeat; 
		padding-left: 18px;
}

.commentlist { 
		color:#999; 
}

h3 { 
		font-size:14px; 
		color:#999; 
		line-height:15px; 
		margin:0;padding:0; 
		text-transform:uppercase; 
		font-weight:normal; 
		display:inline;
}

span.admin, h3 a {
		color:#660000; 
}


.comhead { 
		background:#eee url(images/comhead.jpg) top center no-repeat; 
		padding:13px 0 5px 0; 
		width:506px;
}

.comtext { 
		padding:5px;
}

input, textarea { 
		color:#333;
		background:#ccc;
		border:1px solid #888;
}