@import url(http://fonts.googleapis.com/css?family=Karla:400,700|Oswald);
/*!
Theme Name: Joint Genome Institute
Theme URI: http://jgi.doe.gov
Author: Anca Mosoiu, Leila Hornick
Description: WordPress theme for the JGI.  Child theme of Genesis 2.0
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: jgi
Tags:

Template: genesis

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/** Google web fonts **/
/* setup the grid */
/* @import "960/grid";

$ninesixty_columns: 16; */
/* Include our variables and core styles */
/* column width includes the left and right padding between elements */
/** =Base */
/** used for section titles and widget titles **/
/** =Font-Sizes */
/** =Brand: Colors and fonts **/
/** Grid Sizes **/
/* =Backgrounds
----------------------------------------------- */
/* Table of Contents

	+ HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Forms
		- Tables
*/
/* =Reset, HTML5 Reset
-------------------------------------------------------------- */
/* Baseline Normalize - HTML5 Reset
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

/* Box Sizing
--------------------------------------------- */
*, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Float Clearing
--------------------------------------------- */
.archive-pagination:before, .clearfix:before, .entry:before, .entry-pagination:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; }

.archive-pagination:after, .clearfix:after, .entry:after, .entry-pagination:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; }

/*  Defaults */
html { font-size: 62.5%; overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

body { background: #e9e9e9; }

ol, ul { list-style: none; -webkit-padding-start: 0; -moz-pading-start: 0; }

table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }

caption, th, td { font-weight: normal; text-align: left; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a { text-decoration: underline; }

h1 a, h2 a, h3 a, hf4 a { text-decoration: none; }

a:focus { outline: thin dotted; }

a:focus { outline: thin dotted; }
a:hover { outline: thin dotted; }

a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; }

a img { border: 0; }

/* =Global
----------------------------------------------- */
.default-text, body, button, input, select, textarea { color: #5a5a5a; font-family: "Karla", Helvetica, arial, sans-serif; font-size: 15px; font-size: 1.5rem; /* 16 / 10 */ line-height: 19px; line-height: 1.9rem; }

/* Headings */
h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Karla", Helvetica, arial, sans-serif; font-weight: 400; color: #5a5a5a; margin: 0; }

h1 { font-size: 36px; font-size: 3.6rem; line-height: 40px; line-height: 4rem; margin: 0; }

.h1-look { font-size: 36px; font-size: 3.6rem; margin: 19px 0; }

h2 { font-size: 28px; font-size: 2.8rem; font-weight: normal; line-height: 35px; line-height: 3.5rem; margin-bottom: 12px; }

h3 { font-size: 22px; line-height: 27.5px; line-height: 2.75rem; margin-bottom: 7px; }

h4 { font-size: 18px; line-height: 22.5px; line-height: 2.25rem; margin-bottom: 5px; }

h5 { font-size: 18px; line-height: 22.5px; line-height: 2.25rem; margin-bottom: 5px; }

h6 { font-size: 15px; line-height: 18.75px; line-height: 1.875rem; margin-bottom: 5px; }

hr { background-color: #99bd3c; border: 0; height: 1px; margin: 19px 0; }

/* Text elements */
p { margin: 0 0 10px; font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; }

ul { list-style: disc; list-style-position: inside; }

ol { list-style: decimal; }

.horizontal, .section-nav ul, ul.horizontal, .section-nav ul, .entry-content ul.horizontal, .entry-content .section-nav ul, .section-nav .entry-content ul { -webkit-padding-start: 0; -moz-padding-start: 0; list-style-type: none; }
.horizontal li, .section-nav ul li, ul.horizontal li, .section-nav ul li, .entry-content ul.horizontal li, .entry-content .section-nav ul li, .section-nav .entry-content ul li { display: inline-block; margin-right: 10px; background-image: none; padding-left: 0; }
.horizontal li:last-child, .section-nav ul li:last-child, ul.horizontal li:last-child, .section-nav ul li:last-child, .entry-content ul.horizontal li:last-child, .entry-content .section-nav ul li:last-child, .section-nav .entry-content ul li:last-child { margin-right: none; }

ul.plain, ol.plain, .entry-content ul.plain { list-style-type: none; }
ul.plain li, ol.plain li, .entry-content ul.plain li { background-image: none; }

#content li > ul, #content li > ol { margin-bottom: 0; margin-left: 10px; }

dt { font-weight: bold; }

dd { margin: 0 10px 10px; }

b, strong { font-weight: bold; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; }

code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: 75%; }

big { font-size: 125%; }

figure { margin: 0; }

table { margin: 0 0 19px; width: 100%; }

th { font-weight: bold; }

.minwidth td { min-width: 120px; }

th, td { border-right: 1px solid #99bd3c; padding: 10px; vertical-align: top; display: table-cell; }

tr:nth-child(even) { background: #fff; }

tr:nth-child(odd) { background: #f8f8f2; }

tr th:last-child, tr td:last-child { border-right: 0; }

th.subhead { border-bottom: 1px solid #99bd3c; border-right: none; background: white; padding-left: 0; }
th.subhead h2 { margin-bottom: 0; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

/* Links */
a { color: #2e669b; }

a:visited { color: #185582; }

a:hover { color: #cd6929; }

a:focus, a:active { color: #fdba4d; }

/* Titles */
/* Post Title */
.entry-title a { text-decoration: none; }

/* Alignment */
.alignleft { display: inline; float: left; margin-right: 20px; }

.alignright { display: inline; float: right; margin-left: 20px; }

.wp-caption.alignright { margin-left: 20px; margin-right: 0; }
.wp-caption.alignright img { margin: 0; }

.wp-caption.alignleft { margin-right: 20px; margin-left: 0; }
.wp-caption.alignleft img { margin: 0; }

.aligncenter, .wp-caption.aligncenter { clear: both; display: block; margin: 10px auto; }

/* Text meant only for screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }

/* =Layout
----------------------------------------------- */
/* Content Wrap */
/* Footer */
.site-footer { padding: 20px 0; margin-top: 50px; background: #FB4400; }

.site-footer a { text-decoration: none; }

/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; }

/* =Media
----------------------------------------------- */
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

.wp-caption { border-bottom: 1px solid #99bd3c; margin: 10px 0; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; }

.wp-caption-text, .gallery .gallery-item dd.wp-caption-text { font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; text-align: left; }

p.wp-caption-text { margin-top: 10px; margin-bottom: 0; padding: 10px 0; border-top: 1px solid #99bd3c; }

.site-main .gallery { margin-bottom: 19px; }

.site-main .gallery a img { border: none; height: auto; max-width: 90%; }

.site-main .gallery dd { margin: 0; }

/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }

/* =MoreLnks
----------------------------------------------- */
.small-caps, .get-more-info, .entry-time, p.entry-meta, .content .releases_feed .release_date, .jgi.featuredpost p.entry-meta, .featuredpost p.entry-meta, .releases_feed .release_date { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; line-height: 11px; line-height: 1.1rem; }

.morelink, a.more-link { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; /*@extend .small-caps;*/ margin-top: 10px; /* display:block; */ }

/* used in featured post widgets and "learn more" links */
.get-more-info { display: block; }

/* =Comments
----------------------------------------------- */
.comments-area { margin: 50px 0 25px; padding: 15px 0; border-top: 1px solid #a8a8a8; }

.comment-list, .comment-list .children { list-style: none; }

.comment-body { padding: 25px 0; }

.comment-content a { word-wrap: break-word; }

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */
.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; }

.one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; }

.one-third, .two-sixths { width: 31.623931623931625%; }

.four-sixths, .two-thirds { width: 65.81196581196582%; }

.one-fourth { width: 23.076923076923077%; }

.three-fourths { width: 74.35897435897436%; }

.one-sixth { width: 14.52991452991453%; }

.five-sixths { width: 82.90598290598291%; }

.first { clear: both; margin-left: 0; }

.pagination { margin-bottom: 19px; }

/* = Footer text 
--------------------------------*/
.site-footer p { font-size: 13px; font-size: 1.3rem; }

/* = Gallery Images
---------------------------------------------------*/
.gallery .gallery-item { padding: 0 10px; }
.gallery .gallery-item dd { font-size: 14px; font-size: 1.4rem; margin: 0; }

/* colored elements */
.greyback { background-color: #e9e9e9; }

div.greyback { padding: 10px; }

/* = Organism Names 
----------------------------------------------- */
.organism_name { font-style: italic; }

/* Define the Grid Containers and sizes for everything */
.full-width, .site-container, .site-header, #home-feature, .site-footer, .nav-primary { width: 100%; }

.site-container { border-top: 5px solid #99bd3c; padding-top: 30px; background-color: #fff; }

.site-header .wrap, .content-sidebar-wrap, .nav-primary .wrap, .nav-secondary .wrap, .site-footer .wrap, #home-feature .wrap, .home-link .wrap { width: 960px; margin: auto; }

#home-feature { background-color: #e9eff3; }
#home-feature .wrap { background: url(images/Transparent_Helix.png) 540px top no-repeat; padding-bottom: 19px; }

.header-widget-area { width: 480px; float: right; padding-top: 5px; }

.site-header .title-area { width: 420px; float: left; height: 70px; background-image: url(images/jgi_logo.png); background-repeat: no-repeat; background-position: top left; }

.site-footer { background-color: #e9e9e9; }

/* Content-Sidebar-Wrapping */
.sidebar-content .content { width: 730px; float: right; padding-left: 20px; border-left: 1px solid #ced5d9; }
.sidebar-content .sidebar-primary { float: left; width: 230px; padding: 0 20px 0 0; }

/* Landing pages */
.leadpage, .section-landing .lead .page, .section-landing.full-width-content .lead .page { width: 470px; margin-left: 10px; padding: 19px; clear: none; }

.section-landing .content { width: 960px; float: none; padding-left: 0; clear: both; border: none; }
.section-landing .featured-pages { margin-top: 19px; border-top: 1px solid #ced5d9; clear: both; }
.section-landing .content .post.entry, .section-landing .content article { width: 480px; float: left; }
.section-landing .lead .alignleft { margin: 0 10px 0 0; }
.section-landing .odd { padding-right: 10px; }
.section-landing .even { padding-left: 10px; }

.sidebar-content.section-landing .sidebar-primary { width: 960px; float: none; border-right: 0; clear: both; margin-top: 19px; border-top: 1px solid #ced5d9; padding: 25px 0 0 0; }
.sidebar-content.section-landing .sidebar .widget { background-color: #fff; background-image: none; padding: 0; width: 480px; float: left; margin-bottom: 0px; }
.sidebar-content.section-landing .sidebar-primary .widget:first-child { padding-right: 10px; border-right: 1px solid #ced5d9; }
.sidebar-content.section-landing .sidebar-primary .widget:last-child { padding-left: 10px; }

/* Landing page, full width content */
.section-landing.full-width-content .page { width: 960px; clear: both; }

/* Homepage Containers */
.home-slideshow { width: 600px; float: left; padding-right: 10px; }

.home-recent-news { width: 360px; padding: 0 10px; float: right; }
.home-recent-news .widget:first-child .widgettitle { margin-top: 0; }
.home-recent-news .widget { margin-bottom: 29px; }
.home-recent-news .widget:last-child { margin-bottom: 0; }

.home-bottom { margin-top: 19px; border-top: 1px solid #ced5d9; padding-top: 25px; }
.home-bottom .widget { margin-bottom: 0px; }

/* Sections */
.section-info { display: block; margin: 19px 0; background: url(images/atoms.png) left top no-repeat; }
.section-info .section-title { margin-left: 30px; }

.slideshow_container { width: 660px; float: left; }

.sidebar .widget { margin-bottom: 29px; }

.sidebar .widget:last-child { margin-bottom: 0; }

/* = Footer Widgets Area
---------------------------------------------- */
.footer-widgets { margin-bottom: 10px; }
.footer-widgets .widget-area { float: left; }
.footer-widgets .footer-widgets-1 { width: 360px; }
.footer-widgets .footer-widgets-1 .widget { float: left; width: 180px; padding-right: 10px; }
.footer-widgets .footer-widgets-3 { width: 300px; padding: 0 10px; }
.footer-widgets .footer-widgets-2 { width: 300px; padding: 0 0 0 10px; }

/* Branding */
.site-title { margin: 0; text-indent: -9999px; }

.site-title a { text-decoration: none; display: block; width: 100%; height: 70px; }

.site-title a:hover { color: #92DAFF; }

.site-description { font-weight: normal; font-size: 16px; }

/*= Header Search Widget 
-----------------------------*/
.header-widget-area .widget { float: left; width: auto; }

/* = Home Features
----------------------------------------------- */
#home-feature h1.section-title { font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; margin: 1.7rem 0; margin: 17px 0; color: #5a5a5a; font-family: "Karla", Helvetica, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; }

.home.page .featured-page { width: 480px; background: white url(images/atoms.png) top left no-repeat; float: left; padding: 10px 0 0 10px; margin-top: 19px; border-left: 0; }
.home.page .featured-page h2 { margin-top: 19px; }
.home.page .featured-page h2 a { color: #678ca7; }
.home.page .featured-page h2 a:hover, .home.page .featured-page h2 a:active { color: #cd6929; }
.home.page .featured-page p { margin: 10px 0 0 0; }

/* =Content areas
----------------------------------------------- */
h1, h1.entry-title { color: #609a3e; margin-bottom: 19px; }

.archive-titles, .section-landing h2.entry-title, .archive h1.entry-title { font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; clear: none; margin-top: 0; margin-bottom: 19px; }

.content h2, .content h3, .content h4, .content h5 { clear: none; color: #609a3e; }

.content h5, .content h6 { color: #99bd3c; }

/* Landing Pages 
----------------------------------------------- */
.greenback, .section-landing .lead .page { background-color: #99bd3c; color: white; font-weight: normal; font-size: 19px; font-size: 1.9rem; line-height: 24px; line-height: 2.4rem; padding: 19px; }

.entry-content .greenback, .entry-content .section-landing .lead .page, .section-landing .lead .entry-content .page { margin-bottom: 10px; }

.section-landing .lead .page { margin-bottom: 10px; }
.section-landing .lead .page h2, .section-landing .lead .page h2 a { color: #5a5a5a; }
.section-landing .lead .page p { font-size: 19px; font-size: 1.9rem; line-height: 24px; line-height: 2.4rem; }
.section-landing .lead .post { display: inline-block; margin-bottom: 19px; width: 480px; }
.section-landing .lead .post .entry-content { display: inline; float: right; width: 240px; }
.section-landing p.entry-meta { clear: none; }

/* = Featured Pages
----------------------------------------------- */
.featured-pages h1.section-title { margin-top: 19px; margin-bottom: 0; }

.page.section-landing .featured-page { width: 240px; float: left; padding-left: 10px; padding-right: 10px; margin-top: 19px; border-left: 1px solid #ced5d9; }
.page.section-landing .featured-page h2, .page.section-landing .featured-page h3 { font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; clear: none; }
.page.section-landing .featured-page figure { float: left; margin-right: 10px; margin-bottom: 0; height: 100px; width: 100px; }

.page.section-landing.wide-features .featured-page { width: 480px; border-left: none; }

.page.section-landing .featured-pages .featured-page.first { padding-left: 0; border-left: none; }

ul.featured-pages { -webkit-padding-start: 0px; -moz-padding-start: 0px; margin: 19px 0; }
ul.featured-pages .featured-page { list-style-type: none; }
ul.featured-pages .featured-page h2 { font-size: 17px; font-size: 1.7rem; font-weight: 700; line-height: 20px; line-height: 2rem; margin-top: 0; }
ul.featured-pages .featured-page figure { float: left; margin-right: 10px; margin-bottom: 10px; }

/* = Featured Posts
----------------------------------------------- */
.featuredpost .entry-header { margin-bottom: 10px; }
.featuredpost .alignright img.entry-image { margin: 5px; }
.featuredpost img.entry-image { margin: 5px 0 0 0; }

/* = Section Info
---------------------------------------------------*/
.section-info .section-title { font-family: "Oswald", Helvetica, sans-serif; font-size: 29px; font-size: 2.9rem; color: #678ca7; line-height: 29px; line-height: 2.9rem; }
.section-info .section-title a { text-decoration: none; color: #678ca7; }

/* = Content Lists
---------------------------------------------------*/
.content ul, .content ol { margin: 10px 10px 5px 10px; -webkit-padding-start: 10px; -moz-padding-start: 10px; }
.content ul li, .content ol li { margin-bottom: 10px; }

.entry-content ul li { background-image: url(images/bullet_green.png); list-style: none; background-repeat: no-repeat; background-position: 0 6px; padding-left: 15px; }

.entry-content > ul li li { list-style: disc; background-image: none; padding-left: 0; }

.entry-content > ul li li li { list-style: square; background-image: none; padding-left: 0; }

ul.box-list > li { list-style-type: none; background-image: none; display: inline-block; width: 340px; padding: 20px; margin-bottom: 19px; margin-right: 10px; text-align: top; vertical-align: top; }
ul.box-list > li ul { margin-top: 8px; }

.entry-content .greyback ul li { list-style-type: disc; background-image: none; padding-left: 0; margin-left: 15px; }

ul.box-list { margin: 0; -webkit-padding-start: 0; }

ul li.even { margin-right: 0; margin-left: 10px; }

/* Yellow carat bullet - used on user meeting and MGM sites */
.entry-content ul.carat { list-style-type: none; margin-left: 2px; }
.entry-content ul.carat li { background-image: url(images/bullet_carat.png); background-position: 0px 3px; background-repeat: no-repeat; padding-left: 14px; padding-bottom: 10px; }

/* = Content Archive Pages
---------------------------------------------------*/
.archive p.entry-meta { margin-bottom: 0; }
.archive .entry { margin-bottom: 19px; }

/* Postinfo */
/*postmeta*/
p.entry-meta { clear: both; }

/* = Pagination
--------------------------------*/
.pagination { font-size: 14px; font-size: 1.4rem; color: #b0b0b0; }
.pagination .pages { margin-right: 10px; }
.pagination .page, .pagination .nextpostslink, .pagination .previouspostslink { padding: 0 8px; }
.pagination .current { background-color: #919090; color: white; padding: 0 8px; }
.pagination a { color: #919090; text-decoration: none; }
.pagination a:hover { color: #cd6929; }
.pagination a:active { color: #fdba4d; }
.pagination .extend { letter-spacing: 2px; }

/* = Columns
---------------------------------------------------*/
.one-half.first { border-right: 1px solid #e9e9e9; padding-right: 19px; }

/* = Publications
---------------------------------------------------*/
.citation .publisher { font-style: italic; }

.single-jgi_publication h1.entry-title { font-size: 26px; font-size: 2.6rem; line-height: 30px; line-height: 3rem; }
.single-jgi_publication h2 { font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; margin-bottom: 0; }

/* Video Caption Box 
---------------------------------------------------*/
.yellowbox { border-top: 5px solid #fdba4d; border-bottom: 5px solid #fdba4d; padding: 19px 0 10px 0; color: #5a5a5a; font-size: 15px; font-size: 1.5rem; }
.yellowbox h3 { color: #fdba4d; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; font-weight: normal; margin-bottom: 10px; }

/* Agenda Tables 
------------------------------------------------ */
.agenda table { border-top: 1px solid #609a3e; }
.agenda table tr.greyback { background-color: #e9e9e9 !important; }
.agenda table tr.greyback td { border-bottom: none; }
.agenda table tr:nth-child(even) { background: #fff; }
.agenda table tr:nth-child(odd) { background: #fff; }
.agenda table th { background-color: #eef4de; border-right: 0; }
.agenda table td { border-right: none; border-bottom: 1px solid #99bd3c; background: none; }
.agenda table td.noborder { border-bottom: none; }

/* Invisible Tables 
------------------------------------------------ */
.invisible-table table tr:nth-child(even) { background: #fff; }
.invisible-table table tr:nth-child(odd) { background: #fff; }
.invisible-table table tr, .invisible-table table td, .invisible-table table th { border-right: none; }

/* = Genome Portal Releases
---------------------------------------------------*/
.content .releases_feed { list-style-type: none; }
.content .releases_feed .release_date { display: block; }
.content .releases_feed li { margin: 0; padding: 10px 0; border-bottom: none; }

/* = Body Class tweaks
---------------------------------------------------*/
.hide-title h1.entry-title { display: none; }

/* =Navigation
----------------------------------------------- */
.nav-primary { border-bottom: 5px solid #678ca7; height: 70px; margin-top: 19px; background: white url(images/nav-bg.png) repeat-x; background-position: 0 30px; }

.horizontal-menu-item, .nav-primary ul li, .section-nav ul li { display: inline-block; overflow: visible; position: relative; }

/* = Main Menu
----------------------------------------------- */
.nav-primary ul { list-style-type: none; margin: 0; padding: 0 0 0 10px; }

.nav-primary ul#menu-main-nav > li > a { padding: 0 30px 8px 30px; }

.nav-primary ul#menu-main-nav li:first-child > a { padding-left: 0; }

.nav-primary a { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; display: block; text-decoration: none; font-weight: 300; color: #5a5a5a; }
.nav-primary a:hover { color: #185582; }

.nav-primary li.current-menu-item > a, .nav-primary .current-section a { color: #185582; }

.nav-primary li li a { font-size: 14px; font-size: 1.4rem; line-height: 15px; line-height: 1.5rem; padding: 5px 20px 12px; color: white; }

.current-main-menu-item, .menu-primary > li.current-menu-item, .menu-primary > li.current-menu-ancestor, .menu-primary > li.current-post-ancestor, .our-science-section ul#menu-main-nav .our-science, .our-projects-section ul#menu-main-nav .our-projects, .collaborate-with-jgi-section ul#menu-main-nav .collaborate, .data-tools-section ul#menu-main-nav .data-tools-section, .news-pubs-section ul#menu-main-nav .news-pubs { background: url("images/cur-menu-item.png") center bottom no-repeat; }

.nav-primary ul.menu-primary > li:hover { background: url("images/hov-menu-item.png") center bottom no-repeat; }

.nav-primary li.current-menu-item > ul.sub-menu, .nav-primary li:hover > ul.sub-menu { display: block; }

.nav-primary li:hover > ul.sub-menu { z-index: 3; background: #678ca7; }

.nav-primary li.current-menu-ancestor:hover ul.sub-menu, .our-science-section .nav-primary ul li.our-science > ul.sub-menu, .our-projects-section .nav-primary ul li.our-projects > ul.sub-menu, .data-tools-section .nav-primary ul li.data-tools-section > ul.sub-menu, .collaborate-with-jgi-section .nav-primary ul li.collaborate > ul.sub-menu, .news-pubs-section .nav-primary ul li.news-pubs > ul.sub-menu, .nav-primary ul.sub-menu { background: url(images/nav-bg.png) repeat-x; }

.nav-primary li.current-menu-item:hover > ul.sub-menu, .nav-primary li.current-page-ancestor:hover > ul.sub-menu, .nav-primary li.current-post-ancestor:hover > ul.sub-menu { z-index: 3; background-color: #185582; }

ul.sub-menu { width: 960px; background-position: 0 5px; background-color: #185582; position: absolute; top: 30px; height: 40px; padding-top: 5px; padding-left: 10px; left: 0px; display: none; z-index: 2; }

ul.sub-menu li:hover a, ul.sub-menu .current-menu-item a, ul.sub-menu .current-page-ancestor a, ul.sub-menu li.current-post-ancestor a, .publications .menu-primary li.publications a { color: #fdba4d; }

/* For making it line up correctly on the left */
.our-science > .sub-menu { margin-left: -10px; }

.our-projects > .sub-menu { margin-left: -140px; }

.data-tools-section > ul.sub-menu { margin-left: -305px; }

.collaborate > .sub-menu { margin-left: -475px; }

.news-pubs > .sub-menu { margin-left: -700px; }

/* For displaying the right submenu in each section */
.our-science-section ul#menu-main-nav .our-science > .sub-menu { display: inline-block; z-index: 2; margin-left: -10px; }

.our-projects-section ul#menu-main-nav .our-projects > .sub-menu { display: inline-block; z-index: 2; }

.collaborate-with-jgi-section ul#menu-main-nav .collaborate > .sub-menu { display: inline-block; z-index: 2; }

.data-tools-section ul#menu-main-nav .data-tools-section > .sub-menu { display: inline-block; z-index: 2; }

.news-pubs-section ul#menu-main-nav .news-pubs > .sub-menu { display: inline-block; z-index: 2; }

/* = Section Navigation
----------------------------------------------- */
.section-nav { display: block; }
.section-nav ul li { margin-right: 17px; font-size: 14px; font-size: 1.4rem; }
.section-nav ul li a { text-decoration: underline; text-transform: uppercase; }
.section-nav ul .current-menu-item a, .section-nav ul .current-page-ancestor > a { color: #cd6929; }

/* = Sidebar Menus
----------------------------------------------- */
ul.context-nav { margin-left: 0; padding-left: 0; list-style-type: none; list-style-position: outside; margin: 0 0 38px 0; line-height: 20px; line-height: 2rem; }
ul.context-nav .subnav { padding-left: 0; }
ul.context-nav li { font-weight: bold; list-style-type: none; padding: 5px 10px 5px 10px; line-height: 17px; line-height: 1.7rem; background-color: #e9eff3; margin-bottom: 3px; }
ul.context-nav li.current_page_item, ul.context-nav li.current_page_ancestor, ul.context-nav li.current_page_item:hover, ul.context-nav li.current_page_ancestor:hover { background-color: #f8f2dd; }
ul.context-nav li:last-child { padding-bottom: 10px; }
ul.context-nav li:first-child { padding-top: 10px; }
ul.context-nav li:hover { background-color: #f8f8f2; }
ul.context-nav li:active { background-color: #f8f2dd; }
ul.context-nav li.current_page_ancestor:active { background-color: #f8f2dd; }
ul.context-nav li li { font-weight: normal; border-bottom: none; padding: 5px 0 0 20px; background-color: #f8f2dd; }
ul.context-nav li li:hover { background-color: #f8f2dd; }
ul.context-nav li li:active { background-color: #f8f2dd; color: #99bd3c; }
ul.context-nav li li:first-child { padding-top: 10px; }
ul.context-nav a { color: #5a5a5a; text-decoration: none; display: block; }
ul.context-nav a:active { color: #99bd3c; }
ul.context-nav a:hover { color: #609a3e; }
ul.context-nav .current_page_item > a { color: #609a3e; }

/*= Secondary Nav Menu 
-----------------------------*/
.nav-secondary ul { float: right; list-style-type: none; }
.nav-secondary ul li { display: inline-block; text-transform: uppercase; padding-left: 10px; font-size: 13px; font-size: 1.3rem; }
.nav-secondary ul li a { color: #5a5a5a; }
.nav-secondary ul li a:hover { color: #fdba4d; }

/*= Header Menu Widget 
-----------------------------*/
.nav-header ul { list-style-type: none; }
.nav-header ul li { display: inline-block; text-transform: uppercase; padding-left: 10px; font-size: 13px; font-size: 1.3rem; }
.nav-header ul li a { color: #5a5a5a; }
.nav-header ul li a:hover { color: #fdba4d; }

.nav-header { padding-right: 10px; }

/*= Footer Menu Widget 
-----------------------------*/
.footer-widgets .widget_nav_menu li { font-size: 13px; font-size: 1.3rem; }
.footer-widgets .widget_nav_menu li a { color: #5a5a5a; text-decoration: underline; }
.footer-widgets .widget_nav_menu li a:hover, .footer-widgets .widget_nav_menu li a:active { color: #cd6929; }

button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ }

button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ }

button, html input[type="button"], input[type="reset"], input[type="submit"] { border: none; background: #99bd3c; color: white; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ padding: 4px 6px; text-transform: uppercase; font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; vertical-align: middle; }

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #f8f2dd; }

button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { color: #fdba4d; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ }

input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ }

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #ced5d9; border: 1px solid #e9e9e9; font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #5a5a5a; }

input[type="search"] { padding: 2px; vertical-align: middle; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"] { padding: 3px; }

textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; }

label { display: block; }

/* Register Button
------------------------------------------------ */
button.reg { font-family: "Oswald", Helvetica, sans-serif; background-color: #cd6929; font-size: 15px; font-size: 1.5rem; text-transform: uppercase; letter-spacing: 1px; }
button.reg a { color: white; text-decoration: none; }

button.reg:hover, button.reg:hover a { color: #f8f2dd; }

button.reg:active, button.reg:active a { color: #fdba4d; }

/* Login Form
------------------------------------------------ */
.page-template-page-loginform-php h1.entry-title { text-align: center; }
.page-template-page-loginform-php #login { width: 320px; margin: auto; border: 1px solid #e9e9e9; padding: 10px; }
.page-template-page-loginform-php #login input[type="text"], .page-template-page-loginform-php #login input[type="password"] { width: 100%; }

/* =Widgets
----------------------------------------------- */
.widget ul { list-style: none; margin: 0; padding: 0; }

/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }

/* Search widget */
.widget_search .search-submit { display: none; }

.home-bottom .widget:first-child { width: 410px; float: left; border-right: 1px solid #ced5d9; margin-right: 10px; }

.home-bottom .widget:last-child { width: 540px; padding-left: 10px; float: left; }

.widgettitle { font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; margin: 0; color: #185582; font-weight: 700; padding-bottom: 19px; }

/* widget titles on landing pages */
.landing-widget-title, .home.page .featured-page h2, .section-landing .widgettitle, .featured-pages h1.section-title, .home .widgettitle { font-family: "Oswald", Helvetica, sans-serif; font-size: 29px; font-size: 2.9rem; line-height: 29px; line-height: 2.9rem; color: #678ca7; font-weight: 400; }

/* = Featured posts and pages 
---------------------------------------------- */
.jgi.featuredpost h2.entry-title, .featuredpost h2.entry-title { font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; font-weight: 700; font-family: "Karla", Helvetica, arial, sans-serif; margin: 8px 0 0 0; clear: none; }
.jgi.featuredpost .post, .featuredpost .post { margin-bottom: 5px; }
.jgi.featuredpost .post:first-child, .featuredpost .post:first-child { padding-top: 0; }
.jgi.featuredpost .post:last-child, .featuredpost .post:last-child { margin-bottom: 0; }
.jgi.featuredpost p.entry-meta, .featuredpost p.entry-meta { margin: 0; clear: none; }
.jgi.featuredpost p.more-from-category, .featuredpost p.more-from-category { margin: 0 0 8px 0; text-transform: uppercase; font-size: 11px; font-size: 1.1rem; }

.jgi_line-separator .widget-wrap .post { border-bottom: 1px solid #ced5d9; padding: 7px 0; margin: 0; }
.jgi_line-separator .widget-wrap .post:last-child { border-bottom: none; }
.jgi_line-separator .widget-wrap .post p { font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem; margin: 0; }
.jgi_line-separator .widget-wrap h2.widgettitle { padding-bottom: 7px; }
.jgi_line-separator .widget-wrap .post:first-child { padding: 0 0 7px 0; }
.jgi_line-separator .widget-wrap p.more-from-category { border-top: 1px solid #ced5d9; padding-top: 8px; margin-top: 8px; }

/* = Releases widget 
---------------------------------------------- */
.releases_feed .release_date { display: block; }
.releases_feed li { margin: 0; padding: 10px 0; border-bottom: 1px solid #e9e9e9; }
.releases_feed li:last-child { margin-bottom: 10px; }
.releases_feed li a { font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem; }

/* = Widgets in sidebar
---------------------------------------------- */
.sidebar .widget { background-image: url("images/side_texture.png"); background-repeat: repeat-x repeat-y; padding: 10px; }

/* Search Styles */
/*= Google Custom Search
--------------------------------------*/
.search-section input, .search-section .gsc-option-menu-container, .search-section table, .search-section td, .search-section tr, .search-section div { box-sizing: content-box; -moz-box-sizing: content-box; -webxit-box-sizing: content-box; }
.search-section .gsc-search-box-tools .gsc-search-box .gsc-input { padding-top: 2px; }
.search-section input.gsc-input { font-size: 14px; font-size: 1.4rem; color: #5a5a5a; margin: 0px !important; }
.search-section input.gsc-search-button-v2 { margin-top: 0 !important; }
.search-section table { margin: 0; border-top: none; border-bottom: none; }
.search-section th, .search-section td { border-right: none; border-bottom: none; padding: 0; vertical-align: top; display: table-cell; }
.search-section td.gsib_a { padding: 2px; height: 1.25rem; }
.search-section a.gsst_a { padding-top: 6px; }
.search-section a.gsst_a .gscb_a { font: 25px/13px arial, sans-serif; }
.search-section .gsc-getlink-box img { max-width: 50px; }
.search-section tr:nth-child(odd) { background: #fff; }
.search-section tr:nth-child(even) { background: #fff; }
.search-section .gsc-input-box { height: auto; }
.search-section .gssb_c { padding-top: 30px !important; font-family: "Karla", Helvetica, arial, sans-serif !important; }
.search-section .gsc-completion-selected { color: #cd6929; }
.search-section .gssb_f { background-color: white; }