0% found this document useful (0 votes)
253 views

Eleven40 Style. CSS File Og Genesis Child Theme

if you have edited you main Eleven40 style. CSS file genesis child theme theme is the original file with out any changes

Uploaded by

pankajbhatt1993
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
253 views

Eleven40 Style. CSS File Og Genesis Child Theme

if you have edited you main Eleven40 style. CSS file genesis child theme theme is the original file with out any changes

Uploaded by

pankajbhatt1993
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 84

/* Theme Name: eleven40 Child Theme Theme URI: http://www.studiopress.

com/themes/eleven40 Description: eleven40 is a two or three column child theme created for the Genesis Framework. Author: StudioPress Author URI: http://www.studiopress.com/

Version: 1.0

Tags: black, blue, green, orange, red, white, dark, light, three-columns, two-columns, leftsidebar, right-sidebar, fixed-width, custom-menu, featured-images, full-width-template, post-formats, 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

* Import Fonts * Defaults * Hyperlinks * Body

* Wrap * Header * Image Header - Partial Width * Image Header - Full Width * Header / Primary / Secondary Navigation * Primary Navigation Extras * Inner * Page Title * 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 * eleven40 Blue * eleven40 Green * eleven40 Red * Responsive Design

*/

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

@import url(http://fonts.googleapis.com/css?family=Lora); @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: 'Lora', serif; font-size: 16px; line-height: 1.5625; margin: 0; padding: 0; text-decoration: none; }

blockquote,

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

input, label, select, textarea { box-sizing: border-box; color: #333; font-family: 'Lora', serif; font-size: 14px; }

li, ol, ul {

margin: 0; padding: 0; }

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

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

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

a:hover { text-decoration: underline; }

a img { border: none; }

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

::-moz-selection { background-color: #ed702b; color: #fff; }

::selection { background-color: #ed702b; color: #fff; }

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

#wrap { background: url(images/bg.png) repeat-x; }

.wrap { margin: 0 auto;

max-width: 1140px; }

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

#header .wrap { background: url(images/logo.png) top left no-repeat; min-height: 152px; }

#title-area { float: left; overflow: hidden; width: 30%; }

#title { font-family: 'Oswald', arial, serif; font-size: 30px; line-height: 1.4; margin: 12px 0 0 32px; text-shadow: 0 1px #333; }

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

#description { display: none; }

#header .widget-area { float: right; width: 65%; }

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

.header-image #title-area, .header-image #title, .header-image #title a { display: block; float: left;

height: 90px; overflow: hidden; padding: 0; text-indent: -9999px; width: 265px; }

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

/* Header / Primary / Secondary Navigation ------------------------------------------------------------ */

.menu-primary, .menu-secondary { clear: both; color: #333; font-size: 14px; margin: 0 auto; overflow: hidden; width: 100%; }

#header .menu { float: right; font-size: 14px; text-transform: uppercase; }

.menu-primary { border-bottom: double #ddd; border-top: double #ddd; }

.menu-primary ul, .menu-secondary ul { float: left;

width: 100%; }

.menu-primary li, .menu-secondary li, #header .menu li { float: left; list-style-type: none; }

.menu-primary a, .menu-secondary a, #header .menu a { color: #333; display: block; font-family: 'Oswald', arial, serif; padding: 10px 15px; position: relative; text-decoration: none; }

#header .menu a { color: #fff; padding: 20px 15px 17px; text-shadow: 0 2px #111;

.menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a { color: #ed702b; }

.menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, .menu-secondary li li a, .menu-secondary li li a:link,

.menu-secondary li li a:visited, #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited { background: none; background-color: #fff; border: 1px solid #ddd; border-top: none; color: #333; font-size: 12px; padding: 9px 10px 8px; position: relative; text-align: left; text-transform: none; width: 138px; }

#header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited { background: url(images/bg-pattern.png); border: 1px solid #333; border-top: none; color: #fff; }

.menu-primary li li a:active, .menu-primary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:hover, #header .menu li li a:active, #header .menu li li a:hover { color: #ed702b; }

#header .menu li li a:active, #header .menu li li a:hover { background: url(images/bg-pattern.png); }

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

.menu-primary li ul a, .menu-secondary li ul a, #header .menu li ul a { width: 140px; }

.menu-primary li ul ul, .menu-secondary li ul ul, #header .menu li ul ul { margin: -36px 0 0 159px; }

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

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

ul.menu li:hover>ul, ul.menu li.sfHover ul,

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

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

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

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

.menu li.right { float: right; font-family: 'Oswald', arial, serif; padding: 10px 15px; }

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

.menu li.right a:hover { color: #ed702b; text-decoration: none; }

.menu li.search { padding: 0 10px; }

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

.menu li.twitter a {

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

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

#inner { clear: both; }

#inner .wrap { border-bottom: double #ddd; margin: 0 auto 30px; overflow: hidden; }

/* Page Title ------------------------------------------------------------ */

.page-title { border-bottom: double #ddd; border-top: double #ddd;

font-family: 'Lora', serif; font-size: 30px; line-height: 1.0; overflow: hidden; padding: 25px 0; text-align: center; }

.page-title p { font-size: inherit; line-height: 1.0; margin: 0; }

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

.breadcrumb { border: none; font-size: 14px; margin: -10px 0 30px; padding: 10px 15px; }

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

.taxonomy-description { background-color: #fff; margin: -10px 0 30px; padding: 0 0 15px; }

.taxonomy-description p { font-size: 14px; padding: 15px 15px 0; }

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

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

.content-sidebar #content-sidebar-wrap,

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

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

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

#content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: left; padding: 25px 39px 30px; width: 580px; }

.content-sidebar #content, .sidebar-content #content { width: 770px;

.content-sidebar #content { border-left: none; padding: 25px 39px 30px 0; }

.content-sidebar-sidebar #content { border-left: none; padding: 25px 39px 30px 0; width: 620px; }

.sidebar-content #content { border-right: none; float: right; padding: 25px 0 30px 39px; }

.sidebar-sidebar-content #content { border-right: none; float: right; padding: 25px 0 30px 39px; width: 620px; }

.full-width-content #content { border: none; padding: 25px 0; width: 1140px; }

.post { margin: 0 0 40px; }

.entry-content { overflow: hidden; }

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

blockquote { background: url(images/blockquote.png) no-repeat; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px; }

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

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

.clear { clear: both; }

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

/* 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, .genesis-grid-odd { margin: 0 0 20px; padding: 0 0 15px; width: 48%; }

.genesis-grid-even { float: right; }

.genesis-grid-odd { clear: both; float: left; }

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

h1, h2, h2 a, h2 a:visited,

h3, h4, h5, h6 { font-family: 'Oswald', arial, serif; font-weight: normal; line-height: 1.25; margin: 0 0 10px; }

h1 { font-size: 48px; }

.taxonomy-description h1 { margin: 0; }

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

h2 a,

h2 a:visited { color: #333; font-family: 'Oswald', arial, serif; }

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

.genesis-grid h2, .genesis-grid h2 a, .genesis-grid h2 a:visited { font-size: 24px; line-height: 1.4; }

.widget-area h2, .widget-area h2 a { font-size: 14px; margin: 0 0 5px; }

h3 { font-size: 30px;

h4 { font-size: 24px; }

.after-post h4 { color: #aaa; margin: 0 0 15px; }

.taxonomy-description h1, .widget-area h4 { font-size: 16px; }

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

#footer-widgets h4 { color: #ddd; font-size: 20px; margin: 0 0 20px;

padding: 0; text-shadow: 0 2px #111; }

h5 { font-size: 20px; }

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

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

.after-post ul li, .archive-page ul li, .entry-content ul li { background: url(images/list.png) no-repeat top left; list-style-type: none; margin: 0 0 5px 20px;

padding: 0 0 0 15px; word-wrap: break-word; }

.after-post ul li { background: url(images/list-after-post.png) no-repeat top left; margin: 0 0 5px 15px; }

.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 { color: #666;

font-size: 14px; margin: -5px 0 15px; text-transform: lowercase; }

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

.post-meta { border-top: 1px solid #ddd; clear: both; color: #666; font-size: 14px; padding: 5px 0 0; text-transform: lowercase; }

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

.author-box { background-color: #f5f5f5; margin: 0 0 40px;

overflow: hidden; padding: 10px; }

.author-box p { font-size: 14px; }

/* After Post ------------------------------------------------------------ */

.after-post { background: url(images/bg-pattern.png); border: double #ddd; clear: both; color: #fff; margin: 30px 0; padding: 25px; overflow: hidden; text-shadow: 0 1px #111; }

.after-post p { color: #fff;

.after-post form { background: url(images/arrow.png) no-repeat 40px 0; display: block; padding: 10px 0 10px 120px; }

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

.sticky { background-color: #f5f5f5; margin: -10px 0 40px; padding: 20px; }

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

.archive-page { float: left; padding: 20px 0 0;

width: 50%; }

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

.post-comments, .tags { background: url(images/icon-dot.png) no-repeat left; margin: 0 0 0 3px; padding: 0 0 0 10px; }

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

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

.avatar, .featuredpage img,

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

.author-box .avatar { background-color: #fff; float: left; margin: 0 10px 0 0; }

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

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

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: 14px; margin: 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: #444; border: none; color: #fff; font-family: 'Oswald', arial, serif; font-size: 14px; padding: 5px 12px; }

.navigation li a:hover,

.navigation li.active a { background-color: #ed702b; border: none; text-decoration: none; }

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

.sidebar { display: inline; float: right; font-size: 14px; padding: 25px 0 0; width: 290px; }

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

.sidebar-content #sidebar,

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

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

.sidebar p { font-size: inherit; margin: 0 0 15px; }

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

.sidebar.widget-area ul li, #footer-widgets ul li { border-bottom: 1px solid #ddd; list-style-type: none; margin: 0 0 10px; padding: 0 0 10px; word-wrap: break-word; }

#footer-widgets ul li { border-bottom: 1px solid #444; }

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

.widget_archive select, #cat { display: inline; padding: 3px; width: 85%; }

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

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

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

#footer-widgets .featuredpage .page, #footer-widgets .featuredpost .post { margin: 0 0 10px; padding: 0; }

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

.user-profile { overflow: hidden; }

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

input[type="button"], input[type="submit"] { background: url(images/gradient.png) 0 0; border: 1px solid #ed702b; color: #fff; cursor: pointer; line-height: 19px; padding: 8px 10px; text-decoration: none; }

input:hover[type="button"], input:hover[type="submit"] { background: url(images/gradient.png) 0 -33px; text-decoration: none; }

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

#header .searchform {

float: right; padding: 12px 0 0; }

.s { margin: 0 -7px 0 0; padding: 9px 8px; width: 65%; }

#nav .s { background-color: #fff; margin: 2px -7px 0 0; }

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

.enews #subbox { margin: 5px -7px 0 0; padding: 9px 8px; width: 70%; }

/* 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: url(images/footer-widgets.png); border-top: 3px solid #222; clear: both; font-size: 14px; overflow: hidden; }

#footer-widgets .wrap { margin: 0 auto; overflow: hidden; padding: 0 0 25px; }

#footer-widgets .widget { background: none; border: none; clear: both; color: #888;

padding: 30px 0 0; }

#footer-widgets p { color: #888; font-size: inherit; margin: 0 0 10px; }

#footer-widgets ul { margin: 0; }

#footer-widgets .latest-tweets { background: url(images/footer-twitter.png) top right no-repeat; }

#footer-widgets .latest-tweets li span a, #footer-widgets .latest-tweets li span a:visited { color: #bbb; text-decoration: none; }

#footer-widgets .latest-tweets li span a:hover { color: #bbb;

text-decoration: underline; }

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

.footer-widgets-1 { float: left; margin: 0 40px 0 0; width: 350px; }

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

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

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

#footer-widgets ul li.social-facebook, #footer-widgets ul li.social-linkedin, #footer-widgets ul li.social-pinterest, #footer-widgets ul li.social-plus, #footer-widgets ul li.social-rss, #footer-widgets ul li.social-twitter { border: none; float: left; }

#footer-widgets ul li.social-facebook a, #footer-widgets ul li.social-facebook a:hover, #footer-widgets ul li.social-linkedin a, #footer-widgets ul li.social-linkedin a:hover, #footer-widgets ul li.social-pinterest a, #footer-widgets ul li.social-pinterest a:hover, #footer-widgets ul li.social-plus a, #footer-widgets ul li.social-plus a:hover, #footer-widgets ul li.social-rss a, #footer-widgets ul li.social-rss a:hover, #footer-widgets ul li.social-twitter a, #footer-widgets ul li.social-twitter a:hover {

background: #333 url(images/social-icons.png); display: block; height: 32px; margin: 0 20px 0 0; padding: 0; text-indent: -9999px; width: 32px; }

#footer-widgets ul li.social-facebook a:hover, #footer-widgets ul li.social-linkedin a:hover, #footer-widgets ul li.social-pinterest a:hover, #footer-widgets ul li.social-plus a:hover, #footer-widgets ul li.social-rss a:hover, #footer-widgets ul li.social-twitter a:hover { background: #ed702b url(images/social-icons.png); }

#footer-widgets ul li.social-facebook a { background-position: 0 0; }

#footer-widgets ul li.social-facebook a:hover { background-position: 0 0; }

#footer-widgets ul li.social-linkedin a { background-position: -32px 0; }

#footer-widgets ul li.social-linkedin a:hover { background-position: -32px 0; }

#footer-widgets ul li.social-pinterest a { background-position: -64px 0; }

#footer-widgets ul li.social-pinterest a:hover { background-position: -64px 0; }

#footer-widgets ul li.social-plus a { background-position: -96px 0; }

#footer-widgets ul li.social-plus a:hover { background-position: -96px 0; }

#footer-widgets ul li.social-rss a { background-position: -128px 0; }

#footer-widgets ul li.social-rss a:hover { background-position: -128px 0; }

#footer-widgets ul li.social-twitter a { background-position: -160px 0; }

#footer-widgets ul li.social-twitter a:hover { background-position: -160px 0; }

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

#footer { clear: both; }

#footer .wrap {

font-size: 14px; overflow: hidden; padding: 20px 0; }

#footer p { font-size: inherit; }

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

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

#footer .gototop { float: left; width: 30%; }

#footer .creds {

float: right; text-align: right; width: 65%; }

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

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

#author, #comment, #email, #url { 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 { padding: 10px; }

.comment-list li, .ping-list li { list-style-type: none; margin: 15px 0 5px; padding: 10px 15px; }

.comment-list li ul li { list-style-type: none; margin-right: -16px; }

.comment-content p { font-size: 14px; margin: 0 0 20px; }

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

.commentmetadata { font-size: 12px; margin: 0 0 5px; }

.reply { font-size: 14px; font-weight: 300; }

.nocomments { text-align: center; }

#comments .navigation { display: block; }

.bypostauthor { }

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

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

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

div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea {

box-sizing: border-box; font-size: 14px !important; padding: 4px 5px !important; }

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

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

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

/* eleven40 Blue ------------------------------------------------------------ */

.eleven40-blue a, .eleven40-blue a:visited { color: #2b97ed; }

.eleven40-blue ::-moz-selection { background-color: #2b97ed; color: #fff; }

.eleven40-blue ::selection { background-color: #2b97ed; color: #fff; }

.eleven40-blue #header .wrap { background: url(images/blue/logo.png) top left no-repeat; }

.eleven40-blue .menu-primary a,

.eleven40-blue .menu-secondary a, .eleven40-blue h2 a, .eleven40-blue h2 a:visited { color: #333; }

.eleven40-blue #header .menu li li a, .eleven40-blue #header .menu li li a:link, .eleven40-blue #header .menu li li a:visited { color: #fff; }

.eleven40-blue h2 a:hover, .eleven40-blue .menu li.right a:hover, .eleven40-blue .menu-primary li a:active, .eleven40-blue .menu-primary li a:hover, .eleven40-blue .menu-primary li li a:active, .eleven40-blue .menu-primary li li a:hover, .eleven40-blue .menu-primary .current_page_item a, .eleven40-blue .menu-primary .current-cat a, .eleven40-blue .menu-primary .current-menu-item a, .eleven40-blue .menu-secondary li a:active, .eleven40-blue .menu-secondary li a:hover, .eleven40-blue .menu-secondary li li a:active, .eleven40-blue .menu-secondary li li a:hover,

.eleven40-blue .menu-secondary .current_page_item a, .eleven40-blue .menu-secondary .current-cat a, .eleven40-blue .menu-secondary .current-menu-item a, .eleven40-blue #footer a:hover, .eleven40-blue #header .menu li a:active, .eleven40-blue #header .menu li a:hover, .eleven40-blue #header .menu li li a:active, .eleven40-blue #header .menu li li a:hover, .eleven40-blue #header .menu .current_page_item a, .eleven40-blue #header .menu .current-cat a, .eleven40-blue #header .menu .current-menu-item a { color: #2b97ed; }

.eleven40-blue .navigation li a:hover, .eleven40-blue .navigation li.active a { background-color: #2b97ed; }

.eleven40-blue input[type="button"], .eleven40-blue input[type="submit"] { background: url(images/blue/gradient.png) 0 0; border: 1px solid #2b97ed; }

.eleven40-blue input:hover[type="button"], .eleven40-blue input:hover[type="submit"] { background: url(images/blue/gradient.png) 0 -33px; }

.eleven40-blue #footer-widgets ul li.social-facebook a:hover, .eleven40-blue #footer-widgets ul li.social-linkedin a:hover, .eleven40-blue #footer-widgets ul li.social-pinterest a:hover, .eleven40-blue #footer-widgets ul li.social-plus a:hover, .eleven40-blue #footer-widgets ul li.social-rss a:hover, .eleven40-blue #footer-widgets ul li.social-twitter a:hover { background: #2b97ed url(images/social-icons.png); }

.eleven40-blue #footer-widgets ul li.social-facebook a:hover { background-position: 0 0; }

.eleven40-blue #footer-widgets ul li.social-linkedin a:hover { background-position: -32px 0; }

.eleven40-blue #footer-widgets ul li.social-pinterest a:hover { background-position: -64px 0; }

.eleven40-blue #footer-widgets ul li.social-plus a:hover { background-position: -96px 0; }

.eleven40-blue #footer-widgets ul li.social-rss a:hover { background-position: -128px 0; }

.eleven40-blue #footer-widgets ul li.social-twitter a:hover { background-position: -160px 0; }

/* eleven40 Green ------------------------------------------------------------ */

.eleven40-green a, .eleven40-green a:visited { color: #27d665; }

.eleven40-green ::-moz-selection { background-color: #27d665; color: #fff;

.eleven40-green ::selection { background-color: #27d665; color: #fff; }

.eleven40-green #header .wrap { background: url(images/green/logo.png) top left no-repeat; }

.eleven40-green .menu-primary a, .eleven40-green .menu-secondary a, .eleven40-green h2 a, .eleven40-green h2 a:visited { color: #333; }

.eleven40-green #header .menu li li a, .eleven40-green #header .menu li li a:link, .eleven40-green #header .menu li li a:visited { color: #fff; }

.eleven40-green h2 a:hover,

.eleven40-green .menu li.right a:hover, .eleven40-green .menu-primary li a:active, .eleven40-green .menu-primary li a:hover, .eleven40-green .menu-primary li li a:active, .eleven40-green .menu-primary li li a:hover, .eleven40-green .menu-primary .current_page_item a, .eleven40-green .menu-primary .current-cat a, .eleven40-green .menu-primary .current-menu-item a, .eleven40-green .menu-secondary li a:active, .eleven40-green .menu-secondary li a:hover, .eleven40-green .menu-secondary li li a:active, .eleven40-green .menu-secondary li li a:hover, .eleven40-green .menu-secondary .current_page_item a, .eleven40-green .menu-secondary .current-cat a, .eleven40-green .menu-secondary .current-menu-item a, .eleven40-green #footer a:hover, .eleven40-green #header .menu li a:active, .eleven40-green #header .menu li a:hover, .eleven40-green #header .menu li li a:active, .eleven40-green #header .menu li li a:hover, .eleven40-green #header .menu .current_page_item a, .eleven40-green #header .menu .current-cat a, .eleven40-green #header .menu .current-menu-item a { color: #27d665; }

.eleven40-green .navigation li a:hover, .eleven40-green .navigation li.active a { background-color: #27d665; }

.eleven40-green input[type="button"], .eleven40-green input[type="submit"] { background: url(images/green/gradient.png) 0 0; border: 1px solid #27d665; }

.eleven40-green input:hover[type="button"], .eleven40-green input:hover[type="submit"] { background: url(images/green/gradient.png) 0 -33px; }

.eleven40-green #footer-widgets ul li.social-facebook a:hover, .eleven40-green #footer-widgets ul li.social-linkedin a:hover, .eleven40-green #footer-widgets ul li.social-pinterest a:hover, .eleven40-green #footer-widgets ul li.social-plus a:hover, .eleven40-green #footer-widgets ul li.social-rss a:hover, .eleven40-green #footer-widgets ul li.social-twitter a:hover { background: #27d665 url(images/social-icons.png); }

.eleven40-green #footer-widgets ul li.social-facebook a:hover { background-position: 0 0; }

.eleven40-green #footer-widgets ul li.social-linkedin a:hover { background-position: -32px 0; }

.eleven40-green #footer-widgets ul li.social-pinterest a:hover { background-position: -64px 0; }

.eleven40-green #footer-widgets ul li.social-plus a:hover { background-position: -96px 0; }

.eleven40-green #footer-widgets ul li.social-rss a:hover { background-position: -128px 0; }

.eleven40-green #footer-widgets ul li.social-twitter a:hover { background-position: -160px 0; }

/* eleven40 Red ------------------------------------------------------------ */

.eleven40-red a, .eleven40-red a:visited { color: #ed2b46; }

.eleven40-red ::-moz-selection { background-color: #ed2b46; color: #fff; }

.eleven40-red ::selection { background-color: #ed2b46; color: #fff; }

.eleven40-red #header .wrap { background: url(images/red/logo.png) top left no-repeat; }

.eleven40-red .menu-primary a, .eleven40-red .menu-secondary a,

.eleven40-red h2 a, .eleven40-red h2 a:visited { color: #333; }

.eleven40-red #header .menu li li a, .eleven40-red #header .menu li li a:link, .eleven40-red #header .menu li li a:visited { color: #fff; }

.eleven40-red h2 a:hover, .eleven40-red .menu li.right a:hover, .eleven40-red .menu-primary li a:active, .eleven40-red .menu-primary li a:hover, .eleven40-red .menu-primary li li a:active, .eleven40-red .menu-primary li li a:hover, .eleven40-red .menu-primary .current_page_item a, .eleven40-red .menu-primary .current-cat a, .eleven40-red .menu-primary .current-menu-item a, .eleven40-red .menu-secondary li a:active, .eleven40-red .menu-secondary li a:hover, .eleven40-red .menu-secondary li li a:active, .eleven40-red .menu-secondary li li a:hover, .eleven40-red .menu-secondary .current_page_item a,

.eleven40-red .menu-secondary .current-cat a, .eleven40-red .menu-secondary .current-menu-item a, .eleven40-red #footer a:hover, .eleven40-red #header .menu li a:active, .eleven40-red #header .menu li a:hover, .eleven40-red #header .menu li li a:active, .eleven40-red #header .menu li li a:hover, .eleven40-red #header .menu .current_page_item a, .eleven40-red #header .menu .current-cat a, .eleven40-red #header .menu .current-menu-item a { color: #ed2b46; }

.eleven40-red .navigation li a:hover, .eleven40-red .navigation li.active a { background-color: #ed2b46; }

.eleven40-red input[type="button"], .eleven40-red input[type="submit"] { background: url(images/red/gradient.png) 0 0; border: 1px solid #ed2b46; }

.eleven40-red input:hover[type="button"],

.eleven40-red input:hover[type="submit"] { background: url(images/red/gradient.png) 0 -33px; }

.eleven40-red #footer-widgets ul li.social-facebook a:hover, .eleven40-red #footer-widgets ul li.social-linkedin a:hover, .eleven40-red #footer-widgets ul li.social-pinterest a:hover, .eleven40-red #footer-widgets ul li.social-plus a:hover, .eleven40-red #footer-widgets ul li.social-rss a:hover, .eleven40-red #footer-widgets ul li.social-twitter a:hover { background: #ed2b46 url(images/social-icons.png); }

.eleven40-red #footer-widgets ul li.social-facebook a:hover { background-position: 0 0; }

.eleven40-red #footer-widgets ul li.social-linkedin a:hover { background-position: -32px 0; }

.eleven40-red #footer-widgets ul li.social-pinterest a:hover { background-position: -64px 0; }

.eleven40-red #footer-widgets ul li.social-plus a:hover { background-position: -96px 0; }

.eleven40-red #footer-widgets ul li.social-rss a:hover { background-position: -128px 0; }

.eleven40-red #footer-widgets ul li.social-twitter a:hover { background-position: -160px 0; }

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

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

.wrap { max-width: 960px; }

#content-sidebar-wrap { width: 770px; }

#content { width: 400px; }

.content-sidebar #content, .sidebar-content #content { width: 630px; }

.content-sidebar-sidebar #content, .sidebar-sidebar-content #content { width: 440px; }

.full-width-content #content { width: 100%; }

.genesis-grid-even, .genesis-grid-odd { float: left; margin: 0 0 30px; padding: 0; width: 100%;

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

.footer-widgets-1 { width: 290px; }

.footer-widgets-2 { width: 300px; }

.footer-widgets-3 { width: 290px; }

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

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

.archive-page, .content-sidebar #content, .content-sidebar-sidebar #content, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar, .sidebar-content #content,

.sidebar-content-sidebar #content, .sidebar-sidebar-content #content, .wrap, #content-sidebar-wrap, #footer .creds, #footer .gototop, #sidebar-alt { width: 100%; }

#inner .wrap { padding: 20px; width: auto; }

#header .wrap { background: url(images/logo.png) top center no-repeat; }

.eleven40-blue #header .wrap { background: url(images/blue/logo.png) top center no-repeat; }

.eleven40-green #header .wrap{ background: url(images/green/logo.png) top center no-repeat;

.eleven40-red #header .wrap { background: url(images/red/logo.png) top center no-repeat; }

#title { min-height: 62px; margin: 18px 0 0; }

.menu-primary, .menu-secondary, #header ul.menu, #header .widget-area, #title-area { float: none; text-align: center; width: 100%; }

#header .searchform { float: center; }

#header ul.menu { background: url(images/bg-pattern.png); float: left; }

.menu-primary li, .menu-secondary li, #header ul.menu li { display: inline-block; float: none; }

.menu-primary a, .menu-secondary a, #header .menu a { padding: 10px; }

.menu li.right { display: none; }

.page-title { font-size: 24px; padding: 10px 20px;

.page-title p { line-height: 1.2; }

.content-sidebar #content, .content-sidebar-sidebar #content, .sidebar, .sidebar-content #content, .sidebar-content-sidebar #content, .sidebar-sidebar-content #content { border: none; padding: 20px 0; width: 100%; }

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

.after-post form {

background: none; padding: 0; }

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

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

#footer .creds, #footer .gototop { float: none; }

#footer p { padding: 0 20px; text-align: center; }

You might also like