/* 
theme name: karaoke kids
author: !
 */

/* reset */
	html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

/* general */
	strong {font-weight: bold;}
	em {font-style: italic;}
	.left {float: left;margin-right: 1em;}
	.right {float: right;margin-left: 1em;}
	.center {text-align: center;}
	.clear {clear: both;}
	.hide {display: none;}
	.show {display: block;}
	body {font-size: 14px; color: #3a1c38; background: #3a1c38; font-family: 'Comic Sans', 'Comic Sans MS', sans-serif;}
	.homepic {margin-right: -32px; margin-top: -70px;}
	.logo {position: absolute; width: 780px; height: 200px; text-indent: -9999px; display: block; top: -250px;}
	#inside .logo {top: -100;}
	.disco {position: absolute; left: 420px; top: -60px; width: 200px;}
	a {color: #391C3F;}
	a:hover {text-decoration: none;}
/* basic */
	#mainContainer {background: url(images/mainbg.jpg) no-repeat center top; width: 100%; min-height: 918px; *height: 918px;}
	#headerContainer, #bodyContainer, #footerContainer {clear: both; width: 800px; margin: 0 auto;}
	
/* header */
	#headerContainer {}
	#headerLogo h1 {text-indent: -9999px;margin: 0;}
	#headerLogo a {display: block;}
	#headerNav li {list-style: none;}

/* body */
	#bodyContainer {background: url(images/bodybg.jpg) repeat-y;}
	#bodyWrap {background: url(images/bodytop.jpg) no-repeat; padding-top: 270px;}
	#bodyContent {background: url(images/bodyfooter.jpg) no-repeat bottom; min-height: 900px; *height: 900px; padding: 0 40px 150px 5px;}
	#leftCol {float: left; width: 174px;}
	#nav li {list-style: none;}
	#nav li a {display: block; text-indent: -9999px;}
	#nav .home a {background: url(images/home_nav.jpg) no-repeat; width: 101px; height: 80px;}
	#nav .home a:hover {background: url(images/home_nav_hover.jpg) no-repeat; }
	#nav .shows a {background: url(images/shows_nav.jpg) no-repeat; width: 117px; height: 101px;}
	#nav .shows a:hover {background: url(images/shows_nav_hover.jpg) no-repeat; }
	#nav .rentals a {background: url(images/rentals_nav.jpg) no-repeat; width: 117px; height: 92px;}
	#nav .rentals a:hover {background: url(images/rentals_nav_hover.jpg) no-repeat; }
	#nav .rockstar a {background: url(images/rockstar_nav.jpg) no-repeat; width: 164px; height: 86px;}
	#nav .rockstar a:hover {background: url(images/rockstar_nav_hover.jpg) no-repeat; }
	#nav .random a {background: url(images/random_nav.jpg) no-repeat; width: 174px; height: 105px;}
	#nav .random a:hover {background: url(images/random_nav_hover.jpg) no-repeat; }
	#nav .testimonials a {background: url(images/testimonials_nav.jpg) no-repeat; width: 166px; height: 81px;}
	#nav .testimonials a:hover {background: url(images/testimonials_nav_hover.jpg) no-repeat; }
	#nav .songs a {background: url(images/song_nav.jpg) no-repeat; width: 166px; height: 87px;}
	#nav .songs a:hover {background: url(images/song_nav_hover.jpg) no-repeat; }	
	#nav .contact a {background: url(images/contact_nav.jpg) no-repeat; width: 166px; height: 108px;}
	#nav .contact a:hover {background: url(images/contact_nav_hover.jpg) no-repeat; }	
	#nav li ul li a {text-indent: 0!important;}
	#rightCol {float: right; width: 517px;}
	#rightCol ul {padding-left: 30px;}
	#home #bodyContent {position: relative;}
	#home #bodyContent #hero {position: absolute; z-index: 0; top: -56px; left: 161px;}
	#home #bodyContent #rightCol {position: relative; z-index: 1; padding-top: 160px; padding-right: 20px;}
	#bodyContent h1 {font-size: 22px; font-weight: normal;}
	#bodyContent h2 {font-size: 18px; font-weight: normal;}
	#bodyContent h3 {font-size: 16px; font-weight: normal;}
	#bodyContent h4 {font-size: 14px;}
	#bodyleft {width: 45%; float: left;}
	#bodyright {width: 45%; float: right;}
	
label {font-size: 12px; padding-left: 5px;}
#bodyright input {border: none; background: url(images/sendbutton.jpg) no-repeat; width: 71px; height: 25px; text-indent: -9999px;  margin-left: 5px;}
#bodyright .inputbox {border: none; width: 160px; height: 21px; background: url(images/inputbg.jpg) no-repeat; text-indent: 0; margin-left: 0;}
#bodyright textarea {width: 160px; border: none; height: 49px; background: url(images/textbg.jpg) no-repeat; margin-left: 5px;}
		#inside #bodyContent {position: relative;}
	#inside .disco {left: 600px; top: -170px;}
	.social {padding:0; list-style: none; clear: both; padding-left: 15px;}
.social li {display: inline;}
.social li img {width: 50px;}
.socialheading {clear: both; padding-left: 20px; padding-top: 20px;}

#footerContainer {width: 725px; color: #fff; font-size: 12px; padding-top: 20px;}
#footerContent ul {list-style: none;}
#footerContent li {display: inline; float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #DF8BDF;}
#footerContent li a {display: block; line-height: .9em;}
#footerContent a {color: #DF8BDF;}
#footerContent p {clear: both; padding-top: 5px;}