StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

News Theme default fonts not working after HTML5 implementation

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › News Theme default fonts not working after HTML5 implementation

This topic is: not resolved

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 5, 2013 at 10:41 pm #61022
    jshiplett
    Member

    Before I implemented HTML5, I was using the default Oswald and Droid Sans fonts, which I was perfectly happy with. After HTML5, however, neither of these fonts will work properly (using Chrome and IE, I get generic serif font for Oswald and generic sans-serif for Droid Sans), and I have to specify the font family for each section (body, heading, etc.) whereas before this was not the case. If I don't do this, it uses what looks like Times New Roman or some other ugly serif font.

    Here's what I have for my style.css:

    STYLE.CSS

/*
	Theme Name: News Child Theme
	Theme URI: http://www.studiopress.com/themes/news
	Description: News is a two or three column child theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 2.1
	
	Tags: black, custom-background, custom-header, custom-menu, featured-images, fixed-width, gray, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, three-columns, translation-ready, two-columns, white
	
	Template: genesis
	Template Version: 1.8.2

	License: GNU General Public License v2.0
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents

* Import Fonts
* Defaults
* Hyperlinks
* Body
* Wrap
* Header
* Image Header - Partial Width
* Image Header - Full Width
* Navigation Constants
* Header Right Navigation
* Primary Navigation
* Primary Navigation Extras
* Secondary Navigation
* Social Icons
* Inner
* Breadcrumb
* Taxonomy Description
* Content-Sidebar Wrap
* Content
* Column Classes
* Featured Post Grid
* Headlines
* Ordered / Unordered Lists
* Post Info
* Post Meta
* Author Box
* Sticky Posts
* Archive Page
* Post Icons
* Images
* Post Navigation
* Primary / Secondary Sidebars
* Dropdowns
* Featured Page / Post
* User Profile
* Buttons
* Search Form
* eNews & Updates Widget
* Calendar Widget
* Footer Widgets
* Footer
* Comments
* Gravity Forms
* News Green
* News Orange
* News Pink
* News Purple
* News Red
* News Teal
* Responsive Design

*/

/* Import Fonts
------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif); <note: I added this, Droid Serif shows up as expected>
@import url(http://fonts.googleapis.com/css?family=Oswald);

/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #333;
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

input {
	color: #333;
	font-family: 'Droid Sans', sans-serif;
}

input,
select,
textarea,
.breadcrumb,
.sticky,
.taxonomy-description {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}

/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	color: #0094d2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

/* Body
------------------------------------------------------------ */

body {
	background: url(images/bg-light.png);
	font-family: 'Droid Sans', sans-serif;
}

/* Wrap
------------------------------------------------------------ */

.site-container {
	margin: 0 auto;
}

/* Header
------------------------------------------------------------ */

.site-header {
	background-color: #fff;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	min-height: 110px;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

.title-area {
	float: left;
	overflow: hidden;
	padding: 18px 0 0 20px;
	width: 440px;
}

.site-title {
	font-family: 'Droid Sans', sans-serif;
	font-size: 54px;
	font-weight: bold;
	line-height: 54px;
	margin: 0;
	text-shadow: 3px 3px #ccc;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
	color: #333;
	text-decoration: none;
}

.site-description {
	color: #999;
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.site-header .widget-area {
	float: right;
	padding: 25px 0 0;
	width: 493px;
}

/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
	display: block;
	float: left;
	height: 110px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 465px;
}

.header-image .site-description {
	display: block;
	overflow: hidden;
}

/* Image Header - Full Width
------------------------------------------------------------ */

.header-full-width .title-area,
.header-full-width .site-title,
.header-full-width .site-title a {
	width: 960px;
}

/* Navigation Constants
------------------------------------------------------------ */

li:hover ul ul,
li.sfHover ul ul {
	left: -9999px;
}

li:hover,
li.sfHover {
	position: static;
}

li a .sf-sub-indicator {
	position: absolute;
	text-indent: -9999px;
}

/* Header Right Navigation
------------------------------------------------------------ */

.site-header ul.menu {
	float: right;
}

.site-header ul.menu ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
}

.site-header ul.menu li {
	float: left;
	list-style-type: none;
	text-transform: uppercase;
}

.site-header ul.menu li a {
	color: #999;
	display: block;
	font-size: 12px;
	padding: 6px 15px 5px;
	position: relative;
	text-decoration: none;
}

.site-header ul.menu li a:hover,
.site-header ul.menu li a:active,
.site-header ul.menu .current_page_item a,
.site-header ul.menu .current-cat a,
.site-header ul.menu .current-menu-item a {
	color: #0094d2;
}

.site-header ul.menu li li a,
.site-header ul.menu li li a:link,
.site-header ul.menu li li a:visited {
	background-color: #111;
	border: 1px solid #444;
	border-top-width: 0;
	color: #999;
	font-size: 11px;
	padding: 5px 10px;
	position: relative;
	text-transform: none;
	width: 128px;
}

.site-header ul.menu li li a:hover,
.site-header ul.menu li li a:active {
	color: #0094d2;
}

.site-header ul.menu li ul {
	height: auto;
	left: -9999px;
	margin: 0 0 0 -1px;
	position: absolute;
	width: 150px;
	z-index: 9999;
}

.site-header ul.menu li ul a {
	width: 130px;
}

.site-header ul.menu li ul ul {
	margin: -33px 0 0 149px;
}

.site-header ul.menu li:hover>ul,
.site-header ul.menu li.sfHover ul {
	left: auto;
}

/* Primary Navigation
------------------------------------------------------------ */

.nav-primary {
	background: url(images/bg-dark.png);
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	clear: both;
	color: #fff;
	font-family: "Oswald", Arial, serif;
	margin: 0 auto;
	overflow: hidden;
	text-transform: uppercase;
	width: 960px;
}

.nav-primary ul {
	float: left;
	width: 100%;
}

.nav-primary li {
	float: left;
	list-style-type: none;
}

.nav-primary li a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 9px 15px;
	position: relative;
	text-decoration: none;
}

.nav-primary li a:hover,
.nav-primary li a:active,
.nav-primary .current_page_item a,
.nav-primary .current-cat a,
.nav-primary .current-menu-item a {
	color: #0094d2;
}

.nav-primary li li a,
.nav-primary li li a:link,
.nav-primary li li a:visited {
	background: url(images/bg-dark.png);
	border: 1px solid #444;
	border-top-width: 0;
	color: #fff;
	font-size: 11px;
	padding: 5px 10px;
	position: relative;
	text-transform: none;
	width: 118px;
}

.nav-primary li li a:hover,
.nav-primary li li a:active {
	color: #0094d2;
}

.nav-primary li ul {
	height: auto;
	left: -9999px;
	position: absolute;
	width: 140px;
	z-index: 9999;
}

.nav-primary li ul a {
	width: 120px;
}

.nav-primary li ul ul {
	margin: -33px 0 0 139px;
}

.nav-primary li:hover>ul,
.nav-primary li.sfHover ul {
	left: auto;
}

/* Primary Navigation Extras
------------------------------------------------------------ */

.nav-primary li.right {
	float: right;
	font-size: 14px;
	padding: 9px 15px;
}

.nav-primary li.right a {
	background: none;
	border: none;
	color: #fff;
	display: inline;
	text-decoration: none;
}

.nav-primary li.right a:hover {
	color: #0094d2;
	text-decoration: none;
}

.nav-primary li.search {
	padding: 0 10px;
}

.nav-primary li.rss a {
	background: url(images/rss.png) no-repeat center left;
	margin: 0 0 0 20px;
	padding: 7px 0 5px 18px;
}

.nav-primary li.twitter a {
	background: url(images/twitter-nav.png) no-repeat center left;
	padding: 7px 0 5px 20px;
}

/* Secondary Navigation
------------------------------------------------------------ */

.nav-secondary {
	clear: both;
	font-family: "Oswald", arial, serif;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

.nav-secondary ul {
	float: left;
	width: 100%;
}

.nav-secondary li {
	float: left;
	list-style-type: none;
}

.nav-secondary li a {
	color: #333;
	display: block;
	font-size: 12px;
	padding: 12px 15px 10px;
	position: relative;
	text-decoration: none;
}

.nav-secondary li a:hover,
.nav-secondary li a:active,
.nav-secondary .current_page_item a,
.nav-secondary .current-cat a,
.nav-secondary .current-menu-item a {
	color: #0094d2;
}

.nav-secondary li li a,
.nav-secondary li li a:link,
.nav-secondary li li a:visited {
	background: url(images/bg-light.png);
	border: 1px solid #ccc;
	border-top-width: 0;
	color: #333;
	font-size: 11px;
	padding: 5px 10px;
	position: relative;
	text-transform: none;
	width: 118px;
}

.nav-secondary li li a:hover,
.nav-secondary li li a:active {
	color: #0094d2;
}

.nav-secondary li ul {
	height: auto;
	left: -9999px;
	position: absolute;
	width: 140px;
	z-index: 9999;
}

.nav-secondary li ul a {
	width: 120px;
}

.nav-secondary li ul ul {
	margin: -33px 0 0 139px;
}

.nav-secondary li:hover>ul,
.nav-secondary li.sfHover ul {
	left: auto;
}

/* Social Icons
------------------------------------------------------------ */

.nav-secondary li.social-facebook,
.nav-secondary li.social-rss,
.nav-secondary li.social-twitter {
	float: right;
}

.nav-secondary li.social-facebook a,
.nav-secondary li.social-facebook a:hover,
.nav-secondary li.social-rss a,
.nav-secondary li.social-rss a:hover,
.nav-secondary li.social-twitter a,
.nav-secondary li.social-twitter a:hover {
	display: block;
	height: 23px;
	padding: 0;
	text-indent: -9999px;
	width: 23px;
}

.nav-secondary li.social-facebook a,
.nav-secondary li.social-facebook a:hover,
.nav-secondary li.social-rss a,
.nav-secondary li.social-rss a:hover,
.nav-secondary li.social-twitter a,
.nav-secondary li.social-twitter a:hover {
	background: url(images/social-icons.png);
	margin: 10px 10px 0 0;
}

.nav-secondary li.social-rss a,
.nav-secondary li.social-rss a:hover {
	margin: 10px 15px 0 0;
}

.nav-secondary li.social-facebook a {
	background-position: 0 0;
}

.nav-secondary li.social-facebook a:hover {
	background-position: 0 -23px;
}

.nav-secondary li.social-rss a {
	background-position: -46px 0;
}

.nav-secondary li.social-rss a:hover {
	background-position: -46px -23px;
}

.nav-secondary li.social-twitter a {
	background-position: -23px 0;
}

.nav-secondary li.social-twitter a:hover {
	background-position: -23px -23px;
}

/* Inner
------------------------------------------------------------ */

.site-inner {
	background-color: #fff;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
}

.news-landing .site-inner {
	margin: 20px auto;
	width: 700px;
}

.site-inner:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.content-sidebar .site-inner {
	background: url(images/inner-cs.png);
}

.sidebar-content .site-inner {
	background: url(images/inner-sc.png);
}
	
.content-sidebar-sidebar .site-inner {
	background: url(images/inner-css.png);
}
	
.sidebar-sidebar-content .site-inner {
	background: url(images/inner-ssc.png);
}
	
.sidebar-content-sidebar .site-inner {
	background: url(images/inner-scs.png);
}
	
.full-width-content .site-inner {
	background: #fff;
}

/* Home Top
------------------------------------------------------------ */

#home-top {
	border-bottom: 1px solid #d5d5d5;
	overflow: hidden;
}

#home-top .border {
	border-bottom: 4px solid #eee;
	overflow: hidden;
}

#home-top .wrap {
	overflow: hidden;
	padding: 20px 25px 15px;
}

#home-top .ui-tabs ul.ui-tabs-nav {
	border-bottom: 1px dotted #ddd;
	margin: 10px 0;
	padding: 0 0 13px;
}

#home-top .ui-tabs ul.ui-tabs-nav li a {
	background-color: #f5f5f5;
	font-weight: bold;
}

#home-top .ui-tabs ul.ui-tabs-nav li a:hover,
#home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
	background-color: #00a7ed;
	color: #fff;
}

#home-top .ui-tabs .post {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

/* Home Middle
------------------------------------------------------------ */

#home-middle {
	border-bottom: 1px solid #d5d5d5;
	overflow: hidden;
}

#home-middle .border {
	border-bottom: 4px solid #eee;
	overflow: hidden;
}

#home-middle .wrap {
	overflow: hidden;
	padding: 25px 25px 15px;
}

.home-middle-left {
	float: left;
	width: 290px;
}

.home-middle-right {
	float: right;
	width: 285px;
}

/* Home Bottom
------------------------------------------------------------ */

#home-bottom {
	overflow: hidden;
}

#home-bottom .wrap {
	overflow: hidden;
	padding: 20px 25px 15px;
}

/* Breadcrumb
------------------------------------------------------------ */

.breadcrumb {
	border: none;
	font-size: 12px;
	font-family: "Oswald", arial, serif;
	line-height: 20px;
	margin: 0 0 30px;
	padding: 5px 10px;
}

/* Taxonomy Description
------------------------------------------------------------ */

.taxonomy-description {
	border: none;
	margin: 0 0 30px;
	padding: 10px;
}

/* Content-Sidebar Wrap
------------------------------------------------------------ */

.content-sidebar-wrap {
	float: left;
	width: 810px;
}

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 805px;
}

.content-sidebar .content-sidebar-wrap,
.full-width-content .content-sidebar-wrap,
.sidebar-content .content-sidebar-wrap {
	width: 960px;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

.news-landing .content-sidebar-wrap {
	width: 700px;
}

/* Content
------------------------------------------------------------ */

.content {
	float: left;
	padding: 25px 35px;
	width: 430px;
}

.content-sidebar .content,
.sidebar-content .content {
	width: 580px;
}

.content-sidebar-sidebar .content {
	width: 425px;
}

.sidebar-content .content,
.sidebar-sidebar-content .content {
	float: right;
}

.home.news.content-sidebar .content {
	padding: 0;
	width: 650px;
}

.full-width-content .content {
	width: 910px;
}

.full-width-content.news-landing .content {
	width: 630px;
}

blockquote {
	background-color: #f5f5f5;
	margin: 5px 15px 20px;
	padding: 15px 20px 0;
}

blockquote p {
	color: #666;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
}

.post {
	margin: 0 0 40px;
}

.single .post {
	margin: 0 0 10px;
}

.entry-content {
	overflow: hidden;
}

.entry-content p {
	padding: 0 0 15px;
}

p.subscribe-to-comments {
	padding: 20px 0 10px;
}

.after-post-ad {
	background-color: #f5f5f5;
	margin: 5px 0 10px;
	padding: 10px;
	overflow: hidden;
}

.after-content-ad {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 20px;
	text-align: center;
	width: 960px;
}

.more-from-category {
	background: url(images/list.png) no-repeat top left;
	list-style-type: none;
	padding: 0 0 0 15px;
}

.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px dotted #ddd;
	clear: both;
	margin: 0 0 15px;
}

/* Column Classes
------------------------------------------------------------ */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin: 0 0 20px;
	padding-left: 3%;
}

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

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

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

.one-fourth {
	width: 22.5%;
}

.three-fourths {
	width: 73.5%;
}

.one-fifth {
	width: 17.4%;
}

.two-fifths {
	width: 37.8%;
}

.three-fifths {
	width: 58.2%;
}

.four-fifths {
	width: 78.6%;
}

.one-sixth {
	width: 14%;
}

.five-sixths {
	width: 82%;
}

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

/* Featured Post Grid
------------------------------------------------------------ */

.genesis-grid-even {
	float: right;
	padding: 0 0 15px;
	width: 48%;
}

.genesis-grid-odd {
	clear: both;
	float: left;
	padding: 0 0 15px;
	width: 48%;
}

.genesis-grid-even,
.genesis-grid-odd {
	margin: 0 0 20px;
}

/* Headlines
------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Oswald", arial, serif;
	margin: 0 0 10px;
}

h1,
h2,
h2 a,
h2 a:visited {
	font-family: "Oswald", arial, serif;
	font-size: 24px;
	line-height: 30px;
}

.featuredpost h2,
.featuredpost h2 a {
	font-size: 16px;
	font-family: 'Droid Sans', sans-serif;
	line-height: 20px;
	margin: 0 0 5px;
}

#home-bottom h2,
#home-top h2 {
	margin: 5px 0;
}

.home-middle-right .featuredpost h2,
.home-middle-right h2 a,
.sidebar .featuredpost h2,
.sidebar .featuredpost h2 a {
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 10px 0 0;
}

.taxonomy-description h1,
.widget-area h2,
.widget-area h2 a {
	font-size: 18px;
	line-height: 24px;
}

h2 a:hover {
	color: #0094d2;
	text-decoration: none;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

.widget h4,
.widget-area h4 {
	text-transform: uppercase;
	word-spacing: 2px;
}

.widget h4,
.widget-area h4 {
	font-size: 14px;
}

.widget-area h4 a {
	color: #333;
	text-decoration: none;
}

.footer-widgets h4 {
	background: none;
	border: none;
	margin: 0 0 5px;
	padding: 0;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 15px;
}

.entry-content ol {
	margin: 0;
}

.archive-page ul li,
.entry-content ul li {
	list-style-type: square;
	margin: 0 0 0 30px;
	padding: 0;
}

.entry-content ol li {
	margin: 0 0 0 35px;
}

.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
	padding: 0;
}

/* Post Info
------------------------------------------------------------ */

.entry-header .entry-meta {
	font-size: 11px;
	margin: 0 0 15px;
}

.featuredpost .entry-header .entry-meta,
.ui-tabs .entry-header .entry-meta {
	color: #666;
	margin: 0;
}

.ui-tabs .entry-header .entry-meta {
	margin: 0 0 5px;
}

/* Post Meta
------------------------------------------------------------ */

.entry-footer .entry-meta {
	background-color: #f5f5f5;
	clear: both;
	font-size: 11px;
	font-family: "Oswald", arial, serif;
	padding: 7px 10px 5px;
}

/* Author Box
------------------------------------------------------------ */

.author-box {
	background-color: #f5f5f5;
	margin: 0 0 40px;
	overflow: hidden;
	padding: 10px;
}

.author-box-content p {
	font-size: 13px;
	font-family: "Oswald", arial, serif;
	line-height: 20px;
}

/* Sticky Posts
------------------------------------------------------------ */

.sticky {
	margin: 0 0 40px;
	padding: 20px;
}

/* Archive Page
------------------------------------------------------------ */

.archive-page {
	float: left;
	padding: 20px 0;
	width: 45%;
}

/* Post Icons
------------------------------------------------------------ */

.entry-categories {
	background: url(images/icon-categories.png) no-repeat top left;
	padding: 3px 0 3px 22px;
}

.entry-comments-link {
	background: url(images/icon-comments.png) no-repeat top left;
	margin: 0 0 0 10px;
	padding: 2px 0 2px 22px;
}

.entry-tags {
	background: url(images/icon-tags.png) no-repeat top left;
	margin: 0 0 0 10px;
	padding: 3px 0 3px 20px;
}

.time {
	background: url(images/icon-time.png) no-repeat top left;
	padding: 2px 0 2px 21px;
}

.featuredpost .entry-comments-link,
.featuredpost  .time {
	background: none;
	margin: 0;
	padding: 0;
}

/* Images
------------------------------------------------------------ */

img {
	height: auto;
	max-width: 100%;
}

.avatar,
.entry-content img,
.featuredpage img,
.featuredpost img,
.post-image,
.ui-tabs img {
	background-color: #fff;
	border: 4px solid #eee;
	padding: 1px;
}

.featuredpost img {
	margin: 0 0 10px;
}

img.ad-left {
	float: left;
	margin: 5px 10px 5px 0;
}

img.ad-right {
	float: left;
	margin: 5px 0;
}

.author-box .avatar {
	background-color: #fff;
	border: 4px solid #ddd;
	float: left;
	height: 72px;
	margin: 0 10px 0 0;
	width: 72px;
}

.post-image {
	margin: 0 10px 10px 0;
}

.comment-list li .avatar { 
	background-color: #fff;
	float: left;
	height: 30px;
	margin: 0 5px 0 0;
	width: 30px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 15px;
}

img.alignleft {
	display: inline;
	margin: 0 15px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

#home-top .alignleft {
	margin: 0 15px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 10px;
}

.wp-caption {
	background-color: #f5f5f5;
	padding: 10px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

.gallery-caption {
}

/* Post Navigation
------------------------------------------------------------ */

.pagination {
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
}

.pagination li {
	display: inline;
}

.pagination li a,
.pagination li.disabled,
.pagination li a:hover,
.pagination li.active a {
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	padding: 5px 8px;
	text-decoration: none;
}

.pagination li a:hover,
.pagination li.active a {
	background-color: #0094d2;
	border: 1px solid #0094d2;
}

/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
	display: inline;
	float: right;
	font-size: 13px;
	font-family: "Oswald", arial, serif;
	line-height: 20px;
	width: 305px;
}

.sidebar p {
	font-size: 13px;
	font-family: "Oswald", arial, serif;
	line-height: 20px;
}

.sidebar-secondary {
	float: left;
	width: 150px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

.sidebar-primary .widget,
.sidebar-secondary .widget {
	border-bottom: 1px solid #d5d5d5;
}

.sidebar .widget-wrap {
	border-bottom: 4px solid #eee;
	overflow: hidden;
	padding: 15px 20px 20px;
}

.sidebar .widget ul {
	margin: 5px 0 -5px;
}

.sidebar .widget ul li,
.sidebar .widget-area ul li {
	background: url(images/list.png) no-repeat top left;
	border-bottom: 1px solid #eee;
	list-style-type: none;
	margin: 0 0 7px;
	padding: 0 0 5px 15px;
	word-wrap: break-word;
}

/* Dropdowns
------------------------------------------------------------ */

#cat,
.widget_archive select {
	display: inline;
	font-family: "Droid Sans", sans-serif;
	font-size: 12px;
	width: 100%;
}

/* Featured Page / Post
------------------------------------------------------------ */

.featuredpage,
.featuredpost {
	clear: both;
	overflow: hidden;
}

.featuredpage .page,
.featuredpost .post {
	border-bottom: 1px dotted #ddd;
	overflow: hidden;
	margin: 0 0 10px;
	padding: 0 0 15px;
}

.home.content-sidebar .home-middle-right .featuredpost .post,
.home.content-sidebar #home-bottom .featuredpost .post {
	padding: 0;
}

/* User Profile
------------------------------------------------------------ */

.user-profile {
	overflow: hidden;
}

/* Buttons
------------------------------------------------------------ */

input[type="button"],
input[type="submit"] {
	background-color: #00a7ed;
	border: 1px solid #0094d2;
	color: #fff;
	cursor: pointer;
	font-family: "Droid Sans", sans-serif !important;
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	text-decoration: none;
}

input:hover[type="button"],
input:hover[type="submit"] {
	background-color: #0094d2;
	border: 1px solid #0094d2;
	color: #fff;
	text-decoration: none;
}

/* Search Form
------------------------------------------------------------ */

.site-header .search-form {
	float: right;
	padding: 25px 20px 0 0;
}

.nav-primary .search-form {
	float: right;
	padding: 2px 0 0;
}

.search-form input[type="search"] {
	font-family: "Droid Sans", sans-serif;
	font-size: 13px;
	margin: 5px -6px 0 0;
	padding: 5px;
	width: 180px;
}

/* eNews and Update Widget
------------------------------------------------------------ */

.enews {
	background: url(images/enews.png) no-repeat top right;
}

.enews #subbox {
	font-family: "Droid Sans", sans-serif;
	font-size: 13px;
	margin: 10px -2px 0 0;
	padding: 5px;
	width: 175px;
}

/* Calendar Widget
------------------------------------------------------------ */

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	font-size: 12px;
	font-style: italic;
	padding: 2px 5px 0 0;
	text-align: right;
}

#wp-calendar thead {
	background-color: #f5f5f5;
	font-weight: bold;
	margin: 10px 0 0;
}

#wp-calendar td {
	background-color: #f5f5f5;
	padding: 2px;
	text-align: center;
}

/* Footer Widgets
------------------------------------------------------------ */

.footer-widgets {
	background-color: #fff;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

.footer-widgets .wrap {
	border: 4px solid #f5f5f5;
	font-size: 13px;
	line-height: 20px;
	overflow: hidden;
	padding: 15px 14px 0;
}

.footer-widgets .widget {
	background: none;
	border: none;
	margin: 0 0 15px;
	padding: 0;
}

.footer-widgets .textwidget {
	padding: 0;
}

.footer-widgets .widget_tag_cloud div div {
	padding: 0;
}

.footer-widgets p {
	font-size: 13px;
	line-height: 20px;
	padding: 0 0 10px;
}

.footer-widgets .widget ul li,
.footer-widgets .widget-area ul li {
	background: url(images/list.png) no-repeat top left;
	border-bottom: 1px dotted #ddd;
	list-style-type: none;
	margin: 0 0 7px;
	padding: 0 0 5px 18px;
	word-wrap: break-word;
}

.footer-widgets #wp-calendar thead,
.footer-widgets #wp-calendar td {
	background: none;
}

.footer-widgets-1 {
	float: left;
	margin: 0 20px 0 0;
	width: 295px;
}

.footer-widgets-2 {
	float: left;
	width: 290px;
}

.footer-widgets-3 {
	float: right;
	width: 295px;
}

/* Footer
------------------------------------------------------------ */

.site-footer {
	background: url(images/footer.png) no-repeat top;
	clear: both;
	font-size: 11px;
	margin: 0 auto;
	padding: 30px 0 20px;
	overflow: hidden;
	text-transform: uppercase;
	width: 960px;
}

.site-footer p {
	color: #666;
	font-size: 11px;
}

.site-footer a,
.site-footer a:visited {
	color: #666;
}

.site-footer a:hover {
	color: #0094d2;
	text-decoration: none;
}

.site-footer .gototop {
	float: left;
	padding: 0 0 0 10px;
	width: 200px;
}

.site-footer .creds {
	float: right;
	padding: 0 10px 0 0;
	text-align: right;
	width: 735px;
}

/* Comments
------------------------------------------------------------ */

.entry-comments,
#respond {
	margin: 0 0 30px;
	overflow: hidden;
}

.entry-comments {
	font-size: 13px;
	line-height: 20px;
}

#author,
#comment,
#email,
#url {
	font-size: 12px;
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 250px;
}

#comment {
	height: 150px;
	margin: 10px 0;
	width: 98%;
}

.ping-list {
	margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
	margin: 0;
	padding: 10px;
}

.comment-list li,
.ping-list li {
	font-weight: bold;
	list-style: none;
	margin: 10px 0 0;
	padding: 10px;
}

.comment-list li ul li {
	list-style-type: none;
}

.comment-list p,
.ping-list p {
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	margin: 10px 5px 10px 0;
	padding: 0;
	text-transform: none;
}

.comment-list ul.children {
	margin-top: 20px;
}

.comment-list ul.children li.comment  {
	background: #fff;
}

.comment-list cite,
.ping-list cite {
	font-style: normal;
	font-weight: bold;
}

.comment-meta {
	font-weight:normal;
}

.comment-author { 
	background: #e5e5e5;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 10px 0;
}

.comment-meta { 
	background: #e5e5e5;
	font-size: 12px;
	padding: 0 10px 8px;
}

.nocomments {
	text-align: center;
}

.entry-comments .pagination {
	display: block;
	padding: 0;
}

.bypostauthor {
}

.thread-alt,
.thread-even {
	background: #f5f5f5;
}

.alt,
.depth-1,
.even {
	border: 1px solid #ddd;
}

/* Gravity Forms
------------------------------------------------------------ */

div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
	color: #333;
	font-family: "Droid Sans", sans-serif;
	font-size: 12px !important;
	padding: 4px 5px !important;
}

div.gform_footer input.button {
	color: #fff;
}

div.gform_wrapper .ginput_complex label {
	font-size: 12px;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 0 10px;
}

div.gform_wrapper .gform_footer {
	border: none;
	margin: 0;
	padding: 0;
}

/* News Green
------------------------------------------------------------ */

.news-green a,
.news-green a:visited {
	color: #1c9b3d;
	text-decoration: none;
}

.news-green a:hover {
	text-decoration: underline;
}

.news-green .site-header ul.nav li li a,
.news-green .site-header ul.nav li li a:link,
.news-green .site-header ul.nav li li a:visited,
.news-green .site-header ul.menu li li a,
.news-green .site-header ul.menu li li a:link,
.news-green .site-header ul.menu li li a:visited,
.news-green .nav-primary li li a,
.news-green .nav-primary li li a:link,
.news-green .nav-primary li li a:visited {
	color: #fff;
}

.news-green .nav-secondary li li a,
.news-green .nav-secondary li li a:link,
.news-green .nav-secondary li li a:visited,
.news-green h2 a,
.news-green h2 a:visited {
	color: #333;
}

.news-green .site-header ul.nav li a:hover,
.news-green .site-header ul.nav li a:active,
.news-green .site-header ul.nav .current_page_item a,
.news-green .site-header ul.nav .current-cat a,
.news-green .site-header ul.nav .current-menu-item a,
.news-green .site-header ul.menu li a:hover,
.news-green .site-header ul.menu li a:active,
.news-green .site-header ul.menu .current_page_item a,
.news-green .site-header ul.menu .current-cat a,
.news-green .site-header ul.menu .current-menu-item a,
.news-green .site-header ul.nav li li a:hover,
.news-green .site-header ul.nav li li a:active,
.news-green .site-header ul.menu li li a:hover,
.news-green .site-header ul.menu li li a:active,
.news-green .nav-primary li a:hover,
.news-green .nav-primary li a:active,
.news-green .nav-primary .current_page_item a,
.news-green .nav-primary .current-cat a,
.news-green .nav-primary .current-menu-item a,
.news-green .nav-primary li li a:hover,
.news-green .nav-primary li li a:active,
.news-green .nav-primary li.right a:hover,
.news-green .nav-secondary li a:hover,
.news-green .nav-secondary li a:active,
.news-green .nav-secondary .current_page_item a,
.news-green .nav-secondary .current-cat a,
.news-green .nav-secondary .current-menu-item a,
.news-green .nav-secondary li li a:hover,
.news-green .nav-secondary li li a:active,
.news-green h2 a:hover,
.news-green .site-footer a:hover {
	color: #1c9b3d;
}

.news-green #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-green #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-green .pagination li a:hover,
.news-green .pagination li.active a {
	background-color: #1c9b3d;
}

.news-green .pagination li a:hover,
.news-green .pagination li.active a {
	border: 1px solid #1c9b3d;
}

.news-green h2 a:hover {
	text-decoration: none;
}

.news-green input[type="button"],
.news-green input[type="submit"] {
	background-color: #27c753;
	border: 1px solid #1c9b3d;
}

.news-green input:hover[type="button"],
.news-green input:hover[type="submit"] {
	background-color: #1c9b3d;
	border: 1px solid #1c9b3d;
}

/* News Orange
------------------------------------------------------------ */

.news-orange a,
.news-orange a:visited {
	color: #e88e05;
	text-decoration: none;
}

.news-orange a:hover {
	text-decoration: underline;
}

.news-orange .site-header ul.nav li li a,
.news-orange .site-header ul.nav li li a:link,
.news-orange .site-header ul.nav li li a:visited,
.news-orange .site-header ul.menu li li a,
.news-orange .site-header ul.menu li li a:link,
.news-orange .site-header ul.menu li li a:visited,
.news-orange .nav-primary li li a,
.news-orange .nav-primary li li a:link,
.news-orange .nav-primary li li a:visited {
	color: #fff;
}

.news-orange .nav-secondary li li a,
.news-orange .nav-secondary li li a:link,
.news-orange .nav-secondary li li a:visited,
.news-orange h2 a,
.news-orange h2 a:visited {
	color: #333;
}

.news-orange .site-header ul.nav li a:hover,
.news-orange .site-header ul.nav li a:active,
.news-orange .site-header ul.nav .current_page_item a,
.news-orange .site-header ul.nav .current-cat a,
.news-orange .site-header ul.nav .current-menu-item a,
.news-orange .site-header ul.menu li a:hover,
.news-orange .site-header ul.menu li a:active,
.news-orange .site-header ul.menu .current_page_item a,
.news-orange .site-header ul.menu .current-cat a,
.news-orange .site-header ul.menu .current-menu-item a,
.news-orange .site-header ul.nav li li a:hover,
.news-orange .site-header ul.nav li li a:active,
.news-orange .site-header ul.menu li li a:hover,
.news-orange .site-header ul.menu li li a:active,
.news-orange .nav-primary li a:hover,
.news-orange .nav-primary li a:active,
.news-orange .nav-primary .current_page_item a,
.news-orange .nav-primary .current-cat a,
.news-orange .nav-primary .current-menu-item a,
.news-orange .nav-primary li li a:hover,
.news-orange .nav-primary li li a:active,
.news-orange .nav-primary li.right a:hover,
.news-orange .nav-secondary li a:hover,
.news-orange .nav-secondary li a:active,
.news-orange .nav-secondary .current_page_item a,
.news-orange .nav-secondary .current-cat a,
.news-orange .nav-secondary .current-menu-item a,
.news-orange .nav-secondary li li a:hover,
.news-orange .nav-secondary li li a:active,
.news-orange h2 a:hover,
.news-orange .site-footer a:hover {
	color: #e88e05;
}

.news-orange #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-orange #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-orange .pagination li a:hover,
.news-orange .pagination li.active a {
	background-color: #e88e05;
}

.news-orange .pagination li a:hover,
.news-orange .pagination li.active a {
	border: 1px solid #e88e05;
}

.news-orange h2 a:hover {
	text-decoration: none;
}

.news-orange input[type="button"],
.news-orange input[type="submit"] {
	background-color: #f5a506;
	border: 1px solid #e88e05;
}

.news-orange input:hover[type="button"],
.news-orange input:hover[type="submit"] {
	background-color: #e88e05;
	border: 1px solid #e88e05;
}

/* News Pink
------------------------------------------------------------ */

.news-pink a,
.news-pink a:visited {
	color: #c62765;
	text-decoration: none;
}

.news-pink a:hover {
	text-decoration: underline;
}

.news-pink .site-header ul.nav li li a,
.news-pink .site-header ul.nav li li a:link,
.news-pink .site-header ul.nav li li a:visited,
.news-pink .site-header ul.menu li li a,
.news-pink .site-header ul.menu li li a:link,
.news-pink .site-header ul.menu li li a:visited,
.news-pink .nav-primary li li a,
.news-pink .nav-primary li li a:link,
.news-pink .nav-primary li li a:visited {
	color: #fff;
}

.news-pink .nav-secondary li li a,
.news-pink .nav-secondary li li a:link,
.news-pink .nav-secondary li li a:visited,
.news-pink h2 a,
.news-pink h2 a:visited {
	color: #333;
}

.news-pink .site-header ul.nav li a:hover,
.news-pink .site-header ul.nav li a:active,
.news-pink .site-header ul.nav .current_page_item a,
.news-pink .site-header ul.nav .current-cat a,
.news-pink .site-header ul.nav .current-menu-item a,
.news-pink .site-header ul.menu li a:hover,
.news-pink .site-header ul.menu li a:active,
.news-pink .site-header ul.menu .current_page_item a,
.news-pink .site-header ul.menu .current-cat a,
.news-pink .site-header ul.menu .current-menu-item a,
.news-pink .site-header ul.nav li li a:hover,
.news-pink .site-header ul.nav li li a:active,
.news-pink .site-header ul.menu li li a:hover,
.news-pink .site-header ul.menu li li a:active,
.news-pink .nav-primary li a:hover,
.news-pink .nav-primary li a:active,
.news-pink .nav-primary .current_page_item a,
.news-pink .nav-primary .current-cat a,
.news-pink .nav-primary .current-menu-item a,
.news-pink .nav-primary li li a:hover,
.news-pink .nav-primary li li a:active,
.news-pink .nav-primary li.right a:hover,
.news-pink .nav-secondary li a:hover,
.news-pink .nav-secondary li a:active,
.news-pink .nav-secondary .current_page_item a,
.news-pink .nav-secondary .current-cat a,
.news-pink .nav-secondary .current-menu-item a,
.news-pink .nav-secondary li li a:hover,
.news-pink .nav-secondary li li a:active,
.news-pink h2 a:hover,
.news-pink .site-footer a:hover {
	color: #c62765;
}

.news-pink #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-pink #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-pink .pagination li a:hover,
.news-pink .pagination li.active a {
	background-color: #c62765;
}

.news-pink .pagination li a:hover,
.news-pink .pagination li.active a {
	border: 1px solid #c62765;
}

.news-pink h2 a:hover {
	text-decoration: none;
}

.news-pink input[type="button"],
.news-pink input[type="submit"] {
	background-color: #e8358a;
	border: 1px solid #c62765;
}

.news-pink input:hover[type="button"],
.news-pink input:hover[type="submit"] {
	background-color: #c62765;
	border: 1px solid #c62765;
}

/* News Purple
------------------------------------------------------------ */

.news-purple a,
.news-purple a:visited {
	color: #8827c7;
	text-decoration: none;
}

.news-purple a:hover {
	text-decoration: underline;
}

.news-purple .site-header ul.nav li li a,
.news-purple .site-header ul.nav li li a:link,
.news-purple .site-header ul.nav li li a:visited,
.news-purple .site-header ul.menu li li a,
.news-purple .site-header ul.menu li li a:link,
.news-purple .site-header ul.menu li li a:visited,
.news-purple .nav-primary li li a,
.news-purple .nav-primary li li a:link,
.news-purple .nav-primary li li a:visited {
	color: #fff;
}

.news-purple .nav-secondary li li a,
.news-purple .nav-secondary li li a:link,
.news-purple .nav-secondary li li a:visited,
.news-purple h2 a,
.news-purple h2 a:visited {
	color: #333;
}

.news-purple .site-header ul.nav li a:hover,
.news-purple .site-header ul.nav li a:active,
.news-purple .site-header ul.nav .current_page_item a,
.news-purple .site-header ul.nav .current-cat a,
.news-purple .site-header ul.nav .current-menu-item a,
.news-purple .site-header ul.menu li a:hover,
.news-purple .site-header ul.menu li a:active,
.news-purple .site-header ul.menu .current_page_item a,
.news-purple .site-header ul.menu .current-cat a,
.news-purple .site-header ul.menu .current-menu-item a,
.news-purple .site-header ul.nav li li a:hover,
.news-purple .site-header ul.nav li li a:active,
.news-purple .site-header ul.menu li li a:hover,
.news-purple .site-header ul.menu li li a:active,
.news-purple .nav-primary li a:hover,
.news-purple .nav-primary li a:active,
.news-purple .nav-primary .current_page_item a,
.news-purple .nav-primary .current-cat a,
.news-purple .nav-primary .current-menu-item a,
.news-purple .nav-primary li li a:hover,
.news-purple .nav-primary li li a:active,
.news-purple .nav-primary li.right a:hover,
.news-purple .nav-secondary li a:hover,
.news-purple .nav-secondary li a:active,
.news-purple .nav-secondary .current_page_item a,
.news-purple .nav-secondary .current-cat a,
.news-purple .nav-secondary .current-menu-item a,
.news-purple .nav-secondary li li a:hover,
.news-purple .nav-secondary li li a:active,
.news-purple h2 a:hover,
.news-purple .site-footer a:hover {
	color: #8827c7;
}

.news-purple #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-purple #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-purple .pagination li a:hover,
.news-purple .pagination li.active a {
	background-color: #8827c7;
}

.news-purple .pagination li a:hover,
.news-purple .pagination li.active a {
	border: 1px solid #8827c7;
}

.news-purple h2 a:hover {
	text-decoration: none;
}

.news-purple input[type="button"],
.news-purple input[type="submit"] {
	background-color: #9f2ede;
	border: 1px solid #8827c7;
}

.news-purple input:hover[type="button"],
.news-purple input:hover[type="submit"] {
	background-color: #8827c7;
	border: 1px solid #8827c7;
}

/* News Red
------------------------------------------------------------ */

.news-red a,
.news-red a:visited {
	color: #c72730;
	text-decoration: none;
}

.news-red a:hover {
	text-decoration: underline;
}

.news-red .site-header ul.nav li li a,
.news-red .site-header ul.nav li li a:link,
.news-red .site-header ul.nav li li a:visited,
.news-red .site-header ul.menu li li a,
.news-red .site-header ul.menu li li a:link,
.news-red .site-header ul.menu li li a:visited,
.news-red .nav-primary li li a,
.news-red .nav-primary li li a:link,
.news-red .nav-primary li li a:visited {
	color: #fff;
}

.news-red .nav-secondary li li a,
.news-red .nav-secondary li li a:link,
.news-red .nav-secondary li li a:visited,
.news-red h2 a,
.news-red h2 a:visited {
	color: #333;
}

.news-red .site-header ul.nav li a:hover,
.news-red .site-header ul.nav li a:active,
.news-red .site-header ul.nav .current_page_item a,
.news-red .site-header ul.nav .current-cat a,
.news-red .site-header ul.nav .current-menu-item a,
.news-red .site-header ul.menu li a:hover,
.news-red .site-header ul.menu li a:active,
.news-red .site-header ul.menu .current_page_item a,
.news-red .site-header ul.menu .current-cat a,
.news-red .site-header ul.menu .current-menu-item a,
.news-red .site-header ul.nav li li a:hover,
.news-red .site-header ul.nav li li a:active,
.news-red .site-header ul.menu li li a:hover,
.news-red .site-header ul.menu li li a:active,
.news-red .nav-primary li a:hover,
.news-red .nav-primary li a:active,
.news-red .nav-primary .current_page_item a,
.news-red .nav-primary .current-cat a,
.news-red .nav-primary .current-menu-item a,
.news-red .nav-primary li li a:hover,
.news-red .nav-primary li li a:active,
.news-red .nav-primary li.right a:hover,
.news-red .nav-secondary li a:hover,
.news-red .nav-secondary li a:active,
.news-red .nav-secondary .current_page_item a,
.news-red .nav-secondary .current-cat a,
.news-red .nav-secondary .current-menu-item a,
.news-red .nav-secondary li li a:hover,
.news-red .nav-secondary li li a:active,
.news-red h2 a:hover,
.news-red .site-footer a:hover {
	color: #c72730;
}

.news-red #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-red #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-red .pagination li a:hover,
.news-red .pagination li.active a {
	background-color: #c72730;
}

.news-red .pagination li a:hover,
.news-red .pagination li.active a {
	border: 1px solid #c72730;
}

.news-red h2 a:hover {
	text-decoration: none;
}

.news-red input[type="button"],
.news-red input[type="submit"] {
	background-color: #e93542;
	border: 1px solid #c72730;
}

.news-red input:hover[type="button"],
.news-red input:hover[type="submit"] {
	background-color: #c72730;
	border: 1px solid #c72730;
}

/* News Teal
------------------------------------------------------------ */

.news-teal a,
.news-teal a:visited {
	color: #27c3c7;
	text-decoration: none;
}

.news-teal a:hover {
	text-decoration: underline;
}

.news-teal .site-header ul.nav li li a,
.news-teal .site-header ul.nav li li a:link,
.news-teal .site-header ul.nav li li a:visited,
.news-teal .site-header ul.menu li li a,
.news-teal .site-header ul.menu li li a:link,
.news-teal .site-header ul.menu li li a:visited,
.news-teal .nav-primary li li a,
.news-teal .nav-primary li li a:link,
.news-teal .nav-primary li li a:visited {
	color: #fff;
}

.news-teal .nav-secondary li li a,
.news-teal .nav-secondary li li a:link,
.news-teal .nav-secondary li li a:visited,
.news-teal h2 a,
.news-teal h2 a:visited {
	color: #333;
}

.news-teal .site-header ul.nav li a:hover,
.news-teal .site-header ul.nav li a:active,
.news-teal .site-header ul.nav .current_page_item a,
.news-teal .site-header ul.nav .current-cat a,
.news-teal .site-header ul.nav .current-menu-item a,
.news-teal .site-header ul.menu li a:hover,
.news-teal .site-header ul.menu li a:active,
.news-teal .site-header ul.menu .current_page_item a,
.news-teal .site-header ul.menu .current-cat a,
.news-teal .site-header ul.menu .current-menu-item a,
.news-teal .site-header ul.nav li li a:hover,
.news-teal .site-header ul.nav li li a:active,
.news-teal .site-header ul.menu li li a:hover,
.news-teal .site-header ul.menu li li a:active,
.news-teal .nav-primary li a:hover,
.news-teal .nav-primary li a:active,
.news-teal .nav-primary .current_page_item a,
.news-teal .nav-primary .current-cat a,
.news-teal .nav-primary .current-menu-item a,
.news-teal .nav-primary li li a:hover,
.news-teal .nav-primary li li a:active,
.news-teal .nav-primary li.right a:hover,
.news-teal .nav-secondary li a:hover,
.news-teal .nav-secondary li a:active,
.news-teal .nav-secondary .current_page_item a,
.news-teal .nav-secondary .current-cat a,
.news-teal .nav-secondary .current-menu-item a,
.news-teal .nav-secondary li li a:hover,
.news-teal .nav-secondary li li a:active,
.news-teal h2 a:hover,
.news-teal .site-footer a:hover {
	color: #27c3c7;
}

.news-teal #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-teal #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-teal .pagination li a:hover,
.news-teal .pagination li.active a {
	background-color: #27c3c7;
}

.news-teal .pagination li a:hover,
.news-teal .pagination li.active a {
	border: 1px solid #27c3c7;
}

.news-teal h2 a:hover {
	text-decoration: none;
}

.news-teal input[type="button"],
.news-teal input[type="submit"] {
	background-color: #2edade;
	border: 1px solid #27c3c7;
}

.news-teal input:hover[type="button"],
.news-teal input:hover[type="submit"] {
	background-color: #27c3c7;
	border: 1px solid #27c3c7;
}

/* Responsive Design
------------------------------------------------------------ */

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

	body,
	.news-landing .site-inner,
	.site-inner {
		width: 100%;
		margin: 0 auto;
	}

	.content-sidebar .site-inner,
	.sidebar-content .site-inner,
	.content-sidebar-sidebar .site-inner,
	.sidebar-sidebar-content .site-inner,
	.sidebar-content-sidebar .site-inner {
		background: #fff;
	}

	.site-header,
	.site-inner,
	.nav-primary {
		border: none;
	}

	.archive-page,
	.content-sidebar .content,
	.content-sidebar .content-sidebar-wrap,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.full-width-content.news-landing .content,
	.full-width-content .content,
	.full-width-content .content-sidebar-wrap,
	.home-middle-left,
	.home-middle-right,
	.home.news.content-sidebar .content,
	.news-landing .wrap,
	.sidebar,
	.sidebar-content .content,
	.sidebar-content .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-wrap,
	.site-footer,
	.site-header,
	#home-bottom,
	#home-middle,
	#home-top,
	.sidebar-secondary {
		box-sizing: border-box;
		width: 100%;
	}

	.site-footer .creds,
	.site-footer .gototop,
	.site-header ul.menu,
	.site-header .widget-area,
	.nav-primary,
	.nav-secondary,
	.title-area {
		float: none;
		text-align: center;
		width: 100%;
	}

	.title-area {
		padding: 10px 0 0;
	}

	.site-header .widget-area {
		padding: 10px 0;
	}

	.site-header .search-form {
		float: none;
		padding: 0;
		text-align: center;
	}

	.site-header ul.menu {
		float: none;
	}

	.site-header li,
	.nav-primary li,
	.nav-secondary li {
		display: inline-block;
		float: none;
	}

	.site-header li li,
	.nav-primary li li,
	.nav-secondary li li {
		text-align: left;
	 }

	.nav-primary li.right,
	.nav-secondary li.social-facebook,
	.nav-secondary li.social-rss,
	.nav-secondary li.social-twitter {
		display: none;
	}

	.home.content-sidebar #home-bottom .featuredpost .post {
		padding: 0 0 10px;
	}

	.entry-content img,
	.featuredpage img,
	.featuredpost img,
	.post-image,
	.ui-tabs img {
		border: none;
		padding: 0;
	}

	img.ad-left,
	img.ad-right {
		float: left;
		margin: 5px 10px 5px 0;
	}

	.site-footer {
		background: none;
		padding: 15px 0 10px;
	}

	.site-footer p {
		padding: 0 20px;
	}

}

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

	.site-title {
		font-size: 36px;
		line-height: 1;
	}

	.nav-primary li a,
	.nav-secondary li a {
		font-size: 12px;
		padding: 5px;
	}

	#home-top .ui-tabs ul.ui-tabs-nav {
		display: none;
	}

	.content {
		padding: 15px 20px;
	}

	h1,
	h2,
	h2 a,
	h2 a:visited {
		font-size: 24px;
	}

	h3,
	h4 {
		font-size: 18px;
	}

	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		padding: 0;
		width: 100%;
	}

}

    Any help would be appreciated.

    September 9, 2013 at 3:11 pm #61581
    askdesign
    Participant

    The same thing happened to me. I discovered that the updated Optimal child theme no longer uses the @import function. Instead, there's a new line of code in the functions.php file for importing fonts. You can simply change the fonts to what you want:
    //* Enqueue Lato Google font
    add_action( 'wp_enqueue_scripts', 'genesis_sample_google_fonts' );
    function genesis_sample_google_fonts() {
    wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Droid+Sans|Droid+Serif|Oswald', array(), PARENT_THEME_VERSION );
    }

    Anne S. Katzeff
    Designer | Artist | Teacher

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.