Download docx - Eleven40 style. CSS file og genesis child theme

/*

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, left-sidebar, 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-size: 14px;

}

li,

ol,

ul {

margin: 0;

padding: 0;

}

ol li {

list-style-type: decimal;

}

/* Hyperlinks

------------------------------------------------------------ */

a,

a:visited {

color: #ed702b;


}

a:hover {

text-decoration: underline;

}

a img {

border: none;

}

/* Body

------------------------------------------------------------ */

::-moz-selection {

background-color: #ed702b;

color: #fff;

}

::selection {


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;


}

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


padding: 10px 15px;

position: relative;


}

#header .menu a {

color: #fff;

padding: 20px 15px 17px;


}

.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-top: none;

color: #333;

font-size: 12px;


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 {


}

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


}

#wpadminbar li:hover ul ul {

left: 0;

}

/* Primary Navigation Extras

------------------------------------------------------------ */

.menu li.right {

float: right;


padding: 10px 15px;

}

.menu li.right a {

background: none;

border: none;

color: #333;

display: inline;


}

.menu li.right a:hover {

color: #ed702b;


}

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


}

/* Inner

------------------------------------------------------------ */

#inner {

clear: both;

}

#inner .wrap {


margin: 0 auto 30px;

overflow: hidden;

}

/* Page Title

------------------------------------------------------------ */

.page-title {


border-top: double #ddd;


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 {



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;


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;

}


border-right: none;

float: right;

padding: 25px 0 30px 39px;

}

.sidebar-sidebar-content #content {

border-right: none;

float: right;


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


}

h2 a:hover {

color: #ed702b;


}

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


}

#footer-widgets h4 {

color: #ddd;

font-size: 20px;

margin: 0 0 20px;

padding: 0;


}

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;


margin: 0 0 5px 20px;


word-wrap: break-word;

}

.after-post ul li {

background: url(images/list-after-post.png) no-repeat top left;


}

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


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 {


margin: 0 0 40px;

overflow: hidden;

padding: 10px;

}

.author-box p {

font-size: 14px;

}

/* After Post

------------------------------------------------------------ */

.after-post {


border: double #ddd;

clear: both;

color: #fff;

margin: 30px 0;

padding: 25px;

overflow: hidden;


}

.after-post p {

color: #fff;

}

.after-post form {

background: url(images/arrow.png) no-repeat 40px 0;

display: block;


}

/* Sticky Posts

------------------------------------------------------------ */

.sticky {



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;


}

/* Images

------------------------------------------------------------ */

img {

height: auto;

max-width: 100%;

}

.avatar,

.featuredpage img,

.featuredpost img,

.post-image {



padding: 4px;

}

.author-box .avatar {


float: left;

margin: 0 10px 0 0;

}

.post-image {

margin: 0 10px 10px 0;

}

.comment-list li .avatar {


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;


}

img.alignright {

display: inline;


}

.alignleft {

float: left;


}

.alignright {

float: right;


}

.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-size: 14px;

padding: 5px 12px;

}

.navigation li a:hover,

.navigation li.active a {


border: 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 {



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 {


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;


}

input:hover[type="button"],

input:hover[type="submit"] {

background: url(images/gradient.png) 0 -33px;


}

/* Search Form

------------------------------------------------------------ */

#header .searchform {

float: right;

padding: 12px 0 0;

}

.s {

margin: 0 -7px 0 0;

padding: 9px 8px;

width: 65%;

}

#nav .s {


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 {


font-weight: bold;

margin: 10px 0 0;

}

#wp-calendar td {


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;


}

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


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,


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 {


}

#footer-widgets ul li.social-linkedin a {

background-position: -32px 0;

}

#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

------------------------------------------------------------ */

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


}

#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 {


margin: 15px 0 5px;

padding: 10px 15px;

}

.comment-list li ul li {


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 {


}

.alt,

.depth-1,

.even {


}

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


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 {


}

.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 {


}

.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 {


}

/* eleven40 Green

------------------------------------------------------------ */

.eleven40-green a,

.eleven40-green a:visited {

color: #27d665;

}

.eleven40-green ::-moz-selection {

background-color: #27d665;

color: #fff;

}

.eleven40-green ::selection {


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 {


}

.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 {


}

.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 {


}

/* eleven40 Red

------------------------------------------------------------ */

.eleven40-red a,

.eleven40-red a:visited {

color: #ed2b46;

}

.eleven40-red ::-moz-selection {

background-color: #ed2b46;

color: #fff;

}

.eleven40-red ::selection {


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 {


}

.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 {


}

.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 {


}

/* Responsive Design

------------------------------------------------------------ */

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

.wrap {

max-width: 960px;

}

#content-sidebar-wrap {

width: 770px;

}

#content {

width: 400px;

}



width: 630px;

}

.content-sidebar-sidebar #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,



.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 {


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;

}



.sidebar,

.sidebar-content #content,

.sidebar-content-sidebar #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;

}

}