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

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

/* hidden */
.hidden { display: none !important; }

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

#page,
#nav,
#header,
#stats { width: 970px; clear: both; }

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

#page {
margin: 80px auto 0 auto;
text-align: left;
}

#content {
background: #111;
padding: 10px;
margin: 0;
}

#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


#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;
color: #fff;
border: 2px solid #fff;
}

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


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



/* 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; }
.home .image-strip img { height: 100px; margin-right: 6px; width: 150px;  }
.home .image-strip img.last { margin-right: 0; }

#homepage-image-strip a { background: transparent; display: inline-block; margin: 0 6px 0 0; padding: 0; }
#homepage-image-strip a.last { margin-right: 0; } /* note: moved .last to a instead of img, will need to do this elsewhere before rationalising */
#homepage-image-strip img { height: 100px; margin: 0; width: 150px; }

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


/* Image Strip Hovers */

.image-strip a {
	position: relative;
	font-size: 0.8em;
}
.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 {
	border: 1px solid #333;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	margin: 5px 0;
}


.alert { clear: both; background: #333; color: #fff; }
.alert a { color: #fff; }
.alert p { margin: 0;  }


/*
.announcement {
	color: #000;
	background: #fff;

	text-align: center;
	font-size: 0.9em;
	font-weight: bold;

	padding: 0.2em 0.4em;

margin: -0.5em 0 0.5em 0;

}

.announcement a:link, .announcement a:visited {
	background: #fff;
	color: #000;
}
.announcement a:focus, .announcement a:hover, .announcement a:active {
	background-color: #000;
	color: #fff;
}
*/

/* 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 { margin: 0 0 1em 0; display: block;}

/* 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: 88px; }
body.releases .image-strip a { margin-right: 9px; height: 99px; display: inline-block; }
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 {
width: 700px;
border-collapse: collapse;
border: 0 none #111; /* firefox you're a feckin eeeeedjit */
}

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; }

/* audio page */
.download { display: block; }
.download .release-cover { margin-bottom: 1em; }
.download ol,
.download ul { margin-left: 2em;  }
.download h3 {  }
.download .release-downloads ol { display: inline-block; }
.audio .download .release-downloads ul { width: 500px; margin-top: 1em; display: inline-block; }

/* 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; }

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

.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;
}