/*----------------------------------------------

	Theme Name: 	Piano Patch Kids
	Theme URI:		http://www.minisitegallery.com
	Description:	---
	Version:		1.0
	Author:			Iszuddin Ismail (kidino)
	Author URI:		http://www.minisitegallery.com
	Date:			October 21 '09
	File:			style.css
	
-----------------------------------------------*/
   
	* {
		font-family: Arial;
		font-size: 11pt;
	}

	body {
		background-color: #faf0db;
		margin: 0px;
		padding: 0px;
	}

	#wrapper {
		margin: auto;
		width: 950px;
	}

	#header {
		height: 232px;
		background-image: url(images/header.png);
		background-position: top center;
		background-repeat: no-repeat;
	}

	#content {
		background-image: url(images/contentbg.png);
		min-height: 500px;
		display: table;
	}

	#topbg {
		background-image: url(images/topbg.png);
		background-position: 235px 5px;
		background-repeat: no-repeat;		
		min-height: 500px;
		width: 950px;
	}

	#pusher {
		float: left;
		min-width: 35px;
		min-height: 35px;
	}

	#leftside {
		float: left;
		width: 185px;
	}

	#leftside ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width: 185px;
	}

	#leftside ul li {
		background-image: url(images/menubg.png);
		background-repeat: no-repeat;
		color: #fff;
		font-size: 10pt;
		text-align: center;
		padding-top: 12px;
		height: 30px;
		margin-bottom: 5px;
		font-weight: bold;
	}

	#leftside ul li a, #leftside ul li a:visited {
		font-size: 10pt;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}

	#rightside {
		float: left;
		width: 205px;
		min-height: 100px;
		padding-top: 10px;
	}

	#rightside #optin3 #optintext {
		padding-top: 80px;
	}

	#rightside #optin3 h4 {
		color: #215706;
		font-size: 18pt;
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
		margin-bottom: 0px;
	}

	#rightside #optin3 p {
		font-size: 10pt;
		margin-left: 15px;
		margin-right: 15px;
	}

	#rightside #optin3 {
		position: relative;
		background-image: url(images/optin3.png);
		background-repeat: no-repeat;
		height: 394px;
		width: 197px;
		margin-left: 3px;
	}

	#emailx {
		position: absolute;
		width: 145px;
		height: 20px;
		padding: 5px 5px 0px 5px; margin: 0;
		left: 20px;
		top: 314px;
		font-size: 9pt;
		font-family: Arial, Helvetica;
		background: transparent no-repeat fixed;
		border: none;
	}
	
	*>#emailx { background: transparent no-repeat; }

	#namex {
		position: absolute;
		width: 145px;
		height: 20px;
		padding: 5px 5px 0px 5px; margin: 0;
		left: 20px;
		top: 285px;
		font-size: 9pt;
		font-family: Arial, Helvetica;
		background: transparent no-repeat fixed;
		border: none;
	}
	
	*>#namex { background: transparent no-repeat; }

	#buttonx {
		position: absolute;
		width: 70px;
		height: 23px; 
		top: 343px;
		left: 60px;
	}

	
	#rightside ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
			
	#rightside ul li {
		background-image: url(images/sb-bot.png);
		background-position: bottom;
		background-repeat: no-repeat;
		margin: 0px;
		padding: 0px;
		padding-bottom: 56px;
	}

	#rightside ul li h4 {
		background-image: url(images/sb-top.png);
		background-repeat: no-repeat;
		margin: 0px;
		margin-left: 1px;
		padding: 15px 15px 5px 15px ;
		font-size: 14pt;
	}
	
	#rightside ul li ul li {
		background-image: url(images/sb-mid.png);
		background-repeat: repeat-y;
		padding: 5px 20px 0px 20px;
		font-size: 10pt;
		color: #333;
	}
	
	#rightside ul li ul li a {
		font-size: 10pt;
		color: #333;
	}

	#main {
		float: left;
		width: 490px;
	}
	
	#main p, #main h1, #main h2, #main h3, #main h4, #main h5, #main ul, #main ol {
		margin-left: 30px;
		margin-right: 10px;
	}

	#main blockquote {
		margin-left: 50px;
		margin-right: 40px;
	}

	#main h1 {
		font-size: 24pt;
	}
	
	#main h2 {
		font-size: 20pt;
		color: #06b273;
		font-weight: normal;
		margin-top: 10px;
	}
	
	#main h3 {
		font-size: 18pt;		
		font-weight: normal;
	}
	
	#main h4 {
		font-size: 20pt;
		color: #ff5400;
		font-weight: normal;
		margin-top: 10px;
	}
	
	#main h5 {
		font-size: 14pt;		
	}


	#main small {
		font-size: 9pt;	
	}

	.details {
		border-bottom: 1px dashed #ccc;
		text-align: right;
		margin-bottom: 0px;
	}

	#footer {
		width: 880px;
		margin: auto;
		margin-top: 10px;
		background-color: #06b273;
		min-height: 100px;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	#footer p {
		margin-left: 60px;
		margin-right: 60px;
		font-size: 9pt;
		text-align: center;
		color: #555;
	}

	.lbox {
		float: right;
		background-image: url(images/blt.gif);
		background-position: left;
		background-repeat: no-repeat;
		padding: 0px;
		min-width: 10px;
		text-align: center;
		padding-left: 3px;
		margin-left: 5px;
	}
	
	.lbox a {
		float: right;
		background-image: url(images/brt.gif);
		background-position: top right;
		background-repeat: no-repeat;
		padding-right: 5px;
		padding-left: 2px;
		height: 18px;
		background-color: #bbead9;
		color: #36c18e;
		font-size: 9pt;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		padding-top: 3px;
	}

	.post {
		clear: both;
		padding-bottom: 50px;
		text-align: justify;
	}
	
	.post p {
		text-align: justify;
	}
	
	.post h2,
	.post h2 a {
		font-size: 20pt;
		color: #06b273;
		font-weight: normal;
		margin-top: 10px;
		text-decoration: none;
	}
	
	.a2a_dd { margin-left: 30px; }
	
	#comments {
		padding: 0px;
		border-top: 1px dashed #ccc;
		padding-top: 10px;
		margin-top: 50px;
	}

	#respond {
		border-top: 1px dashed #ccc;
		padding-top: 10px;
		margin-top: 50px;
	}
	
	#comment {
		width: 440px;
	}
	
	label {
		margin-left: 10px;
	}
	
	.navigation {
		width: 100%;
		text-align: center;
	}

	#optin2 #optintext {
		padding-top: 40px;
		margin-left: 140px;
	}

	#optin2 p {
		font-size: 10pt;
		margin-left: 0px;
		margin-right: 15px;
	}

	#optin2 {
		position: relative;
		background-image: url(images/optin2.gif);
		background-repeat: no-repeat;
		height: 159px;
		width: 653px;
		margin-left: 25px;
	}

	#optin2 #emailx {
		position: absolute;
		width: 188px;
		height: 20px;
		padding: 5px 5px 0px 5px; margin: 0;
		left: 350px;
		top: 109px;
		font-size: 9pt;
		font-family: Arial, Helvetica;
		background: transparent no-repeat fixed;
		border: none;
	}
	
	#optin2 #namex {
		position: absolute;
		width: 188px;
		height: 20px;
		padding: 5px 5px 0px 5px; margin: 0;
		left: 142px;
		top: 109px;
		font-size: 9pt;
		font-family: Arial, Helvetica;
		background: transparent no-repeat fixed;
		border: none;
	}
	
	#optin2 #buttonx {
		position: absolute;
		width: 70px;
		height: 23px; 
		top: 109px;
		left: 556px;
	}