/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}


/*
 * Oktavilla Baseline CSS
 * Version 1.0
*/
BODY { font: 100%/1.0 sans-serif; }
OL { padding-left: 2em; }
OL LI { list-style: decimal outside; }
UL { padding-left: 1.5em; }
UL LI { list-style: square outside; }
B, STRONG { font-weight: bold; }
EM, I { font-style: italic; }
TH { font-weight: bold; }
P, TABLE, UL, OL { margin-bottom: .7em; }
INPUT, TEXTAREA, SELECT { padding: 2px; }
.checkbox INPUT, INPUT.checkbox, .radio INPUT, INPUT.radio { padding: 0; width: auto; }
INPUT.submit { width: auto !important; }
Q { quotes:"\201D" "\201D" "\2019" "\2019"; }
Q:before { content:open-quote; }
Q:after { content:close-quote; }


HTML {
	background: black url(/img/pattern.gif) repeat-x;
	padding: 20px;
}
A {
	color: #d32057;
}
SAMP, CODE {
	font-size: 13px;
	display: block;
	padding-top: 12px;
	margin: 0 0 12px 0;
}
.source {
	color: #999;
	margin: 0;
	text-align: right;
}


/* ADS */
.ads {
	margin: 0 0 20px 0 !important;
	width: 950px;
	background: #191919;
	padding: 5px;
	text-align: center;
}


/* LAYOUT */
.right {
	float: right;
	width: 440px;
}
.left {
	float: left;
	margin: 0 20px 0 0;
	width: 440px;
}


/* TICKETS LAYOUT */
.tickets .left {
	width: 500px;
}
.tickets .right {
	width: 380px;
}


/* RIGHT AD */
.right-ad {
	position: absolute;
	top: 20px;
	left: 1000px;
}

/* BODY */
.body {
	font-size: 0.8125em;
	line-height: 1.2;
	font-family: arial, sans-serif;
	padding: 20px 20px 20px 20px;
	background: white;
	width: 900px;
	margin: 0;
	border: 10px solid #222;
	position: relative;
	overflow: hidden;
	_height: 1%;
	_overflow: visible;
}
.body DIV {
	overflow: hidden;
	_overflow: visible;
	_height: 1%;
}


/* FRIENDS */
.friends {
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px dotted #ddd;
	overflow: hidden;
	_height: 1%;
	clear: both;
}
.friends UL {
	margin: 20px 0 0 0;
	overflow: hidden;
	_height: 1%;
}
.friends LI {
	list-style-type: none;
	float: left;
	margin: 0 30px 0 0;
}


/* HEADER */
.header {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}
.header A IMG {
	display: block;
	margin: 0 0 20px 0;
}
.header UL {
	background: #d4178d url(/img/gradient_menu.jpg) repeat-x top left;
	margin: 0;
	padding: 8px 0 8px 90px;
	overflow: hidden;
	_height: 1%;
}
.header LI {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.header LI A {
	float: left;
	padding: 8px 10px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	text-indent: -9999px;
	height: 14px;
}
#latest {
	background: url(/img/menuItem_latestIssue.gif) no-repeat 10px 8px;
	width: 107px;
}
#charts {
	background: url(/img/menuItem_charts.gif) no-repeat 10px 8px;
	width: 164px;
}
#about {
	background: url(/img/menuItem_about.gif) no-repeat 10px 8px;
	width: 128px;
}
#promote {
	background: url(/img/menuItem_promote.gif) no-repeat 10px 8px;
	width: 145px;
}
#contact {
	background: url(/img/menuItem_contact.gif) no-repeat 10px 8px;
	width: 79px;
}
#tickets {
	background: url(/img/menuItem_tickets.gif) no-repeat 10px 8px;
	width: 65px;
}
#blog {
	background: url(/img/menuItem_blog.gif) no-repeat 10px 8px;
	width: 45px;
}


/* MAG */
.mag {
	background: #efefef url(/img/mag_bg.gif) repeat-x top left;
	text-align: center;
}
.mag IMG {
	margin: 0 auto;
}


/* LOGO */
.logo {
	position: absolute;
	top: 18px;
	left: 30px;
}
.logo IMG {
	height: 50px;
	width: 59px;
}



/* HEADINGS */
H1 {
	font-size: 2.5em;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
H2 {
	font-weight: bold;
	margin: 0 0 10px 0;
}



/* CHARTS */
.charts {
	overflow: hidden;
	_height: 1%;
}
.dj-chart {
}
.chart {
	padding: 0;
	margin: 0 0 40px 0px;
	overflow: hidden;
	_height: 1%;
}
.chart LI {
	list-style-type: none;
	padding: 10px 0;
	border-bottom: 2px solid #eee;
	overflow: hidden;
	_height: 1%;
	width: 450px;
	float: left;
}
.chart IMG {
	float: left;
	margin: 0 10px 0 0;
}
.chart .artist {
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	line-height: 1;
}
.chart .title {
	font-size: 1.5em;
	font-weight: normal;
	display: block;
	line-height: 1;
	margin: 0 0 5px 0;
}
.chart .title SPAN {
	font-size: 0.5556em;
	display: block;
	margin: 3px 0 0 0;
}
.label-and-release-date {
	display: block;
	color: #d2232a;
	margin: 0 0 5px 0;
}
.label {
	font-weight: bold;
}
.chart A {
	display: block;
	height: 17px;
	text-indent: -9999px;
	display: block;
	float: left;
	margin: 0 5px 0 0;
}
.chart A.buy {
	width: 112px;
	background: url(/img/button_buy.gif) no-repeat top left;
}
.chart A.preview {
	width: 45px;
	background: url(/img/button_listen.gif) no-repeat top left;
}


/* INTRO TEXT */
P.intro-text {
	font-size: 1.8em;
	margin: 0 0 30px 0;
}
P.intro-text SPAN {
	color: #d32057;
	text-transform: uppercase;
}


/* NEWS BOX */
.news {
	padding: 10px 10px 0 10px;
	background: #eee;
	margin: 0 0 10px 0;
}
.news H2 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
.news H2 A {
	text-decoration: none;
}
.news .item {
	background: white;
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	_height: 1px;
	_overflow: visible;
}
.news IMG {
	border: 0;
}
.news H2 {
	margin: 0 0 10px 0;
}
.news .image {
	width: 100px;
	height: 100px;
	overflow: hidden;
	float: left;
	clear: both;
	margin: 0 10px 0 5px;
}
.news .image IMG {
	max-width: 100px;
	max-height: 100px;
}


/* ZERO INCH BOX */
.news-zero-inch {
	background: #fdedf7;
	margin-top: 20px;
}


/* MAGAZINE BOX */
.magazine {
	padding: 10px 10px 0 10px;
	background: #333;
	color: white;
}
.magazine P {
	font-size: 18px;
}
.magazine IMG {
	margin-bottom: 10px;
}