/*-----------------LAYOUT-----------------*/
html,
body {
    background-image: url("images/bg-tile1.jpg");
    margin:0;
    padding:0;
    height:100%;
}
#container {
    height:100%;
    min-height:100%;
    position:relative;
}
#header {
    width: 100%;
    position: fixed;
    background:#000;
    padding:10px;
    text-align: center;
}
#content {
    padding: 120px 10px;
    width:1080px;
    margin:0 auto;
}
#footer {
   position:relative;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#000;
    margin-top: 80px;
}

.footerimg {
    width: 970px;
    height: 195px;
    overflow: visible;
    background-image: url("images/footer-rft-kanagawa.png");
    margin:0 auto;
    top: -135px;
    position:relative;
}

.credit {
    width: 20px;
    height: 20px;
    display:block;
    position:absolute;
    background-image:url("images/cactusicon.png");
    background-size: 20px 20px;
    z-index: 5;
    right: 14%;
    top: 23px;
}

.logo {
    background-image: url("images/rft_kanagawa_2016.png");
    width: 450px;
    height: 450px;
    position:fixed;
    float:left;
    display:block;
}

.page-content {
    width: 610px;
    min-height: 640px;
    float: right;
    position: inherit;
    padding-left: 20px;
    margin-bottom: 40px;
}

.knspeaker {
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #cccccc;
    display: inline-block;
}

.fix {
    clear: both;
}
/*--------------TYPOGRAPHY----------------*/

body, p {
    font-family: serif, times new roman;
    font-size: 1em;
    line-height: 1.3em;
}

h1 {
    font-family: sans-serif, 'Arial';
    font-size: 2.4em;
    margin:20px 0 40px 0;
    width: 100%;
    line-height: 1.5em;
}

a {
    color: #e84e0f;
}

nav {
    font-family: sans-serif, Arial;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 1em;
}

li {
    margin-bottom: .6em;
}
/*--------------NAVIGATION----------------*/
nav {
    margin: 20px auto;
    width: 1080px;
    min-height: 20px;
}
nav ul {
    list-style: none;
    margin: 0 20px;
}
nav li {
    float:left;
    padding: 8px 12px;
}
nav li a {
    transition: all 0.2s ease;
    text-decoration: none;
    color: #fff;
}
nav li a:hover {
    text-decoration: none;
    color: #e84e0f;
}

nav li a.current {
    color: #e84e0f;
}

/*--------------IMAGES----------------*/
.titleimg {
    max-width: 610px;
}