@charset "utf-8";
/* CSS Document */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3F4042;
	background: url(/files/css/bg-body.png) repeat-y center top #503F2C;
}
table { font-size: 12px }

.wrapper {
	margin: 0 auto;
	width: 955px;
}

* {
	padding: 0px;
	margin: 0px;
}

a {
	color: #2E5F87;
	text-decoration: none
} a:hover { text-decoration: underline }
a img {
	border:0 none;
}
h1 {
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #4A6E65;
	/*color: #130656;*/
}
h2 {
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px !important;
	color: #4A6E65;
}
h3 { padding-bottom: 5px; }
p { padding-bottom: 10px }

ul {
	margin: 0px;
	padding: 0px;
}
.sitemap ul { list-style: none }
.sitemap ul ul li { padding: 2px 0 0px 15px }

.green { color: #6C7C53 }
.brown { color: #503F2C }


	.page-headers {
		width: 710px;
		height: 42px;
		font-size: 22px;
		font-weight: bold;
		color: #f5f59f;
		background: url(/files/css/bg-page-headers.png) no-repeat left top #4E3F2C;
	}
		.page-headers p { padding: 5px 10px; }

	.view-all {
		float: right;
		padding-top: 10px;
		font-size: 10px;
		text-align: right;
	}
		.view-all a { color: #9C330D }




/* TOP BAR
**************************************************/
#xn_bar {
	width: 100%;
	height: 35px;
	position: absolute;
	top:0;
	left:0;
	padding: 0px;
	margin: 0px;
	background: url(/files/css/bg-topbar.png) repeat-x center top;
}
	#xn_bar_menu {
		height: 31px;
		margin: 0px;
		padding: 4px 5px;
		background: url(/files/css/bg-topbar-menu.png) no-repeat left top;
	}
		.search-bar {
			width: 300px;
			height: 30px;
			float: right;
			display: block;
		}
			.search-bar .mini-search {
				width: 300px;
				height: 30px;
				padding: 0px;
				text-align: right;
			}
			.mini-search .input-text {
				margin-right: 4px;
				width: 210px;
			}
			.search-bar input, .search-bar button {
				vertical-align:middle;
			}

		.greeting {
			float: right;
			display: block;
			padding-left: 20px;
			color: #CCCCCC;
		}

		.user-info {
			float: right;
			display: block;
			color: #CCCCCC;
		}
			.user-info ul li {
				display: inline;
				padding: 0px 4px;
			}
			.user-info li a {
				color: #CCCCCC;
				text-decoration: none;
			}.user-info li a:hover { text-decoration: underline }
			
			.user-info input[type="text"] {
				padding: 1px;
			}





/* HEADER
**************************************************/
.header {
	width: 100%;
	text-align:left;
	border: 0px none;
}
	.header-top-cont {
		width: 955px;
		padding-top: 30px;
		margin: 0 auto;
		clear: left;
		border-bottom: 0px none;
		background: url(/files/css/bArchive.png) no-repeat 815px 45px #FFFFFF;
	}
		.header-top {
			padding: 15px 0 0 15px;
		}
			.header-top h1#logo {
				width: 400px;
				height: 100px;
				display: block;
				margin: 0px;
			}

			.header-top #mission {
				width: 400px;
				height: 1.5em;
				padding: 5px 0 9px 0;
				text-align: center;
				font-size: 14px;
				font-weight: bold;
			}
			.header-top #mission b { color: #537D5C }
			.header-top #mission i { color: #8C6239; font-style: normal; }


		.header-nav-cont {
			width: 955px;
			height: 35px;
			margin-top: 15px;
			background: url(/files/css/bg-navigation.png) no-repeat left top #FFFFFF;
		}
			.header-nav { width: 955px; }

				#main-nav { width: 955px }
				#main-nav li {
					display: block;
					float: right;
					margin: 4px 0 0 0;
					padding: 4px 12px;
					width: auto;
				}
				#main-nav li a {
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
					color: #CFBCA7;
				} #main-nav li a:hover { color: #FFFFFF }

				#main-nav li.nav-left { float: left }
				#main-nav li.nav-left a { color: #CDDCB8 }
				#main-nav li.nav-left a:hover { color: #FFFFFF }

				#main-nav li.act a { color:#FFFFFF; }
				#main-nav li.nav-left-act {
					background: url(/files/css/bg-nav.png) repeat-x left top #5C6A47;
				}





/* MIDDLE
**************************************************/
.middle-cont {
	float: left;
	background: none transparent
}
	.middle {
		width: 935px;
		padding: 10px 0 10px 10px;
		text-align:left;
		background: none #6C7C53;
	}

		.breadcrumbs { color: #FFFFFF }
		.breadcrumbs a { color:	#FFFF99 }

		.col-2-right-layout .col-main {
			width: 710px;
			float: left;
			padding: 10px;
			margin-bottom: 10px;
			border: 1px solid #65523A;
			background-color: #FFFFFF;
		}


			.col-main .row {
				float: left;
				width: 690px;
				padding: 10px 10px;
				border-bottom: 1px solid #999999;
			}
			.col-main .alt { background-color: #F0F0F0 }
	
			.col-main .first {
				border-top: 1px solid #999999;
			}
			.col-main .bot  {
				width: 690px;
				font-size: 10px;
				color: #666666;
			}

			.col-main .album {
				width: 710px;
				float: left;
				margin: 10px 0;
			}
				.col-main .album .head {
					font-size: 16px;
					font-weight: bold;
					padding: 3px 6px;
					margin-bottom: 10px;
					border: 1px solid #DEDEDE;
					background-color: #F0F0F0;
				}
					.col-main .album .head .head-count {
						width: 200px;
						float: right;
						color: #999999;
						font-size: 12px;
						text-align: right;
						font-weight: normal;
					}
					
				.col-main .album .image {
					float: left;
					width: 100px;
				}
				.col-main .album .image img {
					border: 1px solid #999999;
					width: 100px
				}

				.col-main .album .descr {
					width: 585px;
					float: right;
					margin: 0px 10px 0px 0px;
				}
				
			.col-main img {
				max-width: 690px;
			}

			#new-bands .image {
				float: left;
				width: 100px;
			}
			#new-bands .image img {
				border: 1px solid #999999;
				width: 100px
			}
			#new-bands .image a img:hover { border-color: #2E5F87 }

			#new-bands .descr {
				width: 570px;
				float: right;
				margin: 0px 10px 0px 10px;
			}

			.song-list {
				width: 570px;
			}
				.song-list ul.songs {
					width: 570px !important;
					margin-right: 0px !important;
				}





/* RIGHT COLUMN
**************************************************/
.side-col {
	width: 195px;
	float: right;
}
	.block {
		line-height: 1.3em;
		font-size: .95em;
		margin-bottom: 10px;
		border: 1px solid #65523A;
		background: #FFFFFF;
	}

		.block .head {
			margin: 0 1px;
			border-bottom: 1px solid #D2D2D2;
			padding: 3px 5px;
		}
			.block .head h4 {
				margin: 2px;
				padding: 2px;
				font-size: 16px;
				color: #537D5C;
			}
			block .head h4 a { font-size: 10px }

		.block .content {
			padding: 5px 5px;
		}

	.block-img {
		margin-bottom: 10px;
	}

	.block ul {
		margin-left: 12px;
	}

	.block img { border: 1px solid #999999 }
	.block a img { border: 0px none }






/* FOOTER
**************************************************/
.footer-cont {
	float: left;
}
.footer {
	width: 935px;
	height: 17px;
	margin: 0 auto;
	padding: 9px 10px;
	font-size: 0.95em;
	color:#FFFFFF;
	background: url(/files/css/bg-foot.png) no-repeat left top;
}
	.footer a { color:#CCCCCC }