/*  
Theme Name: Hast Lust
Theme URI: 
Description: 
Author: Andre Halim
Author URI: http://www.bestindonesia.info

Last Modified on April 3, 2007
*/

/* Base Definitions */

body, ul, ol, h1,h2,h3,h4,h5,h6, form,li,p{
	margin:0;
	padding:0;
}

body {
	font-size:0.85em;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background:#FFF url(images/bg_small.jpg) top left repeat-x;
	color:#333;
	line-height:1.5em;
}

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

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

a:hover, a:active{
	color:#666;
	text-decoration:none;
}

a img{
	border:none;
	margin:2px 2px 2px 0;
}

blockquote
{
	margin:0;
	padding:0 0 0 30px;
	color:#111;
}


h1{
	font-size:24px;
	line-height:30px;
}

h2{
	font-size:20px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
}

h5{
	font-size:12px;
}

h6{
	font-size:10px;
}


h1,h2,h3,h4,h5,h6{
	color:#333;
	font-weight:bold;
	line-height:1.5em;
	clear:both;
}


.clear {
	clear:both;
}

fieldset 
{
	border:0;
}

/* General Image Defintions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

#content .entry img{
	display: block; padding: 3px; background: #eeeeee; border: 2px solid #bbb; 
}
/* End Images */

/* Wrapper Definition */

/*All ID container here: */
#top{
	position:relative;
	width:940px;
	margin:0 auto;
}

#head{
	position:relative;
	height:165px;
}

#logo{
	position:absolute;
	right:20px;
	top:20px;
}

#top h1{font-size:24px;line-height:30px;}
h2{font-size:20px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}
#head h1{font-size:35.5px; color:#101010;} /*for a good logo look adjust this so that slogan and site name have the same width*/
#head h2{font-size:32px; font-weight:normal;}

#head h1 a{color:#333; text-decoration:none;}
#head h1 a span{color:#666;}
#head h1 a:hover, #head h1 a:hover span{color:#101010;}
#logo strong{font-size:13.5px;font-weight:normal;color:#ff0084;}


/* navigation bar - styles dropdown menu*/
#top #nav{
position:absolute;
top:81px;
z-index:10;
left:-10px;
}

#nav, #nav ul{
 margin:0;
 padding:0;
 list-style-type:none;
 list-style-position:outside;
 position:absolute;
 line-height:25px; /*this defines the height of each element*/
 }

 #nav a{
 display:block;
 padding:0px 10px;
 }

 #nav li{
 float:left;
 position:relative;/*  opera + ie 6 need */
 }

  #nav li ul a{
	width:140px;
	height:auto;
	float:left;

 }

#nav ul {
    position:absolute;
    display:none;
	width:160px;
	top:25px;
	}


#nav li ul ul {
    left:160px;
	top:0;
	position:absolute;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;

    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;

    }

#nav a{
color:#333;
text-decoration:none;
}

#nav ul a{
background-color:#f3f3f3;
color:#666;
}

#top #nav a:hover, #top #nav a:visited:hover {
background-image:none;
background-color:#fff;
color:#666;
}

#nav li {
	list-style-type: none;
	padding-left: 7px;
}

	
/* Container Definitions */
#container {
	margin: 0px 0px 0px 0px; 	
}

/* Content Definitions */

#content {
	width:520px;
	float:left;
	margin-left:40px;
	padding:10px 0px 0px 0px;
}

#content ul {
    margin:0 1em;
    padding:5px 1em 2px 1em;
    /* list-style-image:url(img/bullet.png);  */
}

#content li {
	margin:0;
    padding:5px 1em 2px 1em;
	list-style-type:none;
}

#content .posttitle{
	border-bottom:1px solid #dedede;
	margin-bottom:2px;
}

#content ol {
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}

#content .post {
	padding:0px 0px 20px 0px;
}



#content h2 a,
#content h2 a:link, 
#content h2 a:visited {
	color:#333333;
	font-weight:bold;   
}

#content h2 a:hover, 
#content h2 a:active {
	color:#666666;    
}

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

#content .entry a,
#content .entry a:link, 
#content .entry a:visited {
	color:#000000;
    border-bottom:#E0DFE4 1px solid;    
}

#content .entry a:hover, 
#content .entry a:active {
	color:#6c613d;
    border-bottom:#E0DFE4 1px dotted;    
}

#content .post-info{ 
	font-size:12px;
	margin:0;
	padding:5px 0px 10px 0px;
	color:#2d1b61;		
}

#content .postmetadata {
	font-size:11px;
	margin:0;
	padding:5px 0px 10px 0px;
	color:#ff0084;		
}

#content .postmetadata  a,
#content .postmetadata  a:link, 
#content .postmetadata  a:visited {
	color:#ff0084;
	font-weight:normal;
	font-size:11px;    
}

#content .postmetadata  a:hover, 
#content .postmetadata  a:active {
	text-decoration:underline;    
}

.date-icon{
	text-decoration: none;
	background:url(images/i-date.jpg) top left no-repeat;
	padding: 2px 20px 0px 20px;
}

.comment-icon{
	text-decoration: none;
	background:url(images/i-comment.jpg) top left no-repeat;
	padding: 2px 20px 0px 20px;
}


/* Sidebar Definitions */
#sidebar {
	width:170px;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#666;
}

#sidebar ul ul li a:link, #sidebar ul ul li a:visited, #sidebar ul ul li a:visited {
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#333333;
	text-decoration:underline;	
}

#sidebar ul ul li a:hover,#sidebar ul ul li a:active {
	text-decoration:none;
	border:none;				
}

#sidebar ul {
	list-style:none;
}

#sidebar li {
  	padding:0px 0px 0px 5px;
/*	background-color:#ddd5bf;  */
}

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

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

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

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

#sidebar h2 {
	font-size:16px;
	text-align: left;

}

#sidebar li.sideblock p {
    margin:0;
	padding:0px 0px 5px 15px;
}

.twitterwidget, #sidebar img {
	margin:0;
	background:none;
	padding:0;
}

#sidebar li.sideblock {
  border:0;
  margin: 0px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
}

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

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

/* This is to support the search widget properly */
#sidebar ul form#searchform {
    margin:0;
	padding:15px 10px 10px 10px;
	text-align:center;
}

/* Sidebar2 Definitions */
#sidebar2 {
	width:170px;
	float:right;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	color:#666;
}


#sidebar2 ul ul li a:link, #sidebar2 ul ul li a:visited, #sidebar2 ul ul li a:visited {
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#333333;
	text-decoration:underline;	
}

#sidebar2 ul ul li a:hover,#sidebar2 ul ul li a:active {
	text-decoration:none;
	border:none;				
}

#sidebar2 ul {
	list-style:none;
}

#sidebar2 li {
  	padding:0px 0px 0px 5px;
/*	background-color:#ddd5bf;  */
}

#sidebar2 ul ul {
    list-style:none;
	margin: 0px;
	padding:5px 0px 5px 0px;
}

#sidebar2 ul ul li {
  padding:7px 5px 0px 10px;
}

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

#sidebar2 ul ul ul li {
  padding:7px 0px 0px 10px;
}

#sidebar2 h2 {
	font-size:16px;
	text-align: left;

}

#sidebar2 li.sideblock p {
    margin:0;
	padding:0px 0px 5px 15px;
}

.twitterwidget, #sidebar2 img {
	margin:0;
	background:none;
	padding:0;
}

#sidebar2 li.sideblock {
  border:0;
  margin: 0px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
}

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

#sidebar2 ul .textwidget {
	margin:0px;
	padding:10px 5px 10px 5px;
}

/* This is to support the search widget properly */
#sidebar2 ul form#searchform {
    margin:0;
	padding:15px 10px 10px 10px;
	text-align:center;
}
/* This is to support the calendar widget properly */
#calendar_wrap {
  margin:0;
  padding:0px 0px 5px 15px;
}

/* Footer Definitions */


#footer {
	width:940px;
	border-top:1px solid #dedede;
	text-align:center;
	clear:both;
	color:#666;
	position: relative;
}

#footer a{
	text-decoration:underline;
}

#footer a:hover{
	text-decoration:none;
}

#comments, 
#respond {
	margin: 0;
	padding:1em 0 0 0;
}

#commentform {
	margin:10px 0;	
	padding:10px;
	background:#F6F6F6;
	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;		
	border-top: #E0DFE4 1px solid;
}

.commentlist li {
	list-style:none;
	margin: 0;
	padding: 1em 0.5em;	
	background:#FFFFFF url(images/shadow_top.gif) repeat-x top;
	border-bottom: #E0DFE4 1px solid;
}

.commentlist li.alt {
    background:#F6F6F6;    
}

.commentlist li.authorcomment {
    border-top:#8F8F6B 1px solid;
	border-bottom:#8F8F6B 1px solid;
}

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

.commentlist li cite {
	font-style:normal;
	font-weight:bold;
}

.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;
}

input.textbox, 
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, #footer, .widget {
    overflow: hidden;
}

.banner{
	padding:10px 0px 5px 5px;
}

.banner a:hover{
	border:none;
}

.saveline{
	padding:15px 0px 10px 0px;
}

#sidebar img,#sidebar2 img{
	border:none;
}

#backtop{
	float:right; 
	padding:10px 10px 5px 10px; 
}

#s{
	width:100px;
}

.entryhead h3{
	line-height:16px;
}
.entryhead strong{
	color:#ff0084;
	font-weight:normal;
	font-size:11px;
}

.entryhead{
	border-bottom:1px solid #dedede;
	margin-bottom:2px;
	padding:20px 0px 0px 0px;
}


.sidebar_entry{
	color:#666;
}

.sidebar_entry a{
	text-decoration:underline;
}

.sidebar_entry a:hover{
	text-decoration:none;
}