/*=============================
STIEG LARSSON MILLENIUM TRILOGY
==============================*/

body {
    margin:0;
    background: #1a0001 url('../images/2010/SLMT_Bg.jpg') no-repeat top center;/*needs to be #140303 once the bg image is in place*/
    font:13px Arial;
    color:#eee;
}

a:focus, a:active {
  outline: none;
}

a img{
    border:none;
}

p{
    line-height: 16px;
}

p a{
    color:#c1221f;
}

p a:hover{
    color:#eee;
}

h1, h2, h3, p{
    margin:0 0 14px 0;
    font-weight:normal;
}

h1{
    font-size:2em;
}

h2{
    font-size:1.4em;
}

h3{
    font-size:1.2em;
}


/*=== generics ===*/
.left{
    float:left;
}

.big-right{
    margin-right: 30px;
}

.medium-right{
    margin-right: 18px;
}

.small-right{
    margin-right: 10px;
}

.small-top{
    margin-top:10px!important;
}

.last{
    margin: 0!important;
}

.shadow{
    -moz-box-shadow: 0px 0px 12px #000;
    -webkit-box-shadow: 0px 0px 12px #000;
}

.color{
    color:#9F201D;
}

.no-border{
    border:none!important;
}

/*=== navigation ===*/
#nav{
    width:100%;
    text-align: center;
    margin:0 0 14px 0;
}
#nav ul{
    margin:12px 0 0 0;
    padding:0;
    font-size:1.1em
}

#nav ul li{
    display:inline;
    margin:0 24px 0 0;
    padding:0;
}

#nav ul li a{
    color:#9F201D;
    text-decoration:none;
}


#nav ul li a:hover{
    color:#eee;
    text-decoration:none;
}

/*=== headers ===*/
#h_series, #h_author, #h_films, #h_press, #h_club, #h_buy, #h_contact, #h_privacy,#h_maclehose,#h_quercus{
    width:100%;
    float:left;
    text-indent: -9999px;
}

#h_series{

    background: url('../images/2010/h_series.png') no-repeat;
}

#h_author{
    background: url('../images/2010/h_author.png') no-repeat;
}

#h_films{
    background: url('../images/2010/h_films.png') no-repeat;
}

#h_press{
    background: url('../images/2010/h_press.png') no-repeat;
}

#h_club{
    background: url('../images/2010/h_club.png') no-repeat;
}

#h_buy{
    background: url('../images/2010/h_buy.png') no-repeat;
}

#h_contact{
    background: url('../images/2010/h_contact.png') no-repeat;
}

#h_privacy{
    background: url('../images/2010/h_privacy.png') no-repeat;
}

#h_maclehose{
    background: url('../images/2010/h_maclehose.png') no-repeat;
}

#h_quercus{
    background: url('../images/2010/h_quercus.png') no-repeat;
}

/*=== layout ===*/
#main{
    width:944px;
    margin:0 auto;
}

#header{
    float: left;
    padding:20px 30px;
    width:884px;
    margin-bottom: 20px;
}

#box-wrap{
    margin-bottom: 20px;
    width:100%!important;
}

.box, .wide-box{
    float: left;
    background: transparent url('../images/2010/bg_box.png');
    padding:12px;
}

.box{
    width: 280px;
    margin-right:16px;   
}

.wide-box{
    width:920px;
    margin-bottom: 14px;
}

.wide-box #box-wrap p{
    width:75%;
}

.btn{
    width:228px;
    margin-bottom: 15px;
}

.press{
    float: left;
    width:840px;
    padding:0 40px;
    margin-bottom: 20px;
    text-align: center;
    /*border-bottom:solid 1px #570f0e;
    background: transparent url('../images/2010/press_bg.png') no-repeat top center;*/
}


.press h1{
    font-weight: normal!important;
    border-bottom:solid 1px #570f0e!important;
}

.press p{
    margin-bottom: 20px!important;
}

.press-style{
    font-family: Georgia;
    font-style: italic;
}

#footer{
    border-top:solid 1px #584040;
    padding:2%;
    width:96%;
    float:left;
    text-align: center;
    font-size: 0.9em;
    color:#584040;
}

#footer a{
    color:#584040!important;
}

#footer a:hover{
    color:#6F5A5A!important;
}

#footer #q_logo{
    margin-bottom:20px;
}