/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face
	#Feedback Button */

/* #Site Styles
================================================== */


/*SLA Events */
#block-views-sla-events-block-sla {
	color:#555;
	border-radius:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
	padding:10px 36px;
	margin: 10px 10px 20px 10px;
	background:#fff8c4 url('/misc/message-24-warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}

/*Fixes biblio entries */
.views-field-biblio-url {
    width: 50%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#biblio-node table td a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/* .views-field-title { width: 25%; } */
.views-field-biblio-url {
    width: 25%; 
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* Feedback Button */

#feedback-link {
  position:fixed;
  right:0;
  top:40%;
  display:block;
  z-index:1000;
  height:172px;
  width:42px;
  background-image: url('/portal/img/feedback_a2.png');
  background-repeat: no-repeat;
}

@media(max-width: 1024px){
  #feedback-link{
    background-image: url('/portal/img/feedback_b2.png');
    width:32px;
    height:131px;
  }
}

@media(max-width: 680px) {
/* Styles */
   #feedback-link{
    background-image: url('/portal/img/feedback_c2.png');
    width:25px;
    height:118px;
    top:45%;
   }
}



body { 
    background: #e0e2dc !important; 
    font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: normal !important; 
	font-style: normal !important; 
	}
 
#page { 
    background: #fff; 
    -moz-box-shadow:    0px 0px 6px 0px #555;
    -webkit-box-shadow: 0px 0px 6px 0px #555;
    box-shadow:         0px 0px 6px 0px #555;
    margin-bottom: 20px;
    }
    
#zone-branding {
    background: #272727;
    padding-top: 0;
    }

/*Fixed*/    
#block-block-18 { width: 200px; margin-top: -40px; margin-right: 200px; }
#block-block-18 { float: right; height: 50px; overflow: hidden; }
    
#block-delta-blocks-logo { width: 300px !important; }


/*Fixed*/
#block-block-32 { float: right; width: 200px;  }
#block-block-32 { float: right; margin-top: -35px;  }
#block-block-32 { margin: 0; padding: 0; list-style: none; }
#block-block-32 { float: left; list-style: none; width: 200px; margin: 0; text-align: right; }
#block-block-32 #block-block-32 li a { text-decoration: none; }

#block-block-32 { float: right; margin-top: -35px;  }
#block-block-32 ul { margin: 0; padding: 0; list-style: none; }
#block-block-32 li { float: left; list-style: none; margin: 0 5px 0 0; }
#block-block-32 li a { text-decoration: none; }

#userbox a{color:white; text-decoration:none;}
#userbox {color:white; text-decoration:none;}

/* Commenting out this for now
#block-block-26 { float: right; width: 200px;  }
#block-block-26 { float: right; margin-top: -35px;  }
#block-block-26 { margin: 0; padding: 0; list-style: none; }
#block-block-26 { float: left; list-style: none; width: 200px; margin: 0; text-align: right; }
#block-block-26 #block-block-32 li a { text-decoration: none; }
*/

#block-system-user-menu { float: right; margin-top: -35px;  }
#block-system-user-menu ul { margin: 0; padding: 0; list-style: none; }
#block-system-user-menu li { float: left; list-style: none; margin: 0 5px 0 0; }
#block-system-user-menu li a { text-decoration: none; }




.logo-img img{
    margin: 5px 0 10px 10px;
    }
    
#block-menu-menu-header-nav { float: right; }

#block-menu-menu-header-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }
    
#block-menu-menu-header-nav li {
    display: inline;
    border-right: 1px solid #fff;
    padding: 4px 10px;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    }
    
#block-menu-menu-header-nav li.last { border-right: none; }
    
#block-menu-menu-header-nav li a { text-decoration: none; }
    
[title^="About"] { color: #3782cd !important; }
[title^="Portal"] { color: #6aaa51 !important; }
[title^="Research"] { color: #6aaa51 !important; }
[title^="Technical"] { color: #cf7a0b !important; }
[title^="Education"] { color: #d3b833 !important; }

[title^="About"]:hover { color: #65b2ff !important; }
[title^="Portal"]:hover { color: #a5f386 !important; }
[title^="Research"]:hover { color: #a5f386 !important; }
[title^="Technical"]:hover { color: #fe960a !important; }
[title^="Education"]:hover { color: #fcd40f !important; }
    
#region-content { word-wrap: break-word; }


#footer { clear: both; border-top: 1px solid #ccc; padding-top: 15px; margin-top: 20px; }
#footer p { font-size: 13px; line-height: 15px; margin-bottom: 5px; color: #777; }

#footnote { border-top: 1px solid #ccc; padding-top: 10px; padding-bottom: 15px; clear: left; }
#footnote p { font-size: 11px; line-height: 15px; margin-bottom: 5px; color: #777; }

ul#logo-list  {
    float: left;
    width: 320px;
    margin-top: -5px;
    }

#logo-list li {
    display: inline;
    width: 80px;
    }
    
#social-list {
    float: right;
    width: 200px;
    }
    
#social-list li {
    float: left;
    width: 40px;
    }


.article-short .article-left { float: left; margin: 0 10px 0 0; width: 110px; }
.article-short p { margin-left: 120px; font-size: 13px; line-height: 17px; }

/* #Page Styles
================================================== */

/*Sub and super scripts */
sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}
sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}


#block-menu-menu-about-idigbio, #block-menu-menu-specimen-portal, #block-menu-menu-menu-working-groups, #block-menu-menu-working-groups, #block-menu-menu-events { margin-bottom: 10px; }

#block-menu-menu-about-idigbio ul, #block-menu-menu-specimen-portal ul, #block-menu-menu-menu-working-groups ul, #block-menu-menu-working-groups ul, #block-menu-menu-events ul{
    position:absolute;
	padding: 0;
    margin: 0;
    list-style: none ;
    height: 25px;
    }
    
#block-menu-menu-about-idigbio li, #block-menu-menu-specimen-portal li, #block-menu-menu-menu-working-groups li, #block-menu-menu-working-groups li, #block-menu-menu-events li{
    position:relative;
    float: left;
    padding: 6px 16px;
    margin: 0;
    font: 14px/24px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    list-style: none ;

      }
      
#block-menu-menu-about-idigbio li li, #block-menu-menu-specimen-portal li li, #block-menu-menu-menu-working-groups li li, #block-menu-menu-working-groups li li, #block-menu-menu-events li li {
    line-height: 20px;}

#block-menu-menu-about-idigbio li a, #block-menu-menu-specimen-portal li a, #block-menu-menu-menu-working-groups li a, #block-menu-menu-events li a{ color: #fff; }

/*--- DROPDOWN ---*/
#block-menu-menu-about-idigbio ul ul, 
#block-menu-menu-specimen-portal ul ul, 
#block-menu-menu-menu-working-groups ul ul,
#block-menu-menu-working-groups ul ul, 
#block-menu-menu-events ul ul
{
width: 160px;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
 
#block-menu-menu-about-idigbio li:hover ul, 
#block-menu-menu-specimen-portal li:hover ul, 
#block-menu-menu-menu-working-groups li:hover ul, 
#block-menu-menu-working-groups li:hover ul,
#block-menu-menu-events li:hover ul

{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
    }
    
#block-menu-menu-about-idigbio li:hover ul ul, 
#block-menu-menu-specimen-portal li:hover ul ul, 
#block-menu-menu-menu-working-groups li:hover ul ul, 
#block-menu-menu-working-groups li:hover ul ul,
#block-menu-menu-events li:hover ul ul

{ /* Display the dropdown on hover */
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    }


    

#block-menu-menu-about-idigbio li li:hover ul, 
#block-menu-menu-specimen-portal li li:hover ul, 
#block-menu-menu-menu-working-groups li li:hover ul, 
#block-menu-menu-working-groups li li:hover ul,
#block-menu-menu-events li li:hover ul	
{ /* Display the dropdown on hover */
	left:200px; /* Bring back on-screen when needed */
	top: 0px;
    }
    
#block-menu-menu-about-idigbio li li, #block-menu-menu-specimen-portal li li , #block-menu-menu-menu-working-groups li li, #block-menu-menu-working-groups li li, #block-menu-menu-events li li{
    position:relative;
    width: 200px;
    margin: 0;
    padding: 0;
	border-top: 1px solid #fff;
	z-index: 10;
	}
	
#block-menu-menu-about-idigbio li li li, #block-menu-menu-specimen-portal li li li, #block-menu-menu-menu-working-groups li li li, #block-menu-menu-working-groups li li li, #block-menu-menu-events li li li {
    position:relative;
    width: 200px;
    margin: 0;
    padding: 0;
	border-top: 1px solid #fff;
	z-index: 20;
	}
	
#block-menu-menu-about-idigbio li li.last, #block-menu-menu-specimen-portal li li.last, #block-menu-menu-menu-working-groups li li.last, #block-menu-menu-working-groups li li.last, #block-menu-menu-events li li.last { border-bottom: 1px solid #624e2e; }
    
#block-menu-menu-about-idigbio li:hover li a, #block-menu-menu-specimen-portal li:hover li a, #block-menu-menu-menu-working-groups li:hover li a, #block-menu-menu-working-groups li:hover li a, #block-menu-menu-events li:hover li a{
	display: block;
    padding: 5px;
	}

#block-menu-menu-about-idigbio li:hover ul a, #block-menu-menu-specimen-portal li:hover ul a, #block-menu-menu-menu-working-groups li:hover ul a, #block-menu-menu-working-groups li:hover ul a, #block-menu-menu-events li:hover ul a{ 
	text-decoration:none;
    }

#block-menu-menu-about-idigbio ul a, #block-menu-menu-specimen-portal ul a, #block-menu-menu-menu-working-groups ul a, #block-menu-menu-working-groups ul a, #block-menu-menu-events ul a{
        text-decoration:none;
    }


#block-menu-menu-about-idigbio li.active-trail, #block-menu-menu-about-idigbio li:hover { background: #244d85; }
#block-menu-menu-about-idigbio { background: #608cb8; height: 36px; }
#block-menu-menu-about-idigbio .leaf { background: #608cb8; }
#block-menu-menu-about-idigbio li li.expanded { background: #608cb8 url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }
#snav-about #snav li:hover ul li a:hover{ background:#244d85; }
#block-menu-menu-about-idigbio li li.expanded:hover { background: #244d85 url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }

#block-menu-menu-specimen-portal li.active-trail, #block-menu-menu-specimen-portal li:hover { background: #2c711a; }
#block-menu-menu-specimen-portal { background: #6aaa51; height: 36px; }
#block-menu-menu-specimen-portal .leaf { background: #6aaa51; }
#block-menu-menu-specimen-portal li li.expanded { background: #6aaa51 url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }
#snav-research #snav li:hover ul li a:hover{ background:#2c711a; }
#block-menu-menu-specimen-portal li li.expanded:hover { background: #2c711a url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }

#block-menu-menu-menu-working-groups li.active-trail, #block-menu-menu-menu-working-groups li:hover { background: #b44d07; }
#block-menu-menu-menu-working-groups { background: #d68c29; height: 36px; }
#block-menu-menu-menu-working-groups .leaf { background: #d68c29; }
#block-menu-menu-menu-working-groups li li.expanded { background: #d68c29 url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }
#snav-technical #snav li:hover ul li a:hover{ background:#b44d07; }
#block-menu-menu-menu-working-groups li li.expanded:hover { background: #b44d07 url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }

#block-menu-menu-working-groups li.active-trail, #block-menu-menu-working-groups li:hover { background: #b44d07; }
#block-menu-menu-working-groups { background: #d68c29; height: 36px; }
#block-menu-menu-working-groups .leaf { background: #d68c29; }
#block-menu-menu-working-groups li li.expanded { background: #d68c29 url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }
#block-menu-menu-working-groups li li.expanded:hover { background: #b44d07 url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }

#block-menu-menu-events li.active-trail, #block-menu-menu-events li:hover { background: #af850a; }
#block-menu-menu-events { background: #d3b833; height: 36px; }
#block-menu-menu-events .leaf { background: #d3b833; }
#block-menu-menu-events li li.expanded { background: #d3b833 url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }
#snav-education #snav li:hover ul li a:hover{ background:#af850a; }
#block-menu-menu-events li li.expanded:hover { background: #af850a url(/sites/all/themes/wakulla/images/expanded.png) 170px 10px no-repeat; }

/* I had to hack the base theme a bit to get the menu section to render properly, need to come back and look at this... */
#region-menu.grid-12 {margin-left: 0px;margin-right: 0px; width: 960px;}


h2.field-content { 
    font: 15px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-weight: bold;
    }

.fifth h4 { 
    font: 15px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #608cb8;
    font-weight: bold;
    }
    
.shortlist { color: #777; }
.shortlist ul { margin-bottom: 5px; padding: 0; }
.shortlist li { margin-bottom: 5px; padding: 0; line-height: 18px; }
	
h2.sub-banner-h { 
    font: 15px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-weight: bold;
    margin: 15px 0 0 0;
    }
.sub-banner a, .sub-banner-end a { text-decoration: none; color: #000 !important; }

.sub-banner { border-right: 1px dashed #ccc; height: 80px; margin: 10px 0; }
.sub-banner-end { height: 80px; margin: 10px 0; }
.arrow { float: right; margin: 10px 15px 0 20px; }

/* I had to add this little hack for the last item in the view list */
.views-row-last {margin-right: 0 !important; border-right: none;}


/*Fixed*/
#block-block-35 {
    background: url(/sites/all/themes/wakulla/images/faded_banner.jpg) top left repeat-y;
    margin-bottom: 20px;
    }
/* Another hack to fix the layout */
#region-content {margin-left: 0px;margin-right: 0px; width: 960px;}

    
.fifth { width: 167px; border-right: 1px solid #fff; float: left; margin: 0;  padding: 10px; text-align: center; height: 140px; }
.fend { border-right: none !important; }
.fifth h4, .fifth p { color: #000; text-shadow: 0px 1px #fff; line-height: 16px; }
.fifth a { position: absolute; width: 167px; z-index: 5; float: left; height: 100px; }


#home-right {
    background: url(/sites/all/themes/wakulla/images/home-banner-right.jpg) top left no-repeat; 
    width: 470px;
    height: 260px;
    overflow: hidden;
    }
    
#home-left { 
    background: #6690bb url(/sites/all/themes/wakulla/images/slider_10.jpg) top left no-repeat; 
    width: 490px; 
    height: 260px;
    float: left;
    display: inline;  
    }
    
#portal-snippet {
    width: 140px;
    padding: 30px 10px 0 5px;
    float: left;
    }
    
#portal-snippet h3 {
    font: 14px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: normal;
    }
  
#portal-snippet h3 span {  font-size: 27px; }

#portal-snippet .button {
    background: #6bab52; /* Old browsers */
	background: #6bab52 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #6bab52 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #6bab52 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #6bab52 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #6bab52 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #6bab52 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
    -moz-box-shadow:    0px 0px 4px 0px #444;
    -webkit-box-shadow: 0px 0px 4px 0px #444;
    box-shadow:         0px 0px 4px 0px #444;
    text-shadow: 0px -1px 0 #444;
    font-size: 14px;
    margin-top: 10px;
    text-decoration: none;
	}
	
#portal-snippet .button:hover {
    background: #6bab52; /* Old browsers */
	background: #6bab52 -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(0,0,0,.4) 100%); /* FF3.6+ */
	background: #6bab52 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,rgba(0,0,0,.4))); /* Chrome,Safari4+ */
	background: #6bab52 -webkit-linear-gradient(top, rgba(255,255,255,.4) 0%,rgba(0,0,0,.4) 100%); /* Chrome10+,Safari5.1+ */
	background: #6bab52 -o-linear-gradient(top, rgba(255,255,255,.4) 0%,rgba(0,0,0,.4) 100%); /* Opera11.10+ */
	background: #6bab52 -ms-linear-gradient(top, rgba(255,255,255,.4) 0%,rgba(0,0,0,.4) 100%); /* IE10+ */
	background: #6bab52 linear-gradient(top, rgba(255,255,255,.4) 0%,rgba(0,0,0,.4) 100%); /* W3C */
	}

#home-intro {
    margin-left: 160px;
    padding: 40px 0 0 40px;
    }
    
#home-intro h2 {
    color: #fff;
    font: 14px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    }
    
#home-intro h2 a {
    font: 15px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    }	
    
.wrule hr { border: #fff; margin: 20px 0; }


.date-heading h3 a {
    font: 16px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6bab52 !important;
    font-weight: bold;
    margin-bottom: 5px;
    }


#block-system-main { float: right; width: 600px; margin-right: 30px; padding: 0; display: inline; }

/* The following sections fix the full width page issue */

/*profile pages*/
.page-user #block-system-main {float: none;}
.profileText {padding-left: 4em;}
#block-system-main .contact-form {padding-left: 4em; padding-right:4em;} 

/*OrgChart */
.page-node-727 #block-system-main {
    width: 920px; float: left; margin-left: 20px; margin-right: 20px;
    }
.page-node-727 #page-title {margin-left: 1em;}


/*Outreach Events page*/
.page-outreach-events-sidebar #block-system-main {
    width: 920px; float: left; margin-left: 20px; margin-right: 20px;
    }
.page-outreach-events-sidebar #page-title {margin-left: 1em;}

.page-outreach-events-sidebar #block-views-past-outreach-events-block-1 {
    width: 920px; float: left; margin-left: 20px; margin-right: 20px;
    }

.page-past-outreach-events #block-system-main {
    width: 920px; float: left; margin-left: 20px; margin-right: 20px;
    }
.page-past-outreach-events #page-title {margin-left: 1em;}

/*Content Search view */
.page-content-search #block-system-main {
    width: 920px; float: left; margin-left: 20px; margin-right: 20px;
    }
.page-content-search #page-title {margin-left: 1em;}


/*TCN Maps */
.page-node-702 #block-system-main, .page-node-703 #block-system-main,.page-node-704 #block-system-main,.page-node-705 #block-system-main,.page-node-706 #block-system-main,.page-node-707 #block-system-main,.page-node-708 #block-system-main,.page-node-709 #block-system-main,.page-node-710 #block-system-main,.page-node-711 #block-system-main,.page-node-1607 #block-system-main,.page-node-1608 #block-system-main,.page-node-1609 #block-system-main, .page-node-2312 #block-system-main, .page-node-2313 #block-system-main,.page-node-2621 #block-system-main,.page-node-2622 #block-system-main,.page-node-2623 #block-system-main,.page-node-2783 #block-system-main,.page-node-2782 #block-system-main,.page-node-2996 #block-system-main,.page-node-2997 #block-system-main,.page-node-2998 #block-system-main { width: 920px; }
.page-node-702 #page-title,.page-node-703 #page-title,.page-node-704 #page-title,.page-node-705 #page-title,.page-node-706 #page-title,.page-node-707 #page-title,.page-node-708 #page-title,.page-node-709 #page-title,.page-node-710 #page-title,.page-node-711 #page-title,.page-node-1607 #page-title,.page-node-1608 #page-title,.page-node-1609 #page-title, .page-node-2312 #page-title, .page-node-2313 #page-title,.page-node-2621 #page-title,.page-node-2622 #page-title,.page-node-2623 #page-title,.page-node-2783 #page-title,.page-node-2782 #page-title,.page-node-2996 #page-title,.page-node-2997 #page-title,.page-node-2998 #page-title  { margin-left: 20px; }

/*TCN News */
.page-tcn-news #block-system-main { width: 920px; }
.page-tcn-news #page-title { margin-left: 20px; }

/*weform 863 */
.page-node-863 #block-system-main { width: 920px; }
.page-node-863 #page-title { margin-left: 20px; }

/*Genetic Resources */

.page-genetic-resources #block-system-main { width: 920px; }
.page-genetic-resources #page-title { margin-left: 20px; }

/*Research */
.page-node-1549 #block-system-main { width: 920px; }
.page-node-1549 #page-title { margin-left: 20px; }

/*Calendars */
.page-calendar #block-system-main { width: 920px; }
.page-calendar #page-title { margin-left: 20px; }

/*Site Map */
.page-sitemap #block-system-main { width: 920px; }
.page-sitemap #page-title { margin-left: 20px; }

/*Davids Testing page */
.page-node-925 #block-system-main { width: 920px; }
.page-node-925 #page-title { margin-left: 20px; }
/*Summit 2017 registration page */
.page-node-2722 #block-system-main { width: 920px; }
.page-node-2722 #page-title { margin-left: 20px; }
/*Staff Directory */
.page-node-31 #block-system-main { width: 920px; }
.page-node-31 #page-title { margin-left: 20px; }
/*US Collections Directory */
.page-node-1924 #block-system-main { width: 920px; }
.page-node-1924 #page-title { margin-left: 20px; }
/*Summit VI Registration */
.page-node-2577 #block-system-main { width: 920px; }
.page-node-2577 #page-title { margin-left: 20px; }
/*Summit VIII Registration */
.page-node-2965 #block-system-main { width: 920px; }
.page-node-2965 #page-title { margin-left: 20px; }
/*Multimedia */
.page-multimedia-resources #block-system-main { width: 920px; }
.page-multimedia-resources #page-title { margin-left: 20px; }
/*Portal statistics */
.page-node-2732 #block-system-main { width: 920px; }
.page-node-2732 #page-title { margin-left: 20px; }
/*Website statistics */
.page-node-2821 #block-system-main { width: 920px; }
.page-node-2821 #page-title { margin-left: 20px; }


/*External Collaborations view */

.page-external-collaboration-submissions #block-system-main { width: 920px; }
.page-external-collaboration-submissions #page-title { margin-left: 20px; }

.page-forum #block-system-main {
    width: 920px; float: left; margin-left: 20px; margin-right: 20px;
    }

.content article p { margin-left: 0 !important; margin-right: 10px !important; }
ol.A { list-style-type:upper-roman; padding-left: 0 !important; }

.page-node-39 #block-system-main, 
.front #block-system-main { 
    float: none; 
    margin-left: 0px; 
    padding: 0; 
    display: block;
    }
    
.page-node-812 #block-system-main { margin-left: 10px; width: 300px; float: left; }
    
.page-node-813 #block-system-main article {
    margin-left: 0 !important;
    } 
  


h1.title {
    font-size: 28px;
    line-height: 32px;
    color: #608cb8;
    margin-bottom: 25px;
    margin-top: 15px;
    margin-left: 330px;
    font-weight: normal;
    }
    
h1.title-alt {
    font-size: 28px;
    color: #608cb8;
    margin-bottom: 25px;
    margin-top: 15px;
    margin-left: 0px;
    font-weight: normal;
    }
    
.page-forum h1.title {
    margin-left: 20px;
    }
    
.page-forum .action-links { margin-left: 20px !important; }
    
article h2 {
    font-size: 22px;
    color: #000;
    }
    
article h3 {
    font-size: 16px;
    font-weight: bold;
    }


#zone-content a, #zone-content a:visited { color: #ff6600; color: #b44d07 !important; text-decoration: none; outline: 0; }
#zone-content a:hover, a:focus { color: #5c2001; color: #ff6600 !important; }


#zone-footer a, #zone-footer a:visited { color: #ff6600; color: #b44d07 !important; text-decoration: none; outline: 0; }
#zone-footer a:hover, a:focus { color: #5c2001; color: #ff6600 !important; }


.front #region-content .clearfix {
    clear: none !important;
    display: inline !important;
    }



/* Featured Carousel */

#block-views-featured-block-1 {
    width: 620px;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 400px;
    float: right;
    overflow: hidden;
    }
    
#block-views-featured-block-1 .jcarousel-item-1-horizontal .views-field-title {
    background:none; 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
    zoom: 1;
    }
    
#block-views-featured-block-1 .jcarousel-item-horizontal { position: relative; }
    
#block-views-featured-block-1 .jcarousel-item-horizontal .views-field-title {
    width: 170px; 
    position: absolute;
    padding: 15px 10px; 
    height: 100%; 
    left: 0; 
    top: 0; 
    background: rgba(0,0,0,.5); 
    color: #fff; 
    text-shadow: 0 1px 0 rgba(0,0,0,1); 
    font: 16px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    }
    
.jcarousel-prev-horizontal, .jcarousel-next-horizontal { top: 300px; z-index: 999; left: 40px; position: absolute;  width: 40px; height: 40px; background: url(/sites/all/themes/wakulla/images/prev.png) top left no-repeat;}
.jcarousel-next-horizontal { left: 560px; background: url(/sites/all/themes/wakulla/images/next.png) top left no-repeat }

#block-views-featured-block-1 .jcarousel-item-horizontal .views-field-title a {
    color: #fff !important; }



/*Research Carousel */

#block-views-featured-block-2 {
    width: 620px;
    margin-right: 15%;
    margin-bottom: 20px;
    height: 400px;
    float: right;
    overflow: hidden;
    }
    
#block-views-featured-block-2 .jcarousel-item-1-horizontal .views-field-title {
    background:none; 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
    zoom: 1;
    }
    
#block-views-featured-block-2 .jcarousel-item-horizontal { position: relative; }
    
#block-views-featured-block-2 .jcarousel-item-horizontal .views-field-title {
    width: 170px; 
    position: absolute;
    padding: 15px 10px; 
    height: 100%; 
    left: 0; 
    top: 0; 
    background: rgba(0,0,0,.5); 
    color: #fff; 
    text-shadow: 0 1px 0 rgba(0,0,0,1); 
    font: 16px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    }
    
#block-views-featured-block-2 .jcarousel-item-horizontal .views-field-title a {
    color: #fff !important; }

/*spotlight Carousel */
#block-views-featured-block-3 {
    width: 620px;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 400px;
    float: right;
    overflow: hidden;
    }
    
#block-views-featured-block-3 .jcarousel-item-1-horizontal .views-field-title {
    background:none; 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
    zoom: 1;
    }
    
#block-views-featured-block-3 .jcarousel-item-horizontal { position: relative; }
    
#block-views-featured-block-3 .jcarousel-item-horizontal .views-field-title {
    width: 170px; 
    position: absolute;
    padding: 15px 10px; 
    height: 100%; 
    left: 0; 
    top: 0; 
    background: rgba(0,0,0,.5); 
    color: #fff; 
    text-shadow: 0 1px 0 rgba(0,0,0,1); 
    font: 16px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    }
    
.jcarousel-prev-horizontal, .jcarousel-next-horizontal { top: 300px; z-index: 999; left: 40px; position: absolute;  width: 40px; height: 40px; background: url(/sites/all/themes/wakulla/images/prev.png) top left no-repeat;}
.jcarousel-next-horizontal { left: 560px; background: url(/sites/all/themes/wakulla/images/next.png) top left no-repeat }

#block-views-featured-block-3 .jcarousel-item-horizontal .views-field-title a {
    color: #fff !important; }








#block-views-blog-archives-block-1, 
#block-views-outreach-events-sidebar-block-1, 
#block-views-outreach-events-sidebar-block-2, 
#block-views-standards-documentation-block-1, 
#block-views-outreach-events-sidebar-block-3,
#block-views-blog-archives-block-2 {
    margin: 0 0 10px 10px;
    border-bottom: 1px solid #ccc;
    float: left;
    display: inline;
    width: 300px;
    }
    
#block-views-standards-documentation-block-1,
#block-views-blog-archives-block-1  {
    clear: left;
    }
    
h2.block-title {
    font: 16px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #608cb8;
    font-weight: bold;
    margin-bottom: 5px;
    }
    
.view-display-id-block_2 li.views-row {
    margin-left: 0;
    }
    
.more-link {
    text-align: left;
    margin: 10px 0 10px 0px;
    }
    
.front #block-system-main {
    display: none; 
    }
    
#block-block-24 { clear: right; width: 320px; margin: 10px 0 0 330px; word-wrap: break-word; }


#specimenImage { border: 1px solid #000; float: left; width: 110px; margin: 0 0px 10px 0; }
/*Special case for Front Page */
.page-node-8 #specimenImage { border: 1px solid #000; float: left; width: 110px; margin: -6em 0px 10px 0; }

#block-block-24 ul, #block-block-28 ul { width: 170px; margin-left: 120px; font-size: 12px; }
#seeRecord { margin-left: 110px;} 
#block-block-24 li.data, #block-block-28 li.data { margin: 0; padding: 0; clear: none; font-weight: bold; }
#dataTitle {
    font: 16px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #608cb8;
    font-weight: bold;
    margin-bottom: 5px;
    } 

#block-block-24 h2.block-title { color: #6aaa51; }

.front #block-twitter-block-1 { position: absolute; top: 420px; clear: none; display: block; margin-left: 660px; width: 300px; height: 350px; float: none; }
.front #block-block-50 { position: absolute; top: 420px; clear: none; display: block; margin-left: 660px; width: 300px; height: 350px; float: none; }

.front #block-block-24 { height: 400px; }


/* Education page intro .page-node-813  */
/* About page intro .page-node-39  */
.page-node-813 #block-system-main {float:left; margin-right: 10px; padding: 0; display: inline;margin-left:20px; width:920px;}
.page-node-813 #block-block-46 {
    float: left;
    width: 300px;
    margin-left: 10px;
}


.page-node-813 #block-block-29,
.page-node-39 #block-block-33 {
    margin-top: 15px; 
    }
    
#intro-rule {
    border-bottom: 1px solid #ccc;
    margin-top: 5px;
    margin-bottom: 5px;
    }
    
/* Education page calendar */
.page-node-813 #block-views-events-calendar-block-1 {
clear: both;
width: 300px;
float: left;
margin-left: 10px;
}

/* Education page content .page-node-813 article, .page-node-39 #block-views-standards-documentation-block-2 {clear: right;width: 310px;float: left;margin-left: 20px;} */

/* About Page page content */
.page-node-39 article {
 clear: both;
width: 310px;
float: left;
margin-left: 10px;
display: none;
}

.page-node-813 #block-views-outreach-events-sidebar-block-3 li.views-row {
    margin-left: 0;
}

.page-node-813 #block-views-past-outreach-events-block-3,
.page-node-39 #block-views-past-outreach-events-block-3  
{ position: absolute; top: 420px; right: 10px; clear: none; display: block; width: 300px; }

.page-node-813 #block-block-28,
.page-node-39 #block-block-28,
.page-node-812 #block-block-28,
.page-node-39 #block-views-past-outreach-events-block-2    
{ float: left; width: 310px; margin: 0px 0 0 20px; word-wrap: break-word; }

#block-block-28 h2 {
   color: #6aaa51;
}

.page-node-813 #block-block-27,
.page-node-39 #block-block-27,
.page-node-39 #block-views-outreach-events-sidebar-block-4
{ float: left; width: 300px; margin-left: 10px; }

.page-node-39 #block-block-27 { clear: both; }

#block-views-outreach-events-sidebar-block-4 li { margin-left: 0; }

.page-node-813 #block-twitter-block-1,
.page-node-39 #block-twitter-block-1 
{ float: left; width: 300px; margin-left: 20px; }
.page-node-813 #block-block-50,
.page-node-39 #block-block-50 
{ float: left; width: 300px; margin-left: 20px; }

#block-block-26 {
    padding: 10px 10px;
    clear: both;
    }
    
#block-block-29 {
    width: 280px;
    float: left;
    margin: 0 0 0 10px;
    }

#block-block-41 {
    width: 280px;
    float: left;
    margin: 0 0 0 10px;
    clear: both;
    }
    
    
#block-views-events-calendar-block-2 {
    width: 280px;
    float: left;
    margin: 0px 0 0 10px;
    }
    
#block-views-outreach-events-sidebar-block-5 {
    float: left;
    width: 280px;
    margin: 0px 0 0 10px;
    height: auto;
    }
    
#block-views-outreach-events-sidebar-block-5 li { margin-left: 0; }

.page-calendar  #block-views-events-calendar-block-2 {
    margin-top: 90px; 
    }
    
.page-node-812 #block-views-blog-archives-block-1 {
    float: left;
    margin: 0px 0 0 40px;
    border-bottom: none;
    }
    
.page-node-812 #block-views-standards-documentation-block-1 {
    float: left;
    margin: 0px 0 0 10px;
    clear: none;
    border-bottom: none;
    }

.page-node-812 #block-views-standards-documentation-block-2 {
    float: left;
    margin: 0px 0 0 10px;
    clear: none;
    border-bottom: none;
    }

    
 #block-block-41 { padding: 10px 0 0 0; margin: 0 10px; }   
    
    
#biblio-header {
    position: absolute;
    left: 20px;
    width: 280px;
    }

.biblio-entry {
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    }
.biblio-title {
    display: block;
    }
.biblio-authors, .biblio-authors a { font-style: italic; }
.biblio-export-buttons { display: block !important; clear: left; border-top: 1px dashed #dedede; text-align: right; }
.biblio-export-buttons li a { border-right: 1px solid #dedede !important; padding-left: 5px; padding-right: 5px;}

#biblio-header .biblio-export { display: block; float: none; margin-bottom: 20px; }
.biblio-alpha-line { width: 300px !important; word-wrap: break-word; }
.biblio-alpha-line a { display: inline; float: left; line-height: 120%;  }
.biblio-current-filters a { display: block; clear: left; }

#biblio-node { margin-bottom: 30px; }

#biblio-node .biblio-row-title { font-style: italic; }

#block-block-40 { margin-top: 120px; }
.node-type-biblio #region-content { width: 650px; float: right; } 
.node-type-biblio .title { margin: 20px 0 30px 20px; }

.view-content-search .views-row { margin-bottom: 20px; border-bottom: 1px solid #eee; padding: 0 0 5px 0; }

.page-browse-content .view-filters { position: absolute; left: 10px; width: 300px; }
.views-field-field-tags { display: block; padding-top: 5px; }


.page-node-159 #block-system-main { width: 920px; }
.page-node-159 #page-title { margin-left: 20px; }


#block-block-30, #block-block-31 {
    margin-left: 10px;
    width: 280px;
    }

    
#block-block-30 li, #block-block-31 li {
    padding: 5px 0;
    margin: 0;
    border-top: 1px solid #eee;
    }
.documentation-tag { display: inline; font-size: 90%; }
.documentation-tag a { color: #c00 !important; }

.view-documentation-policy .views-field-title { font-size: 120%; }
.view-documentation-policy .views-row { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }

.view-press-releases .views-row { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.view-press-releases .views-field-created { color: #666; }

.view-news-archive .views-row { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.view-news-archive .views-field-created { color: #666; }

.campaign { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.campaign .views-field-created { color: #666; }

#block-views-press-releases-block { width: 280px; margin-left: 40px; float: left; }
#block-views-news-archive-block { width: 280px; margin-left: 10px; float: left; }
.page-node-818 #block-system-main { width: 280px; display: inline; float: left; margin-left: 30px;  }

/* #Biblio Multimedia
================================================== */
.view-wakulla-multimedia .views-row {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 5px 0;
    }
.view-wakulla-multimedia .views-field-biblio-url {
    word-wrap: break-word !important;
    }



.page-taxonomy-term h2.node-title { font-size: 100%; font-weight: bold; margin-bottom: 0;}
.page-taxonomy-term .field-name-field-documentation .field-label { font-weight: normal; font-style: italic; }
.page-taxonomy-term .field-name-field-documentation .field-items { word-wrap: break-word; }
.page-taxonomy-term .field-name-field-tags .field-label { font-weight: normal; font-style: italic; }
.page-taxonomy-term .field-name-field-tags .field-items { word-wrap: break-word; }
.page-taxonomy-term .node-links { display: none; }
.page-taxonomy-term article { border-bottom: 1px solid #eee; margin-bottom: 10px;  }


/*iCal Feed Icon for Event nodes */
.feed-icon { clear: both; display: block; margin-left: 330px;margin-bottom: 20px; }
/* Sitewide RSS Feed */
a.feed-icon { clear: both; display: block; margin-left: 165px; }

.img-left { float: left; margin: 0 15px 15px 0; }
.img-right { float: right; margin: 0 0px 15px 15px; }
.profile { width: 200px; }

.contact-form .form-item-name { clear: left; }



#block-system-main ul { list-style: disc outside; }


#node-article-766 table { margin-left: -200px; }
	
	
	

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	#home-left { 
    clear: left; 
    background: #6690bb url(/sites/all/themes/wakulla/images/slider_10.jpg) top right no-repeat; 
    width: 250px; 
    height: 260px;
    float: left;
    display: inline;  
    }
    
    #intro-rule, .rule { width: 710px !important;  }
    
    .sub-banner { width: 220px !important; padding-bottom: 15px; }
    
    .fifth { width: 130px; border-right: 1px solid #fff; float: left; margin: 0;  padding: 5px; text-align: center; height: 140px; }
    .fifth h4, .fifth p { color: #000; text-shadow: 0px 1px #fff; line-height: 14px; }
    .fifth a { position: absolute; width: 130px; z-index: 5; float: left; height: 100px; }
    #block-block-35 {
    background: url(/sites/all/themes/wakulla/images/faded_banner.jpg) 50% 0 repeat-y;
    margin-bottom: 20px;
    width: 728px;
    }
    
    #region-content {margin-left: 0px;margin-right: 0px; width: 738px;}

    
    #block-views-blog-archives-block-1, 
    #block-views-outreach-events-sidebar-block-2, 
    #block-views-standards-documentation-block-1, 
    #block-views-outreach-events-sidebar-block-3,
    #block-views-blog-archives-block-2 {
    margin: 0 0 10px 10px;
    border-bottom: 1px solid #ccc;
    float: left;
    display: inline;
    width: 220px;
    }
    
    #block-views-featured-block-1 {
    width: 460px;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 300px;
    float: right;
    overflow: hidden;
    }
   
    #block-block-24 { clear: right; width: 220px; margin: 10px 0 0 270px; word-wrap: break-word; }
    #specimenData { display: block; float: none; }
    #specimenImage { border: 1px solid #000; float: none; width: 218px; margin: 0 0px 10px 0; }
    #block-block-24 ul, #block-block-28 ul { width: 220px; margin-left: 0px; font-size: 12px; }
    .front #block-twitter-block-1 { position: absolute; top: 330px; clear: none; display: inline; margin-left: 280px; width: 220px; float: left; }
    .front #block-block-50 { position: absolute; top: 330px; clear: none; display: inline; margin-left: 280px; width: 220px; float: left; }


    /* I had to hack the base theme a bit to get the menu section to render properly, need to come back and look at this... */
    #region-menu.grid-12 {margin-left: 0px;margin-right: 0px; width: 720px;}
    
    #block-menu-menu-about-idigbio li, #block-menu-menu-specimen-portal li, #block-menu-menu-menu-working-groups li, #block-menu-menu-events li{
    padding: 9px 8px;
    margin: 0;
    font: 12px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    list-style: none ;
    }
    
    #block-block-35 img,
    #block-block-33 img,
    #block-block-29 img {/* width: 100%;*/ }
    .two-thirds { width: 440px !important; }
    .one-third { width: 220px !important; }
    
    .rule { width: 760px; }
    
    #block-views-outreach-events-sidebar-block-5 {
    width: 220px;
    margin: 0px 0 0 10px;
    }
    
     
    .page-node-812 #block-system-main { margin-left: 10px; width: 220px; float: left; }
    
    .page-node-813 #block-block-27,
    .page-node-39 #block-block-27,
    .page-node-39 #block-views-outreach-events-sidebar-block-4
    { margin-left: 10px; width: 220px; float: left; }


    .page-node-813 #block-twitter-block-1, 
    .page-node-39 #block-twitter-block-1,
    .page-node-812 #block-twitter-block-1
    { width: 220px; margin-left: 0px; position: absolute; right: 0; }
    
    /* Education page content */
    .page-node-813 article,
    .page-node-39 #block-views-standards-documentation-block-2
    {   width: 220px; float: left; margin-left: 20px; }
    
    .page-node-39 #block-views-past-outreach-events-block-3  
    { position: absolute; top: 430px; right: 10px; clear: none; display: block; width: 220px; }

    .page-node-813 #block-views-past-outreach-events-block-3  
    { position: absolute; top: 330px; right: 10px; clear: none; display: block; width: 220px; }

    /* Education page calendar */
    .page-node-813 #block-views-events-calendar-block-1 { clear: both; width: 220px; float: left; margin-left: 10px; }
    
    .page-node-813 #block-system-main article { position: relative; display: inline; margin-left: 160px !important; margin-top: -190px; float: left; } 

    h1.title { margin-left: 260px; }
    #block-system-main { float: right; width: 480px; margin-right: 10px; padding: 0; display: inline; }
    #block-views-events-calendar-block-2, #block-block-29 { width: 220px; }

    .page-node-159 #block-system-main { width: 600px; float: none; }
    .page-node-159 #page-title { margin-left: 0px; }
    .page-node-159 iframe { width: 720px; float: none; }
    
    .feed-icon { clear: both; display: block; margin-left: 125px; }


    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	#page-title { margin-left: 10px !important; }
	#block-system-main { float: none; width: 400px; margin: 10px !important; padding: 0; display: block; }
    #node-page-721 { width: 400px !important; }
	
	#intro-rule, .rule { width: 420px !important;  }
	
	 #block-menu-menu-menu-working-groups { height: 72px; }
	 
	#block-views-blog-archives-block-2 { display: block; float: none;  }
    
    #block-block-35 .one-third, #block-block-29 .one-third, #block-block-33 .one-third { padding: 0 10px; }
    #block-block-35 .two-thirds, #block-block-29 .two-thirds, #block-block-33 .two-thirds { clear: left; width: 400px !important; padding: 0 10px; margin-left: 0; position: relative; }
    
    #block-views-past-outreach-events-block-3, #block-views-past-outreach-events-block-2 { display: none !important;  }
    
    #block-block-28, #block-views-standards-documentation-block-2 { margin: 10px !important; width: 400px !important; }
    
    #block-views-outreach-events-sidebar-block-4, #block-block-27 { width: 400px !important; margin: 0; }
    #block-views-blog-archives-block-1  { margin-left: 10px !important; }
    #block-views-outreach-events-sidebar-block-5, #block-views-events-calendar-block-1 { width: 400px !important; }
    #block-views-featured-block-1 { margin-top: 260px; }
    .page-node-813 #block-system-main .clearfix { clear: left !important; position: absolute; display: block !important; top: -70px; left: 2px; margin: 0 !important; width: 400px; }
	
	#block-menu-menu-header-nav li {
    font-size: 13px;
    line-height: 24px;
    margin: 0;
    }
    
    #block-block-32 { float: right; margin-top: -5px;  }
    #block-block-18 { margin-top: -15px; }
    
    #home-right {
    background: url(/sites/all/themes/wakulla/images/home-banner-right.jpg) top left no-repeat; 
    width: 400px;
    padding: 0 10px;
    height: 260px;
    overflow: hidden;
    }
    
    #home-left { 
    background: #6690bb url(/sites/all/themes/wakulla/images/slider_10.jpg) top left no-repeat; 
    width: 420px; 
    height: 260px;
    float: none;
    display: inline; 
    overflow: hidden; 
    }
    
    /* I had to hack the base theme a bit to get the menu section to render properly, need to come back and look at this... */
    #region-menu.grid-12 {margin-left: 0px;margin-right: 0px; width: 420px;}

    .sub-banner, .sub-banner-end { width: 400px !important; clear: left; margin: 0 10px !important; padding-bottom: 0px; border-right: none; border-bottom: 1px dashed #ccc; }
    
    #region-content {margin-left: 0px;margin-right: 0px; width: 420px;}
    
    #block-views-featured-block-1 {
    width: 420px;
    margin-right: 0px;
    margin-bottom: 20px;
    height: 300px;
    float: none;
    overflow: hidden;
    }
    
    #block-views-blog-archives-block-1, 
    #block-views-outreach-events-sidebar-block-2, 
    #block-views-standards-documentation-block-1, 
    #block-views-outreach-events-sidebar-block-3,
    #block-views-blog-archives-block-2 {
    margin: 0 10px 10px 10px;
    border-bottom: 1px solid #ccc !important;
    float: none;
    display: block;
    width: 400px !important;
    }
    
    
    .fifth { width: 410px; border: none; border-bottom: 1px solid #fff; float: left; margin: 0;  padding: 10px 5px 5px 5px; text-align: left; height: 60px; }
    .fifth img { float: left; }
    .fifth h4, .fifth p { color: #000; text-shadow: 0px 1px #fff; line-height: 14px; }
    .fifth a { position: absolute; width: 420px; z-index: 5; float: left; height: 60px; }
    #block-block-35 {
    background: url(/sites/all/themes/wakulla/images/faded_banner.jpg) 50% 0 repeat-y;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 420px;
    }
    
    .front #block-twitter-block-1 { position: relative; top: 0; clear: left; display: inline; margin-left: 10px; width: 410px; float: left; }
    #block-twitter-block-1 { display: none; }

    #block-block-24 { clear: left; width: 400px; margin: 10px 10px 0 10px; word-wrap: break-word; }
    #specimenData { display: inline; float: none; }
    #specimenImage { border: 1px solid #000; float: left; width: 170px; margin: 0 0px 10px 0; }
    #block-block-24 ul, #block-block-28 ul { width: 220px; margin-left: 200px; font-size: 12px; }
    
    .feed-icon { clear: both; display: block; margin-left: 10px; }


    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	#block-system-main { float: none; width: 280px; margin: 10px !important; padding: 0; display: block; }
    
	/* I had to hack the base theme a bit to get the menu section to render properly, need to come back and look at this... */
    #region-menu.grid-12 {margin-left: 0px;margin-right: 0px; width: 300px;}
    #block-menu-menu-events { height: 72px; }
    #block-menu-menu-menu-working-groups { height: 109px; }
    
    #node-page-721 { width: 280px !important; }
	
    #intro-rule, .rule { width: 300px !important;  }
	
	#block-block-35 .one-third, #block-block-29 .one-third, #block-block-33 .one-third { padding: 0 10px; }
    #block-block-35 .two-thirds, #block-block-29 .two-thirds, #block-block-33 .two-thirds { clear: left; width: 280px !important; padding: 0 10px; margin-left: 0; position: relative; }
    #block-views-outreach-events-sidebar-block-4, #block-block-27 { width: 280px !important; margin: 0; }
   
    #block-views-outreach-events-sidebar-block-5, #block-views-events-calendar-block-1 { width: 280px !important; }
    .page-node-813 #block-system-main .clearfix { width: 280px;top: -80px; }
    #block-views-featured-block-1 { margin-top: 300px; }
   
	
	
	#page-title { margin-left: 0px; }
	
	#block-menu-menu-header-nav li {
    font-size: 14px;
    line-height: 24px;
    float: none;
    display: block;
    border: none;
    border-bottom: 1px solid #fff;
    margin: 0;
    }
    
    #block-block-32 { float: none; margin-top: 0px; text-align: right; width: 100%;  }
    #block-block-18 { float: none; margin-top: 10px; }
    
    .sub-banner, .sub-banner-end { width: 280px !important; clear: left; margin: 0 10px !important; padding-bottom: 0px; border-right: none; border-bottom: 1px dashed #ccc; }
    
    #region-content {margin-left: 0px;margin-right: 0px; width: 300px;}
    
    #block-views-featured-block-1 {
    width: 300px;
    }
    
    #block-views-blog-archives-block-1, 
    #block-views-outreach-events-sidebar-block-2, 
    #block-views-standards-documentation-block-1, 
    #block-views-outreach-events-sidebar-block-3,
    #block-views-blog-archives-block-2 {
    width: 280px !important;
    }
    
    .fifth { width: 290px; border: none; border-bottom: 1px solid #fff; float: left; margin: 0;  padding: 10px 5px 5px 5px; text-align: left; height: 60px; }
    .fifth img { float: left; }
    .fifth h4, .fifth p { color: #000; text-shadow: 0px 1px #fff; line-height: 14px; }
    .fifth a { position: absolute; width: 420px; z-index: 5; float: left; height: 60px; }
    #block-block-35 {
    background: url(/sites/all/themes/wakulla/images/faded_banner.jpg) 50% 0 repeat-y;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 300px;
    }
    
    #block-block-24 { clear: left; width: 300px; margin: 10px 10px 0 10px; word-wrap: break-word; }
    #specimenData { display: inline; float: none; }
    #specimenImage { border: 1px solid #000; float: none; width: 170px; margin: 0 0px 10px 0; }
    #block-block-24 ul, #block-block-28 ul { width: 300px; margin-left: 0px; font-size: 12px; }
    
    #home-right {
    background: #d3b634 50% 0 no-repeat; 
    width: 300px;
    padding: 0;
    height: 430px;
    overflow: hidden;
    }
    
    #home-intro {
    clear: left;
    margin-left: 0px;
    padding: 10px 0 0 10px;
    }
    
    #portal-snippet {
    width: 300px;
    background: #6691bb;
    padding: 10px 10px 0 10px;
    float: none;
    }
    
    }


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/* Sytles for the SiteMap module */
.site-map-box-menu { float: left; width: 220px; margin: 0 0 0 10px; }
.site-map-taxonomys { clear: left; margin: 0 0 0 10px; border-top: 1px solid #ddd; padding-top: 20px; }
.site-map-box-menu-menu-about-idigbio h2 { font-size: 18px; color: #3782cd; }
.site-map-box-menu-menu-events h2 { font-size: 18px; color: #d3b833; }
.site-map-box-menu-menu-specimen-portal h2 { font-size: 18px; color: #6aaa51; }
.site-map-box-menu-menu-menu-working-groups h2 { font-size: 18px; color: #cf7a0b; }
.site-map-taxonomys h2 { font-size: 18px; }
 
.site-map-box-menu li li li { font-size: 110%; border-bottom: 1px solid #ddd; }
.site-map-box-menu li li { font-size: 110%; border-bottom: 1px solid #ddd; }
.site-map-box-menu li { border-bottom: 1px solid #ddd; list-style: none !important; }
.site-map-box-menu li.last { border-bottom: none; }
.site-map-box-menu ul ul { border-top: 1px solid #ddd; }
.site-map-box-menu ul { margin: 0 0 0 10px !important; padding: 0 !important;  }
.site-map-box-menu ul ul, .site-map-box-menu ul ul ul { margin-left: 10px !important; }
 
.site-map-taxonomys ul { clear: left; height: auto;}
.site-map-taxonomys ul ul { clear: none; display: inline;}
.site-map-taxonomys li { display: inline; list-style: none !important; height: 15px; overflow: hidden; padding-right: 5px; width: auto !important; }
.site-map-taxonomys li li { font-size: 110%; }
.site-map-taxonomys li li li { font-size: 110%; }



/*Some fixes for mobile layout */

.fifth a { width: 140px; margin: 0; height: 140px; display: inline; left: 10px; position: relative; text-decoration: none; }
@media only screen and (max-width: 959px) {
.fifth a { width: 120px !important; margin: 0; height: 70px !important; display: inline; left: 10px; position: relative; text-decoration: none; }
.fifth a img { width: 64px!important; }
}
@media only screen and (max-width: 767px) {
.fifth { width: 100% !important; }
.fifth a { float: left; width: 140px; height: 60px !important; }
.fifth h4 { margin-left: 140px; width: 200px; }
.fifth p { margin-left: 140px; width: 260px; }
}
@media only screen and (max-width: 479px) {
.fifth a { float: left; width: 64px !important; height: 60px !important; }
.fifth h4 { margin-left: 80px; width: 200px; }
.fifth p { margin-left: 80px; width: 200px; }


@media only screen and (max-width: 959px) {
#block-block-22 .one-third img, #block-block-38 .one-third img { width: 100%; }
}
@media only screen and (max-width: 767px) {
#block-block-22 .two-thirds, #block-block-38 .two-thirds { clear: left; padding: 0 20px; width: 360px !important; }
}
@media only screen and (max-width: 479px) {
#block-block-22 .two-thirds, #block-block-38 .two-thirds { clear: left; padding: 0 20px; width: 260px !important; }
}


@media only screen and (max-width: 959px) { 
 #block-block-36 .one-third img { width: 100%; } 
 } 
 @media only screen and (max-width: 767px) { 
#block-block-36 .two-thirds { clear: left; padding: 0 20px; width: 360px !important; } 
 } 
 @media only screen and (max-width: 479px) { 
#block-block-36 .two-thirds { clear: left; padding: 0 20px; width: 260px !important; } 
 }


/* Fixes some buttons */
#block-block-29 img { width: 36px; }


/* Possible fix for legacy content with images that extend out of content area */

.node-article img { max-width: 100%; }

/* Fixing ADBC Link block */
@media only screen and (min-width: 959px) { .block-menu-adbc-program-information { margin-left: 330px; } }
@media only screen and (min-width: 767px) and (max-width: 959px) { .block-menu-adbc-program-information { margin-left: 250px; } }
#block-block-29 img { width: 36px; }

/*Fixing Mobile Menus issues */
@media only screen and (max-width: 767px) { .block-menu-menu-about-idigbio, .block-menu-menu-menu-working-groups, .block-menu-menu-events { height: 80px !important; } }
@media only screen and (max-width: 479px) { .block-menu-menu-about-idigbio, .block-menu-menu-menu-working-groups, .block-menu-menu-events { height: 120px !important; } }