html, body, div, span, applet, object, iframe, embed,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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;
	color:#79451d;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
body{
	background: #fd8d32 url(../imgs/bg.jpg) top left no-repeat;
	color: #000;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	line-height: 1.5;
	height:100%;
}
strong {
	font-weight:bold;
}

a {
	
}

a:hover {
	
}


/* specific stuffs */

#content {
	overflow:hidden;
	height:100%;
}
#center {
	min-height:480px;
	padding:180px 0 0 350px;
	position:relative;
	width:600px;
}
#right {
	background:url(../imgs/rightbg.png) no-repeat scroll 0 0 transparent;
	height:5000px;
	left:976px;
	position:fixed;
	top:0;
	width:69px;
}

#right ul {
	position:absolute;
	top:35px;
	left:-494px;
	width:532px;
	height:179px;
	background:transparent url(../imgs/navbg.png) 0 0 no-repeat;
}

.title {
	position:absolute;
	top:94px;
	left:0;
	height:254px;
	width:195px;
	background:transparent url(../imgs/title.png) 0 0 no-repeat;
}
.title h1, .title h2 {
	text-indent:-999999px;
}
.listen,
.learn,
.contact {
	margin:0;
	padding:0;
	width:600px;
	height:480px;
	position:relative;
}
.contact p {
	line-height:19px;
	text-align:justify;
	padding:0 0 20px 0;
}
.contact {
	font-size:12px;
	padding:0 0 0 135px;
	height:auto;
	width:410px;	
}
.contact strong {

	font-weight:bold;
}
.learn {
	font-size:12px;
	height:auto;
	padding:0 0 0 210px;
	width:363px;
}
.learn p {
	line-height:22px;
	text-align:justify;
	padding:0 0 20px 0;
}
.learn strong {
	font-size:13px;
	font-weight:bold;
}
.listen {
	overflow:hidden;
	background:url(../imgs/listenbg.jpg) 0 0 no-repeat;
}
.listen .quote {
	text-align:right;
	font-size:11px;
	position:absolute;
	top:73px;
	left:20px;
	line-height:22px;
	width:116px;
	height:284px;
}
.listen .quote strong {
	display:block;
	font-weight:bold;
}
.album {
	margin:50px 0;
	position:relative;
	width:420px;
	height:395px;
}
.albumfirst {
	margin-top:0 !important;
	top:0 !important;
}
.album .play {
	overflow:hidden;
	text-indent:-999999px;
	position:absolute;
	top:167px;
	right:9px;
	width:85px;
	height:85px;
	display:block;
	outline:none;
	background:url(../imgs/playbtn.png) 0 0 no-repeat;
}
.album a.play:hover {
	background-position:-85px 0;
}
.album span {
	position:absolute;
	background:url(../imgs/albumbg.png) 0 0 no-repeat;
	/* heh-heh-heh */
	width:420px;
	height:395px;
}
.album img {
	position:absolute;
	top:42px;
	left:35px;
	width:320px;
	height:338px;
}
.controls {
	position:absolute;
	width:100px;
	height:80px;
	top:0;
	left:0;
}
.navlinks {
	background:url(../imgs/navbg.png) no-repeat scroll 0 0 transparent;
	clear:left;
	height:179px;
	left:482px;
	overflow:hidden;
	padding:10px 0 0 15px;
	position:absolute;
	top:35px;
	width:517px;
}
.navlinks li {
	float:left;
}

.navlinks li a {
	display:block;
	height:110px;
	outline:none;
	text-indent:-999999px;
	overflow:hidden;
	background:url(../imgs/navlinks.png) 0 0 no-repeat;
}

.navlinks .listen_lnk_hit {
	cursor:default;
	width:182px;
	background-position:0 0;
}
.navlinks .listen_lnk_up {
	background-position:0 -110px;
	width:140px;
}
.navlinks a.listen_lnk_up:hover {
	background-position:0 -440px;
	width:140px;
}

.navlinks .learn_lnk_hit {
	cursor:default;
	width:158px;
	background-position:-140px -110px;
}
.navlinks .learn_lnk_up {
	background-position:-182px 0;
	width:117px;
}
.navlinks a.learn_lnk_up:hover {
	background-position:-182px -330px;
	width:117px;
}

.navlinks .contact_lnk_hit {
	cursor:default;
	width:230px;
	background-position:-256px -220px;
}
.navlinks .contact_lnk_up {
	background-position:-298px 0;
	width:168px;
}
.navlinks a.contact_lnk_up:hover {
	background-position:-298px -330px;
	width:168px;
}

.album .tracklist,
.album .download,
.album .share {
	outline:none;
	display:block;
	height:58px;
	background:url(../imgs/albumactions.png) 0 0 no-repeat;
	position:absolute;
	top:18px;
	text-indent:-9999999px;
}

.album .tracklist {
	width:97px;
	left:63px;
	background-position:0 -58px;
}
.album a.tracklist:hover {
	background-position:0 0;
}
.album .download {
	width:100px;
	left:160px;
	background-position:-97px -58px;
}
.album a.download:hover {
	background-position:-97px 0;
}
.album .share {
	width:100px;
	left:274px;
	background-position:-211px -58px;
}
.album a.share:hover {
	background-position:-211px 0;
}

.controls {
	background:url(../imgs/controlbg.png) 0 0 no-repeat;
	position:absolute;
	overflow:hidden;
	width:123px;
	height:109px;
	top:255px;
	left:-132px;
}
.controls a {
	position:absolute;
	text-indent:-999999px;
	overflow:hidden;
	width:35px;
	height:35px;
	display:block;
	outline:none;
	background:url(../imgs/prevnext.gif) 0 0 no-repeat;
}
.controls .prev {
	top:56px;
	left:23px;
	background-position:0 0;
}
.controls a.prev:hover {
	background-position:0 -35px;
}
.controls .next {
	top:56px;
	left:58px;
	background-position:-35px 0;
}
.controls a.next:hover {
	background-position:-35px -35px;
}

.controls p {
	padding:14px 8px 0 0;
	text-align:center;
	font-size:20px;
	color:#4c3a24;
}

#albumwrapper {
	top:34px;
	padding-left:169px;
	left:0;
	position:relative;
	overflow:hidden;
	height:395px;
}
.playlist ol {
	text-transform:capitalize;
	list-style-type: decimal;
	padding:10px 35px 10px 35px;	
}
.playlist li {
	line-height:12px;
	padding:3px;
}
.inlinecontent {
	display:none;
	visibility:hidden;
}
.anchorlink {

}




.sharelink {
	position:relative;
}
.sharelink p {
	margin:15px;
}
.sharelink ul {
	overflow:hidden;
	clear:elft;
	margin:15px;
}
.sharelink li {
	outline:none;
	float:left;
	padding:3px 3px 0 0;
	*padding:1px 3px 0 0;
}
.sharelink li a {
	text-indent:-9999999px;
	width:32px;
	height:32px;
	display:block;
	outline:none;
	overflow:hidden;
}

.sharelink li a:hover {
	margin-top:2px;
}
.sharelink .facebook { background:url(../imgs/facebook.png) 0 0 no-repeat }
.sharelink .twitter { background:url(../imgs/twitter.png) 0 0 no-repeat }
.sharelink .digg { background:url(../imgs/digg.png) 0 0 no-repeat }
.sharelink .stumbleupon { background:url(../imgs/stumbleupon.png) 0 0 no-repeat }
.sharelink .google { background:url(../imgs/google.png) 0 0 no-repeat }
.sharelink .delicious { background:url(../imgs/delicious.png) 0 0 no-repeat }


#formwrapper {
	padding:20px 0 0 0;
	position:relative;
}
#formwrapper input, #formwrapper textarea {
	display:block;
	width:300px;
	font-size:11px;
	font-family:Verdana, Geneva, Arial, sans-serif;	
	border:none;
	background:#FFA54D;
	padding:8px;
	margin:1px;
	*margin:0;
}
#formwrapper p {
	padding:0;
	margin:0;
}
#formwrapper textarea {
	height:100px;
}

#formwrapper .submit {
	*margin-top:1px;
	background:#3E5042;
	color:#fff;
	width:317px;
}
#formwrapper .submit:hover {
	cursor:pointer;
	background:#f55c00;
	color:#fff;
}

#wikki-wikki-wuh {
	position:absolute;
	top:373px;
	left:101px;
	width:160px;
	height:125px;
	display:block;
}




/* temporary */
.learn,
.contact {
	display:none;
}