Menu Width on News Theme

Community Forums Forums General Discussion Menu Width on News Theme

This topic is: not resolved

This topic contains 6 replies, has 2 voices, and was last updated by  cehwitham 1 year, 10 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #19989

    jbarilow
    Participant
    Post count: 3

    I need to expand the width of the menu so I don’t get the wrapping effect.  Where would I modify this?  Same applies for sub categories.

    #21310

    cehwitham
    Participant
    Post count: 396

    Look for the following in style.css:

    #nav ul {
    float: left;
    width: 100%;
    }

    As default the menu is set to be 100% of it’s container. Unless this has been changed, you’ll need to increase the size of the container as below, this is also in your style.css file. You’ll need to increase the 960px default width.

    #nav {
    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;
    }


    Twitter: cehwitham Web: cehwitham.com

    #21312

    jbarilow
    Participant
    Post count: 3

    Guess I should have clarified more.  The drop down menus, not the overall menu bar itself.  I had a pic but it didnt come through in the original post i guess.

    #21342

    cehwitham
    Participant
    Post count: 396

    Should be around line 393 in style.css:

    #nav li li a, #nav li li a:link, #nav 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;
    }

    If you provide a link to your site I can check.


    Twitter: cehwitham Web: cehwitham.com

    #21353

    jbarilow
    Participant
    Post count: 3

    Here are the 2 style sheets.  The Genesis and News Child

    GENESIS

    <code>

    /*
    Theme Name: Genesis
    Theme URI: http://my.studiopress.com/themes/genesis
    Description: The industry standard in design frameworks for WordPress. Please <strong>do not modify</strong> this stylesheet, as it might get overridden in updates.
    Author: StudioPress
    Author URI: http://www.studiopress.com/
    Version: 1.9.1
    Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

    License: GPL-2.0+
    License URI: http://www.opensource.org/licenses/gpl-license.php
    */

    /* WARNING – Please read the notice below:

    This file is part of the core Genesis Framework. DO NOT edit this file under any circumstances. Please do all modifications in the form of a child theme.
    Copy the contents of this file to the child theme. Do not use @import, as the CSS included with Genesis might change in the future.

    */

    /* Table of Contents

    01 Import Fonts
    02 Defaults
    03 Typography
    – Font Color
    – Font Family
    – Font Size
    – Font Miscellaneous
    04 Layout
    – Structure
    – 1152px CSS Grid
    – Header
    – Main Content
    – Post Info & Meta
    – Column Classes
    – Miscellaneous
    05 Menus
    – Primary Navigation Extras
    06 Headings
    07 Lists
    08 Post Navigation
    09 Comments
    10 Sidebars
    11 Footer
    – Footer Widgets
    12 Forms & Buttons
    – Gravity Forms
    13 Images & Captions
    14 Media Queries
    – max-width: 1024px
    – max-width: 768px
    – max-width: 480px

    */

    /*
    01 Import Fonts
    —————————————————————————————————- */

    @import url(http://fonts.googleapis.com/css?family=Lato:400,700);

    /*
    02 Defaults
    —————————————————————————————————- */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    input, menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    }

    html {
    font-size: 100%; /* 16px browser default */
    }

    body {
    background-color: #fff;
    line-height: 1;
    }

    body,
    input,
    select,
    textarea,
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

    a,
    a:visited,
    button,
    input[type=”button”],
    input[type=”submit”],
    .btn {
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    }

    ::-moz-selection {
    background-color: #1e1e1e;
    color: #fff;
    }

    ::selection {
    background-color: #1e1e1e;
    color: #fff;
    }

    a img {
    border: none;
    }

    /*
    03 Typography
    ——————————————————————————————————-

    This section covers font colors, families, size, styles and weight.

    This style sheet uses rem values with a pixel fallback.
    The rem values are calculated per the examples below:

    12 / 16 =        0.75rem
    14 / 16 =        0.875rem
    16 / 16 =        1rem
    18 / 16 =        1.125rem
    20 / 16 =        1.25rem
    24 / 16 =        1.5rem
    30 / 16 =        1.875rem
    36 / 16 =        2.25rem
    42 / 16 =        2.625rem
    48 / 16 =        3rem

    Further reading on the use and compatibility of rems:

    http://caniuse.com/rem

    http://snook.ca/archives/html_and_css/font-size-with-rem

    */

    /* 03a – Font Color ———– */

    a:hover,
    body,
    h2 a,
    h2 a:visited,
    h4.widgettitle a,
    input,
    .author,
    .date,
    .genesis-nav-menu a,
    .genesis-nav-menu li li a,
    .genesis-nav-menu li li a:link,
    .genesis-nav-menu li li a:visited,
    .post-comments,
    #title a,
    #title a:hover {
    color: #1e1e1e;
    }

    a,
    h2 a:hover,
    .genesis-nav-menu li a:hover,
    .genesis-nav-menu li:hover a,
    .genesis-nav-menu li li a:hover,
    .genesis-nav-menu .current-menu-item a {
    color: #ff2a00;
    }

    .post-info,
    .post-meta,
    #description {
    color: #636363;
    }

    blockquote::before,
    blockquote p,
    input,
    select,
    textarea {
    color: #999;
    }

    button,
    input[type=”button”],
    input[type=”submit”],
    .btn,
    .genesis-nav-menu .highlight-menu-item a,
    .genesis-nav-menu .highlight-menu-item a:hover,
    .navigation li a,
    .navigation li a:hover,
    .navigation li.active a,
    .navigation li.disabled {
    color: #fff;
    }

    /* 03b – Font Family ———– */

    body,
    input,
    textarea,
    .author-box h1 {
    font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .entry-title a,
    #title {
    font-family: ‘Lato’, sans-serif;
    }

    /* 03c – Font Size ———– */

    #title {
    font-size: 42px;
    font-size: 2.625rem;
    }

    h1,
    .entry-title,
    .entry-title a {
    font-size: 36px;
    font-size: 2.25rem;
    }

    blockquote::before {
    font-size: 32px;
    font-size: 2rem;
    }

    h2 {
    font-size: 30px;
    font-size: 1.875rem;
    }

    h3 {
    font-size: 24px;
    font-size: 1.5rem;
    }

    h4,
    .archive-title,
    .taxonomy-description h1,
    .widgettitle {
    font-size: 20px;
    font-size: 1.25rem;
    }

    h5 {
    font-size: 18px;
    font-size: 1.125rem;
    }

    h6,
    .author-box h1,
    .sidebar h2 a {
    font-size: 16px;
    font-size: 1rem;
    }

    input,
    select,
    textarea,
    .genesis-nav-menu,
    .post-info,
    .post-meta,
    .wp-caption,
    #footer p {
    font-size: 14px;
    font-size: 0.875rem;
    }

    /* 03d – Font Miscellaneous ———– */

    blockquote p {
    font-style: italic;
    }

    cite {
    font-style: normal;
    }

    button,
    input[type=”button”],
    input[type=”submit”],
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .btn,
    .entry-title a,
    .genesis-nav-menu,
    .post-comments,
    .post-info .author,
    .post-info .date,
    .wp-caption,
    #footer p,
    #title {
    font-weight: 700;
    }

    .wp-caption {
    text-align: center;
    }

    h2 a,
    h2 a:visited,
    .genesis-nav-menu a,
    .navigation li a,
    .widgettitle a,
    #title a {
    text-decoration: none;
    }

    /*
    04 Layout
    —————————————————————————————————- */

    /* 04a – Structure ———– */

    #wrap {
    margin: 0 auto;
    max-width: 1152px;
    }

    #inner {
    clear: both;
    overflow: hidden;
    padding-top: 40px;
    padding-top: 2.5rem;
    }

    /* 04b – 1152px CSS Grid ———– */

    #sidebar-alt {
    width: 15.277777777%; /* 176px / 1152px */
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .sidebar,
    #header .widget-area {
    width: 30.555555555%; /* 352px / 1152px */
    }

    .content-sidebar-sidebar .sidebar,
    .sidebar-content-sidebar .sidebar,
    .sidebar-sidebar-content .sidebar {
    width: 37.931034482%; /* 352px / 928px */
    }

    .content-sidebar-sidebar #content,
    .sidebar-content-sidebar #content,
    .sidebar-sidebar-content #content {
    width: 56.896551724%; /* 528px / 928px */
    }

    .content-sidebar #content,
    .sidebar-content #content,
    #title-area {
    width: 65.277777777%; /* 752px / 1152px */
    }

    .content-sidebar-sidebar #content-sidebar-wrap,
    .sidebar-content-sidebar #content-sidebar-wrap,
    .sidebar-sidebar-content #content-sidebar-wrap {
    width: 80.555555555%; /* 928px / 1152px */
    }

    .content-sidebar #content-sidebar-wrap,
    .full-width-content #content,
    .full-width-content #content-sidebar-wrap,
    .sidebar-content #content-sidebar-wrap {
    width: 100%; /* 1152px / 1152px */
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .sidebar-content #sidebar,
    .sidebar-sidebar-content #sidebar,
    #content,
    #content-sidebar-wrap,
    #footer .gototop,
    #sidebar-alt,
    #title-area {
    float: left;
    }

    .content-sidebar-sidebar #sidebar-alt,
    .footer-widgets-3,
    .sidebar,
    .sidebar-content #content,
    .sidebar-content-sidebar #content-sidebar-wrap,
    .sidebar-sidebar-content #content,
    .sidebar-sidebar-content #content-sidebar-wrap,
    #footer .creds,
    #header .widget-area {
    float: right;
    }

    /* 04c – Header ———– */

    #header {
    border-bottom: 2px solid #1e1e1e;
    min-height: 120px;
    overflow: hidden;
    padding-bottom: 32px;
    padding-bottom: 2rem;
    }

    #title {
    line-height: 1;
    margin: 40px 0 8px;
    margin: 2.5rem 0 0.5rem;
    }

    .header-image #title {
    margin: 0;
    }

    #description {
    line-height: 1.25;
    }

    .header-full-width #title,
    .header-full-width #title a,
    .header-full-width #title-area {
    width: 100%;
    }

    .header-image #title,
    .header-image #title a,
    .header-image #title-area {
    display: block;
    float: left;
    min-height: 120px;
    overflow: hidden;
    text-indent: -9999px;
    width: 50%;
    }

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

    /* 04d – Main Content ———– */

    #content {
    padding-bottom: 40px;
    padding-bottom: 2.5rem;
    }

    .entry,
    .page .post.entry {
    margin-bottom: 80px;
    margin-bottom: 5rem;
    }

    .single .entry {
    margin-bottom: 48px;
    margin-bottom: 3rem;
    }

    .page .entry {
    margin: 0;
    }

    .entry-content {
    overflow: hidden;
    }

    .entry-content,
    .entry-content p {
    line-height: 1.625;
    }

    .entry-content p {
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
    }

    blockquote {
    padding: 24px 64px;
    padding: 1.5rem 4rem;
    }

    blockquote::before {
    content: ““”;
    display: block;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
    }

    /* 04e – Post Info & Meta ———– */

    .post-info,
    .post-meta {
    clear: both;
    line-height: 1.5;
    }

    .post-info {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    }

    .post-comments {
    background: url(images/post-comments.png) no-repeat center left;
    margin-left: 16px;
    margin-left: 1rem;
    padding-left: 20px;
    padding-left: 1.25rem;
    }

    .post-meta {
    border-top: 1px solid #ccc;
    padding-top: 24px;
    padding-top: 1.5rem;
    }

    .categories,
    .tags {
    display: block;
    }

    /* 04f – 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-left: 4.166666666%; /* 48px / 1152px */
    }

    .one-half,
    .three-sixths,
    .two-fourths {
    width: 47.9166666666%; /* 552px / 1152px */
    }

    .one-third,
    .two-sixths {
    width: 30.555555555%; /* 352px / 1152px */
    }

    .four-sixths,
    .two-thirds {
    width: 65.277777777%; /* 752px / 1152px */
    }

    .one-fourth {
    width: 21.875%; /* 252px / 1152px */
    }

    .three-fourths {
    width: 73.958333333%; /* 852px / 1152px */
    }

    .one-fifth {
    width: 16.666666666%; /* 192px / 1152px */
    }

    .two-fifths {
    width: 37.5%; /* 432px / 1152px */
    }

    .three-fifths {
    width: 58.333333333%; /* 672px / 1152px */
    }

    .four-fifths {
    width: 79.166666666%; /* 912px / 1152px */
    }

    .one-sixth {
    width: 13.194444444%; /* 152px / 1152px */
    }

    .five-sixths {
    width: 82.638888888%; /* 952px / 1152px */
    }

    .first {
    margin-left: 0;
    }

    /* 04g – Miscellaneous ———– */

    p.subscribe-to-comments {
    padding: 24px 0 16px;
    padding: 1.5rem 0 1rem;
    }

    p.pages,
    .clear,
    .clear-line,
    .first {
    clear: both;
    }

    .clear-line {
    border-bottom: 1px solid #ccc;
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
    }

    .alignleft,
    .archive-page {
    float: left;
    }

    .alignright {
    float: right;
    }

    .archive-page {
    width: 50%;
    }

    .author-box,
    .sticky {
    margin-bottom: 80px;
    margin-bottom: 5rem;
    }

    .author-box,
    .author-box h1,
    .taxonomy-description {
    line-height: 1.5;
    }

    .author-box,
    .breadcrumb,
    .sticky,
    .taxonomy-description {
    background-color: #f5f5f5;
    margin-bottom: 48px;
    margin-bottom: 3rem;
    overflow: hidden;
    padding: 32px;
    padding: 2rem;
    }

    /*
    05 Menus
    —————————————————————————————————- */

    .genesis-nav-menu {
    clear: both;
    overflow: hidden;
    }

    #header .genesis-nav-menu {
    float: right;
    margin-top: 48px;
    margin-top: 3rem;
    width: auto;
    }

    .genesis-nav-menu.menu-primary,
    .genesis-nav-menu.menu-secondary {
    border-bottom: 1px solid #ccc;
    }

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

    .genesis-nav-menu li {
    display: inline-block;
    float: left;
    list-style-type: none;
    text-align: left;
    }

    .genesis-nav-menu a {
    display: block;
    padding: 24px 20px;
    padding: 1.5rem 1.25rem;
    position: relative;
    }

    .genesis-nav-menu li.highlight-menu-item {
    margin-left: 20px;
    margin-left: 1.25rem;
    }

    .genesis-nav-menu .highlight-menu-item a {
    background-color: #1e1e1e;
    }

    .genesis-nav-menu .highlight-menu-item a:hover {
    background-color: #ff2a00;
    }

    .genesis-nav-menu li li a,
    .genesis-nav-menu li li a:link,
    .genesis-nav-menu li li a:visited {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    padding: 20px;
    padding: 1.25rem;
    position: relative;
    width: 170px;
    }

    .genesis-nav-menu li ul {
    left: -9999px;
    position: absolute;
    width: 212px;
    z-index: 99;
    }

    .genesis-nav-menu li ul ul {
    margin: -55px 0 0 211px;
    }

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

    .genesis-nav-menu li:hover,
    .genesis-nav-menu li.sfHover {
    position: static;
    }

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

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

    #wpadminbar li:hover ul ul {
    left: 0;
    }

    /* 05a – Primary Navigation Extras ———– */

    .genesis-nav-menu li.right {
    float: right;
    padding: 24px 20px;
    padding: 1.5rem 1.25rem;
    }

    .genesis-nav-menu li.right a {
    display: inline;
    padding: 0;
    }

    .genesis-nav-menu li.search {
    padding: 6px 0 0;
    padding: 0.375rem 0 0;
    }

    .genesis-nav-menu li.rss a {
    background: url(images/rss.png) no-repeat center left;
    margin-left: 20px;
    margin-left: 1.25rem;
    padding-left: 20px;
    padding-left: 1.25rem;
    }

    .genesis-nav-menu li.twitter a {
    background: url(images/twitter-nav.png) no-repeat center left;
    padding-left: 24px;
    padding-left: 1.5rem;
    }

    /*
    06 Headings
    —————————————————————————————————- */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .entry-title a {
    line-height: 1.2;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    }

    .author-box h1 {
    margin: 0
    }

    .taxonomy-description h1 {
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    }

    .archive-title {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    }

    /*
    07 Lists
    —————————————————————————————————- */

    .entry-content ol,
    .entry-content ul {
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
    }

    .entry-content ol li,
    .entry-content ul li {
    line-height: 1.625;
    }

    .entry-content ol li,
    .entry-content ul li {
    margin-left: 40px;
    margin-left: 2.5rem;
    }

    .entry-content ol li {
    list-style-type: decimal;
    }

    .entry-content ul li {
    list-style-type: disc;
    }

    .entry-content ol ol,
    .entry-content ul ul {
    margin-bottom: 0;
    }

    /*
    08 Post Navigation
    —————————————————————————————————- */

    .navigation li {
    display: inline;
    }

    .navigation li a,
    .navigation li a:hover,
    .navigation li.active a,
    .navigation li.disabled {
    background-color: #1e1e1e;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
    }

    .navigation li a:hover,
    .navigation li.active a {
    background-color: #ff2a00;
    }

    /*
    09 Comments
    —————————————————————————————————- */

    #comments,
    #respond {
    line-height: 1.5;
    overflow: hidden;
    }

    .ping-list,
    #comments {
    margin-bottom: 48px;
    margin-bottom: 3rem;
    }

    #author,
    #email,
    #url {
    width: 50%;
    }

    .commentmetadata,
    #author,
    #email,
    #url {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    }

    #comment {
    margin: 12px 0;
    margin: 0.75rem 0;
    }

    label {
    margin-left: 12px;
    margin-left: 0.75rem;
    }

    .comment-list li,
    .ping-list li {
    list-style-type: none;
    margin-top: 24px;
    margin-top: 1.5rem;
    padding: 32px;
    padding: 2rem;
    }

    .comment-list li ul li {
    margin-right: -32px;
    margin-right: -2rem;
    }

    .comment-header {
    overflow: hidden;
    }

    .comment {
    background-color: #f5f5f5;
    border: 2px solid #fff;
    border-right: none;
    }

    .comment-content p {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    }

    .bypostauthor {
    }

    #comments .navigation {
    margin-top: 32px;
    margin-top: 2rem;
    }

    /*
    10 Sidebars
    —————————————————————————————————- */

    .sidebar {
    display: inline;
    line-height: 1.5;
    }

    .sidebar p {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    }

    .sidebar .widget {
    border-bottom: 1px solid #ccc;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    padding-bottom: 32px;
    padding-bottom: 2rem;
    overflow: hidden;
    }

    .sidebar.widget-area ul li {
    list-style-type: none;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    word-wrap: break-word;
    }

    /*
    11 Footer
    —————————————————————————————————- */

    #footer {
    clear: both;
    }

    #footer .wrap {
    border-top: 2px solid #1e1e1e;
    overflow: hidden;
    padding: 48px 0;
    padding: 3rem 0;
    }

    #footer .creds {
    text-align: right;
    }

    #footer .creds,
    #footer .gototop {
    margin: 8px 0;
    margin: 0.5rem 0;
    }

    /* 11a – Footer Widgets ———– */

    .footer-widgets {
    border-top: 2px solid #1e1e1e;
    clear: both;
    line-height: 1.5;
    overflow: hidden;
    padding: 32px 0 16px;
    padding: 2rem 0 1rem;
    }

    .footer-widgets p {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    }

    .footer-widgets .widget {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    }

    .footer-widgets .widget-area ul li {
    list-style-type: none;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    word-wrap: break-word;
    }

    .footer-widgets-1 {
    margin-right: 4.166666666%; /* 48px / 1152px */
    }

    /*
    12 Forms & Buttons
    —————————————————————————————————- */

    input,
    select,
    textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 5px #ddd inset;
    padding: 16px;
    padding: 1rem;
    width: 100%;
    }

    #header .search-form {
    float: right;
    margin-top: 56px;
    margin-top: 3.5rem;
    width: 100%;
    }

    button,
    input[type=”button”],
    input[type=”submit”],
    .btn {
    background-color: #1e1e1e;
    border: none;
    box-shadow: none;
    cursor: pointer;
    padding: 16px 24px;
    padding: 1rem 1.5rem;
    width: auto;
    }

    button:hover,
    input:hover[type=”button”],
    input:hover[type=”submit”],
    .btn:hover {
    background-color: #ff2a00;
    }

    .enews input[type=”submit”],
    .search-form input[type=”submit”] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }

    /* 12a – Gravity Forms ———– */

    #content div.gform_wrapper input,
    #content div.gform_wrapper select,
    #content div.gform_wrapper textarea,
    #content div.gform_wrapper .ginput_complex label {
    font-size: 16px;
    font-size: 1rem;
    padding: 16px;
    padding: 1rem;
    }

    #content div.gform_wrapper input[type=”submit”] {
    padding: 16px 24px;
    padding: 1rem 1.5rem;
    }

    #content div.gform_wrapper .ginput_complex label {
    padding: 0;
    }

    div.gform_wrapper li,
    div.gform_wrapper form li {
    margin: 16px 0 0;
    margin: 1rem 0 0;
    }

    /*
    13 Images & Captions
    —————————————————————————————————- */

    embed,
    img,
    object,
    video {
    max-width: 100%;
    }

    img {
    height: auto;
    }

    .alignleft .avatar {
    margin-right: 24px;
    margin-right: 1.5rem;
    }

    .alignright .avatar {
    margin-left: 24px;
    margin-left: 1.5rem;
    }

    .author-box .avatar {
    float: left;
    margin-right: 24px;
    margin-right: 1.5rem
    }

    .comment-list li .avatar {
    float: left;
    margin: 0 16px 24px 0;
    margin: 0 1rem 1.5rem 0;
    }

    img.centered,
    .aligncenter {
    display: block;
    margin: 0 auto 24px;
    margin: 0 auto 1.5rem
    }

    img.alignnone {
    display: inline;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    }

    img.alignleft,
    .post-image,
    .wp-caption.alignleft {
    display: inline;
    margin: 0 24px 24px 0;
    margin: 0 1.5rem 1.5rem 0;
    }

    img.alignright,
    .wp-caption.alignright {
    display: inline;
    margin: 0 0 24px 24px;
    margin: 0 0 1.5rem 1.5rem;
    }

    p.wp-caption-text {
    line-height: 1.2;
    margin-top: 12px;
    margin-top: 0.75rem;
    }

    .gallery-caption {
    }

    /*
    14 Media Queries
    —————————————————————————————————- */

    /* Desktops, laptops and iPads (landscape) ———– */

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

    #wrap {
    max-width: 960px;
    }

    }

    /* iPads (portrait) ———– */

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

    #wrap {
    padding: 0 5%;
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .wrap,
    #footer .creds,
    #footer .gototop,
    #header .widget-area,
    #inner,
    #title-area,
    #wrap .sidebar,
    #wrap #content,
    #wrap #content-sidebar-wrap,
    #wrap #sidebar-alt {
    width: 100%;
    }

    .genesis-nav-menu li,
    #footer .creds,
    #footer .gototop,
    #header ul.genesis-nav-menu,
    #header .search-form {
    float: none;
    }

    .genesis-nav-menu,
    #description,
    #footer .creds,
    #footer .gototop,
    #header .search-form,
    #title,
    #title-area {
    text-align: center;
    }

    .genesis-nav-menu a {
    padding: 20px 16px;
    padding: 1.25rem 1rem;
    }

    #title {
    margin: 16px 0;
    margin: 1rem 0;
    }

    #header .search-form {
    margin: 32px auto 0;
    margin: 2rem auto 0;
    width: 50%;
    }

    .genesis-nav-menu li.right {
    display: none;
    }

    #footer .wrap {
    padding: 24px 0;
    padding: 1.5rem 0;
    }

    .footer-widgets-1,
    #header .genesis-nav-menu {
    margin: 0;
    }

    }

    /* iPhones (portrait and landscape) ———– */

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

    html {
    font-size: 87.5%; /* 14px base */
    }

    #header .search-form {
    width: 100%;
    }

    .archive-page,
    .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 {
    margin: 0;
    width: 100%;
    }

    }

    </code>

    NEWS CHILD

    <code>

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

    /* Wrap
    ———————————————————— */

    #wrap {
    margin: 0 auto;
    }

    /* Header
    ———————————————————— */

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

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

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

    #description {
    color: #999;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    }

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

    /* Image Header – Partial Width
    ———————————————————— */

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

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

    /* Image Header – Full Width
    ———————————————————— */

    .header-full-width #title-area,
    .header-full-width #title,
    .header-full-width #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
    ———————————————————— */

    #header ul.menu {
    float: right;
    }

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

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

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

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

    #header ul.menu li li a,
    #header ul.menu li li a:link,
    #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;
    }

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

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

    #header ul.menu li ul a {
    width: 230px;
    }

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

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

    /* Primary Navigation
    ———————————————————— */

    #nav {
    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 ul {
    float: left;
    width: 100%;
    }

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

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

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

    #nav li li a,
    #nav li li a:link,
    #nav 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 li li a:hover,
    #nav li li a:active {
    color: #0094d2;
    }

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

    #nav li ul a {
    width: 120px;
    }

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

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

    /* Primary Navigation Extras
    ———————————————————— */

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

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

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

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

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

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

    /* Secondary Navigation
    ———————————————————— */

    #subnav {
    clear: both;
    font-family: ‘Oswald’, arial, serif;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
    }

    #subnav ul {
    float: left;
    width: 100%;
    }

    #subnav li {
    float: left;
    list-style-type: none;
    }

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

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

    #subnav li li a,
    #subnav li li a:link,
    #subnav 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;
    }

    #subnav li li a:hover,
    #subnav li li a:active {
    color: #0094d2;
    }

    #subnav li ul {
    height: auto;
    left: -9999px;
    position: absolute;
    width: 140px;
    z-index: 9999;
    }

    #subnav li ul a {
    width: 120px;
    }

    #subnav li ul ul {
    margin: -33px 0 0 139px;
    }

    #subnav li:hover>ul,
    #subnav li.sfHover ul {
    left: auto;
    }

    /* Social Icons
    ———————————————————— */

    #subnav li.social-facebook,
    #subnav li.social-rss,
    #subnav li.social-twitter {
    float: right;
    }

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

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

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

    #subnav li.social-facebook a {
    background-position: 0 0;
    }

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

    #subnav li.social-rss a {
    background-position: -46px 0;
    }

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

    #subnav li.social-twitter a {
    background-position: -23px 0;
    }

    #subnav li.social-twitter a:hover {
    background-position: -23px -23px;
    }

    /* Inner
    ———————————————————— */

    #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 #inner {
    margin: 20px auto;
    width: 700px;
    }

    #inner:after {
    clear: both;
    content: “.”;
    display: block;
    height: 0;
    visibility: hidden;
    }

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

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

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

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

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

    .full-width-content #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;
    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;
    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
    ———————————————————— */

    .post-info {
    font-size: 11px;
    margin: 0 0 15px;
    }

    .featuredpost .post-info,
    .ui-tabs .post-info {
    color: #666;
    margin: 0;
    }

    .ui-tabs .post-info {
    margin: 0 0 5px;
    }

    /* Post Meta
    ———————————————————— */

    .post-meta {
    background-color: #f5f5f5;
    clear: both;
    font-size: 11px;
    padding: 7px 10px 5px;
    }

    /* Author Box
    ———————————————————— */

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

    .author-box p {
    font-size: 13px;
    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
    ———————————————————— */

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

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

    .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 .post-comments,
    .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
    ———————————————————— */

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

    .navigation li {
    display: inline;
    }

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

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

    /* Primary / Secondary Sidebars
    ———————————————————— */

    .sidebar {
    display: inline;
    float: right;
    font-size: 13px;
    line-height: 20px;
    width: 305px;
    }

    .sidebar p {
    font-size: 13px;
    line-height: 20px;
    }

    #sidebar-alt {
    float: left;
    width: 150px;
    }

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

    .content-sidebar-sidebar #sidebar-alt {
    float: right;
    }

    #sidebar .widget,
    #sidebar-alt .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
    ———————————————————— */

    #header .searchform {
    float: right;
    padding: 25px 20px 0 0;
    }

    #nav .searchform {
    float: right;
    padding: 2px 0 0;
    }

    .s {
    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
    ———————————————————— */

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

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

    #footer a,
    #footer a:visited {
    color: #666;
    }

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

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

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

    /* Comments
    ———————————————————— */

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

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

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

    #comments .navigation {
    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 #header ul.nav li li a,
    .news-green #header ul.nav li li a:link,
    .news-green #header ul.nav li li a:visited,
    .news-green #header ul.menu li li a,
    .news-green #header ul.menu li li a:link,
    .news-green #header ul.menu li li a:visited,
    .news-green #nav li li a,
    .news-green #nav li li a:link,
    .news-green #nav li li a:visited {
    color: #fff;
    }

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

    .news-green #header ul.nav li a:hover,
    .news-green #header ul.nav li a:active,
    .news-green #header ul.nav .current_page_item a,
    .news-green #header ul.nav .current-cat a,
    .news-green #header ul.nav .current-menu-item a,
    .news-green #header ul.menu li a:hover,
    .news-green #header ul.menu li a:active,
    .news-green #header ul.menu .current_page_item a,
    .news-green #header ul.menu .current-cat a,
    .news-green #header ul.menu .current-menu-item a,
    .news-green #header ul.nav li li a:hover,
    .news-green #header ul.nav li li a:active,
    .news-green #header ul.menu li li a:hover,
    .news-green #header ul.menu li li a:active,
    .news-green #nav li a:hover,
    .news-green #nav li a:active,
    .news-green #nav .current_page_item a,
    .news-green #nav .current-cat a,
    .news-green #nav .current-menu-item a,
    .news-green #nav li li a:hover,
    .news-green #nav li li a:active,
    .news-green #nav li.right a:hover,
    .news-green #subnav li a:hover,
    .news-green #subnav li a:active,
    .news-green #subnav .current_page_item a,
    .news-green #subnav .current-cat a,
    .news-green #subnav .current-menu-item a,
    .news-green #subnav li li a:hover,
    .news-green #subnav li li a:active,
    .news-green h2 a:hover,
    .news-green #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 .navigation li a:hover,
    .news-green .navigation li.active a {
    background-color: #1c9b3d;
    }

    .news-green .navigation li a:hover,
    .news-green .navigation 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 #header ul.nav li li a,
    .news-orange #header ul.nav li li a:link,
    .news-orange #header ul.nav li li a:visited,
    .news-orange #header ul.menu li li a,
    .news-orange #header ul.menu li li a:link,
    .news-orange #header ul.menu li li a:visited,
    .news-orange #nav li li a,
    .news-orange #nav li li a:link,
    .news-orange #nav li li a:visited {
    color: #fff;
    }

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

    .news-orange #header ul.nav li a:hover,
    .news-orange #header ul.nav li a:active,
    .news-orange #header ul.nav .current_page_item a,
    .news-orange #header ul.nav .current-cat a,
    .news-orange #header ul.nav .current-menu-item a,
    .news-orange #header ul.menu li a:hover,
    .news-orange #header ul.menu li a:active,
    .news-orange #header ul.menu .current_page_item a,
    .news-orange #header ul.menu .current-cat a,
    .news-orange #header ul.menu .current-menu-item a,
    .news-orange #header ul.nav li li a:hover,
    .news-orange #header ul.nav li li a:active,
    .news-orange #header ul.menu li li a:hover,
    .news-orange #header ul.menu li li a:active,
    .news-orange #nav li a:hover,
    .news-orange #nav li a:active,
    .news-orange #nav .current_page_item a,
    .news-orange #nav .current-cat a,
    .news-orange #nav .current-menu-item a,
    .news-orange #nav li li a:hover,
    .news-orange #nav li li a:active,
    .news-orange #nav li.right a:hover,
    .news-orange #subnav li a:hover,
    .news-orange #subnav li a:active,
    .news-orange #subnav .current_page_item a,
    .news-orange #subnav .current-cat a,
    .news-orange #subnav .current-menu-item a,
    .news-orange #subnav li li a:hover,
    .news-orange #subnav li li a:active,
    .news-orange h2 a:hover,
    .news-orange #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 .navigation li a:hover,
    .news-orange .navigation li.active a {
    background-color: #e88e05;
    }

    .news-orange .navigation li a:hover,
    .news-orange .navigation 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 #header ul.nav li li a,
    .news-pink #header ul.nav li li a:link,
    .news-pink #header ul.nav li li a:visited,
    .news-pink #header ul.menu li li a,
    .news-pink #header ul.menu li li a:link,
    .news-pink #header ul.menu li li a:visited,
    .news-pink #nav li li a,
    .news-pink #nav li li a:link,
    .news-pink #nav li li a:visited {
    color: #fff;
    }

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

    .news-pink #header ul.nav li a:hover,
    .news-pink #header ul.nav li a:active,
    .news-pink #header ul.nav .current_page_item a,
    .news-pink #header ul.nav .current-cat a,
    .news-pink #header ul.nav .current-menu-item a,
    .news-pink #header ul.menu li a:hover,
    .news-pink #header ul.menu li a:active,
    .news-pink #header ul.menu .current_page_item a,
    .news-pink #header ul.menu .current-cat a,
    .news-pink #header ul.menu .current-menu-item a,
    .news-pink #header ul.nav li li a:hover,
    .news-pink #header ul.nav li li a:active,
    .news-pink #header ul.menu li li a:hover,
    .news-pink #header ul.menu li li a:active,
    .news-pink #nav li a:hover,
    .news-pink #nav li a:active,
    .news-pink #nav .current_page_item a,
    .news-pink #nav .current-cat a,
    .news-pink #nav .current-menu-item a,
    .news-pink #nav li li a:hover,
    .news-pink #nav li li a:active,
    .news-pink #nav li.right a:hover,
    .news-pink #subnav li a:hover,
    .news-pink #subnav li a:active,
    .news-pink #subnav .current_page_item a,
    .news-pink #subnav .current-cat a,
    .news-pink #subnav .current-menu-item a,
    .news-pink #subnav li li a:hover,
    .news-pink #subnav li li a:active,
    .news-pink h2 a:hover,
    .news-pink #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 .navigation li a:hover,
    .news-pink .navigation li.active a {
    background-color: #c62765;
    }

    .news-pink .navigation li a:hover,
    .news-pink .navigation 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 #header ul.nav li li a,
    .news-purple #header ul.nav li li a:link,
    .news-purple #header ul.nav li li a:visited,
    .news-purple #header ul.menu li li a,
    .news-purple #header ul.menu li li a:link,
    .news-purple #header ul.menu li li a:visited,
    .news-purple #nav li li a,
    .news-purple #nav li li a:link,
    .news-purple #nav li li a:visited {
    color: #fff;
    }

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

    .news-purple #header ul.nav li a:hover,
    .news-purple #header ul.nav li a:active,
    .news-purple #header ul.nav .current_page_item a,
    .news-purple #header ul.nav .current-cat a,
    .news-purple #header ul.nav .current-menu-item a,
    .news-purple #header ul.menu li a:hover,
    .news-purple #header ul.menu li a:active,
    .news-purple #header ul.menu .current_page_item a,
    .news-purple #header ul.menu .current-cat a,
    .news-purple #header ul.menu .current-menu-item a,
    .news-purple #header ul.nav li li a:hover,
    .news-purple #header ul.nav li li a:active,
    .news-purple #header ul.menu li li a:hover,
    .news-purple #header ul.menu li li a:active,
    .news-purple #nav li a:hover,
    .news-purple #nav li a:active,
    .news-purple #nav .current_page_item a,
    .news-purple #nav .current-cat a,
    .news-purple #nav .current-menu-item a,
    .news-purple #nav li li a:hover,
    .news-purple #nav li li a:active,
    .news-purple #nav li.right a:hover,
    .news-purple #subnav li a:hover,
    .news-purple #subnav li a:active,
    .news-purple #subnav .current_page_item a,
    .news-purple #subnav .current-cat a,
    .news-purple #subnav .current-menu-item a,
    .news-purple #subnav li li a:hover,
    .news-purple #subnav li li a:active,
    .news-purple h2 a:hover,
    .news-purple #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 .navigation li a:hover,
    .news-purple .navigation li.active a {
    background-color: #8827c7;
    }

    .news-purple .navigation li a:hover,
    .news-purple .navigation 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 #header ul.nav li li a,
    .news-red #header ul.nav li li a:link,
    .news-red #header ul.nav li li a:visited,
    .news-red #header ul.menu li li a,
    .news-red #header ul.menu li li a:link,
    .news-red #header ul.menu li li a:visited,
    .news-red #nav li li a,
    .news-red #nav li li a:link,
    .news-red #nav li li a:visited {
    color: #fff;
    }

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

    .news-red #header ul.nav li a:hover,
    .news-red #header ul.nav li a:active,
    .news-red #header ul.nav .current_page_item a,
    .news-red #header ul.nav .current-cat a,
    .news-red #header ul.nav .current-menu-item a,
    .news-red #header ul.menu li a:hover,
    .news-red #header ul.menu li a:active,
    .news-red #header ul.menu .current_page_item a,
    .news-red #header ul.menu .current-cat a,
    .news-red #header ul.menu .current-menu-item a,
    .news-red #header ul.nav li li a:hover,
    .news-red #header ul.nav li li a:active,
    .news-red #header ul.menu li li a:hover,
    .news-red #header ul.menu li li a:active,
    .news-red #nav li a:hover,
    .news-red #nav li a:active,
    .news-red #nav .current_page_item a,
    .news-red #nav .current-cat a,
    .news-red #nav .current-menu-item a,
    .news-red #nav li li a:hover,
    .news-red #nav li li a:active,
    .news-red #nav li.right a:hover,
    .news-red #subnav li a:hover,
    .news-red #subnav li a:active,
    .news-red #subnav .current_page_item a,
    .news-red #subnav .current-cat a,
    .news-red #subnav .current-menu-item a,
    .news-red #subnav li li a:hover,
    .news-red #subnav li li a:active,
    .news-red h2 a:hover,
    .news-red #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 .navigation li a:hover,
    .news-red .navigation li.active a {
    background-color: #c72730;
    }

    .news-red .navigation li a:hover,
    .news-red .navigation 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 #header ul.nav li li a,
    .news-teal #header ul.nav li li a:link,
    .news-teal #header ul.nav li li a:visited,
    .news-teal #header ul.menu li li a,
    .news-teal #header ul.menu li li a:link,
    .news-teal #header ul.menu li li a:visited,
    .news-teal #nav li li a,
    .news-teal #nav li li a:link,
    .news-teal #nav li li a:visited {
    color: #fff;
    }

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

    .news-teal #header ul.nav li a:hover,
    .news-teal #header ul.nav li a:active,
    .news-teal #header ul.nav .current_page_item a,
    .news-teal #header ul.nav .current-cat a,
    .news-teal #header ul.nav .current-menu-item a,
    .news-teal #header ul.menu li a:hover,
    .news-teal #header ul.menu li a:active,
    .news-teal #header ul.menu .current_page_item a,
    .news-teal #header ul.menu .current-cat a,
    .news-teal #header ul.menu .current-menu-item a,
    .news-teal #header ul.nav li li a:hover,
    .news-teal #header ul.nav li li a:active,
    .news-teal #header ul.menu li li a:hover,
    .news-teal #header ul.menu li li a:active,
    .news-teal #nav li a:hover,
    .news-teal #nav li a:active,
    .news-teal #nav .current_page_item a,
    .news-teal #nav .current-cat a,
    .news-teal #nav .current-menu-item a,
    .news-teal #nav li li a:hover,
    .news-teal #nav li li a:active,
    .news-teal #nav li.right a:hover,
    .news-teal #subnav li a:hover,
    .news-teal #subnav li a:active,
    .news-teal #subnav .current_page_item a,
    .news-teal #subnav .current-cat a,
    .news-teal #subnav .current-menu-item a,
    .news-teal #subnav li li a:hover,
    .news-teal #subnav li li a:active,
    .news-teal h2 a:hover,
    .news-teal #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 .navigation li a:hover,
    .news-teal .navigation li.active a {
    background-color: #27c3c7;
    }

    .news-teal .navigation li a:hover,
    .news-teal .navigation 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 #inner,
    #inner {
    width: 100%;
    margin: 0 auto;
    }

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

    #header,
    #inner,
    #nav {
    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,
    #footer,
    #header,
    #home-bottom,
    #home-middle,
    #home-top,
    #sidebar-alt {
    box-sizing: border-box;
    width: 100%;
    }

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

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

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

    #header .searchform {
    float: none;
    padding: 0;
    text-align: center;
    }

    #header ul.menu {
    float: none;
    }

    #header li,
    #nav li,
    #subnav li {
    display: inline-block;
    float: none;
    }

    #header li li,
    #nav li li,
    #subnav li li {
    text-align: left;
    }

    #nav li.right,
    #subnav li.social-facebook,
    #subnav li.social-rss,
    #subnav 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;
    }

    #footer {
    background: none;
    padding: 15px 0 10px;
    }

    #footer p {
    padding: 0 20px;
    }

    }

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

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

    #nav li a,
    #subnav 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%;
    }

    }

    </code>

    #21354

    jbarilow
    Participant
    Post count: 3

    Sorry for the obnoxious length of that, cant see how to attach them as files.

    #21359

    cehwitham
    Participant
    Post count: 396

    Yes I was right, change the width here:

    #nav li li a,
    #nav li li a:link,
    #nav 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;
    }


    Twitter: cehwitham Web: cehwitham.com

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.