html, body {
 height: 100%;
}
body {
    margin: 0;
    padding: 0;
    background: #000 url('gfx/dimbk.jpg') no-repeat center top;
    background-attachment: fixed;
}
#page-wrap {
    max-width: 900px;
    min-width: 640px;
    width: 90%;
    margin: 0px auto;
    text-align: left;
    padding: 8px 0px;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #111 #333;
    background: #000 url('gfx/band.jpg') no-repeat right 0px;
     
}
#top {
    /*background: url('gfx/foto.jpg') no-repeat right top;*/
    position: relative;
    height: 180px;
}
#top #dim {
    position: absolute;
    top: 10px;
    left: 70px;
}
#middle {
    padding: 10px 10px;
}
#middle #left {
    width: 20%;
    float: left;
    margin-right: 8px;
}
#middle #contents {
    float: left;
    width: 78%;
}
#footer {
    text-align: center;
    font-size: 0.8em;
    margin-top: 80px;
    color: #999;
}
#footer a {
    color: #999;
    font-weight: normal;
}
/***** menu left *********/
#left ul#menu {
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    list-style: none;
}
#left ul#menu li {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}
#left ul#menu a {
    text-decoration: underline;
    font-weight: bold;
    color: #333;
}
#left ul#menu a span {
    color: #ddd;

}
#left ul#menu a:hover {
    color: #fff;
}
#left ul#menu a:hover span {
    color: #f00;
}

#left #buycd, #left #myspace {
    margin-top: 20px;
    margin-right: 10px;
}
#left #myspace {
    margin-top: 30px;
    margin-left: 20px;
}

#left #buycd a {
    background: url('gfx/buycd.jpg') no-repeat left top;
    width: 132px;
    display: block;
    padding-top: 90px;
    text-align: right;
    color: #f00;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: underline;
}
#left #buycd a span {
    color: #fff;
}
/******** Contents formatting **************************/
#contents h1.title {
    width: 50%;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #222;
    margin-bottom: 10px;
}
#contents p, #contents li {
    line-height: 150%;
}
#contents h2 a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
#contents p, #contents ul, #contents ol {
    margin-top: 0px;
    margin-bottom: 10px;
}
div.news-item {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-style: solid;
    border-color: #111;
    border-width: 0px 0px 1px 0px;
}

div.news-item h6 {
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    text-transform: uppercase;
}
div.art img, div.gal div.gal-item img {
    margin: 5px;
    padding: 2px;
    background: #333;
}
table.menu-subitem td.thumb img, div.news-item img.thumb {
    padding: 2px;
    background: #333;
}
div.news-item img.thumb {
    margin-top: 3px;
    margin-bottom: 5px;
}

img.toleft {
    margin-left: 0px;
    margin-right: 12px;
    float: left;
}
img.toright {
    margin-left: 12px;
    margin-right: 0px;
    float: right;
}

div.art table.centered {
    margin: 3px auto;
}
div.art table td {
    vertical-align: top;
}
div.dontshow {
    display: none;
}

div.gal div.gal-item {
	float: left;
	margin: 3px 3px;
	width: 148px;
	height: 180px;
	text-align: center;
	padding: 1px;
	background: #090909;
    border: solid 1px #090909;
}
div.gal div.gal-item img {
    margin: 1px;
}
/*
div.youtube {
    width: 425px;
    height: 355px;
    border: solid 3px #;
    margin: 5px auto;
}

object.youtube {
    width: 425px;
    height: 355px;
}*/
ul.files-list {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 425px;
}
ul.files-list li {
    display: block;
}
ul.files-list li a {
    display: block;
    text-align: left;
    border: solid 1px #ffdd00;
    margin: 3px 0px;
    padding: 2px;
    text-decoration: none;
}

ul.files-list li.selected a {
    border: solid 1px #900;
}

ul.files-list li a:hover {
    background: #efe49a;
}
div.mediaplayer {
    margin: 40px auto;
    width: 320px;
    border: solid 2px #666;
}


/******************** forms ***********************/

input.btn {
	width: 120px;
	margin-left: 10px;
	margin-bottom: 20px;
}
input, textarea, select {
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
input.num, input.text, textarea {
	background: #333;
	padding: 1px;
	color: #fff;
	border: solid 1px #666;
	width: 70%;
	font-size: 1em;
	margin-bottom: 6px;
}
textarea {

}
input.num {
  width: 38px
}
select {
	background: #333;
	color: #fff;
	border: solid 1px #666;
	width: 40%
	font-size: 1em;
}
div#survey {
    margin-top: 60px;
}
div#survey div.item input {
    margin: 2px 5px;
}
div#survey div.item input.btn {
    display: block;
    margin: 4px auto;
    width: 50%;
}
div#survey .question {
    font-weight: bold;
}