@charset "UTF-8";

* {margin: 0; padding: 0;}

/* Hidden Styles
----------------------------------------------- */
#hiddenlinks,#hiddenlinks *{
	display:none;
	left:-9999px;
	text-indent:-9999px;
	float:left
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #fff;
	background: #161616;
}

img {border: none;}
a {color: #f06eaa; text-decoration: none;}
a:hover {color: #fff; text-decoration: none;}

#container {width: 100%; height: auto; background: url(../images/bg/bg-texture-trans.png) left top no-repeat; behavior: url(/scripts/iepngfix.htc);}

#header-wrapper {width: 770px; height: 128px; margin: 0 auto; position: relative; padding-top: 0px;}
	
	#header-wrapper h1 {width: 377px; height: 128px; background: url(../images/logos/logo-trans-pink.png) no-repeat; behavior: url(/scripts/iepngfix.htc); text-indent:-9999px;}
	#header-wrapper h1 a {width: 377px; height: 128px; display: block; text-decoration: none;}
	#header-wrapper h1 a:hover {text-decoration: none;}
	
	#header-wrapper .loginRegister {padding: 3px 5px; background: #e9449b; position: absolute; right: 0; top: 0;}
		.loginRegister a {color: #fff; text-decoration: none;}
		.loginRegister a:hover {color: #000; text-decoration: none;}
		.loginRegister a.active {color: #545454; text-decoration: none;}
		
	#search {width: 235px; height: 23px; position: absolute; right: 0; bottom: 10px;}
	.searchBox {width: 200px; height: 21px; padding: 0 0 0 9px; background: url(../images/bg/bg-search-trans.gif) no-repeat; float: left;}
		.searchBox input {
			width: 184px;
			height: 13px;
			font-size: 11px;
			padding: 3px;
			margin: 1px 0;
			background-color: transparent;
			border: 0px #fff solid;
		}
		
	.searchBoxSafari {width: 195px; height: 21px; padding: 0 0 0 9px; float: left;}
		.searchBoxSafari input {
			width: 195px;
		}
	.searchPic {float: right;}

#wrapper {width: 750px; margin: 0 auto; border: 10px solid #fff; background: #000; overflow: hidden;}
	
	#navigation {width: 750px; height: 29px; border-bottom: 1px #fff solid; list-style: none;}
		ul#navigation  li {float: left; list-style: none;}
		ul#navigation  li a {
			display: block;
			height: 29px;
			text-decoration: none;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		ul#navigation li#entercompetition a {background-image: url(../images/navigation/entercompetition.gif); width: 188px; text-indent:-9999px;}
		ul#navigation li#therules a {background-image: url(../images/navigation/therules.gif); width: 126px; text-indent:-9999px;}
		ul#navigation li#freemusicworkshop a {background-image: url(../images/navigation/freemusic.gif); width: 215px; text-indent:-9999px;}
		ul#navigation li#buildaband a {background-image: url(../images/navigation/buildaband.gif); width: 221px; text-indent:-9999px;}
			ul#navigation  li a:hover {background-position: 0 -29px;}
			ul#navigation  li a.active {background-position: 0 -58px;}
	
	#latestNews {width: 750px; height: 210px; position: relative; background: url(../images/bg/latest-News.jpg) no-repeat;}
		#latestNews h2 {width: 361px; height: 68px; position: absolute; top: 22px; right: 23px; background: url(../images/title/adTitle-trans.png) no-repeat; behavior: url(/scripts/iepngfix.htc); text-indent:-9999px;}
			
		#latestNews p {width: 310px; top: 101px; right: 55px; font-size: 90%; position: absolute;}
		
#left-contents {padding: 10px 0 10px 10px; float: left;}
#left-contents p{line-height:1.2em}

#news, #mostPlayed {width: 322px; border: 4px solid #fff; padding: 15px;  overflow: hidden; margin-bottom: 10px;}	
	#news h2 {width: 71px; height: 31px; margin-bottom: 10px; background: url(../images/title/newsTitle.gif) no-repeat; text-indent:-9999px;}
		
		#news ol, #new ul {width: 322px; list-style: none;}
			#news ol li {padding: 0 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #212121; background: url(../images/icon/whiteSquare.gif) no-repeat 0 4px;}
			#news ol li h3 {font-weight: normal; font-style: normal;}
			#news ol li h3 em {display: block; font-size: 90%; font-weight: normal; font-style: normal; color: #747474;}
			#news ol li p {font-size: 90%; color: #b4b4b4;}
			
			#news ul li {display: block; list-style: none; font-size: 90%;}
			#news ul li.all {float: left; height: 12px; padding-top: 8px;}
				#news ul li.all a {text-decoration: underline;}
			
			#news ul li.rss {float: right; height: 20px; padding: 0;}
				#news ul li.rss a {color: #ff7800; text-decoration: underline;}
				#news ul li.rss a:hover {color: #ff7800; text-decoration: none;}
				
	#mostPlayed h2 {width: 173px; height: 31px; margin-bottom: 10px; background: url(../images/title/mostPlayed.gif) no-repeat; text-indent:-9999px;}
		
#right-contents {padding: 10px 10px 10px 0; float: right;}
#right-contents p{line-height:1.2em}

	#mostRecentlyAdded {width: 322px; padding: 15px; border: 4px solid #fff; overflow: hidden;}
		#mostRecentlyAdded h2 {width: 294px; height: 31px; margin-bottom: 10px; background: url(../images/title/mostRecentlyAdded.gif) no-repeat; text-indent:-9999px;}
		
		#mostRecentlyAdded ul li,#internal ul li {display: block; list-style: none; font-size: 90%;}
			#mostRecentlyAdded ul li.all {float: left; height: 12px; padding-top: 15px;}
				#mostRecentlyAdded ul li.all a {text-decoration: underline;}
			
			#mostRecentlyAdded ul li.rss,#internal ul li.rss {float: right; height: 20px; padding-top:5px;}
				#mostRecentlyAdded ul li.rss a,#internal ul li.rss a {color: #ff7800; text-decoration: underline;}
				#mostRecentlyAdded ul li.rss a:hover,#internal ul li.rss a:hover {color: #ff7800; text-decoration: none;}

/*profile*/				
#profile {width: 692px; border: 4px solid #fff; padding: 15px; overflow: hidden; margin:10px auto; line-height:1.2em}

	#profile h2 {width: 115px; height: 31px; margin-bottom: 10px; background: url(../images/title/profileTitle.gif) no-repeat; text-indent:-9999px;}
	
	#profileWrapper {width: 672px; padding: 10px; background: #1e1e1e; overflow: hidden;}
	#profileVdo {float: right;}
	#profileDetail {width: 330px; float: left;}
		#profileDetail h3 {font-size: 18px; font-weight: normal;}
		#profileDetail h3 em { display: block; font-style: normal;}
		
		#profileDetail dl {font-size: 90%; color: #b4b4b4; padding: 10px 0;}
		#profileDetail dt.picture {margin-right: 20px; float: left;}
		#profileDetail .avatar {border: 1px #FFF solid;}
		#profileDetail dt.title {width: 240px; float: left;}
		#profileDetail dd {padding-top: 10px; clear: both;}
			#profileDetail dd ul {font-size: 12px; color: #fff; list-style: none;}
			#profileDetail dd ul li {display: inline; padding-right: 12px; vertical-align: middle;}
		#profileDetail dd.report{width:100%;margin:0;text-align:right;}
		#profileDetail select.vote{width: 170px; background:#CCC; border:solid 1px #8f8f8f; cursor:pointer}
	
	#profileCommment h4 {width: 259px; height: 75px; background: url(../images/title/commentTitle-trans.png) no-repeat; behavior: url(/scripts/iepngfix.htc); text-indent:-9999px;}
	
	#profileCommment p.link {padding: 3px 0 0 140px; margin: -45px 0 33px;}
		#profileCommment p.link a {color: #f06eaa; text-decoration: underline;}
		#profileCommment p.link a:hover {color: #f06eaa; text-decoration: none;}
		
	#profileCommment ol {font-size: 90%; color: #b4b4b4; list-style: none; border-top: 1px #212121 solid;}
	#profileCommment li {width: 100%; border-bottom: 1px #212121 solid; padding: 10px 0; overflow: hidden;}
	#profileCommment li h6 {
		font-size: 12px;
		font-weight: bold;
		padding: 0 0 10px 25px;
		background: url(../images/icon/bullet-trans.png) no-repeat;
		behavior: url(/scripts/iepngfix.htc);
	}
	#profileCommment li h6 em {font-style: normal; font-weight: normal; color: #656565;}
	#profileCommment p.report{width:100%;margin:0;text-align:right;}
	#profileCommment .leftcol {float:left; width:70px;}
	#profileCommment .rightcol {float:right; width:615px;}
	#profileCommment .avatar {border: 1px #FFF solid;}
	
	#profileMakecomment {width: 692px; background: url(../images/bg/bg-makecomment-trans.png) no-repeat; behavior: url(/scripts/iepngfix.htc);}
		#profileMakecomment h4 {width: 245px; height: 90px; background: url(../images/title/makecommentTitle-trans.png) no-repeat; behavior: url(/scripts/iepngfix.htc); text-indent:-9999px;}	
		
		#profileMakecomment p {padding: 3px 0;}
		#profileMakecomment a {color: #f06eaa; text-decoration: underline;}
		#profileMakecomment a:hover {color: #f06eaa; text-decoration: none;}
		#profileMakecomment .textarea {width: 415px; height: 150px;}
		
/*internal*/				
#internal {width: 692px; border: 4px solid #fff; padding: 15px; overflow: hidden; margin:10px auto; line-height:1.2em}
	
	#internal h2.register {width: 135px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_register.gif) no-repeat; text-indent:-9999px;}
	#internal h2.myaccount {width: 160px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_myaccount.gif) no-repeat; text-indent:-9999px;}
	#internal h2.login {width: 85px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_login.gif) no-repeat; text-indent:-9999px;}
	#internal h2.forgot {width: 245px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_forgotpwd.gif) no-repeat; text-indent:-9999px;}
	#internal h2.thankyou {width: 155px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_thankyou.gif) no-repeat; text-indent:-9999px;}
	#internal h2.enter {width: 85px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_enter.gif) no-repeat; text-indent:-9999px;}
	#internal h2.therules {width: 145px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_therules.gif) no-repeat; text-indent:-9999px;}
	#internal h2.workshop {width: 315px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_freemusic.gif) no-repeat; text-indent:-9999px;}
	#internal h2.seminars {width: 315px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_bbseminars.gif) no-repeat; text-indent:-9999px;}
	#internal h2.partners {width: 205px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_partnersinfo.gif) no-repeat; text-indent:-9999px;}
	#internal h2.contact {width: 160px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_contactus.gif) no-repeat; text-indent:-9999px;}
	#internal h2.search {width: 230px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_searchresults.gif) no-repeat; text-indent:-9999px;}
	#internal h2.news {width: 71px; height: 31px; margin-bottom: 10px; background: url(../images/title/newsTitle.gif) no-repeat; text-indent:-9999px;}
	#internal h2.recentadded {width: 294px; height: 31px; margin-bottom: 10px; background: url(../images/title/mostRecentlyAdded.gif) no-repeat; text-indent:-9999px;}
	#internal h2.error {width: 305px; height: 31px; margin-bottom: 10px; background: url(../images/title/title_error.gif) no-repeat; text-indent:-9999px;}

	#internalWrapper p {padding: 3px 0;}
		#internalWrapper h3 {font-size:190%; margin-bottom:10px; font-weight:bold; line-height:1.1em}
		#internalWrapper p.date {font-size:90%; margin-bottom:20px; font-style:italic; border-bottom: 1px solid #FFF;}
		#internalWrapper p.back {font-size:90%; margin-top:20px; font-style:italic; border-top: 1px solid #FFF;}
	
	#internalWrapper {width: 672px; padding: 10px; background: #1e1e1e; overflow: hidden; font-size: 90%;}
		#internalWrapper .avatar {border: 1px #FFF solid;}
						
#footer {width: 760px; margin: 0 auto; padding-right: 10px; overflow: hidden;}
	#footer ul {float: left; margin-top: 10px;}
		#footer ul li {display: block; float: left; margin-right: 10px;}
	
	#footer p {float: right; margin-top: 10px;}
	#footer .smart {float: right; padding: 10px 0; text-align: right;}