/* Theme Name: harvest-2016 */

body {
background-image:url(https://www.harvestmoonbacktonatureguide.com/images/dark_bg.png);
margin:0;
padding:0;
font-family:arial;
font-size:13px;
}

#menu {
    overflow: hidden;
    max-height: 0px;
}

ul.menu {
    background-color: #353535;
    line-height: 26px;
    border-top: 1px solid #E76BF7;
}

#openmenu {
text-align: center;
    display: block;
    border-radius: 2px;
    background: #052158;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    padding: 20px 0 18px 0;
    margin-bottom: 2px;
}

ul.menu li {display:inline-block;}



h1 {    font-family: 'Roboto Slab', serif;}

.menu-header-menu-container {margin-top:-3px;}

a.toplogo {
    display: block;
    background: #00b68e;
    background: linear-gradient(to bottom, #00B68E 0%,#059475 100%);
    color: #fff;
    text-decoration: none;
    padding: 12px;
    text-align: center;
    font-size: 20px;
}

hr {
    border: 0;
    height: 1px;
    background: #ccc;
    clear: both;
    margin: 20px 0;
}


h2 {margin-top: 30px;}

h2 a {color:#333;}

hr {clear:both;height:1px;border:0;margin:10px 0;width:100%;display:block;}

a {color: #437288;}
a.girls {width: 18%;display: inline-block;text-align: center;}
a.girls img, a.chars img {width:100%;}
a.chars {width: 15%;padding: 1%;vertical-align: top;display: inline-block;text-align: center;}
#mobilenav {display:block;}
#mobilenav2 {display:none;}
#mobilenav, #mobilenav2 {text-align: center;padding: 10px 20px;background: #333;color: #fff;text-decoration: none;}

blockquote {
font-style: italic;
    font-size: 18px;
    background: #90CE97;
    padding: 10px;
    margin: 15px;
}

header img {
margin: 20px 0 0 0;
max-width: 700px;
    width: 90%;
    padding: 0 5%;
height: auto;
}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #6ED35C;
    background: #fff;
}

ul.menu li {display:block;}

ul.menu li a, a.morelinks {
    color: #fff;
    margin-bottom: 2px;
    border-radius: 2px;
    text-align: center;
    background: #052158;
    padding: 6px 10px;
    font-size: 14px;
    font-family: arial;
    text-decoration: none;
    display: block;
}


ul.menu li a:hover, a.morelinks:hover {background: #039E7C;}

section {
min-height:200px;
}

#wrap {
max-width:1000px;
margin:-1px auto 10px auto;
}

footer {margin: 20px 0;}

img.inline {
display:inline-block;
max-width:33.3333%;
width:auto;
float: left;
}

#tablescroll {
    overflow-X: scroll;
    overflow-y: hidden;
    margin: 20px 0;
    background: url(https://images.mydoorsign.com/img/lg/L/slide-right-door-label-lb-2118-r.png) no-repeat;
    padding-top: 30px;
    background-size: 100px;
}

table.lines {width:100%;border: 1px solid #ddd;padding: 10px;background:#fff;}

table.lines td {padding: 3px;}

tr.top {background-color: #333;color: #fff;}
tr.top a {color:#fff;}
#rightcol {float:right;max-width:100%;}
#leftcol {float:none;height:100%;margin: 20px auto;max-width: 300px;}
img.left {float:none;margin:0;max-width:90%;}
#hideonmob {display:none;}
#mobsense {display:block;}

@media screen and (min-width:860px){
img.left {float:left;margin:0 20px 20px 0;}
#hideonmob {display:block;}
#leftcol {float:left;margin: 20px 20px 20px 0;    width: 100%;
    height: 600px;}
#rightcol {max-width: 500px;}
#mobsense {display:none;}
#wrap { margin: 10px auto;}
}

@media screen and (min-width:1200px){
#rightcol {
    max-width: 660px;
}
}