/* {{{ MAIN + HEADER */
	* {
		margin : 0px;
		padding : 0px;
	}
	
	body {
		font-family : "Tahoma", sans-serif;
		font-size : 12px;
		text-align : center;
		background : #d0ceb4 url('../images/background.gif') 50% 0 repeat-y;
		text-align : center;
		color : #221c12;
	}
	
	table {
		_font-size : 12px;
		color : #221c12;
	}
	
	#page-wrapper {
		width : 777px;
		text-align : left;
		margin : auto;
		position : relative;
	}
	
	.graphics {
		height : 229px;
		background : url('../images/header.jpg') 0 0 no-repeat;
	}
	
	h1 {
		width : 563px;
		height : 101px;
		position : relative;
		margin-left : -20px;
		float : left;
	}
	
	h1 span {
		display : block;
		width : 100%;
		height : 100%;
		position : absolute;
		background : url('../images/logo.jpg') 0 0 no-repeat;
	}
	
	hr {display : none;}
	
	.cleaner {
		font-size : 1px;
		height : 1px;
		clear : both;
	}
	
	a {color : #c10d00;}
	
	a img {border : 0;}
/* }}} */

/* {{{ LANGUAGE */
	ul.language {
		width : 37px;
		height : 163px;
		list-style : none;
		position : absolute;
		top : 15px;
		right : -34px;
	}
	ul.language li {width : 37px; position : relative;}
	ul.language li a {display : block; color : #000;}
	ul.language li a span {
		display : block;
		position : absolute;
		width : 100%;
		height : 100%;
		background : url('../images/lang.gif') 0 0 no-repeat;
		cursor : pointer;
	}
	ul.language li a:hover {color : #342a00;}
	
	ul.language li.czech {height : 35px;}
	ul.language li.english {height : 30px;}
	ul.language li.italian {height : 28px;}
	ul.language li.french {height : 35px;}
	ul.language li.rusky {height : 33px;}
	
	ul.language li.czech    span {background-position : 0px 0px}
	ul.language li.english  span {background-position : 0px -35px}
	ul.language li.italian  span {background-position : 0px -65px}
	ul.language li.french   span {background-position : 0px -127px}
	ul.language li.rusky    span {background-position : 0px -93px}
	
	ul.language li.czech   a:hover span {background-position : -37px 0px}
	ul.language li.english a:hover span {background-position : -37px -35px}
	ul.language li.italian a:hover span {background-position : -37px -65px}
	ul.language li.french  a:hover span {background-position : -37px -127px}
	ul.language li.rusky   a:hover span {background-position : -37px -93px}
/* }}} */

/* {{{ MAIN MENU */
	ul#menu {
		list-style : none;
		float : right;
		width : 223px;
		margin-top : 10px;
	}
	ul#menu li {float : left; width : 109px; position : relative;}
	ul#menu li.wide-col {width : 114px;}
	ul#menu li a {color : #000; display : block;}
	ul#menu li a:hover {color : #342a00;}
	ul#menu li a span {
		display : block;
		position : absolute;
		width : 100%;
		height : 100%;
		cursor : pointer;
	}
	ul#menu li a:hover span,
	ul#menu li a.active span {background-position : -109px 0;}
	ul#menu li.wide-col a:hover span,
	ul#menu li.wide-col a.active span {background-position : -114px 0;}
	
	ul#menu li.news         {height : 22px;}
	ul#menu li.photogallery {height : 22px;}
	ul#menu li.biography    {height : 24px;}
	ul#menu li.guestbook    {height : 22px;}
	ul#menu li.concerts     {height : 20px;}
	ul#menu li.links        {height : 23px;}
	ul#menu li.discography  {height : 23px;}
	ul#menu li.contact      {height : 22px;}
/* }}} */

/* {{{ CONTENT */
	#content {
		padding : 30px 2px 5px 5px;
		background : url('../images/divide-header.gif') 50% 0 no-repeat;
		clear : both;
		zoom : 1;
	}
	
	#content h2 {height : 39px; font-size : 18px; position : relative;}
	
	#content h2 span {
		display : block;
		position : absolute;
		width : 100%;
		height : 100%;
	}
	#content p {margin : 10px 10px; line-height : 1.4em;} 
	
	
	/* {{{ 2 COLS */
	#content.two-cols .left {
		width : 413px;
		margin-right : 8px;
		float : left;
	}
	#content.two-cols .right {
		width : 349px;
		float : left;
	}
	/* }}} */
/* }}} */

/* {{{ NEWS */
	#content .new {margin-top : 10px;}	
	#content .new h3 {
		color : #221c12 ;
		background : url('../images/subheader.gif') 0 bottom no-repeat;
		font-size : 14px;
		padding-bottom : 8px;
		padding-left : 10px;
		padding-right : 10px;
	}
	#content .new h3 small {
		font-size : 12px;
		color : #cd6714;
		display : block;
		font-weight : 400;
	}
	#content .new a.more {display : block;}
	
	#content .bracket-left {
		background : url('../images/concert-left.gif') 0 0 no-repeat;
		margin-left : 15px;
		padding-left : 35px;
	}
	#content .bracket-right {
		background : url('../images/concert-right.gif') right 0 no-repeat;
		margin-right : 15px;
		padding-right : 35px;
	}
	#content .concert-detail {
		height : 152px;
		text-align : center;
		padding-top : 20px;
		_height : 177px;
		margin-top : 10px;
	}
	#content .concert-detail h3 {
		font-size : 12px;
	}
	#content .concert-detail h3 small {
		font-weight : 400;
		font-size : 27px;
		color : #cd6714;
		display : block;
		margin-bottom : 5px;
	}
	
	#content .concert-detail p.line {
		padding-top : 10px;
		font-size : 10px;
		background : url('../images/divide-concert.gif') 0 0 no-repeat;
	}
	
/* }}} */

/* {{{ MEMBERS */
	#content div.member {
		margin : 10px;
		clear : left;
	}
	#content div.member img {
		display : block;
		float : left;
		margin-bottom : 10px;
		margin-right : 10px;
	}
	#content div.member h3 {
		font-size : 14px;
		color : #9d5f4a;
		margin-bottom : 5px;
	}
	#content div.member p {
		font-weight : 800;
		margin : 0px;
	}
	#content div.member p small {font-weight : 400;}
/* }}} */

/* {{{ CONCERTS */
	#content table.concerts {
		margin : 10px;
		border-collapse : collapse;
	}
	#content table.concerts td, #content table.concerts th {padding : 5px; padding-right : 10px;}
	#content table.concerts td {border-bottom : 1px solid #AE5C8C;}
	
	#content table.concerts tr.past td {color : #777;}
	#content table.concerts tr.past td {border-bottom : 1px solid #AF99A6;}
	
/* }}} */

/* {{{ PHOTOGALLERY */
	#content.photogallery h3 {font-size : 16px; margin-top : 15px; margin-bottom : 10px;}
	#content.photogallery a {
		display : block;
		width : 130px;
		height : 115px;
		/* _width : 136px;
		_height : 136px; */
		border : 3px solid #000;
		float : left;
		text-align : center;
		background-color : #000;
		margin : 8px;
		padding-top : 15px;
		text-decoration : none;
		position : relative;
		zoom : 1;
	}
	#content.photogallery a.portrait {
		padding-top : 0px;
		height : 130px;
		/* _height : 136px; */
	}
	#content.photogallery a span {
		display : none;
		position : absolute;
		bottom : 0px;
		left : -3px;
		z-index : 10;
		width : 126px;
		/* _width : 136px; */
		padding : 5px;
		background-color : #000;
		color : #000;
	}	
	#content.photogallery a:hover span {display : block; color : #c10d00; cursor : pointer;}
/* }}} */

/* {{{ GBOOK */
	#content.contact label, #content.guestbook label {float : left; display : block; width : 70px; clear : left;}
	#content.contact input, #content.guestbook input {
		border : 0;
		border-bottom : 1px solid #000;
		font-weight : 800;
		width : 200px;
		background-color : #D0CEB4;
	} 
	#content.contact textarea, #content.guestbook textarea {
		border : 1px solid #000;
		font-family: "Tahoma", serif;
		margin-bottom : 20px;
		width : 275px;
		height : 100px;
		padding : 2px;
		background-color : #D0CEB4;
	}
	#content.contact input.button, #content.guestbook input.button {
		border : 1px solid #000;
		font-weight : 400;
		width : 150px;
		background-color : #D0CEB4;
	}
	#content.guestbook .messagehead {
		margin-top : 30px;
		font-size : 1.1em;
		clear : both;
		padding-top : 5px;
		border-top : 1px solid #000;
	}
	
	#content.guestbook .messagehead .datum {
		font-size : 0.7em;
		margin-right : 20px;
		float : right
	}
	
	#content.guestbook .messagebody {
		margin-top : 10px;
		font-size : 0.9em;
		clear : both;
	}
/* }}} */

/* {{{ LINKS */
#content.links h3 {font-size : 16px; margin-top : 15px; margin-bottom : 10px;}
#content ul {padding-left : 25px;}
#content ul li {margin-top : 3px; margin-bottom : 5px;}

/* }}} */

/* {{{ DISCOGRAPHY */
#content.discography h3 {font-size : 16px; margin-top : 15px; margin-bottom : 10px;}
#content.discography #lyrics {
	float : right;
	width : 330px;
	text-align : right; 
}
#content.discography #lyrics h3 {text-align : center;}
/* }}} */

/* {{{ FOOTER */
	#footer {padding-top : 75px; clear : both; background : url('../images/divide-footer.gif') 50% 50px no-repeat;padding-bottom : 25px; zoom : 1;}
	#footer p {color : #4f714c; text-align : center; font-size : 11px;}
	#footer p span {color : #a15e4c;}
	#footer p a {color : #4f714c; text-decoration : none;}
	#footer p a:hover {color : #c10d00; text-decoration : underline;}
/* }}} */
