/*  
Theme Name: Pride of Flower Fruit Mountain 1.1
Description: yellow/brown colour theme feat. the Kay Bojesen monkey
Author: Jennifer Chen
reference 1: The Late Show by Liz Lubowitz, http://killsmedead.com
reference 2: chronicles by Jai Nischal verma, http://www.blogohblog.com
reference 3: Redoable by Dean J Robinson, http://deanjrobinson.com/projects/redoable
*/


/* ---------- page layout ---------- */


	html {
		margin: 0px;
		padding: 0px;
		height: 100%;
		}
	
	body {
		margin: 0px;
		height: 100%;
		background: url(images/bg.gif);
		color: #E4CFB1;
		font-size: 13px;
		font-family: Verdana, Geneva, sans-serif;
		line-height: 22px;
		text-align: left;
		}
	
	#container {
		position: relative;
		min-height: 100%;
		width: auto;
		margin: 0px;
		padding: 0px;
		}
	
	#pagebody {
		width: auto;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid #3F3226;
		border-right: 1px solid #3F3226;
		}


/* ---------- text & lists ---------- */


	a {color: #E4CFB1; text-decoration: underline;}
	a: visited {color: #E4CFB1;}
	a: hover {color: #E4CFB1;}
	
	h1, h2, h3, h4, h5, h6 {margin: 5px 0px;}
	
	blockquote {
		margin: 10px 30px;
		padding: 10px 20px 10px 40px;
		border-top: 1px solid #4D3B31;
		border-bottom: 1px solid #4D3B31;
		background: url(images/blockquote.gif) 5px 10px no-repeat #1B0106;
		color: #E4CFB1;
		line-height: 22px;
		}
	
	blockquote p {margin: 0px;}
	
	input, textarea {
		margin: 5px 0px;
		border: 1px dotted #3F3226;
		background: #1B0106;
		color: #8A7A65;
		font-size: 12px;
		}
	
	ul {list-style-type: none;}
	
	ul li {
		margin: 0px;
		padding: 0px 0px 0px 13px;
		background: url(images/squarelibg.gif) 0px 8px no-repeat transparent;
		}
	
	ul li ul li {
		margin: 0px;
		padding: 0px 0px 0px 13px;
		background: url(images/libg.gif) 0px 8px no-repeat transparent;
		}


/* ---------- header ---------- */


	#header {
		background: url(images/banner.png) top left repeat-x #FECD00;
		margin: 0px;
		padding: 0px;
		}
		
	#header-left {
		height: 310px;
		margin: 0px auto;
		padding: 0px;
		background: url(images/monkey.png) top left no-repeat transparent;
		}

	#header-right {
		height: 310px;
		margin: 0px auto;
		padding: 0px;
		background: url(images/logo.png) top right no-repeat transparent;
		}
		
	.resolution {
		position: absolute;
		top: 5px;
		right: 25px;
		color: #FFFFFF;
		font-size: 9px;
		text-transform: lowercase;
		}
	
	.resolution a {color: #FFFFFF; text-decoration: none;}
	
	.resolution a:hover {background-color: #9D7202; color: E4CFB1; text-decoration: none;}


/* ---------- navigations ---------- */


	.post-nav {
		clear: both;
		margin: 0px 15px 15px 15px;
		padding: 0px 15px;
		}
	
	.post-nav a, .post-nav a:visited {text-decoration: none; color: #8A7A65;}
	.post-nav a:hover {text-decoration: none; color: #E4CFB1;}
	
	.post-nav .previous a {
		float: left;
		padding-left: 20px;
		background: url(images/post-nav-previous.png) no-repeat left center;
		}
	
	.post-nav .next a {
		float: right;
		padding-right: 20px;
		text-align: right;
		background: url(images/post-nav-next.png) no-repeat right center;
		}


/* ---------- sidebars ---------- */


	/* layouts */

		#sidebar1 {
			position: absolute;
			float: left;
			top: 310px;
			left: 0px;
			width: 280px;
			padding: 10px 0px 0px 0px;
			background: url(images/monkeyfoot.gif) top left no-repeat transparent !important;
			}
	
		#sidebar2 {
			position: absolute;
			float: right;
			top: 310px;
			right: 0px;
			width: 230px;
			padding: 20px 0px 0px 0px;
			}

	/* module basic properties */
	
		.module {
			margin: 0px 0px 20px 0px;
			padding: 0px;
			}

		.module-header {
			margin: 0px;
			padding: 0px 0px 0px 40px;
			border-bottom: 1px solid #3F3226;
			font-size: 17px;
			font-family: Georgia, Times New Roman, Times, serif;
			font-weight: normal;
			line-height: 17px;
			}

		.module-content {
			margin: 0px;
			padding: 5px 15px 0px 70px;
			background: transparent;
			font-size: 12px;
			color: #8A7A65;
			}

		.module-content a {text-decoration: none; color: #8A7A65; font-size: 12px; line-height: 15px;}
		.module-content a:hover {border-bottom: 1px solid #D33207;}

		.module-list {margin: 0px; padding: 0px 0px 0px 0px;}
		
		.module-list ul {list-style-type: none;}
			
		.module-list ul li {
			margin: 0px;
			padding: 0px 0px 0px 13px;
			background: url(images/libg.gif) 0px 8px no-repeat transparent;
			}
		
		.module-list ul li ul li {
			margin: 0px;
			padding: 0px 0px 0px 13px;
			background: url(images/squarelibg.gif) 0px 8px no-repeat transparent;
			}
	

	/* search */

		#searchform {
			display: block;
			margin-top: 5px;
			padding: 0px 0px 10px 125px;
			position: relative;
			}

		#search h2 {display: block;}

		input[type=text], textarea {
			color: #444;
			margin: 0px;
			padding: 1px;
			}

		#searchreset {
			background: url(images/reset-fff.png) center center no-repeat;
			height: 20px;
			position: absolute;
			right: 5px;
			top: 2px;
			width: 20px;
			}

		#searchform input {
			background: #444;
			border: 1px dotted #333;
			color: #222;
			padding: 3px;
			}

		#searchform input:focus {
			background: #fff;
			border: 1px solid #666;
			color: #333;
			}

		#searchform input[type=text] {
			background-image: url(images/safari_search.png);
			background-position: 3px center;
			background-repeat: no-repeat;
			border-radius: 20px;
			margin-right: 5px;
			-moz-border-radius: 20px;
			padding-left: 25px;
			padding-right: 10px;
			width: 110px;
			}

		#searchform input[type=text]#s.livesearch {width: 140px !important;}

		#searchform input[type=search] {
			background: #FFF;
			color: #CCC;
			margin-top: 2px;
			width: 135px;
			}

		#searchform input[type=search]#s.livesearch {width: 180px !important;}

		#searchform input:focus[type=search] {
			background: #FFF;
			color: #333;
			}

		#searchcontrols {
			background: #ddd center repeat-y;
			padding: 1px;
			text-align: center;
			}

		#searchcontrols small {
			margin: 0px;
			padding: 0px;
			}
	
	/* widget basic properties */
	
		.widget {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			}

		.widget a {text-decoration: none !important;}
		.widget a:hover {color: #D33207 !important;}

		.widget-header {
			margin: 0px;
			padding: 0px 0px 0px 20px;
			border-bottom: 1px solid #3F3226;
			font-size: 17px;
			font-family: Georgia, Times New Roman, Times, serif;
			font-weight: normal;
			line-height: 17px;
			}
		
		.widget-content {
			margin: 0px;
			padding: 3px 15px 0px 15px;
			font-size: 10px;
			background: transparent;
			text-align: center;
			}

		.widget-content a {text-decoration: none;}
		.widget-content a:hover {color: #D33207;}
		
		.widget-content .title {padding: 0px; line-height: 12px;}
		.widget-content .author {font-style: normal; color: #8A7A65; line-height: 11px;}
		.widget-content .text {padding: 5px 0px 0px 0px; text-align: left; line-height: 13px; color: #6E5D54;}
				
		.widget-content img {
			border: 1px solid #3F3226;
			margin: 7px 0px 7px 0px;
			height: 120px;
			width: 80px;
			}
		
		/* -- twitter -- */
		
			#twitter_badge_container {width: 220px; background: #6E5D54;}
			#twitter_badge_tl {background: transparent url(twitter_tl.png) top left no-repeat;}
			#twitter_badge_tr {background: transparent url(twitter_tr.png) top right no-repeat;}
			#twitter_badge_bl {background: transparent url(twitter_bl.png) bottom left no-repeat;}
			#twitter_badge_br {background: transparent url(twitter_br.png) bottom right no-repeat;}
			#twitter_badge_inner {padding: 45px 10px 10px 10px;}
			#twitter_badge_via {font-size: 11px;}
			#twitter_badge_via a {color: #D33207;}
			
			#my_twitter_status{}
			#my_twitter_status_time{color: #D33207; font-size: 10px;}
			
			
/* ---------- blog entry ---------- */


	#blog {
		display: block;
		float: none;
		width: auto;
		margin-left: 280px;
		margin-right: 230px;
		border-left: 1px solid #3F3226;
		border-right: 1px solid #3F3226;
		background: url(images/monkeyhand.gif) top 30px no-repeat transparent !important;
		}
	
	.me {
		display: inline-block;
		float: right;
		margin: 10px;
		margin-right: 20px;
		font-size: 80%;
		color: #8A7A65;
		border: none !important;
		}
	
	.me a {text-decoration: none; color: #8A7A65;}
	.me a:hover {color: #D33207 !important;}

	.me img {vertical-align: -10px;}
	
	.me .item {padding-right: 10px;}
		
	#blog-inner {padding: 40px 0px 0px 0px;}
	
	.date {
		margin: 10px 0px 0px 0px;
		padding: 0px 20px;
		font-size: 15px;
		font-family: Georgia, Times New Roman, Times, serif;
		}
		
	.entry {width: auto; padding: 0px;}

	.post {padding:0px;}
	
	.page {padding-top: 10px;}
			
	.entry-header {
		padding: 3px 20px;
		border-top: 1px solid #E4CFB1;
		border-bottom: 1px solid #E4CFB1;
		background: #FECD00;
		color: #D33207;
		font-size: 17px;
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		}
			
	.entry-header a {
		color: #D33207;
		text-decoration: none;
		}

	.entry-content {
		clear: both;
		padding: 0px 0px 5px 0px;
		font-size: 13px;
		}

	.entry-content li {margin: 10px 0px;}
	
	.entry-body {
		width: auto;
		padding: 5px 20px 0px 20px;
		}

	.entry-body a {
		padding-bottom: 0.5px;
		text-decoration: none;
		border-bottom: 1px solid #D33207;
		}

	.entry-body a:hover {
		padding-bottom: 0.5px;
		background: #E4CFB1;
		color: #D33207;
		text-decoration: none;
		border-bottom: 1px solid #D33207;
		}
	
	.entry-body img {
		border: 7px solid #3F3226 !important;
		}
	
	.entry-body a img, .entry-body a:hover img {text-decoration: none !important;}

	.entry-body .nb {color: #8A7A65; line-height:13px; font-size:11px;}

	.entry-body .nb a:link {color: #8A7A65 !important;}

	.entry-body .nb a:visited {color: #8A7A65 !important;}

	.badges {
		padding: 10px 0px 20px 0px;
		color: #8A7A65; font-size:10px;
		vertical-align: top;
		}

	.badges a {
		text-decoration: none !important;
		}

	.badges img {
		border: 0px !important;
		}

	/* footer */
	
		p.entry-footer {
			margin: 0px 20px 10px 20px;
			padding: 10px;
			border: 1px dotted #3F3226;
			background: url(entryfooter.gif) center left no-repeat #1B0106;
			color: #6E5D54;
			font-size: 10px;
			line-height: 14px;
			text-align: right;
			vertical-align: middle;
			}
			
		p.entry-footer a,
		p.entry-more-link a {
			padding: 0px !important;
			text-decoration: none !important;
			border: 0px !important;
			color: #6E5D54 !important;
			}
	
		p.entry-footer a:hover,
		p.entry-more-link a:hover {
			color: #E4CFB1 !important;
			background: #1B0106 !important;
			text-decoration: none !important;
			border: 0px !important;;
			}
	
		.entry-more-link {
			padding: 5px 5px 5px 25px;
			background: url(images/libg.gif) 10px 12px no-repeat;
			color: #8A7A65;
			font-size: 12px;
			}
	
		p.entry-footer img {padding: 0px 3px 0px 3px; vertical-align: middle;}
		
		.post-footers {display: block;}
	
	/* archive */
	
		.archive-header {
			margin-top: 10px;
			padding: 3px 20px;
			border-top: 1px solid #E4CFB1;
			border-bottom: 1px solid #E4CFB1;
			background: #FECD00;
			color: #D33207;
			font-size: 17px;
			font-weight: normal;
			font-family: Verdana, Geneva, sans-serif;
			}

		.archive-content {
			margin: 0px;
			padding: 5px 15px 0px 20px;
			background: transparent;
			font-size: 12px;
			}

		.archive-content a {text-decoration: none; font-size: 12px; line-height: 15px;}
		.archive-content a:hover {border-bottom: 1px solid #D33207;}


	/* comments */
	
	
		#comment-block {display: block; margin: 30px 0px 0px 0px; padding: 0px;}
		
		.comment-header {
			padding: 3px 20px;
			border-top: 1px solid #E4CFB1;
			border-bottom: 1px solid #E4CFB1;
			background: #FECD00;
			color: #D33207;
			font-size: 17px;
			font-weight: normal;
			font-family: Verdana, Geneva, sans-serif;
			margin-top: 0px;
			}
	
		/* list */
		
			.comment-list {
				margin: 0px;
				padding: 25px 50px 15px 50px;
				border-bottom: 1px solid #4D3B31;
				}
			
			.counter {
				color: #3F3226;
				display: block;
				float: right;
				font: normal 3em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
				text-align: right;
				width: 35px;
				}
			
			.comment-author {font-size: 15px; vertical-align: baseline;}
			.comment-author a {text-decoration: none;}
			.comment-date {color: #8A7A65; font-size: 8px; vertical-align: baseline;}
			
			.gravatar {padding: 0px 3px 0px 0px;}
			
			.authorcomment {
				background-color: #1B0106;
				}
		
		/* form */
		
			.respond {
				margin: 0px;
				padding: 5px 25px 15px 20px;
				}
			
			.respond a {text-decoration: none;}
			.respond a:hover {border-bottom: 1px solid #D33207;}
	
	/* pages */
	
		.pages {padding: 0px; line-height: 15px; padding: 5px 0px 0px 5px; font-size: 11px;}

		.pages .dates {
			margin: 5px 0px 0px 0px;
			font-size: 15px;
			font-family: Georgia, Times New Roman, Times, serif;
			}

		.pages img {
			border: 1px solid #3F3226 !important;
			margin: 7px 12px 7px 0px;
			height: 160px;
			width: 107px;
			}
			
		.pages .text {padding-top: 15px;}
		.pages .author {font-size: 125%; color: #8A7A65;}
	

/* ---------- footer ---------- */


	#footer {
		position: fixed;
		height: 46px;
		width: 100%;
		background: url(images/footerbg.gif) top left repeat-x;
		background-color: #2B170E;
		margin: 0px;
		bottom: 0px;
		clear: both;
		}

	#footer-inner {
		margin: 0px;
		height: 46px;
		background: url(images/banana.gif) no-repeat;
		}

	#footer-inner h3 {
		margin: 0px;
		padding-top: 17px;
		padding-right: 15px;
		text-align: right;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #463729;
		}
		
	#footer-inner h3 a:link, #footer-inner h3 a:visited {color: #9D7202; text-decoration: none;}
		
	#footer-inner h3 a:hover {background-color: #9D7202; color: #E4CFB1; text-decoration: none;}
	
	#footer-inner img {padding-left: 1px; padding-right: 1px; vertical-align: sub; border:0px !important;}

/* ---------- plurk ---------- */

	.plurk-widget {font-size: 9px !important; line-height: 12px !important;}
	.action {display: none !important;}
	#to_see_more {display: none !important;}