@import url("style-base.css");

/* =============================================================================
   Color Hex #cd5b45 Coral 3 - http://www.color-hex.com/color/cd5b45
   ========================================================================== */

/* =============================================================================
   Main container stuff goes here and other globals
   ========================================================================== */
.container {
border-radius:10px;
background: #cd5b45; border:1px solid #8f3f30;
max-width:800px;width:95%;margin:0 auto;position:relative;
}

.frontpage a:hover { width: 100%; background-color: #ff947f; }
.books:hover { width: 100%; background-color: #ff947f; }

/* =============================================================================
   Header stuff goes here
   ========================================================================== */
header {
    box-shadow:inset 0px -5px 8px #52241b;
    border-radius: 10px 10px 0px 0px; 
}

.hicon{
    text-shadow: 2px 2px 2px #52241b;
}

.submit {
    -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
    -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none; 
}

header h1{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 100%;
}

.download a {
    border-radius: 6px;
    box-shadow:0 0 10px #000;
    background: radial-gradient(#666, black);
}

footer
{
box-shadow:inset 0px 5px 8px #52241b;
border-radius: 0px 0px 10px 10px; 
}


/* =============================================================================
   Mediaquerie stuff goes here
   ========================================================================== */
/* 768px and greater */
@media only screen and (min-width: 768px) {
.container { box-shadow:0 0 20px #000; }
}