/*  
Theme Name: Rootweiler Themes 
Theme URI: 
Description: none
Version: 
Author: Rootweiler Themes 
Author URI: 

*/

/* Base Definitions */


* {
	padding: 0; 
	margin:0;
}

body {
	margin:0px;
	padding:0px;
	text-align: left;
	background: #ffffff;
	color: #333333;
	font: 12px  Arial, Helvetica, sans-serif;
	background-color:#7D7851;	
}

/* Wrapper Definition */
#wrapper {
	margin: 0px auto 0px auto;
	padding:0px;
	width: 650px; 	
	text-align: left;
	overflow: hidden;
	position:relative;
 	border: 1px solid #000000;
	background-color:#FFFFFF;
}	

p {
	margin: 0.5em 0;
	line-height:1.6em;
}


a,
a:link, 
a:visited {
	color: #006600;	
}

a:hover, a:active {
	color:#FFCC00;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

blockquote
{
	color:#000000;
	margin: 5px 10px 5px 10px;
	padding: 0px;
	border-top: #1B2318 1px dashed;
	border-bottom: #1B2318 1px dashed;
}

.clear {
	clear:both;
}

.clear1 {
	clear:both;
	height:5px;
}

fieldset {
	border:0;
}

/* Header Image Area Definition */
#header {
	width: 650px;
	clear:both;
	height: 220px;
	background:#ffffff url(images/header_pic.jpg) top center no-repeat;;
}

#contenttop{
	width: 650px;
	clear:both;
	height: 66px;
	background:#ffffff url(images/navigation.jpg) top center no-repeat;
}



#navigation {
	width:650px;
	height:30px;
	background:#e4e2c9 url(images/navbg.jpg) top left no-repeat;
}



/* Container Definitions */
#container {
	clear:both;
	width:650px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url(images/containerbg.jpg) repeat-y;
}

/* Content Definitions */

#content {
	float: left; 
	position: relative;
	overflow:hidden;
	width: 455px;	
	display:inline;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#content h3 {
	font-size: 1.4em; 
	margin:0px 0px 0px 0px;
	padding: 20px 0px 7px 0px;
	color:#000000;
}

#content h4 {
	font-size: 1.2em; 
	margin:0px 0px 0px 0px;
	padding: 10px 0px 3px 0px;
	color:#000000;
}

#content h5 {
	font-size: 1em; 
	margin: 1em 0;
}

#content ul {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;	
}

#content ol {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;	
}

#content .post {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#content .posttitle{
/*	background:url(images/flower.jpg) top left no-repeat;
	padding: 10px 0px 15px 0px;
	border-bottom:1px solid #969696;
	min-height:55px;
	width:500px;*/
}

#content h2 {
	color: #ffffff;
	margin:0px 0px 0px 0px;
	padding: 10px 0px 10px 5px;	
	font-size: 25px;
	font-weight: normal;
}

#content h2 a,
#content h2 a:link, 
#content h2 a:visited {
	color: #006600;
    text-decoration:none;
}

#content h2 a:hover, #content h2 a:active {
	color: #FFCC00;
    text-decoration:none;
}


#content .entry {
    margin:1em 0;
    padding-right:1em;    
}

#content .entry a,
#content .entry a:link, 
#content .entry a:visited { 
	color: #006600; 
}

#content .entry a:hover, 
#content .entry a:active {   
	color: #FFCC00;
}

#content .post-info{
	font-size: 11px;
	color:#e54680;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	padding:0px 0px 5px 10px;	
}

#content .post-info a ,
#content .post-info a:link, 
#content .post-info a:visited {
	font-weight:bold;
	color: #e54680;	
}

#content .post-info a:hover, #content .post-info a:active {
	color:#460707;
}


#content .postmetadata {
	text-align:right;
	font-size: 13px;
	color:#000000;
	margin:0;
	padding: 6px 0px 0px 11px;
	height:30px;
	border-top:1px dotted #000000;
}

#content .postmetadata a ,
#content .postmetadata a:link, 
#content .postmetadata a:visited {
	color: #006600;	
}

#content .postmetadata a:hover, #content .postmetadata a:active {
	color:#000000;
}


#content a,
#content a:link, 
#content a:visited {
	color: #006600;
    text-decoration:none;	
}

#content a:hover, a:active {
  	color: #FFCC00;
}

/* Sidebar Definitions */
#sidebar {
	width: 150px;
	float: right;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	color:#333333;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	background-color:#8ea24d;
}

#sidebar h2 {
	font-size: 13px;
	font-weight:bold;
	padding: 7px 10px 10px 20px;
	background:url(images/sidebarh2.jpg) top left no-repeat;			
}

#sidebar a,
#sidebar a:link, 
#sidebar a:visited {
	color: #6c9100;	
  	text-decoration:none;
}

#sidebar a:hover{
	color:#82103a;
}


#sidebar ul ul li a:link, #sidebar ul ul li a:visited, #sidebar ul ul li a:hover {
	color: #010000;	
  	text-decoration:none;
	font-size:12px;
	text-align:left;
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}

#sidebar ul ul li a:hover {
	text-decoration:underline;	
}



#sidebar ul {
	list-style:none;
}

#sidebar li {
  padding:0px 0px 0px 0px;
}

#sidebar ul ul {
    list-style:none;
	margin: 0px;
}

#sidebar ul ul li {
  padding:0px 10px 0px 10px;
}

#sidebar ul ul ul {
	border:0px;
	margin:0px;
	padding:0px;
}

#sidebar ul ul ul li {
  padding:0px 0px 0px 0px;
}

/* These help support the widgets properly */
#sidebar ul table {
	width: 120px;
	margin: 0px;
}

#sidebar ul .textwidget {
	margin:0px;
	padding:0px 15px 0px 15px;
}




/* This is to support the calendar widget properly */
#calendar_wrap {
  margin:0;
  padding: 10px 15px 10px 15px;
}

/* Footer Definitions */


#footer {
	clear: both;
	text-align: center;
	height: 30px;
	width: 650px;
  	margin: 0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	color:#000000;
	background-color:#e4e2c9;
}

#footer p{
  	padding:0px 0px 0px 0px;
	text-align:center;
}

#feeds {
	color: #000000; 	
	text-align: right;
	padding: 40px 20px 10px 10px;
}

li#sidelinks ul
{
	margin:0;
	padding:0;
}

#comments {
	margin: 0;
	padding:1em 0 0 0;
	color: #777777;
}

#comments h3{
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #d3d1d1;
}
	
#respond {
	margin: 0;
	padding:1em 0 0 0;
	color: #777777;	
}

#commentform {
	margin:10px 0;	
	padding:10px;
	border-top: #E0DFE4 1px solid;
	border-bottom: #E0DFE4 1px solid;
}

.commentnum {
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}

#container .commentlist {
	margin: 1em 0;
	padding: 0;		
}

.commentlist li {
	list-style:none;
	margin: 0;
	padding: 1em 0.5em;	
}

.commentlist li.alt {
}

.commentlist li.authorcomment {
}

.commentlist li .cmtinfo {
	font-size:1em;
	text-align:left;
}



.commentlist li #pesan.alt{
	padding: 15px 10px 10px 40px;	
}

.commentlist li #pesan{
	padding: 15px 10px 10px 40px;
}

.commentlist li cite {
	font-style:normal;
	font-weight:bold;
	color: #5c8bbf;
}

#content .commentlist .cmtinfo a,
#content .commentlis  .cmtinfoa:link, 
#content .commentlist .cmtinfo a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; 
	color: #460707; 
}

.commentlist a:hover, 
.commentlist a:active {   
	color: #5ddb1c; 
}

.commentlist li .cmtinfo em {
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999999;
}

#content .commentsfeed {
	background:url(images/feed.gif) no-repeat left center;
	padding-left:16px;
}

#content .trackback {
	background:url(images/link.gif) no-repeat left center;
	padding-left:20px;
}

textarea {
	border:#CCCCCC 1px solid;
	background:#FFFFFF url(images/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}

textarea {
	width: 90%;
	padding:10px;
	line-height:2em;
	height: 20em;
}

input.textbox:focus, 
textarea:focus {
	background:#FFFFFF url(images/shadow_top.gif) repeat-x top;
	border:#AAAAAA 1px solid;
}

#submit {
	padding:3px 5px;
}

.post h4 {
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}

.post h4 em	{
	font-style:normal;
	float:right;
	font-weight:normal;
}

dl {
	margin:1em 0;
}

dt {
	font-weight:bold;
}

dd {
	margin:0.5em;
	padding:0;
}

.wp-smiley, #wpstats {
	background: none;
	border: 0;
	padding: 0;
}

#header, #content, #sidebar, #sidebar2, #footer, .widget {
    overflow: hidden;
}


.cal{
  color: #fff;
  padding: 5px 3px 5px 3px;
  margin: 5px 0px 0px 0px; 
  text-align: center;
  line-height: 1.4em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
  width: 3.75em;
  background-color:#0b427a; 
/*  background: #0b427a url(images/datebg.jpg) repeat-x;*/
}

#content .posttitle{
/*	border:1px solid #000000;*/
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

#content .posttitle .left{
	float:left;
}

.calborder {
  display: inline;
  float: left;
  margin-right: 1em;
}

.cal span { display: block; }

.cald {
  font-size: 1.5em;
  letter-spacing: .05em;
  padding-left: .2em
}
.cald2 {
  letter-spacing: 0em;
  padding-left: 0em
}

.calm {
  font-weight: bold;
  font-size: 2em;
  line-height: .7em;
}

.caly {
  font-size: .8em;
  line-height: 1em;
}

#searchsubmit{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #000000;
}

.orderlink{
	font-weight:bold;
	font-variant:small-caps;
}

.rssicon{
	padding:5px 5px 5px 35px;
}

.rsstext{
	padding:5px 5px 5px 0px; 
}

#menubottom {
	font-size: 10px;
	font-weight: bold;
	background:url(images/bg_footer.jpg) repeat-x;
	text-align:center;
}

	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clear { height: 1%; }
	.clear { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 0.75em;
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the 
																			  sub menus don't disappear before selecting them */
	.nav li, .nav li em { width: 86px; height: 28px; }
	
	* html>body ul.nav li em { margin-bottom: -28px; } /* for ie5.x/mac only */
	
	.link1 em, .link2 em, .link3 em , .link4 em, .link5 em, .link6 em, .link7 em{ 
		background: url(images/menutop.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	.link1 { left: 0; }
	.link1 em { background-position: 0 0; }
	.link1:hover em { background-position: 0 -28px; }
	.link2 { left: 0px; }
	.link2 em { background-position: -86px 0; }
	.link2:hover em { background-position: -86px -28px; }
	.link3 { left: 0px; }
	.link3 em { background-position: -172px 0; }
	.link3:hover em { background-position: -172px -28px; }
	.link4 { left: 0px; }
	.link4 em { background-position: -258px 0; }
	.link4:hover em { background-position: -258px -28px; }
	.link5 { left: 0px; }
	.link5 em { background-position: -344px 0; }
	.link5:hover em { background-position: -344px -28px; }
	.link6 { left: 0px; }
	.link6 em { background-position: -430px 0; }
	.link6:hover em { background-position: -430px -28px; }
	.link7 { left: 0px; }
	.link7 em { background-position: -516px 0; }
	.link7:hover em { background-position: -516px -28px; }
	
	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 28px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		border: 1px solid #FFCC00;
	}
	
	.nav li:hover ul { left: auto; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 110%;
		border-bottom: 1px solid #FFCC00;
	}
	
	.nav li ul a {
		padding: 0.25em;
		color: #FF6600;
		background: #FFFFCC;
	}
	.nav li ul a:hover {
		color: #CC0000;
		background: #FFCC00;
	}

#letak{
	position:absolute;
/*	top:2px; */
	top:222px;
	left:0px;
}

.catbox{
	float:left;
	width:200px;
	padding:0px 10px 0px 10px;
}