/* CSS Document */

/* CSS Reset */
html{height:100%;}
body{color:#8a8d91;background:url(images/bg-main.jpg) top center no-repeat #d9bd8e;height:100%;margin:0;padding:0;font-family:Tahoma, Geneva, Verdana, Arial;font-size:12px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* EOF */

.clear {
	clear: both;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

#mainframe{width:830px; margin:42px auto 0 auto; position:relative;}


#top{float:left; width:830px; height:44px; background-image:url(images/header-top.png);}
#main-content{float:left; background:url(images/bg-content.png) repeat-y;}
#header{width:830px; float:left;}
	#logo{width:268px; float:left; padding-left: 10px;}
	#logo img{float:right;}
	#nav{width:auto; float:right; padding:88px 72px 3px 0; text-align:right;}
		#nav li { display:inline; line-height:18px; font-size:12px; font-weight:normal; }
			#nav li a { display:block; float:left; height:18px; text-decoration:none; color:#adadad; padding-left:6px; margin-left:6px; border-left:#adadad 1px solid; }
			#nav li a.first { padding-left:0; border:none; margin-left:0; }
			#nav li a:hover { color:#c079b4; }

.content{float:left; background:url(images/content-top-stroke.gif) 61px 0px no-repeat;}
	.content h1{font-size:20px; line-height:42px; padding-bottom:18px; font-weight:bold; color:#66cccc;}
	.content p{font-size:16px; line-height:22px; padding-bottom:18px;}
		.content p em{color:#66cccc;}
	.content a{color:#66cccc; text-decoration:underline;}
	.content a:hover{text-decoration:none;}
	.content h2 { color:#66cccc; font-size:20px; line-height:20px; margin:5px 0 15px 0; font-weight:bold; }
	.content h3 { color:#66cccc; font-size:15px; line-height:15px; margin:5px 0 15px 0; font-weight:bold; }
	.content ul { font-size:13px; line-height:16px; margin-bottom:15px; }
			
	#latest-songs{padding-top:12px; padding-bottom:16px;}
		#latest-songs h2{font-size:20px; line-height:36px; padding-bottom:8px; font-weight:bold; color:#66cccc;}
		#latest-songs a{display:block; width:160px; height:115px; position:relative; background-repeat:no-repeat; text-decoration:none;}
		#latest-songs a span{display:block; width:160px; height:auto; padding:2px 0; background-image:url(images/bg-90percent.png); position:absolute; bottom:0px; vertical-align:bottom; line-height:14px; text-align:center; font-size:11px; text-decoration:none; color:#FFFFFF;}
		.latest-song1,.latest-song2,.latest-song3{width:160px; height:115px; float:left; padding:18px 8px 16px 12px; background:url(images/bg-latest-songs.gif) no-repeat;}
		.latest-song1{margin-left:21px;}
		.latest-song2{margin:0 58px 0 64px;}


/***************************************/

.navigation { margin-bottom: 20px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

.narrowcolumn { width:380px; float:left; }
.widecolumn { width:704px; float:left; }
#sidebar { width:224px; float:right; background-color:#eee; padding:10px; margin-bottom:21px; }
.post h3 { width:360px; border-bottom:#eee 2px dotted; }
.post small { padding:0; margin: 0 0 25px 0; font-style:italic; font-size:11px; }
.post .entry {font-size:16px; line-height:22px; padding-bottom:18px;}
.post .postmetadata { font-size: 12px; }

.products{width:704px; padding:50px 66px 16px 60px;}
	.products #back-to-cat { float:left; font-size:14px; line-height:14px; padding-top:8px; }
	.products #cart-div { float:right; width:205px; font-size:14px; line-height:18px; padding-top:8px; }
		.products .cart { float:left; }
		.products .checkout { float:right; font-weight:bold; }
	.products #paypal-div { float:right; width:205px; height:45px; padding-top:15px; }
	.products #product-sidebar { width:175px; min-height:120px; height:auto; _height:120px; float:right; padding:10px; margin-top:5px; background-color:#eeeeee; border:#CCCCCC 5px solid; }
		.products .category { color:#656565; line-height:20px; font-size:14px; text-decoration:none; }
		.products .category:hover { color:#66cccc; text-decoration:underline; }
	
	.products #products { width:499px; height:auto; float:left; margin-top:5px; }
		.products .product-div { width:160px; height:115px; float:left; padding:18px 8px 16px 12px; background:url(images/bg-latest-songs.gif) no-repeat; margin-right:60px; margin-bottom:48px; }
		.products .product-div a{display:block; width:160px; height:115px; position:relative; background-repeat:no-repeat; text-decoration:none;}
		.products .product-div a span{display:block; width:160px; height:auto; padding:2px 0; background-image:url(images/bg-90percent.png); position:absolute; bottom:0px; vertical-align:bottom; line-height:14px; text-align:center; font-size:11px; text-decoration:none; color:#FFFFFF; cursor:pointer;}
	
	.products #single-product { width:704px; height:auto; float:left; margin-top:13px; }
		.image-div { width:315px; height:202px; float:left; padding:31px 3px 19px 3px; background:url(images/bg-single-song.gif) no-repeat; }
			.image-div img { width:315px; height:202px; }
		.wpsc_listen_button { float:left; margin-top:20px; }
		.more-images { width:317px; float:left; margin:0; clear:both; }
			.more-images .img { width:48px; height:48px; float:left; padding:10px 10px 0 0; }
			.more-images img { width:48px; height:48px; }
			.more-images .text { width:317px; float:left; padding-top:14px; font-size:13px; }
		
		#single-product .description-div { width:358px; min-height:260px; height:auto; _height:260px; float:right; }
		#single-product .description-div h1 { font-size:20px; line-height:31px; padding:0; font-weight:bold; color:#66cccc; }
		#single-product p.detail { margin:0; }
		#single-product p.price { margin:0; font-size:20px; font-weight:bold; }
			#single-product .price span span { text-decoration:line-through; }

.all-about-me{width:730px; min-height:400px; height:auto; _height:400px; padding:50px 0px 16px 60px;}
	.all-about-me p{font-size:16px; line-height:22px; padding-bottom:20px; padding-top:0px;}
	
.keep-in-touch{width:704px; padding:50px 66px 16px 60px;}
	.keep-in-touch h1{font-size:20px; line-height:34px; padding-bottom:0px; font-weight:bold; color:#66cccc;}
	.keep-in-touch p{width:314px; font-size:16px; line-height:22px; padding-bottom:10px; padding-top:9px;}
	.keep-in-touch label { font-size:13px; line-height:22px; }
	.keep-in-touch input,textarea { background-color:#effafa; border:#666666 1px inset; color:#494a4a; line-height:20px; font-size:12px; padding:0 3px; }
	.keep-in-touch input { width:159px; height:20px; }
	.keep-in-touch textarea { width:359px; height:180px; }
	.keep-in-touch .submit { width:71px; height:24px; border:none; background:none; padding:0; }

.home{width:704px; padding:50px 66px 16px 60px;}


/***************************************/


#footer{width:830px; height:44px; padding-top:45px; float:left; background:url(images/footer.png) no-repeat; text-align:center;}
	#footer a{color:#8a8d91;text-decoration:none;}
	#footer a:hover{text-decoration:underline;}
	
#guitar{width:250px; height:810px; position:absolute; z-index:2; top:-42px; left:-189px; clear:both; float:left; background:url(images/guitar.png) no-repeat;}
#maraccas{width:302px; height:489px; position:absolute; z-index:3; top:222px; right:-238px; clear:both; float:left; background:url(images/maraccas.png) no-repeat;}
#about-mr-myles{width:290px; height:418px; position:absolute; z-index:1; top:235px; left:485px; clear:both; float:left; background:url(images/about-mr-myles2.gif) no-repeat;}