/* -------------------------------------------------------------- 

   Blueprint CSS Framework
   [bjorkoy.com/blueprint]

   * Screen & Projection Styles *

   This is the main CSS-file for the framework.
   Include this in the <head> of every page. See the
   Readme file in this directory for further instructions.

-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/lightbox.css";
/*@import "lib/grid.css";*/


/* 
Uncomment the line below to see the grid and baseline. 
(Assuming you've wrapped your columns in a container). 
.container { background: url(lib/img/grid.png); } 
.container { background: url(lib/img/baseline.png); } 
*/


body {
	background:#acdeda url('../img/layout/bkg_body.jpg');
}

#container {
	position:relative;
	float:left;
	text-align:left;
	width:100%;
	height:100%;
	background-position:700px 285px;
	background-repeat:no-repeat;
}

#container.headlines { background-image:url('../img/layout/bkg_news.gif') }
#container.artists   { background-image:url('../img/layout/bkg_artists.gif') }
#container.records   { background-image:url('../img/layout/bkg_records.gif') }
#container.presents  { background-image:url('../img/layout/bkg_presents.gif') }
#container.about     { background-image:url('../img/layout/bkg_about.gif') }
#container.photos    { background-image:url('../img/layout/bkg_photos.gif') }

#column-middle {
	position:absolute;
	left:240px;
	float:left;
	width:420px;
	padding:0 10px;
	background:#000;
	border-right:solid 10px #acdeda;
	border-left:solid 10px #acdeda;
}

#column-left,
#column-right  {
	position:absolute;
}

#column-left {
	width:240px;
}

#column-right {
	left:700px;
	width:210px;
}


/* SPLASH */

body.splash {
	background:none;
	background-color:#FFF;
}

body.splash #container {
	position:absolute;
	width:530px;
	height:520px;
	top:50%;
	left:50%;
	margin:-280px -265px;
	text-align:center;
}

body.splash #enter {
	width:530px;
	height:520px;
	background:url("../img/layout/bkg_splash.jpg") no-repeat;
}

body.splash #enter h1 {
	display:none;
}

body.splash #enter a {
	display:block;
	width:530px;
	height:520px;
	background:none;
	color:#FFF;
}

body.splash form {
	width:auto;
	position:relative;
	padding:20px 0 0;
}


/* RIGHT AND LEFT COLUMN CONTENT */

#column-right form {
	padding:10px 0 0;
}

.triangles {
	padding:0 0 14px;
	background:url("../img/layout/bkg_triangle.gif") left bottom repeat-x;
}

.triangles-reverse {
	padding:0 0 15px;
	background:url("../img/layout/bkg_triangle_reverse.gif") left bottom repeat-x;
}

.triangles-inner {
	background-color:#000;
	height:216px;
	padding:0 10px;
}


#contact-link {
	position:absolute;
	bottom:30px;
	width:190px;
	height:77px;
	background:url('../img/layout/h2_popfrenzy.gif') no-repeat;
}

#contact-link h2 {
	display:none;
}

#contact-link a {
	position:absolute;
	bottom:0;
	right:7px;
	font-size: 11px;
}

#navigation ul {
	padding:10px 0 0 4px;
	margin:0;
	list-style:none;
	font-size:16px;
}

#navigation li {
	padding:3px 0;
}

#navigation a {	
	padding:1px 2px;
}

#sub-navigation ul {
	padding:10px 0 0 0;
	margin:0;
	list-style:none;
}

#sub-navigation ul.filters li {
	display:inline;
	padding:3px 10px 3px 0;
}

#touts {
	margin:14px 0 10px;
}

#touts .triangles-inner {
	padding:15px 15px 10px;
	height:auto;
}

.tout,
.tout a,
.tout img {
	width:210px;
	margin:0;
	padding:0;
	border:0;
}

.tout {
 padding:0 0 15px;
}

.tout h5 {
	width:auto;
	padding:5px;
	line-height:12px;
}


/*  FOOTER  */

#footer {
	clear:both;
	width:420px;
	height:60px;
	background:url('../img/layout/bkg_footer.gif') top right no-repeat;
}

#footer p {
	position:absolute;
	bottom:0px;
	color:#FFF;
}

#footer span.wbyk {
	padding-left:20px;
	color:#acdeda;
}

#footer span.wbyk a {
	color:#acdeda;
	background:#000;
}

#footer span.wbyk a:hover {
	color:#000;
	background:#acdeda;
	font-weight:bold;
}


/*  MODIFIED FONTS  */

label,
.submit,
#navigation ul,
#sub-navigation ul,
#contact-link a,
.date {
	font-family: Arial, Helvetica, "Lucida Grande", Verdana, sans-serif;
	text-transform:uppercase;	
}

.date {
	text-transform:none;
	font-size:11px;
}

.artist p.date {
  clear:both;
}

/*  HEADINGS  */

#column-middle h1 {
	width:420px;
	height:235px;
	text-indent:-1000px;
	background-repeat:no-repeat;
}

.headlines h1  { background:url('../img/layout/h1_news.gif'); }
.artists h1    { background:url('../img/layout/h1_artists.gif'); }
.about h1      { background:url('../img/layout/h1_about.gif'); }
.records h1    { background:url('../img/layout/h1_records.gif'); }
.presents h1   { background:url('../img/layout/h1_presents.gif'); }
.photos h1     { background:url('../img/layout/h1_photos.gif'); }
.contact-us h1 { background:url('../img/layout/h1_contact.gif'); }
.shop h1       { background:url('../img/layout/h1_shop.gif'); }


.item h2 {
	padding:0;
	width:140px;
	height:110px;
	text-indent:-1000px;
}

.artists h2   { background:url('../img/layout/h2_artists.gif') no-repeat; }
.presents h2  { background:url('../img/layout/h2_presents.gif') no-repeat; }
.records h2   { background:url('../img/layout/h2_records.gif') no-repeat; }
.news h2      { background:url('../img/layout/h2_news.gif') no-repeat; }


/*  CONTENT  */

.item {
	float:left;
	width:420px; 
	background-color:#FFF;
	margin-top:10px;
}

.item h3 {
	padding:9px 5px;
	font-size:16px;
	line-height:16px;
}

.item h4 {
	padding:3px 0px 12px;
	font-size:14px;
	line-height:14px;
}

.heading {
	width:420px;
	height:110px;
}

ol {
	margin:10px 0 15px 30px;
}


.post       { padding:6px 6px 0; }
.post .date { color:#666;	margin:0 0 6px; }
.post img   { padding:0 0 6px; }

ul.photos             { float:left; margin:2px 0 4px; }
ul.photos li          { float:left;	line-height:0; list-style:none; padding:2px 0 2px 4px; }
ul.photos li a        {	display:block; padding:0; border:solid 2px #FFF; width:75px; height:75px; background-color:#000; }
ul.photos li a:hover  { border:solid 2px #f96304; }
ul.photos li a span   {	display:none; }

.records .details     { position:relative; height:215px; margin:0 0 15px;}
.records .details p   {	position:absolute; bottom:0; left:220px; }

.presents .floats img { margin:0 10px 0 0; }

.tour-dates           { border-bottom:solid 2px #000; }
.tour-dates h4        { padding:3px 0px; }
.tour-dates h5        { padding:0; font-size:11px; }
.sold-out p           { margin:0 0 3px; }
.sold-out h3          { padding:0; margin:0 0 12px; color: #dd3220; }
.poster               { text-align: center; padding:10px 0 20px; }

#subnav         { position:absolute; top:175px; right:20px; list-style:none; }
#subnav li      { padding:0 0 2px; display:inline; }
#subnav a       { color:#FFF; background-color:#000; font-weight:bold; padding:2px 5px; }
#subnav a:hover { color:#acdeda; }


/*  LINKS  */
a:hover     { background:#000; }

.item a   		{ padding:0 3px; font-weight:bold; }
.item a:hover { background-color:#000; }

#navigation a,
#navigation a.reverse:hover,
#contact-link a:hover,
#form-newsletter a:hover {
	color:#000;
	background-color:#acdeda;	
	font-weight:bold;
}

#navigation a:hover,
#navigation a.reverse,
#contact-link a,
#form-newsletter a {
	color:#acdeda;
	background-color:#000;
	font-weight:normal;
}

#sub-navigation li { 
	font-weight:bold; 
	color: #666;
}

#sub-navigation a { 
	background: #000;
}

.artists #sub-navigation a { color: #f96304; }
.artists #sub-navigation a:hover,
.artists #sub-navigation a.reverse {
	color: #000;
	background: #f96304;
}

.records #sub-navigation a { color: #e8d030; }
.records #sub-navigation a:hover,
.records #sub-navigation a.reverse {
	color: #000;
	background: #e8d030;
}

.photos #sub-navigation a { color: #acdeda; }
.photos #sub-navigation a:hover,
.photos #sub-navigation a.reverse {
	color: #000;
	background: #acdeda;
}


/*  TABLES  */

.item table { 
	width:100%;
	margin:4px 0 0;
	border:0;
}

.item table th, 
.item table td { 
	border:0;
	padding:5px;
	border-bottom:2px solid #FFF;
}

.last,
.item table .last td {
	border:0;
}

.item table .nowrap {
	white-space: nowrap;
}

.item table .main {
	width:90%;
	font-weight: bold;
}

.item table .table-link {
	display:block;
	background:none;
}

.item table tr.over {
	color:#FFF;
	background-color:#000;
}

.item table tr.over td,
.item table tr.over .table-link {
	color:#FFF;
}


/* Records table */

table.records {
	margin:0;
}

table.records td {
	border-bottom:2px solid #000;
	padding:10px;
}

table.records .image {
	padding-right:0;
}

table.records .main {
	font-weight: normal;
}

table.records .main p {
	margin:0;
}

table.records .main,
table.records .link {
	vertical-align: bottom;
}

table.records .link a {
	margin:0 5px 0 0;
	line-height:18px;
}


/* Releases table */

table.presents .sold-out {
	font-weight:bold;
	color:#dd3220;
}

table.presents .tickets {
	text-align:center;
	white-space: nowrap;
	width:20%;
}

table.presents .date {
	white-space: nowrap;
	width:15%;
}

table.presents .main {
	width:65%;
}

table.presents .inactive td {
	color:#999966;
}


/* Media table */

table.media .col1 {
	width:70%;
}

table.media .col2 {
	width:15%;
	text-align:center;
}

table.media .col3 {
	width:15%;
}


/*  
COLOURS  
light blue : #acdeda
orange     : #f96304
beige      : #dbdeac
yellow     : #e8d030
red		     : #dd3220
*/

.news .bkg-colour, 
.news a,
tr.news {
	background-color:#acdeda;
}

.records .bkg-colour, 
.records a,
tr.records {
	background-color:#e8d030;
}

.artists .bkg-colour, 
.artists a,
tr.artists {
	background-color:#f96304;
}

.presents .bkg-colour, 
.presents a,
tr.presents {
	background-color:#dbdeac;
}

.about .bkg-colour, 
.about a,
tr.about {
	background-color:#dd3220;
}

.photos .bkg-colour, 
.photos a,
tr.photos {
	background-color:#acdeda;
}


/*  FORM  */

form {
	position:absolute;
	width:190px;
}

.post form {
  position:relative;
  width:auto;
}

input.text {
	width:100%;
	padding-left:3px;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url("../img/layout/bkg_field.gif") repeat-x top;
	line-height:14px;
}

.submit,
label {
	top:33px;
	position:absolute;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	color:#FFF;
}

label {
	left:0px;
	padding-right:11px;
}

input.submit{
	padding:0;
	margin:0	
}

.submit {
	right:0px;
	border:0;
	background:none;
	color:#acdeda;
}

.submit-hover,
.submit:hover {
	color:#000;
	background:#acdeda;
}


/*  PAGINATION  */

#pagination {
	clear:both;
	float:left;
	height:36px;
	line-height:36px;
	width:100%;
	color:#FFF;
	margin:10px 0 0;
}

#pagination a {
	color:#acdeda;
	background-color:transparent;
}

#pagination a:hover {
	color:#000;
	font-weight:bold;
	background-color:#FFF;
}


/*  GENERIC  */

.no-padding {
	padding:0;
}

.no-margin {
	margin:0;
}

.clear {
	clear:both;
}

.cakeSqlLog {
	/*display:none;*/
	background:#FFF;
}