/*--[ Reset browser defaults ---------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

a img {
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clear {
  clear: both;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.small {
  font-size: 8pt;
}

/*--[ Main elements ------------------------------------------*/
body {
  margin-top: 1em;
  text-align: center;
  font-family: tahoma, sans-serif;
  font-size: 10pt;
}

h2 {
  font-size: 12pt;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 1em;
}

h2 a {
  text-decoration: none;
}

h3 {
  font-size: 11pt;
}

h4 {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

p {
  margin: 1em 0 1em 0;
}

ul.square {
  list-style: square inside;
}

label {
  display: block;
  width: 6em;
  float: left;
  clear: left;
}

input[type=text], textarea {
  border: 1px solid #999;;
}

textarea {
  width: 30em;
  height: 10em;
}

input[type=submit], input[type=reset], button {
  border: 1px solid black;
  background-color: #ddd;
  padding: 1px;
}


/*--[ Colors ]------------------------------------------------*/
body {
  background-color: #eee;
}

div#body {
  background-color: white;
}

a:link, a:visited {
  color: #087608;
}

h2 {
  border-color: #555;
}

h4 {
  border-color: #999;
}

div.review {
  border-bottom-color: #999;
}

/*--[ Structure ]---------------------------------------------*/
div#page-wrapper {
  margin: 0 7.5% 0 7.5%;
  text-align: left;
  width: 85%;
}

div#header {
  height: 61px;
  margin-right: 14px;
  background: transparent url(/site_media/img/left-top-border.png) left bottom no-repeat;
}

div#header h1 {
  float: left;
  height: 47px;
  margin: 0;
  padding: 0;
  margin-left: 13px;
}

ul#nav-tabs {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 8pt;
  font-weight: bold;
  height: 26px;
  position: relative;
  top: 27px;
}

ul#nav-tabs li, ul#nav-tabs li.current {
  float: left;
  margin: 0 2px;
}

ul#nav-tabs li {
  background: url(/site_media/img/right-tab.png) no-repeat top right;
}

ul#nav-tabs li.current, ul#nav-tabs li:hover {
  background: url(/site_media/img/right-tab.png) no-repeat bottom right;
}

ul#nav-tabs li a, ul#nav-tabs li.current a {
  display: block;
  float: left;
  padding: 0 1em;
  text-decoration: none;
  height: 26px;
  line-height: 26px;
}

ul#nav-tabs li a {
  background: url(/site_media/img/left-tab.png) no-repeat top left;
  color: white;
}

ul#nav-tabs li.current a, ul#nav-tabs li a:hover {
  background: url(/site_media/img/left-tab.png) no-repeat bottom left;
  color: black;
}

div#body {
  clear: both;
  background: transparent url(/site_media/img/right-top-border.png) right top no-repeat;
  margin-top: -14px;
  padding-top: 14px;
}

div#border-wrapper {
  border-left: 6px solid #760809;
  border-right: 6px solid #760809;
  background: white url(/site_media/img/side-bar.jpg) 77% top repeat-y;
}

div#sidebar {
  float: right;
  width: 23%;
  padding: 0;
  min-width: 170px;
}

div#sidebar a, div#sidebar p, div#sidebar ul, div#sidebar h3 {
  padding: 0 0.5em 0 0.5em;
}

div#main-content {
  float: left;
  width: 75%;
  padding: 0;
  background-color: white;
}

div#main-content h2, div#main-content div, div#main-content table,
div#main-content p, div#main-content ul, div#main-content button {
  margin-left: 1em;
}

div#foot {
  font-size: 8pt;
  text-align: center;
  padding: 1.5em 0 0 0;
  margin: 0 14px 0 0;
  background: transparent url(/site_media/img/left-bottom-border.png) left top no-repeat;
}

div#foot p {
  background: transparent url(/site_media/img/right-bottom-border.png) right top no-repeat;
  position: relative;
  top: -16px;
  right: -14px;
  padding-top: 16px;
  margin: 0;
}

/* validators styles */
span.validators {
  position: relative;
  left: 2em;
  top: 4px;
}


div#sidebar ul a {
  text-decoration: none;
  background: transparent url(/site_media/img/menu-bullet.png) no-repeat left 50%;
  padding-left: 16px;
  font-weight: bold;
}

div#sidebar ul a:hover {
  text-decoration: underline;
}

/*--[ Custom styles ]----------------------------------------*/

div.news {
  margin: 1em 0 0 0;
  clear: left;
  padding-bottom: 1em;
}

div.news p.date {
  font-size: 8pt;
  text-align: right;
  margin-top: 0.5em;
  margin-bottom: 0;
}

div.news img {
  float: left;
  margin-right: 1em;
  padding: 2px;
  border: 1px solid #ccc;
}

div.next-concerts {
  margin: 1em 0 1em 0;
  width: 169px;
}

/* records styles */
img.cover {
  float: left;
  border: 1px solid #999;
  padding: 1px;
}

a.download-record {
  display: block;
  margin-bottom: 1em;
  text-indent: -5000px;
  background: url(/site_media/img/download.png) no-repeat;
  width: 158px;
  height: 64px;
}

object.video {
  margin-left: 20px;
}

ol.song-list {
  margin-left: 4em;
}

div.lyrics {
  clear: left;
}

div.lyrics h3 {
  margin-top: 1em;
}

a.download-song {
  font-weight: normal;
  font-size: 8pt;
  margin-left: 4em;
}

ul.record-list li img {
  display: block;
  margin-left: 16px;
  margin-bottom: 1em;
  border: 1px solid #999;
  padding: 1px;
}

/* members */
div.member {
  clear: left;
  margin-top: 1em;
}

div.member img {
  float: left;
  padding: 2px;
  border: 1px solid #ccc;
  margin-bottom: 1em;
}

div.member div {
  margin-left: 170px;
}


div.member dt {
  font-style: italic;
}

div.member dd {
  padding-left: 2em;
}

/* reviews */
div.review {
  margin-top: 1em;
  margin-bottom: 1em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

div.review h3 {
  text-align: right;
}

div.review p {
  font-style: italic;
  font-size: 11pt;
  text-align: center;
  margin: 0;
}

div.review p.date, div.review p.author {
  font-weight: normal;
  font-size: 8pt;
  text-align: right;
  font-style: normal;
  margin: 0;
}

/* concerts */
table.concerts {
  border-collapse: collapse;
  margin-bottom: 2em;
  font-size: 8pt;
}

table.concerts th {
  color: white;
  background-color: #ba8384;
}

table.concerts tr.odd {
  color: black;
  background-color: #c1dcc1;
}

table.concerts tr.even {
  background-color: white;
}

table.concerts td, table.concerts th {
  padding: 2px;
}

table.concerts th.date {
  width: 8em;
}

table.concerts th.place {
  width: 15em;
}

table.concerts th.city {
  width: 12em;
}

table.concerts th.galery {
  width: 16em;
}

/* pictures */
div.thumbnail {
  float: left;
  width: 120px;
  height: 120px;
  text-align: center;
  border: 1px solid #999;
  background-color: #fafafa;
  margin: 2px;
  padding: 2px;
}

div.thumbnail img.horizontal {
  margin-top: 15px;
  margin-bottom: 15px;
}

img.preview {
  float: left;
}

/* guest book */
div.comment {
  padding: 0 0.5em 0 0.5em;
  margin: 1em 0 1em 0;
  background-color: #c1dcc1;
  border: 2px solid #83ba83;
}

div.comment p.meta {
  border-bottom: 1px solid #83ba83;
}

.download-last-record {
  display: block;
  margin-top: 1em;
}

/* Captcha styles */
div#recaptcha_widget_div {
  margin-left: 6em;
}

div.recaptcha_input_area label {
  float: none;
  display: inline;
  width: auto;
}

p.other-webs {
  font-weight: bold;
  font-size: 11pt;
}

p.other-webs a img {
  padding: 1px;
  border: 1px solid #999;
  display: block;
}