default colors in themes

Community Forums Forums Design Tips and Tricks default colors in themes

This topic is: not resolved

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  Ozzy 1 year, 11 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2818

    drscott
    Participant

    Can someone please tell me where I would find the code for the colors in a theme.

    For example: Generate theme has the color orange. I need to match buttons on a web form to match the orange color.

    I can’t find the colors anywhere in the code.

    #2819

    Ozzy
    Participant
    Post count: 214

    the default colors would be in the style.css file.


    #2821

    drscott
    Participant

    I looked for any reference to color in here and none matched the orange.

    Lots of grey, white, and reds.

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

    Version: 1.0.1

    Tags: black, blue, gray, green, orange, red, white, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-menu, featured-images, sticky-post, theme-options, threaded-comments

    Template: genesis
    Template Version: 1.8

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

    /* Table of Contents

    * 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
    * Inner
    * Generate Box
    * 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
    * Generate Blue
    * Generate Green
    * Generate Orange
    * Responsive Design

    */

    /* Defaults
    ———————————————————— */

    body,
    h1,
    h2,
    h2 a,
    h2 a:visited,
    h3,
    h4,
    h5,
    h6,
    p,
    select,
    textarea {
    color: #222;
    font-family: Georgia, Times, ‘Times New Roman’, serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    }

    input {
    color: #222;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    }

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

    .wp-caption {
    border: none;
    }

    input,
    select {
    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: #c61a1a;
    text-decoration: underline;
    }

    a:hover {
    color: #222;
    text-decoration: none;
    }

    a img {
    border: none;
    }

    /* Body
    ———————————————————— */

    body {
    background-color: #d5d5d5;
    border-top: 3px solid #222;
    }

    body.generate-landing {
    background-color: #f3f3f3;
    }

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

    #wrap {
    background-color: #f3f3f3;
    }

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

    #header {
    background: url(images/bg-header.png);
    border-bottom: 5px solid #c61a1a;
    min-height: 100px;
    }

    #header .wrap {
    margin: 0 auto;
    width: 960px;
    }

    #title-area {
    float: left;
    padding: 20px 0 0;
    width: 450px;
    }

    #title {
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 38px;
    margin: 0;
    text-transform: uppercase;
    }

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

    #description {
    color: #888;
    font-family: Georgia, Times, ‘Times New Roman’, serif;
    font-size: 14px;
    font-style: italic;
    }

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

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

    .header-image #header #title-area {
    background: url(images/logo.png) left top no-repeat;
    }

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

    .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: 100%;
    }

    /* Navigation Constants
    ———————————————————— */

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

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

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

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

    /* Header Right Navigation
    ———————————————————— */

    #header ul.menu {
    box-sizing: border-box;
    float: right;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    }

    #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: #222;
    display: block;
    font-size: 12px;
    padding: 6px 15px 5px;
    position: relative;
    text-decoration: none;
    }

    #header ul.menu li:last-child a {
    border: none;
    }

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

    #header ul.menu li li a,
    #header ul.menu li li a:link,
    #header ul.menu li li a:visited {
    background: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-width: 0;
    color: #222;
    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 {
    background-color: #f5f5f5;
    color: #222;
    }

    #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: 130px;
    }

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

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

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

    #nav {
    background: url(images/nav.png) repeat-x;
    clear: both;
    height: 67px;
    }

    #nav .wrap {
    color: #444;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    margin: 0 auto;
    text-transform: uppercase;
    width: 960px;
    }

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

    #nav li {
    background: url(images/nav-line.png) right no-repeat;
    float: left;
    list-style-type: none;
    }

    #nav li a {
    color: #444;
    display: block;
    font-size: 12px;
    margin: 0 2px 0 0;
    padding: 8px 17px 8px 15px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px #eee;
    }

    #nav li a:hover,
    #nav li a:active,
    #nav li:hover a,
    #nav .current_page_item a,
    #nav .current-cat a,
    #nav .current-menu-item a {
    background: url(images/nav-hover.png);
    color: #fff;
    text-shadow: 1px 1px #444;
    }

    #nav li li {
    background: none;
    }

    #nav li li a,
    #nav li li a:link,
    #nav li li a:visited {
    background: none;
    border-bottom: 1px dotted #731212;
    color: #fff;
    font-size: 11px;
    padding: 7px 5px;
    position: relative;
    text-shadow: 1px 1px #444;
    width: 128px;
    }

    #nav li li a:hover,
    #nav li li a:active {
    color: #fff;
    }

    #nav li ul {
    -moz-box-shadow: 0 0 3px #666;
    -webkit-box-shadow: 0 0 3px #666;
    background-color: #a71d1d;
    box-shadow: 0 0 3px #666;
    height: auto;
    left: -9999px;
    padding: 0 10px;
    position: absolute;
    width: 140px;
    z-index: 9999;
    }

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

    #nav li ul ul {
    margin: -41px 0 0 150px;
    }

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

    #nav li li:last-child a {
    border: none;
    }

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

    #nav li.right {
    background: none;
    float: right;
    font-size: 12px;
    padding: 8px 15px;
    }

    #nav li.right a {
    background: none;
    border: none;
    color: #222;
    display: inline;
    text-decoration: none;
    text-shadow: 1px 1px #eee;
    }

    #nav li.right a:hover {
    color: #222;
    text-decoration: underline;
    }

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

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

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

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

    #subnav {
    -moz-box-shadow: 0 1px 2px #aaa;
    -webkit-box-shadow: 0 1px 2px #aaa;
    background: url(images/subnav.png) repeat-x;
    box-shadow: 0 1px 2px #aaa;
    border: 1px solid #aaa;
    clear: both;
    height: 47px;
    margin: 0 auto;
    width: 960px;
    }

    #subnav .wrap {
    color: #444;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    text-transform: uppercase;
    }

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

    #subnav li {
    background: url(images/subnav-line.png) no-repeat right;
    float: left;
    list-style-type: none;
    }

    #subnav li a {
    color: #444;
    display: block;
    font-size: 12px;
    margin: 0 2px 0 0;
    padding: 11px 15px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px #e1e1e1;
    }

    #subnav li a:hover,
    #subnav li a:active,
    #subnav li:hover a,
    #subnav .current_page_item a,
    #subnav .current-cat a,
    #subnav .current-menu-item a {
    background: url(images/subnav.png) repeat-x 0 -47px;
    color: #ab1c1c;
    text-shadow: 1px 1px #fff;
    }

    #subnav li li {
    background: none;
    }

    #subnav li li a,
    #subnav li li a:link,
    #subnav li li a:visited {
    background: none;
    border-bottom: 1px dotted #aaa;
    color: #444;
    font-size: 11px;
    padding: 7px 5px;
    position: relative;
    text-shadow: 1px 1px #fff;
    width: 128px;
    }

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

    #subnav li ul {
    -moz-box-shadow: 0 0 3px #666;
    -webkit-box-shadow: 0 0 3px #666;
    background-color: #fafafa;
    box-shadow: 0 0 3px #666;
    height: auto;
    left: -9999px;
    margin: 0 0 0 -1px;
    padding: 0 10px;
    position: absolute;
    width: 140px;
    z-index: 9999;
    }

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

    #subnav li ul ul {
    margin: -41px 0 0 150px;
    }

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

    #subnav li li:last-child a {
    border: none;
    }

    /* Generate Box
    ———————————————————— */

    #generate-box {
    background: #f3f3f3 url(images/shadow.png) no-repeat center bottom;
    padding: 0 0 32px;
    }

    #generate-box .wrap {
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    background: url(images/generatebox-bg.png) repeat-x top #212121;
    border: 1px solid #fff;
    box-shadow: 0 0 2px #999;
    clear: both;
    color: #9f9f9f;
    min-height: 195px;
    margin: 2px auto 0;
    padding: 30px;
    text-shadow: -1px -1px #000;
    width: 898px;
    }

    #generate-box .widget {
    position: relative;
    }

    #generate-box p {
    color: #9f9f9f;
    text-shadow: -1px -1px #000;
    margin: 0 0 15px;
    }

    #generate-box a:hover {
    color: #fff;
    }

    #generate-box img.alignright {
    position: absolute;
    right: -30px;
    top: 0;
    }

    #generate-box img.alignleft {
    position: absolute;
    left: 0;
    top: 0;
    }

    #generate-box form {
    background: url(images/arrow.png) no-repeat 40px 0;
    display: block;
    margin-top: 25px;
    padding: 5px 0 0 150px;
    }

    #generate-box #mce-EMAIL,
    #generate-box input[type="text"] {
    -moz-border-radius: 5px;
    -moz-box-shadow: inset 0 1px 2px 1px #eee;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 2px 1px #eee;
    background-color: #fff;
    border: 3px solid #000;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px 1px #eee;
    color: #777;
    font-size: 16px;
    padding: 12px 15px;
    width: 250px;
    }

    #generate-box input[type="submit"] {
    font-size: 16px;
    padding: 11px 15px;
    }

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

    #inner {
    background: #f3f3f3 url(images/shadow.png) no-repeat center bottom;
    clear: both;
    padding: 0 0 32px 0;
    }

    #inner .wrap {
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    background-color: #fff;
    box-shadow: 0 0 2px #999;
    margin: 2px auto 0;
    overflow: hidden;
    width: 960px;
    }

    .generate-landing #inner {
    background: #f3f3f3;
    padding: 0;
    }

    .generate-landing #inner .wrap {
    margin: 20px auto;
    width: 700px;
    }

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

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

    .full-width-content #inner .wrap {
    background-color: #fff;
    }

    /* Breadcrumb
    ———————————————————— */

    .breadcrumb {
    border-bottom: 1px dotted #ddd;
    color: #555;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: -24px 0 30px 0;
    padding: 20px 10px 20px 0;
    text-shadow: 1px 1px #fff;
    }

    /* Taxonomy Description
    ———————————————————— */

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

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

    #content-sidebar-wrap {
    float: left;
    width: 750px;
    }

    .content-sidebar #content-sidebar-wrap,
    .full-width-content #content-sidebar-wrap,
    .generate-landing #content-sidebar-wrap,
    .sidebar-content #content-sidebar-wrap {
    width: 100%;
    }

    /* Content
    ———————————————————— */

    #content {
    float: left;
    padding: 0 0 20px;
    width: 450px;
    }

    .content-sidebar #content,
    .sidebar-content #content {
    padding: 25px 40px;
    width: 570px;
    }

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

    .full-width-content #content {
    padding: 25px 40px;
    width: 880px;
    }

    .generate-landing.full-width-content #content {
    width: 620px;
    }

    blockquote {
    background: url(images/blockquote.png) no-repeat #f4f4f4;
    border-left: 8px solid #dbdbdb;
    margin: 5px 5px 30px -40px;
    padding: 25px 30px 5px 80px;
    }

    .sidebar-content blockquote {
    background: url(images/blockquote.png) no-repeat #f4f4f4;
    border-right: 8px solid #dbdbdb;
    border-left: none;
    margin: 5px -40px 30px 5px;
    padding: 25px 40px 5px 80px;
    }

    blockquote p {
    color: #585858;
    font-style: italic;
    }

    .post {
    margin: 0 0 40px;
    }

    .entry-content a,
    .entry-content a:visited {
    text-decoration: underline;
    }

    .entry-content a:hover {
    text-decoration: none;
    }

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

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

    .clear {
    clear: both;
    }

    .clear-line {
    border-bottom: 1px solid #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;
    padding: 0 0 15px;
    width: 250px;
    }

    .full-width-content .genesis-grid-even,
    .full-width-content .genesis-grid-odd {
    width: 400px;
    }

    .genesis-grid .entry-content {
    padding: 0 0 20px;
    }

    /* Headlines
    ———————————————————— */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-weight: bold;
    margin: 0 0 10px;
    }

    h1,
    h2,
    h2 a,
    h2 a:visited {
    color: #222;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
    text-decoration: none !important;
    }

    h1.entry-title,
    h2.entry-title {
    border-left: 8px solid #222;
    display: block;
    margin: 0 0 30px -40px;
    padding: 10px 0 4px 33px;
    }

    .sidebar-content h1.entry-title,
    .sidebar-content h2.entry-title {
    border-right: 8px solid #222;
    border-left: none;
    margin: 0 -40px 30px 0;
    padding: 10px 33px 4px 0;
    }

    .genesis-grid h2.entry-title,
    .genesis-grid h2.entry-title a {
    font-size: 24px;
    line-height: 32px;
    }

    .taxonomy-description h1,
    .widget-area h2,
    .widget-area h2 a {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px;
    }

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

    #generate-box h2,
    #generate-box h3,
    #generate-box h4,
    #generate-box h5,
    #generate-box h6 {
    color: #fff;
    text-shadow: -1px -1px #000;
    }

    h3 {
    font-size: 30px;
    }

    h4 {
    font-size: 24px;
    }

    .widget-area h4 {
    background-color: #f1f1f1;
    border-right: 8px solid #ddd;
    font-size: 14px;
    line-height: 20px;
    margin: 0 -40px 20px;
    padding: 8px 40px;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    }

    .sidebar-content .widget-area h4 {
    border-left: 8px solid #ddd;
    border-right: none;
    margin: 0 -40px 20px;
    padding: 8px 40px 8px 32px;
    }

    .widget-area h4 a {
    color: #222 !important;
    text-decoration: none;
    }

    #footer-widgets h4 {
    background-color: #f8f8f8;
    border: none;
    margin: 0 -15px 10px;
    padding: 5px 15px;
    }

    #generate-box h4 {
    background: url(images/generatebox-heading.png) no-repeat;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: -40px -72px 10px;
    padding: 25px 30px 35px 60px;
    text-shadow: 1px 1px #661010;
    text-transform: uppercase;
    }

    h5 {
    font-size: 20px;
    }

    h6 {
    font-size: 18px;
    }

    /* Ordered / Unordered Lists
    ———————————————————— */

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

    .entry-content ol {
    margin: 0;
    }

    .archive-page ul li,
    .entry-content ul li {
    background: url(images/list.png) no-repeat 0 12px;
    list-style-type: none;
    margin: 0 0 0 20px;
    padding: 5px 0 5px 20px;
    word-wrap: break-word;
    text-shadow: 1px 1px #fff;
    }

    .archive-page ul li {
    margin: 0 0 0 10px;
    }

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

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

    /* Post Info
    ———————————————————— */

    .post-info {
    background-color: #f4f4f4;
    border-left: 8px solid #dbdbdb;
    color: #888;
    font-size: 11px;
    font-style: italic;
    margin: 0 0 2px -40px;
    padding: 8px 25px 8px 33px;
    text-shadow: 1px 1px #fff;
    text-transform: lowercase;
    }

    .sidebar-content .post-info {
    border-right: 8px solid #dbdbdb;
    border-left: none;
    margin: 0 -40px 2px 0;
    padding: 8px 33px 8px 20px;
    }

    .post-info .date {
    color: #222;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    }

    .post-info .author,
    .post-info .post-comments {
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    }

    .post-info .author {
    margin: 0 0 0 2px;
    }

    .post-info a,
    .post-info a:visited {
    text-decoration: underline;
    }

    .post-info a:hover {
    color: #222;
    text-decoration: none;
    }

    .featuredpage .byline,
    .featuredpost .post-info {
    background: none;
    border: none;
    color: #888;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-size: 11px !important;
    line-height: 18px !important;
    padding: 0 !important;
    margin: 10px 0;
    }

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

    .post-meta {
    border-top: 1px dotted #ddd;
    color: #888;
    clear: both;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-size: 11px;
    padding: 10px 0 0;
    text-transform: uppercase;
    }

    .post-meta a,
    .post-meta a:visited {
    text-decoration: underline;
    }

    .post-meta a:hover {
    color: #222;
    text-decoration: none;
    }

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

    .author-box {
    background-color: #f4f4f4;
    border-left: 8px solid #dbdbdb;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 40px -40px;
    overflow: hidden;
    padding: 30px 40px;
    text-shadow: 1px 1px #fff;
    }

    .sidebar-content .author-box {
    border-right: 8px solid #dbdbdb;
    border-left: none;
    margin: 0 -40px 40px 0;
    }

    .author-box p {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0;
    }

    /* Sticky Posts
    ———————————————————— */

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

    /* Archive Page
    ———————————————————— */

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

    /* Post Icons
    ———————————————————— */

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

    .tags {
    background: url(images/comments.png) no-repeat left;
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
    }

    /* Images
    ———————————————————— */

    .entry-content img {
    max-width: 100%;
    }

    .avatar,
    .featuredpage img,
    .featuredpost img,
    .post-image {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 4px;
    }

    .author-box .avatar {
    background-color: #fff;
    float: left;
    height: 80px;
    margin: 0 20px 20px 0;
    width: 80px;
    }

    .post-image {
    border: 0;
    margin: 0 0 30px -40px !important;
    padding: 0;
    max-width: none !important;
    }

    .sidebar-content .post-image {
    margin: 0 -40px 30px 0 !important;
    }

    .full-width-content .post-image {
    margin-right: 40px !important;
    }

    .comment-list li .avatar {
    background-color: #fff;
    float: right;
    margin: 0 5px 0 10px;
    padding: 4px;
    }

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

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

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

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

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

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

    .wp-caption {
    padding: 5px;
    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 {
    background-color: #f1f1f1;
    border-left: 8px solid #ddd;
    clear: both;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    margin: 0 0 0 -40px;
    padding: 10px 0 10px 32px;
    }

    .sidebar-content .navigation {
    border-right: 8px solid #ddd;
    border-left: none;
    margin: 0 -40px 0 0;
    padding: 10px 32px 10px 20px;
    }

    .navigation li {
    display: inline;
    }

    .navigation li a,
    .navigation li.disabled,
    .navigation li a:hover,
    .navigation li.active a {
    color: #222;
    margin: 0 10px 0 0;
    text-decoration: none;
    }

    .navigation li a:hover,
    .navigation li.active a {
    color: #c61a1a;
    text-decoration: none;
    }

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

    .sidebar {
    display: inline;
    float: right;
    font-size: 13px;
    line-height: 20px;
    padding: 25px 40px;
    width: 230px;
    }

    .sidebar p {
    font-size: 14px;
    line-height: 22px;
    text-shadow: 1px 1px #fff;
    }

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

    .sidebar .widget {
    margin: 0 0 35px;
    }

    .sidebar.widget-area ul li,
    #footer-widgets .widget-area ul li {
    background: url(images/list.png) no-repeat 0 12px;
    list-style-type: none;
    margin: 0;
    padding: 7px 0 7px 20px;
    word-wrap: break-word;
    text-shadow: 1px 1px #fff;
    }

    /* Dropdowns
    ———————————————————— */

    #cat,
    .widget_archive select {
    display: inline;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-size: 12px;
    width: 85%;
    }

    /* Featured Page / Post
    ———————————————————— */

    .featuredpage,
    .featuredpost {
    clear: both;
    margin: 0 0 15px;
    }

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

    /* User Profile
    ———————————————————— */

    .user-profile {
    overflow: hidden;
    }

    /* Buttons
    ———————————————————— */

    input[type="button"],
    input[type="submit"] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: url(images/button.png) repeat-x #a81d1d;
    border: 1px solid #820c0c;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 12px 7px;
    text-decoration: none;
    text-shadow: -1px -1px #9e1717;
    }

    input:hover[type="button"],
    input:hover[type="submit"] {
    background: #b41c1c;
    text-decoration: none;
    }

    /* Search Form
    ———————————————————— */

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

    #nav .searchform {
    float: right;
    }

    .s {
    -moz-box-shadow: inset 0 1px 2px 1px #eee;
    -webkit-box-shadow: inset 0 1px 2px 1px #eee;
    background: #fff url(images/icon-search.png) right no-repeat;
    border: 1px solid #b2b2b2;
    box-shadow: inset 0 1px 1px 1px #eee;
    color: #777;
    padding: 8px 10px;
    width: 130px;
    }

    #nav .s {
    margin: 2px 2px 0 0;
    width: 150px;
    }

    #header .s {
    width: 190px;
    }

    /* eNews and Update Widget
    ———————————————————— */

    #subscribe {
    margin: 15px 0 0;
    }

    #header #subscribe {
    margin: 0;
    }

    .enews #subbox {
    -moz-box-shadow: inset 0 1px 2px 1px #eee;
    -webkit-box-shadow: inset 0 1px 2px 1px #eee;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    box-shadow: inset 0 1px 1px 1px #eee;
    color: #777;
    margin: 0 4px 0 0;
    padding: 8px 10px;
    width: 155px;
    }

    #header .enews #subbox {
    width: 315px;
    }

    /* 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: #fff;
    padding: 2px;
    text-align: center;
    }

    /* Footer Widgets
    ———————————————————— */

    #footer-widgets {
    background: #f3f3f3 url(images/shadow.png) no-repeat center bottom;
    padding: 0 0 32px;
    }

    #footer-widgets .wrap {
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    background-color: #fff;
    box-shadow: 0 0 2px #999;
    clear: both;
    font-size: 14px;
    line-height: 22px;
    margin: 2px auto 0;
    overflow: hidden;
    padding: 15px 30px;
    width: 900px;
    }

    #footer-widgets .widget {
    margin: 0 0 20px;
    padding: 15px;
    }

    #footer-widgets p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 10px;
    }

    #footer-widgets ul {
    margin: 0;
    }

    #footer-widgets ul li {
    margin: 0 0 0 20px;
    }

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

    .footer-widgets-1 {
    float: left;
    margin: 0 30px 0 0;
    width: 280px;
    }

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

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

    /* Footer
    ———————————————————— */

    #footer {
    clear: both;
    font-size: 11px;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    }

    #footer .wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 0 30px;
    text-transform: uppercase;
    width: 960px;
    }

    #footer p {
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-size: 11px;
    }

    #footer .gototop a,
    #footer .gototop a:visited {
    background: url(images/footer-top.png) no-repeat center left;
    color: #222;
    padding: 2px 0 2px 20px;
    text-decoration: none;
    }

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

    #footer .gototop p {
    font-weight: bold;
    }

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

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

    #comments,
    #respond {
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 15px;
    }

    #respond {
    margin: 40px 0 0;
    }

    #comments p,
    #respond p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 15px;
    }

    #commentform {
    margin: 30px 0 0;
    }

    #author,
    #comment,
    #email,
    #url {
    -moz-border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px 1px #eee;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px 1px #eee;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px 1px #eee;
    color: #777;
    margin: 0 10px 10px 0;
    padding: 8px 10px;
    width: 250px;
    }

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

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

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

    .comment-list li,
    .ping-list li {
    background-color: #f4f4f4;
    border-left: 8px solid #dbdbdb;
    font-size: 14px;
    line-height: 22px;
    list-style-type: none;
    margin: 10px 0 10px -40px;
    padding: 20px 20px 20px 40px;
    text-shadow: 1px 1px #fff;
    }

    .sidebar-content .comment-list li,
    .sidebar-content .ping-list li {
    border-right: 8px solid #dbdbdb;
    border-left: none;
    margin: 10px -40px 10px 0;
    padding: 20px 40px 20px 20px;
    }

    .comment-list li ul li {
    background-color: #eaeaea;
    border: 1px solid #dbdbdb;
    border-left: none;
    list-style-type: none;
    }

    .sidebar-content .comment-list li ul li {
    border: 1px solid #dbdbdb;
    border-right: none;
    }

    .comment-list li ul li li {
    background-color: #f4f4f4;
    border: 1px solid #dbdbdb;
    border-left: none;
    list-style-type: none;
    }

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

    .commentmetadata {
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    color: #7b7b7b;
    font-size: 11px;
    margin-bottom: 20px;
    }

    .comment-author {
    color: #222222;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif;
    font-weight: bold;
    }

    .commentmetadata a {
    color: #7b7b7b;
    text-decoration: none;
    }

    .nocomments {
    text-align: center;
    }

    #comments .navigation {
    background: none;
    border: none;
    display: block;
    }

    .bypostauthor {
    }

    .reply {
    margin: 10px 0 0;
    }

    /* Gravity Forms
    ———————————————————— */

    div.gform_wrapper input,
    div.gform_wrapper select,
    div.gform_wrapper textarea {
    color: #222;
    font-family: ‘Helvetica Neue’, Arial, Tahoma, sans-serif !important;
    font-size: 12px !important;
    padding: 7px 7px 6px !important;
    }

    div.gform_wrapper textarea {
    padding: 3px 7px 6px !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 {
    background: none;
    margin: 0 0 10px;
    padding: 0;
    }

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

    /* Generate Blue
    ———————————————————— */

    .generate-blue #header {
    border-bottom: 5px solid #2a8ec8;
    }

    .generate-blue a,
    .generate-blue a:visited {
    color: #2a8ec8;
    text-decoration: underline;
    }

    .generate-blue a:hover,
    .generate-blue h2 a,
    .generate-blue h2 a:visited {
    color: #222;
    }

    .generate-blue h2 a:hover {
    color: #2a8ec8;
    text-decoration: none;
    }

    .generate-blue input[type="button"],
    .generate-blue input[type="submit"] {
    background: url(images/blue/button.png) repeat-x #1d6fa7;
    border: 1px solid #155c8e;
    text-shadow: -1px -1px #134668;
    }

    .generate-blue input:hover[type="button"],
    .generate-blue input:hover[type="submit"] {
    background: #1d6fa7;
    }

    .generate-blue #generate-box h4 {
    background: url(images/blue/generatebox-heading.png) no-repeat;
    text-shadow: 1px 1px #134668;
    }

    .generate-blue #nav li a:hover,
    .generate-blue #nav li a:active,
    .generate-blue #nav li:hover a,
    .generate-blue #nav .current_page_item a,
    .generate-blue #nav .current-cat a,
    .generate-blue #nav .current-menu-item a {
    background: url(images/blue/nav-hover.png);
    color: #fff;
    }

    .generate-blue #nav li li a,
    .generate-blue #nav li li a:link,
    .generate-blue #nav li li a:visited {
    background: none;
    }

    .generate-blue #nav li ul {
    background: #0078b2;
    }

    .generate-blue #nav li li a {
    background: #0078b2;
    border-bottom: 1px dotted #164f74;
    }

    .generate-blue #subnav li a:hover,
    .generate-blue #subnav li a:active,
    .generate-blue #subnav li:hover a,
    .generate-blue #subnav .current_page_item a,
    .generate-blue #subnav .current-cat a,
    .generate-blue #subnav .current-menu-item a {
    color: #2a8ec8;
    }

    .generate-blue #subnav li li a,
    .generate-blue #subnav li li a:link,
    .generate-blue #subnav li li a:visited {
    color: #444;
    }

    .generate-blue #subnav li li a:hover,
    .generate-blue #subnav li li a:active {
    color: #2a8ec8;
    }

    .generate-blue .navigation li a:hover,
    .generate-blue .navigation li.active a {
    color: #2a8ec8;
    }

    /* Generate Green
    ———————————————————— */

    .generate-green #header {
    border-bottom: 5px solid #6fa81e;
    }

    .generate-green a,
    .generate-green a:visited {
    color: #6fa81e;
    text-decoration: underline;
    }

    .generate-green a:hover,
    .generate-green h2 a,
    .generate-green h2 a:visited {
    color: #222;
    }

    .generate-green h2 a:hover {
    color: #6fa81e;
    text-decoration: none;
    }

    .generate-green input[type="button"],
    .generate-green input[type="submit"] {
    background: url(images/green/button.png) repeat-x #6fa81e;
    border: 1px solid #568415;
    text-shadow: -1px -1px #568415;
    }

    .generate-green input:hover[type="button"],
    .generate-green input:hover[type="submit"] {
    background: #6fa81e;
    }

    .generate-green #generate-box h4 {
    background: url(images/green/generatebox-heading.png) no-repeat;
    text-shadow: 1px 1px #568415;
    }

    .generate-green #nav li a:hover,
    .generate-green #nav li a:active,
    .generate-green #nav li:hover a,
    .generate-green #nav .current_page_item a,
    .generate-green #nav .current-cat a,
    .generate-green #nav .current-menu-item a {
    background: url(images/green/nav-hover.png);
    color: #fff;
    }

    .generate-green #nav li li a,
    .generate-green #nav li li a:link,
    .generate-green #nav li li a:visited {
    background: none;
    }

    .generate-green #nav li ul {
    background: #6fa81e;
    }

    .generate-green #nav li li a {
    background: #6fa81e;
    border-bottom: 1px dotted #568415;
    }

    .generate-green #subnav li a:hover,
    .generate-green #subnav li a:active,
    .generate-green #subnav li:hover a,
    .generate-green #subnav .current_page_item a,
    .generate-green #subnav .current-cat a,
    .generate-green #subnav .current-menu-item a {
    color: #6fa81e;
    }

    .generate-green #subnav li li a,
    .generate-green #subnav li li a:link,
    .generate-green #subnav li li a:visited {
    color: #444;
    }

    .generate-green #subnav li li a:hover,
    .generate-green #subnav li li a:active {
    color: #6fa81e;
    }

    .generate-green .navigation li a:hover,
    .generate-green .navigation li.active a {
    color: #6fa81e;
    }

    /* Generate Orange
    ———————————————————— */

    .generate-orange #header {
    border-bottom: 5px solid #ef8806;
    }

    .generate-orange a,
    .generate-orange a:visited {
    color: #d05b00;
    text-decoration: underline;
    }

    .generate-orange a:hover,
    .generate-orange h2 a,
    .generate-orange h2 a:visited {
    color: #222;
    }

    .generate-orange h2 a:hover {
    color: #d05b00 !important;
    text-decoration: none;
    }

    .generate-orange input[type="button"],
    .generate-orange input[type="submit"] {
    background: url(images/orange/button.png) repeat-x #df6001;
    border: 1px solid #b63c00;
    text-shadow: -1px -1px #b63c00;
    }

    .generate-orange input:hover[type="button"],
    .generate-orange input:hover[type="submit"] {
    background: #df6001;
    }

    .generate-orange #generate-box h4 {
    background: url(images/orange/generatebox-heading.png) no-repeat;
    text-shadow: 1px 1px #b63c00;
    }

    .generate-orange #nav li a:hover,
    .generate-orange #nav li a:active,
    .generate-orange #nav li:hover a,
    .generate-orange #nav .current_page_item a,
    .generate-orange #nav .current-cat a,
    .generate-orange #nav .current-menu-item a {
    background: url(images/orange/nav-hover.png);
    color: #fff;
    }

    .generate-orange #nav li li a,
    .generate-orange #nav li li a:link,
    .generate-orange #nav li li a:visited {
    background: none;
    }

    .generate-orange #nav li ul {
    background: #e96f00;
    }

    .generate-orange #nav li li a {
    background: #e96f00;
    border-bottom: 1px dotted #b63c00;
    }

    .generate-orange #subnav li a:hover,
    .generate-orange #subnav li a:active,
    .generate-orange #subnav li:hover a,
    .generate-orange #subnav .current_page_item a,
    .generate-orange #subnav .current-cat a,
    .generate-orange #subnav .current-menu-item a {
    color: #d05b00;
    }

    .generate-orange #subnav li li a,
    .generate-orange #subnav li li a:link,
    .generate-orange #subnav li li a:visited {
    color: #444;
    }

    .generate-orange #subnav li li a:hover,
    .generate-orange #subnav li li a:active {
    color: #d05b00;
    }

    .generate-orange .navigation li a:hover,
    .generate-orange .navigation li.active a {
    color: #d05b00;
    }

    /* Responsive Design
    ———————————————————— */

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

    body {
    width: 95%;
    margin: 0 auto;
    }

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

    #description,
    #footer .creds,
    #footer .gototop,
    #title,
    #title-area {
    float: none;
    text-align: center;
    }

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

    #header .searchform {
    float: none;
    margin: 0 0 15px;
    text-align: center;
    }

    #header {
    overflow: hidden;
    }

    #header .s {
    width: 60%;
    }

    #inner,
    #footer-widgets,
    #generate-box {
    background: none;
    }

    #inner {
    padding: 0 0 12px;
    }

    #header ul.menu li.right,
    #nav li.right,
    #subnav li.right {
    display: none;
    }

    #nav,
    #subnav {
    background: none;
    height: auto;
    }

    #nav {
    border-bottom: 3px solid #333;
    }

    .home #nav,
    #subnav {
    border: none;
    }

    #nav li,
    #subnav li {
    background: url(images/nav-li-mobile.png) repeat;
    border-bottom: 1px solid #bfbfbf;
    width: 100%;
    }

    #nav li a,
    #subnav li a {
    margin: 0;
    padding: 7px 3%;
    }

    #nav li .sf-sub-indicator,
    #nav li li .sf-sub-indicator,
    #nav li li li .sf-sub-indicator,
    #subnav li .sf-sub-indicator,
    #subnav li li .sf-sub-indicator,
    #subnav li li li .sf-sub-indicator {
    background: url(images/arrow-down.png) right no-repeat;
    float: right;
    position: relative;
    width: 9px;
    }

    #subnav li a:hover,
    #subnav li a:active,
    #subnav li:hover a,
    #subnav .current_page_item a,
    #subnav .current-cat a,
    #subnav .current-menu-item a {
    background: url(images/nav-hover.png);
    color: #fff !important;
    text-shadow: 1px 1px #444;
    }

    .generate-blue #subnav li a:hover,
    .generate-blue #subnav li a:active,
    .generate-blue #subnav li:hover a,
    .generate-blue #subnav .current_page_item a,
    .generate-blue #subnav .current-cat a,
    .generate-blue #subnav .current-menu-item a {
    background: url(images/blue/nav-hover.png);
    text-shadow: 1px 1px #444;
    }

    .generate-green #subnav li a:hover,
    .generate-green #subnav li a:active,
    .generate-green #subnav li:hover a,
    .generate-green #subnav .current_page_item a,
    .generate-green #subnav .current-cat a,
    .generate-green #subnav .current-menu-item a {
    background: url(images/green/nav-hover.png);
    text-shadow: 1px 1px #444;
    }

    .generate-orange #subnav li a:hover,
    .generate-orange #subnav li a:active,
    .generate-orange #subnav li:hover a,
    .generate-orange #subnav .current_page_item a,
    .generate-orange #subnav .current-cat a,
    .generate-orange #subnav .current-menu-item a {
    background: url(images/orange/nav-hover.png);
    text-shadow: 1px 1px #444;
    }

    #nav li li a,
    #subnav li li a,
    .generate-blue #subnav li li a,
    .generate-blue #subnav li li a:link,
    .generate-blue #subnav li li a:visited,
    .generate-green #subnav li li a,
    .generate-green #subnav li li a:link,
    .generate-green #subnav li li a:visited,
    .generate-orange #subnav li li a,
    .generate-orange #subnav li li a:link,
    .generate-orange #subnav li li a:visited {
    background: none;
    }

    #nav li li a,
    #nav li li a:link,
    #nav li li a:visited,
    #subnav li li a,
    #subnav li li a:link,
    #subnav li li a:visited {
    border-bottom: none;
    color: #fff !important;
    padding: 7px 3%;
    text-shadow: 1px 1px #444;
    width: 94%;
    }

    .generate-blue #nav li ul,
    .generate-blue #subnav li ul,
    .generate-green #nav li ul,
    .generate-green #subnav li ul,
    .generate-orange #nav li ul,
    .generate-orange #subnav li ul,
    #nav li ul,
    #subnav li ul {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: #333;
    box-shadow: none;
    clear: both;
    margin: 0;
    padding: 0;
    position: inherit;
    width: 100%;
    }

    .generate-blue #nav li ul ul,
    .generate-blue #subnav li ul ul,
    .generate-green #nav li ul ul,
    .generate-green #subnav li ul ul,
    .generate-orange #nav li ul ul,
    .generate-orange #subnav li ul ul,
    #nav li ul ul,
    #subnav li ul ul {
    background: #666;
    }

    .generate-blue #nav li ul ul ul,
    .generate-blue #subnav li ul ul ul,
    .generate-green #nav li ul ul ul,
    .generate-green #subnav li ul ul ul,
    .generate-orange #nav li ul ul ul,
    .generate-orange #subnav li ul ul ul,
    #nav li ul ul ul,
    #subnav li ul ul ul {
    background: #999;
    }

    #nav li ul a,
    #subnav li ul a {
    width: 100%;
    }

    #nav li ul ul,
    #subnav li ul ul {
    margin: 0;
    }

    #generate-box img.alignright {
    display: none;
    }

    #generate-box {
    padding: 0 0 12px;
    }

    #generate-box .wrap {
    height: auto;
    padding: 20px;
    text-align: center;
    width: auto;
    }

    .generate-blue #generate-box h4 {
    background: url(images/blue/generatebox-heading.png) no-repeat;
    text-shadow: 1px 1px #134668;
    }

    #generate-box h4,
    .generate-blue #generate-box h4,
    .generate-green #generate-box h4,
    .generate-orange #generate-box h4 {
    background: none;
    line-height: 40px;
    margin: 0;
    padding: 0;
    }

    #generate-box form {
    background: none;
    padding: 0;
    margin: 0;
    }

    #generate-box input[type="text"] {
    text-align: center;
    width: 80%;
    }

    .content-sidebar #content,
    .full-width-content #content,
    .sidebar-content #content {
    padding: 0;
    }

    .page .page,
    .post,
    #comments,
    #respond {
    padding: 20px;
    }

    .post-image {
    height: auto;
    max-width: 100% !important;
    margin: 0 0 20px !important;
    float: none;
    display: block;
    }

    .archive-page {
    float: none;
    width: 100%;
    }

    .genesis-grid-even,
    .genesis-grid-odd {
    float: none;
    width: auto;
    }

    .navigation,
    .author-box {
    margin: 0 0 0 -10px;
    }

    .sidebar {
    margin: 20px 0 0;
    padding: 0;
    }

    .widget-wrap {
    padding: 0 20px;
    }

    #comments,
    #respond {
    margin: 20px 0 0;
    }

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

    .thread-alt,
    .thread-even {
    background: none;
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
    margin: 0;
    }

    #footer {
    padding: 20px;
    }

    #footer .creds,
    #footer .gototop {
    text-align: center;
    padding: 0;
    }

    #footer-widgets .wrap {
    padding: 0;
    }

    }

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

    body {
    width: 95%;
    margin: 0 auto;
    }

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

    #header {
    padding: 3.5% 1.5625%;
    text-align: center;
    width: 96.875%;
    }

    #title-area {
    margin-bottom: 15px;
    padding: 0;
    width: 100%;
    }

    #title {
    float: none;
    font-size: 2.25em;
    }

    #description {
    font-size: 13px;
    }

    #header .widget-area {
    float: none;
    padding: 0;
    width: 100%;
    }

    #header .searchform {
    float: none;
    }

    #generate-box .wrap {
    padding: 3.340757238307%;
    width: 93.541666666667%
    }

    #generate-box h4 {
    -moz-box-shadow: 0px 2px 5px #000;
    -webkit-box-shadow: 0px 2px 5px #000;
    background: #a61d1d url(images/generatebox-heading-short.png) repeat-x;
    box-shadow: 0px 2px 5px #000;
    margin: -4.45434298441% -5% 0;
    padding: 2.78396% 3.34076%;
    }

    .generate-blue #generate-box h4 {
    background: #1d6ea6 url(images/blue/generatebox-heading-short.png) repeat-x;
    }

    .generate-green #generate-box h4 {
    background: #6ea61d url(images/green/generatebox-heading-short.png) repeat-x;
    }

    .generate-orange #generate-box h4 {
    background: #de5f01 url(images/orange/generatebox-heading-short.png) repeat-x;
    }

    #generate-box img.alignright {
    right: -36px;
    top: 68px;
    width: 38%;
    }

    #generate-box p {
    width: 70%;
    }

    #generate-box form {
    background: url(images/arrow.png) no-repeat 0 0;
    padding: 5px 0 0 75px;
    }

    #nav li a {
    padding: 8px 6px;
    }

    #nav li:first-child {
    padding-left: 11px;
    }

    #nav li li:first-child{
    padding: 0;
    }

    #nav li:last-child {
    background: none;
    }

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

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

    .content-sidebar #content,
    .sidebar-content #content,
    .full-width-content #content,
    .sidebar {
    padding: 25px 7.017543859649%;
    width: 85.964912280702%;
    }

    .post-image {
    margin: 0 40px 30px -40px !important;
    }

    .sidebar {
    background: #f7f7f7;
    }

    #footer-widgets .wrap {
    padding: 0;
    }

    }

    #2822

    Ozzy
    Participant
    Post count: 214

    if you search your style.css for ‘generate-orange’, you’ll see the orange colors used. for example in the header, #ef8806 is the orange there. there are different shades of orange, but you can find them by searching for ‘generate-orange’.


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

You must be logged in to reply to this topic.