/*
Theme Name: Salted and Styled
Version: 1.0
Description: Designed by Whack Media Design.
Author: Whack Media Design
Author URI: http://www.whackdesign.com
Tags: whack design
Copyright: © 2012 Whack Media Design.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
/*-------------------------------------------------------------------------------------------
INDEX:
0. RESET
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Homepage
-2.8 Slider
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Single Post Author
-3.5 Entry Tables
-3.6 Single Ad
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
6. MISC
-6.1 Buttons
-6.2 Conatct Form
-6.3 Gravity forms
-6.4 Timeline page template
-6.5 IE specific styling
-6.6 Subscribe & Connect
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*-------------------------------------------------------------------------------------------*/
body,html{height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* Floating & Alignment */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}
/* Clear Floats */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 12px/1.5em Sans-serif; color: #545454; background-color: #080808; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family:Sans-serif; color: #fff; font-weight:normal; }
h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;}
p {margin: 0; line-height: 19px;}
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px 0 7px 7px; border-color: #EFEFEF #ccc #CCCCCC #efefef; border-width:1px; border-style:solid;}
/* 1.2 Hyperlinks */
a { color: #488793; text-decoration:none;}
a:hover { color: #5BB1C1; text-decoration:none;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper { background: #fff; }
#main{width:630px; padding:0 0 30px 50px;}
#main.fullwidth, .layout-full #main, .col-full {width: 1074px; margin:0 auto;}
.home #sidebar {margin-right: 28px;}
#sidebar{width:302px; position: relative;}
#sidebar .secondary { width:140px; }
.single #sidebar, .archive #sidebar, .page #sidebar {padding-top: 55px; width: 325px;}
.home #sidebar {margin-bottom: 20px;}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 1074px; margin: 0 auto; }
#sidebar #email-signup {left: 25px; top: 0;}
.layout-right-content #main { float:right; }
.layout-right-content #sidebar { float:left; border-left:none; border-right: 1px solid #D6D7D7; box-shadow:inset -3px 0 0 rgba(0,0,0,.03); -webkit-box-shadow:inset -3px 0 0 rgba(0,0,0,.03); -moz-box-shadow:inset -3px 0 0 rgba(0,0,0,.03);}
/* Sidebar fix */
#main { margin-bottom: -5000px; padding-bottom: 5000px; }
#content { overflow: hidden; }
.archive #sharethis {display: none;}
.search #sharethis {display: none !important;}
/* 2.2 Navigation */
#navigation {margin: 15px 0 30px 0; position: relative; width: 100%; height: 41px; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff;}
#navigation-inner {position: relative;}
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 5px;padding:0 25px 0 0;margin-right:10px;}
#navigation ul.rss li{display:inline;padding:0; line-height: 28px;}
#navigation ul.rss li a{color:#c63f00;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}
#navigation .podcast {float: left; margin: 0 10px; border-left: 1px dashed #fff; border-right: 1px dashed #fff; padding: 10px 24px 10px 44px; background: url(images/nav-podcast-icon.png) 20px 8px no-repeat; font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
#navigation .social {float: left; height: 41px; /*45px with facebook*/}
#navigation .social .icon {float: left; display: block; height: 21px; margin: 10px 4px 0 4px;}
#navigation .social .icon a {display: block; height: 21px; background: url(images/top-nav-social-sprite.png) no-repeat;}
#navigation .social .facebook a {display: block; width: 10px;}
#navigation .social .facebook a:hover {background-position: 0 -22px;}
#navigation .social .twitter a {display: block; width: 29px; background-position: -21px 0;}
#navigation .social .twitter a:hover {background-position: -21px -22px;}
#navigation .social .mail a {display: block; width: 24px; background-position: -59px 0;}
#navigation .social .mail a:hover {background-position: -59px -22px;}
#navigation .social .pin a {display: block; width: 20px; background-position: -92px 0;}
#navigation .social .pin a:hover {background-position: -92px -22px;}
.nav { z-index:99; margin:0; padding:0 0 0 10px; list-style:none; line-height:1;}
.nav a { position:relative; color:#060606; display:block; z-index:100; padding: 10px 16px; line-height:18px; text-decoration:none; font-size: 16px; font-weight: bold; }
.nav a:hover,
.nav li.current_page_item a,
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-menu-item a,
.nav li.sfHover { background:none !important;}
.nav li { float:left; width: auto; text-transform: lowercase;}
.nav li a {font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
.nav li a.sf-with-ul { padding-right:34px; }
#navigation .nav a {text-align: center;}
#navigation .nav a:hover {color: #EE632D; background: none !important;}
#navigation .nav .current_page_item a {color: #EE632D !important;}
#navigation, #navigation .nav .current-menu-item a {color: #EE632D;}
/* 2.2.1 Drop-down menus */
.nav li ul { position: absolute; left: -999em; width: 160px; background: rgba(0,0,0,0.9); z-index:999; }
.nav li ul li { border-bottom: none; }
.nav li ul li a { padding:8px 10px; width:140px; color:#555; font-size:1em; border:none; }
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a.sf-with-ul:hover {background: none !important;}
.nav li ul li a:hover,
.nav li ul li.current_page_item a,
.nav li ul li.current-menu-item a { background: none !important; color: #ED642D; }
.nav li.current_page_item li a,
.nav li.current_page_parent li a,
.nav li.current-menu-ancestor li a,
.nav li.current-menu-item li a,
.nav li.sfHover { background:#fff; }
.nav li ul ul { margin: -30px 0 0 180px; text-align: center;}
.nav li ul ul li a { }
.nav li ul li ul li a { }
.nav li:hover,.nav li.hover { position: static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left: auto;}
.nav .sf-sub-indicator { background: url( images/arrow-superfish.png ) no-repeat; position: absolute; display: block; right: 1em; bottom: 9px; width: 12px; height: 12px; text-indent: -999em; overflow: hidden; }
.nav li ul .sf-sub-indicator { background: url( images/arrow-superfish-right.png ) no-repeat; bottom: 5px; }
/*Top Nav*/
#top-nav {position: absolute; top: 0; right: 260px;}
#top-nav ul {display: block; margin: 0; padding: 0;}
#top-nav ul li {float: left; display: block; border-right: 1px dashed #999999; font-size: 14px; text-transform: lowercase;}
#top-nav ul li a {display: block; float: left; padding: 17px 20px 4px 20px; color: #808080;}
#top-nav ul li a:hover {color: #ED642D;}
#top-nav #menu-item-4268 {border: none;}
#search {position: absolute; top: 10px; right: 30px; width: 225px; height: 34px; background: url(images/search-bg.png) top center no-repeat;}
#award-top {position: absolute; bottom: -6px; right: 30px; background: url(images/digital-media-awards-small.png) right no-repeat; padding: 14px 75px 14px 0; color: #da9629;}
#award-top:hover {color: #fff;}
/* 2.2.2 Top Navigation (optional) */
#top { background: #000; }
#top .nav { border:none; }
#top .nav a { min-width:0;font-size:12px; border:none; color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; }
#top .nav li {}
#top .nav .sf-sub-indicator { display:none; }
#top .nav a:hover,
#top .nav li.current_page_item a,
#top .nav li.current_page_parent a,
#top .nav li.current-menu-ancestor a,
#top .nav li.current-cat a,
#top .nav li.current-menu-item a,
#top .nav li.sfHover { background: #222; }
#top .nav li ul { background: #222; margin: 0; padding: 0px; width: 180px; border: none; z-index: 999;
/* Box Shadow */
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
#top .nav li ul, #top .nav li ul li:last-child a {
/* Border Radius */
border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
}
#top .nav li ul li { border:none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 9999; }
#top .nav li ul li a { border:none; padding:8px 10px; width:160px; color:#ddd; background: none;}
#top .nav li ul li a:hover { background: #000 !important; }
#top .nav li ul li a.sf-with-ul { padding-right:10px; }
#top .nav li ul ul { margin: -34px 0 0 180px; }
#top .nav li:hover, #top .nav li.hover { position:static; }
#top .nav li:hover ul ul, #top .nav li.sfhover ul ul,
#top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul,
#top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; }
#top .nav li:hover ul, #top .nav li.sfhover ul,
#top .nav li li:hover ul, #top .nav li li.sfhover ul,
#top .nav li li li:hover ul, #top .nav li li li.sfhover ul,
#top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; }
/* 2.3 Header */
#header{clear:both;position:relative;z-index: 700;}
#logo { padding: 20px 0 0 20px; margin-right: 64px; }
#logo img { }
#logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; }
#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px Georgia, serif; }
#topad {float:right;}
/* 2.4 Content */
#content{}
/* 2.5 Sidebar */
#sidebar{overflow:hidden; margin-right: 45px;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .secondary.last { margin:0; }
/* 2.6 Footer */
#footer-out {height: 487px;}
#footer{padding: 20px 0 0; color: #888; }
#footer p { color:#fff; }
#footer #credit {padding: 1px 25px 0 0; background: url(images/whack-logo.png) right no-repeat;}
#footer #credit a { color: #fff;}
#footer #credit a:hover {color: #EE632D;}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer #copyright span { font:bold 14px "PT Sans", serif; color:#ddd; margin-right:5px; }
#footer-top {position: relative; padding: 0 0 20px 0; width: 1017px; margin-top: 64px; border-bottom: 1px dashed #fff;}
#footer-top .logo {float: left; width: 212px; height: 42px; background: url(images/logo-footer.png) top center no-repeat; text-indent: -99999px;}
#footer-top #podcast-button {float: right; width: 302px; padding: 0;}
#footer-top #podcast-button a {width: 302px;}
#footer-top .award {position: absolute; width: 242px; height: 15px; padding-top: 105px; text-align: center; background: url(images/digital-media-awards.png) top center no-repeat; top: -57px; left: 356px; color: #da9629;}
#footer-top .award:hover {color: #fff;}
/* 2.7 Homepage */
#main h3.section { background: url(images/strips.png) repeat; padding:10px 15px; line-height:1em; font-weight: bold; margin-bottom: 25px; }
#main .block { width: 196px; float:left; margin:0 20px 20px 0; border:none; }
#main .block.last {Êmargin-right:0; }
#main .block h2.title { font-size:18px; margin-bottom:5px; line-height:1.2em; }
/* 2.8 Slider */
#slides_container { width: 652px; letter-spacing: 0.8px; background: #000; }
#slides_container .slide { display:none; }
#slides_container .slide h2 { font-size: 22px; line-height: 18px; font-weight: bold; color: #fff; margin-bottom: 10px; }
#slides_container .slide h2 a { color: #fff; text-shadow: #000 0 0 2px; }
#slides_container .slide .entry p { font-size: 12px; color:#fff; text-shadow: #000 0 0 4px; margin:0;}
#slides_container .slide .featured-category { display: block; margin-bottom: 2px; }
#slides_container .slide .featured-category a { color: #FFCD61; text-transform: uppercase; font-size: 11px; text-shadow: #000 0 0 2px; }
#slides_container .caption {position:absolute;background:#000;background:rgba(0,0,0,.4);color:#fff;text-shadow:none;width: 612px;padding: 20px 20px;
left: 0;
}
#slide-nav { border-left: 1px solid #000; width: 307px; height: 290px; background: #000; }
#slide-nav li a { border-top: 1px solid #000; display: block; position: relative; height: 96px; }
#slide-nav li a img { opacity: 0.6; position: absolute }
#slide-nav li a:hover img { opacity: 0.8; }
#slide-nav li a:hover { text-decoration: none; }
#slide-nav li:first-child a { border: 0; }
#slide-nav li a span { position: absolute; }
#slide-nav li a span.info { color: #fff; text-shadow: #000 0 0 2px; font-size: 18px; font-weight: normal; padding: 15px 20px; bottom: 0; }
#slide-nav li a span.info .featured-category { color: #FFCD61; text-transform: uppercase; font-size: 11px; text-shadow: #000 0 0 2px; font-weight: normal; display: block; position: relative; }
#slide-nav li a span.info .title { display: block; position: relative; color: #fff !important; text-shadow: #000 0 0 2px; font-size: 18px !important;}
#latest.two-col .post { width:48%; float:left; margin-right: 4%; }
#latest.two-col .post.last { margin-right:0; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb, .post .video { margin-bottom:1.5em;}
.archive_header { display: block; text-align: left; margin:0 0 20px; font-weight: bold; color: #fff; width:100%; font: 28px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
.archive_header span {font-weight: bold;}
.archive_header .catrss a { font-size: 14px; text-decoration: none; }
.post { margin: 0 0 20px; padding: 0 0 10px;}
.single .post { border: 0; position: relative;}
.page .post .title {margin-bottom: 20px; font-size: 28px;}
.page .post .title span {font: 28px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
.post .title {font: 28px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important; margin: 0 0 5px; }
.post .title a:link, .post .title a:visited { color: #fff; }
.post .title a:hover { text-decoration: none; color: #ED642D;}
.post .date {color: #fff; font-size: 12px; margin-bottom: 20px;}
.post-meta {font:12px/1em sans-serif;color:#9C9C9C; margin-bottom: 10px; }
.post-meta a { color:#9C9C9C }
.post-meta a:hover { text-decoration:underline; }
.post-more { float: right; clear:both; margin:1em 0; color:#999;}
.post-more .read-more a.button { font-size: 12px; margin: 0; padding: 4px 10px; }
.post p.tags{color:#fff; width:100%;clear:both;margin: 20px 0;}
.entry .easyrecipe {border: none; background: none; margin-top: 0; padding: 0;}
.entry .ERName {display: none;}
.entry .btnERPrint {text-align: right; background-position: right; padding-left: 0; padding-right: 22px; color: #ED642D; text-decoration: none;}
.entry .btnERPrint:hover {color: #fff;}
.entry .ERIngredients {padding: 10px 15px; margin: 10px 0; border: 1px dashed #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.entry .ERInstructions {border-bottom: 1px dashed #fff; padding-bottom: 10px; margin-bottom: 10px;}
/* 3.1 Typographic Elements */
.entry, .entry p { font:12px/1.5em sans-serif; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }
.entry p { margin-bottom: 1.2em; }
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote p { font-style:italic; }
.entry h2 {float: none;}
.post h2 {float: none; font-weight: bold !important;}
.entry #sharethis {display: block;}
.entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: disc; }
.entry ul ul li { list-style-type: circle; }
.entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: decimal; }
.entry ol li ol li { list-style-type: lower-latin; }
.stButton {float: right; margin-top: 20px;}
.st_plusone_buttons {float: right; margin-top: 20px;}
.st_fblike_buttons {float: right;}
.st_fblike_buttons span {margin-top: 17px;}
.st_pinterest_buttons {margin-top: 0; float: right;}
#FatPandaFacebookComments {margin-top: 20px; float: left; display: block;}
#FatPandaFacebookComments .fbFeedbackContent.fbDarkWidget .composer {background: #fff !important;}
/* 3.2 Images */
.entry img {max-width: 100%; height: auto; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
img.thumbnail { padding: 0; border: 1px solid #999; background: none; }
img.thumbnail:hover { border: 1px solid #000; opacity:0.8; }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; height: auto; margin: 0px 20px 10px 0; }
.alignright { float: right; height: auto; margin: 0px 0 10px 20px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
.entry .wp-caption { padding: 1px; text-align:center; background:#fafafa; border: solid 1px #e9e9e9; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border: 0; }
.entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries { background: url(images/strips.png) repeat; }
.nav-entries, .wp-pagenavi { padding:10px 15px; clear:both; }
.nav-entries a { display: block; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.wp-pagenavi { margin: 0 !important; text-align: center !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;}
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; }
#post-entries { border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; padding: 5px 0px; }
/* 3.4 Single Post Author */
#post-author { background: url(images/strips.png) repeat; margin:0 0 1.5em; padding:15px; border:1px solid #e6e6e6; border-width:1px 0 1px; clear:both; }
#post-author h4 { margin-bottom: 5px; font-size: 18px; }
#post-author h4 span { display:block; color: #999; text-transform: uppercase; font-size: 11px; font-family:Georgia, serif; margin-bottom: 1px; }
#post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #e6e6e6; background:#fff;}
#post-author .profile-link { }
/* 3.5 Entry Tables */
.entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; }
.entry table tr.alt-table-row { background: #f9f9f9; }
.entry table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; }
.entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; }
/* 3.6 Single Ad */
#single-ad { background: url(images/strips.png) repeat; margin:0 0 1.5em; padding:15px; border:1px solid #e6e6e6; border-width:1px 0 1px; clear:both; text-align: center; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget { padding: 0; margin-bottom: 20px;}
.widget h3 { margin: 0 0 10px 0; font:normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
.widget p { margin-bottom: 1em; }
.widget ul { clear:both; list-style-type:none;}
.widget ul li {}
.widget ul li a { padding: 0; line-height: 22px; text-decoration: none; }
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
.widget_woo_tabs {margin: 0 auto 20px; width: 302px;}
.home .widget_woodojo_tweets {float: left;}
.widget_woodojo_tweets {margin: 0 auto 20px !important; width: 303px;}
.widget_woodojo_tweets ul li {border-bottom: 1px dashed #ccc !important;}
.widget_woodojo_tweets .follow-link {text-align: right !important;}
.widget_woodojo_tweets ul li a {color: #29ABE2 !important;}
.pinterest_rss_widget {margin: 0 auto 20px !important; width: 303px;}
.home .pinterest_rss_widget {margin-bottom: 0 !important; margin-right: 20px !important;}
#footer-widgets {width: 1017px; margin-top: 15px;}
#footer-widgets { color: #D8D8D8; }
#footer-widgets .block { float:left; border-right: 1px dashed #fff; min-height: 300px;}
#footer-widgets .block h3 { color: #fff; font-size: 20px !important; padding: 7px 9px;}
#footer-widgets .block a { color: #fff; }
#footer-widgets .block a:hover {text-decoration: none; color: #EE632D;}
#footer-widgets .block .widget { border:0; margin: 0; }
#footer-widgets .block li { margin-bottom: 0; padding-bottom: 0; margin-left: 10px;}
#footer-widgets .block .widget ul, #footer-widgets .block .text-widget { padding:0 10px; }
#footer-widgets .widget {float: left;}
#footer-widgets .footer-widget-1 {padding-left: 0;}
#footer-widgets .footer-widget-2 {padding-left: 15px;}
#footer-widgets .footer-widget-3 {padding-left: 15px;}
#footer-widgets .footer-widget-1 h3 {margin-bottom: 10px; font: normal 20px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
#footer-widgets .footer-widget-1 li {line-height: 21px; list-style: none; padding: 0 10px; text-align: left; margin-left: 10px;}
#footer-widgets .block.subscribe {border: none; padding-left: 15px; position: relative;}
#footer-widgets .block.subscribe #email-signup {top: 53px; left: 25px;}
#footer-widgets .block.subscribe .social {position: absolute; height: 46px; top: 100px; left: 77px;}
#footer-widgets .block.subscribe .social .icon {float: left; display: block; height: 21px; margin: 10px 4px 0 4px;}
#footer-widgets .block.subscribe .social .icon a {display: block; height: 30px; background: url(images/social-footer-sprite.png) no-repeat;}
#footer-widgets .block.subscribe .social .facebook a {display: block; width: 13px;}
#footer-widgets .block.subscribe .social .facebook a:hover {background-position: 0 -30px;}
#footer-widgets .block.subscribe .social .twitter a {display: block; width: 40px; background-position: -26px 0;}
#footer-widgets .block.subscribe .social .twitter a:hover {background-position: -26px -30px;}
#footer-widgets .block.subscribe .social .mail a {display: block; width: 29px; background-position: -80px 0;}
#footer-widgets .block.subscribe .social .mail a:hover {background-position: -80px -30px;}
#footer-widgets .block.subscribe .social .pin a {display: block; width: 27px; background-position: -123px 0;}
#footer-widgets .block.subscribe .social .pin a:hover {background-position: -123px -30px;}
#footer-widgets .block.subscribe .bottom {display: block; margin-top: 130px;}
#footer-widgets .block.subscribe .bottom h3 {margin-bottom: 0; padding-bottom: 0;}
#footer-widgets .block.subscribe .bottom p {padding: 0 0 0 10px; color: #EE632D; font: normal 16px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important; margin-bottom: 5px;}
#footer-widgets .block.subscribe .bottom p a {color: #EE632D;}
#footer-widgets .block.subscribe .bottom p a:hover {color: #fff;}
.favblok-nodesign {margin: 0 !important; padding: 0 !important;}
/* Footer Widgets 1-4 Columns */
#footer-widgets.col-1 .block { width:100%;}
#footer-widgets.col-2 .block { width:50%; }
#footer-widgets.col-3 .block { width:33.3%; }
#footer-widgets.col-4 .block { width:224px; }
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform { width: 99%; position: relative;}
.searchform input.s { padding: 8px 8px 8px 44px; width:78%; margin:0; border:none; color:#808080; font-size: 14px; background: none !important;}
.searchform input.search-submit { position: absolute; top: 7px; left: 18px; border:none; margin:0; padding:0; }
.search .post .title {font: 22px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important; font-weight: normal !important;}
/* FLICKR */
.widget_woo_flickr h3 {background: url(images/ico-flickr.png) no-repeat left center; border-bottom:none; padding: 3px 0px 1px 30px; }
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
.widget_woo_flickr .wrap { position: relative; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0; display: block; border: #CECFC6 1px solid; padding: 3px; background: #fff; }
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }
/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }
/* VIDEO */
.widget_woo_embedwidget { }
.widget_woo_embedwidget .vidsseo-inside { }
.widget_woo_embedwidget .widget-video-unit { background: #f9f9f9; }
.widget_woo_embedwidget .widget-video-list li a {background: #E4E4E4; border:1px solid #DDDDDD; padding: 2px 8px; display: block; margin:5px 0; }
.widget_woo_embedwidget .widget-video-list li a:hover {background: #eee; text-decoration: none;}
/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { border: #CECFC6 1px solid; padding: 3px; }
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
/* TWITTER */
.widget_woo_twitter .back { background: #f8f8f8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.widget_woo_twitter ul { background: none; padding-left:0; }
.widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0px; list-style:none;}
.widget_woo_twitter ul li a { padding: 0px; }
.widget_woo_twitter ul li .time { color:#999; }
.widget_woo_twitter p { padding-top: 10px; }
.widget_woo_twitter p a { color:#222; }
.widget_woo_twitter ul li .content { }
.widget_woodojo_tweets h3 { background: url(images/ico-twitter.png) no-repeat left center; border-bottom:none; padding: 3px 0px 1px 23px; margin:0; }
/* 4.3 WooTabs */
#tabs { height:auto; display: block; }
#tabs ul.wooTabs { padding:0px; margin: 0px 0 10px 0; overflow: hidden; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover {color: #ED642D; text-decoration:none; font-size: 20px;}
#tabs ul.wooTabs li a.selected {font-weight: bold;}
#tabs ul.wooTabs li a { color:#fff; display: block;float: left; font:20px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; margin-right: 28px;}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { }
#tabs .inside {}
#tabs .inside li { padding: 10px 0; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; }
#tabs .inside li { border:1px dashed #e6e6e6 !important; border-width:0 0 1px 0 !important; }
#tabs .inside li a { color:#fff; font:bold 14px sans-serif; }
#tabs #tab-comm a { font-weight: normal; }
#tabs .inside a:hover{text-decoration: none; color: #ED642D;}
#tabs .inside li span.meta { display:block; font:12px sans-serif; color:#ED642D; margin-bottom: 5px;}
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { background: no-repeat; border: #bbb 1px solid; padding: 0; float: left; margin: 0 8px 0 0; }
#tabs #tabs ul.wooTabs li.tags a {margin-right: 0 !important;}
#podcast-button {display: block; width: 100%; height: 51px; text-indent: -99999px; padding: 30px 0;}
#podcast-button a {display: block; width: 100%; height: 51px; background: url(images/podcast-btn.png) top center no-repeat;}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;}
#comments h3 { color:#333; font-weight:bold; margin:30px 0; }
#comments .comment{width:100%;list-style-type:none;}
#comments .comment .comment-container { position:relative; overflow: hidden; margin-bottom: 10px; }
#comments .comment-head { margin: 0; width: 70px; float: left; }
#comments .avatar { }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .name { font-weight: bold; font-size: 14px; }
#comments .date, #comments .edit, #comments .perma { font-size: 11px; color: #999; font-style: italic; font-size: 12px; font-family:Georgia, serif; }
#comments .arrow { display: block; width: 9px; height: 18px; background: url(images/comment-arrow.png) no-repeat; left: 62px; position: absolute; }
#comments .comment-info { margin-bottom: 5px; }
#comments .comment-entry { padding: 15px 20px 5px 20px; background: #F7F7F7; border: 1px solid #E4E4E4; overflow: hidden; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .reply { padding-top:5px; }
#comments .reply a { font: 11px/18px sans-serif; text-shadow: none; margin: 0; padding: 1px 6px; }
#comments .reply a:hover { background-color: #e6e6e6;}
#comments ul.children{margin:0 0 0 25px;padding:0; }
#comments ul.children li { }
#comments .comment-container .cancel-comment-reply{margin:10px 0;}
#comments .comment-container #respond h3 { margin: 10px 0; }
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }
#comments p.nocomments { margin: 40px 0 0; }
/* 5.2 Comments Form */
#respond { margin: 30px 0 0; }
#respond h3 { color:#333; font-weight:bold; margin-bottom:30px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }
.comment-container #respond { margin: 20px 0px; }
#commentform { margin: 15px 0 0 0; }
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { font:14px/14px sans-serif; border-color: #ccc #EAEAEA #EAEAEA #ccc; border-width:1px; border-style:solid;}
#commentform input.txt { color:#666; background: #F0F0F0; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #F0F0F0; width: 95% !important; padding: 5px 7px; }
#respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; }
/* 5.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
a.button,
a.comment-reply-link,
#commentform #submit,
.submit {
display: inline-block;
margin: 5px;
padding: 7px 10px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 #fff;
text-decoration: none;
font-weight: bold;
/*Border radius*/
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*Background*/
background: #EDEDED; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #ffffff),
color-stop(1, #E5E5E5)
);
background: -moz-linear-gradient(
center top,
#ffffff 20%,
#E5E5E5 100%
);
}
a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}
a.button:hover,
a.button.hover,
a.button.active,
a.comment-reply-link:hover,
#commentform #submit:hover,
#contact-page .submit:hover {
text-decoration: none !important;
/*Background*/
background: #ccc; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #eeeeee),
color-stop(1, #cccccc)
);
background: -moz-linear-gradient(
center top,
#eeeeee 20%,
#cccccc 100%
);
}
a.button:active,
a.button.active {
border-color: #999;
/*Box shadow*/
-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
/* 6.2 Contact Form */
#contact-page { border-bottom: 0; }
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;background: #F0F0F0;border-color: #ccc #EAEAEA #EAEAEA #ccc; border-width:1px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;background: #F0F0F0;border-color: #ccc #EAEAEA #EAEAEA #ccc; border-width:1px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 5px 0 0 120px; cursor:pointer; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
/* 6.3 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }
/* 6.4 Timeline Page Template */
#archives { padding: 10px 0 0; }
#archives a { font-style: italic; }
h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; }
#archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; }
#archives .archives_list .linked { width: 300px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments { width: 150px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; }
#archives .archives_list .comments a:hover { text-decoration: none; }
/* 6.5 IE specific styling */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a { color:#555 !important; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; }
.ie7 #slides_container .caption, .ie #slides_container .caption { background: transparent url(images/ie7transparency.png) repeat left top; }
.ie7 #slides_container .slide { height: 290px; }
.ie7 #slide-nav li a span.info, .ie #slide-nav li a span.info { background: url(images/ie7transparency.png) repeat left top; }
.ie7 #slide-nav li a { height: 93px; }
.ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; }
.ie8 #slide-nav li a span.info { display: block; width: 267px; height: 66px; }
/* 6.6 Connect */
#connect { background: url(images/strips.png) repeat; margin:0 0 1.5em; padding:15px; border:1px solid #e6e6e6; border-width:1px 0 1px; clear:both; }
#main #connect .col-left, #connect .col-right { width:48%; }
#connect .title { margin-bottom: 10px; }
#connect p { margin: 0 0 1em; }
#connect .newsletter-form { margin: 0 0 1em; }
#connect .newsletter-form .input { }
#connect .newsletter-form .email { width:140px; }
#connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
#connect .social { }
#connect .social a { opacity:0.8; }
#connect .social a:hover { opacity:1; }
#connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; }
#connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; }
.widget #connect { margin:0; padding:0; background:none; border:none; }
.widget #connect .fl, .widget #connect .fr { float:none; }
/*Whack Code*/
#top-home {margin: 0 0 20px 0; position: relative;}
#top-home h1, h2 {float: left; display: block; margin: 0 0 20px 50px; font-weight: 100; color: #fff; font: normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
#top-home h1 span, h2 span {font-weight: bold;}
#top-home h1 {width: 444px;}
#top-home h2 {width: 479px;}
#top-home h3 {font-size: 16px; margin: 0 0 10px 0; line-height: 20px;}
#top-home #sharethis {display: none}
#more-inspiration h3 {float: none; color: #fff; margin: 0 0 20px 0; padding-left: 8px; font: normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
#more-inspiration img {min-width: 182px; width: auto; min-height: 273px; height: auto; max-height: 273px;}
#more-inspiration #sharethis {display: none;}
.home-post {float: left; display: block; width: 225px; height: 338px; margin: 0 40px 14px 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.home-post h2 {float: none;}
.home-post img {width: 100%; height: 100%; min-height: 338px;}
.first {width: 444px; height: 690px; margin: 0 40px 0 49px;}
.first img {width: auto; min-width: 444px; max-width: 444px; height: auto; min-height: 690px; max-height: 690px;}
#more-inspiration {width: 1033px; padding-left: 41px; position: relative; margin: 0 0 40px 0;}
.single #more-inspiration {width: 630px; padding-left: 0;}
#print {position: absolute; top: 8px; right: 0;}
/*james welcome paragraph*/
#welcome-text h3 {float: none; text-align: center; color: #fff; margin: 0 0 10px 0; font: normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 30px;}
#welcome-text p {font: normal 20px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
#welcome-text img {width: auto; height: 273px;}
#welcome-text #sharethis {display: none;}
#welcome-text {width: 950px; padding-left: 41px; position: relative; margin: 0 0 40px 10px;}
/*james welcome paragraph*/
#email-signup {position: absolute; top: 5px; right: 50px; width: 274px; height: 33px; background: url(images/email-submit-bg.png) top center no-repeat;}
#email-signup input {background: none; margin: 0 0 0 55px; width: 199px; color: #fff; font-size: 16px; border: none;}
#more-inspiration .inspiration-post {float: left; width: 182px; height: 273px; margin: 0 8px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
#more-inspiration .inspiration-post h2 {float: none; font-size: 12px !important; font-weight: bold; margin-bottom: 5px; font-family: 'Helvetica Neue', Helvetica, sans-serif !important;}
#top-home .first .view {width: 444px !important; height: 690px !important;}
.home-post.first.view {width: 444px; height: 690px;}
.home-post.first.view .mask,.view .content {width: 424px;}
.home-post.view {width: 225px; height: 338px;}
.home-post.view .mask,.view .content {width: 205px;}
.inspiration {position: absolute; top: 1px; left: 274px; font: normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important; color: #fff;}
.view {
width: 182px;
height: 272px;
overflow: hidden;
position: relative;
cursor: pointer;
}
.view .mask,.view .content {
width: 162px;
max-height: 253px;
position: absolute;
overflow: hidden;
bottom: 0;
left: 0;
padding: 10px;
}
.view img {
display: block;
position: relative;
}
.view h3 {
color: #fff;
position: relative;
font-size: 12px;
margin: 0 0 20px 0;
font-weight: bold;
}
.view h4 {
color: #fff;
position: relative;
font-size: 12px;
margin: 0 0 5px 0;
font-weight: bold;
}
.view p {
font-size: 12px;
position: relative;
color: #fff;
border: none;
font-weight: normal;
}
.view .date {
font-size: 12px;
position: relative;
color: #fff;
border: none;
}
.view a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #fff;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
}
.view a.info: hover {
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
text-decoration: none;
}
.view-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-first .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0,0,0, 0.6);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.view-first h3, h4 {
/*-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-first p {
/*-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-first .date {
/*-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.view-first a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-first:hover h3,
.view-first:hover h4,
.view-first:hover p,
.view-first:hover .date,
.view-first:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-first:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.view-first:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
a .inspiration-posts .mask {text-decoration: none; border: none;}
#left-home {width: 710px;}
#recipe {margin: 0 0 40px 50px; position: relative;}
#recipe img {width: 327px; height: 490px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
#recipe .main-title {float: none; color: #fff; margin: 0 0 20px 0; font: normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
#recipe h3, #recipe h2 {float: none; color: #fff; margin: 0 0 10px 0; font: normal 20px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
#recipe #sharethis {display: none;}
#recipe h3 span {font-weight: bold;}
#recipe p {margin-bottom: 10px;}
#recipe .view-all {position: absolute; top: 17px; left: 180px; font-style: italic;}
#recipe .image {float: left; width: 327px; height: 490px; margin: 0 20px 10px 0;}
#recipe .content {float: left; width: 623px;}
#recipe .title {display: block; font: normal 22px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 26px; margin: 0 0 20px 0;}
#recipe .content p img {display: none;}
#recipe .content .continue {float: right; margin: 20px 0 0 0; font-style: italic;}
#home-bottom {display: block; margin: 0 0 20px 50px; position: relative;}
.pinterest_rss_widget {float: left; width: 303px; margin-right: 28px;}
.pinterest_rss_widget {margin-left: 14px; margin-right: 0;}
.pinterest_rss_widget h3 {display: none;}
.pinterest_rss_widget h4 {color: #ED1C24 !important; padding: 5px 0 5px 40px; background: url(images/pinterest-logo.png) left no-repeat; font: normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important; opacity: 1;}
.pinterest_rss_widget h4 span {font-weight: normal;}
.pinterest_rss_widget img {-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
li.pins-feed-item {margin-right: 14px !important;}
.followTiny span {position: absolute; display: block; bottom: 4px; left: 27px; font-style: italic;}
#pins-feed-follow {position: relative; text-align: left !important; padding-top: 10px; border-top: 1px dashed #ED1C24; width: 280px !important;}
#pins-feed-follow:hover {color: #ED1C24;}
.AlpinePhotoTiles-display-link {margin-left: 5px !important; text-align: left !important;}
.AlpinePhotoTiles-highlight-div {background: none !important;}
ul.pins-feed-list {margin-left: 10px !important;}
#home-bottom #woo_twitter-2 {float: left; width: 303px; margin: 0 0 0 20px;}
.widget_woodojo_tweets h3 {color: #29ABE2 !important; padding: 5px 0 5px 42px; background: url(images/twitter-icon.png) left no-repeat; font: normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
.widget.widget_woo_twitter .content {width: auto;}
.widget.widget_woo_twitter h3 span {font-weight: bold;}
.widget_woo_twitter .back {background: none;}
.widget_woo_twitter ul {padding-left: 4px;}
.widget_woo_twitter ul li {border-bottom: 1px dashed #CCCCCC; padding: 10px 13px;}
.widget_woo_twitter ul li a {font-size: 12px; color: #29ABE2;}
.widget_woo_twitter ul li .time {font-size: 12px !important; color: #fff;}
.widget_woo_twitter ul li .time:hover {color: #29ABE2; text-decoration: none;}
.widget_woo_twitter p {text-align: right;}
.widget_woo_twitter p a {color: #29ABE2;}
.widget_woo_twitter p a:hover {color: #fff;}
#widget_sp_image-2 h3 {font: normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
#widget_sp_image-2 h3 span {font-weight: bold;}
#widget_sp_image-2 p {font: normal 18px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
#widget_sp_image-2 p span {font-weight: bold;}
#widget_sp_image-6 h3 {font: normal 28px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
#widget_sp_image-6 h3 span {font-weight: bold;}
#widget_sp_image-6 p {font: normal 18px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
#widget_sp_image-6 p span {font-weight: bold;}
#woo_twitter-3 {width: 303px; margin: 0;}
#pinterest_rss_widget-3 {width: 303px;}
#ads {display: block; width: 100%;}
#ads h3 {display: none;}
#ads .widget {float: left;}
#ads #widget_sp_image-3 {margin: 0 28px 0 30px;}
#ads #quotescollection {float: left; width: 186px; height: 141px; background: url(images/home-testi-bg.png) top center no-repeat; text-align: center; padding: 50px 40px 0 40px; font: normal 21px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: inherit; margin: 0 50px 0 0;}
.archive .archive-post {display: block; margin-bottom: 50px;}
.archive .archive-post .image {float: left; width: 200px; height: 300px; overflow: hidden; margin: 0 10px 10px 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.archive .archive-post .image img {min-height: 300px; height: auto; min-width: 200px; width: auto; max-height: 300px;}
.archive .first-archive .image {float: left; width: 630px; height: 400px; overflow: hidden; margin-bottom: 20px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.archive .first-archive .image img {min-height: 400px; min-width: 630px; width: auto; height: auto; max-height: none; max-width: 630px;}
.archive h3 {font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
.archive .first-archive h3 {font-size: 28px !important; line-height: 28px; margin-bottom: 15px;}
.archive .archive-post h3 {font-size: 20px; line-height: 30px; margin-bottom: 5px;}
.archive .date {font-size: 12px; margin-bottom: 10px; font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;}
.wp-pagenavi {padding: 0 !important;}
.wp-pagenavi span .pages {padding-left: 0 !important;}
.wp-pagenavi span.extend, .wp-pagenavi span.pages {color: #fff !important; display: none;}
.wp-pagenavi span.current {font-weight: normal !important; color: #EB642D;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border: none !important;}
.wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover {background: none !important;}
.wp-pagenavi a:link, .wp-pagenavi a:visited {background: none !important; border: none !important;}
.wp-pagenavi a:link, .wp-pagenavi a:visited {color: #fff !important;}
.wp-pagenavi a:hover {color: #EB642D !important;}
.player-container .haiku-button {background: none !important;}
.podcast-banner {display: block; width: 100%; height: 91px; margin: 0 0 20px 0; background: url(images/podcast-banner.png) top center no-repeat;}
.podcast-intro {display: block; margin: 0 0 20px 0;}
.itunes {display: block; width: 100%; height: 54px; background: url(images/itunes.png) top center no-repeat; margin-bottom: 40px;}
.widget_sp_image-description {font: normal 20px/1.4em 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; margin-top: 10px;}
.fb-comments, .fb-comments iframe[style] {width: 630px !important;}
body.iphone.tablet, body.iframe, body.app, body.webapp {width: 630px !important;}
.fb_iframe_widget span {width: 630px !important;}
.fb_iframe_widget_lift {width: 630px !important; background: #fff !important;}
.fb_edge_widget_with_comment {float: left; width: 77px !important;}
.widget_sp_image {max-height: 446px; overflow: hidden;}