/* BODY */
* {margin:0;padding:0}
body {padding: 0;background: #000;color:#fff;font:83%/1.5 arial,tahoma,verdana,sans-serif}
#wrap {width:900px;margin: 0 auto;position:relative;background:#000}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;color:#fff}
h1 {font-size: 196%}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

/* GENERAL */
p, ul, ol {margin: 0 0 1.5em}
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link, a:visited {color:#fff} 
a:hover,a:active {color:#ff5b9e} 

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}

#content-wrap {position:relative;width:900px;margin-left:3px;margin-right:3px}

/* LAYOUT - HEADER */
#header {background: #666 url("images/header.jpg") repeat-x 0 100%;margin: 0 0 15px;padding: 0 0 8px;height:95px;width:900px;margin-left:3px;margin-right:3px}
#header #site-name {font: 300% arial;letter-spacing: -.1em;margin:0 0 0 195px;padding:3px 0;color:#fff;border:none;font-weight:bold}
#header #site-name #big-top {line-height: 0.8;}
#header #site-name #big-bottom {padding-left:18px;line-height: 0.8;}
#header #site-name #huge {position:absolute;font-size: 210%;top:-12px;left:267px;letter-spacing: -.12em;}
	
	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {font-weight:bold;font: bold 96% arial;margin-left:240px;margin-top:6px}
	#nav li {position:relative;background: #fff;float: left;width: 10em;display:block;margin-right: 5px;border-bottom: 3px solid #732847;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#b401b5;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000}
	
	#nav li ul {border-left: 1px solid #732847;background: #fff;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#b401b5;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#000}
	
	#nav li.active {background: #732847;border-bottom: 3px solid #732847}
	#nav li.active ul {border:none;background: #732847}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {color:#fff}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-bottom: 1px solid #000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {color:#000}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */




	/* ARTICLES */
	#article #standfirst {font-weight:bold;margin-bottom:15px}
	.articleimage {margin-top:20px;border: 1px solid #ddd;padding:4px}
	.blogavatar {margin-right:8px;margin-top:24px;border: 1px solid #ddd;padding:4px}

/* RELATED LINKS */
	#relatedlinks {float:right;margin-left:15px;margin-top:-20px;margin-right:10px;width:305px;border-bottom: 1px solid #333;margin-bottom:30px;margin-top:10px}
	#relatedlinks a:link, #relatedlinks a:visited {font-weight:bold;text-decoration:none}
	#relatedlinks a:hover, #relatedlinks a:active {text-decoration:underline}

	#socialbookmarks .like {position: absolute;margin-left: 200px;margin-top: -20px;}

	/* NEWS */
	#content #news-item {padding-top:10px;border-bottom:#d6adef solid 1px;}
	#news-item {padding-right:7px;margin-right:7px;padding-bottom:10px}
	#news-item #title {font-weight:bold}
	#news-item #description {margin-bottom:7px}

	#content #news-item a:link, #content #news-item a:visited {color:#d6adef}
	#news-item a:link, #news-item a:visited {color:#000;text-decoration:none;font-weight:bold;padding-left:15px;background:transparent url("images/more_dot.gif") 0 4px no-repeat}
	#news-item a:hover, #news-item a:active {color:#fff;text-decoration:underline}
	#content #news-item a:hover, #content #news-item a:active {color:#fff;text-decoration:underline}




	#lhc {position:absolute;top:0;left:0px;width:197px;padding-bottom:40px}
	#rhc {position:absolute;top:0;right:0px;width:300px}
	#middle-content {margin-left:205px;width:390px}

	#lhc-chart-menu {background:#ff5b9e url("images/chart_bg.jpg") no-repeat 0 100%;height:220px;padding-left:8px;padding-top:4px}
	#lhc-chart-menu a:link, #lhc-chart-menu a:visited {color:#fff;font-size:120%;font-weight:bold;text-decoration:none}
	#lhc-chart-menu a:hover, #lhc-chart-menu a:active {color:#000;text-decoration:underline}

	#content {margin-top: 0;margin-right:300px;margin-bottom:0}
	#content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}


	.half-banner {position:absolute;width:468px;height:60px;text-align:center;margin-left:400px;margin-top:-63px}
	.full-banner {width:100%;height:90px;text-align:center;margin-top:10px;margin-bottom:15px}
	.mpu {width:300px;height:250px;text-align:center;margin-top:10px}
	.skyscraper {float:left;width:120px;height:600px;text-align:center;margin-top:43px;padding-right:8px;background:#1f1f1f}
	.custom-ad {width:368px;height:60px;text-align:center}



/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}



	
	.featurebox {color:#000;padding: 15px 20px 20px;margin-bottom:10px;background: #8dd9d9 url("images/feature_bg.jpg") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #83aa37;color:#83aa37}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}





/* LAYOUT - FOOTER */
#footer {clear:both;padding: 10px 0 30px;font-size:86%;color:#999}
	#footer p {margin:0}
	#footer a:link {color:#999}



/* SINGLES CHART */
	#chart, #chart ul {position:static;background:#ff5b9e url("images/chart_bg.jpg") no-repeat 100% 100%;padding-left:5px;padding-top:8px;padding-bottom:15px}
	#chart, #chart li {list-style: none;margin-top:-4px;padding:0;padding-bottom:15px;background:transparent;color:#000;clear:both}
	#chart img {margin:4px}
	#chart #position {font-weight:bold;font-size:125%}
	#chart #artist {font-weight:bold;text-transform:uppercase}
	#chart #date {font-size:75%;color:#666;margin-top:-15px;margin-bottom:-35px;padding-left:5px;padding-bottom:5px;width:80%}
	#chart #head {width:100%;background:#ff5b9e;font-weight:bold;margin-top:4px;font-size:140%;text-align:center;padding:0}
	#chart-links {position:absolute;width:197px;left:0px;top:250px}
	#chart-links ul {margin-left:-20px}

/* VIDEO CHART */
	.videos {margin-left:5px}
	#videochart, #videochart ul {padding: 0;margin: 0;list-style: none;color:#000}
	#videochart li {color:#000;background:#d6adef url("images/video_bg.jpg") no-repeat 0 100%;float:left;width:160px;height:220px;display:block;margin-left:5px;margin-right:5px;margin-bottom:10px}
	#videochart #position {font-size:140%;font-weight:bold}
	#videochart #thumbnail {margin-top:10px;position:relative;left:-10px}
	#videochart #artist {font-weight:bold}
	#videochart #title {overflow:hidden;height:60px}
	#videochart .playbutton {margin-left:8px;position:relative}
	#videochart #date {font-size:80%;color:#666}
	#videochart #poster {position:relative;margin-top:8px;width:133px;height:69px;border-bottom:#000 solid 4px;padding-top:4px;background:#000;overflow:hidden;margin-bottom:8px}
	#video-wrap {position: absolute;top: 200px;left: 0px;width: 100%;height: 100%;display: none;z-index: 99;text-align: center;}
	#video-wrap #video-player{position:fixed;top: 25%;left: 25%;padding: 5px;z-index: 100;margin: 0 auto;width: 480px;height: 290px;border:#000 solid 1px;background:#ff5b9e url("images/chart_bg.jpg");color: #eee;text-align: center;}
	#video-wrap #video-player a:link, #video-wrap #video-player a:visited {color:#000}
	#video-wrap #video-player a:hover, #video-wrap #video-player a:active {color:#fff}

	.pagination {background: #444;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ccc;margin-top:20px;margin-bottom:1.5em;margin-right:8px}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#000;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#b81a7b;color:#000}
	.pagination p span {text-decoration:none;background:#444;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}


.error {color:#C00;border:1px #C00 solid;margin-top:6px;font-weight:bold;text-align:center;background:#fbb;margin-bottom:10px;margin-right:15px}
.success {color:#390;border:1px #390 solid;margin-top:6px;font-weight:bold;text-align:center;background:#bfb;margin-bottom:10px;margin-right:15px}



/* CHART RIPPER */
#rip {width:540px;color:#000;position:relative;margin-top:15px;padding-top:10px;padding-bottom:10px;padding-left:22px;padding-right:22px;text-align:center;background:#ddd;border:1px #bbb solid;margin-bottom:20px}
#rip a:link, #rip a:visited {color:#000}
#rip #ad {margin-left:30px}
#rip form {margin:0;margin-top:15px}
#rip fieldset {border: none}
#rip form input{border:2px solid #ddd;padding:3px;font-size:110%;vertical-align:middle;margin-bottom:5px}
#rip form input:focus {border:2px solid #914ddd}
#rip form button{color:#fff;margin-left:10px;width:100px;font-size:120%;font-weight:bold;height:27px;border:none;background:#3e0084 url(images/rip-button-bgr.jpg) repeat-x;cursor:pointer;vertical-align:middle;margin-bottom:5px}



/* COMMENTING */
#commentwrap {clear:both;width:286px}
#commentwrap #comments {width:286px;min-height:330px;height:auto !important;height:330px}
#commentwrap #commentholder {background: #666; border: 1px solid #fff;padding:5px;margin-bottom:10px}
#commentwrap #userdetail {font-weight:bold;font-size: 120%;margin:0;padding:0}
#commentwrap #userdetail a:link, #commentwrap #userdetail a:visited {color:#eee;text-decoration:none}
#commentwrap #userdetail a:active, #commentwrap #userdetail a:hover {color:#ff0;text-decoration:underline}
#commentwrap #commentholder .flag {position:relative;left:255px}
#commentwrap #commentholder .flag a:link, #commentwrap #commentholder .flag a:visited {position:absolute;width:11px;height:12px;background:transparent url("images/icon_flag.gif") no-repeat;text-indent:-100em;overflow:hidden}
#commentwrap #date {font-size: 75%;color:#999;margin-top:-4px;border-bottom: 1px solid #444}
#commentwrap #comment {font-size: 90%;color:#fff;padding-top:5px}

#commentwrap #form {width:300px;position:absolute;right:308px}

.counter {text-align:right;font-size:80%;color:#999;padding-right:15px}

form.commenting {width:100%}
		form.commenting fieldset {width:auto;margin: 0 1em}
		form.commenting label {clear:left;float:left;width:100%}
		form.commenting label input, form.commenting label textarea, form.commenting label select {width:15em;float:left;margin-left:10px}

		form.commenting label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.commenting label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.commenting div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.commenting div.req b {color:#c00;font-size:140%}
		form.commenting label select {width: 15.5em}
		form.commenting label textarea.f-comments {width: 20em}
		form.commenting div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.commenting input.f-submit {margin: 0 0 0 10px}

		form.commenting fieldset.f-checkbox-wrap, form.commenting fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.commenting fieldset.f-checkbox-wrap b, form.commenting fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.commenting fieldset.f-checkbox-wrap fieldset, form.commenting fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.commenting fieldset.f-checkbox-wrap label, form.commenting fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.commenting label input.f-checkbox, form.commenting label input.f-radio {width:auto;float:none;margin:0;padding:0}

		.commentlogin {margin-top:-4px}
		.commentlogin a:link, .commentlogin a:visited {color:#fff;font-weight:bold;text-decoration:underline}
		.commentlogin a:hover, .commentlogin a:active {color:#ff0;font-weight:bold;text-decoration:underline}




/* CUSTOM FORMS */
.customrule {margin: 1em 0;background:#333;height:1px;color:#333;border:none;clear:none}
#customform {width:500px;clear:right}
form.customform {width:100%}
		form.customform fieldset {width:auto;margin: 0 1em}

		form.customform label b {float:left;min-width:100px;line-height: 1.7;display:block;position:relative}
		form.customform label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.customform div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.customform div.req b {color:#c00;font-size:140%}
		form.customform label select {width: 15.5em}
		form.customform label textarea.f-comments {width: 30em}
		form.customform div.f-submit-wrap {text-align:center;padding-top:15px}
		form.customform input.f-submit {margin: 0 0 0 10px}

		form.customform fieldset.f-checkbox-wrap, form.customform fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.customform fieldset.f-checkbox-wrap b, form.customform fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.customform fieldset.f-checkbox-wrap fieldset, form.customform fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.customform fieldset.f-checkbox-wrap label, form.customform fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.customform label input.f-checkbox, form.customform label input.f-radio {width:auto;float:none;margin:0;padding:0}

		.customformlogin {margin-top:-4px}
		.customformlogin a:link, .customformlogin a:visited {color:#fff;font-weight:bold;text-decoration:underline}
		.customformlogin a:hover, .customformlogin a:active {color:#ff0;font-weight:bold;text-decoration:underline}

		.formcounter {font-size:80%;color:#999;padding-left:380px}

		#nocomment {padding-top:8px}
		#captcha {padding-left:10px;padding-bottom:5px}


.date {margin-top:5px;font-size:60%;color:#666;display:block;letter-spacing: 1px}

a.morelink:link, a.morelink:visited {float:left;color:#d6adef;text-decoration:none;font-weight:bold;padding-left:15px;background:transparent url("images/more_dot.gif") 0 4px no-repeat}
a.morelink:hover, a.morelink:active {color:#fff;text-decoration:underline}


/* LOGIN BOX */
#login {display:none;z-index: 100}
#login .login-box {position:fixed;top: 20%;left: 300px;z-index: 100;margin: 0 auto;width: 300px;height: 240px;background: transparent url("images/main_overlay.png") repeat;padding:60px;text-align: center;}
#login .login-form {width: 300px;height: 240px;border-width: 1px;border-style: solid;border-color: #000;background: #444;color: #eee;text-align: center;overflow:hidden;}
#login .login-form h4 {font-size:160%;margin-top:10px}
#login form label {text-align:left;font-weight:bold;float:left;width:100%;display:block;position:relative;padding-left:25px;clear:left}
#login form input {float:right;margin-top:-15px;margin-right:50px}
#login .login-submit {position:absolute;bottom:60px;padding-left:80px}
#login a:link, #login a:visited {color:#fff;text-decoration:none}
#login a:hover, #login a:active {color:#fff;text-decoration:underline}