@font-face {
  font-family: 'Concert One';
  font-style: normal;
  font-weight: 400;
  src: local('Concert One'), local('ConcertOne-Regular'), url(https://themes.googleusercontent.com/static/fonts/concertone/v5/eNLG875uBc3mU2X9z56PW4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
/*Basic page*/
html { height: 100%;  width: 100%;}
body { margin: 0px; border: 0px; height: 100%; width: 100%; background-color: #dddddd; }
/* div { border: 1px solid blue !important; } */ /*Debug*/
#wrapper { width: 100%; min-width: 780px; margin: 0px auto; min-height: calc(100% - 65px); }
#header { width: 100%; min-width: 742px; margin: 0px auto; margin-bottom: 15px; }
#logo_box { width: 75%; min-width: 742px; background: url("images/line.png"); background-repeat: repeat-x; background-position: bottom;  margin: 0 auto; white-space: nowrap; text-align: center;  }
#logo { margin: 0px; padding: 0px; margin: 0px auto; width: 742px; }
#rjlogo, #bunnies {  height: 100px; border: 0px; padding: 0px; margin: 0px; /*float: left;*/ vertical-align: middle; }
#rjlogo { position: relative; z-index: 0; }
#bunnies { position: relative; z-index: 10; clear: none; }
#top_menu { width: 75%; text-align: center; margin: 0px auto; }
#top_menu a { text-decoration: none; color: #3e3e3e; margin-right: 15px; font-size: 1.5em; font-weight: bold; padding: 2px; font-family: 'Concert One', cursive; }
#top_menu a:hover { text-decoration: underline; color: black; }
.current_page {  background-color: #3e3e3e; color: white !important; padding-bottom: 10px !important; }
#content { padding-top: 10px; width: 80%; min-width: 760px; overflow: hidden;  margin: 0 auto;  margin-bottom: 5px;    }
#footer { width: 75%; min-width: 760px; height: 40px;  background-color: #dddddd; border: 0px; padding: 10px; margin: 0px auto; margin-bottom: 5px; position: relative; bottom: 0px;}
#footer_text { float: right; color: #3e3e3e; font-weight: bold; margin-bottom: 5px; }

/*Fonts*/
.fancy { font-family: 'Concert One', cursive; font-weight: bold; font-size: 1.5em; color: #3e3e3e; }
.fancy_light { font-family: 'Concert One', cursive; font-size: 1em; color: black; }
.fancy_medium { font-family: 'Concert One', cursive; font-size: 1.3em; color: black; }
.fancy_light a, .fancy_medium a { color: black; text-decoration: none; }
.fainy_light a:hover, .fancy_medium a:hover { text-decoration: underline; }

/*Login Form*/
.form_box { border: 1px solid black;  padding: 10px; background-color: silver; margin: 0px auto; }
.form_box h3 { margin: 0px; padding: 0px; }
.rjb_login_form { width: 300px; }
.rjb_login_form table { width: 100%; }

/*Social plugins*/
#socials { float: left; }
#socials div { float: left; text-decoration: none; margin-right: 5px; opacity: .75; width: 32px; height: 32px; opacity: .70; filter:alpha(opacity=70%); }
#socials div:hover {  opacity: 1; filter:alpha(opacity=100%); }
#fb_social { background-image: url("images/social/facebook-32.png"); }
#fb_social:hover { background-image:  url("images/social/facebook-32-color.png"); cursor: pointer; }
#instagram_social { background-image: url("images/social/instagram-32.png"); }
#instagram_social:hover { background-image: url("images/social/instagram-32-color.png"); cursor: pointer; }
#pinterest_social { background-image: url("images/social/pinterest-32.png"); }
#pinterest_social:hover { background-image: url("images/social/pinterest-32-color.png"); cursor: pointer; }
#rss_social { background-image: url("images/social/rss-32.png"); }
#rss_social:hover { background-image: url("images/social/rss-32-color.png"); cursor: pointer; }
.social_box { margin-bottom: 5px; margin-top: 10px; }
.social_share { float: left; padding: 0px; margin: 0px; margin-right: 5px; font-size: small; max-height: 20px; }

/*Mouse-overs*/
.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .4s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

/*Gallery*/
#gallery_menu { text-align: center;  }
#gallery_menu a { color: black; font-weight: bold; color: black; font-weight: bold;  font-size: 1.2em; font-family: 'Concert One', cursive; }
.gallery_nav_prev, .gallery_nav_prev_a { float: left; z-index: 10; }
.gallery_nav_next, .gallery_nav_next_a { float: right; z-index: 10; }
.gallery_nav_next, .gallery_nav_prev { font-size: 1.2em; font-family: 'Concert One', cursive; color: grey; }
#gallery_wrapper { min-width: 730px;  width: 96%; margin: 0px auto;  margin-top: 25px; margin-bottom: 25px; text-align: center; } 
#gallery_box { text-align: center; }
.gallery_image_wrapper { display: inline-block; padding: 10px;  }
.gallery_thumb { box-shadow: 2px 2px 5px #3e3e3e; }
.gallery_view_img { width: 460px; vertical-align: top;  margin-bottom: 15px; box-shadow: 3px 3px 10px #3e3e3e; }
.gallery_view_img_wrapper { width: 800px; border: 1px solid blue; display: inline-block; text-align: right; float: left;}
#gallery_image_info { width: 320px;  margin: 0px auto; text-align: left; margin-left: 15px; padding: 5px;  display: inline-block;}
.img_title { font-family: 'Concert One', cursive; font-size: 1.1em; }
.img_medium { font-style: italic; }
.img_description { border-top: 1px solid silver; margin-top: 5px; margin-bottom: 5px; }
.img_edit_link { color: black; text-decoration: underline; cursor: pointer; }

/*News*/
.news_container { max-width: 700px; min-width: 450px; margin: 0px auto; margin-top: 20px; border: 2px solid #3e3e3e;  background-color: white; box-shadow: 0px 0px 8px #3e3e3e inset; padding: 12px; font-size: 1em;}
.news_article p { margin-top: 3px; margin-bottom: 8px; }
.news_article { border-bottom: 1px solid silver; margin-bottom: 3px;  }

/*Widgets*/
.widget_container { text-align: center; border: 2px solid #3e3e3e;  background-color: white; box-shadow: 0px 0px 8px #3e3e3e inset; }
.gallery_widget { width: 90%; min-width: 740px; margin: 0px auto; margin-top: 15px; padding-bottom: 5px; }
.gallery_widget_thumb { padding: 5px; border: 1px solid silver; box-shadow: 1px 1px 5px #3e3e3e; margin: 5px; margin-bottom: 0px;  }
.news_widget   { width: 90%; min-width: 740px; margin: 0px auto; margin-top: 10px;  }
.store_widget { width: 90%; min-width: 740px; min-height: 200px; margin: 0px auto; margin-top: 15px;  }

/*Admin*/
#admin_menu { float: right; margin-right: 10%; z-index: 99; position: relative; }
#admin_menu a { color: red; font-weight: normal; font-size: 1em !important; margin-right: 5px; }
#admin_dropdown { font-size: 14px; background-color: silver; box-shadow: 2px 2px 2px #3e3e3e; }
#admin_dropdown a { font-size: 14px; color: black; }
#admin_dropdown ul { font-size: 14px; color: black; background-color: silver; box-shadow: 1px 1px 1px #3e3e3e; border: 1px solid black; }
.admin_module {  margin: 0px auto; padding: 10px; }
.admin_module a { color: black; }
.admin_sub { margin: 0px auto;  padding-bottom: 3px;  max-width: 700px; }
.admin_sub .admin_sub { margin-left: 10px; padding: 5px; border: 1px solid #3e3e3e; float: left; min-width: 200px; min-height: 150px; margin-bottom: 5px;}
.admin_sub .admin_sub .fancy_medium { color: #3e3e3e; font-size: 1.1em; color: grey; }
.admin_item { margin-bottom: 10px; margin-left: 10px; display: block; }
#news_table { text-align: left; border: 0px; border-spacing: 0px; max-width: 420px; margin: 0px auto; border: 1px solid silver; margin-top: 3px; }
#news_table th { text-align: center; }
#news_table td { padding: 5px; font-family: 'Concert One', cursive; font-size: 1em; color: black; }
#news_table tr:nth-child(even) {background: #CCC}
#news_table tr:nth-child(odd) {background: #FFF}
#editor_options { width: 260px; }
/*Toggle buttons*/
.toggle_box { font-size: 12px; margin-left: 5px; float: left; text-align:center; cursor: pointer; }
.toggle_divider { width: 100%; margin: 0px; }
.off { color: silver; }
.hidden { display: none; }