@import url(//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/
*/
/*----------------------------------------------- */
/* 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;
  text-decoration: none;
}

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;
}
.get-more-info a {
  text-decoration: none;
  border-bottom: 1px dotted #2e669b;
}
.get-more-info a:hover {
  border-bottom: 1px dotted #cd6929;
  color: #cd6929;
}
.get-more-info a:active {
  color: #fdba4d;
  border-bottom: 1px dotted #fdba4d;
}

/* =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;
}

/* = Breadcrumbx
----------------------------------------------- */
.breadcrumb {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
  color: #919090;
}
.breadcrumb a {
  text-decoration: none;
  color: #cd6929;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb a:active {
  color: #fdba4d;
}

/* 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;
  width: 210px;
  display: inline-table;
}
.section-info .breadcrumb {
  width: 660px;
  padding-left: 10px;
  display: inline-table;
  vertical-align: baseline;
}

.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;
}

.sd-content ul li {
  background-image: none;
}

.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 {
  height: 85px;
  margin-top: 9px;
  background: white url(images/nav-bg.png) repeat-x;
  background-position: 0 45px;
  z-index: 5;
}
.nav-primary > .wrap {
  position: relative;
}

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

/* = Main Menu
----------------------------------------------- */
.nav-primary ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav-primary ul li 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 ul li a:hover {
  color: #cd6929;
}
.nav-primary ul#menu-main-nav > li {
  border-bottom: 5px solid white;
  border-top: 3px solid white;
  padding: 7px 0 3px 0;
}
.nav-primary ul#menu-main-nav > li > a {
  padding: 0 30px 5px;
}
.nav-primary ul#menu-main-nav > li.current-menu-item .sub-menu, .nav-primary ul#menu-main-nav > li.current-menu-ancestor .sub-menu, .nav-primary ul#menu-main-nav > li.current-post-ancestor .sub-menu {
  display: block;
}
.nav-primary .sub-menu {
  width: 960px;
  background-position: 0 5px;
  background-color: #185582;
  position: absolute;
  top: 42px;
  left: 2000px;
  height: 35px;
  padding-top: 5px;
  display: none;
  z-index: 10;
}
.nav-primary .sub-menu .menu-item-type-featurette {
  display: none;
}
.nav-primary .sub-menu ul.nav-links {
  text-align: center;
}
.nav-primary .sub-menu ul.nav-links a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  line-height: 1.5rem;
  padding: 5px 20px 12px;
  color: white;
}
.nav-primary .sub-menu ul.nav-links a:hover {
  color: #fdba4d;
}
.nav-primary .sub-menu ul.nav-links a:active {
  color: white;
}
.nav-primary .sub-menu ul.nav-links .current-menu-item a,
.nav-primary .sub-menu ul.nav-links .current-menu-ancestor a,
.nav-primary .sub-menu ul.nav-links .current-page-ancestor a {
  color: #fdba4d;
}

.current-main-menu-item, .nav-primary ul#menu-main-nav > li.current-menu-item, .nav-primary ul#menu-main-nav > li.current-menu-ancestor, .nav-primary ul#menu-main-nav > li.current-post-ancestor, .our-science-section ul#menu-main-nav .our-science, .our-projects-section ul#menu-main-nav .our-projects, .collaborate-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 {
  border-bottom: 5px solid #678ca7;
  color: #185582;
}

.nav-primary ul#menu-main-nav li.hover {
  background: white;
  z-index: 11;
  border-bottom: 5px solid #678ca7 !important;
}
.nav-primary ul#menu-main-nav li.hover > a:active {
  color: #fdba4d;
}
.nav-primary ul#menu-main-nav li.hover > a {
  color: #678ca7;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu {
  z-index: 5;
  background: white;
  display: block;
  border-top: 1px solid #678ca7;
  -webkit-box-shadow: 10px 10px 18px -3px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 10px 10px 18px -3px rgba(0, 0, 0, 0.36);
  box-shadow: 10px 10px 18px -3px rgba(0, 0, 0, 0.36);
  /*ul.nav-links {
  	
  	display:block;
  	width: $colwidth * 5 - $grid-padding;
  	padding: 6px $grid-padding 0 0;
  	margin-left: $grid-padding;
  	float:left;
  	text-align:left;
  	li{
  		display: block;
  		padding: 5px 10px 5px 20px;
  	}
  	a{
  		color: $med-blue;
  		border-bottom: 1px solid $cream;
  		font-weight:regular;
  		padding: 5px 5px 5px 5px;
  		@include font-size(14);
  	}
  	a:hover{
  		background-color: $med-blue;
  		color: $yellow;
  	}
  	a:active{
  		color: $white;
  	}
  }*/
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu ul.nav-links {
  border-bottom: 1px solid #e9e9e9;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu ul.nav-links a {
  color: #678ca7;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu ul.nav-links a:hover {
  color: #cd6929;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu ul.nav-links a:active {
  color: #fdba4d;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette {
  display: block;
  left: 299px;
  padding: 0 19px 19px 19px;
  margin: 10px 10px 10px 0;
  border-right: none;
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: normal;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .col_2 .entry {
  display: inline-table;
  vertical-align: top;
  width: 401px;
  padding: 0;
  margin-right: 38px;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .col_2 .entry:nth-child(even) {
  margin-right: 0;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .col_3 .entry {
  display: inline-table;
  vertical-align: top;
  width: 281px;
  padding: 0;
  margin-right: 21px;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .col_3 .entry:nth-child(3n+3) {
  margin-right: 0;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry header {
  color: #609a3e;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry header a {
  color: #609a3e;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry p {
  font-size: 14px;
  font-size: 1.4rem;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 19px;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry ul li {
  display: list-item;
  list-style-type: disc;
  margin-bottom: 6px;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry a {
  display: inline;
  color: #2e669b;
  text-decoration: underline;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry .get-more-info {
  padding-top: 7px;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry .get-more-info a {
  text-decoration: none;
  font-size: 11px;
  font-size: 1.1rem;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry a:hover {
  color: #cd6929;
  text-decoration: none;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry a:active {
  color: #fdba4d;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry p {
  margin-bottom: 8px;
}
.nav-primary ul#menu-main-nav li.hover > .sub-menu .menu-item-type-featurette .entry figure {
  height: 90px;
  width: 280px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 5px;
}

.nav-primary li.inactive .sub-menu {
  display: none;
  z-index: 2;
}
.nav-primary li.inactive .sub-menu ul.nav-links {
  background-color: transparent;
  text-align: center;
}

.nav-primary li.current-menu-ancestor.hover ul.sub-menu,
.nav-primary > ul > li.current-menu-item.hover ul.sub-menu {
  top: 35px;
}

/* 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;
}

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

.collaborate-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;
}

/*
ul#menu-main-nav .current-menu-item,
ul#menu-main-nav .current-menu-ancestor{
	> sub-menu{
		display:inline-block;
		margin-left: 1900px;
	}	
}
*/
/* = 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
----------------------------------------------- */
.sidebar .widget.widget_nav_menu {
  background: none;
  padding: 0;
}

ul.context-nav, .sidebar .widget_nav_menu ul.menu {
  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, .sidebar .widget_nav_menu ul.menu .subnav {
  padding-left: 0;
}
ul.context-nav li, .sidebar .widget_nav_menu ul.menu li {
  font-weight: bold;
  list-style-type: none;
  padding: 5px 10px 5px 10px;
  line-height: 17px;
  line-height: 1.7rem;
  margin-bottom: 3px;
}
ul.context-nav li, ul.context-nav li .sub-menu li, .sidebar .widget_nav_menu ul.menu li, .sidebar .widget_nav_menu ul.menu li .sub-menu li {
  background-color: #e9eff3;
}
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,
ul.context-nav li.current-menu-item, ul.context-nav li.current-menu-ancestor,
ul.context-nav li.current-menu-item:hover, ul.context-nav li.current-menu-item:hover .sub-menu li, .sidebar .widget_nav_menu ul.menu li.current_page_item, .sidebar .widget_nav_menu ul.menu li.current_page_ancestor,
.sidebar .widget_nav_menu ul.menu li.current_page_item:hover, .sidebar .widget_nav_menu ul.menu li.current_page_ancestor:hover,
.sidebar .widget_nav_menu ul.menu li.current-menu-item, .sidebar .widget_nav_menu ul.menu li.current-menu-ancestor,
.sidebar .widget_nav_menu ul.menu li.current-menu-item:hover, .sidebar .widget_nav_menu ul.menu li.current-menu-item:hover .sub-menu li {
  background-color: #f8f2dd;
}
ul.context-nav li:last-child, .sidebar .widget_nav_menu ul.menu li:last-child {
  padding-bottom: 10px;
}
ul.context-nav li:first-child, .sidebar .widget_nav_menu ul.menu li:first-child {
  padding-top: 10px;
}
ul.context-nav li:hover, ul.context-nav li:hover .sub-menu li, .sidebar .widget_nav_menu ul.menu li:hover, .sidebar .widget_nav_menu ul.menu li:hover .sub-menu li {
  background-color: #f8f8f2;
}
ul.context-nav li:active, .sidebar .widget_nav_menu ul.menu li:active {
  background-color: #f8f2dd;
}
ul.context-nav li.current_page_ancestor:active, .sidebar .widget_nav_menu ul.menu li.current_page_ancestor:active {
  background-color: #f8f2dd;
}
ul.context-nav li li, .sidebar .widget_nav_menu ul.menu li li {
  font-weight: normal;
  border-bottom: none;
  padding: 5px 0 0 20px;
  background-color: #f8f2dd;
}
ul.context-nav li li:hover, .sidebar .widget_nav_menu ul.menu li li:hover {
  background-color: #f8f2dd;
}
ul.context-nav li li:active, .sidebar .widget_nav_menu ul.menu li li:active {
  background-color: #f8f2dd;
  color: #99bd3c;
}
ul.context-nav li li:first-child, .sidebar .widget_nav_menu ul.menu li li:first-child {
  padding-top: 10px;
}
ul.context-nav a, .sidebar .widget_nav_menu ul.menu a {
  color: #5a5a5a;
  text-decoration: none;
  display: block;
}
ul.context-nav a:active, .sidebar .widget_nav_menu ul.menu a:active {
  color: #99bd3c;
}
ul.context-nav a:hover, .sidebar .widget_nav_menu ul.menu a:hover {
  color: #609a3e;
}
ul.context-nav .current_page_item > a, ul.context-nav .current-menu-item > a, .sidebar .widget_nav_menu ul.menu .current_page_item > a, .sidebar .widget_nav_menu ul.menu .current-menu-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;
}

/* Menu Underlay 
----------------------------- */
.menu-underlay {
  width: 100%;
  position: absolute;
  top: 198px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 2;
}

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 */
}

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: #5a5a5a;
  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: 15px;
  font-size: 1.5rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-family: "Karla", Helvetica, arial, sans-serif;
  margin: 8px 0 0 0;
  clear: none;
}
.jgi.featuredpost h2.entry-title a,
.featuredpost h2.entry-title a {
  text-decoration: underline;
}
.jgi.featuredpost .entry-header,
.featuredpost .entry-header {
  margin-bottom: 0;
}
.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 0 10px;
}
.jgi_line-separator .widget-wrap .post:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.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;
}