/*
 Theme Name: Responsive Child Theme
 Theme URI: http://themeid.com/responsive-theme/
 Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, W3C Markup Validated and currently translated into 40 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get a FREE/Responsive Support you need. http://themeid.com/support/

 Template: responsive
 Version: 1.0.0
 Author: ThemeID
 Author URI: http://themeid.com
 Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support

 License: GNU General Public License
 License URI: license.txt

 Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/* =Import Styles
 -------------------------------------------------------------- */
@import url('../responsive/style.css');

/* =Links
-------------------------------------------------------------- */
a {
    color: #428bca;
    font-weight: 400;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #3C9CB4;
    outline: 0;
    text-decoration: none;
}

::selection {
    background: #999;
    color: #fff;
    text-shadow: none;
}

/* =Social Icons
 -------------------------------------------------------------- */
#footer .social-icons {
    list-style: none;
    line-height: normal;
    /*padding: 0;*/
    padding-left: 22px;
    margin: 0;
    text-align: left;
}

/* =Front Page
 -------------------------------------------------------------- */
#mobile-hello, #recent {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    clear: both;
    margin: 0px auto 20px auto;
    position: relative;
}

.pillow {
    margin: 0px;
    padding: 10px;
}

.block-wrap {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin: 0 0 20px;
    padding: 20px;
}
.home .block-wrap {
    margin: 0;
}
.block-wrap ul {
    display: block;
    padding-left: 0px;
}
.block-wrap ul li {
    width: 23.387%;
    display: inherit;
    list-style-type: none;
    float: left;
}

.bee-instructions {
    position: relative
    }

#bee-button {
    display: inline-block;
    position: absolute;
    right: 2%;
    bottom: 5%;
    padding: 10px;
    }

#bee-button2 {
    display: inline-block;
    position: absolute;
    left: 2%;
    bottom: 5%;
    padding: 10px;
    }

/* =Featured Content
 -------------------------------------------------------------- */
#featured {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 0px;
    width: 99.893617021277%;
    margin-bottom: 20px;
}

#featured p {
    font-size: 18px;
    font-weight: 200;
    line-height: 27px;
    padding: 0 40px 0 40px;
    text-align: center;
}

#featured-image {
    margin: 40px 0 0 0;
}

#featured-image .fluid-width-video-wrapper {
    margin-left: -20px;
}

.featured-image img {
    margin-top: 44px;
}

/* =Recent Stream
 -------------------------------------------------------------- */
.border {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin: 10px 0px;
}
img.bb-thumb, img.avatar-thumb {
    border: 1px solid #e5e5e5;
    padding: 5px;
}

img.bb-thumb {
    width: 100px;
    height: 100px;
    float: left;
}

img.avatar-thumb {
    width: 80px;
    height: 80px;
}

.border .grid {
    margin-bottom: 0px;
}

.textrecent {
    float: left;
    margin-left: 20px;
    max-width: 490px;
}
.textrecent h4 {
    margin-top: 0px;
    margin-bottom: .3em;
}
.textrecent p {
    margin: 0px;
}

/* =Profile
 -------------------------------------------------------------- */
#avatar {
    border: 1px solid #e5e5e5;
    padding: 5px;
    width: 220px;
    height: 220px;
    float: center;
    margin-top: 20px;
}

ul.settings {
    list-style-type: none;
    margin-bottom: 20px;
}
ul li.settings {
    margin-bottom: 10px;
}

/* =Sightings Pages
 -------------------------------------------------------------- */
#progress {
    /*Progress Indicator bar at top of pages*/
    margin-left: -20px;
    margin-right: -21px;
    margin-bottom: 10px;
}

#progress ul {
    display: block;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#progress li {
    border-top: 3px solid rgb(0, 204, 255);
    background-color: #e5e5e5;
    float: left;
    min-width: 33.22916%;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid white; /* .08em? */
}

.bb-id, .bb-bee {
    float: left;
}

.bb-id ul, .bb-bee ul {
    list-style-type: none;
}

.bb-id ul li {
    max-width: 140px;
    float: left;
    margin: 10px;
    line-height: 15px;
}

.bb-bee ul li {
    max-width: 220px;
    float: left;
    margin: 10px;
    line-height: 15px;
}

.bb-id ul li a img, .bb-bee ul li a img {
    border: 1px solid #e5e5e5;
}

.bb-id ul li a:hover img, .bb-id ul li a:focus img, .bb-id ul li a:active img, .bb-bee ul li a:hover img, .bb-bee ul li a:focus img, .bb-bee ul li a:active img {
    border: 1px solid white;
    outline: 5px solid green;
}

.beephoto-photographer {
    margin: -10px 0 10px;
}
/* =BBW Gallery
 -------------------------------------------------------------- */
ul.gallery {
    padding-left: 0px;
}

ul.gallery a:hover:after, ul.gallery a:focus:after {
    /*background: rgb(68,68,68);
    background: rgba(68,68,68,0.7);*/
    background:#e5e5e5;
    bottom: 10px;
    content: attr(title);
    /*color: #e5e5e5;*/
    color:background: rgba(68,68,68,0.7);
    display: block;
    font-weight: bold;
    max-height: 100%;
    line-height: 15px;
    position: absolute;
    text-align: center;
    width: 95.4%;
    margin-left: 1px;
}

ul.gallery li {
    position: relative;
    float: left;
    list-style: none;
    max-width: 200px;
    border: 1px solid #e5e5e5;
    padding: 5px;
    margin: 5px;
}

/* =Footer
 -------------------------------------------------------------- */
#footer {
    color: white;
    font-size: 11px;
    line-height: 1.5em;
}

#footer a {
    color: white;
    font-weight: 400;
}

#footer a:hover {
    color: #999;
}

#footer-background {
    background-color: #3d3d3d;
}

#footer {
    clear: both;
    margin: 0 auto;
    max-width: 960px;
    /*padding: 0 25px 0 25px;*/
}

#footer-wrapper {
    margin: 0;
    padding: 25px 0px;
}

#footer-wrapper .logos {

    text-align: center;
}

.footer-menu {
    margin-left: 0;
    padding: 0;
}

.footer-menu li {
    display: inherit;
    list-style-type: none;
}

.footer-menu li a {
    border: none;
    color: #333;
    padding: 0;
    text-transform: uppercase;
}

.sd2-before {
    margin-bottom: 15px;
}
#slidedeck2_widget-2 .sd2-before {
    margin-bottom: 36px;
}
#text-2 .textwidget input[type='submit'] {
    margin-bottom: 87px;
}
.col-940.home-middle {
    margin-bottom: 0;
}
/* =Responsive (Mobile) Design
 -------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {
    }

    /*#progress li {
     min-width: 33.1%;
     }*/

    .grid, .grid-right {
        float: none;
    }

    .copyright, .scroll-top, .powered {
        float: left;
    }

    #featured-image .fluid-width-video-wrapper {
        margin: 20px 0 0 0;
    }

    .front-page  #widgets {
        margin-top: 40px;
    }

    .top-widget, .front-page  .top-widget {
        margin-top: 0 !important;
    }

    .hide-980 {
        display: none;
    }

    .show-980 {
        display: block;
    }

}

@media screen and (max-width: 650px) {

    body {
    }

    /*#progress li {
     min-width: 33.0256%;
     }*/

    .hide-desktop {
        visibility: visible;
        display: inherit;
    }

    .hide-mobile {
        visibility: hidden;
        display: none;
    }

    #logo {
        float: none;
        margin: 0;
        text-align: center;
    }

    .grid, .grid-right {
        float: none;
    }

    #featured-image .fluid-width-video-wrapper {
        margin: 20px 0 0 0;
    }

    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }

    .top-widget .widget-title {
        text-align: center;
    }

    .js .sub-header-menu {
        display: none;
    }

    .js .main-nav {
        position: relative;
        height: 30px;
        background-color: #585858;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
        background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
        background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
        background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
        background-image: -o-linear-gradient(top, #585858, #3d3d3d);
        background-image: linear-gradient(top, #585858, #3d3d3d);
        clear: both;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
        margin: 0 auto;
    }

    .js .main-nav .menu {
        display: none;
        position: absolute;
        width: 100%;
        top: 30px;
        z-index: 1000;
    }

    .js .main-nav .menu ul {
        margin-top: 1px;
    }

    .js .main-nav .menu li {
        float: none;
        background-color: #fff;
        border: none;
    }

    .js .main-nav .menu li a {
        color: #444;
        font-size: 13px;
        font-weight: normal;
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
        border: none;
        border-bottom: 1px solid #f5f5f5;
        text-shadow: none;
        text-align: left;
    }

    .js .main-nav .menu li.current_page_item, .js .menu .current_page_item a, .js .menu .current-menu-item a {
        background-color: #f5f5f5;
    }

    .js .main-nav .menu li li:hover {
        background: none !important;
    }

    .js .main-nav .menu li li a {
        position: relative;
        padding: 0 10px 0 30px;
    }

    .js .main-nav .menu li li li a {
        position: relative;
        padding: 0 10px 0 40px;
    }

    .js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {
        background-image: none;
        filter: none;
        background-color: #f5f5f5 !important;
    }

    .js .main-nav .menu li li a::before {
        content: '\2013';
        position: absolute;
        top: 0;
        left: 20px;
    }

    .js .main-nav .menu li li li a::before {
        content: '\2013';
        position: absolute;
        top: 0;
        left: 20px;
    }

    .js .main-nav .menu li li li a::after {
        content: '\2013';
        position: absolute;
        top: 0;
        left: 30px;
    }

    .js .main-nav .menu li ul {
        position: static;
        visibility: visible;
        background-color: #fff;
    }

    .js .main-nav #responsive_current_menu_item {
        position: absolute;
        display: block;
        top: 5px;
        left: 15px;
        color: #fff;
        font-weight: 700;
    }

    .js .main-nav a#responsive_menu_button {
        position: absolute;
        display: block;
        top: 0;
        left: 100%;
        height: 30px;
        width: 23px;
        margin-left: -30px;
        background: url('images/select-icons.png') 0 5px no-repeat;
    }

    .js .main-nav a#responsive_menu_button.responsive-toggle-open {
        background: url('images/select-icons.png') 0 -46px no-repeat;
    }

    .top-menu {
        float: none;
        font-size: 11px;
        text-align: center;
    }

    .tinynav {
        display: block;
    }

    .sb-holder {
        display: block;
    }

    #author-meta {
        padding: 20px;
    }

    .hide-650 {
        display: none;
    }

    .show-650 {
        display: block;
    }

    #footer, .footer-menu li {
        text-align: left;
    }

    #footer .social-icons {
        padding-bottom: 10px;
        text-align: left;
    }
}

@media screen and (max-width: 480px) {

    body {
    }

    #logo {
        float: none;
        text-align: center;
    }

    .grid, .grid-right {
        float: none;
    }

    #featured-image .fluid-width-video-wrapper {
        margin: 20px 0 0 0;
    }

    .featured-title {
        font-size: 40px;
        padding: 40px 20px 0 20px
    }

    .featured-subtitle {
        font-size: 24px;
    }

    .navigation .next, .navigation .previous {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .menu ul, .menu li, .top-menu, .sub-header-menu li {
        float: none;
        text-align: center;
        text-rendering: optimizeSpeed;
    }

    .hide-480 {
        display: none;
    }

    .show-480 {
        display: block;
    }

    #bee-button {
	font-size: 12px;
	padding: 7px;
	position: relative;
	left: 0%;
	bottom: 3%;
    }

    #bee-button2 {
	font-size: 12px;
	padding: 7px;
	position: relative;
	left: 0%;
	bottom: 3%;
    }	
}

@media screen and (max-width: 320px) {

    body {
    }

    #featured p {
        font-size: 12px;
        line-height: 1.5em;
    }

    .featured-title {
        font-size: 35px;
    }

    .featured-subtitle {
        font-size: 15px;
    }

    .call-to-action a.button {
        font-size: 14px;
        padding: 7px 17px;
    }

    .textrecent {
        margin-left: 0px;
        margin-top: 10px;
    }

    .hide-320 {
        display: none;
    }

    .show-320 {
        display: block;
    }

    #bee-button {
	font-size: 10px;
	padding: 7 px;
	position: relative;
	bottom: 2%;
    }

    #bee-button2 {
	font-size: 10px;
	padding: 7 px;
	position: relative;
	bottom: 2%;
    }	
}

@media screen and (max-width: 240px) {

    body {
    }

    #featured p {
        font-size: 11px;
        line-height: 1.5em;
    }

    .featured-title {
        font-size: 20px;
    }

    .featured-subtitle {
        font-size: 11px;
    }

    .call-to-action a.button {
        font-size: 12px;
        padding: 5px 15px;
    }

    .top-widget area, .top-widget select, .top-widget textarea, .top-widget input[type="text"], .top-widget input[type="password"], .top-widget input[type="email"] {
        width: 75%;
    }

    .widget-title, .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: left;
    }

    .hide-240 {
        display: none;
    }

    .show-240 {
        display: block;
    }

    #bee-button {
	font-size: 8px;
	padding: 5px;
	bottom: 2%;
    }

    #bee-button2 {
	font-size: 8px;
	padding: 5px;
	bottom: 2%;
    }
}

/** new css style 2014-08-06 requested by margo **/
.idguide_img {
    list-style: none;
}
.idguide_img li {
    display: inline-block;
    margin-bottom: 5px;
}
.zoomWindow img {
    max-width: none
}
.zoomWrapperImage img {
    max-width: none;
}

#1drop-area {
    min-height: 100px;
    border: solid 1px gray;
}
#file_list ul {
    list-style: none;
}
#file_list li {
    display: inline-block;
    margin-right: 10px;
}
.upPhoto ul{
    list-style: none;
}
.upPhoto li{
    display:inline-block;
}
.filter_selected a:hover {
    border:none;
    outline:none;
}
.filter_selected a:active {
    border:none;
    outline:none;
}
.filter_selected a:focus {
    border:none;
    outline:none;
}
    
.filter_selected img{
    border: 1px solid white;
    outline: 5px solid green;
}
#idguide_filter {
    height: 600px;
    overflow: scroll;
    border-left:solid 1px #ddd;
}
#idguide_filter li {
    display:inline-block;
    height: 120px;
    width: 90px;
}
#idguide_filter img{
    height:90px;
    width:90px;
}
#idguide_filter i{
    font-size:12px;
}
#idguide_filter span{
    display:none;
}
#idguide_con {
    height: 600px;
    overflow: scroll;
    border-left:solid 1px #ddd;
}
#idguide_con span {
    display: none;
}
#idguide_con img{
    height:90px;
    width:90px;
}
#idguide_con i{
    font-size:12px;
}
#idspecies li {
    height: 120px;
    width: 90px;
}
.filternotknow:before {
    font-size: 70px;
}
/**validaiton**/
.validateerror {
    /*color:red;*/
    background-color: red;
}
.gmnoprint img{
    max-width:none;
}

.bbwzoom ul{
    list-style: none;
}
.bbwzoom li{
    display:inline-block;
}
.error{
        color:red;
}

#legend {
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 2px solid #555;
  }

  .front-page #wrapper, .page-template-homepage #wrapper {
    background-color: transparent;
    border: none;
    margin: 20px auto 20px auto;
    padding: 0;
}
#container, .container{
    padding:0px;
    margin: 0 auto;
    max-width: 960px;
}
#container{
    background:white;
    -webkit-box-shadow: 0px 0px 20px -5px #555;
    -moz-box-shadow: 0px 0px 20px -5px #555;
    box-shadow: 0px 0px 20px -5px #555;
}
.sub-container{
    padding:0 15px;
    -webkit-box-shadow: 0px 0px 1px 1px #fff;
    -moz-box-shadow: 0px 0px 1px 1px #fff;
    box-shadow: 0px 0px 1px 1px #fff;
}
body{
    background:#ccc;
}
.home-middle .block-wrap{
    border:0;
    padding:0;
}