html, body{ margin: 0; padding: 0; font-family: Georgia,Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #806a6a; background-color: #f5f5f5; background-repeat: repeat; background-attachment: fixed;
background-image: url(../images/bg.gif);
}

#container{ position: relative; width: 740px; margin: 0 auto;background: url(../images/bg-noty.jpg) left repeat-y; 
border-right: 12px solid #cccc99; border-left: 12px solid #cccc99;  } 
#header{ position: relative; background-color: #292929; height: 105px; background-image: url(../images/headerBg.gif); background-repeat: repeat-x; color:#fff; } 
#header #mylogo{ position: absolute; left: 0px; top: 0px; }
#header #mylogo h1{ margin:0; padding:0; text-align: left;	text-indent: -9000px; display: none; }
#header #tip{ display: none; position: absolute; left: 20px; bottom: 0; padding: 2px 2px 2px 25px; background-color: #473431; background-image:url(../img/scroll.gif); background-repeat: no-repeat; background-position: 5px 50%; font-size: 85%; color: #a58c8a; }

#iconNav ul{ list-style: none; margin: 0; padding: 2px; position: relative; position: absolute; right: 0; bottom: 0; background-color: #473431; }
#iconNav ul li{ float: left; position: relative; }
#iconNav ul li a{ display: block; padding: 0 5px 0 25px; background-repeat: no-repeat; background-position: 5px 50%; }
#iconNav ul li a:link, #iconNav ul li a:visited, #iconNav ul li a:active, #iconNav ul li a:hover{ color: #ce999c; text-decoration: none; }
#iconNav ul li a:hover{ color: #ffe7e8; }
#iconNav ul li.about a{ background-image: url(../img/iconAbout.gif); }
#iconNav ul li.emailme a{ background-image: url(../img/iconEmail.gif); }
#iconNav ul li.goodies a{ background-image: url(../img/iconGoodies.gif); }
#iconNav ul li.links a{ background-image: url(../img/iconFaves.gif); }
#iconNav ul li.awards a{ background-image: url(../img/iconAwards.gif); }

#nav{ background-image: url(../images/navBg.gif); background-repeat: repeat; background-color: #9DCE41; }
#nav ul{ list-style: none; margin: 0; padding: 0; border-top: 3px solid #eff16e; }
#nav ul li{ float: left; position: relative; font-size: 130%; }
#nav ul li a{ display: block; padding: 10px .6em; }
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover{ color: #000; text-decoration: none; border-left: 1px solid #EFF16E; border-right: 1px solid #dcebe9; border-top: 1px solid #fff; }
#nav ul li a:hover{ color: #292929; background-color: #ABCB79; }

#content{ padding: 0 25px; }

p{ line-height: 1.6em; margin: 0 0 1em 5px; }
h1{ position: absolute; top: 0; left: -79px; width: 719px; height: 46px; margin: 0; padding: 12px 0 0 60px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 180%; font-weight: normal; background-image: url(../img/h1Bg.gif); background-repeat: no-repeat; background-position: 0 50%; }
span.toTop{ position: absolute; top: 13px; right: -23px; }
span.toTop img{ border: 0 none; }
h2{ font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 120%; font-weight: normal; clear: both; }
strong{ background-color: #e8e7da; font-weight: normal; }

ul.thumbs{ list-style: none; margin: 10px 0 20px 40px; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 5px; position: relative; }
ul.thumbs li a img{ border: 5px solid #ece4e4; }
ul.thumbs li a:hover img{ border: 5px solid #98b3b1; }
ul.thumbs li img.new {display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: none; }

acronym { border-bottom: 1px solid #e2d6d6; cursor: help; }

#o_nas, #clenove, #mp3, #foto, #diskuze, #kontakt, #ill { position: relative; padding-top: 5em; }
#goodies, #contact, #links, #awards{  position: relative; padding: 4.5em 25px 10px 25px; }

#o_nas h1{ top: -5px; left: -54px;background-image: url(../images/h1BgAbout.gif); }
#clenove h1{ top: -5px; left: -54px; background-image: url(../images/h1BgAbout.gif); color:#7b4f4f; }
#mp3 h1{ top: -5px; left: -54px; background-image: url(../images/h1BgAbout.gif); color:#808145; }
#foto h1 { top: -5px; left: -54px; background-image: url(../images/h1BgAbout.gif); color: #afc1bf; }
#diskuze h1 { top: -5px; left: -54px; background-image: url(../images/h1BgAbout.gif); color: #e29098; }
#kontakt h1 { top: -5px; left: -54px; background-image: url(../images/h1BgAbout.gif); color: #e29098; }
#goodies span.toTop, #contact span.toTop, #links span.toTop, #awards span.toTop{ position: absolute; top: 9px; right: 0px; }

#about{  }
.aboutRight{ float: right; }
.aboutRight img{ padding: 15px 0 0 10px; }

#goodies{ background-color: #f5eded; }
#goodies li{ background-color: #ece4e4; }
#goodies ul img{ border: 5px solid #ece4e4; }
#goodies ul a img{ border-bottom: 0 none;}
#goodies ul li ul{ list-style: none; padding: 0; margin: 0 0 0 10px; }
#goodies ul li ul li{ float: none; clear: both; background-image: url(../img/zip.gif); background-repeat: no-repeat; padding: 0 0 0 18px; }
#goodies a, #goodies a:link, #goodies a:active, #goodies a:visited, #goodies a:hover{ color: #66908e; text-decoration: none; border-bottom: 1px dashed #a3d4d2; }
#goodies a:visited{ color: #80b2b0; }
#goodies a:hover{ color: #535858; border: 0 none; }


#contact{ background-color: #feffee; }
#contact .button{  }
#contact p.email{ background-image: url(../img/email.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 25px; }
#contact a, #contact a:link, #contact a:active, #contact a:visited, #contact a:hover{ color: #aaa; text-decoration: none; }
#contact a:hover{ color: #f7d400; text-decoration: underline; }
span.error{ color: red; display:none; }
#loadBar{ display: none; color: #494343; background-color: #eff3af; padding: 5px; }
#emailSuccess{ display: none; color: #313333; background-color: #eff3af; background-image: url(../img/check.gif); background-repeat: no-repeat; background-position: 5px 50%; padding: 5px 5px 5px 20px; }
label span{ font-style: italic; color: #999; }
input, textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #575b5b; }

#links{ background-color: #6c7877; color: #d2e4e2; }
#links ul{ list-style: none; padding: 1em; margin: .5em 0px 1em 50px; background-color: #778483; }
#links ul li{ float: left; padding: 0 12px .4em 12px; width: 170px; }
#links ul li a, #links ul li a:link, #links ul li a:active, #links ul li a:visited, #links ul li a:hover{ color:#cadddc; text-decoration: none; border-bottom: 1px dashed #acbdbc; }
#links ul li a:visited { color: #464b4b; border-bottom: 1px dashed #585e5e; }
#links ul li a:hover{ color: #fff; border-bottom: 0 none; }
#links ul li img{ border: 3px solid #84908f; vertical-align: middle; margin-right: 5px;}
#links h2{ margin: 1.5em 0 0 50px; padding: 0; color: #ffaba6; }

#awards{ background-color: #6e5256; color: #d6b9be; }
#awards ul{ list-style: none; padding: 0; margin: 1.5em 0 1em 40px; }
#awards ul li{ float: left; padding: 0 1em 1em 0; white-space: nowrap;}
#awards p a, #awards p a:link, #awards p a:active, #awards p a:visited, #awards p a:hover{ color:#edd9d9; text-decoration: none; border-bottom: 1px dashed #af8b8b;}
#awards p a:hover{ color: #fff; border: 0 none; }
#awards ul li img{ border: 3px solid #886c70; }

#footer{ position: relative; background-color: none; color: #705758; padding: 10px 0 10px 0; font-size: 75%; text-transform: uppercase; background-image: url(../img/footerBg.gif); background-repeat: repeat-x; background-position: bottom; border-top: 3px solid #5a353b; }
#footer p{ padding: 0 0 .25em 30px; margin: 0 290px 0 0; }
#footer p.thanks{ margin: 0 25px; padding: .25em 5px; background-image: url(../img/thanksBg.gif); background-repeat: repeat; }
#footer ul{ margin: 0; padding: 0; list-style: none; position: absolute; top: 1.2em; right: 30px; }
#footer ul li{ background-image: url(../img/check.gif); background-repeat: no-repeat; background-position: 0 50%; float: left; padding: 0 15px 0 12px; }
#footer ul li.printerFriendly{ background-image: none; padding: 0; }
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover{ color: #705758; text-decoration: none; border-bottom: 1px dashed #594546; }
#footer a:hover{ color: #9e7e7f; border: 0 none; }

a, a:link, a:active, a:visited, a:hover{ color: #7aaaa6; text-decoration: none; }
a:hover{ color: #417773; border: 0 none; }

#hardAtWork{ margin: 100px auto; padding: 20px; width: 500px; background-color: #ffe9ea; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 180%; text-align: center; line-height: 1.6em; }

.clearfix:after { display:block; content:"."; height:0; visibility:hidden; clear:both; }
.clearfix {display:inline-table;}/* for IEMac only */
/* this line hides these rules from IEMac \*/
* html .clearfix{height:1%;} /* for IE*/
.clearfix {display:block;} /* resets to block */
/* end hide from IEMac */

/*obsazení členové kapely*/


     .thumbnail {


float:left;
top:0;
left:0;
           width:120px;

           font-size:90%;

           margin:10px 0 0 0px;

           padding:10px;

      }

 .clearboth {clear:both;}
 
      .clearboth hr {
        display: none;
      }

/*clear-bottom mp3*/
.clear-bottom {margin-bottom:30px;}
		/*fotogalerie css stylovani*/

		  
       .cleaner {
        clear: both;
        height: 0;
        overflow: hidden;
        content: ' ';
      }
      .cleaner hr {
        display: none;
      }

  
      #galerie {
        margin: 0px 0em;
margin:0px 5px;
       
        padding: 1px 0;
margin-bottom:30px;
        }
      #galerie .foto a {
			float: left;
					width: 120px;
					height: 90px;
					padding:0 0 0 0;
				  margin: 10px 10px 0 0;
					border: solid 6px #ccc;
 
      }
      #galerie .foto img {
        margin: 0px 0 0 0;
        border: 0px solid silver;
      }
      #galerie .foto p {
        margin: 0;
      }
		hr {
			display: none;
		}
		
		#galerie a:hover {
			
					border: solid 6px #AAD46E;}

#box { 
margin: 0px auto;
text-align: left;
width: 740px;


}
#hlista {
	background: url(../images/reklamni-lista.gif) top repeat-x;
	height: 28px;

width: 740px;

}

 #hlista ul li {
 float: left;

	
	font-size: .7em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	list-style: none;
	margin: 0px 6px 4px 3px;
	
}

#hlista ul {

float: left;
left: 0px;
margin: 5px 0px 4px 5px;
padding-left:0px;


}
b.reklama {
	padding: 0 35px;
}


/*contact*/

/*email form*/

#id-form
{
	width:400px;

margin:0px;
}

li
{
	list-style: none;
}

fieldset
{
width:400px;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #999999;
}

legend
{
	font-weight: normal;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #999999;
	background: #000;
	color: white;
}

label
{
	width: 120px;
	float: left;
	display: block;
}

form br
{
	display: none;
}

input,textarea, select
{
	margin: 0 0 0px 0;
background:#f5f5f5;
color:000;
}

textarea
{
	width: 300px;
}

input#Email
{
	width: 300px;
}

input#Telefon
{
	width: 300px;
}
		


/*komentář stylování*/
ol.comments li {background-color:#f5f5f5; border:1px solid #000;padding:3px;margin-bottom:3px;}

ol.comments {/*background-color: #AAD46E;*/ padding:3px; margin:5px 0 3px 10px;margin-bottom:30px;}

/*stylování formuláře comenntářů*/
/*id form*/ form#txpCommentInputForm {	

}

.comments-wrapper {width:300px; }
 /*jméno*/input#comment_name_input {width: 300px;margin-bottom:0px;}

.comment_name_input {}

/*email*/ input#comment_email_input  {width: 300px;margin-bottom:3px;}
.comment_email_input {}
/*web*/    input#comment_web_input  {width: 300px;margin-bottom:3px;}
.comment_web_input {}

/*message*/  textarea#message  {width: 300px;margin-bottom:0px;}


/*checkbox*/  input#remember  {}
.checkbox {float:left;position:relative;top:4px; left:0;}
input.button {float:left;left:-56px; position:relative;margin:0px;}
.txpCommentInputMessage {/*background: url('../images/texy-syntax.gif') bottom right no-repeat #fff; border: 1px solid #7F9DB9;*/}



.comments_error

{ 

	background-color: #ffa 

}


div.comments_error

{

	border: 1px solid #cc8;

	padding : 0.3em;

}

/*inline button*/
.inline-button {
   _width:12em;
   font: bold 75%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: #666;
   color: white;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }

/*bookmark*/

#quickSummary{

position:absolute;

top:41px;

padding:0 0 0 380px

}

#quickSummary .p1{

margin:10px 81px 0 0;

font-size:120%

}

#quickSummary .p2{

margin:0;

background:url("../images/bookmark.gif") no-repeat;

position:absolute;

top:-45px;

left:620px;

width:81px;

height:131px

}

#quickSummary .p2 span{

display:block;

padding:10px 10px;

color:#fff;

font:11px/18px "Trebuchet MS",Arial,Helvetica,sans-serif

}

#quickSummary .p2 a{

color:#fff

}

#quickSummary .p2 a:hover{

text-decoration:none;

color:#ccc

}