/**
    CORE contains basic information and per ID styling for sizes and positions (style1, style2, style4 etc)
    Themed: color settings and background stuff
*/
html, body{
margin:0;
padding:0;
font: 11px sans-serif;
}
a img{ border:0;}
#theBox{
    position:relative;
    display:block;
    overflow:hidden;
}
.systemmessage{
    position:absolute;
    width:50%;
    padding:30px;
    background:yellow;
    color:#000000;
    z-index:300;
}


.titlebar{
    position:absolute;
    z-index:20;
    top:0;
    left:0;
    padding: 7px 0 0 10px;
    width:100%;
    text-align:center;
}
.morebar {
    z-index: 25;
    position: absolute;
    padding: 7px 10px 0 10px;
    width: 100%;
    text-align: center;
}

img {
    /*   float:left; */
    -webkit-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.75);
}
.centered a {
    text-decoration:none;
    color:#ffffff;
}


@keyframes blink {
    0% {
           background-color: rgba(0,0,0,1)
    }
    50% {
           background-color: rgba(0,0,0,0.5)
    }
    100% {
           background-color: rgba(0,0,0,1)
    }
}
@-webkit-keyframes blink {
    0% {
           background-color: rgba(0,0,0,1)
    }
    50% {
           background-color: rgba(0,0,0,0.5)
    }
    100% {
           background-color: rgba(0,0,0,1)
    }
}
.ease {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blink {
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-animation:blink normal 4s infinite ease-in-out;
    /* Firefox */
    -webkit-animation:blink normal 4s infinite ease-in-out;
    /* Webkit */
    -ms-animation:blink normal 4s infinite ease-in-out;
    /* IE */
    animation:blink normal 4s infinite ease-in-out;
    /* Opera */
}


.oneitem {
    display: inline-block;
    /*
        float:left;     */
    position: relative;
}
.oneitem_title{
    font-weight:bold;
    font-size:1.2em;
}
.oneitem_data{
    float:left;
    margin-left:10px;
}
.itemsbox{
    width:100%;
    height:100%;
}
.single{
    width:100%;

}
.buttonlay:hover {
    background: rgba(223, 122, 28,1);
	transform: scale(1.2);
}

.buttonlay {
    position: absolute;
    display: inline-block;
    z-index: 999;
    background: rgb(223, 122, 28);
    padding: 12px 9px;
    color: #ffffff;
	  transition: transform .2s; /* Animation */
 /*   display: none; */
}

.shadow {
    -webkit-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.3);
}
.hardshadow {
    -webkit-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.7);
    box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.7);
}



.size3 .oneitem img{
    width: auto;
    height:100px;
}