body {
	background-color: black; // url('top.gif') top left repeat-x;
	margin: 0;
	padding: 0;
	font-family: "Calibri", "Tahoma", sans-serif, sans;	
}

div#container {
	width: 700px;
	background: transparent url('./header_small.png') top center no-repeat;
	margin: 0 auto;		
}

body#main div#container {
	background: transparent url('./header_main.png') top center no-repeat;
}

div#head {	
	height: 225px;
	text-indent: -9999px;	 	
}

div#head h1 {
	padding: 0;
	margin: 0;
}

body#main div#head {
	height: 320px;
	
}
	
ul#nav {
	height: 25px;
	color: white;
	font-size: 120%;
	padding: 0;
	margin: 0 0 10px;
}

ul#nav li {
	display: inline;
	float: left;
	width: 100px;
	text-align: center;
}

body#main ul#nav li {
	width: 116px;
	
}

ul#nav li a {
	display: block;
	text-decoration: none;
	color: white;
	width: 95%;
	margin: 0 auto;
	opacity: 0.6;	
}

ul#nav li a.active {
	background: url('./main_opacity.png') repeat;	
	opacity: 1.0;	
	/*color: #4489DB;*/
	color: #569CEE;
	}

ul#nav li a:hover {
	background: url('./main_opacity.png') repeat;	
	opacity: 1.0;
	color: white;
}

	
div#content {
	clear:both;
	padding-top: 20px;
}

div#content h3 {
/*	background: url('./main_opacity.png') repeat;*/
	background-color: #151515;
	font-size: 120%;
	color: #EE1DB9;
	padding: 5px;
	display: inline;	
}

div#content h3 a {
	color: inherit;
	text-decoration: none;
	border: 0;	
	}

div#content h3 a:hover:after {
	content: ' »';	
	font-size: 60%;	
}

div#content h4 {
	color: #EE1DB9;
	margin: 10px 0 0;
}

div#content p {
	color: white;	
	line-height: 130%;	
}

div#content table, div#content span {
	color: white;	
}

div#content ul {
	list-style: none;
	color: white;
	padding: 0;
}

div#content li {
	margin-left: 10px;
}

div#content a {
	color: #569CEE;
	text-decoration: none;
	/*border-bottom: 1px solid #569CEE;*/
}

div#content a:hover {
	color: #EE1DB9;
	border-bottom: 1px solid #EE1DB9;
}

div#content a img {
	border: 0;
}

body#main div#content ul li:before {
	content: '»';
	color: #EE1DB9;
	margin-right: 5px;
}

div#news li, div#gig li {
	font-size: 90%;
}

/* v BIO */

ul#members {  
     list-style: none;  
     position: relative;  
     margin-top: 15px;  
     padding: 0;  
     width: 59%;
     height: 275px !important;
 } 
  
body#bio ul#members li{  
     display: block;  
     overflow: hidden;  
     padding: 0 5px; 
     cursor: pointer;
     height: 28px;
     width: 100%;
     background-color: #111;
     border: 1px solid #222;       
}

body#bio img#portrait {
	float: right;
	border: 1px solid #222;
	/*width: 260px;*/
	height: 273px;
}
 
body#bio div#content #members li:before {
 	display: none;
}
 
body#bio div#content #members li p {
	padding: 0;
	margin: 0;
	line-height: 27px;
}

body#bio div#content #members li .desc {
	display: none;
	height: 80px;
	margin-top: 2px;
	background-color: white;
	/*margin-top: 25px;*/
}

body#bio div#content #members li.active p {
	/*display: block;*/
	line-height: inherit;
}

body#bio div#content #members li.active p strong {
	color: #EE1DB9;
}

/* ^ BIO */
/* v KONCERTY */

body#koncerty ul {
	list-style: none;
}

body#koncerty ul.gigs li {
	display: block;
	font-size: 90%;
	min-height: 25px;
	border-bottom: 1px solid #222;
	margin-bottom: 7px;	
}

body#koncerty ul.gigs li .name {
	 color: #999;
}

body#koncerty ul.gigs li .bands {
	color: #AAA;
}

body#koncerty ul.gigs li .bands a {
	color: #A8348B;
	border-bottom: none;
}

body#koncerty ul.gigs li .bands a:hover {
	color: #EE1DB9;
	border-bottom: 1px solid #EE1DB9;
	/*opacity: 1.0;*/
}

body#koncerty ul.gigs li:hover span {
	 color: white;
	 opacity: 1.0;
}

body#koncerty a#toggle {
	display: block;
	float: right;
	border: none;
	font-size: 90%;
}

/* ^ KONCERTY */
/* v HUDBA */

body#music div.album {
	min-height: 230px;
	border-bottom: 1px solid #222;
	margin: 15px 0;
	padding-bottom: 5px;
}

body#music div.album img.cover {
	width: 220px;
	/*height: 222px;*/
	border: 1px solid #222;
	float: left;
	
}

body#music div.album div.description {
	float: right;
	width: 458px;
}

body#music div.album div.description table {
	font-size: 90%;
	width: 100%;
	border-spacing: 0;
	
}

body#music div.album div.description table td {
	border-top: 1px solid #222;
	border-right: 1px solid #222;
	line-height: 16px;
	padding: 3px 4px 1px;
	text-align: center;
}

body#music div.album div.description table tr td:last-child {
	border-right: none;
	font-size: 80%;
	padding-top: 5px;
	text-align: right;
}

body#music div.album div.description table tr:first-child td {
	border-top: none;
}

body#music div.album div.description table td.song {
	width: 65%;
	text-align: left;
	color: #EE1DB9;
}

body#music div.album div.description table td a {
	font-size: 80%;
}

body#music div.album div.description p.thanks {
	font-size: 80%;
	color: #AAA;
}

body#music div.album div.description p.thanks span {
	color: white;
	display: block;
}

/* ^ HUDBA */
/* v GUESTBOOK */

form#gbform {
	padding-bottom: 55px;
}

form#gbform * {
	border: none;
	margin: 0;
	padding: 0;
	font-family: "Calibri", "Tahoma", Helvetica, Arial, sans-serif;
}

form#gbform fieldset#gbform_l {
	width: 330px;
	float: left;
	text-align: right;
	height: 150px;
}

form#gbform fieldset#gbform_r {
	width: 330px;
	float: right;
	text-align: left;
	height: 150px;
}

form#gbform label {
	display: block;
	color: white;
}

fieldset#gbform_l input, fieldset#gbform_r textarea {
	color: white;	
	background-color: black;
	border: 1px solid #999;
	font-size: 120%;
	width: 200px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

fieldset#gbform_r textarea {
	height: 113px;
	font-size: 90%;
}

form#gbform fieldset#gbform_b {
	clear: both;
	text-align: center;
	
}

fieldset#gbform_l input.error, fieldset#gbform_r textarea.error {
	border: 1px solid #EE1DB9;
}

form#gbform label.error {
	display: none !important;
}

form#gbform fieldset#gbform_b input {
	width: 105px;	
	color: white;	
	background-color: black;
	border: 1px solid #999;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


fieldset#gbform_l input:hover, fieldset#gbform_r textarea:hover {
	border: 1px solid #569CEE;
}

fieldset#gbform_b input:hover {
	border: 1px solid #569CEE;
}

fieldset#gbform_b input:active {
	border: 1px solid red;
}


div#gbposts {
	border-top: 1px solid #222;
}

div.gbpost {
	border-bottom: 1px solid #222;
	padding-top: 5px;	
	padding-bottom: 5px;
	opacity: 0.8;	
}


div#content div.gbpost h4 {
	padding: 2px 0 0;
	margin: 0 0 3px;
}

div#content div.gbpost.new h4:before {
	content: '\204E  '
}

div#content div.gbpost h4 a {
	color: inherit;
	border: none;
	text-decoration: none;
	
}

div#content div.gbpost h4 a:after {
	content: ' www';
	font-size: 70%;
	color: #999;
	position: relative;
	bottom: 5px;	
}

div#content div.gbpost h4 a[href^="mailto:"]:after {
	content: ' mail';
	font-size: 70%;
	color: #999;
	position: relative;
	bottom: 5px;	
}

div#content div.gbpost h4 a:hover:after {
	content: ' ' attr(title);
	color: #569CEE;
	text-decoration: none;
	font-weight: normal;
	font-size: 70%;
	position: relative;
	bottom: 5px;
	
}

div#content div.gbpost:hover {
	opacity: 1.0;
}

div#content div.gbpost:hover .meta {
	color: #569CEE;
}


div#content div.gbpost .meta {
	float: right;
	color: #777;
	font-size: 90%;
}

div#content div.gbpost p {
	margin: 0;
}

div#content div#gbnav {
	width: 150px;
	margin: 0 auto;
	color: white !important;
	padding: 2px 0 0;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #222;
}

div#content div#gbnav a {
	border: none;
}

div#content div#info {
	font-size: 80%;
	color: #666;
}

/* ^ GUESTBOOK */
/* v KONTAKT */

body#kontakt div#content ul {
	margin: 0;
	padding: 0;
}

body#kontakt div#content ul li {
	margin: 0 0 0 15px;
}


body#kontakt div#socials {
	float: right;
	width: 50%;	
	text-align: right;
}

body#kontakt div#socials a {
	border: 0;
}

body#kontakt div#socials img {
	margin-left: 10px;
}

/* ^ KONTAKT */

div#footer {
	clear: both;
	width: 700px;
	margin: 0 auto;
	height: 30px;
	color: white;
	background-color: #151515;
	color: #AAA;	
	text-align: center;
	font-size: 70%;	
}

div#footer a {
	color: #569CEE;
	text-decoration: none;
}

div#footer a#vytah {
	float: right;
	display: block;
	position: relative;
	top: 0;
	right: 0;
	
	width: 50px;
	margin-left: -50px;
}