* {margin:0; padding:0;}

body{
                font-family:"Verdana", sans-serif;
                font-size:small;
                background:#333;
                color:white;
                line-height:150%;
}

/*----------------- TYPO --------------- */

h1{
        font-size:200%;
        letter-spacing: 2px;
        margin-bottom:0.1em;
        }

h2{
        font-size:100%;
        font-weight:normal;
        }

h3{
        color:white;
        font-size:150%;
        margin-bottom:0.5em;      
}

h4 {
        font-size:120%;
        margin-bottom:0.5em;   
        }

p, dt, dd, li{
        font-size:120%;
        }

p{
        color:#ddd;
        text-align:justify;
        margin-bottom:0.5em;
        line-height:140%;
}

dl {
        margin-bottom:1em;
        }

dt {
        font-weight:bold;
        margin-bottom:0.3em;
        color:white;
    }

dt span{
        font-style:italic;
        font-weight:normal;
    }

dd {
        color:#ddd;
    }

dd.date{
        font-style:italic;
        margin-bottom:0.2em;
        color:#ddd;
        font-weight:bold;
    }

a{
        color:green;
    }

a img{border:none;}

.space{padding:1em;}

.button{
        background:green url(../images/buttonBg.png) repeat-x 0 50%;
        border:none;
        color:white;
        padding:1em;
    }

li{
        list-style:none;
    }



table {
    width:100%;
    border:1px solid #666;
    border-collapse:collapse;
}

th{
    background:#666;
    color:white;

}

th, td{
    border-bottom:1px solid #666;
    padding:1em;
    text-align:left;
}

th:last-child, td:last-child{
    text-align:right;
    padding:0; margin:0;
}

tr:hover{
    background:white;
    color:black;
}

/*  ------------LAYOUT ----------------------*/
#page{
                width:80%;
                max-width:1403px;
                min-width:1024px;
                margin:1em auto;
                position:relative;
    }

#header{
        margin-bottom:1em;
        background:#000;
        position:relative;
    }

#header #logo{
        border:none;
    }

#main{
        float:left;
        width:70%;
    }

#main .space{
        margin-right:1em;
        background:#000;      
    }

#motto{
        margin-right:1em;
        margin-bottom:1em;
        background:#bc235b url(../images/motto.jpg) no-repeat top right;
        position:relative;
    }

#motto #artistHead{
        position:absolute;
        top:-91px;
        right:89px;
        width:108px;
        height:91px;
        background:url(../images/artistHead.png) no-repeat 0 0;
        }

#motto #emblem{
        float:left;
        background:#bc235b;
        height:250px;	/* motto img height */
    }

#motto #emblem .space{
                margin:0;
                background:#bc235b;
    }

#blocks{
                float:right;
                width:30%;
    }

.block .space{
        background:#aaa;
        margin-bottom:1em;
}

.block .space p{
                color:#333;
    }

.block .space ul.rss li{
                color:#333;
                line-height:200%;
                background:url(../images/rss.png) no-repeat center left;
                padding-left: 30px
    }

ul#nav{
        position:absolute;
        bottom:0.5em;
        right:0.5em;
    }

ul#nav li{
        float:left;
    }

ul#nav li a{
        display:block;
        color:white;
        padding:1em;
        text-decoration:none;
        margin-right:1px;
        background:green url(../images/buttonBg.png) repeat-x 0 50%;
    }

ul#nav li a:hover{
        background:white;
        color:black;
        text-decoration:underline;
    }

#page_article #link_article, #page_gallery #link_gallery, #page_about #link_about, #page_contact #link_contact{
        background:white;
        color:black;
    }

.breadcrumbs{
        float:right;
    }

.breadcrumbs li{
    float:left;
    color:#333;font-size:90%;
    }

/* --------------ARTICLE -------------------*/

.article{
        clear:both;
        border-bottom:1px dashed #333;
        margin-bottom:1em;
    }

.article:last-child{
       margin-bottom:0;  
    }

.article h3{
        font-weight:normal;
    }
   
.article h3 a{
        text-decoration:none;
    }

.article dt{
    font-size:110%;
    margin-top:1em;
    }

.article dt span{
    background:none;
    font-style:italic;
    font-weight:normal;
    }

 .article dd{
        color:#ddd;
        line-height:150%;
    }

  .article dl dt{
        margin:0;
        padding:0;

    }


/* ----------------------------- FOTO -------------------------*/
.foto{
        padding:2px;
        background:none;
        border:1px solid #999;
    }

.foto_left{
        float:left;
        margin-right:1em;
       
    }

.foto_right{
        float:right;
        margin-left:1em;
    }

 .miniGallery {    
    margin-left:1em;
    float:right;
    width:200px;
    }

.miniGallery img{
        margin-bottom:1em;
    }


.event{
    padding:1em;
    margin-bottom:1em;
    }

.event img {
        border:1px solid #aaa;
        padding:0;
    }

.event:last-child{
    margin-bottom:0;
    }

.event:hover{background:#333;}
    
.event:after{
        clear:both;        
    }

/*-----------GALLERY ---------------*/
ul{margin-bottom:1em;}

.gallery>div{
        width:630px;       
        margin:0 auto;
    }

.gallery div a{
        display:block;
        width:200px;
        height:200px;
        line-height:200px;
        float:left;
        background:#333;
        text-align:center;
        margin:5px;
        text-decoration:none;
        color:#333;
    }

.gallery div a img{
        vertical-align:middle;
        border:none;
    }

 .gallery div a:hover{
     background:#666;
    }
    
/*----------------KONTAKT --------------------*/

.kontakt{
    width:50%;   
    float:left;    
}

.kontakt dl{   
     background:#222;
     padding:1em;
     margin:0;  
    }

 .kontakt dl:hover{
     background:#333;
    }

.kontakt dl.first{
    margin-right:1em;
}

.kontakt dd{
    line-height:150%;
    padding-left:1em;
}

.kontakt dt{
       margin-top:1em;
}


#search{
                position:absolute;
                top:1em;
                right:1em;
    }

#search input[type="text"]{
        border:1px solid green;
        background:#333;
        font-size:100%;
        padding:1px;
    }

#search input[type="text"]:focus{
                background:white;
    }

#search input[type="submit"]{
        background:green url(../images/buttonBg.png) repeat-x 0 50%;
        border:none;
        color:white;
        padding:2px;
        cursor:pointer;
    }

/*------------- PROGRAM --------------*/
.program .space{
                background:#ff7400;
    }

.program dt span{
        background:#bc235b;
        padding:0 0.2em;
        font-weight:bold;
        font-style:normal;
    }

.program dd{
        color:#333;
    }

.program dd.date{
        font-style:italic;
        margin-bottom:0.2em;
        color:black;
    }

.program dd.price{
        margin-bottom:0.2em;
        color:black;
    }
    
.program dd.poster a{        
        float:right;
    }
    
.program dd span{
        font-weight:bold;
    }


.button{
        background:green url(../images/buttonBg.png) repeat-x 0 50%;
        border:none;
        color:white;
        padding:1em;
        cursor:pointer;
    }

.textButton{
        padding:0;
        border:1px solid green;
    }

/* ----------TOOLS---------------*/
.right{
                text-align:right;
    }

.fLeft{
    float:left;
    }

 .fRight{
    float:right;
    }

.cleaner{
                clear:both;
    }

.strong {font-weight:bold;}

.line {
        clear:both;
        border-bottom:1px dashed #333;
        margin:1em 0;
    }

.center {
        text-align:center;
    }

.even{
    background:#111;
    }
    
.odd{  
    background:#222;
    }

.message, .errors ul li{
    font-weight:bold;
    color:maroon !important;
}