/* Internal Styles
----------------------------------------------------
Author:		Steve McKeogh
Date:		6th August 2007
---------------------------------------------------- */

/* Chart Page
----------------------------------------------- */
#content_c{
	width:769px;
	margin:10px 0 0;
	float:left
	}
	
div.bdr_769_top,div.bdr_769_bottom,div.bdr_503_top,div.bdr_503_bottom,div.bdr_256_top,div.bdr_256_bottom{
	height:9px;
	background-repeat:no-repeat;
	font-size:10%;
	float:left
	}
div.bdr_769_top,div.bdr_769_bottom{width:769px}
div.bdr_503_top,div.bdr_503_bottom{width:503px}
div.bdr_256_top,div.bdr_256_bottom{width:256px}
div.bdr_769_top{background:url(../images/backgrounds/border_769_top.gif)}
div.bdr_769_bottom{background:url(../images/backgrounds/border_769_bottom.gif)}
div.bdr_503_top{background:url(../images/backgrounds/border_503_top.gif)}
div.bdr_503_bottom{background:url(../images/backgrounds/border_503_bottom.gif)}
div.bdr_256_top{background:url(../images/backgrounds/border_256_top.gif)}
div.bdr_256_bottom{background:url(../images/backgrounds/border_256_bottom.gif)}
div.bdr_769_middle,div.bdr_503_middle,div.bdr_256_middle{
	padding:9px 15px;
	border-left:solid 3px #FFF;
	border-right:solid 3px #FFF;
	float:left
	}
div.bdr_769_middle{
	width:733px;
	background:#004B6B
	}
div.bdr_503_middle{
	width:467px;
	background:#004B6B	
	}
div.bdr_256_middle{
	width:220px;
	background:#004B6B url(../images/backgrounds/border_256_top_bg.gif) repeat-x
	}
	
h2.toprated{background-image:url(../images/titles/toprated.gif)}
h2.newestmusic{background-image:url(../images/titles/newestmusic.gif)}
	
#chart_l,#chart_r{width:354px}
#chart_l{float:left}
#chart_r{float:right}


/* Track/Music Page
----------------------------------------------- */
#content_l{
	width:503px;
	float:left
	}
#content_r{
	width:256px;
	float:right
	}
h2.profile{background-image:url(../images/titles/profile.gif)}
h2.comments{background-image:url(../images/titles/comments.gif)}
h2.postyourcomment{background-image:url(../images/titles/postyourcomment.gif)}
h2.training{background-image:url(../images/titles/training.gif)}
h2.gallery{background-image:url(../images/titles/gallery.gif)}
h2.musicsampler{background-image:url(../images/titles/musicsampler.gif)}
h2.about{background-image:url(../images/titles/about.gif)}
h2.u18workshops{background-image:url(../images/titles/u18workshops.gif)}
#profile_c{
	width:467px;
	padding:0 0 10px;
	border-bottom:solid 1px #08587A;
	float:left
	}
#profile_l{
	width:195px;
	float:left
	}
#profile_r{
	width:249px;
	font-size:80%;
	color:#CACACA;
	float:right
	}
#profile_r,#profile_r p{line-height:1.3em}
#profile_r p{margin:0 0 0.2em}
#profile_r p strong{color:#D3E028}
#profile_r p strong span{color:#FFF}
#profile_stats{
	width:249px;
	margin:14px 0 0;
	font-size:85%;
	float:left
	}
#profile_stats span{font-size:90%}
#profile_stats strong{color:#CACACA !important}

/* comments */
#comments_c{
	width:467px;
	margin:16px 0 0;
	padding:0 0 10px;
	border-bottom:solid 1px #08587A;
	float:left
	}
div.comment_c{
	width:439px;
	margin:0 0 7px;
	padding:14px 14px 8px 14px;
	background:#065475;
	font-size:80%;
	float:left
	}
div.comment_details{
	width:414px;
	padding:1px 0 18px 25px;
	background:url(../images/icons/comment.gif) no-repeat;
	color:#B5B5B5;
	float:left
	}
div.comment_details p{margin:0}
div.comment_details strong{color:#FFF}
div.comment_post{
	width:439px;
	color:#CACACA;
	float:left
	}
div.comment_post,div.comment_post p{
	margin:0 0 1em;
	line-height:1.3em
	}
div.comment_post p.report{
	width:100%;
	margin:0;
	font-size:85%;
	text-align:right
	}

/* post your comment */
#postcomment_c{
	width:467px;
	margin:16px 0 0;
	float:left
	}
div.commentform_c{
	width:467px;
	margin:0 0 9px;
	font-size:80%;
	color:#CACACA;
	float:left
	}
div.commentform_c p{margin:0 0 0.5em}


/* Right Column
----------------------------------------------- */
div.right_c{
	width:256px;
	margin:0 0 11px;
	float:left
	}
h2.player{background-image:url(../images/titles/player.gif)}
h2.mostrecenttracks{background-image:url(../images/titles/mostrecenttracks.gif)}
#flashplayer{
	width:220px;
	font-size:70%;
	color:#FFF;
	float:left
	}
#flashplayer p{
	width:100%;
	text-align:center
	}
#vote{
	width:220px;
	margin:11px 0 0;
	font-size:65%;
	color:#B1B1B1;
	text-align:center;
	float:left
	}
ul.right_tracks{
	margin:0;
	padding:0;
	list-style:none
	}
ul.right_tracks li{
	padding:6px 0;
	border-bottom:solid 1px #065475;
	line-height:1.6em;
	font-size:70%;
	}
ul.right_tracks li img{margin:7px 6px 0 0}
ul.right_tracks li.nobdr{
	padding:6px 0 0;
	border:0
	}


/* Enter Competition
----------------------------------------------- */
h2.entercompetition{background-image:url(../images/titles/entercompetition.gif)}
h2.thankyou{background-image:url(../images/titles/thankyou.gif)}
div.form_c,div.form_c_marg,div.form_c_submit{
	width:733px;
	font-size:70%;
	float:left
	}
div.form_c{margin:0 0 3px}
div.form_c_marg{margin:0 0 27px}
div.form_c_submit{text-align:center}
div.form_c_l,div.form_c_r{width:366px}
div.form_c_l{float:left}
div.form_c_r{float:right}
div.form_c_x_l{
	width:140px;
	padding:4px 0 0;
	float:left
	}
div.form_c_x_r{
	width:226px;
	float:right
	}
div.form_c_3_l{
	width:244px;
	float:left
	}
div.form_c_3_r{
	width:489px;
	float:right
	}
div.form_c_3_r_l{
	width:244px;
	float:left
	}
div.form_c_3_r_r{
	width:244px;
	float:right
	}
div.form_gall_l{
	width:30px;
	padding:10px 0 0;
	float:left
	}
div.form_gall_r{
	width:703px;
	float:right
	}
div.form_gall_r_l{
	width:61px;
	float:left
	}
div.form_gall_r_l a{
	width:51px;
	border:solid 1px #DEC683;
	overflow:hidden;
	display:block;
	float:left
	}
div.form_gall_r_l a:hover,div.form_gall_r_l a:visited:hover{border-color:#FF9F00}
div.form_gall_r_r{
	width:642px;
	padding:13px 0 0;
	font-weight:bold;
	float:right
	}
#pleasewait{
	width:727px;
	margin:0 0 15px;
	padding:12px 0;
	background:#FDD8B3;
	border:solid 3px #FF6600;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:70%;
	display:none;
	float:left
	}
	

/* Search Results
----------------------------------------------- */
h2.searchresults{background-image:url(../images/titles/searchresults.gif)}
#result_total{
	width:100%;
	margin:0 0 18px;
	padding:0 0 8px;
	border-bottom:solid 1px #08587A;
	font-size:70%;
	color:#CACACA;
	text-align:right;
	float:left
	}
div.result_total_l{
	padding:5px 0 0;
	float:left
	}
div.result_total_r{float:right}
div.result_c{
	width:100%;
	margin:0 0 12px;
	font-size:75%;
	color:#CACACA;
	float:left
	}
div.result_c p,div.result_c h3{margin:0 0 3px}
div.result_c h3{
	padding:0;
	font-size:110%;
	}
div.result_c span{
	color:#FFF;
	font-weight:bold
	}
	
	
/* Generic Page
----------------------------------------------- */
h2.information{background-image:url(../images/titles/information.gif)}
h2.partners{background-image:url(../images/titles/partners.gif)}
h2.workshops{background-image:url(../images/titles/workshops.gif)}
div.generic_pages{
	width:100%;
	font-size:75%;
	float:left
	}
div.generic_pages,div.generic_pages p{line-height:1.5em}


/* Gallery
----------------------------------------------- */
#gallery,div.gallery_c{
	width:733px;
	float:left
	}
div.gallery_c{
	margin:0 0 20px;
	font-size:75%
	}
div.gallery_l{
	width:125px;
	float:left
	}
div.gallery_l a.image{
	width:100px;
	border:solid 2px #DEC683;
	overflow:hidden;
	display:block;
	float:left
	}
div.gallery_l a.image:hover,div.gallery_l a.image:visited:hover{border-color:#FF9F00}
div.gallery_r{
	width:608px;
	float:left
	}
div.gallery_r h3{
	margin:0;
	padding:0;
	color:#D3E028;
	font-size:140%;
	font-weight:normal;
	}
div.gallery_r,div.gallery_r p{line-height:1.5em}
div.gallery_r p{
	margin:0;
	color:#CACACA
	}
div.gallery_r p.artist{
	margin:0 0 0.1em;
	color:#FFF
	}
div.gallery_click{
	width:100px;
	margin:6px 0 0;
	font-size:80%;
	text-align:center;
	float:left
	}

	
/* Errors
----------------------------------------------- */
#errors_c{
	width:98%;
	height:70px;
	margin:0 0 18px;
	background:#f0e0e0;
	border:solid 3px #FF3333;
	font-size:70%;
	font-weight:bold;
	color:#CC0000;
	overflow:auto;
	float:left
	}
#errors{
	padding:12px;
	float:left
	}