/*  
Theme Name: Karen's crib
Description: A little present for my sister
Author: Alvin Woon
Author URI: http://alvinwoon.com
*/
*{
	padding:0;
	margin:0;	
	}
a{
	outline:none;
}
body{
	font: 70%/140% "Trebuchet MS", Helvetica;
	color:#a4833d;
	word-spacing:0.05em;letter-spacing:0.1em;
	text-align:center;
	background:#e7f3bc;
}
hr{
	visibility:hidden;
}
/*navigational elements*/
ul#nav{
	list-style:none;
	background:url(images/menu.gif) no-repeat;
	width:463px;
	position:absolute;
	height:32px;
	top:0;
	left:0;
	margin-top:-40px;
	padding-left:151px;
}

*+html ul#nav{margin-top:30px;}/*ie 7*/

ul#nav li{
	text-indent:-9999px;
	display:inline;
}
ul#nav li a{
	outline:none;
	float:left;	
	height:32px;
	display:block;
}

ul#nav li#nav_home a{width:76px;}
ul#nav li#nav_about a{width:75px;}
ul#nav li#nav_articles a{width:77px;}
ul#nav li#nav_archive a{width:76px;}

ul#nav li#nav_home a:hover{background:url(images/menu.gif) no-repeat;background-position:-151px -32px ;}
ul#nav li#nav_about a:hover{background:url(images/menu.gif) no-repeat;background-position:-227px -32px ;}
ul#nav li#nav_articles a:hover{background:url(images/menu.gif) no-repeat;background-position:-302px -32px ;}
ul#nav li#nav_archive a:hover{background:url(images/menu.gif) no-repeat;background-position:-379px -32px ;}


/*main elements*/
#container{
	width:653px;
	margin:30px auto;
}
#main{
	text-align:left;
	width:463px;
	float:left;
}
#navigation{
	position:relative;
}
h1#main_head{
	text-indent:-9999px;
	float:none!important;
	float: left;/*IE*/ 
	background:url(images/karen_03.gif) no-repeat;
	width:463px;
	height:70px;
}
*+html h1#main_head{float:left!important;}/*ie 7*/
#content{
	background:url(images/karen_06.png) repeat-y;
	width:463px;
}
#footer{
	text-indent:-9999px;
	background:url(images/karen_08.gif) no-repeat;
	width:463px;
	height:23px;
}

/* post content */
#content #post{
	width:420px;
	position:relative;
	margin:0 auto;
	line-height:17px;
	padding:10px 0;
	
}
	#content #post h1{
		font-size:1.5em;
		color:#834f17;
	}
		#content #post h1 a{
		text-decoration:none;
		border:none;
		background:none;
		}
		#content #post h1 a:hover{
		color:#412c00;
		border:none;
		}
	#content #post p{
		padding:7px 0;
	}
	
	#content #post ul{
		padding:0 0 0 15px;
		list-style-type:square;
	}
	
	
	#content #post img{
		padding:5px;
		background:#fdf6de;
		border:1px solid #bfb0a2;
	}
	
	#content #post a{
		color:#664602;text-decoration:underline;
	}
	#content #post a:hover{
		color:#412c00;
		text-decoration:underline;
	}
.detail{
	position:absolute;
	width:200px;
	right:0;
	margin-right:107%;
	text-align:right;
}
#content #post .comment_button a{
	background:url(images/karen_comment.gif) no-repeat;
	width:72px;
	height:32px;	
	border-bottom:1px dashed #b9a58f;
	text-indent:-9999px;
	display:block;
	margin-bottom:31px;
}

/*sidebar*/
#sidebar{
	width:179px;
	text-align:left;
	float:right;	
	display:inline;
	font-size:0.9em;
	font-family:"Lucida Sans", Helvetica, Arial;
	margin:18px 0 0 -20px;
}
#sidebar h2{
	background:url(images/lastpost.gif) no-repeat;
	width:157px;
	color:#6e3a0c;
	padding:10px 0 0 9px;
	letter-spacing:0.1em;
	border-bottom:1px solid #b6cb78;
	font-size:1.1em;
}
#sidebar ul{
	padding:5px 0 5px 0;
	background:url(images/rotate/rotate.php) repeat-y;
	border-bottom:1px solid #b6cb78;
	list-style:none;
	margin-bottom:8px;
	width:166px;
}
	#sidebar ul li{
	background:url(images/arrow_right_peppermint.gif) no-repeat;
	background-position:7px 3px;
	padding-left:21px;
	width:125px;
	}
	#sidebar ul li small{
			display: block;
			margin-left: 4px;
			}
			#sidebar ul li small a{
			border-bottom:1px dotted #9dae62!important;
			border-bottom:1px solid #9dae62;
			color: #666;
			}
	#sidebar ul li:hover{
	background:url(images/arrow_right_grey.png) no-repeat;
	background-position:7px 3px;
	padding-left:21px;
	}
#sidebar a{
	color:#e0085e;
	text-decoration:none;
}
#sidebar a:hover{
	background-color:#ffffff;
}
/* footer */
#footer p{
	background:url(images/karen_09.gif) no-repeat;
	width:187px;
	height:19px;
	float:right;
	position:relative; /*IE*/ 
	display: inline; /*IE*/
	margin:-6px 15px 30px 0;
}

/*comment forms */
#comment_form{
	padding:8px 0 32px 0;
}
#comment_form p.label{
	float:left;
	text-align:right;
	width:60px;
}
#comment_form input, #comment_form textarea{
	outline:none;
	margin-left:10px; 
	background:#fff;
	padding:3px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
 	border:1px solid #c9b59e;
 	border-color:#eedbc6 #fff #fff #eedbc6;
  	color:#333;
}
#comment_form textarea{
	width:330px;
	overflow:auto;
}
#comment_form button#submit{
	float:right;
	cursor:pointer;
	text-indent: -1000em;
	margin-right:8px!important;
	margin-right:2px;
	border:0;
	background:url(images/karen_submit.gif) no-repeat;
	width:72px;
	height:32px;	
	display:block;
	border-bottom:1px dashed #b9a58f;
}

/*comment list*/
h3.responses{
	margin-top:15px;
	font-size:1.2em;
	border-bottom:1px solid #b9a58f;
	background:url(images/cafe-mug_24.gif) no-repeat;
	padding-left:29px;
}
h3.comments{
	margin-top:15px;
	margin-bottom:5px;
	font-size:1.2em;
	border-bottom:1px solid #b9a58f;
	background:url(images/cafe-press_24.gif) no-repeat;
	padding-left:27px;
	position:relative;
}
#content #post ul#commentlist{
	list-style:none;
	padding:0 0 0 2px;
	margin:0;
}
#content #post ul#commentlist li{
	padding:6px 0 3px 0;
	border-bottom:1px dashed #b9a58f;
}
ul#commentlist li cite{
	color:#788d2c;
	font-weight:bold;
	float:left;
	padding-right:5px!important;
	padding-right:0;
}
ul#commentlist li p{
	margin:-7px 0 0 0;
	padding-left:5px;
}
#content #post ul#commentlist li cite a{
	color:#788d2c;
}
.comment_count{
	position:absolute;
	font-size:4em;
	width:120px;
	right:0;
	margin-top:2%;
	margin-right:107%;
	text-align:right;
}
#content #post .comment_count a{
	color:#d6e1ae;
	position:relative;
	text-decoration:none;
}
.commentmetadata{
	background:#faf3e5;
	padding-right:3px;
}