@import url("jquery.lightbox-0.5.css");

/* Basic
---------------------------------------- */
/* standard structure element reset */
#page, #header, #nav, #content, #footer, #stats,
body, div, span, p, ul, ol, dl,
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
img { border: 0; }

.hidden { display: none !important; }
/* assistive hide */
#skip-links, .assistive, .hide, #stats { position: absolute; left: -5000em; width: 4000em; height: 0; overflow: hidden; }

/* clearfix */
#content:after,
#footer div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body { background: #000; color: #ccc; font-family: Arial, Helvetica, sans-serif; line-height: 1.3; text-align: center; }

#page, #nav, #header, #stats { width: 970px; clear: both; }
#page { margin: 80px auto 0 auto; text-align: left; }
#content { background: #111; margin: 0; padding: 10px; }
#content h2:first-child { margin-top: 0; }

/* Links
---------------------------------------- */
a { text-decoration: none; }
a:link { color: #fff; background: inherit; }
a:visited { color: #999; background: inherit; }
a:focus, a:hover, a:active { color: #000; background: #fff; }

/* Header
---------------------------------------- */
#header { background: #000 url("../img/tycho-logo-bg.gif") 180px 0px no-repeat; height: 120px; }
#logo { position: relative; top: 45px; }
#logo h1 { text-align: center; padding: 0 0 0 0.5em; margin: 0; letter-spacing: 0.5em; font-size: 2.5em; font-family: Acens, Arial, Helvetica, sans-serif; font-weight: normal; border: 0; }

/* Navigation
---------------------------------------- */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav {
	background: #111;

background: #000;
border: 1px solid #333;
margin: 0 0 5px 0;

	width: 968px;
	height: 1.6em;
	font-size: 1.1em;
}

/*#nav ul { margin: 0 0 0 40px; }*/

#nav a {
	display: block;
	padding: 5px 10px;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	width: auto;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1;
}
#nav li ul li {
width: 10em;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav a { text-decoration: none; }
#nav a:link,
#nav a:visited { color: #fff; background: #000; }
#nav a:focus,
#nav a:hover,
#nav a:active { }

#nav li ul { background: #111; border: 2px solid #fff; color: #fff; }
#nav li:hover a,
#nav li.sfhover a { background: #fff; color: #000; }

#nav li:hover li:hover a,
#nav li.sfhover li.sfhover a { background: #000; color: #fff; }

/* Homepage
---------------------------------------- */

.newsfooter { font-size: 0.8em; }

.image-strip { margin: 0 -10px; padding: 5px 0; }
.image-strip img.last { margin-right: 0; }

.home .image-strip { margin-bottom: 1em; white-space: nowrap; } /* nowrap to stop firefox 5 being annoying */
.home .image-strip img { height: 100px; margin-right: 6px; width: 150px;  }
.home .image-strip img:last-child,
.home .image-strip img.last,
.home .image-strip .last img { margin-right: 0; }

#homepage-image-strip a { background: transparent; display: inline-block; margin: 0 6px 0 0; padding: 0; }
#homepage-image-strip a:last-child,
#homepage-image-strip a.last,
#homepage-image-strip a.last img { margin: 0; }
#homepage-image-strip img { height: 100px; margin: 0; width: 150px; }

.home .newsitem h3 { background: #111; padding-left: 10px; }

/* Image Strip Hovers */

.image-strip a { font-size: 0.8em; position: relative; }
.hover-caption {
	background: #000;
	background: rgba(0%, 0%, 0%, 0.6);
	bottom: 0;
	color: #fff;
	display: inline-block;
	left: 0;
	padding: 0.3em 0;
	position: absolute;
	text-align: center;
	width: 100%;
}


/* Feedburner - used on homepage
---------------------------------------- */

#feedburner-news {
text-align: left;
}

#feedburner-news p {
margin-bottom: 1em;
}

#feedburner-news .feedburnerFeedBlock ul {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

#feedburner-news .headline {
clear: both;
display: block;
font-size: 1.2em;
padding-top: 1em;
}
#feedburner-news li:first-child .headline {
padding-top: 0;
}

#feedburner-news .feedItemAuthor,
#feedburner-news .date {
display: inline-block;
margin-right: 0.4em;
font-size: 12px;
}
#feedburner-news .feedItemAuthor:before {
content: "Posted by ";
}

#feedburner-news #creditfooter {
display: none; /* sorry fb, blogger made me do it */
}

/* Blogger - news
---------------------------------------- */
/* blogger's endorsed way of pissing off the stupid navbar */
#navbar-iframe { height:0px; visibility:hidden; display:none; }

/* Content
---------------------------------------- */
#content { padding: 10px 20px; }

/* headings */

h2 { 
font-size: 1.2em;
margin: 1.5em 0 1em 0;
color: #fff;
background: #000;
border-bottom: 1px solid #0000ff;
padding: 0.2em 0.5em;
font-family: Acens, Arial, Helvetica, sans-serif;
font-weight: normal;
}

h2, h3 {
clear: both;
margin-left: -10px;
margin-right: -10px;
}
h2, h3, h4, h5, h6 {
}

h3 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	font-weight: bold;
background: #000;
padding: 0.2em;
}

h4 {
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 0.2em;
	padding: 0;
}

h5 {
	font-size: 11pt ;
	font-weight: bold;
	font-style: normal;
}

h6 {
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0px;
}


/* uppercase for cufon replaced titles */
h1, h2 { text-transform: uppercase; }

/* text */
p { margin: 0 0 1em 0; }

/* lists */
#content ul,
#content ol { margin-left: 1em; padding-left: 1em; margin-bottom: 1em; }

#content li { margin-bottom: 0.2em; }

dt { font-weight: bold; margin-bottom: 0.25em; }
dd { margin-bottom: 1em; }

dl.dialogue { border-left: 2px solid #999; background: #222; color: #ccc; padding: 1em 1em 0.5em 1em; margin: 0 0 1em 0; }
* html .dialogue { display: inline-block; }
dl.dialogue dt { float: left; display: inline-block; width: 150px; }
dl.dialogue dd { margin-bottom: 0.5em; }
dl.dialogue dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* quotes */

blockquote {
	margin: 0 0 1em 2em;
	color: #ccc;
	display: inline-block;
	border-left: 2px solid #999;
	padding: 1em 1em 0 1em;
}

/* general classes */
.song, .track { font-style: italic; }
.album { font-weight: bold; font-style: italic; }
.band { color: #999; font-weight: bold; }

/* announcement */

.alert {
	background: #333;
	border: 1px solid #333;
	color: #fff;
	clear: both;
	font-size: 0.9em;
	font-weight: bold;
	margin: 5px 0;
	text-align: center;
}
.alert a { color: #fff; }
.alert p { margin: 0;  }

/* image positioning */
img.left { float: left; margin: 0 1em 1em 0; }
img.right { float: right; margin: 0 0 1em 1em; }
img.center, img.centre { margin: 0 auto 1em auto; display: block; clear: both; }

/* objects */
object { display: block; margin: 0 0 1em 0; }
.audio object { display: block; margin: 0 0 0.5em; }
audio { min-height: 2em; min-width: 290px; display: block; clear: both; }

/* archive list */
.news .archive-list { margin-left: 20px}
.news .archive-list li { display: inline-block; width: 15%; margin: 0 0 10px 0; }
.news .archive-list li:before { content: ""; }

/* release page */
body.releases .image-strip { margin-bottom: 20px; }
body.releases .image-strip img { margin-right: 0; height: 78px; }
body.releases .image-strip a { margin-right: 9px; height: 89px; display: inline-block; }
body.releases .image-strip a:last-child,
body.releases .image-strip a.last { margin-right: 0; }
body.releases .image-strip a.active { background: #00f url("../img/tab-nav-bottom-arrow.gif") bottom center no-repeat; }
body.releases .image-strip a:hover { background: #fff url("../img/tab-nav-bottom-arrow.gif") bottom center no-repeat; }

.release-cover { float: left; margin: 0 10px 0 0; width: 200px; }
.release-cover .caption { font-size: small; text-align: center; background: #222; margin-top: 0; padding: 0.2em; }

table.release-summary { border-collapse: collapse; border: 0 none #111; /* firefox you're a feckin eeeeedjit */ width: 700px; }
table.release-summary th,
table.release-summary td { border: 0; padding: 0.3em; text-align: left; vertical-align: top; }
table.release-summary tr { border-bottom: 1px solid #222; }
table.release-summary tr:last-child { border-bottom: 0; }
table.release-summary th { width: 30%; }
table.release-summary td { width: 70%; }
table.release-summary td p:last-child { margin-bottom: 0; }

/* compilations page */
body.releases .compilations-image-strip img { height: 60px; }
body.releases .compilations-image-strip a { margin-right: 9px; height: 71px; }

/* buy page */
#primary .buy-quick-links { margin: 0; padding: 0; list-style-type: none; display: inline-block; width: 100%; }
#primary .buy-quick-links li { margin: 0; padding: 0; display: block; width: 50%; float: left; text-align: center; }
#primary .buy-quick-links li.cdbaby { width: 49%; margin-right: 1%; }

#primary .buy-quick-links li a { background: #000; color: #fff; display: block; font-size: 1.5em; height: 64px; line-height: 64px; padding: 10px; }
#primary .buy-quick-links li.cdbaby a { background: #000 url("/img/cdbaby-black-square-64px.png") 10px 10px no-repeat; }
#primary .buy-quick-links li.itunes a { background: #000 url("/img/itunes-logo-black-64.jpg") 10px 10px no-repeat; }
#primary .buy-quick-links li a:focus,
#primary .buy-quick-links li a:hover,
#primary .buy-quick-links li a:active { background-color: #fff; color: #000; }

/* audio page */
.download { display: block; }
.download .release-cover { margin-bottom: 1em; }
.download ol,
.download ul { margin-left: 2em;  }
.download .release-downloads ol,
.download .release-downloads ul { width: 650px; display: inline-block; }
.download .release-downloads li { min-height: 3em; }
.download .release-downloads li p { margin: 0; }

#content .release-cover .info-and-buy {
	list-style-type: none;
	margin: 0.4em 0 0 0;
	padding-left: 0;
	width: 200px;
}
.release-cover .info-and-buy a {
	display: block;
	padding: 5px 10px;
}
.release-cover .info-and-buy a:link,
.release-cover .info-and-buy a:visited {
	background: #000;
}
.release-cover .info-and-buy a:focus,
.release-cover .info-and-buy a:hover,
.release-cover .info-and-buy a:active {
	background: #fff;
}

/* video page */
.video .credits { font-size: small; }

/* photos page */

.photos .row {
clear: both;
text-align: center;
}

.photos .item {
width: 300px;
float: left;
margin: 0 15px 15px 0;
text-align: center;
}

.photos .four .item {
width: 220px;
}

.photos .last {
margin-right: 0;
}

.photos .item .caption {
background: #222;
width: 280px;
padding: 10px;
text-align: left;
}


/* Footer
---------------------------------------- */

#footer {
border: 1px solid #111;
min-height: 44px;
width: 968px;
margin: 5px 0 0 0;
}


#footer div {
width: 309px;
min-height: 44px;
float: left;
display: inline-block;
}

#footer #cme { width: 350px; }
#footer #cf { width: 200px; }
.associate img { float: left; margin: 10px; }
#footer div p { font-size: 70%; margin-top: 7px; padding: 0 1em 0.2em 1em; }
#cme img { border: 0; padding: 0; float: left; }