/*
-----------------------------------
Body background:			#f2f2ef
Container background:		#fcfcfb
Selected item background:	#edede6
Gray background:			#f6f6f5
Gray border:				#d9d9d9
Gray text:					#878887
Links:						#1676b3
Hover links:				#009cff
Visited links:				#8299a7
-----------------------------------
*/


/* Global settings */

* {
margin: 0;
padding: 0;
/*outline: red solid 1px;*/
}

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

body {
background: #f2f2ef;
font: 11px/17px Verdana, Arial, Helvetica;
}

table {
border-collapse: collapse;
width: 100%;
}

	td, th {
	vertical-align: top;
	}

p {
margin: 7px 0 17px;
}

small {
display: block;
font-size: 11px;
margin: 27px 0 19px;
}

img {
border: none;
display: block;
}

blockquote {
background: #f6f6f3;
font-style: italic;
margin: 20px 40px;
padding: 15px 25px;
}

#container {
background: #fcfcfb url(bg.gif) repeat-y;
margin: auto;
min-height: 100%;
padding: 0 5px;
width: 998px;
}

.colmask {
overflow: hidden;
padding-bottom: 70px;
}

#search {
margin: 0 10px 3px 0;
}

#discuss {
background: #37aa0f url(discuss-bg.png) repeat-x;
display: inline-block;
font-size: 15px;
font-weight: bold;
margin-top: 10px;
padding: 6px 15px 7px;
}

	#discuss a, #discuss a:visited {
	color: #fff;
	text-decoration: none;
	}
	
		#discuss a:hover, #discuss a:visited:hover {
		color: #d8efcd;
		}

.block_links {
margin-top:20px;
clear:both;
}


/* Headings */

h1, h2, h3, h4, #header form input, #usermenu, .track-duration, #footer, #discuss, #message p a, #hello, #upcoming-events h2, #forum-topics h2, #updates h2 {
font-family: Arial, Helvetica;
}

	h1 {
	font-weight: normal;
	font-size: 20px;
	line-height: 27px;
	margin: 17px 0 15px;
	}

	h2 {
	font-size: 14px;
	margin: 28px 0 16px;
	}

	h3 {
	border-bottom: 1px solid #d9d9d9;
	font-size: 13px;
	margin: 22px 0 15px;
	padding-bottom: 3px;
	}

	h4 {
	font-size: 12px;
	margin: 20px 0 7px;
	}

.col2 h2 {
font: bold 11px Verdana, Arial, Helvetica;
margin: 38px 0 7px;
}

.col2 h3 {
margin-bottom: 0;
}

.col2 h3 {
border: 0;
font-size: 14px;
}


/* Links */

a {
color: #1676b3;
}

	a:hover, a:visited:hover {
	color: #009cff;
	text-decoration: none;
	}

	a:visited {
	color: #8299a7;
	}

.dashed, #pick a {
border-bottom: 1px dashed #1676b3;
text-decoration: none;
}

	.dashed a:hover, .dashed a:visited:hover, #pick a:hover, #pick a:visited:hover {
	border-bottom: 1px dashed #009cff;
	}

	.dashed a:visited, #pick a:visited {
	border-bottom: 1px dashed #8299a7;
	}


/* Global classes */

.left, #header ul a, #header img, #header form a, #usermenu span, .leftmenu .colleft, .leftmenu .col1wrap, #letters a, #letters span, #info img, .band-row img, #pick a, #pick span, .events img, #post-img, .post-img-small, .pages a, .pages span, #footer div, .block span {
float: left;
}

.right, #header form, .leftmenu .col2, #footer span {
float: right;
}

.nofloat {
float: none;
}

.text-left, form fieldset fieldset label, .sortable td, .sortable th {
text-align: left;
}

.text-right, #usermenu, #info th, #links, .track-duration {
text-align: right;
}

.text-center, .rating, #header ul a {
text-align: center;
}

.text-justify, #tags {
text-align: justify;
}

.bold, #back, .table-head, .rating span, .pages span {
font-weight: bold;
}

.italic, .date, .news p span, .post p span, .news p span a, .post p span a, .block span {
font-style: italic;
}

.nopadding, #header form, form fieldset ol {
padding: 0;
}

.nomargin {
margin: 0;
}

.hidden {
display: none;
}

.gray {
background: #f6f6f5;
}

.red {
color: red !important;
}

.first {
border-top: 1px solid #d9d9d9;
}

#upd, #info a, .column-3 a, #links, small, small a, small a:hover, small a:visited:hover, .news p span, .post p span, .news p span a, .post p span a, .block span {
color: #878887;
}

.clear, #usermenu, .more, #footer {
clear: both;
}


/* BB-code buttons */

.bb-button img {
display: inline;
float: left;
}

/* Pages */

.pages {
padding-top: 10px;
}

	.pages a, .pages span {
	background: #edede6;
	display: block;
	margin: 3px 4px 0 0;
	padding: 1px 7px 3px;
	text-decoration: none;
	}

	.pages a:hover {
	background: #f6f6f3;
	}

	.pages span {
	background: #a4a497;
	color: #fff;
	}


/* Login */

.login h2 {
font-weight: normal;
font-size: 20px;
line-height: 27px;
margin: 0 0 15px;
}

.login a {
margin-left: 20px;
}

.login form {
width: 410px;
}

	.login form label {
	line-height: 2.6;
	width: 50px;
	}

		.login form input[type="text"], .login form input[type="password"] {
		height: 19px;
		width: 240px;
		}

	.login form p {
	margin: 0 0 0 64px;
	}


/* Scrollable */

.scrollable {
background: #eee;
border: 1px solid #ddd;
padding: 15px 9px;
height: 120px;
overflow: hidden;
width: 694px;
}

.items {
float: left;
height: 120px;
margin-left: 11px;
width: 622px !important;
}

	.items a {
	border: 1px solid #ccc;
	color: #ccc;
	cursor: pointer;
	display: block;
	float: left;
	height: 118px;
	line-height: 25px;
	margin-right: 15px;
	text-decoration: none;
	text-align: center;
	width: 140px;
	}

		.items img {
		margin: 0 auto;
		}

		.items a:hover {
		color: #999;
		}

		.items a.active {
		color: #555;
		cursor: default;
		}

a.back, a.forward {
display: block;
height: 30px;
float: left;
background-repeat: no-repeat;
margin-top: 40px;
width: 30px;
}

a.back {
background: url(button-left.gif);
}

	a.back:hover {
	background: url(button-left-over.gif);
	}

a.forward {
background: url(button-right.gif);
}

	a.forward:hover {
	background: url(button-right-over.gif);
	}


/* Forms, adding, preview */

input[type="submit"] {
padding: 2px 12px;
}

input[type="text"], input[type="password"], textarea, select {
border: 1px solid #d9d9d9;
font: 11px/17px Verdana, Arial, Helvetica;
height: 16px;
padding: 3px;
vertical-align: middle;
width: 350px;
}

input[type="radio"] {
margin: 0 5px 3px 0;
vertical-align: middle;
}

input[type="file"] {
height: 24px;
width: 358px;
}

textarea {
height: 250px;
padding: 5px;
width: 478px;
}

select {
height: 24px;
width: 179px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
border: 1px solid #92b4ca;
}

.error[type="text"], .error, .error[type="text"]:focus, .error:focus {
border: 1px solid #d21414;
}

form {
width: 685px;
}

	form p, form i {
	margin: 0;
	margin-left: 194px;
	}

	form i {
	color: #d21414;
	}

	form fieldset {
	border: 0;
	}

		form fieldset ol {
		margin: 0;
		}

			form fieldset li {
			list-style: none;
			margin: 0;
			padding: 0 0 11px;
			}

				form label, .pr-label {
				float: left;
				line-height: 2.3;
				margin: 0 15px 0 0;
				text-align: right;
				vertical-align: top;
				width: 180px;
				}

				form fieldset fieldset {
				border: none;
				margin: 3px 0 0;
				}

					form fieldset fieldset label {
					margin-left: 183px;
					padding-left: 12px;
					width: auto;
					}

.pr-block {
overflow: auto;
margin: 4px 0 10px;
}

.pr-label {
float: left;
font-weight: bold;
line-height: 1.7;
}

.pr-content {
float: right;
width: 490px;
}

	.pr-content object {
	margin: 0;
	padding: 0;
	}

#band-start-year, #band-end-year, #event-start-time, #event-finish-time {
width: 50px;
}

#band-members {
height: 119px;
width: 346px;
}

#post-short-text, #short_note, #publ-text, #event-text {
height: 68px;
}

#post-full-text, #text, #full_note, #band-bio {
margin-top: 5px;
}

#button {
margin-top: 10px;
height: 28px
}

	#button input {
	float: left;
	}

	#button span {
	float: right;
	}

	#button a {
	color: #c4c4c4;
	margin-top: 30px;
	padding: 3px 7px;
	}

		#button a:hover {
		background: red;
		color: #fff;
		}


/* Header styles */

#header {
background: #36383b url(header-bg.png) repeat-x;
height: 97px;
}

	#header ul {
	font: bold 14px Arial, Helvetica;
	list-style: none;
	margin: 32px 0 34px 236px;
	position: absolute;
	width: 550px;
	}

		#header ul a {
		color: #d7d7d7;
		display: block;
		left: 15px;
		line-height: 1.3em;
		margin-left: 1px;
		padding: 6px 17px 7px;
		position: relative;
		text-decoration: none;
		}

		#header ul a:hover {
		color: #fff;
		}

		#header ul a#active,
		#header ul a#active:hover {
		color: #fff;
		background: #4a4c4e url(active-bg.png);
		}

	#header img {
	height: 44px;
	margin: 26px 0 0 44px;
	width: 154px;
	}

	#header form {
	background: #fefefe url(search-full.png);
	border: 0;
	height: 19px;
	margin: 37px 29px 0 0;
	width: 158px;
	}

		#header form a {
		display: block;
		height: 19px;
		text-decoration: none;
		width: 20px;
		}

		#header form input {
		background: transparent;
		border: 0;
		color: #9a9a9a;
		font-size: 12px;
		height: 15px;
		padding: 2px 0 0 4px;
		vertical-align: baseline;
		width: 130px;
		}

		#header form input:focus {
		outline: none;
		}

#usermenu {
background: #d5d6d8 url(usermenu-bg.png) repeat-x;
height: 31px;
line-height: 31px;
padding: 0 29px 0 45px !important;
}

	#usermenu a {
	color: #000;
	}

	#usermenu a:hover {
	color: #3a3a3a;
	}

#logout {
background: url(logout.gif) no-repeat;
color: #838384 !important;
margin-left: 20px;
padding-left: 14px;
}


/* Left column */

.leftmenu .colleft {
left: 254px;
margin-left: -200%;
position: relative;
width: 200%;
}

.leftmenu .col1wrap {
padding-bottom: 1em;
position: relative;
right: 200px;
width: 50%;
}

.leftmenu .col1 {
left: 200%;
margin: 0 68px 30px 215px;
overflow: hidden;
position: relative;
}

.leftmenu .col2 {
margin: 14px 0 30px;
position: relative;
width: 255px;
}

.col2 #blocks {
padding: 0 15px 0 30px;
}

	.col2 ul {
	padding-top: 11px;
	}

		.col2 li {
		line-height: 24px;
		list-style: none;
		padding-left: 45px;
		}

#sel {
background-color: #edede6;
margin: 6px 0 3px;
padding: 3px 0 4px 45px;
}

	#sel a {
	color: #a4a497;
	}


/* Blocks */

.two-columns td {
border-bottom: 1px solid #d9d9d9;
padding-top: 20px;
}

.left-col {
padding-right: 15px;
width: 350px;
}

	.two-columns h3 {
	border: 0;
	font-size: 14px;
	margin: 0;
	height: 90px;
	line-height: 20px;
	}

	.two-columns img {
	margin-bottom: 0;
	}

	.two-columns p {
	padding: 0 5px 3px 0;
	}

	.two-columns a {
	text-decoration: none;
	}

#back {
display: block;
margin: 11px 0 0 30px;
}

#blocks li {
padding-left: 15px;
}

.button {
margin-top: 22px;
}

.more {
background: url(arrow.gif) no-repeat 0 7px;
margin-top: 5px;
padding-left: 15px;
}

#blocks #photos {
margin-top: 21px;
}

	#blocks #photos img {
	height: 80px;
	opacity: 0.6;
	width: 80px;
	}

		#blocks #photos img:hover {
		opacity: 1;
		}

.date {
color: #a8a8a8;
margin: 16px 0 1px;
}

#news, #upd {
margin: 0 0 16px 15px;
}

	#upd p {
	margin-top: 16px;
	}

#tags {
line-height: 25px;
padding: 14px 0 7px 15px;
}

	#tags a {
	text-decoration: none;
	}

	#tags a:hover {
	color: #009cff;
	}

	a.t1 {
	color: #3c3c3c;
	font-size: 19px;
	}

	a.t2 {
	color: #4e4e4e;
	font-size: 17px;
	}

	a.t3 {
	color: #616161;
	font-size: 15px;
	}

	a.t4 {
	color: #747474;
	font-size: 13px;
	}

	a.t5 {
	color: #a8a8a8;
	font-size: 11px;
	}

#message {
background: #fcfadc;
border: 1px solid #e7de6d;
padding: 20px;
text-align: center;
}

	#message p {
	margin-top: 20px;
	}

#message p a, #message p a:visited {
color: #ff2a00;
font-size: 22px;
}

	#message p a:hover, #message p a:visited:hover {
	color: #ff6000;
	}

#featured-bands {
padding: 0;
margin-top: 30px;
height: 225px;
width: 715px;
}

	#featured-bands li {
	background-position: center top !important;
	display: block;
	float: left;
	margin-right: 15px;
	position: relative;
	}

		#featured-bands a {
		border: none;
		display: block;
		height: 225px;
		text-decoration: none;
		width: 350px;
		}

			#featured-bands a:hover {
			text-decoration: none;
			}

			#featured-bands a:hover b {
			text-decoration: underline;
			}

		#featured-bands span {
		background: url(/media/featured-bands-bg.png);
		bottom: 0;
		display: inline;
		font-size: 12px;
		font-family: Arial, Helvetica;
		height: 50px;
		margin: 0;
		position: absolute;
		width: 350px;
		}

			#featured-bands b {
			color: #fff;
			display: inline;
			float: left;
			font-size: 17px;
			font-weight: bold;
			padding: 7px 0 0 15px;
			}

			#featured-bands i {
			clear: left;
			color: #fff;
			display: inline;
			float: left;
			font-style: normal;
			padding-left: 15px;
			}

.block {
background: url(block-bg.png) repeat-x top;
border: 1px solid #e6e6e5;
margin-top: 28px;
padding: 14px;
width: 319px;
}

	.block h2 {
	margin-top: 0;
	}

	.block h3 {
	border: 0;
	font: 11px/17px Verdana, Arial, Helvetica;
	margin: 0 0 15px 80px;
	}

	.block span {
	padding-top: 1px;
	}

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


/* Home */

.home h2 {
font-size: 20px;
font-weight: normal;
margin: 31px 0 0;
}

#hello {
background: #40444a url(hello-bg.jpg);
color: #646358;
font-size: 13px;
padding: 12px 20px;
height: 325px;
}

	#hello h1 {
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-top: 31px;
	}

	#hello #letters {
	background: url(letters-bg.png);
	font-size: 14px;
	margin: 33px auto 35px;
	height: 23px;
	width: 722px;
	padding: 6px 0 5px 17px;
	}

		#hello #letters a {
		padding: 3px 7px;
		text-decoration: none;
		}

	#hello-scrollable {
	height: 160px;
	margin-left: 17px;
	overflow: hidden;
	width: 924px;
	}

		#hello-items {
		float: left;
		height: 160px;
		width: 858px !important;
		margin: 16px 18px;
		}

			#hello-items b {
			display: block;
			font-weight: normal;
			font-size: 13px;
			margin-top: 103px;
			text-align: center;
			width: 114px;
			}

			#hello-items span {
			position: absolute;
			}

			#hello-items a {
			color: #72dcff;
			display: block;
			float: left;
			height: 120px;
			padding: 0 12px;
			text-decoration: none;
			width: 120px;
			}

				#hello-items a:hover {
				color: #fff;
				}

		a#hello-back, a#hello-forward {
		display: block;
		height: 36px;
		float: left;
		background-repeat: no-repeat;
		margin-top: 40px;
		width: 15px;
		}

		a#hello-back {
		background: url(button-back.png);
		}

			a#hello-back:hover {
			background: url(button-back-over.png);
			}

		a#hello-forward {
		background: url(button-forward.png);
		}

			a#hello-forward:hover {
			background: url(button-forward-over.png);
			}

.big-more {
background: #e7ecef;
border: 1px solid #d1d2d4;
border-top: 0;
display: block;
text-align: center;
font: bold 14px/17px Arial, Helvetica;
padding: 9px 15px;
}

#updates {
background: #edf0f1;
margin: 15px 0 15px 15px;
padding-bottom: 6px;
}

	#updates p {
	color: #878887;
	padding: 8px 15px 9px;
	margin: 0;
	}

#forum-topics {
background: #edede6;
margin: 8px 0 15px 15px;
}

	#forum-topics h2, #updates h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 12px 0 7px 15px;
	margin: 0;
	}

	#forum-topics p {
	padding: 9px 15px 13px;
	margin: 0;
	}

		#forum-topics p:hover {
		background: #deded7 url(topic-bg.png) repeat-x;
		}

	#forum-topics img {
	float: left;
	height: 20px;
	margin-top: 5px;
	width: 20px;
	}

	#forum-topics span {
	display: block;
	color: #8e8e8a;
	margin: 5px 0 0 30px;
	}

#upcoming-events {
margin: 9px 0 0 15px;
}

	#upcoming-events div {
	background: #ecf6ec url(upcoming-events-bg.png) top repeat-x;
	border-bottom: 1px solid #dce2db;
	padding: 12px 36px;
	}

		#upcoming-events h2 {
		margin: 12px 0 9px;
		font-size: 14px;
		}

		#upcoming-events img {
		border: 4px solid #c7d0ba;
		width: 160px;
		}


/* Events */

#pick {
height: 22px;
padding: 2px 0 5px 8px;
}

	#pick a, #pick span {
	display: block;
	margin: 4px 8px 3px 7px;
	}

	#pick span {
	background: #a4a497;
	color: #fff;
	margin: 2px 8px 3px 7px;
	padding: 2px 8px 3px 7px;
	}

#dates {
margin: 15px 0 0 15px;
}

.image-td {
width: 177px;
}

#event-h1 {
margin-bottom: 17px;
}

.event {
margin-top: 0;
}

	.event td {
	padding: 0 15px 14px 0;
	}

	.event #announcement {
	background: #edede6;
	color: #505044;
	display: block;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	padding: 15px 20px;
	}

.events {
margin-top: 29px;
}

	.events td, .news td, .post td {
	border-bottom: 1px solid #d9d9d9;
	padding: 11px 15px 14px 0;
	}

	.events h2 {
	margin: 0 0 15px;
	}

	.events img, .event img {
	border: 1px solid #d1d2d4;
	margin: 3px 0 0 15px;
	width: 160px;
	}

	.events p span, .event p span {
	background: #fae2b2 url(event-date-bg.png);
	padding: 6px 15px 5px;
	}

	.event-info {
	background: #f4f4f0;
	padding: 10px 15px;
	}


/* News */

.news td {
padding-bottom: 0;
}

	.news h2, .news h3 {
	margin: 0;
	}

	.news p {
	margin: 0 0 10px;
	}

.post td {
padding-top: 0;
}

	.post p {
	margin-bottom: 10px;
	}

	.post #announcement {
	background: #edede6;
	color: #505044;
	display: block;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	margin: 19px 0 0 261px;
	padding: 15px 20px;
	}

	.post img {
	background-color: #f6f6f5;
	border: 1px solid #d9d9d9;
	margin: auto;
	padding: 5px;
	}

	.post small {
	background: url(tag.gif) no-repeat 0 5px;
	padding-left: 21px;
	}

		.post td table {
		border: 1px solid #d9d9d9;
		}

		.post td table th {
		background: #f6f6f5;
		border-bottom: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		font-weight: bold;
		text-align: right;
		width: 150px;
		padding: 7px;
		}

		.post td table td {
		padding: 7px;
		}

#post-h1 {
margin-bottom: 0;
}

#post-img, .post-img-small {
border: 3px solid #d1d2d4;
height: 84px;
margin: 0 15px 15px 0;
width: 114px;
}

#post-img {
height: 200px;
margin-bottom: 5px;
padding: 0;
width: 240px;
}

.user {
background: url(user.gif) no-repeat 0 1px;
padding-left: 17px;
}

object {
background-color: #f6f6f5;
border: 1px solid #d9d9d9;
display: block;
margin-left: 132px;
padding: 5px;
}


/* Bands */

.band-row {
border-bottom: 1px solid #d9d9d9;
padding: 11px 15px 0;
}

	.band-row img {
	border: 3px solid #d1d2d4;
	height: 84px;
	margin: 3px 15px 0 0;
	width: 114px;
	}

	.band-row p a {
	display: inline-block;
	margin: 3px 20px 0 0;
	}

	.band-row h2 {
	margin: 0;
	}

		.band-row h2 a {
		text-decoration: none;
		}


/* Letters */

#letters {
background: #edede6;
height: 22px;
padding: 4px 0 5px 8px;
}

	#letters a, #letters span {
	display: block;
	padding: 2px 8px 3px 7px;
	}

	#letters a:hover {
	background: #f6f6f3;
	}

	#letters span {
	background: #a4a497;
	color: #fff;
	text-decoration: none;
	}


/* Info */

#info, #border, form {
border: 1px solid #d9d9d9;
padding: 14px;
}

#info {
padding-top: 0;
min-height: 214px;
}

	#info img {
	height: 200px;
	margin: 14px 15px 0 0;
	width: 240px;
	}

	#info table {
	line-height: 31px;
	width: 430px;
	}

		#info th {
		padding-right: 15px;
		width: 118px;
		}

		#info td {
		width: 295px;
		}

	#links {
	padding: 4px 0 7px;
	}

	#info small {
	margin: 0;
	}


/* Lyrics */

.sortable td, .sortable th {
height: 31px;
padding: 0 15px;
vertical-align: middle;
}

	.odd td {
	background-color: #f6f6f5;
	}

thead {
background: url(table-bg.png) repeat-x;
cursor: pointer;
}

	th.headerSortDown {
	background: url(table-active-up-bg.png) right;
	}

	th.headerSortUp {
	background: url(table-active-bg.png) right;
	}

.column-1, .column-2 {
width: 50%;
}


/* Photos */

#photos li {
float: left;
margin: 0 0 15px 15px;
list-style: none;
}

	#photos a {
	background-color: #f6f6f5;
	border: 1px solid #d9d9d9;
	display: table-cell;
	height: 150px;
	padding: 4px 4px 0;
	text-align: center;
	vertical-align: middle;
	width: 150px;
	}

		#photos a:hover {
		background-color: #fcfcfb;
		}

	#photos img {
	display: inline;
	}


/* About */

.descr {
color: #878887;
font-style: italic;
margin: 3px 0 0 265px;
}

#logo-download {
background: url(/img/logo/logo.png) no-repeat center 35px;
border: 1px solid #d9d9d9;
display: block;
height: 40px;
padding-top: 180px;
text-align: center;
width: 713px;
}

	#logo-download span {
	background: #e6f2f5;
	padding: 7px 15px;
	}

.logo-using {
padding-right: 10px;
float: left;
}


/* Footer */

#footer {
background: #ededed url(footer-bg.gif) repeat-x;
border-top: 1px solid #bdbdbd;
height: 42px;
margin: -69px auto 0;
padding: 26px 29px 0 32px;
position: relative;
width: 937px;
}

	#footer span {
	background: url(love.gif) no-repeat right;
	padding-right: 113px;
	}

	#footer a {
	color: #000;
	margin: 0 12px;
	}

	#footer a:hover {
	color: #3a3a3a;
	}