* { margin: 0; padding: 0; }

body, html {
	width: 100%;
	height: 100%;
	background: #242424;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 0.9em;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #ffff66;
	text-decoration: underline;
}

img {
	border: none;
}

p {
	margin-bottom: 10px;
}

/* BASE */
#wrap {
	width: 870px;
	margin: 0 auto;
	display: table;
}

#header {
	width: 800px;
	height: 380px;
	padding: 0 34px 0 36px;
	float: left;
	background: url(/share/images/site/header-background.gif) no-repeat;
}

#main {
	width: 800px;
	margin: -220px 0 0 0;
	padding: 0 34px 5px 36px;
	float: left;
	background: url(/share/images/site/main-background.gif) repeat-y;
}

#bottom {
	width: 800px;
	height: 10px;
	padding: 0 34px 0 36px;
	float: left;
	background: url(/share/images/site/bottom-background.gif) no-repeat;
}

#footer {
	width: 770px;
	height: 37px;
	padding: 18px 50px 0 50px;
	float: left;
	background: url(/share/images/site/footer-background.gif) no-repeat;
	font-size: 10px;
	font-weight: bold;
}

/* HEADER */
#header h1 {
	position: absolute;
	z-index: 11;
	width: 170px;
	height: 40px;
	margin: 35px 0 0 30px;
	float: left;
	background: url(/share/images/site/p4music-logo.png) no-repeat;
	text-indent: -9000px;
}

#header .background {
	position: absolute;
	z-index: 10;
}

/* HEADER -> NAVIGATION */
#header ul {
	position: relative;
	z-index: 11;
	margin: 5px 3px 0 0;
	float: right;
	list-style: none;
}

#header ul li {
	float: left;
}

#header ul li.first {
	width: 9px;
	height: 27px;
	margin: 6px 0 0 0;
	float: left;
	background: url(/share/images/site/navigation-first.png) no-repeat;
}

#header ul li.last {
	width: 9px;
	height: 27px;
	margin: 6px 0 0 0;
	float: left;
	background: url(/share/images/site/navigation-last.png) no-repeat;
}

#header ul li a {
	height: 29px;
	padding: 12px 13px 0 13px;
	float: left;
	background: url(/share/images/site/navigation-background.png) repeat-x;
	font-size: 12px;
	font-weight: bold;
}

#header ul li a.current {
	color: #FFFF66;
	background: #333;
}

#header ul li a:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}

/* MAIN */
#main #content {
	position: relative;
	z-index: 12;
	float: left;
	width: 100%;
}

#main #content #tab, #main #content .tab {
	width: 154px;
	height: 26px;
	margin: 0 0 0 19px;
	float: left;
	background: url(/share/images/site/content-tab.gif) no-repeat;
}

#main #content #latest-news {
	width: 590px;
	height: 22px;
	padding: 4px 10px 0 10px;
	float: left;
	background: url(/share/images/site/latest-news.png) no-repeat;
	color: #333;
}

#main #content #latest-news a {
	position: relative;
	z-index: 12;
	color: #000;
}

/* MAIN -> LEFT */
#main #content #left {
	width: 515px;
	margin: 0 13px 0 19px;
	padding: 0 10px 10px 10px;
	float: left;
	background: url(/share/images/site/content-left-background.gif) repeat-y;
}

#main #content.index #left {
	width: 409px;
}

#main #content #left h2 {
	position: relative;
	z-index: 12;
	margin: -20px 0 -10px 0;
}
#main #content #left h3 {
	position: relative;
	z-index: 12;
	
}

#main #content #left p.big, #main #content #right p.big, #main #content #left span.big {
	font-size: 13px;
	font-weight: bold;
}

.big3 {
   margin-top: 10px;
	font-size: 1.2em;
		font-weight: bold;
		text-transform:uppercase;
		color:#FFFF33;
}


#main #content #left .image-top-red-border {
	padding: 11px 11px 14px 11px;
	margin: 0 20px 0 0;
	float: left;
	background: url(/share/images/site/index-image-border.gif) no-repeat;
}

#main #content #left .grey {
	width: 535px;
	margin: 0 0 -10px -10px;
	padding: 20px 0 0 0;
	float: left;
	background: #333 url(/share/images/site/grey-inner-top.gif) top repeat-x;
}

#main #content #left .grey fieldset {
	width: 515px;
	padding: 5px 10px 10px 10px;
	float: left;
	background: #333 url(/share/images/site/grey-inner-background.gif) bottom no-repeat;
	border: none;
}

#main #content.index #left .grey {
	width: 429px;
	margin: 0 0 0 -10px;
	padding: 10px 0 0 0;
	float: left;
	background: #333 url(/share/images/site/grey-top.gif) top repeat-x;
}

#main #content.index #left .grey fieldset {
	width: 409px;
	padding: 5px 10px 10px 10px;
	float: left;
	background: #333 url(/share/images/site/grey-background.gif) repeat;
	border: none;
}

#main #content #left .image-grey-border {
	padding: 5px;
	margin: 0 20px 0 0;
	float: left;
	background: url(/share/images/site/image-border-grey.gif) no-repeat;
}

#main #content #left .image-red-border {
	padding: 5px;
	margin: 0 20px 0 0;
	float: left;
	background: url(/share/images/site/image-border-red.gif) no-repeat;
}

/* MAIN -> NEWS */
.news span.big {
	padding: 3px 0;
	display: block;
}

.news span.yellow{
	display: block;
	color: #ffff66;
}

.news a:hover span.yellow {
	color: #990000;
}

.news a:hover span.red {
	color: #990000;
}

.news blockquote {
	width: 505px;
	padding: 0 10px 10px 10px;
	float: right;
}

.news blockquote a {
	width: 375px;
	padding: 10px;
	float: left;
}

.news blockquote a:hover {
	background: #ffff66;
	color: #990000;
	text-decoration: none;
}

.paging {
	text-align: right;
	font-size: 12px;
}

.paging a {
	padding: 3px;
	background: #990000;
}

.paging a:hover {
	color: #fff;
	background: #990000;
}

.paging a.current {
	color: #990000;
	background: #000;
}

.gigs-list table {
	width: 100%;
}

.gigs-list table tr.big {
	font-size: 13px;
	font-weight: bold;
}

.gigs-list table tr td {
	padding: 6px 0;
}

.gigs-list table.underline tr td {
	border-bottom: 1px solid #ff0000;
}

.gigs-list table tr td.tickets {
	padding: 0;
	margin: 3px 0;
	text-align: center;
}

.gigs-list table tr td.tickets a {
	padding: 3px 20px 3px 5px;
	background: #333 url(/share/images/site/gigs-list-grey-arrow.gif) 49px 6px no-repeat;
}

.gigs-list table tr td.tickets a:hover {
	background: #ffff66 url(/share/images/site/gigs-list-yellow-arrow.gif) 49px 6px no-repeat;
	text-decoration: none;
	color: #333;
}

.gigs-list table tr td.tickets a span, td.ticket_rel a span {
	position: absolute;
	z-index: 9999;
	width: 152px;
	/*height: 74px;*/
	padding: 5px 8px 5px 8px;
	margin: -83px 0 0 36px;
	float: left;
	/*display: none;*/
	visibility: hidden;
	background-color: #111;
	
	color: #fff;
	text-decoration: none;
}


.gigs-list ul.gigs-month-list {
	float: right;
	list-style: none;
	clear: both;
	margin-top: -20px;
}

 .bands-list ul.gigs-month-list{
 	float: left;
	list-style: none;
	clear: both;
	margin-top: -20px;
	
}
.gigs-list ul.gigs-month-list li, .bands-list ul.gigs-month-list li{
	float: left;
}

.gigs-list ul.gigs-month-list li a{
	position: relative;
	z-index: 14;
	background: #333;
	background: url(/share/images/site/gigs-months.gif) repeat-x;
	padding: 5px 15px;
	margin: 0 2px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
}

.bands-list ul.gigs-month-list li{
	
	position: relative;
	z-index: 14;
	background: #000000;
	/*background: url(/share/images/site/gigs-months.gif) repeat-x;*/
	
	margin: 0 2px;
	font-weight: bold;
	font-size: 23px;
	text-align: center;
	text-transform: uppercase;
}

.gigs-list ul.gigs-month-list li a:hover {
	background: #ffff66;
	background: url(/share/images/site/gigs-months-hover.gif) repeat-x;
	color: #333;
	text-decoration: none;
}

.bands-list ul.gigs-month-list li a{
	padding: 1px 5px 0 0px;
}

.bands-list ul.gigs-month-list li a:hover{
	background: #ffff66;
	background: url(/share/images/site/gigs-months-hover.gif) repeat-x;
	color: #333;
	text-decoration: none;
}
 
.gigs-list ul.gigs-month-list li a.current, .bands-list ul.gigs-month-list li.current {
	background: #ffff66;
	/*background: url(/share/images/site/gigs-months-hover.gif) repeat-x;*/
	color: #333;
}

.bands-list ul.gigs-month-list li.current a, .bands-list ul.gigs-month-list li a:hover {
	color: #333;
}

.gigs-list .gigs-month-href {
	width: 100%;
	margin-top: 10px;
	float: left;
	font-weight: bold;
	text-align: right;
}

/* MAIN -> BANDS LIST */
.bands-list .people {
	margin-top: -20px;
}

.bands-list ul.bands-letter {
	position: relative;
	z-index: 14;
	width: 520px;
	height: 30px;
	list-style: none;
	clear: both;
}

.bands-list ul.bands-letter li {
	float: left;
}

.bands-list ul.bands-letter li a.a-h, .bands-list ul.bands-letter li a.i-p, .bands-list ul.bands-letter li a.q-z {
	width: 68px;
	height: 26px;
	margin: 2px 6px 2px 0;
	float: left;
}

.bands-list ul.bands-letter li a.a-h { background: url(/share/images/site/_a-h.gif) 0 0 no-repeat; }
.bands-list ul.bands-letter li a.i-p { background: url(/share/images/site/_i-p.gif) 0 0 no-repeat; }
.bands-list ul.bands-letter li a.q-z { background: url(/share/images/site/_q-z.gif) 0 0 no-repeat; }

.bands-list ul.bands-letter li a:hover { background-position: 0 -26px; }
.bands-list ul.bands-letter li a.current { background-position: 0 -26px; }

.bands-list span.big {
	padding: 3px 0;
	display: block;
}

.bands-list span.yellow{
	display: block;
	color: #ffff66;
}

.bands-list a:hover span.yellow {
	color: #990000;
}

.bands-list a:hover span.red {
	color: #990000;
}

.bands-list blockquote {
	width: 505px;
	padding: 0 10px 10px 10px;
	float: right;
}

/*BAND DETAILS */
.band-details .left {
	width: 225px;
	float: left;
}

.band-details .left a img{
	margin: 0 4px 4px 0;
	float: left;
	border: 1px solid #fff;
}

.band-details .right {
	width: 290px;
	float: left;
}

.band-details table {
	width: 100%;
}

.band-details table tr.big {
	font-size: 13px;
	font-weight: bold;
}

.band-details table tr td {
	padding: 6px 2px;
}

.band-details table.underline tr td {
	border-bottom: 1px solid #ff0000;
	vertical-align: top;
}

.band-details table tr td.tickets {
	padding: 0;
	margin: 3px 0;
}

.band-details table tr td.tickets a {
	padding: 3px 20px 3px 5px;
	background: #333 url(/share/images/site/gigs-list-grey-arrow.gif) 45px 5px no-repeat;
}

.band-details table tr td.tickets a:hover {
	background: #ffff66 url(/share/images/site/gigs-list-yellow-arrow.gif) 45px 5px no-repeat;
	text-decoration: none;
	color: #333;
}

/* MAIN -> GIGS */
#main #content #gigs {
	float: left;
	background: url(/share/images/site/gigs-background.gif) repeat-y;
}

#main #content #gigs .image-gigs-border {
	padding: 9px 6px 6px 6px;
	background: url(/share/images/site/image-border-gigs.gif) no-repeat;
}

#main #content #gigs .left {
	width: 180px;
	margin: 0 20px 0 0;
	float: left;
}

#main #content #gigs .right {
	width: 205px;
	float: left;
}

#main #content #gigs ul.gigs-months {
	width: 205px;
	float: left;
	list-style: none;
}

#main #content #gigs ul.gigs-months li {
	width: 68px;
	float: left;
}

#main #content #gigs ul.gigs-months li a {
	width: 63px;
	margin: 4px 0 12px 5px;
	padding: 7px 0;
	float: left;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	background: url(/share/images/site/gigs-months.gif) repeat-x;
}

#main #content #gigs ul.gigs-months li a:hover {
	color: #000;
	background: url(/share/images/site/gigs-months-hover.gif) repeat-x;
	text-decoration: none;
}


#main #content #gigs ul.gigs-list {
	width: 205px;
	float: left;
	list-style: none;
}

#main #content #gigs ul.gigs-list li {
	width: 205px;
	float: left;
}

#main #content #gigs ul.gigs-list li a {
	width: 195px;
	padding: 6px 4px;
	float: left;
	border: 1px solid transparent;
}

#main #content #gigs ul.gigs-list li a span {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

#main #content #gigs ul.gigs-list li a:hover {
	color: #000;
	background: #ffff66;
	border: 1px solid #fff;
	text-decoration: none;
}

#main #content #gigs p a {
	padding: 5px 0 0 5px;
	float: left;
}

/* MAIN -> RIGHT */
#main #content #right {
	width: 233px;
	margin: 0;
	float: left;
}

#main #content.index #right {
	width: 339px;
}

/* FEATURED ARTISTS */
#featured-artists {
	width: 338px;
	height: 416px;
	background: url(/share/images/site/featured-artists.gif) no-repeat;
}

#featured-artists p.select {
	padding: 94px 0 0 50px;
	font-weight: bold;
	font-size: 13px;
	color: #000;
}

#featured-artists p.href {
	padding: 0 0 0 70px;
	float: left;
}

#featured-artists p.href a{
	color: #990000;
	font-size: 13px;
	font-weight: bold;
}

#featured-artists ul {
	width: 252px;
	margin: 0 0 0 50px;
	float: left;
	list-style: none;
}

#featured-artists ul li {
	width: 252px;
	float: left;
}

#featured-artists ul li a {
	width: 233px;
	margin: 1px 0 1px 0;
	padding: 2px 0 2px 19px;
	float: left;
	font-size: 13px;
	background: url(/share/images/site/featured-artists-list.gif) no-repeat;
}

#featured-artists ul li a:hover {
	color: #fff;
	background: url(/share/images/site/featured-artists-list-hover.gif) no-repeat;
	text-decoration: none;
}

/* RIGHT -> GIGS */
#gigs-widget {
	width: 230px;
	height: 364px;
	margin-left: -12px;
	padding: 0 0 0 11px;
	float: left;
	background: url(/share/images/site/gigs-widget-background.gif) no-repeat;
	color: #000;
}

#gigs-widget h3 {
	font-size: 31px;
	margin: 0 0 -10px 8px;
}

#gigs-widget p {
	margin-left: 8px;
	float: left;
}

#gigs-widget ul {
	width: 204px;
	list-style: none;
}

#gigs-widget ul li {
	width: 204px;
	float: left;
}

#gigs-widget ul li a {
	width: 194px;
	padding: 4px 8px;
	float: left;
	color: #000;
}

#gigs-widget ul li a:hover {
	text-decoration: none;
	background: #ffff66;
}

#gigs-widget .big {
	text-transform: uppercase;
	font-weight: bold;
}

#gigs-widget .red {
	color: #990000;
	font-weight: bold;
	display: block;
}

#gigs-widget p a {
	margin-top: 5px;
	font-size: 12px;
}

/* RIGHT -> ARTIST LISTING */
#artist-listing-widget {
	width: 230px;
	height: 364px;
	margin-left: -12px;
	padding: 0 0 0 11px;
	float: left;
	background: url(/share/images/site/gigs-widget-background.gif) no-repeat;
	color: #000;
}

#artist-listing-widget h3 {
	font-size: 27px;
	margin: 0 0 -10px 8px;
}

#artist-listing-widget p {
	margin-left: 8px;
	float: left;
}

#artist-listing-widget ul {
	width: 204px;
	list-style: none;
}

#artist-listing-widget ul li {
	width: 204px;
	float: left;
}

#artist-listing-widget ul li a {
	width: 194px;
	margin: 1px 0 1px 4px;
	padding: 3px 8px;
	float: left;
	color: #000;
	background: #ffff66;
	font-size: 12px;
}

#artist-listing-widget ul li a:hover {
	text-decoration: none;
	background: #990000;
	color: #fff;
}

#artist-listing-widget .big {
	text-transform: uppercase;
	font-weight: bold;
}

#artist-listing-widget .red {
	color: #990000;
	font-weight: bold;
	display: block;
}

#artist-listing-widget p a {
	margin: 8px 15px 0 0;
	font-size: 12px;
	float: right;
}

/* RIGHT -> HOT NEWS */
#hot-news-widget {
	width: 207px;
	height: 259px;
	margin-left: -12px;
	padding: 0 17px 0 17px;
	float: left;
	background: url(/share/images/site/hot-news-widget-background.gif) no-repeat;
	color: #000;
	font-size: 95%;
}

#hot-news-widget h3 {
	font-size: 27px;
	margin: 0 0 -10px 0;
}

#hot-news-widget img {
	border: 1px solid #000;
}

#hot-news-widget a {
	color: #000;
}

#hot-news-widget span {
	color: #990000;
}

/* FOOTER */
#footer p {
	float: right;
}

#footer ul {
	list-style: none;
	color: #ccc;
}

#footer ul li {
	padding: 0 3px;
	float: left;
}

#footer ul li a {
	color: #ccc;
}

#footer ul li a:hover {
	color: #ffff66;
}

/* MARGINS */
.margin-top { margin-top: 20px; }
.margin-left { margin-left: 20px; }
.margin-right { margin-right: 20px; }
.margin-bottom { margin-bottom: 20px; }

.minus-margin-top { margin-top: -20px; }
.minus-margin-left { margin-left: -20px; }
.minus-margin-right { margin-right: -20px; }
.minus-margin-bottom { margin-bottom: -20px; }

/* ALIGNMENT CLASSES */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

/* COLORS */
.white { color: #fff; }

.red { color: #ff0000; }
.yellow { color: #ffff66; }

/* BORDERS */
.border-bottom-red { border-bottom: 1px solid #ff0000; }

/* OTHER */
.uppercase { text-transform: uppercase; }
.strong { font-weight: bold; }
.normal { font-weight: normal; }
.iralic { font-style: italic; }

/* MISC */
.row { height: 10px; clear: both; }
.index .white-row { width: 429px; height: 10px; margin: 0 0 0 -10px; background: #fff; clear: both; }
.horizontal-line { width: 505px; height: 2px; margin: 10px 0 10px 10px; background: url(/share/images/site/grey-horizontal-line.gif) no-repeat; clear: both; }



/* RIGHT -> MAILING */
#mailing {
	width: 301px;
	height: 57px;
	margin: 2px 0;
	padding: 10px;
	float: left;
	background: url(/share/images/site/mailing-background.gif) no-repeat;
}

#mailing label {
	display: block;
}

#mailing #input {
	height: 19px;
	margin: 7px 0 0 0;
	float: left;
	background: url(/share/images/site/input-background.gif) repeat-x;
	border: 1px solid #333333;
	color: #969696;
}

#mailing .submit {
	height: 21px;
	padding: 0 7px;
	margin: 7px 0 0 -1px;
	float: left;
	background: url(/share/images/site/submit-background.gif) repeat-x;
	border: 1px solid #333333;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}
/* MAIN -> MAILING LIST */
#main #content #left h2.mailing {
	font-size: 38px;
}

#left-mailing-form #input {
	height: 19px;
	margin: 7px 0 0 0;
	float: left;
	background: url(/share/images/site/input-background.gif) repeat-x;
	border: 1px solid #333333;
	color: #969696;
}

#left-mailing-form .submit {
	height: 21px;
	padding: 0 7px;
	margin: 7px 0 0 -1px;
	float: left;
	background: url(/share/images/site/left-submit-background.gif) repeat-x;
	border: 1px solid #333333;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}