/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #d8cc22;  }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-main { margin-left: -768px; width: 768px; _left: 974px; background: url(../img/bg-col-main.png) repeat-y 0 0; color: white; }
.col-side-left { margin-left: -975px; margin-top: -105px; width: 192px; padding-bottom: 170px; zoom: 1;}

.col-main .spc { padding: 0 36px; zoom: 1; }
.col-main-bot { background: url(../img/bg-col-main-bot.png) no-repeat 0 0; height: 11px; overflow: hidden; font-size: 0; }

#mother { margin: 0 auto; background: url(../img/bg-body.png) repeat 195px 341px; padding-bottom: 30px; zoom: 1; }
#main { position: relative; zoom: 1;}

.main-width { width: 975px; margin: 0 auto; position: relative; zoom: 1; }

/* Header */
#header {  position: relative; height: 393px; background: url(../img/bg-header.png) repeat-x 0 0; }

#logo { position: absolute; left: -49px; top: 0; }
#logo a img { display: block; }
#logo a { display: block; width: 256px; height: 253px; background: url(../img/bg-logo.png) no-repeat 0 0; text-indent: -5000px; }

#band-photo { background: url(../img/bg-band-photo.jpg) no-repeat 0 0; width: 768px; height: 395px; position: absolute; right: 0; top: 0; }

#sticker-buy-cds {  }
#sticker-buy-cd a { background: url(../img/sticker-buy-cd.png) no-repeat 0 0; width: 218px; height: 154px; position: absolute; top: 70px; left: 176px; z-index: 20; text-indent: -3000px; }


#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu*/
#main-menu { margin: 0 0 0 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
#main-menu ul { float: left; margin: 0; padding-bottom: 0; width: 100%; }
#main-menu ul li { display: block; float: left; margin: 0; padding: 0;  zoom: 1; _display: inline; position: relative; }
#main-menu ul li a { display: block; float: left; margin: 0; padding: 0; text-decoration: none; position: relative; overflow: hidden; height: 40px; }
#main-menu ul li a:hover { color: blue; }
#main-menu ul li a .sprite { background-position: 0 0; }

#main-menu ul li a:hover .sprite { cursor: pointer; background-position: 0 -100px; }
#main-menu ul li.active a .sprite { background-position: 0 -100px; cursor: default; }

li.mi-alba a { width: 82px; }
li.mi-alba a .sprite { background-image: url(../img/mi-alba.png); }
li.mi-forum a { width: 102px; }
li.mi-forum a .sprite { background-image: url(../img/mi-forum.png); }
li.mi-galerie a { width: 109px; }
li.mi-galerie a .sprite { background-image: url(../img/mi-galerie.png); }
li.mi-historie a { width: 120px; }
li.mi-historie a .sprite { background-image: url(../img/mi-historie.png); }
li.mi-koncerty a { width: 132px; }
li.mi-koncerty a .sprite { background-image: url(../img/mi-koncerty.png); }
li.mi-kontakt a { width: 103px; }
li.mi-kontakt a .sprite { background-image: url(../img/mi-kontakt.png); }
li.mi-novinky a { width: 100px; }
li.mi-novinky a .sprite { background-image: url(../img/mi-novinky.png); }
li.mi-obchod a { width: 116px; }
li.mi-obchod a .sprite { background-image: url(../img/mi-obchod.png); }
li.mi-video a { width: 93px; }
li.mi-video a .sprite { background-image: url(../img/mi-video.png); }

#footer { background: url(../img/bg-footer.png) repeat-x 0 0; padding: 35px 20px; margin: -15px 0 0 0; color: #302d00; zoom: 1; position: relative;  }
#footer p { margin: 0; }
#footer a, #footer a:visited, #footer a:hover { color: #302d00; }

#sticker-dog { background: url(../img/sticker-dog.png) no-repeat 0 0; width: 140px; height: 173px; position: absolute; top: -189px; left: 0; }

.breadcrumb { font-size: 84%; padding: 10px 0; margin: 0 0 7px; margin-top: -27px; color: #B58080; position: relative; zoom: 1; }
.breadcrumb p { margin: 0; }
.breadcrumb a, .breadcrumb a:visited { background: url(../img/bullet-breadcrumb.png) no-repeat 100% 55%; padding-right: 13px; margin-right: 5px; color: #B58080; }
.breadcrumb a:hover { color: #ffffff; }

.annot { font-size: 100%; margin-bottom: 1.462em; }

h2.txt-img { border-bottom: 1px solid #000000; margin: 5px 0 10px; zoom: 1;}
h2.txt-img img { display: block; margin-bottom: 5px;}

/* News */
.news ul { margin: 0; padding: 0; }
.news ul li { margin: 0 -25px; padding: 20px 25px; background: url(../img/bg-news-li.png) repeat-x 0 0; zoom: 1; position: relative; }
.news ul li.first { padding-top: 0; background: none; }
.news ul li .img-box { float: left; width: 110px; }
.news ul li .img-box img { display: block; border: 1px solid #470404; }
.news ul li .text-box { padding: 0; zoom: 1; margin-left: 110px; }
.news ul li .text-box .date { margin: 0; color: #fff; background: #dc1f0e; width: 6em; padding: 1px 5px; }
.news ul li .text-box h2 { margin: 3px 0; padding: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 138.462%; }
.news ul li .text-box p { margin: 0; }

/* forum */
.forum ul { margin: 0 0 20px; padding: 0; }
.forum ul li { margin: 0; padding: 10px 0; background: none; zoom: 1; position: relative; }
.forum ul li.first { padding-top: 0; background: none; }
.forum ul li p { margin: 0; }
.forum ul li .head { background: #a21010; padding: 3px 10px; }
.forum ul li .head .author { font-weight: bold; font-variant: small-caps; margin-right: 15px; }
.forum ul li .body { padding: 5px 10px; }

.paging { text-align: center; }
.paging a { margin: 0 15px; }

.ico-next { background: url(../img/bullet-default.png) no-repeat 100% 60%; padding-right: 12px; }
.ico-prev { background: url(../img/ico-prev.png) no-repeat 0 60%; padding-left: 12px; }

/* Side box */
.side-box { margin: 0 0 20px 0; line-height: 1.3; }
.side-box h2 { margin: 0; }
.side-box h2 img { display: block; margin: 0; padding: 0; }
.side-box-top { background: url(../img/bg-side-box-top.png) no-repeat 0 0; height: 1px; font-size: 0; overflow: hidden; }
.side-box-bot { background: url(../img/bg-side-box-bot.png) no-repeat 0 0; height: 4px; font-size: 0; overflow: hidden; }
.side-box .inner { background: url(../img/bg-side-box.png) repeat-y 0 0; padding: 10px 10px ; }
.side-box p { margin: 0 0 7px 0; }

.newsletter input { vertical-align: middle; }
.newsletter input#email { width: 130px; }
.newsletter h2 { color: #470404; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 115.385%; margin-bottom: 7px;  }

.inp-submit1 { background: url(../img/bg-btn-submit.png) no-repeat 50% 50%; width: 95px; line-height: 25px; height: 25px; border: 0; color: white; text-align: center; vertical-align: middle; }

.player { margin-top: -62px; position: relative; }

/* Related images */
.related-images { position: relative; margin: 30px 0 30px; zoom: 1; }
.related-images h2 { text-transform: uppercase; margin-top: 0;  }
.related-images .inner ul { margin: 0 0 28px; padding: 0; width: 100%; float: left; }
.related-images .inner ul li { margin: 0 0 0 28px; padding: 0; width: 151px; float: left; background: none; }
.related-images .inner ul li.first { margin-left: 0; }
.related-images .inner ul li img { display: block; padding: 1px; border: 8px solid #a21010; margin: 0; background: #dedede; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: "Trebuchet MS", Arial, sans-serif; }

.inp-text { border: 1px solid #FF7000; }
input.inp-text, textarea { padding: 1px 3px; }

.form-box { padding: 20px 20px 15px 20px; background: #D8CC22; color: black; zoom: 1; position: relative; margin-bottom: 30px; border: 1px solid white; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.form-box h2 { }
.form-box .suppress { font-weight: normal; color: #000;  }
.form-box p { margin: 0 0 8px 0; }
.col-form-a { width: 47%; margin-left: -100%; }
.col-form-b { width: 47%; margin-left: -48%; }

.w-full { width: 100%;  }
.w-half { width: 50%;  }

#form-text { height: 115px; =height: 120px; margin: 0; }