@font-face {font-family: 'Refrigerator';
src: url('http://ddob.com/blogger/RefrigeratorDeluxeBold.otf') format('opentype'),
        url('http://ddob.com/blogger/Mark%20Simonson%20-%20Refrigerator%20Deluxe%20Bold.ttf') format('truetype'),
        url('http://ddob.com/blogger/RefrigeratorDeluxeBold.woff') format('woff'),
        url('http://ddob.com/blogger/RefrigeratorDeluxeBold.eot') format('embedded-opentype'),
        url('http://ddob.com/blogger/RefrigeratorDeluxeBold.svg') format('svg');

}


/* TO HIDE */
#top_menu{display: none;}
#top_menu_add_entry{display: none;}
#socialiconbox_topmenu{display: none;}
#socialiconbox_topmenu_compressed{display: none;}

p { margin: 0; }

img { border: 0 }

body.mobile {
    background-size: auto;
    margin-top: 0px;
}

#logo_daily_dose{display: none;}

a { text-decoration: none; color: black; }


body {background: #fff; margin: 0px; padding: 0px;}

#main_content{display: block; width: 100%; margin: auto; background: rgba(187,182,182,0.1);
overflow-x: hidden;}

#container{display: block; width: 100%; margin: auto;
padding-bottom: 20px; margin-bottom: 32px; margin-top: 10px;}
#container:after {  content:"";  display:table;  clear:both;}

#containertop{
    display: block; padding-top: 10px; width:100%; position:relative; margin:auto; margin-top: 56px;
}

#menu{    display: block; width: 100%; height: 66px; position:fixed; background: #fff;
 z-index: 1000; top: 0px;}

#main_menu{
    display: none; width:100%; height: 60px; position:relative; margin:auto; background: #fff;
    margin-bottom: 20px; 
}

#main_menu ul{}
.main_menu{position: relative; opacity: 0.7; top: 0px;}
.main_menu:hover{opacity: 1; top: -5px;}




#menucontainer{display: none; position: fixed; width: 90%; z-index: 2000; 
background: #fff; opacity: 0.95; margin: auto; border-radius: 5px;}

#menucontainer ul{margin: 0px; padding: 0px;}
.menu_heading{display: block; float: right; width: 100%; height: 50px; text-align: center;
font-family: "Refrigerator";  font-style: normal; font-size: 20px; line-height: 50px;
text-transform: uppercase;}

.submenu_mobile{display: none;}
.top_menu{display: block; width: 100%; height: 50px; text-align: center;
font-family: "Refrigerator"; font-style: normal; font-size: 20px; line-height: 50px;
 text-transform: uppercase;}
.top_menu a{display: block; width: 100%; height: 50px; font-family: "Refrigerator";}
.top_menu:hover{font-size: 13pt; box-shadow: 0 0 0 2px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.5);}

#banner_static{float: left; width: 100%; min-height: 65px; margin-bottom: 20px;}
#banner_static img{width: 100%; min-height: 65px; object-fit: cover;}



#menu_button{background: url('http://ddob.com/css/img/mobile/menu.jpg');
display: block; float: left; width: 45px; height: 30px; margin-top: 17px; margin-left: 10px;
background-size: cover;}

#logo_main{display: block; position: fixed; left: calc(50% - 30px); left:-webkit-calc(50% - 30px);
left:-moz-calc(50% - 30px); top: 3px;
background: url(http://ddob.com/css/img/logo_ddobinsta.png) no-repeat;   background-size: contain;
width: 60px; height: 60px; z-index: 2000;}
#logo_main:hover{opacity: 0.8;}


#menucontainer{display: none; position: fixed; width: 90%; z-index: 2000; 
background: #fff; opacity: 0.95; margin-left: 5%; border-radius: 5px;}

#menucontainer ul{margin: 0px; padding: 0px;}
.menu_heading{display: block; float: right; width: 100%; height: 50px; text-align: center;
font-family: "Refrigerator";  font-style: normal; font-size: 20px; line-height: 50px;
text-transform: uppercase;}

.submenu_mobile{display: none;}
.top_menu{display: block; width: 100%; height: 50px; text-align: center;
font-family: "Refrigerator"; font-style: normal; font-size: 20px; line-height: 50px;
 text-transform: uppercase;}
.top_menu a{display: block; width: 100%; height: 50px; font-family: "Refrigerator";}
.top_menu:hover{font-size: 13pt; box-shadow: 0 0 0 2px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.5);}