/*
   master.css
   General styles for the whole site.
   
   Created by Ned Baldessin on 2009-01-03.
   Copyright 2009 Ned Baldessin. All rights reserved.
*/

html, body, #container {
/*	height: 100%;*/
}

body {
	font: normal 12px/21px "Courier New", Courier, monospace;
}

#container {
	width: 1040px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}


/* ========== */
/* = Header = */
/* ========== */

#header {
	position: absolute;
	top: 25px;
	width: 998px;
	left: 42px;
}
#header h1 {

	height: 70px;
	width: 92px;

}
#header h1 a {
	display: block;
	background: url('../images/logo.png') no-repeat;
	width: 92px;
	text-indent: -9999px;
	height: 70px;
	outline: 0;
}

#header h1 a:hover {
	background-position: -92px 0;
}


#header #lang-switch {
	position: absolute;
	top: 22px;
	right: 39px;
	background-color: #fff;
	text-align: right;
	padding-left: 6px;
	z-index: 99;
	text-transform: capitalize;
}

#header #lang-switch a {
	color: #1A171B;
	text-decoration: none;
}

#header #lang-switch a.current {
	color: #9B9C9E;
}



/* ============== */
/* = Navigation = */
/* ============== */

#navigation {
	position: absolute;
	top: 130px;
	left: 38px;
}
#navigation #main-nav li,
#secondary-nav li {
	display: block;
	height: 21px;
	line-height: 42px;
}
#navigation #main-nav a {
	text-transform: uppercase;
	color: #1A171B;
	text-decoration: none;
	display: block;
	width : 148px;
	line-height: 12px;
	padding: 3px 4px 2px 4px;
}

#navigation #main-nav a.current {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #BCE3F6;
}

#navigation #main-nav a:hover {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #BCE3F6;
}

#navigation #secondary-nav {
	position: absolute;
	top: 0;
	left: 170px;
	width: 158px;
}

body.artist #secondary-nav,
body.artists #secondary-nav {
	width: 158px;
}

#secondary-nav a {
	color: #1A171B;
	text-decoration: none;
	display: block;
	width : 148px;
	line-height: 12px;
	padding: 3px 4px 2px 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	white-space: nowrap;
}

#secondary-nav a:hover {
	background-color: #F6C9DC;
}

#secondary-nav a.current {
	background-color: #F6C9DC;
}

#secondary-nav li.open {
	height: auto;
}

#secondary-nav li li a {
	margin-left: 5px;
	width : 143px;
	color: #59595A;
	font-style: italic;
	font-size: 12px;
	text-transform: capitalize;
}

#secondary-nav li li a:hover {
	background-color: transparent;
	text-decoration: underline;
}

#secondary-nav li li a.current {
	background-color: transparent;
	text-decoration: underline;
}
#secondary-nav a#switch-other-artists {
	outline: none;
}

/* ============== */
/* = Newsletter = */
/* ============== */

#newsletter {
	position: absolute;
	top: 560px;
	left: 40px;
	width: 130px;
}

#newsletter #email {
	width: 128px;
	height: 18px;
	margin-bottom: 5px;
}

#newsletter button {
	margin-top: 5px;
}
/* =========== */
/* = Content = */
/* =========== */

#content-wrapper {
	position: absolute;
	top: 130px;
	left: 376px;
	overflow: auto;
	height: 500px; /* <- This value is changed dynamically in JS. */
}

#content {
	width: 625px;
	line-height: 16px;
	padding-bottom: 5px;
}

body.artist #content-wrapper,
body.artists #content-wrapper {
	position: absolute;
	top: 130px;
	left: 203px;
	overflow: auto;
	height: 500px; /* <- This value is changed dynamically in JS. */
}

body.artist #content,
body.artists #content {
	position: absolute;
	top: 0;
	left: 173px;
	width: 625px;
	line-height: 16px;
	padding-bottom: 5px;
}