/* =================================== Daddy Bear Layout + Styles ======================================*/

#container p{
padding:0;
margin:0px 0px 12px 0px;
line-height: 1.7em;
}

#sidebar {
position: fixed;
top: 0;
right: 0;
padding: 4% 3% 2% 3%;
width: 22%;
height:100%;
background: #333;
}

#sidebar a {
color: #888;
}

header {
width: 100%;
padding: 0 0 20px 0;
}

header a{
text-decoration: none;
}

h1#logo {
    margin: 0;
padding: 0;
line-height: 1.5em;
text-align: left;
}

#hhmenu {
    display: none;
}

#container nav#main {
    display: block;
}

nav#main ul.nav-header {
    display: block;
list-style: none;
margin: 10px 0 30px 0;
padding: 0;
}

nav#main ul.nav-header li {
float: left;
margin: 0;
padding: 0;
}

nav#main ul.nav-header li a {
display: block;
margin: 0 1px 0 0;
padding: 0 1em 0 0;
outline: 0;
color: #cecece;
font-size: 1.1em;
text-transform: uppercase;
font-family: 'OpenSansSemibold', arial, sans-serif;
}

nav#main ul.nav-header li a:hover, nav#main ul.nav-header li a.nav-selected, nav#main ul.nav-header li.nav-selected a, nav#main ul.nav-header li a.nav-path-selected, nav#main ul.nav-header li.nav-path-selected a {
color: #fff;
text-decoration: none;
}

#menus {
margin: 0;
padding: 0;
}

#menus ul.nav {
  display: block;
}

#menus ul.nav li a {
    margin: 10px 0px;
    text-decoration: none;
    border-bottom: none;
}

#menus ul.nav li a:hover {
    text-decoration: underline;
}
    

#content {
float: left;
height: 9%;
width: 56%;
padding: 4%;
}

#content p {
max-width: 650px;
}

#maincont {
float: left;
width: 64%;
padding: 4%;
}

#bigimage {
    width: 100%;
    padding: 0 0 60px 0;
}

#maincont img {
    max-width: 100%;
    height: auto;
}

#imagethumbs {
float: left;
height: 96%;
width: 69%;
padding: 2% 0;
}

footer {
position: absolute;
bottom: 0;
left: 2%;
padding: 30px 0 0 0;
height: 30px;
text-align: left;
}

/* =================================== Mummy Bear Layout + Styles ======================================*/
@media screen and (min-width: 43em) and (max-width: 77em) {

#container p{
padding:0px 20px 0 0;
margin:0px 0px 10px 0px;
text-align: left;
}

#sidebar {
overflow: auto;
margin: 0;
padding: 2% 3%;
width: 25%;
min-height: 100%;
background: #333;
}

#sidebar ul.subnav, #sidebar ul.nav {
margin: 0 0 30px 0;
}

#sidebar ul.subnav li, #sidebar ul.nav li {
margin: 4px 0;
padding: 0;
line-height: 1.2em;
}

header {
width: 100%;
padding: 0 0 20px 0;
}

header a{
text-decoration: none;
}

#header_nav {
}

h1#logo {
padding: 50px 0 0 0;
line-height: 1.5em;
text-align: left;
}

#content {
float: left;
height: 100%;
width: 60%;
padding: 4% 0 0 2%;
text-align: left;
}

footer {
position: absolute;
bottom: 0;
left: 10px;
margin: 0 auto;
padding: 30px 0 0 0;
height: 30px;
}
}