/*

Theme Name: SeriouslyFish
Theme URI: http://www.seriouslyfish.com
Description: SeriouslyFish
Version: 1
Tags:
Author:
Author URI:

*/





/*** STYLE COLOURS
 ***
 *** DARK TEXT (headers, etc)	#073050;
 *** LIGHT TEXT (bkgs, etc)		#7C9CAD;
 *** DARK CONTRAST (links)		#FFCA73;
 *** LIGHT CONTRAST (?)			#A66800;
 ***/
 
/*** FONTS
 ***
 *** font-family: 'Rubik', sans-serif;
 *** font-family: 'Open Sans', sans-serif;
 ***/

/* body --------------------------------------------------*/
 body {
     font-family: 'Open Sans', sans-serif;
     font-size: 12px;
     color:#333;
     margin:0;
     padding:0;
     background:#dee6ea url('images/bg.jpg') no-repeat top center;
     text-align: left;
}
 html, body, p, h1, h2, h3, div {
     margin:0;
     padding:0;
}
 h1, h2, h3 {
     font-family: 'Rubik', sans-serif;
}
 code {
     font-family: "Courier New", "Lucida Console", Arial;
     font-size: 120%;
}
 img{
     border:0;
}
 .white{
     color:#fff;
}
 .lblue{
     color:#7c9cad;
}
 .dkblue{
     color:#073050;
}
/* ads --------------------------------------------------*/
 div.google-auto-placed.ap_container {
     margin-bottom:14px;
}
 div#footer-overlay {
     position: fixed;
     width: 100%;
     bottom: 0;
     left: 0;
     height: 92px;
     padding: 2px 0;
     background: rgba(255,255,255,.5);
     z-index: 51;
     text-align: center;
}
 div.headeraddblock {
     float: right;
     width: 600px;
     height: 90px;
     margin: 0 55px 10px 0;
     padding: 0;
}
/* top bar --------------------------------------------------*/
 #topbar{
     width:auto;
     height:54px;
     background:url('images/topbar-bg.png') repeat-x top left;
}
 #topbar_inner{
     width:1000px;
     padding:0 0 0 0;
     margin:0 auto;
}
 #topbar form{
     display:block;
     height:40px;
     float:left;
     width:420px;
     padding-right:15px;
}
 #topbar form p{
     float:left;
     font-size:14px;
     font-weight:bold;
     height:39px;
     padding-top:1px;
     line-height:35px;
     padding:0 15px 0 0;
}
 #topbar form input{
     width:100px;
     float:left;
     margin:10px 10px 0 0;
     padding:2px;
     border-top:2px solid #073050;
     border-left:2px solid #073050;
     border-bottom:1px solid #8da4b3;
     border-right:1px solid #8da4b3;
     font-size:10px;
}
 #topbar form input.topbar_submit{
     width:50px;
     float:left;
     margin:10px 10px 0 0;
     padding:2px;
     font-size:12px;
     color:#fff;
     background:#073050;
     border:0;
     font-weight:bold;
}
 #topbar form p.tinylinks{
     width:60px;
     float:left;
     font-size:9px;
     color:#fff;
     line-height:1.4;
     font-weight:normal;
     padding:5px 0 0 0;
}
 #topbar form p.tinylinks a{
     color:#fff;
     text-decoration:underline;
}
 #topbar form#topbar_search{
     width:380px;
}
 #topbar form input.topbar_longinput{
     width:150px;
}
 #topbar img{
     margin:5px 0 0 0;
}
/* header --------------------------------------------------*/
 #header {
     height:140px;
}
 #header .description {
     float:right;
     color:#333;
     margin:45px 0 0;
}
 #wrapper {
     width:1000px;
     margin:0 auto;
}
/* ads --------------------------------------------------*/
 .theadverts {
     margin: 0;
     padding: 0;
}
/* header h1 (blogtitle) --------------------------------------------------*/
 #header h1 {
     margin:10px 0 0 30px;
     padding:0;
     float:left;
     position:relative;
     top:15px;
     z-index:1;
}
 #header h1 a{
     display:block;
     width:260px;
     height:122px;
     background:url('images/sfish-logo.png') no-repeat top left;
}
 #header h1 span{
     margin-left:-2400px;
}
/* navigation --------------------------------------------------*/
 #nav {
     float:right;
     height:40px;
     margin:0px 20px 0 0;
     padding:0 0;
}
 #nav li {
     float:left;
     list-style:none;
     padding:0 10px 0 0;
}
 #nav li a {
     color:#fff;
     background:#7c9cad;
     font-family: 'Rubik', sans-serif;
     font-size: 18px;
     text-decoration:none;
     display:block;
     height:40px;
     line-height:40px;
     padding:0 10px;
     text-transform:uppercase;
     font-weight:bold;
}
 #nav li.current_page_item a{
     background:#073050;
}
 #nav li a:hover {
     color:#fff;
     text-decoration:none;
}
 #nav li a.active {
     color:#fff;
     text-decoration:none;
}
 .clear {
     clear:both;
}
 .clearright {
     clear:right;
}
 .clearleft {
     clear:left;
}
/* featured posts homepage --------------------------------------------------*/
/* determines sizes of entire thing */
 #featured {
     width:940px;
     padding-right:250px;
     position:relative;
     height:315px;
     background:#073050;
     padding:15px 30px 0 30px;
}
 #featured ul.ui-tabs-nav {
     position:absolute;
     top:0;
     left:670px;
     list-style:none;
     margin:0;
     padding: 0;
     width:300px;
}
 #featured ul.ui-tabs-nav li {
     margin:0;
     padding: 0;
}
 #featured ul.ui-tabs-nav li img {
     float:left;
     margin:2px 5px;
     background:#fff;
     padding:2px;
     border:1px solid #eee;
}
 #featured ul.ui-tabs-nav li span {
     color:#fff;
     font-size:20px;
     font-weight:bold;
     line-height:0.9;
     text-transform:uppercase;
}
 #featured ul.ui-tabs-nav li p {
     color:#073050;
     font-size:16px;
     font-weight:normal;
     line-height:1;
     margin:0 0 5px 0;
     text-transform:uppercase;
}
 #featured li.ui-tabs-nav-item a {
     display:block;
     height:60px;
     margin:0 0 15px 0;
     background:#7c9cad;
     padding: 15px;
     text-decoration: none;
}
 #featured li#nav-fragment-1 a {
     margin-top:15px;
}
 #featured li.ui-tabs-nav-item a:hover {
     background:#ccc;
}
 #featured li.ui-tabs-selected {
     background:url('images/selected-item.gif') middle left no-repeat;
}
 #featured ul.ui-tabs-nav li.ui-tabs-selected a {
     background:#ccc;
}
/* this is the whole image container
   !important is needed to avoid issues with jQuery fade */
 #featured .ui-tabs-panel {
	 width: 620px !important;
	 height: 300px !important;
	 position: relative;
	 background: #999999;
	 overflow: visible !important;
}
/* determines exact positioning of left-hand side image
   and avoids 1px gaps top and bottom */
 #featured .ui-tabs-panel img {
 	 position: absolute;
     top: 0;
     left: 0;
 }
/* determines positioning of CAPTION bar */
 #featured .ui-tabs-panel .info {
     position:absolute;
     top: 230px;
     left:0;
     height:40px;
     background: url('images/dkblue55pc.png');
     padding: 15px;
}
/* determines BIG WHITE TEXT on CAPTION bar */
 #featured .info h2 {
     color:#fff;
     text-transform:uppercase;
     font-size:22px;
     font-weight:bold;
     line-height:0.9;
     overflow:hidden;
}
/* determines SMALL BLUE TEXT on CAPTION bar */
 #featured .info p {
     color:#7c9cad;
     font-size:16px;
     font-weight:normal;
     line-height:1;
     margin-bottom: 5px;
     width: 590px;
     text-transform:uppercase;
}
 #featured .info a {
     text-decoration:none;
     color:#fff;
}
 #featured .info a:hover {
     text-decoration:underline;
}
/* hides stuff from view until called by the JS */
 #featured .ui-tabs-hide {
     display:none;
}
/* glossary menu --------------------------------------------------*/
 div.glossary{
     font-family: 'Rubik', sans-serif;
     border-left:5px solid #073050;
     color:#fff;
     font-weight:bold;
     width:180px;
     float:right;
     height:20px;
     padding:10px;
     background:#7c9cad;
     font-size:18px;
     cursor: pointer;
}
 div.glossary span{
     display:none;
}
 div.glossary:hover span{
     width:200px;
     min-height:200px;
     background:#7c9cad;
     z-index:50;
     position:relative;
     top:14px;
    left:-10px;
}
 div.glossary:hover{
     color:#fff;
}
 div.glossary span form{
     margin:0;
    padding:10px;
     display:block;
}
 div.glossary span form input{
     width:120px;
     float:left;
     margin:0px 10px 0 0;
     padding:2px;
     border-top:2px solid #073050;
     border-left:2px solid #073050;
     border-bottom:1px solid #8da4b3;
     border-right:1px solid #8da4b3;
     font-size:10px;
}
 div.glossary span form input.glossary_submit{
     width:32px;
     float:left;
     margin:0px 10px 0 0;
     padding:2px;
     font-size:12px;
     color:#fff;
     background:#073050;
     border:0;
     font-weight:bold;
}
 div.glossary div.glossaryletters{
     margin:30px 0 30px 10px;
}
 div.glossary a{
     color:#fff;
     display:block;
     width:20px;
     height:20px;
     margin:5px;
     float:left;
}
/* profile header / jump to container --------------------------------------------------*/
 #profileheaderwrapper {
     margin:0 0 15px 0;
}
/* profile header --------------------------------------------------*/
 #profileheaderbar{
     height:20px;
     padding:10px;
     float:left;
     width:395px;
     background:#7c9cad;
}
 #profileheaderbar_inner{
     height:20px;
     padding:10px;
     background:#7c9cad;
}
 #profileheaderbar h1.profileheader{
     font-size:20px;
     color:#073050;
     width:200px;
     float:left;
}
/* profile jump to menu --------------------------------------------------*/
 div.profile_jumpto{
     font-family: 'Rubik', sans-serif;
     border-left:5px solid #073050;
     color:#fff;
     font-weight:bold;
     width:160px;
     float:right;
     height:20px;
     padding:10px;
     background:#7c9cad;
     font-size:18px;
}
 div.profile_jumpto span{
     display:none;
}
 div.profile_jumpto:hover span{
     display:block;
     width:180px;
     min-height:200px;
     background:#082f50;
     z-index:50;
     position:relative;
     top:14px;
    left:-10px;
}
 div.profile_jumpto:hover{
     color:#fff;
}
 div.profile_jumpto span form{
     margin:0;
    padding:10px;
     display:block;
}
 div.profile_jumpto span form input{
     width:120px;
     float:left;
     margin:0px 10px 0 0;
     padding:2px;
     border-top:2px solid #073050;
     border-left:2px solid #073050;
     border-bottom:1px solid #8da4b3;
     border-right:1px solid #8da4b3;
     font-size:10px;
}
 div.profile_jumpto span form input.profile_jumpto_submit{
     width:32px;
     float:left;
     margin:0px 10px 0 0;
     padding:2px;
     font-size:12px;
     color:#fff;
     background:#073050;
     border:0;
     font-weight:bold;
}
 div.profile_jumpto div.glossaryletters{
     margin:30px 0 30px 10px;
}
 div.jumptolinks a{
     display:block;
     width:20px;
     height:20px;
     margin:5px 5px 5px 10px;
     font-size:11px;
     color:#fff;
}
 #content2 div.jumptolinks a{
     color: #fff;
}
 #content2 div.jumptolinks a:visited{
     color: #fff;
}
/* profile search bar --------------------------------------------------*/
 #profilesearchbar{
     background:#073050;
     padding:18px 30px 18px 30px;
}
 #profilesearchbar_inner{
     height:20px;
     padding:10px;
     background:#7c9cad;
}
 #profilesearchbar h1.profilesearch{
     font-size:20px;
     color:#073050;
     width:200px;
     float:left;
}
 #profilesearchbar_inner form{
     display:block;
     float:left;
     width:480px;
     padding-right:15px;
}
 #profilesearchbar_inner form p{
     float:left;
     font-size:14px;
     font-weight:bold;
     height:39px;
     padding-top:1px;
     line-height:35px;
     padding:0 15px 0 0;
}
 #profilesearchbar_inner form input{
     width:200px;
     float:left;
     margin:0px 10px 0 0;
     padding:2px;
     border-top:2px solid #073050;
     border-left:2px solid #073050;
     border-bottom:1px solid #8da4b3;
     border-right:1px solid #8da4b3;
     font-size:10px;
}
 #profilesearchbar_inner form input.profilesearch_submit{
     width:50px;
     float:left;
     margin:0px 10px 0 0;
     padding:2px;
     font-size:12px;
     color:#fff;
     background:#073050;
     border:0;
     font-weight:bold;
}
 #profilesearchbar_inner form input.checkbox{
     width:20px;
     float:left;
     margin:3px 0 0 10px;
}
 #profilesearchbar_inner form label{
     width:100px;
     float:left;
     color:#fff;
     font-size:9px;
     margin:3px 0 0 0;
}
 #profilesearchbar_inner form p.tinylinks{
     width:60px;
     float:left;
     font-size:9px;
     color:#fff;
     line-height:1.4;
     font-weight:normal;
     padding:0px 0 0 5px;
     position:relative;
     top:-3px;
}
 #profilesearchbar_inner form p.tinysearch{
     width:150px;
     float:left;
     font-size:9px;
     color:#fff;
     line-height:1.4;
     font-weight:normal;
     padding:2px 0 0 0;
     position:relative;
     top:3px;
}
 #profilesearchbar_inner form p.tinylinks a, #profilesearchbar_inner form p.tinysearch a{
     color:#fff;
     text-decoration:underline;
}
/* search results --------------------------------------------------*/
 #content2 .info {
     background-color:#7c9cad;
     color:#fff;
     padding:3px 10px 3px 10px;
     margin: 25px 0;
     font-weight:normal;
}
/* advanced / beginner search --------------------------------------------------*/
 div#advanced_search fieldset {
     border: 1px solid #073050;
     background-color: #7C9CAD;
     margin: 5px 0 10px 0;
     padding: 10px;
     width: 44.5%;
     float: left;
     display: block;
     color: #073050;
}
 div#advanced_search legend {
     font-size: 11px;
     background-color: #073050;
     font-weight: bold;
     text-transform: uppercase;
     padding: 2px 10px 4px 10px;
     letter-spacing: 2px;
     color: #7C9CAD;
}
 div#advanced_search div.field input {
     margin: 5px 0;
     border-color: #073050 #8DA4B3 #8DA4B3 #073050;
     border-style: solid;
     border-width: 2px 1px 1px 2px;
     font-size: 10px;
}
 div#advanced_search div.field label {
     display: block;
     clear: left;
     float: left;
     width: 60px;
     padding-top: 8px;
     padding-right: 10px;
}
 div#advanced_search div.field {
     width: 100%;
     overflow: auto;
}
 div#advanced_search .full {
     width: 150px;
}
 div#advanced_search fieldset p {
     color: #444;
     padding: 0;
     margin: 2px 0 5px 0;
}
 div#advanced_search div.line, div#advanced_search div.triple {
     clear: both;
     overflow: auto;
     margin: 5px 0;
     padding: 5px 0;
     border-top: 1px dotted #ccc;
}
 div#advanced_search div.line label {
     clear: none;
     width: 40px;
}
 div#advanced_search div.line input {
     float: left;
     margin-right: 15px;
     width: 35px;
}
 div#advanced_search div.triple label {
     clear: none;
     width: 10px;
     margin-right: 5px;
}
 div#advanced_search div.triple input {
     float: left;
     margin-right: 15px;
     width: 40px;
}
 div#advanced_search #submit {
     width:50px;
     float:left;
     margin:20px 0 0 5px;
     padding:2px;
     font-size:12px;
     color:#fff;
     background:#073050;
     border:0;
     font-weight:bold;
}
 #content2 #values {
     padding: 5px;
     margin: 2px 0 10px 0;
     background-color: #7C9CAD;
     border: 2px solid #073050;
     color: #fff;
     font-size: 11px;
}
 #content2 #values span {
     background-color: #8fb4c7;
     color: #073050;
     padding: 1px 2px;
}
/* beginner-search.php --------------------------------------------------*/
 #beginner_search div#steps {
     overflow: auto;
}
 #beginner_search .beginner_box {
     width: 163px;
     height: 135px;
     float: left;
     margin: 0 5px 0 0;
     padding: 8px;
}
 #beginner_search #step_one {
     background-color: #9cb4c1;
     border: 5px solid #163c5a;
     color: #163c5a;
}
 #beginner_search #step_two {
     background-color: #7c9bac;
     border: 5px solid #163c5a;
     color: #163c5a;
}
 #beginner_search #step_three {
     background-color: #587e93;
     border: 5px solid #163c5a;
     color: #163c5a;
     margin-right: 0;
}
 #beginner_search .beginner_box span {
     font-size: 400%;
     font-weight: bold;
     font-family: 'Rubik', sans-serif;
     padding-right: 10px;
}
 #beginner_search .beginner_box p {
     margin: 6px 0;
}
 #beginner_search .beginner_box p.first {
     display: inline;
}
 #beginner_search div.segment {
     margin: 20px 0 0 0;
}
 #beginner_search div.segment span {
     color: #aaa;
     font-family: 'Rubik', sans-serif;
     padding-right: 10px;
     font-size: 14px;
}
 #beginner_search .segment p {
     clear: left;
}
 #beginner_search .segment p.question {
     font-size: 200%;
     color: #073050;
     margin-left: 90px;
}
 #beginner_search .segment p {
     margin-left: 150px;
}
 #beginner_search em {
     font-size: 75%;
     color: #666;
}
 #beginner_search p.small {
     overflow: auto;
}
 #beginner_search p.small label {
     clear: none;
     width: 10px;
     margin-right: 5px;
     float: left;
     padding-top: 3px;
     padding-right: 10px;
}
 #beginner_search p.small input {
     float: left;
     margin-right: 15px;
     width: 40px;
}
 #beginner_search #submit {
     width:50px;
     margin:20px auto 0 auto;
     padding:2px;
     font-size:12px;
     color:#fff;
     background:#073050;
     border:0;
     font-weight:bold;
}
/* archive-species.php --------------------------------------------------*/
 #content2 h2.species {
     line-height: 22px;
}
 #content2 p.info a, #content p.info a {
     color: #073050;
}
 #content p.info {
     font-size: 10px;
}
 #content2 p.info a:hover, #content p.info a:hover {
     color: #fff;
     text-decoration: none;
}
 #content2 p.info {
     clear: left;
     margin-top: 10px;
}
 #content2 h2.archive {
     margin-bottom: 5px;
}
 #content2 a.more-link {
     font-weight: bold;
     color: #073050;
     text-decoration: none;
}
 #content2 a.more-link:hover {
     color: #A66800;
}
/* list-species.php --------------------------------------------------*/
 #content2 .attachment-species-thumb, #content2 .attachment-thumbnail {
     float: left;
     border: 3px solid #7C9CAD;
     margin: 4px 10px 2px 0;
     padding: 0;
}
 #content2 div.entry, #content div.entry {
     overflow: hidden;
     font-size: 12px;
}
 #sidebar.fixed>div{
    
     width: 300px;
     margin-top: 10px;
}
 #sidebar #sponsor_wrapper {
     margin: 0;
     padding: 0;
}
 #sidebar #count {
     font-size: 85%;
     margin-bottom: 10px;
     text-align: center;
     background-color: #7C9CAD;
     padding: 5px 0;
     color: #fff;
     width: 288px;
}
 #fancybox-title-over {
     text-align: left;
}
 #fancybox-title-over b {
     display: block;
     margin-right: 80px;
}
 #fancybox-title-over strong {
     font-family: "Courier New";
     font-size: 9px;
     color: #ccc;
}
/* profile page template --------------------------------------------------*/
 #content2 a.link_species, #content2 a.link_species:hover {
     color: #8a0000 !important;
     font-weight: bold;
}
 #content2 a.link_glossary, #content2 a.link_glossary:hover {
     color: #A66800 !important;
     font-weight: bold;
}
 #content2 a.your_profile, #content2 a.your_profile:hover {
     color: #078b14 !important;
     font-weight: bold;
}
 #content2 a.edit_profile, #content2 a.edit_profile:hover {
     color: #fff !important;
     font-weight: bold;
}
 #content2 a.edit_profile:hover {
     text-decoration: underline;
}
 #content2 img.rating {
     padding: 0 !important;
     margin: 0 !important;
     background: none !important;
     border: none !important;
}
 #content2 div#rating {
     width: 576px;
     padding: 3px 20px 4px 0;
     float: right;
     margin-bottom: 15px;
     text-align: right;
     text-transform: uppercase;
     color: #073050;
     background-color: #eee;
     border: 2px solid #ddd;
}
 #content2 div.incomplete {
     margin: 0 0 50px 0;
     padding: 5px;
     border: 2px solid #082f50;
}
 h1.profile_title{
     color:#082f50;
     font-size:24px;
     font-weight:bold;
     margin:5px 0 0 0;
}
 h1.profile_title a {
     color: #082f50 !important;
}
 h1.profile_title a:hover {
     color: #082f50 !important;
}
 span#species_author {
     font-variant:small-caps;
     color: #666;
     font-weight:600;
     font-size:13px;
     padding-left:15px;
}
 div.entry ol {
     margin-bottom: 50px !important;
}
 h1.profile_commonname{
     color:#082f50;
     font-size:20px;
     font-weight:bold;
     margin:0 0 50px 0;
}
 #content2 h2.profile_family,#content2 h2.profile_synonyms,#content2 h2.profile_distribution,#content2 h2.profile_habitat,#content2 h2.profile_maxstandardlength,#content2 h2.profile_mintanksize,#content2 h2.profile_tanksetup,#content2 h2.profile_temperature,#content2 h2.profile_phrange,#content2 h2.profile_hardness,#content2 h2.profile_diet,#content2 h2.profile_compatibility,#content2 h2.profile_sexualdimorphism,#content2 h2.profile_breeding,#content2 h2.profile_notes,#content2 h2.profile_literaturecited{
     color:#7c9cad;
     border-bottom:2px solid #7c9cad;
     padding:10px 0 5px 45px;
     font-weight:bold;
     font-size:21px;
     margin:25px 0 5px 0;
     height:22px;
}
 #content2 h2 a.rtt {
     font-size: 9px;
     color: #082f50;
     text-transform: uppercase;
     float: right;
     text-align: right;
}
 #content2 h2.profile_synonyms{
     background:url('images/profile_synonyms.png') no-repeat left top;
}
 #content2 h2.profile_family{
     background:url('images/profile_family.png') no-repeat left top;
}
 #content2 h2.profile_distribution{
     background:url('images/profile_distribution.png') no-repeat left top;
}
 #content2 h2.profile_habitat{
     background:url('images/profile_habitat.png') no-repeat left top;
}
 #content2 h2.profile_maxstandardlength{
     background:url('images/profile_maxstandardlength.png') no-repeat left top;
}
 #content2 h2.profile_mintanksize{
     background:url('images/profile_mintanksize.png') no-repeat left top;
}
 #content2 h2.profile_tanksetup{
     background:url('images/profile_tanksetup.png') no-repeat left top;
}
 #content2 h2.profile_temperature{
     background:url('images/profile_temperature.png') no-repeat left top;
}
 #content2 h2.profile_phrange{
     background:url('images/profile_phrange.png') no-repeat left top;
}
 #content2 h2.profile_hardness{
     background:url('images/profile_hardness.png') no-repeat left top;
}
 #content2 h2.profile_diet{
     background:url('images/profile_diet.png') no-repeat left top;
}
 #content2 h2.profile_compatibility{
     background:url('images/profile_compatibility.png') no-repeat left top;
}
 #content2 h2.profile_sexualdimorphism{
     background:url('images/profile_sexualdimorphism.png') no-repeat left top;
}
 #content2 h2.profile_breeding{
     background:url('images/profile_breeding.png') no-repeat left top;
}
 #content2 h2.profile_notes{
     background:url('images/profile_notes.png') no-repeat left top;
}
 #content2 h2.profile_literaturecited{
     background:url('images/profile_literaturecited.png') no-repeat left top;
}
 .tooltip {
     display:none;
     background:transparent url(images/white_arrow.png);
     font-size:11px;
     height:70px;
     width:160px;
     padding:25px;
     color:#073050;
}
/* profiles boxes --------------------------------------------------*/
 #content2 div.profilesbox{
     min-height:100px;
     background:#073050;
     color:#fff;
     padding:0 10px 0 0;
     margin:0 0 20px 0;
}
 #content2 div.profilesbox h3{
     width:150px;
     float:left;
     font-weight:bold;
     font-size:18px;
     color:#fff;
     text-transform:uppercase;
     margin:5px 0 0 0;
}
 #content2 div.profilesbox h3 a {
     color: #fff;
}
 #content2 div.profilesbox h3 a:hover {
     color: #fff;
}
 #content2 div.profilesbox h4{
     float:right;
     text-align:right;
     font-weight:bold;
     font-size:14px;
     color:#7c9cad;
     text-transform:uppercase;
     margin:5px 0 0 0;
}
 #content2 div.profilesbox img{
     float:left;
     border:0;
    padding:0;
    margin:0 10px 0 0;
}
 #content2 div.profilesbox ul{
     margin:0;
    padding:0;
     list-style-type:none;
     list-style:none;
     padding-top:35px;
}
/* column style */
 #content2 div.profilesbox ul li{
     width: 140px;
     border:0;
     padding: 0;
     margin: 0;
     font-size:9px;
     float: left;
}
 #search_wrapper {
     margin: 5px 0 0 0;
     padding: 5px;
     background-color: #7c9cad;
     overflow: auto;
     min-height: 25px;
}
 #search_wrapper .box {
     float: left;
     color: #fff;
     font-weight: bold;
}
 #search_wrapper .box a {
     display: block;
     margin: 0 10px;
     padding: 6px 10px 5px 10px;
     height: 20px;
     color: #fff;
}
 #search_wrapper .box a:hover {
     background-color: #073050;
     color: #fff;
}
/*border-top:2px solid #073050;
 border-left:2px solid #073050;
 border-bottom:1px solid #8da4b3;
 border-right:1px solid #8da4b3;
*/
 #togglediv_advanced, #togglediv_beginner, #togglediv_random {
     display: none;
     margin-bottom: 20px;
     background-color: #dee6ea;
     padding: 10px;
     overflow: auto;
}
 #togglediv_random div.random_image {
     float: left;
     padding: 5px;
}
 #content2 div.profilesbox ul li a {
     color: #fff;
}
 #content2 div.profilesbox ul li a:hover {
     color: #fff !important;
}
 #content2 div.profilesbox_lblue{
     background:#7c9cad;
}
 #content2 div.profilesbox_lblue h4{
     color:#073050;
}
 #content2 ol {
     margin: 2px;
     padding: 2px;
}
 #content2 ol li {
     margin: 2px;
     margin-left: 25px;
     padding: 2px 2px 2px 10px;
}
/* articles boxes --------------------------------------------------*/
 #sidebar div.articlesbox{
     min-height:100px;
     background:#073050;
     color:#fff;
     padding:0 10px 0 0;
     margin:0 0 20px 0;
}
 #sidebar div.articlesbox a {
     color: #fff;
}
 #sidebar div.articlesbox a:hover {
     color: #7c9cad;
}
 #sidebar div.articlesbox h3{
     width:180px;
     float:left;
     font-weight:bold;
     font-size:18px;
     color:#fff;
     text-transform:uppercase;
     margin:5px 0;
}
 #sidebar div.articlesbox h4{
     float:right;
     text-align:right;
     font-weight:bold;
     font-size:14px;
     color:#7c9cad;
     text-transform:uppercase;
     margin:5px 0 0 0;
}
 #sidebar div.articlesbox img{
     float:left;
     border:0;
    padding:0;
    margin:0 10px 0 0;
}
 #sidebar div.articlesbox ul{
     margin:0;
    padding:0;
     list-style-type:none;
     list-style:none;
     padding-top:35px;
}
 #sidebar div.articlesbox ul li{
     width:140px;
     border:0;
     padding:0;
     margin:0;
     float:left;
     font-size:9px;
}
 #sidebar div.articlesbox_lblue{
     background:#7c9cad;
}
 #sidebar div.articlesbox_lblue h4{
     color:#073050;
}
/* main --------------------------------------------------*/
 #main{
     background:#fff;
     padding:20px 30px 50px 30px;
}
/* left sidebar (on home page) --------------------------------------------------*/
 #left_sidebar{
     width:200px;
     padding:0 9px 0 0;
     border-right:1px solid #073050;
     float:left;
}
 #left_sidebar h2{
     letter-spacing:0px;
     font-size:18px;
     color:#7c9cad;
     padding:0 0 10px 0;
     text-transform:uppercase;
}
/* content --------------------------------------------------*/
 #content {
     margin:0 320px 0 240px;
     padding:0 20px 0px 0;
}
 #content2 {
     margin:0 300px 0 0 !important;
     padding:10px 40px 0px 0;
}
 #content p, #content2 p {
     margin:0 0 14px 0;
    /* was 25px */
}
 #content h2, #content2 h2, #content-forums .post h2, #sidebar h2.mainh2 {
     font-family: 'Open Sans', sans-serif;
     font-size:24px;
     font-weight:bold;
     color:#073050;
     padding:0;
}
 #content h2, #content2 h2, #sidebar h2.mainh2 {
     margin:0 0 20px 0;
}
 #content-forums .post h2 {
     margin:0 0 10px 0;
}
 #content h2{
     margin:0 0 5px 0;
}
 #sidebar h2.mainh2{
     padding-top:10px;
}
 #content h2 a, #content-forums .post h2 a, #content2 h2 a {
     text-decoration:none;
     border:none;
     color:#073050 !important;
}
 #content h2 a:hover, #content-forums .post h2 a:hover, #content2 h2 a:hover {
     color:#073050 !important;
}
 #content .post a,#content2 .post a {
     text-decoration:none;
     font-family: 'Rubik', sans-serif;
     color:#A66800;
     font-weight: bold;
}
 #content .post a:hover,#content2 .post a:hover {
     text-decoration: underline;
     color:#A66800;
     font-weight: bold;
}
 #content h1 {
     font-family: 'Open Sans', sans-serif;
     font-size: 3em;
     color:#222;
     margin:0 0 10px 0;
}
 #content h3, #content2 h3 {
     font-family:'Open Sans', sans-serif;
     font-size:18px;
     font-weight:bold;
     color:#073050;
     margin:0 0 10px 0;
     padding:0;
     line-height: 20px;
}
 #content h4 {
     font-family: 'Open Sans', sans-serif;
     font-size: 1.8em;
     color:#222;
     margin:0 0 10px 0;
}
 #content h5 {
     font-family: 'Open Sans', sans-serif;
     font-size: 1.6em;
     color:#222;
     margin:0 0 10px 0;
}
 #content ul,ol {
    /*font-size:100%;
    */
     margin:0 10px 10px 25px;
}
 #content2 ul,ol {
     margin:0 10px 10px 25px;
}
/* blockquote + links --------------------------------------------------*/
 blockquote {
     background:#EFF8FB;
     border:1px solid #ccc;
     margin:10px 0;
     padding:5px 15px;
}
 a:hover {
     color:#000;
     text-decoration:none;
}
 a.more {
     display:block;
     text-align:right;
     color:#2F460D;
     text-decoration:none;
     margin:10px 0 0;
}
 a.more:hover {
     text-decoration:none;
}
/* metadata under post --------------------------------------------------*/
 #content .post {
     margin:0 0 30px 0;
}
 #content2 .post {
     margin:0 0 25px 0;
}
 #content .post img, #content2 .post img {
     background:#ccc;
     border:5px solid #eee;
     padding:1px;
}
 #content .post .info, #content2 .post .info {
     background-color:#7c9cad;
     color:#fff;
     padding:3px 10px 3px 10px;
     margin: 0 0 14px 0;
     font-weight:normal;
}
 #content .date, #content2 .date {
     margin: 0 0 15px 0;
}
 #content .post small, #content2 .post small {
     font-size: 10px;
     color:#073050;
}
/* pagination ---------------------------------------------------*/
 .page_nav {
     margin: 0 auto;
     text-align: center;
}
 .page_nav .page-numbers{
     padding:4px 8px;
     margin:0px 4px;
     border:1px solid #073050;
     color:#A66800;
}
 .page_nav .current{
     border:1px solid #073050;
     background-color:#7C9CAD;
}
 .page_nav .prev, .page_nav .next{
     border:none;
     color: #A66800;
}
/* metadata sidebar ('about this post') --------------------------------------------------*/
 p.news {
     background:#EFF8FB;
     color:#333;
     font-size:120%;
     border-bottom:1px solid #ccc;
     border-top:1px solid #ccc;
     margin:10px 0 28px;
     padding:10px;
}
/* sidebar sponsors --------------------------------------------------*/
/*.sidebar_sponsors a{
     width:125px;
     height:125px;
     float:left;
     margin:10px 10px 10px 10px;
}
*/
 .sidebar_sponsors {
     overflow: auto;
     margin-bottom: 20px;
}
/* sidebar profile --------------------------------------------------*/
 div.sidebar_pic {
     margin:0 0 20px 0;
}
 div.sidebar_pic a {
     border: 0;
     padding: 0;
     margin: 0;
     line-height: 0;
}
 div.sidebar_vids {
     margin:0 0 20px 0;
}
 .sidebar_picdesc {
     background:#082f50;
     color:#fff;
     padding:10px;
     width:268px;
}
 .leftsidebar_picdesc {
     font-size: 90%;
     background:#082f50;
     color:#fff;
     padding:10px 10px 2px 10px;
     width:180px;
}
 .leftsidebar_authordate .updatedspecies_date {
     text-align: right;
     float: right;
}
 .leftsidebar_authordate .updatedspecies_author {
     font-size: 85%;
     float: left;
     padding-top: 2px;
}
 .leftsidebar_authordate {
     overflow: auto;
     margin: 0;
     background:#082f50;
     color:#fff;
     padding: 0 10px 10px 10px;
}
 .sidebar_viddesc {
     background:#fff;
     color:#082f50;
     padding:10px;
     width:268px;
     text-align:right;
}
/* sidebar --------------------------------------------------*/
 #sidebar {
     width:300px;
     float:right;
     padding:0 0 0 9px;
     height:100%;
     border-left:1px solid #073050;
}
 #sidebar h2 {
     letter-spacing:0px;
     font-size:18px;
     color:#7c9cad;
     padding:0 0 10px 0;
     text-transform:uppercase;
}
 #sidebar ul {
     list-style:none;
     font-size:120%;
     margin:0 0 23px;
     background:#073050;
     color:#fff;
     padding:10px;
}
 #sidebar li {
     list-style:none;
     padding:3px;
}
 #sidebar li a:hover {
     color:#fff;
}
 #sidebar li.cat-item a {
     color: #fff;
}
 #sidebar ul.children {
     margin-bottom: 10px;
}
 #sidebar ul.children li a {
     color: #999;
}
 #sidebar ul.children li a:hover {
     color: #fff;
}
 #sidebar ul.children li {
     font-size: 12px;
}
 #sidebar input {
     width:102px;
     background:#fff;
     color:#444;
     border:1px solid #eee;
     font-family: 'Open Sans', sans-serif;
     font-size: 11px;
     padding:3px;
}
 #sidebar input:focus {
     background:#fff;
     border:1px solid #eee;
}
 #sidebar hr{
     border:0;
     background:none;
     height:1px;
     margin:20px 0;
     border-bottom:1px solid #082f50;
     clear: left;
}
 .sidebar_forums{
     background:#073050;
     padding:10px;
}
 .sidebar_forums li {
     color:#ccc !important;
}
 .sidebar_forums a.bbp-forum-title, .widget_questions li a, .sidebar_forums .spLinkTag {
     font-size:13px;
     font-weight:bold;
     color:#fff !important;
}
 .sidebar_forums a.bbp-forum-title:hover {
     color:#fff;
}
 #sidebar .sidebar_forums {
     margin: 0;
}
 #sidebar h2.widgettitle {
     height: 0;
     line-height: 0;
     margin: 0;
     padding: 0;
}
 #sidebar .widget ul {
     margin: 0;
     padding: 0;
}
 #sidebar ul.latest_forums {
     font-size: 10px;
}
 #sidebar .youtube_channel h3 {
     text-transform: uppercase;
     letter-spacing: 0.3px;
     color: #ccc;
}
 #sidebar div.sidebar_forums hr{
     margin:10px 0;
}
 ul#sidebar_questions {
     background: #fff;
     padding: 0;
     margin: 0;
}
 #sidebar_questions ul {
     background:#073050;
     padding: 0;
     margin: 0;
}
 #sidebar_questions li {
     padding: 0;
     margin: 0;
}
 #sidebar_questions li.widget {
     margin-top: 20px;
     margin-bottom: 20px;
}
 #sidebar_questions li.widget ul {
     display: block;
     padding: 10px;
}
 #sidebar_questions li.widget li {
     padding: 3px 0;
}
 #sidebar_questions h2.widgettitle {
     margin: 10px 0 5px 0;
     line-height: 15px;
     height: 20px;
}
/*#sidebar_questions .question-tagcloud a {
     color: #073050;
     padding: 2px 5px;
     background-color: #ccc;
}
 #sidebar_questions .question-tagcloud a:hover {
     color: #073050;
     text-decoration: underline;
}
 ^^^ overwritten by questions theme */
 #sidebar_questions li.faq_link {
     text-align: center;
}
 #sidebar_questions li.faq_link a {
     color: #ccc !important;
     font-size: 9px;
     text-transform: uppercase;
}
 .sidebar_more {
     background:#fff;
     color:#082f50;
     padding:10px;
     width:268px;
     text-align:right;
}
 .sidebar_comments{
     background:#7c9cad;
     padding:10px;
     color:#fff;
     margin:0 0 15px 0;
     overflow: auto;
}
 .sidebar_comments_last{
     margin:0;
}
 .sidebar_comments_date {
     width: 100%;
     text-align: right;
     margin-bottom: 5px;
}
 .sidebar_comments_title{
     font-size:13px;
     font-weight:bold;
     margin:0 0 5px 0;
}
 .sidebar_comments_title a{
     color:#fff;
     text-decoration: none;
}
/* some input --------------------------------------------------*/
 input {
     border:1px solid #CCC;
     font-family: 'Open Sans', sans-serif;
     font-size: 11px;
     padding:3px;
}
 input:hover {
     border:1px solid #262626;
}
 input:focus {
     border:1px solid #262626;
     color:#333;
}
/* comments --------------------------------------------------*/
 ul.commentlist {
     list-style-type: none;
     margin: 0 0 0 0 !important;
     padding: 0;
     color: #fff;
}
 ul.commentlist li a, ul.commentlist li {
     color: #073050;
}
 ul.commentlist li a:hover {
     color: #073050;
     text-decoration: underline;
}
 ul.commentlist .author {
     font-size: 160%;
     float: left;
     font-weight: bold;
}
 ul.commentlist li {
     background-color: #ccc;
     margin: 0 0 5px 0 !important;
}
 ul.commentlist li.alt {
     background-color: #7C9CAD;
}
 ul.commentlist li.admin {
     background-color: #77df8b;
}
 ul.commentlist p, #commentform p {
     margin: 10px 0 0 0 !important;
     font-size: 11px;
}
 ul.commentlist small a {
     color: #666;
}
 ul.commentlist p.moderation {
     color: #ccc;
     font-weight: bold;
     margin: 5px 0 2px 0 !important;
     padding: 5px 0 4px 10px;
     width: 570px;
     height: 20px;
     background-color: #073050;
}
 #commentform textarea {
     width: 590px;
}
 #commentform input {
     width:75px;
     margin: 0 !important;
     padding:2px;
     font-size:12px;
     color:#fff;
     background:#073050;
     border:0;
     font-weight:bold;
}
/* wp stuff --------------------------------------------------*/
 .aligncenter {
     display:block;
     margin-left:auto;
     margin-right:auto;
}
 .alignleft {
     float:left;
}
 .alignright {
     float:right;
}
 .navigation {
     text-align:center;
     font-size:120%;
}
 .wp-caption {
     text-align:center;
     padding: 0;
     margin: 10px auto 0 auto;
}
 #content p.wp-caption-text, #content2 p.wp-caption-text {
    /*margin: 0 5px 10px 5px;
    */
     font-size: 9px;
     color: #666;
     background-color: #eee;
     padding: 4px;
     border: 1px solid #ccc;
     -webkit-border-bottom-right-radius: 2px;
     -webkit-border-bottom-left-radius: 2px;
     -moz-border-radius-bottomright: 2px;
     -moz-border-radius-bottomleft: 2px;
     border-bottom-right-radius: 2px;
     border-bottom-left-radius: 2px;
}
 .wp-caption img {
     border:0 none;
     margin:0;
     padding:0;
}
 .wp-caption-dd {
     font-size:11px;
     line-height:17px;
     margin:0;
     padding:0 4px 5px;
}
 #header h1 a:hover,#footer a:hover {
     text-decoration:none;
     color:#333;
}
 #content li,#content2 li {
     border-bottom:1px solid #EFF8FB;
     padding:10px;
}
 #content a,#content2 a, #sidebar li a,#footer a {
     color:#999;
     text-decoration:none;
}
/* footer --------------------------------------------------*/
 #footer {
     color:#333;
     margin: 0 0 120px 0 !important;
     padding:20px;
     height:40px;
     background:#7c9cad;
     margin:0 0 30px 0;
}
 #footer-logo{
     float:right;
     position:relative;
     top:-33px;
     left:0;
}
 ul#footer-menu{
     width:700px;
     height:20px;
     float:right;
     list-style-type:none;
     list-style:none;
     margin:0 40px 0 0;
}
 ul#footer-menu li{
     float:right;
     display:block;
     font-size:13px;
     font-weight:bold;
     margin:0 0 0 20px;
     text-transform:uppercase;
}
 ul#footer-menu li a{
     color:#fff;
}
 ul#footer-menu .current_page_item {
     color: #073050;
}
 #footer p{
     margin:60px 0 0 0;
     text-align:right;
     position:relative;
     top:-30px;
     left:0;
}
/* profile front-end ---------------------------------------- */
 #content2 .entry ul, #content2 .entry ol {
     margin: 0 1em 1em 2em;
     padding: 0;
     font-weight: normal;
     border-bottom: 0;
}
 #content2 .entry ul li {
     margin: 0;
     padding: 2px 0;
     font-weight: normal;
     border-bottom: 0;
}
/* REFERENCES */
 li.type_desc {
     background-color: #eee;
     padding-bottom: 1px;
     margin-bottom: 2px;
}
 .cke_dialog label {
     display: inline;
     margin-bottom: auto;
}
 div.hover_img {
     float: left;
     margin: 8px 0 5px 0;
}
/* forum styling ---------------------------------------- */
 #content_discussion {
     font-size: 12px !important;
}
 #content_discussion a, #content_discussion p, #content_discussion div, #content_discussion span, #content_discussion em, #content_discussion strong, #content_discussion input, #content_discussion textarea, #content_discussion button, #content_discussion ul, #content_discussion li #content_discussion a:link, #content_discussion a:hover, #content_discussion a:visited {
     font-size: 12px !important;
}
 #content_discussion h2, #content_discussion h2 a, #content_discussion h2 a:hover {
     font-family:'Open Sans', sans-serif;
     font-size:20px !important;
     font-weight:bold;
     color:#073050;
     margin:0 0 15px 0;
     padding:0;
}
/* cluetip plugin ---------------------------------------- */
 div.ui-cluetip {
     font-size: 1em;
}
 .ui-cluetip-header, .ui-cluetip-content {
     padding: 8px;
}
 .ui-cluetip-header {
     font-size: 1em;
     margin: 0;
     overflow: hidden;
}
 .cluetip-title .cluetip-close {
     float: right;
     position: relative;
}
 .cluetip-close img {
     border: 0;
}
 #cluetip-waitimage {
     width: 16px;
     height: 16px;
     position: absolute;
     background-image: url(images/wait.gif);
}
 .cluetip-arrows {
     display: none;
     position: absolute;
     top: 0;
     left: -11px;
     width: 11px;
     height: 22px;
     background-repeat: no-repeat;
     background-position: 0 0;
     border-width: 0;
}
 .cluetip-extra {
     display: none;
}
/*.cluetip-default {
     background-color: #fff;
     color: #073050;
     font-size: 12px !important;
}
*/
 .cluetip-default .ui-cluetip-header {
     background-color: #7C9CAD;
     color: #fff;
}
 .cluetip-default {
     background-color: #073050;
     color: #fff;
     font-size: 12px !important;
}
/*** pagination ***/
 div.navigation {
     text-align: center;
     margin: 10px auto;
}
 div.navigation a, div.navigation span {
     margin: 0 5px;
     font-size: 14px;
     color: #073050;
     font-weight: bold;
}
 div.navigation a.next {
     color: #7C9CAD;
}
 div.navigation a:hover {
     text-decoration: underline;
}
/*** forums ***/
 div#spMainContainer, div.spListSection {
     border: 0 !important;
     background: none !important;
}
 #sidebar div.sidebar_forums a.spLinkTag {
     color: #fff !important;
     font-weight: bold;
}
 #sidebar div.sidebar_forums li#spf-2, div.sidebar_forums #spRecentPostsTag, div.sidebar_forums li.widget {
     margin: 0 !important;
     padding: 0 !important;
}
 #sidebar li.spListItemTag {
     padding: 3px 0;
}
/*** Q&A FAQ ***/
 div#qa_faq, div#community_faq, div#speciescomments_faq {
     margin: 0;
     padding: 10px;
     background-color: #dbe7f1;
     width: 600px;
     font-size: 11px;
}
 div#qa_faq h2, div#community_faq h2, div#speciescomments_faq h2 {
     color: #073050;
     margin: 0 0 20px 0;
     font-family:'Open Sans', sans-serif;
     font-size:24px;
     font-weight:bold;
}
 div#qa_faq h3, div#community_faq h3, div#speciescomments_faq h3 {
     color: #073050;
     margin: 12px 0 0 0;
     font-family:'Open Sans', sans-serif;
     font-size:18px;
     font-weight:bold;
}
 div#qa_faq p, div#community_faq p, div#speciescomments_faq p {
     margin: 6px 0 3px 0;
}
 div#content2 .community {
     padding: 0 30px;
     font-size: 11px;
     color: #666;
}
 div#content2 #beginner_explanation {
     margin: 0;
     padding: 0;
     text-transform: none;
     font-size: 10px;
}
 div#content2 #beginner_explanation p {
     margin: 6px 0 3px 0;
}
 div#remember_me {
     position: absolute;
     top: 38px;
     margin-left: 60px;
     background-color: #7C9CAD;
     padding: 5px;
     width: 217px;
     height: 20px;
     clear: both;
}
 div#remember_me span {
     color: #fff;
     font-size: 120%;
     font-weight: bold;
     text-transform: uppercase;
     margin-bottom: 5px;
     float: left;
}
 div#remember_me input, div#remember_me p {
     margin: 0;
     padding: 0;
     height: 15px;
     float: none;
}
 div#remember_me input {
     display: inline;
     width: 20px;
     height: 15px;
     margin-left: 5px;
}

/*--- affiliate links ---*/
div.sf_affiliate_link_wrapper {
     margin: 10px 0;
     padding: 15px;
     background-color: #a66800;
     color: #fff;
     font-size: 120%;
}

div.sf_affiliate_link_wrapper a {
     color: #073050 !important;
     font-weight: bold !important;
}

div.sf_affiliate_link_wrapper > .targeted_link { margin-bottom: 10px; }
div.sf_affiliate_link_wrapper > .generic_search {  }

/* local admin bodge */
.js .tmce-active .wp-editor-area { color: #999 !important; }

/* oursucomcss 22Aug2024 */
#header h1 a{background: none;}
.logoimg{max-width: 100%; height: auto;}
.profilesbox{display: flex; padding: 0;}
.profilesbox a{    width: 100px;flex: 0 0 auto;margin-right: 10px;}
#content2 div.profilesbox img{float: none; margin: 0; height: 100%; object-fit: cover;  width: 100%;}
.profilesbox .profileboxcontent{flex: 1;width: calc(100% - 110px); padding-right: 10px; padding-bottom: 10px;}
#content2 div.profilesbox h3{float: none;width: auto;}
#content2 div.profilesbox_lblue h4{float: none;}
.profilesbox .profileboxcontent .profileboxcontenttitle{display: flex;gap: 10px;justify-content: space-between;}
#content2 div.profilesbox ul{padding-top: 10px;display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;}
#content2 div.profilesbox ul li{float: none;width: auto;}
#search_wrapper .box a{height: auto;}
.threecolfrid{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;}
.random_image img{max-width: 100%;    height: 100%;object-fit: cover;}
#beginner_search .beginner_box{width: auto; height: auto; float: none;margin: 0}
#beginner_search #steps{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;}
#beginner_search p.small, #beginner_search .segment p{margin-left: 0px;    display: flex; justify-content: start;}
#beginner_search .segment p.question{margin-left: 0px;text-align: left;}
#beginner_search .segment p.question span{position: relative;top: 5px}
div#content2 .community{padding: 0}
div#advanced_search div.field{overflow: inherit;}
/* Hamburger Icon */
.hamburger-menu {position: absolute;top: 25px;left: 15px; z-index: 1001; cursor: pointer;display: none;background: #0E324E;
    width: 40px; height: 40px; text-align: center;border-radius: 5px; color: #ffffff;        transition: left 0.3s ease;}
.hamburger-icon {font-size: 24px;}
.hamburger-menu svg{    position: relative; top: 7px; width: 26px;  height: auto;}
#topbar_toggle{color: #ffffff;font-size: 24px; padding: 10px 10px;background: #0e324d; font-weight: bold;   display: flex; 
    justify-content: space-between;align-items: center; width: 50px; height: 50px; margin-left: auto;position: absolute; right: 15px;top:15px;z-index: 10;border-radius: 5px}
#topbar_toggle svg{width: 30px;height: 30px}
ul.commentlist small a{color: #000000 !important}
div.glossary span{display: none;}
div.glossary span.showglossary{display: block;}
#footer{position: relative;}
.mobileloginbar{display: none}
.mobiletopspecies{display: none}
.commentlist .alt a{color: #ffffff !important;}
div.jumptolinks .mobilespeciesimag{display: none;width: 100%}
@media (max-width:1025px){

    #wrapper, #topbar_inner{width: 800px;}
    #topbar form input{width: 70px;}
    #topbar form input.topbar_longinput{width: 70px;}
    #topbar form{width: 360px;}
    #topbar form#topbar_search{width: 282px;}
    #topbar form p.tinylinks{width: 52px;}
    #topbar form p.tinylinks{width: 48px;}
    #header h1{margin: 10px 0 0 0px;}
    #header h1 a{width: 180px;height: auto;}
    div.headeraddblock{margin: 0 0px 10px 0;}
    #nav{    margin: 0 0px 0 0;}
    #nav li{    padding: 0 5px 0 0;}
    #nav li:last-child{padding-right: 0px;}
    #header h1{top: 55px;}
    #featured{    width: 760px;padding: 15px 20px 0;height: 265px;}
    #featured ul.ui-tabs-nav li span{font-size: 16px;}
    #featured .info p{width:100%}
    #featured ul.ui-tabs-nav li p{font-size: 14px;}
    #featured li.ui-tabs-nav-item a{height: 47px;    margin: 0 0 9px; }
    #featured ul.ui-tabs-nav{left: 494px;    width: 286px;}
    #featured .ui-tabs-panel{width: 458px !important; height: 247px !important;overflow: hidden !important;}
    #featured .ui-tabs-panel img{max-width: 100%;    height: 100%;}
    #featured .ui-tabs-panel .info{top: 177px;width: 100%;}
    #featured .info h2{font-size: 19px;}
    #sidebar{    width: 220px;}
    #left_sidebar{width: 210px;}
    #content{    margin: 0 229px 0 240px;padding: 0 20px 0 0;}
    .leftsidebar_picdesc{    width: 100%; box-sizing: border-box;}
    div.sidebar_pic a img{width: 100%;}
    #footer {height: auto;}
    ul#footer-menu{width: 100%;    clear: both;}
    #footer p{top: -46px;}
    #profilesearchbar h1.profilesearch{    font-size: 17px;width: 143px;}
    #profilesearchbar_inner form input{width: 140px}
    #profilesearchbar_inner form label{width: 140px !important;}
    #profilesearchbar_inner form{width: 365px}
    #sidebar div.articlesbox{    padding: 10px;}
    #sidebar div.articlesbox a{display: block;}
    #sidebar div.articlesbox a img{width: 100%; margin: 0;float: none}
    #sidebar div.articlesbox h3{float: none;width: 100%; margin-top: 10px}
    #content2{    margin: 0 230px 0 0 !important; padding: 10px 20px 0px 0;}
    #content2 div.profilesbox ul{grid-template-columns: 1fr 1fr; }
    .threecolfrid{grid-template-columns: 1fr 1fr;}
    #beginner_search #steps{grid-template-columns: 1fr 1fr;}
    div#advanced_search fieldset{    margin: 0; padding: 10px; width: 100%;box-sizing: border-box;float: none;margin-bottom: 20px}
    div#advanced_search fieldset#physical{margin-bottom: 0px;}
    #sidebar.fixed>div{width: 220px;}
    #sidebar.fixed .sidebar_pic img{height: auto;}
    .sidebar_picdesc{width: 100%;        box-sizing: border-box;}
    #sidebar #count{box-sizing: border-box;width: 100%; }
    #profileheaderbar{width: 285px}
    
}

@media (max-width:800px){
    *{box-sizing: border-box;}
    #topbar{background: none; height: auto; padding: 0px;text-align: left;box-sizing: border-box;}
    #topbar:has(.expanded){background: #7c9cad;}
    #wrapper, #topbar_inner {width: 100%;}
    #topbar form{width: auto;display: table; margin: 0 auto;float: none;text-align: left;}
    #header h1{float: none;width: 100%;top: 0;margin: 0px;}
    #header{padding: 15px 15px;height: auto;}
    #header h1 a {width: 100%;height: auto;text-align: center;}
    div.headeraddblock{float: none;width: 100%;}
    #nav{float: none;height: 100%;}
    #nav li{float: none;padding: 0px;}
    #nav li:first-child{margin-left: 0px;}
    #featured{width: 100%;height: auto;padding: 15px;}
    #featured ul.ui-tabs-nav{    position: relative;left: inherit; width: 100%;display: none}
    #featured li.ui-tabs-nav-item a{height: auto;}
    #featured .ui-tabs-panel{width: 100% !important; height: auto !important;}
    #featured .ui-tabs-panel img{position: relative; width: 100%;height: 250px;object-fit: cover;}
    #featured .ui-tabs-panel .info{height: auto;top: inherit;bottom: 0;}
    #main{padding: 30px 15px 40px 15px;}
    #sidebar{width: 100%;border-bottom: 1px solid #073050;float: none; padding-bottom: 10px; padding-left: 0px; border-left: none;}
    #left_sidebar{float: none;padding-right: 0;border-right: none;padding-top: 15px;width: 100%}
    #content{margin: 0px; padding: 0px;}
    #footer{height: auto;position: relative;}
    ul#footer-menu{    clear: both; position: relative;   height: auto;margin-bottom: 20px;float: none; width: 100%; text-align: center;display: flex; flex-wrap: wrap;  justify-content: center; flex-direction: row-reverse;margin-left: 0px; margin-right: 0px; padding-left: 0px;}
    ul#footer-menu li:last-child{margin-left: 0px;}
    ul#footer-menu li{float: none;display: inline-block;}
    #footer p{top: 0px;margin: 0px;text-align: center;}
    .sidebarpicmain{    display: grid;grid-template-columns: 1fr 1fr; gap: 10px;}
    div.sidebar_pic a img{   height: 220px;  object-fit: cover;}
    #nav li a{font-size: 13px;}
    div.glossary{    width: 100%; border: none; margin-bottom: 10px;float: none;height: auto;position: relative;}
    #profilesearchbar_inner{height: auto;display: table;width: 100%;}
    #profilesearchbar_inner form{float: none;width: 100%}
    div.glossary:hover span{    position: absolute;  top: 100%;  left: 0;}
    div.glossary .dkblue{position: relative; top: -2px;}
    #profilesearchbar{padding: 18px 15px 18px 15px}
    #content2{        margin: 0 !important; padding: 10px 0px 0px 0;}
    .profilesbox .profileboxcontent .profileboxcontenttitle{flex-direction: column; gap: 0;}
    #content2 div.profilesbox_lblue h4{text-align: left;}
    span#species_author{display: block;padding-left: 0;margin: 5px 0px;}
    .threecolfrid{grid-template-columns: 1fr 1fr;}
#beginner_search #steps{grid-template-columns: 1fr;}
#beginner_search .segment p.question{font-size: 143%;}
#sidebar.fixed>div{    position: relative;width: 100%;top: 0px !important}
#profileheaderbar, #profileheaderbar h1.profileheader{width: auto;float: none;height: auto;}
div.profile_jumpto{float: none;width: auto;height: auto;}
#profileheaderwrapper{    display: flex;position: relative;}
#profileheaderwrapper>div{flex: 1}
#profileheaderwrapper .clearleft{display: none}
#profileheaderbar h1.profileheader{font-size: 18px}
div.profile_jumpto{font-size: 16px}
div.profile_jumpto:hover span{    position: absolute;top: 100%; left: 0; height: 150px; overflow-y: auto;   width: 100%;}
#content2 h2.profile_family, #content2 h2.profile_synonyms, #content2 h2.profile_distribution, #content2 h2.profile_habitat, #content2 h2.profile_maxstandardlength, #content2 h2.profile_mintanksize, #content2 h2.profile_tanksetup, #content2 h2.profile_temperature, #content2 h2.profile_phrange, #content2 h2.profile_hardness, #content2 h2.profile_diet, #content2 h2.profile_compatibility, #content2 h2.profile_sexualdimorphism, #content2 h2.profile_breeding, #content2 h2.profile_notes, #content2 h2.profile_literaturecited{height: auto;}
/* Mobile Navigation Menu */
.mobile-nav { position: fixed; top: 0; left: -100%; width: 250px; height: 100%; background-color: #34505c; color: white;list-style-type: none; padding: 50px 20px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
    transition: left 0.3s ease;
    z-index: 1000;
}
.mobile-nav li { margin: 0px 0;}
.mobile-nav a {   color: white;  text-decoration: none;}
.mobile-nav.active {  left: 0;}
.hamburger-menu{display: block;}
#topbar_inner{text-align: left; padding: 15px 10px;}
div#remember_me input{height: 18px;width: auto !important; margin:0px !important; margin-left: 5px !important}
div#remember_me{font-size: 12px;display: none}
#main{display: flex; flex-direction: column; gap: 0px}
#main #left_sidebar{order: 1; }
#main #sidebar{order: 3}
#main #content{order: 2}
#main .theadverts{margin-top: 30px}
.homepage #main #content{order: 1}
.homepage #main #left_sidebar{order: 2; padding-top: 40px}
.page-template-beginner-search #main #content2{order: 1}
.page-template-beginner-search #main #sidebar{order: 2}
#content2 .entry .wp-caption.aligncenter{width: 100% !important}
#content2 .entry .wp-caption.aligncenter img{max-width: 100%;height: auto;}
#content2 .entry iframe{width: 100% !important;}
.entry img{max-width: 100%;height: auto;}
.articlesboxmain{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; row-gap: 0;}
.mobileloginbar{display: block}
.mobilehideloginbar{display: none}
#topbar form#topbar_search{margin-bottom: 20px}
.homepage #main #sidebar{display: flex;flex-direction: column-reverse;}
.mobiletopspecies{  display: block;  font-size: 9px; color: #082f50; text-transform: uppercase;      float: right;   text-align: right;position: relative;top: 7px}
#topbar form p{width:100%;float: none;}
#topbar form input{width:100%;margin: 6px 10px 0 0;}
#topbar form#topbar_search{width: 100%;margin-top: 20px;}
#topbar form input.topbar_longinput{width: 100%;}
#topbar form p{line-height: 21px; height: auto;   padding: 0 0px 0 0;float: none;}
#topbar form{padding-right: 0px;}
div.jumptolinks .mobilespeciesimag{display: block;}
}

@media (max-width:767px){
   
}

@media (min-width:401px) and (max-width:800px){
#nav{    display: block; gap: 10px;justify-content: space-between;flex-wrap: wrap;height: 100%;overflow-y: auto;}
#nav li{text-align: left;}

}

@media (max-width:575px){
    .sidebarpicmain{    display: grid;grid-template-columns: 1fr; gap: 10px;}
    div.sidebar_pic a img{   height: 220px;  object-fit: cover;}
    #profilesearchbar h1.profilesearch{float: none;width: 100%;margin-bottom: 5px}
    #content2 div.profilesbox h3{font-size: 15px;}
    #content2 div.profilesbox h4{font-size: 11px;}
    #search_wrapper .box{float: none;border: 1px solid #ffffff;}
    #search_wrapper .box:not(:last-child){margin-bottom: 10px;}
    #search_wrapper{padding: 15px;}
    #search_wrapper .box a{margin: 0;}
 .articlesboxmain{display: grid; grid-template-columns: 1fr 1fr; gap: 15px; row-gap: 0;}
}

@media (max-width:400px){
   
    #nav li{display: block;padding: 0;margin: 0;}
    #nav li:not(:last-child){border-bottom: 1px solid #ffffff;}   
   
    .threecolfrid{grid-template-columns: 1fr;}
    .logoimg{width: 150px}
}

@media (min-width:800px){
    #sidebar{position: sticky;top: 0;}
}