Untitled diff

Created Diff never expires
/*
/*
Theme Name: DeDominici Kitchen and Bath
Theme Name: Optimal Child Theme
Theme URI: http://DeDominiciRemodeling.com
Theme URI: http://www.studiopress.com/themes/optimal
Description: Responsive child theme created for the Genesis Framework.
Description: Optimal is a two or three column child theme created for the Genesis Framework.
Author: Cyndi Papia dba Office To-Go
Author: Appfinite
Author URI: http://OfficeTo-Go.com/
Author URI: http://www.appfinite.com/
Version: 1.1
Version: 1.2.1
Template: genesis
Template: genesis
Template Version: 1.8
License: GNU General Public License v2.0
License URI: http://www.opensource.org/licenses/gpl-license.php
*/
*/
/* Table of Contents
* Import Fonts
* Defaults
* Hyperlinks
* Body
* Wrap
* Header
* Image Header - Partial Width
* Image Header - Full Width
* Navigation Constants
* Header / Primary / Secondary Navigation
* Primary Navigation Extras
* Inner
* Breadcrumb
* Welcome
* Home Bottom
* Portfolio
* 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
* Tag Cloud
* Dropdowns
* Featured Page / Post
* User Profile
* Buttons
* Message Boxes
* Search Form
* eNews & Updates Widget
* Latest Tweets Widget
* Calendar Widget
* Footer Widgets
* Footer
* Comments
* Gravity Forms
* Genesis Slider Plugin
* Optimal Black
* Optimal Blue
* Optimal Dark Blue
* Optimal Dark Gray
* Optimal Green
* Optimal Orange
* Optimal Purple
* Optimal Red
* Optimal Silver
* Responsive Design
*/
/* Import Fonts
------------------------------------------------------------ */
@import url(http://fonts.googleapis.com/css?family=Oswald);
/* Defaults
/* Defaults
------------------------------------------------------------ */
------------------------------------------------------------ */
body,
body,
h1,
h1,
h2,
h2,
h2 a,
h2 a,
h2 a:visited,
h2 a:visited,
h3,
h3,
h4,
h4,
h5,
h5,
h6,
h6,
p,
p,
select,
select,
textarea {
textarea {
color: #222;
color: #666;
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 14px;
font-weight: 400;
font-weight: 300;
line-height: 24px;
line-height: 22px;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
text-decoration: none;
text-decoration: none;
}
}
blockquote,
blockquote,
input,
input,
select,
select,
textarea,
textarea,
.author-box,
.author-box,
.breadcrumb,
.breadcrumb,
.sticky,
.sticky,
.taxonomy-description,
.taxonomy-description,
.wp-caption {
.wp-caption {
background-color: #eaeaea;
background-color: #eaeaea;
border: 1px solid #d0d0d0;
border: 1px solid #d0d0d0;
}
}
input,
input,
select {
select {
color: #333;
color: #333;
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 0.875em;
font-size: 0.875em;
font-weight: 300;
font-weight: 300;
}
}
.sidebar input,
.sidebar input,
.sidebar select {
.sidebar select {
font-size: inherit;
font-size: inherit;
}
}
li,
li,
ol,
ol,
ul {
ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
ol li {
ol li {
list-style-type: decimal;
list-style-type: decimal;
}
}
/* Hyperlinks
/* Hyperlinks
------------------------------------------------------------ */
------------------------------------------------------------ */
a,
a,
a:visited {
a:visited {
color: #114374;
color: #000;
text-decoration: none;
text-decoration: none;
}
}
a:hover {
a:hover {
text-decoration: underline;
text-decoration: underline;
}
}
a img {
a img {
border: none;
border: none;
}
}
/* Body
/* Body
------------------------------------------------------------ */
------------------------------------------------------------ */
body {
body {
background: #f5f5f5;
background: #f5f5f5;
}
}
::-moz-selection {
::-moz-selection {
background-color: #0d72c7;
background-color: #0d72c7;
color: #fff;
color: #fff;
}
}
::selection {
::selection {
background-color: #0d72c7;
background-color: #0d72c7;
color: #fff;
color: #fff;
}
}
/* Wrap
/* Wrap
------------------------------------------------------------ */
------------------------------------------------------------ */
#wrap {
#wrap {
background-color: #f5f5f5;
background-color: #f5f5f5;
margin: 0 auto;
margin: 0 auto;
padding: 0;
padding: 0;
}
}
/* Header
/* Header
------------------------------------------------------------ */
------------------------------------------------------------ */
.head-wrap {
.head-wrap {
background: #fff;
background: #4c5e6b;
}
}
#header {
#header {
margin: 0 auto;
margin: 0 auto;
overflow: hidden;
overflow: hidden;
width: 960px;
width: 960px;
}
}
#header .wrap {
#header .wrap {
margin: 0 auto;
margin: 0 auto;
width: 100%;
width: 100%;
}
}
#title-area {
#title-area {
float: left;
float: left;
overflow: hidden;
overflow: hidden;
padding: 20px 0;
padding: 20px 0;
width: 400px;
width: 250px;
}
}
#title {
#title {
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: 'Oswald', arial, serif;
font-size: 38px;
font-size: 38px;
line-height: 1.5;
line-height: 1.5;
margin: 0;
margin: 0;
}
}
#title a,
#title a,
#title a:hover {
#title a:hover {
color: #fff;
color: #fff;
text-decoration: none;
text-decoration: none;
text-shadow: 1px 1px #333;
text-shadow: 1px 1px #333;
}
}
#description {
#description {
color: #eee;
color: #eee;
font-size: 14px;
font-size: 14px;
font-style: italic;
font-style: italic;
line-height: 20px;
line-height: 20px;
}
}
#header .widget-area {
#header .widget-area {
float: right;
float: right;
padding: 20px 0 0;
padding: 40px 0 0;
width: 300px;
width: 700px;
}
}
#header .widget {
#header .widget {
margin: 0 0 10px;
margin: 0 0 10px;
overflow: hidden;
overflow: hidden;
}
}
/* Image Header - Partial Width
/* Image Header - Partial Width
------------------------------------------------------------ */
------------------------------------------------------------ */
.header-image #title-area,
.header-image #title,
.header-image #title a {
.header-image #title a {
display: block;
display: block;
float: left;
float: left;
height: 100px;
height: 100px;
overflow: hidden;
overflow: hidden;
padding: 0;
padding: 0;
text-indent: -9999px;
text-indent: -9999px;
width: 400px;
width: 400px;
}
}
.header-image #title-area,
.header-image #header #title-area {
background: url("images/logo.png") top left no-repeat;
}
.header-image #description {
.header-image #description {
display: block;
display: block;
overflow: hidden;
overflow: hidden;
}
}
/* Image Header - Full Width
/* Image Header - Full Width
------------------------------------------------------------ */
------------------------------------------------------------ */
.header-full-width #title-area,
.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title,
.header-full-width #title a {
.header-full-width #title a {
width: 100%;
width: 100%;
}
}
/* Navigation Constants
/* Navigation Constants
------------------------------------------------------------ */
------------------------------------------------------------ */
li:hover ul ul,
li:hover ul ul,
li.sfHover ul ul {
li.sfHover ul ul {
left: -9999px;
left: -9999px;
}
}
li:hover,
li:hover,
li.sfHover {
li.sfHover {
position: static;
position: static;
}
}
li a .sf-sub-indicator {
li a .sf-sub-indicator {
position: absolute;
position: absolute;
text-indent: -9999px;
text-indent: -9999px;
}
}
/* Header / Primary / Secondary Navigation
/* Header / Primary / Secondary Navigation
------------------------------------------------------------ */
------------------------------------------------------------ */
.menu {
.menu {
clear: both;
clear: both;
color: #333;
color: #333;
margin: 0 auto;
margin: 0 auto;
overflow: hidden;
overflow: hidden;
font-weight: bold;
text-shadow: 0 2px 2px #bbb;
}
}
#header .menu {
#header .menu {
float: right;
float: right;
}
}
#header .menu a {
#header .menu a {
background: none;
background: none;
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: 'Oswald', arial, serif;
font-size: 14px;
font-size: 14px;
padding: 0 15px;
padding: 5px 15px;
}
}
#header .menu li a:active,
#header .menu li a:active,
#header .menu li a:hover,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
#header .menu .current-menu-item a {
color: #000;
color: #000;
}
}
#nav {
#nav {
clear: both;
clear: both;
color: #114374;
color: #fff;
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: 'Oswald', arial, serif;
margin: 0 auto;
margin: 0 auto;
overflow: hidden;
overflow: hidden;
width: auto;
width: auto;
}
}
#nav .wrap {
#nav .wrap {
margin: 0 auto;
margin: 0 auto;
width: 960px;
width: 960px;
}
}
.menu-primary {}
.menu-primary { }
.menu-secondary { }
.menu-secondary { }
#subnav {
#subnav {
background: #000;
background: #000;
border-bottom: 1px solid #888;
border-bottom: 1px solid #888;
}
}
#subnav .wrap {
#subnav .wrap {
margin: 0 auto;
margin: 0 auto;
width: 960px;
width: 960px;
}
}
.menu ul {
.menu ul {
float: left;
float: left;
width: 100%;
width: 100%;
}
}
.menu li {
.menu li {
float: left;
float: left;
list-style-type: none;
list-style-type: none;
}
}
.sidebar .menu li,
#footer-widgets .menu li {
clear: both;
float: left;
}
.menu a {
.menu a {
color: #114374;
color: #fff;
display: block;
display: block;
font-size: 18px;
font-size: 15px;
padding: 10px 18px;
padding: 10px 18px;
position: relative;
position: relative;
text-decoration: none;
text-decoration: none;
}
}
.sidebar .menu a {
.sidebar .menu a {
color: #333;
color: #333;
padding: 0;
padding: 0;
}
}
#footer-widgets .menu a {
padding: 0;
}
.menu li a:active,
.menu li a:active,
.menu li a:hover,
.menu li a:hover,
.menu .current_page_item a,
.menu .current_page_item a,
.menu .current-cat a,
.menu .current-cat a,
.menu .current-menu-item a {
.menu .current-menu-item a {
color: #000;
color: #000;
}
}
#header .menu li a:active,
#header .menu li a:active,
#header .menu li a:hover,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-cat a,
#header .menu .current-menu-item a { }
#header .menu .current-menu-item a { }
#header .menu li li a,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:link,
#header .menu li li a:visited {
#header .menu li li a:visited {
color: #114374;
color: #fff;
font-size: 0.75em;
font-size: 13px;
padding: 5px 10px;
padding: 5px 5px 5px 15px;
position: relative;
position: relative;
text-transform: none;
text-transform: none;
width: 139px;
width: 139px;
}
}
#header .menu li li a:hover {
#header .menu li li a:hover {
background: #313c44;
background: #313c44;
}
}
.menu li li a,
.menu li li a,
.menu li li a:link,
.menu li li a:link,
.menu li li a:visited {
.menu li li a:visited {
color: #114374;
color: #ccc;
font-size: 16px;
font-size: 13px;
padding: 5px 10px;
padding: 5px 2px 5px 18px;
position: relative;
text-transform: none;
width: 139px;
word-wrap: break-word;
}
.sidebar .menu li li a,
.sidebar .menu li li a:link,
.sidebar .menu li li a:visited,
#footer-widgets .menu li li a,
#footer-widgets .menu li li a:link,
#footer-widgets .menu li li a:visited {
color: #ccc;
font-size: 13px;
padding: 2px 10px;
position: relative;
position: relative;
text-transform: none;
text-transform: none;
width: 139px;
width: 139px;
}
}
#subnav .menu li li a,
#subnav .menu li li a,
#subnav .menu li li a:link,
#subnav .menu li li a:link,
#subnav .menu li li a:visited {
#subnav .menu li li a:visited {
font-size: 16px;
font-size: 12px;
width: 123px;
padding: 5px 15px;
width: 129px;
}
}
#subnav .menu a {
#subnav .menu a {
color: #1e405f;
color: #fff;
font-size: 16px;
font-size: 13px;
padding: 5px 15px;
padding: 5px 15px;
}
}
.menu li li a:active,
.menu li li a:active,
.menu li li a:hover {
.menu li li a:hover {
background-color: #313c44;
background-color: #313c44;
color: #1e405f;
color: #fff;
}
}
#header .menu li ul {
#header .menu li ul {
background: #000;
background: #000;
}
}
.menu li ul {
.menu li ul {
background: #000;
background: #000;
height: auto;
height: auto;
left: -9999px;
left: -9999px;
margin: 0 0 0 -1px;
margin: 0;
position: absolute;
position: absolute;
width: 159px;
width: 159px;
z-index: 9999;
z-index: 9999;
}
}
.menu li ul a {
.menu li ul a {
width: 140px;
width: 140px;
}
}
.menu li ul ul {
.menu li ul ul {
margin: -32px 0 0 159px;
margin: -32px 0 0 159px;
}
}
.sidebar .menu li ul ul {
.sidebar .menu li ul ul {
margin: -33px 0 0 159px;
margin: -25px 0 0 159px;
}
#footer-widgets .menu li ul ul {
margin: -26px 0 0 159px;
}
}
#subnav .menu li ul ul {
#subnav .menu li ul ul {
margin: -31px 0 0 159px;
margin: -32px 0 0 159px;
}
}
.menu li:hover ul ul,
.menu li:hover ul ul,
.menu li.sfHover ul ul {
.menu li.sfHover ul ul {
left: -9999px;
left: -9999px;
}
}
.menu li:hover,
.menu li:hover,
.menu li.sfHover {
.menu li.sfHover {
position: static;
position: static;
}
}
ul.menu li:hover>ul,
ul.menu li:hover>ul,
ul.menu li.sfHover ul,
ul.menu li.sfHover ul,
#header .menu li:hover>ul,
#header .menu li:hover>ul,
#header .menu li.sfHover ul {
#header .menu li.sfHover ul {
left: auto;
left: auto;
}
}
#header .menu li a.sf-with-ul {
#header .menu li a.sf-with-ul {
padding-right: 25px;
padding-right: 25px;
}
}
.menu li a.sf-with-ul {
.menu li a.sf-with-ul {
padding-right: 25px;
padding-right: 25px;
}
}
#subnav .menu li a.sf-with-ul {
#subnav .menu li a.sf-with-ul {
padding-right: 25px !important;
padding-right: 25px;
}
}
#header .menu li a .sf-sub-indicator,
#header .menu li a .sf-sub-indicator,
#header .menu li li a .sf-sub-indicator,
#header .menu li li a .sf-sub-indicator,
#header .menu li li li a .sf-sub-indicator {
#header .menu li li li a .sf-sub-indicator {
height: 16px;
height: 16px;
position: absolute;
position: absolute;
right: 0px;
right: 0px;
text-indent: -9999px;
text-indent: -9999px;
top: 8px;
top: 12px;
width: 16px;
width: 16px;
}
}
.menu li a .sf-sub-indicator,
.menu li a .sf-sub-indicator,
.menu li li a .sf-sub-indicator,
.menu li li a .sf-sub-indicator,
.menu li li li a .sf-sub-indicator {
.menu li li li a .sf-sub-indicator {
background: url(images/arrow-down.png) no-repeat;
background: url(images/arrow-down.png) no-repeat;
height: 16px;
height: 16px;
position: absolute;
position: absolute;
right: 0;
right: 0;
text-indent: -9999px;
text-indent: -9999px;
top: 18px;
top: 18px;
width: 16px;
width: 16px;
}
}
.sub-menu .sf-with-ul .sf-sub-indicator {
.sub-menu .sf-with-ul .sf-sub-indicator {
top: 12px;
top: 12px;
}
}
#subnav .menu li a .sf-sub-indicator,
#subnav .menu li a .sf-sub-indicator,
#subnav .menu li li a .sf-sub-indicator,
#subnav .menu li li a .sf-sub-indicator,
#subnav .menu li li li a .sf-sub-indicator {
#subnav .menu li li li a .sf-sub-indicator {
background: url(images/arrow-down.png) no-repeat;
background: url(images/arrow-down.png) no-repeat;
height: 16px;
height: 16px;
position: absolute;
position: absolute;
right: 0;
right: 0;
text-indent: -9999px;
text-indent: -9999px;
top: 12px !important;
top: 12px !important;
width: 22px;
width: 22px;
}
}
#wpadminbar li:hover ul ul {
#wpadminbar li:hover ul ul {
left: 0;
left: 0;
}
}
/* Primary Navigation Extras
/* Primary Navigation Extras
------------------------------------------------------------ */
------------------------------------------------------------ */
.menu li.right {
.menu li.right {
color: #aaa;
color: #aaa;
float: right;
float: right;
font-size: 0.875em;
font-size: 0.875em;
margin: 5px 0 0;
margin: 5px 0 0;
padding: 5px 0 4px;
padding: 5px 0 4px;
}
}
.menu li.right a {
.menu li.right a {
background: none;
background: none;
border: none;
border: none;
color: #333;
color: #333;
display: inline;
display: inline;
font-size: inherit;
font-size: inherit;
text-decoration: none;
text-decoration: none;
}
}
.menu li.right a:hover {
.menu li.right a:hover {
color: #000;
color: #000;
text-decoration: none;
text-decoration: none;
}
}
.menu li.search {
.menu li.search {
padding: 0;
padding: 0;
}
}
.menu li.rss a {
.menu li.rss a {
background: url(images/rss.png) no-repeat center left;
background: url(images/rss.png) no-repeat center left;
margin: 0 0 0 10px;
margin: 0 0 0 10px;
padding: 0 0 0 16px;
padding: 0 0 0 16px;
}
}
.menu li.twitter a {
.menu li.twitter a {
background: url(images/twitter-nav.png) no-repeat center left;
background: url(images/twitter-nav.png) no-repeat center left;
padding: 0 0 0 20px;
padding: 0 0 0 20px;
}
}
/* Inner
/* Inner
------------------------------------------------------------ */
------------------------------------------------------------ */
#inner {
#inner {
margin: 40px auto;
margin: 40px auto;
max-width: 960px;
max-width: 960px;
overflow: hidden;
overflow: hidden;
}
}
.home #inner {
.home #inner {
margin: 40px auto 10px;
margin: 40px auto 10px;
}
}
#inner p {
margin: 0 0 20px;
}
/* Breadcrumb
/* Breadcrumb
------------------------------------------------------------ */
------------------------------------------------------------ */
.breadcrumb {
.breadcrumb {
font-size: 0.875em;
font-size: 0.875em;
margin: 0 0 30px;
margin: 0 0 30px;
padding: 5px 10px;
padding: 5px 10px;
}
}
/* Welcome
/* Welcome
------------------------------------------------------------ */
------------------------------------------------------------ */
.welcome-wrap {
.welcome-wrap {
background-image: url(images/intro-bg.png);
background-image: url(images/intro-bg.png);
background-position: center bottom;
background-position: center bottom;
background-repeat: no-repeat;
background-repeat: no-repeat;
clear: both;
clear: both;
}
}
.welcome-inner {
.welcome-inner {
color: #333;
color: #333;
font-size: 22px;
font-size: 22px;
letter-spacing: 0.5px;
letter-spacing: 0.5px;
line-height: 30px;
line-height: 30px;
margin: 0 auto;
margin: 0 auto;
overflow: hidden;
overflow: hidden;
padding: 15px 0 30px;
padding: 30px 0;
text-align: center;
text-align: center;
width: 960px;
width: 960px;
}
}
.welcome-inner h4 {
.welcome-inner h4 {
font-size: 32px;
font-size: 32px;
line-height: 32px;
line-height: 32px;
margin-bottom:12px;
margin-bottom:12px;
}
}
.welcome-inner p {
.welcome-inner p {
color: #333;
color: #333;
font-size: 22px;
font-size: 22px;
letter-spacing: 0.5px;
letter-spacing: 0.5px;
line-height: 30px;
line-height: 30px;
margin: 0 0 15px;
}
}
/* Home Feature Section
/* Home Feature Section
------------------------------------------------------------ */
------------------------------------------------------------ */
.home-feature-wrap {
.home-feature-wrap {
clear:both;
clear:both;
overflow: hidden;
overflow: hidden;
padding: 30px 0;
padding: 30px 0;
}
}
.home-feature-sidebar {
.home-feature-sidebar {
font-size: 16px;
font-size: 14px;
float: left;
float: left;
line-height: 22px;
line-height: 22px;
margin: 0;
margin: 0;
padding-right: 30px;
padding-right: 30px;
width: 220px;
width: 220px;
}
}
.home-feature-sidebar h4 {
.home-feature-sidebar h4 {
color: #284f73;
color: #333;
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: 'Oswald',arial,sans-serif;
font-size: 28px;
font-size: 28px;
font-weight: normal;
font-weight: normal;
line-height: 34px;
line-height: 34px;
text-transform: none;
text-transform: none;
}
}
.home-feature-sidebar p {
.home-feature-sidebar p {
margin: 0 0 20px;
margin: 0 0 15px;
}
}
.home-feature-section {
.home-feature-section {
background: url(images/border-img.png) repeat-y scroll left center transparent;
background: url(images/border-img.png) repeat-y scroll left center transparent;
float: right;
float: right;
font-size: 16px;
font-size: 14px;
line-height: 22px;
line-height: 22px;
padding-left: 40px;
padding-left: 40px;
width: 670px;
width: 670px;
}
}
.home-feature-1,
.home-feature-section p {
#featured-page-2 .page {
margin: 0 0 15px;
}
.home-feature-1 {
float: left;
float: left;
margin: 0 30px 0 0;
width: 320px;
}
.home-feature-2 {
float: right;
margin: 0;
margin: 0;
width: 640px;
width: 320px;
}
}
.home-feature-1 h4,
.home-feature-1 h4,
#featured-page-2 .page h4 {
.home-feature-2 h4 {
color: #333;
color: #333333;
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
font-weight: bold;
font-weight: bold;
margin: 0 0 10px;
margin: 0 0 10px;
padding: 0;
padding: 0;
}
}
.home-feature-1 p,
.home-feature-1 .widget,
#featured-page-2 .page p {
.home-feature-2 .widget {
margin: 0 0 20px;
}
.home-feature-1 .widget,
#featured-page-2 .page {
margin: 0 0 30px;
margin: 0 0 30px;
}
}
/* Home Bottom
/* Home Bottom
------------------------------------------------------------ */
------------------------------------------------------------ */
.home-bottom {
.home-bottom {
background: url(images/border-img-x.png) repeat-x scroll center top transparent;
background: url(images/border-img-x.png) repeat-x scroll center top transparent;
overflow: hidden;
overflow: hidden;
padding-top: 40px;
padding-top: 40px;
}
}
.home-bottom-sidebar {
.home-bottom-sidebar {
float: left;
float: left;
font-size: 14px;
font-size: 14px;
line-height: 22px;
line-height: 22px;
width: 210px;
width: 210px;
}
}
.home-bottom-sidebar .widget {
margin: 0 0 40px;
}
.home-bottom-sidebar h4 {
.home-bottom-sidebar h4 {
color: #333;
color: #333;
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: 'Oswald',arial,sans-serif;
font-size: 22px;
font-size: 22px;
font-weight: normal;
font-weight: normal;
line-height: 28px;
line-height: 28px;
margin-bottom: 10px;
margin-bottom: 10px;
}
}
.home-bottom-sidebar p {
margin: 0 0 15px;
}
/* Home Featured Posts
/* Home Featured Posts
------------------------------------------------------------ */
------------------------------------------------------------ */
.home-featured-posts {
.home-featured-posts {
float: right;
float: right;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
width: 736px;
width: 738px;
}
}
.home-featured-posts .widget {
.home-featured-posts .widget {
margin: 0 0 20px;
margin: 0 0 20px 30px;
}
.home-featured-posts .featuredpost .post {
margin: 0 15px 0 0;
width: 221px;
}
}
.home-featured-posts .featuredpost .widgettitle {
.home-featured-posts .featuredpost .widgettitle {
margin: 0 0 20px 20px;
margin: 0 0 20px 20px;
}
}
.home-featured-posts .featuredpost img {
.home-featured-posts .featuredpost img {
box-shadow: 0px 1px 2px #888;
box-shadow: 0px 1px 2px #888;
-moz-box-shadow: 0px 1px 2px #888;
-moz-box-shadow: 0px 1px 2px #888;
-webkit-box-shadow: 0px 1px 2px #888;
-webkit-box-shadow: 0px 1px 2px #888;
margin: 1px 2px 10px;
margin: 1px 2px 10px;
padding: 3px;
padding: 3px;
}
}
.home-featured-posts h2 {
.home-featured-posts h2 {
font-size: 16px;
font-size: 16px;
line-height: 22px;
line-height: 22px;
margin: 10px 0 0;
margin: 10px 0 0;
}
}
.home-featured-posts h2 a {
.home-featured-posts h2 a {
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: bold;
font-weight: bold;
}
}
.home-featured-posts p {
.home-featured-posts p {
font-size: 14px;
font-size: 14px;
line-height: 22px;
line-height: 22px;
margin: 0 0 15px;
}
}
.home-featured-posts .post-info {
.home-featured-posts .post-info {
font-size: 11px;
font-size: 11px;
margin: 5px 0 15px;
margin: 5px 0 15px;
}
}
/* Home Bottom Message
/* Home Bottom Message
------------------------------------------------------------ */
------------------------------------------------------------ */
.home-bottom-message {
.home-bottom-message {
background: url("images/border-img-x.png") repeat-x scroll center top transparent;
background: url("images/border-img-x.png") repeat-x scroll center top transparent;
color: #666;
color: #666;
font-size: 22px;
font-size: 22px;
line-height: 30px;
line-height: 30px;
margin: 20px 0 0;
margin: 0;
padding: 30px 0;
padding: 30px 0 20px;
text-align: center;
text-align: center;
}
}
.home-bottom-message p {
.home-bottom-message p {
color: #666;
font-size: 22px;
font-size: 22px;
line-height: 30px;
line-height: 30px;
}
}
/* Portfolio
/* Portfolio
------------------------------------------------------------ */
------------------------------------------------------------ */
#content .portfolio {
#content .portfolio {
float: left;
display: inline-block;
margin: 0 20px 40px 0 !important;
margin: 0 16px 40px 0 !important;
overflow: hidden;
overflow: hidden;
vertical-align: top;
width: 220px;
width: 220px;
}
}
#content .portfolio h2 {
#content .portfolio h2 {
margin: 4px 0 8px;
margin: 4px 0 8px;
}
}
.page-template-pageportfolio-php #content .portfolio p {
.page-template-pageportfolio-php #content .portfolio p {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
#content .portfolio .entry-title a{
#content .portfolio .entry-title a{
font-size: 18px;
font-size: 18px;
line-height: 24px;
line-height: 24px;
margin: 0;
margin: 0;
}
}
#content .portfolio .more-link {
#content .portfolio .more-link {
box-shadow: 0px 1px 2px #000;
box-shadow: 0px 1px 2px #000;
-moz-box-shadow: 0px 1px 2px #000;
-moz-box-shadow: 0px 1px 2px #000;
-webkit-box-shadow: 0px 1px 2px #000;
-webkit-box-shadow: 0px 1px 2px #000;
background: #4c5e6b;
background: #4c5e6b;
color: #fff;
color: #fff;
display: block;
display: block;
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: 'Oswald',arial,serif;
font-size: 14px;
font-size: 14px;
line-height: 18px;
line-height: 18px;
margin: 8px 4px;
margin: 10px 2px;
padding: 4px 0;
padding: 4px 0;
text-align: center;
text-align: center;
text-decoration: none;
text-decoration: none;
text-shadow: 1px 1px 1px #333;
text-shadow: 1px 1px 1px #333;
width: 100px;
width: 100px;
}
}
#content .portfolio .more-link:hover {
#content .portfolio .more-link:hover {
background: #222;
background: #222;
}
}
/* Taxonomy Description
/* Taxonomy Description
------------------------------------------------------------ */
------------------------------------------------------------ */
.taxonomy-description {
.taxonomy-description {
background-color: #fff;
background-color: #fff;
margin: -10px 0 30px;
margin: -10px 0 30px;
}
}
.taxonomy-description p {
.taxonomy-description p {
font-size: 0.875em;
font-size: 0.875em;
line-height: 1.5em;
line-height: 1.5em;
padding: 15px;
padding: 15px;
}
}
/* Content-Sidebar Wrap
/* Content-Sidebar Wrap
------------------------------------------------------------ */
------------------------------------------------------------ */
#content-sidebar-wrap {
#content-sidebar-wrap {
float: left;
float: left;
width: 750px;
width: 750px;
}
}
.content-sidebar #content-sidebar-wrap,
.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
.sidebar-content #content-sidebar-wrap {
width: 100%;
width: 100%;
}
}
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
.sidebar-sidebar-content #content-sidebar-wrap {
float: right;
float: right;
}
}
/* Content
/* Content
------------------------------------------------------------ */
------------------------------------------------------------ */
#content {
#content {
float: left;
float: left;
width: 410px;
width: 410px;
}
}
.content-sidebar #content,
.content-sidebar #content,
.sidebar-content #content {
.sidebar-content #content {
width: 632px;
width: 632px;
}
}
.sidebar-content #content,
.sidebar-content #content,
.sidebar-sidebar-content #content {
.sidebar-sidebar-content #content {
float: right;
float: right;
}
}
.full-width-content #content {
.full-width-content #content {
width: 960px;
width: 960px;
}
}
.post {
.post {
margin: 0 0 50px;
margin: 0 0 50px;
}
}
.entry-content {
.entry-content {
overflow: hidden;
overflow: hidden;
}
}
.entry-content p {
.entry-content p {
padding: 0 0 25px;
margin: 0 0 20px;
}
}
blockquote {
blockquote {
border: 1px solid #d0d0d0;
border: 1px solid #d0d0d0;
margin: 5px 5px 20px;
margin: 5px 5px 20px;
padding: 20px;
padding: 20px;
}
}
blockquote p {
blockquote p {
color: #888;
color: #888;
font-style: italic;
font-style: italic;
}
.quote {
background: url(images/quote.png) no-repeat top left;
color: #888;
font-size: 18px;
padding: 0 0 15px 60px;
line-height: 26px;
}
.quote strong {
color: #333;
}
.quote p {
color: #888;
font-size: 18px;
line-height: 26px;
}
}
code {
code {
background: #f5f5f5;
background: #f5f5f5;
font-size: 12px;
font-size: 12px;
overflow: auto;
overflow: auto;
}
}
pre {
pre {
background: #f5f5f5;
background: #f5f5f5;
border: 1px solid #ddd;
border: 1px solid #ddd;
display: block;
display: block;
font-size: 12px;
font-size: 12px;
margin: 0 10px 20px 10px;
margin: 0 10px 20px 10px;
overflow: auto;
overflow: auto;
padding: 10px;
padding: 10px;
}
}
strong {
font-weight: bold;
}
p.subscribe-to-comments {
p.subscribe-to-comments {
padding: 20px 0 10px;
padding: 20px 0 10px;
}
}
.clear {
.clear {
clear: both;
clear: both;
}
}
.clear-line {
.clear-line {
border-bottom: 1px solid #ddd;
border-bottom: 1px solid #ddd;
clear: both;
clear: both;
margin: 0 0 25px;
margin: 0 0 25px;
}
}
.clear-space {
.clear-space {
clear: both;
clear: both;
margin: 0 0 25px;
margin: 0 0 25px;
}
}
/* Column Classes
/* Column Classes
------------------------------------------------------------ */
------------------------------------------------------------ */
.five-sixths,
.five-sixths,
.four-fifths,
.four-fifths,
.four-sixths,
.four-sixths,
.one-fifth,
.one-fifth,
.one-fourth,
.one-fourth,
.one-half,
.one-half,
.one-sixth,
.one-sixth,
.one-third,
.one-third,
.three-fifths,
.three-fifths,
.three-fourths,
.three-fourths,
.three-sixths,
.three-sixths,
.two-fifths,
.two-fifths,
.two-fourths,
.two-fourths,
.two-sixths,
.two-sixths,
.two-thirds {
.two-thirds {
float: left;
float: left;
margin: 0 0 20px;
margin: 0 0 20px;
padding-left: 3%;
padding-left: 3%;
}
}
.one-half,
.one-half,
.three-sixths,
.three-sixths,
.two-fourths {
.two-fourths {
width: 48%;
width: 48%;
}
}
.one-third,
.one-third,
.two-sixths {
.two-sixths {
width: 31%;
width: 31%;
}
}
.four-sixths,
.four-sixths,
.two-thirds {
.two-thirds {
width: 65%;
width: 65%;
}
}
.one-fourth {
.one-fourth {
width: 22.5%;
width: 22.5%;
}
}
.three-fourths {
.three-fourths {
width: 73.5%;
width: 73.5%;
}
}
.one-fifth {
.one-fifth {
width: 17.4%;
width: 17.4%;
}
}
.two-fifths {
.two-fifths {
width: 37.8%;
width: 37.8%;
}
}
.three-fifths {
.three-fifths {
width: 58.2%;
width: 58.2%;
}
}
.four-fifths {
.four-fifths {
width: 78.6%;
width: 78.6%;
}
}
.one-sixth {
.one-sixth {
width: 14%;
width: 14%;
}
}
.five-sixths {
.five-sixths {
width: 82%;
width: 82%;
}
}
.first {
.first {
clear: both;
clear: both;
padding-left: 0;
padding-left: 0;
}
}
/* Featured Post Grid
/* Featured Post Grid
------------------------------------------------------------ */
------------------------------------------------------------ */
.genesis-grid-even,
.genesis-grid-even,
.genesis-grid-odd {
.genesis-grid-odd {
margin: 0 0 20px;
margin: 0 0 20px;
padding: 0 0 15px;
padding: 0 0 15px;
width: 48%;
width: 48%;
}
}
.genesis-grid-even {
.genesis-grid-even {
float: right;
float: right;
}
}
.genesis-grid-odd {
.genesis-grid-odd {
clear: both;
clear: both;
float: left;
float: left;
}
}
/* Headlines
/* Headlines
------------------------------------------------------------ */
------------------------------------------------------------ */
h1,
h1,
h2,
h2,
h3,
h3,
h4,
h4,
h5,
h5,
h6 {
h6 {
color: #222;
color: #222;
font-family: "Open Sans","Source Sans Pro","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-family: 'Oswald', arial, serif;
line-height: 1.25em;
line-height: 1.25em;
margin: 0 0 10px;
margin: 0 0 10px;
}
}
h1 {
h1 {
font-size: 1.875em;
font-size: 1.875em;
}
}
h1.entry-title,
h1.entry-title,
h2.entry-title {
h2.entry-title {
margin: 0 0 20px;
margin: 0 0 20px;
}
}