/* Cello color scheme
 * green: #3b732c
 * gold: #9A7F5E
 * orange: #f28705
 * cream: #DED4B9
 * red: #332D2D
*/

body {
	background: #000;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
}

a {
	outline: 0;
}

ul {
	padding: 0;
}

#wimpyButtonBridge {
	float: left;
}

#container {
	overflow: hidden;
	background: url(../images/horn/horn_bg.jpg) no-repeat;
	margin: 1em auto;
	width: 860px;
	height: 575px;
	text-align: left;
}

#header {
/*	height: 80px;
	background: #fff;
	opacity: 0.5;*/
	padding-left: 1em;
	padding-bottom: 1.5em;
	color: #DED4B9;
}

#header h1, #header h2 {
	/*text-indent: -9999px;*/
}

#header h1 {
	/* background: url(../images/paper/logotype.gif) no-repeat 30px 30px;*/
	padding-bottom: 0;
	padding-top: 0.7em;
	font-size: 1.7em;
}

#header h2 {
	padding: 0;
	font-size: 1em;
}

#navigation {
	float: left;
/*	background: #333;
	height: 25px;*/
}

#navigation ul {
	padding-left: 1em;
}

#navigation li {
	/*float: left;
	margin: 0 1em;*/
	text-align: center;
	background: #332D2D;
	margin-bottom: 1px;
}

#navigation a {
	line-height: 4em;
	padding: 1.5em;
	color: #DED4B9;
}

#navigation a:hover {
	color: #9A7F5E;
}

#socialNetworks {
	margin-top: 1em;
	text-align: right;
}

#socialNetworks li {
	background: transparent;
}

#socialNetworks a {
	line-height: 0px;
	padding: 0;
}

.currPage {
	background: #DED4B9 !important;
}

.currPage a {
	color: #332D2D !important;
}

#dataWindow {
	margin-left: 20%;
}

#content {
	background: url(../images/horn/transparent_bg.png);
	color: #DED4B9;
	padding: 1.5em;
	font-size: 0.9em;
	/*width: 630px;*/
	height: 365px;
	overflow: auto;
}

#content h1 {
	font-size: 1.9em;
	padding-top: 0;
}

#content h2 {
	padding-top: 0;
}

#content a {
	color: #FFF;
	text-decoration: underline;
}

#content hr {
	border: 1px solid #332D2D;
	margin-bottom: 2em;
}

#titlebar {
	background: #332D2D;
	color: #DED4B9;
	padding: 1em;
}

#titlebar h1 {
	padding: 0;
	font-size: 1.4em;
}

#newsList h2 {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1.4em;
}

#newsList h3 {
	color: #FFF;
	border-bottom: 1px solid #DED4B9;
}

#newsList p {
	padding-top: 1em;
	margin-left: 2em;
}

#creditsList li {
	font-size: 1.2em;
}

#creditsList li ul {
	margin-left: 15%;
	font-size: 0.7em;
	padding-bottom: 1.5em;
}

#creditsList a {
	text-decoration: underline;
}

.collection h2 {
	clear: left;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.7em;
	margin-top: 1px;
	background: #2D5E1C;
}

#collectionList {
	float: left;
	width: 40%;
}

#collectionList dl {
	margin: 0;
}

#collectionList dt {
	font-size: 1em;
	background: #332D2D url(../images/horn/dis_arrow.png) no-repeat 97% center;
	padding: 0.7em;
	margin: 0 0 0.2em 0;
	cursor: pointer;
}

#collectionList dd {
	display: none;
	font-size: 0.9em;
	padding: 0.3em 0 0 0;
	margin: 0 0 1.4em 1.4em;
}

.albumArt {
	display: none;
	float: left;
	background: ;
	padding: 0 1em;
}

.trackList {
	display: none;
	float: left;
	font-size: 0.9em;
}

.trackList li {
	padding: 0 0 1em 0.4em;
}

.playControl {
	vertical-align: -4px;
	cursor: pointer;
}

.playSource {
	display: none;
}

.praiseList li {
	margin-left: 2em;
}

.praiseList li li {
	text-indent: 4em;
	margin: 0.4em 0 1.4em 0;
	font-size: 1.2em;
	font-style: italic;
}

#portrait {
	float: right;
	margin: 0 0 0.5em 2em;
}

#footer {
	margin: 1em auto;
	width: 860px;
	height: 58px;
	color: #DED4B9;
	font-size: 0.8em;
	text-align: left;
}

.ui-dialog-titlebar-close {
	display: none;
}