/** Danette clases */
div.flash  {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 10px;
	margin: 1em 0;
      /*  background-image: url('../images/icons/exclamation.png');
        background-position: 10px 12px; background-repeat: no-repeat;
        padding-left: 40px;    */

}
/*div.flash.error {	background-image: url('../images/icons/exclamation-red.png') ;}
div.flash.deny {	background-image: url('../images/icons/cross-circle.png') ;}
div.flash.info {	background-image: url('../images/icons/thumb-up.png') ;}*/

div.customContent {  min-height: 100px; min-width: 100px;}
div.customContent input.button { width:200px; height: 25px;}
div.customContent .admin { position: absolute; right: 0; top:0px;z-index: 10;   }

a[href^="error:"] {	background: red;	color: white;}
a img {border:0}

.hidden { display: none}
.clearer { clear: both; }
ul.error { color:#860d09}
pre { font-size: 15px;}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: transparent url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash  {	color: black;	background: #FFF9D7;	border: 1px solid #E2C822;	padding: 10px;	margin: 1em 0;
    /*  background-image: url('../images/icons/exclamation.png');        background-position: 10px 12px; background-repeat: no-repeat;        padding-left: 40px;    */
}
/*div.flash.error {	background-image: url('../images/icons/exclamation-red.png') ;}
div.flash.deny {	background-image: url('../images/icons/cross-circle.png') ;}
div.flash.info {	background-image: url('../images/icons/thumb-up.png') ;}*/


a[href^="error:"] {	background: red;	color: white; }
.clearer { clear: both; }
.required {        font-weight: bold;}
ul.error { color:#F99;}
pre { font-size: 15px;}

fieldset {       max-width: 500px;        padding: .5em;        margin: .5em 0;        background: #333;        border: 1px solid #555;}
fieldset table tbody td input[type=checkbox] { margin-right: 5px;}
form span.error { color:#F99; display: block;  font-weight: normal }
input.button.default {               font-weight: bold; }
form th { vertical-align: top ;       width: 10em;        font-weight: normal;        text-align: right; }
form th { vertical-align: top }

input.datetimepicker    {
    background: white url('../images/icons/calendar.png') no-repeat right;
    border: 1px solid #999;
    padding: 2px;
}


iframe { border:0 }

#adminToolbox { position: absolute;  left:0px; top:0px; background-color: #000; z-index: 10;}

/**  Project classes */
body {
	font: 16px/1.5 "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color: #EEE;
	background-color: #000;
        background-position: top center;
        margin: 0;
}

h1 {	font-size: 150%;	color: #3484D2;}


a { text-decoration: none; color:#FFF;}
a:visited		{ color: #EEE }
a:hover			{ color: #DFD; text-decoration: none; }
a:focus			{ color: #DFD; text-decoration: none; }
a:active			{ color: #EEE; text-decoration: none; }
a.active			{ color: #EEE; text-decoration: none; }

div.wrapper { width: 1200px; min-height: 743px; margin: 0 auto; background: url("../images/layout/bg-intro.jpg") #000 top center no-repeat ;}
div#header {  width: 1200px; height: 550px; position: relative; }

#logo {
    background: transparent url("../images/layout/logo-black.png") no-repeat scroll 0% 0%;
    width: 577px;
    height: 150px;
    text-indent: -3333px;
    border: 0;
    margin: 0;
    position: absolute;
    left:370px;
    top:0px;
}
#logo:hover {
    background: transparent url("../images/layout/logo-black-hover.png") no-repeat scroll 0% 0%;
}

.texylaContent { z-index: 10;}
#cache {position: absolute; top:-1000px; }

#logo a {
    display: block;
    width: 577px; /* larger than actual image? */
    height: 150px;
    text-decoration: none;
    border: 0;
}

#navigation { position: absolute; top:225px; width: 220px; left:570px; height: 240px;   }
#content {  width:1200px; margin: 0 auto; position: relative;}
.push { clear: both;}

div.footer { height: 50px;}
div#copy {  color:#CCC; text-align: right; }
div#copy a {color:#FFF; }
#fb { position: absolute; left:180px; top:420px; }
#bz { position: absolute; left:280px; top:420px; }


table.gigs th { padding:4px; background-color: #333; border: 0px solid; color:white; font-weight: bold;  }
table.gigs td { padding:4px;  background-color: #111; border: 0px solid;  }

#credits { position: absolute; top:485px; right:200px;color:#BBC0BB; font-size: 14px; }

div#nextGig { position: absolute;  left:140px; top:270px; width:280px; z-index:5; height: 80px; }
div#nextGig h3 { margin:0px; font-size: 22px; color:#CDC; text-align: left; display: block;  margin-right: 10px;  }
div#nextGig { color:#BBC0BB; font-size: 16px; }


.leftBox { width:270px; position: absolute; left:0; top: -10px;   text-align: right;}
.rightBox { width:270px; position: absolute; right:0; top: -10px; text-align: left;}
.centerBox {  margin:0 285px;}

.leftBox img, .rightBox img { max-width: 260px; max-height: 500px;}
.left { float: left; }
.right { float: right; }
a.thumb  img{ max-width: 400px; max-height: 400px; border: 0;}

strong			{ font-weight: bold; }
em			{ font-style: italic; letter-spacing: 1px; }
big			{ font-size: 1.2em;    }
small			{ font-size: 0.7em;     }
sub, sup		{ font-size: 0.7em;     }
hr { border:0; height: 1px; color: #131;background-color:#131; border-top: 1px solid #131;  }

ul			{ margin: 4px 0px 8px 0px; list-style: none;padding-left: 4px; }
.ul li  { list-style:disc;padding:0px; }
.ul ul, ul.ul  { margin-left:25px; }
ul li			{ margin: 0px 0px 4px 0px; padding-left: 16px; list-style: none;  }
ol			{ margin: 4px 0px 8px 16px; padding-left: 4px; }
ol li			{ margin: 0px 0px 4px 0px; }

#lavaLampBasicImage {position: relative;width: 220px;padding: 20px;padding-right:5px;margin: 0px auto;overflow: hidden;height:300px;}
#lavaLampBasicImage li {float: left;list-style: none; position: relative; clear: both }
#lavaLampBasicImage li.backLava { /*background-color:#001000; */
    -moz-box-shadow:inset 0px 0px 12px #FFF;  -webkit-box-shadow: inset 0px 0px 12px #FFF;  box-shadow: inset 0px 0px 12px #FFF;
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px;  border: 0px solid #4a4d42;width: 10px; height: 24px;z-index: 8;position: absolute;}
#lavaLampBasicImage li a { font-weight: bold; font-size:  20px;text-decoration: none;color: #CFC;outline: none;text-align: center;top: 3px; /*text-transform: uppercase;*/letter-spacing: 0;z-index: 10;display: block;float: left;height: 25px;position: relative;overflow: hidden;margin: auto 4px;   text-transform: uppercase }
#lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active{color: #FFF; border: none;}

#overlay {     background-image:url("../images/overlay.png");    }
.contentWrap {     overflow:auto; }
.apple_overlay {		display:none;		background-image:url(../images/overlay.png);		width:700px;		padding:75px; }
.apple_overlay div.close {	background-image:url(../images/close.png);	position:absolute; right:15px; top:13px;	cursor:pointer;	height:100px;	width:100px;}

div#overlay-page {}
div#overlay-page p {	color:silver;    text-align:justify;}
div#overlay-page h1 { color:white; font-size: 30px; margin-left:10px; }
div#overlay-page ul {	color:white;}
div#overlay-page em, div#overlay-page strong , div#overlay-page a {	color:white;}
div#overlay-page ul.list {	color:white; list-style: circle;}
div#overlay-page ul.errors {	color:red; list-style: square;}


div#lang { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #000; width:130px; height:30px; border-radius:10px;}
div#lang select {   border: 0; color:silver; background-color: #000; font-weight: bold; width:120px; text-align: center; position: absolute; left:4px; top:4px;}
div#lang select option { padding:2px;  margin:2px;   background-color: #000; color:white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px;border-radius:5px;}



div.content ul li {  margin:0px 0px 0px 10px; padding: 0px;}
div.content ul  { list-style-type: square;}
div.content h1 { color:#9A9; text-transform: uppercase; font-size: 18px;}
div.content h2 { color:#9C9; text-transform: uppercase; font-size: 16px;}
div.content { color:#CCC;}


blockquote		{ font-style: italic; line-height: 1.5em; padding: 16px; background-color: #26000d; margin-bottom: 8px; }


.skryty			{ position: absolute; top: -999px;  }

table.rows td			{ background-color: #111; padding: 2px 4px 2px 4px; color:#BBB;}
table.rows tr:nth-child(odd) td	{ background-color: #222;color:#CCC; }

.clearer			{ clear: both; font-size: 0;}

/* Specificke */
#actionBar { float:none;}


p { margin-bottom:10px; text-align: justify;}


div.section .picasa { text-align:center; display: none;}

div.sitemap { margin-bottom:15px;}
div.sitemap ul { margin : 0px 0px 0px 15px; }
div.sitemap ul li { list-style-type: disc;padding: 2px;  margin: 0px; color:#406E80;}

ul.admin { margin : 0px 0px 0px 15px; }
ul.admin li { list-style-type: disc;padding: 2px;  margin: 0px; color:#406E80;}


table.data { border-collapse: collapse; border: 1px solid #333; }
table.data tr {}
table.data th { text-align: left; vertical-align: top;border: 1px solid #444; background-color: #333; padding: 2px; font-weight: normal ; color: #EFE; }
table.data td {  text-align: left; vertical-align: top;border: 1px solid #222;padding: 2px; }
table.data .canceled { text-decoration: line-through;}

div#cd-paintings  { width: 231px; height: 399px; background: url("../images/layout/cd-bg.jpg");  z-index:2; position: relative; background-repeat: no-repeat   ; background-position: 0 -40px; }
div#cd-paintings.active { background: url("../images/layout/cd-bg-active.jpg"); background-repeat: no-repeat   ; background-position: 0 -40px;  }
div#cd-paintings .head { display: block; width: 205px; height: 35px; border: 0px solid white; position: absolute;  top:0px; z-index: 3;color:#999;	}
div#cd-paintings .head strong { color:#CCC;	}
div#cd-paintings .cd { display: block; width: 225px; height: 195px; border: 0px solid white; position: absolute; left:0px; top:47px; z-index: 10;color:#999; 	}
div#cd-paintings .buy { display: block; text-align:center; width: 150px; height: 30px; border: 0px solid white; position: absolute; left:85px; top:320px; z-index: 3; 	}

div#cd-drowned  { width: 233px; height: 358px; background: url("../images/layout/cd-drowned.jpg");  z-index:2; position: relative; top:10px; background-position: 0 35px; background-repeat: no-repeat;  margin-bottom: 10px;}
div#cd-drowned .head { display: block; width: 205px; height: 35px; border: 0px solid white; position: absolute;  top:0px; z-index: 3;color:#999;	}
div#cd-drowned .head strong { color:#CCC;	}
div#cd-drowned .cd { display: block; width: 225px; height: 195px; border: 0px solid white; position: absolute; left:0px; top:87px; z-index: 10;color:#999; 	}

div#cd-drowned .info,div#cd-paintings .info {position: absolute; top: 50px; left: 280px; width: 280px; }


div#cd-rom  { width: 233px; height: 428px; background: url("../images/layout/cd-rom.jpg");  z-index:2; position: relative; top:10px; background-position: 0 35px; background-repeat: no-repeat;  margin-bottom: 10px;}
div#cd-rom.active { background: url("../images/layout/cd-rom-active.jpg"); background-position: 0 35px; background-repeat: no-repeat ; }
div#cd-rom .head { display: block; width: 205px; height: 35px; border: 0px solid white; position: absolute;  top:0px; z-index: 3;color:#999;	}
div#cd-rom .head strong { color:#CCC;	}
div#cd-rom .cd { display: block; width: 225px; height: 195px; border: 0px solid white; position: absolute; left:0px; top:87px; z-index: 10;color:#999; 	}
div#cd-rom .info {position: absolute; top: 50px; left: 280px; width: 280px; }


div#cd-rom-cot  { width: 233px; height: 428px; background: url("../images/layout/cd-rom-cot.jpg");  z-index:2; position: relative; top:10px; background-position: 0 35px; background-repeat: no-repeat;  margin-bottom: 10px;}
div#cd-rom-cot.active { background: url("../images/layout/cd-rom-cot.jpg"); background-position: 0 35px; background-repeat: no-repeat ; }
div#cd-rom-cot .head { display: block; width: 205px; height: 35px; border: 0px solid white; position: absolute;  top:0px; z-index: 3;color:#999;	}
div#cd-rom-cot .head strong { color:#CCC;	}
div#cd-rom-cot .cd { display: block; width: 225px; height: 195px; border: 0px solid white; position: absolute; left:0px; top:87px; z-index: 10;color:#999; 	}
div#cd-rom-cot .info {position: absolute; top: 50px; left: 280px; width: 280px; }


div#linkDk { position: fixed; right:0px; top:0px; width:150px; height: 150px; z-index: 20; }
div#linkDk em { position: absolute; left:0px; top:0px; width:150px; height: 150px; display:block; background:url("../images/layout/corner.png"); z-index:10 }
div#linkDk a { color:transparent;display: block;}
div#linkDk em:hover {position: absolute; left:0px; top:0px; width:150px; height: 150px; display:block;background:url("../images/layout/corner_active.png"); z-index:10 ; }

div.gallery { float: left; margin:5px; width: 200px;  border: 1px solid #000; padding:5px; text-align: center; vertical-align: middle}
div.gallery:hover {  border: 1px solid #444 ; background: #333;}
div.gallery a.lightbox {}
div.gallery img { max-width: 200px; max-height: 200px; }


div.gallery-folder { float: left; margin:5px; width: 200px; height: 200px;  border: 1px solid #000; padding:5px; text-align: center; vertical-align: middle}
div.gallery-folder:hover {  border: 1px solid #333 ; background: #222;}
div.gallery-folder img { max-width: 200px; max-height: 200px; }

div.merch-image { float: left; margin:5px; width: 200px; height: 160px;  border: 1px solid #000; padding:5px; text-align: center; vertical-align: middle}
div.merch-image:hover {  border: 1px solid #333 ; background: #222;}
div.merch-image img { max-width: 200px; max-height: 160px; }

div#player { position: absolute; right:170px; top:270px;}

div#listenRom { position: absolute; top:35px; left:190px; }
div#listenRom div { position: absolute; top:130px; left: -20px; width: 200px; color:black;}

div#listenCot { position: absolute; top:35px; left:190px; }
div#listenCot div { position: absolute; top:130px; left: -20px; width: 200px; color:black;}