/* General Layout */

html, body {
	height: 100%;
}

body {
   font-family: "Century Gothic", Arial, Helvetica, sans-serif;
   font-size: 13px;
   line-height: 1.1;
   color: white;
   background: black url(../img/soviets-bg.jpg) no-repeat top center fixed;
}

body #mp3player {
	background: black url(../img/soviets-bg.jpg) no-repeat center center fixed;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}


#header {
	/* height: 200px; */
}

#header #soviets-logo {
	display: block;
	margin: 5px auto;
}

#container {	
	padding: 0px 200px 0px 200px;
}

#content {
	position: relative;
	width: 100%;
}

#sidebar {
	width: 200px;
}

div#index {
	width: 185px;
	right: 200px;
	padding-left: 15px;
}


* html #index {
	left: 200px;
}

div#page-title {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 10px;
	width: 180px;
	padding-left: 20px;
}

.push {
	clear: both;
	height: 25px; /* height of footer */
}

div#footer {
	height: 25px;
}

div#footer ul {
	margin: 5px 20px;
}

/* Scroll bars */

#content .scroll-pane {
	position: relative;
	height: 100%;
}

.jScrollPaneTrack {
	background: url(../img/dragbar-track.png) repeat-y top center;
}

.jScrollPaneDrag {
	background: url(../img/dragbar-middle.png) repeat-y top center;
}

.jScrollPaneDragTop {
	background: black url(../img/dragbar-top.png) no-repeat top center;
	height: 6px;
}

.jScrollPaneDragBottom {
	background: black url(../img/dragbar-bottom.png) no-repeat top center;
	height: 6px;
}

a.jScrollArrowUp {
	height: 14px;
	background: url(../img/up-arrow.png) no-repeat 0 0;
}

a.jScrollArrowDown {
	height: 14px;
	background: url(../img/down-arrow.png) no-repeat 0 0;
}


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

a:hover {
	text-decoration: underline;
}

/* Suppress h1 by default. Override when necessary */
h1 {
   	text-align: center;
	margin: 5px 0;
    font-size: 20px;
    font-weight: bold;
    display: block;
}

h2 {
   font-size: 16px;
   font-weight: bold;
   padding: 5px 0;
   display: block;
}

p {
   margin: 5px 0;
}

div.menu {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
	font-size: 16px;
        font-weight: bold;
}

div.menu li {
	padding: 0 20px;
}

div.menu li a {
	text-decoration: none;
	color: white;
}

div.menu li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #871F1E;
}

div#index li,
div#sidebar li {
	margin-bottom: 5px;
}

/*** Page-specific content ***/

/* Blogs and news */

div.article {
	padding-bottom: 3px;
}

div.article h1 {
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   padding-bottom: 10px;
   display: block;
}

div.article a {
	text-decoration: none;
}

div.article a:hover {
	text-decoration: underline;
}

div.article-byline {
   text-align: center;
   padding-bottom: 3px;
}

/*
div.article-body {
}
*/

/* Album view */

div.album-cover {
	float: left;
}

/* Songs page */

div.copyright {
   font-size: smaller;
}


div.album-cover {
	margin-right: 10px;
}


div.album-info h2 {
	margin-bottom: 10px;
	text-align: center;
}

div.album-sale {
   float: left;
}


#content #playerWrapper {
	margin: 0 20px;
	width: 295px;
        float: left;
}

div.album-details {
	clear: both;
}

div.lyrics {
	line-height: 1.3;
	font-size: 14px;
}

/* Videos page */

ul#videos li p {
	margin-left: 20px;
}

div.main-video {
	width: 640px;
	margin: 0 auto;
}

/* Gigs page */
table.giglisting {
	width: 100%;
}

table.giglisting td.month {
	border-bottom:1px solid black;
	font-weight:bold;
	padding:5px 0;
}

table.giglisting td {
	padding:10px 5px;
}

/* Photos */
div#photos-index li {
	width: 100%;
}


div.main-image img {
	display:block;
	margin: 0 auto;
	/* height: 600px; */
	/* width: auto; */
}

/* Contact page */

#ContactSendForm label {
	margin-bottom: 5px;
}

#ContactSendForm .text input,
#ContactSendForm select,
#ContactSendForm textarea {
	width: 300px;
}


/* Links page */

ul.links {
   margin: 10px 20px;
}

ul.links li {
   padding: 5px 0;
}

/* Footer */

div#footer ul li {
	display: inline;
}

div#footer ul#terms {
positon: relative;
	right:0px;
}

/* MP3 Player window */
body#mp3player {
   min-width: 0px;
}

body#mp3player div#footer {
	bottom: 0px;
	margin-top: 0px;
}

/* EPK-specific */

ul#quotes {
	width: 80%;
	margin: 0 auto;
	line-height: 1.1;
}

ul#quotes li {
	margin-bottom: 10px;
}

blockquote {
	font-weight: bold;
	margin: 1em 3em;
}


p.quote-author {
	text-align: right;
}

#biog p {
	margin-bottom: 10px;
	line-height: 1.1;
	font-size: 14px;
}


#contacts .t-label {
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 10px;
}

.input label {
	margin-bottom: 5px;
}