/*
 * Fonts
 */
@font-face {
  font-family: 'Meta';
    src: url("/fileadmin/fonts/meta-bold.eot");
    src: local('Meta'),
       url("/fileadmin/fonts/meta-bold.svg#meta-bold") format('svg'),
       url("/fileadmin/fonts/meta-bold.ttf") format('truetype');
}

/*
 * Reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }
hr { display: none; }

/*
 * Margins
 */
p, ul, ol, dl, table { margin: 1em 0; }

/*
 * Hyperlinks
 */
a { color: #fff; text-decoration: underline; overflow: hidden; }
a:hover, a:focus { text-decoration: none; }
.back { clear: both; }

/*
 * General Document Settings
 */
body { font: .625em/1.3em Verdana, Helvetica, Arial, sans-serif; color: #fff; background: #010005 url(../images/background2.jpg) no-repeat 0 0; }

/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-family: Helvetica, Arial, sans-serif; margin: 0 0 .5em 0; }
h1 { font-family: Meta, Trebuchet, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1.6em; text-transform: uppercase; background: url(../images/separator-small.gif) no-repeat 0 100%; margin-left: -6px; padding: 0 0 0 6px; line-height: 1.2em; }
h2 { font-size: 1.1em; text-transform: uppercase; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }


/*
 * Lists
 */
ul { line-height: 1.5em; margin-left: 2.2em; }
ul li { margin: .5em 0; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
li { margin: .3em 0; }
ol { margin-left: 2.2em; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }


/*
 * Forms
 */
input, select, textarea { padding: 2px 4px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
textarea { overflow: auto; }

form ol { margin: 20px 0 10px 0; }
form ol li { display: inline-block; overflow: hidden; margin-bottom: 5px; list-style: none; }
form ol li { display: block; }
form ol li label { float: left; width: 80px; padding-right: 5px; text-align: right; padding-top: 5px; }
form ol li.submit { padding-left: 85px; }

.error { color: white; background: #D22300; }
p.error { text-align: center; }

/*
 * Table
 */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

thead th, thead td { font-weight: bold; background: #fff; color: #000; }
th, td { padding: 2px 4px; border-bottom: 1px solid #fff; }

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Wrapper
 */
#wrap { width: 874px; overflow: hidden; position: relative; z-index: 2; }

/*
 * Logo
 */
#logo { position: absolute; top: 16px; width: 319px; height: 156px; left: 0; margin: 0; padding: 0; background: none; }
#logo a { display: block; width: 319px; height: 156px; background: url(../images/sarmalele-reci-logo.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/images/sarmalele-reci-logo.png',sizingMethod='crop'); text-indent: -9999px; cursor: pointer; }


/*
 * Background
 */
#background { position: absolute; top: 0; left: 0; z-index: 1; }
#background img { position: absolute; top: 0; left: 0; }

/*
 * Language
 */
#lang { position: absolute; top: 5px; right: 5px; display: block; }

/*
 * Newsletter
 */
#newsletter { position: absolute; top: 31px; right: 5px; }
#newsletter a { background: #D22300; color: #fff; text-decoration: none; padding: 5px; }
#newsletter a:hover, #newsletter a:focus { background: #fff; color: #D22300; }

/*
 * Nav
 */
#nav { float: right; margin: 63px 0 0 0; display: inline; position: relative; background: url(../images/nav.png) no-repeat 0 0; _background-image: url(../images/nav.gif); _background: none; width: 528px; height: 52px; overflow: hidden; }
#nav #nav-bg { position: absolute; top: 0; left: 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/images/nav.png',sizingMethod='crop'); width: 528px; height: 52px; }
#nav ul { margin: 0; float: right; position: relative; z-index: 1000; width: 528px; height: 52px; }
#nav li { margin: 0; padding: 0; list-style: none; }
#nav a { display: block; position: absolute; top: 0; left: 0; height: 26px; width: 148px; text-indent: -9999px; background: url(../images/nav.png) no-repeat -9999px -9999px; _background-image: url(../images/nav.gif); _background: #fff; _filter:Alpha(opacity=01); }
#nav a:hover, #nav a:focus, #nav #active a { background-position: 0 -52px; outline: none; }

#nav .nav-6 a { left: 148px; width: 88px; }
#nav .nav-6 a:hover, #nav .nav-6 a:focus, #nav #active.nav-6 a { background-position: -148px -52px; }
#nav .nav-7 a { left: 255px; width: 143px; }
#nav .nav-7 a:hover, #nav .nav-7 a:focus, #nav #active.nav-7 a { background-position: -255px -52px; }
#nav .nav-8 a { left: 418px; width: 90px; }
#nav .nav-8 a:hover, #nav .nav-8 a:focus, #nav #active.nav-8 a { background-position: -418px -52px; }
#nav .nav-9 a { top: 26px; width: 110px; }
#nav .nav-9 a:hover, #nav .nav-9 a:focus, #nav #active.nav-9 a { background-position: 0 -78px; }
#nav .nav-10 a { top: 26px; left: 130px; width: 153px; }
#nav .nav-10 a:hover, #nav .nav-10 a:focus, #nav #active.nav-10 a { background-position: -130px -78px; }
#nav .nav-11 a { top: 26px; left: 303px; width: 82px; }
#nav .nav-11 a:hover, #nav .nav-11 a:focus, #nav #active.nav-11 a { background-position: -303px -78px; }
#nav .nav-12 a { top: 26px; left: 404px; width: 104px; }
#nav .nav-12 a:hover, #nav .nav-12 a:focus, #nav #active.nav-12 a { background-position: -404px -78px; }

#nav.en { background: url(../images/nav_eng.png) no-repeat 0 0; _background-image: url(../images/nav.gif); _background: none; width: 542px; }
#nav.en #nav-bg { _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/images/nav_eng.png',sizingMethod='crop'); width: 542px; }
#nav.en ul { width: 542px; }
#nav.en a { background: url(../images/nav_eng.png) no-repeat -9999px -9999px; _background-image: url(../images/nav.gif); _background: #fff; _filter:Alpha(opacity=01); width: 112px; }
#nav.en a:hover, #nav.en a:focus, #nav.en #active a { background-position: 0 -52px; outline: none; }

#nav.en .nav-6 a { left: 139px; width: 95px; }
#nav.en .nav-6 a:hover, #nav.en .nav-6 a:focus, #nav.en #active.nav-6 a { background-position: -139px -52px; }
#nav.en .nav-7 a { left: 259px; width: 151px; }
#nav.en .nav-7 a:hover, #nav.en .nav-7 a:focus, #nav.en #active.nav-7 a { background-position: -259px -52px; }
#nav.en .nav-8 a { left: 436px; width: 82px; }
#nav.en .nav-8 a:hover, #nav.en .nav-8 a:focus, #nav.en #active.nav-8 a { background-position: -436px -52px; }
#nav.en .nav-9 a { top: 26px; width: 115px; }
#nav.en .nav-9 a:hover, #nav.en .nav-9 a:focus, #nav.en #active.nav-9 a { background-position: 0 -78px; }
#nav.en .nav-10 a { top: 26px; left: 141px; width: 165px; }
#nav.en .nav-10 a:hover, #nav.en .nav-10 a:focus, #nav.en #active.nav-10 a { background-position: -141px -78px; }
#nav.en .nav-11 a { top: 26px; left: 335px; width: 77px; }
#nav.en .nav-11 a:hover, #nav.en .nav-11 a:focus, #nav.en #active.nav-11 a { background-position: -335px -78px; }
#nav.en .nav-12 a { top: 26px; left: 439px; width: 98px; }
#nav.en .nav-12 a:hover, #nav.en .nav-12 a:focus, #nav.en #active.nav-12 a { background-position: -439px -78px; }

/*
 * Sub Nav
 */
#subnav { margin: 0; }
ol#subnav { margin-left: 18px; }
#subnav li { margin: 0; padding: 0; }
ul#subnav li { list-style: none; }
#subnav a { text-decoration: none; display: inline-block; padding: 2px 5px; border-bottom: 1px solid #a8aaae; }
#subnav a { display: block; }
#subnav a:hover, #subnav a:focus, #subnav .active a { background: #fff; color: #000; }
#subnav .news-amenu-item-year { padding: 15px 5px 2px 5px; font-weight: bold; border-bottom: 1px solid #a8aaae; }

/*
 * Content
 */
#content { clear: both; display: inline-block; padding: 26px 0 0 28px; min-height: 460px; _height: 460px; position: relative; z-index: 100; }
#content { display: block; }
#content:after { display: block; content: '.'; clear: both; height: 0; visibility: hidden; }


/*
 * Layout
 */
.col { float: left; display: inline; width: 183px; margin-left: 16px; }
.medium { width: 561px; }
.comment-col { width: 330px; }
.big { width: 581px; }
.full { float: none; display: block; width: auto; }
.last { float: right; }

/*
 * Box
 */
.box { margin-bottom: 16px; position: relative; overflow: hidden; display: inline-block; }
.box { display: block; }
.box .bg { background: #000; opacity: .5; filter:Alpha(opacity=50); position: absolute; top: 0; left: 0; width: 100%; height: 100%; _height: 10000px; }
.box .content { padding: 10px 20px 20px 20px; position: relative; z-index: 20; }

/*
 * News List
 */
.news-item { margin: 2em 0; overflow: hidden; display: inline-block; }
.news-item { display: block; } 
.news-item h2 { margin-bottom: .25em; }
.news-item p { margin: 0; }
.news-item .image { margin: 0 0 0 10px; float: right; clear: right; }
.news-item .text { margin-right: 240px; }
.news-item .image img { border: 6px solid #fff; }
.news-item .more { margin-top: 5px; text-align: right; }
.news-item .more a { text-decoration: underline; }
.news-item .more a:hover, .news-item .more a:focus { text-decoration: none; }

.image { float: left; display: inline; margin: 10px 20px 10px 0; position: relative; }

.info { float: right; display: inline; margin: 0 0 10px 10px; width: 220px; border: 1px solid #f8f8f8; position: relative; overflow: hidden; }
.info p { margin: 0; }
.info li { list-style: none; margin: 0; }
.info ul, .info div { margin: 0; position: relative; z-index: 120; padding: 10px; }

#news { display: inline-block; }
#news { display: block; }
#news .image img { border: 10px solid #fff; }

#news .news-item { float: left; width: 260px; margin-left: 20px; }
#news .first { margin-left: 0; clear: left; }
#news .news-item  .image { float: none; display: block; margin: 10px 0; }
#news .news-item .text { margin: none; margin: 0; }

/*
 * Concerte
 */
#concerte { margin: 0; }
#concerte li { list-style: none; }
#concerte li a { text-decoration: none; display: block; }
#concerte li a:hover, #concerte li a:focus { text-decoration: underline; }

#event .image { float: right; clear: right; margin: 0 0 10px 10px; }
#event .image img { border: 10px solid #fff; }

/*
 * Galerii
 */
#gallery h2 { margin-bottom: 0; }
#gallery ul { overflow: hidden; display: inline-block; margin: 0 0 16px 0; text-align: center; position: relative; }
#gallery ul { display: block; }
#gallery li { display: -moz-inline-box; display: inline-block; width: 230px; padding: 10px; margin: 20px 10px; vertical-align: middle; background: #fff; color: #333; }
#gallery li { *display: inline; }
#gallery li p { margin: 0; position: relative; top: 4px; }

.gallery-item { margin: 20px 0; border-bottom: 1px solid #fff; padding-bottom: 20px; }
.gallery-item h3 { margin-bottom: 10px; }
.gallery-item .more { text-align: right; margin-top: 10px; }
.gallery-item .images img { border: 5px solid #fff; margin: 0 5px; }

#home #gallery li { padding: 10px 5px; width: auto; }

#blogs { margin: 0; }
#blogs li { list-style: none; }

/*
 * Discography
 */
#discography  .news-item { margin: 3em 0; }
#discography .text { margin-left: 240px; width: 270px; }


/*
 * Home Band Members
 */
#home { position: relative; display: inline-block; }
#home { display: block; }
#home-content { position: relative; display: inline-block; }
#home-content { display: block; }
#home #wrap { width: 935px; }
#home #nav { margin-right: 61px; display: inline; }
#home .col { position: relative; z-index: 60; }
#band-members { position: absolute; margin: 0; top: 0; left: 0; z-index: 50; }
#band-members li { list-style: none; margin: 0; padding: 0; }
#band-members a { display: block; text-indent: -9999px; position: absolute; background: url(../images/background_hover.jpg) no-repeat -9999px -9999px; }
#band-members .bm-23 a { width: 150px; height: 250px; left: 450px; top: 180px; }
#band-members .bm-23 a:hover { background-position: -478px -321px; }
#band-members .bm-24 a { width: 145px; height: 270px; left: 164px; top: 157px; }
#band-members .bm-24 a:hover { background-position: -192px -298px; }
#band-members .bm-26 a { width: 140px; height: 208px; left: 0px; top: 220px; }
#band-members .bm-26 a:hover { background-position: -28px -361px; }
#band-members .bm-25 a{ width: 170px; height: 260px; left: 740px; top: 170px; }
#band-members .bm-25 a:hover { background-position: -768px -311px; }
#band-members .bm-27 a { width: 120px; height: 180px; left: 325px; top: 195px; }
#band-members .bm-27 a:hover { background-position: -353px -336px; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	color: #000;
}
#tooltip h3, #tooltip div { margin: 0; }


/* 
 * Comment
 */
.comment { border-bottom: 1px solid #fff; margin: 20px 0; padding-bottom: 10px; }
.comment h2 { float: left; }
.comment h3 { text-align: right; }
.comment-content { clear: both; }

.errorlist { float: right; clear: right; display: inline; margin: 1.5em 0 0 0; color: #fff; width: 180px; font-weight: bold; border: 2px solid #D22300; padding: 0 10px; }
.errorlist li { list-style: none; }

#comment-post-form #nav { visibility: hidden; }
#comment-post-form  #footer { display: none; }

/*
 * Footer
 */
#footer { margin-left: 40px; background: url(../images/separator.gif) no-repeat 0 0; padding: 8px 10px 16px 10px; color: #808082; font-size: .9em; }
#footer p { display: inline; }
#footer ul { display: inline; margin: 0; }
#footer li { display: inline; margin: 0; background: url(../images/footer-separator.gif) no-repeat 0 50%; padding: 0 6px 0 7px; }
#footer li:first-child, #footer li.first-child { background: none; }
#footer a { color: #808082; text-decoration: none; }
#footer a:hover, #footer a:focus { text-decoration: underline; }