/*
Theme Name: Announcement
Theme URI: http://www.woothemes.com/
Version: 1.3.3
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes
Copyright: (c) 2009-2011 WooThemes.
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.4.1 Custom Column Layouts
--- 3 Column Layout
--- 2 Column Layout (Double Right)
--- 2 Column Layout (Double Left)
--- 2 Column Layout (50-50)
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi / Woo-Pagination
-3.4 Single Post Author
-3.5 Entry Tables
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 Contact Form
-6.3 Gravity forms
-6.4 Timeline page template
-6.5 IE specific styling
-6.6 Subscribe & Connect
7. THEME-SPECIFIC COMPONENTS
-7.0 General Components Styles
-7.1 Photograph Slider
-7.2 Registry / Links
-7.3 Countdown Timer
-7.4 Baby Statistics
-7.5 Headline
-7.6 Occasion Hosts
-7.7 Video Embed
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 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 */
/* Embed fonts */
@font-face {
font-family: "FontSiteSans-UltraLight";
src: url("includes/fonts/FontSiteSans-UltraLight.eot");
src: local("☺"),
url("includes/fonts/FontSiteSans-UltraLight.woff") format("woff"),
url("includes/fonts/FontSiteSans-UltraLight.otf") format("opentype"),
url("includes/fonts/FontSiteSans-UltraLight.svg") format("svg");
}
@font-face {
font-family: "FontSiteSans-Cond";
src: url("includes/fonts/FontSiteSans-Cond.eot");
src: local("☺"),
url("includes/fonts/FontSiteSans-Cond.woff") format("woff"),
url("includes/fonts/FontSiteSans-Cond.otf") format("opentype"),
url("includes/fonts/FontSiteSans-Cond.svg") format("svg");
}
@font-face {
font-family: "FontSiteSans-Roman";
font-weight: normal;
font-style: normal;
src: url("includes/fonts/FontSiteSans-Roman.eot");
src: local("☺"),
url("includes/fonts/FontSiteSans-Roman.woff") format("woff"),
url("includes/fonts/FontSiteSans-Roman.otf") format("opentype"),
url("includes/fonts/FontSiteSans-Roman.svg") format("svg");
}
@font-face {
font-family: "BergamoStd";
font-weight: normal;
font-style: normal;
src: url("includes/fonts/BergamoStd-Regular.eot");
src: local("☺"),
url("includes/fonts/BergamoStd-Regular.woff") format("woff"),
url("includes/fonts/BergamoStd-Regular.otf") format("opentype"),
url("includes/fonts/BergamoStd-Regular.svg") format("svg");
}
@font-face {
font-family: "BergamoStd-Italic";
src: url("includes/fonts/BergamoStd-Italic.eot");
src: local("☺"),
url("includes/fonts/BergamoStd-Italic.woff") format("woff"),
url("includes/fonts/BergamoStd-Italic.otf") format("opentype"),
url("includes/fonts/BergamoStd-Italic.svg") format("svg");
}
@font-face {
font-family: "StMarie-Thin";
src: url("includes/fonts/StMarie-Thin.eot");
src: local("☺"),
url("includes/fonts/StMarie-Thin.woff") format("woff"),
url("includes/fonts/StMarie-Thin.otf") format("opentype"),
url("includes/fonts/StMarie-Thin.svg") format("svg");
}
.hide { display: none; }
body { font: 12px/1.5em 'FontSiteSans-Roman',sans-serif; color: #3e3e3e; background: url("images/bg.png") repeat scroll 0 0 #f6f0d6; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family:'BergamoStd',Georgia, serif; color: #3E3E3E; 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; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input[type=text], input[type=password], textarea { color: #666666; font: 15px/1em 'FontSiteSans-Cond',arial,sans-serif; padding: 12px 10px 9px; border-color: #C0BCB6; border-width:1px; border-style:solid; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
/* 1.2 Hyperlinks */
a { color: #3e3e3e; text-decoration:none;}
a:hover { text-decoration:underline;}
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: underline; }
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper {}
#main { width:620px; }
#main.fullwidth, .layout-full #main, .col-full /*, .components-page .widget */ { width: 960px; margin:0 auto; }
.components-page #main { width: auto; }
#sidebar{width:300px;}
#sidebar .secondary { width:140px; }
.entry img { max-width:610px; }
.layout-full .entry img { max-width:950px; }
.col-left { float: left; }
.col-right { float: right; }
.home.layout-right-content #main { float:none; }
.layout-right-content #main { float:right; }
.layout-right-content #sidebar { float:left; }
/* 2.2 Navigation */
#navigation{ font: 17px/1em sans-serif; margin-bottom: 2em; font: 18px/1em 'FontSiteSans-Cond',arial,sans-serif; text-transform: uppercase; }
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 44%;margin:0 15px 0 0; padding:0 25px 0 0;line-height: 1;}
#navigation ul.rss li{display:inline;padding:0;}
#navigation ul.rss li a{color:#d75418;text-decoration:none; padding:10px 5px; line-height: 18px; display: inline-block; position: relative;}
#navigation ul.rss li.sub-email {color:#dedede;}
#navigation ul.rss li a:hover{text-decoration:underline;}
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; text-align: center; }
.nav a { position:relative; color:#3e3e3e; z-index:100; margin: 0 10px 0 0; padding:0 15px; text-decoration:none; }
#navigation .nav li { background: url("images/seperator.png") no-repeat scroll right center transparent; display:inline-block; line-height: 42px; position:relative; zoom: 1; }
#navigation .nav li:last-child { background-image:none; }
.nav li a.sf-with-ul { }
.nav a:hover,
.nav li.current_page_item a,
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-cat a,
.nav li.current-menu-item a { /* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)";
background-image: url("images/bg.png") repeat scroll 0 0; color: #000; }
/* Optional Styling */
#navigation {
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)";
background-image: url("images/bg.png") repeat scroll 0 0; border-bottom:1px solid #f8f7f3; }
#navigation .nav li a { display:block; line-height: 42px; }
#navigation .nav li:last-child a { border-right:none; }
/* 2.2.1 Drop-down menus */
.nav li ul { background: #fafafa; margin:0; padding:0; position: absolute; left: -999em; width: 180px; border-color: #F8F7F3 #E3E3E3 #E3E3E3; border-style: none solid solid; border-width: medium 1px 1px; z-index:999; }
#navigation .nav li ul li { background-image: none; display: block; line-height: 18px; text-align: left; }
.nav li ul li a { font: 12px/1.5em Arial,sans-serif; padding:8px 10px; width:160px; color:#666; background: none; display: block; text-transform: none; }
.nav li ul li a:hover { text-decoration: underline; }
.nav li ul li a.sf-with-ul { padding-right:0; }
.nav li ul ul { margin: -37px 0 0 140px; }
.nav li ul li a:hover,
.nav li.current_page_item ul li a,
.nav li.current_page_parent ul li a,
.nav li.current-menu-ancestor ul li a,
.nav li.current-cat a ul li,
.nav li.current-menu-item ul li a,
.nav li.sfHover ul li { background:none;}
.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 { display:none; }
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:38%; }
/* Optional Styling */
#navigation .nav li ul {
/* Border Radius */
border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
/* Box Shadow */
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03);
box-shadow: 0 2px 2px rgba(0,0,0,.03);
}
#navigation .nav ul li { background-image: none; }
#navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
#navigation .nav li ul li a { border:0; border-top:1px solid #fff; border-bottom:1px solid #dedede; line-height: 18px; }
#navigation .nav li ul li:first-child a { border-top:none; }
#navigation .nav li ul li:last-child a { border-bottom:none; }
/* 2.2.2 Top Navigation (optional) */
#top { background: #000; }
#top .nav { }
#top .nav a { color: #FFFFFF; display: block; line-height: 18px; padding: 8px 10px; text-decoration: none; text-shadow: none; }
#top .nav li { float:left; width:auto; }
#top .nav li a.sf-with-ul { padding-right:20px; }
#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 { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: left; }
#top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;}
#top .nav li ul li a:hover { background: #000; }
#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 { padding:25px 0 2em;clear:both;position:relative;text-align: center; }
#header #filagree{ display: none; }
.filagree-break {border-bottom: 1px solid #c8c6bb;margin-bottom: 30px;position: relative;text-align: center;}
.filagree-break span { display:none }
.filagree-break span img { -webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);}
#logo {
/*background: url("images/title-border.png") repeat-x scroll left bottom transparent;*/
padding-bottom: 20px;
}
#logo img { }
.site-title { margin-top:20px; display:none; }
.site-title a { font-family:'StMarie-Thin', Georgia, serif; color:#222; font-size:80px !important; line-height:40px; text-transform:none; font-weight:100 !important; text-decoration:none; }
.site-description { color:#333; font-family: 'BergamoStd-Italic', Georgia, serif; color: #222; font-weight: light; font-size: 1.8em; margin: 10px 0; display: block; }
#topad {float:right;}
/* 2.4 Content */
#content{padding:0 0 2em;}
/* 2.4.1 Custom Column Layouts */
.column-layout .column-clear { clear: both; }
/* 3 Column Layout */
.column-layout.layout-3col .column { float: left; width: 286px; margin: 0 40px 0 0; }
.column-layout.layout-3col .column-01 { margin-top: 0; }
.column-layout.layout-3col .column-03 { float: right; }
/* 2 Column Layout (Double Right) */
.column-layout.layout-2colA .column-01 { float: left; width: 286px; margin: 0 40px 0 0; }
.column-layout.layout-2colA .column-02 { float: left; width: 614px; }
/* 2 Column Layout (Double Left) */
.column-layout.layout-2colB .column-01 { float: left; width: 610px; margin: 0 40px 0 0; }
.column-layout.layout-2colB .column-02 { float: left; width: 290px; }
/* 2 Column Layout (50-50) */
.column-layout.layout-2colC .column-01 { float: left; width: 450px; margin: 0 40px 0 0; }
.column-layout.layout-2colC .column-02 { float: left; width: 450px; }
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .secondary.last { margin:0; }
/* 2.6 Footer */
#footer{
/*background: url("images/title-border.png") repeat-x scroll left top transparent;*/
padding: 30px 0;
color:#999;
}
#footer p { }
#footer #credit { display: none; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer-widgets { padding:10px 0; }
#footer-widgets .block { padding:20px 10px 0 10px; width:210px; float:left; }
#footer-widgets.col-1 .block { width:100%; padding-left:0; }
#footer-widgets.col-2 .block { width:460px; }
#footer-widgets.col-3 .block { width:300px; }
#footer-widgets.col-4 .block { width:220px; }
#footer-floor { border-top: 1px solid #F8F7F3; height: 50px;
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)";
box-shadow: 0 5px 2px rgba(0, 0, 0, 0.05) inset;-moz-box-shadow: 0 5px 2px rgba(0, 0, 0, 0.05) inset;-webkit-box-shadow: 0 5px 2px rgba(0, 0, 0, 0.05) inset;
}
/* 2.7 Breadcrumbs */
#breadcrumbs { margin-bottom: 2em; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb, .post .video { margin-bottom:1.5em; }
.archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#C8C6BB 1px solid; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
.post { margin: 0 0 3em; clear:both;}
.post .container { overflow:auto; }
.post .title, .page .title { border-bottom: 1px solid #c8c6bb; font-weight: bold; line-height: 1.2em; position:relative; margin: 0 0 10px; overflow: auto; padding: 0 0 0.5em; }
.post .title a:link, .post .title a:visited { color:#3E3E3E; }
.post-head { width:285px; }
.post-head .title { font-size: 21px; text-transform: none; }
.post-meta {color: #3E3E3E;font: 16px/32px 'BergamoStd',georgia,serif;margin: 0 0 5px;}
.component.blog .post-meta { margin: 0 0 1.5em 0; }
.post-meta .small { font-family:'BergamoStd-Italic',Georgia, serif; }
.blog .post-date, .blog .post-author, .blog .post-category, .blog .post-comments, .archive .post-date, .archive .post-author, .archive .post-category, .archive .post-comments { display: block; }
.single .post-date, .single .post-author, .single .post-category, .single .post-comments { display: inline; margin:0; }
.post-more { clear:both; margin:1em 0; color:#999;}
.post p.tags{color:#3E3E3E; background:url(images/ico-tag.png) no-repeat top left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;font: 16px/20px 'FontSiteSans-Cond',arial,sans-serif;}
.post-meta a:link, .post-meta a:visited, .post-more a:link, .post-more a:visited, .post p.tags a:link, .post p.tags a:visited { color:#3e3e3e; }
.post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration:underline; }
.post-more a:link, .post-more a:visited { font: 16px/1em 'FontSiteSans-Cond',arial,sans-serif; text-transform: uppercase; }
/* 3.1 Typographic Elements */
.entry, .entry p { font: 20px/30px 'BergamoStd',Georgia,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 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; }
/* 3.2 Images */
.entry img, img.thumbnail { padding: 4px; background: #f6f6f6; border:2px solid #fff; display: block; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }
.entry img:hover, img.thumbnail:hover { box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -webkit-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -moz-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; height: auto; margin: 5px 20px 10px 5px }
.alignright { float: right; height: auto; margin: 5px 5px 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: #f6f6f6; border:2px solid #fff; display: block; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }
.entry .wp-caption:hover { box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -webkit-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -moz-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); }
.entry .wp-caption img{ margin:0; background:none; border:0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 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 / Woo-Pagination */
.nav-entries, .wp-pagenavi, .woo-pagination { font: 16px/1em 'FontSiteSans-Cond',arial,sans-serif; padding:10px 15px; }
.nav-entries a { display: block; color:#3E3E3E; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.woo-pagination { margin: 0; text-align: center; }
.woo-pagination a:link,
.woo-pagination a:visited { display: inline; text-decoration: none; color: #3E3E3E; padding: 3px 7px; border: 1px solid #DDDDDD; }
.woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #3E3E3E; }
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current {
/* Border Radius */
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border:1px solid #C8C6BB; }
.woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; border: 1px solid #C8C6BB;
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)";
}
/* 3.4 Single Post Author */
#post-author { margin:0 0 1.5em; padding:15px;
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)"; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; border-color: #d0ccc1; border-width:1px 0 0 1px; border-style:solid; }
#post-author .profile-content { margin-left: 100px; font: 15px/22px 'BergamoStd',georgia,serif; }
#post-author .title { border-bottom: 1px solid #F8F7F3; font: 18px/1em 'FontSiteSans-Cond',arial,sans-serif; margin: 0 0 7px; padding: 0 0 8px; text-transform: uppercase; text-align: left; }
#post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; background: #f6f6f6; border:2px solid #fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
#post-author .profile-link { font: 14px/1em 'FontSiteSans-Cond',arial,sans-serif; margin: 1em 0 0; text-decoration: underline; text-transform: uppercase; }
/* 3.5 Entry Tables */
.entry table { width: 100%; border: 1px solid #CBC8BB; 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; }
#post-entries { clear: both; font: 16px/1em 'FontSiteSans-Cond',arial,sans-serif; margin-top: 20px; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget { margin-bottom: 2em; padding: 20px 10px; font-size: 14px;
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)"; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; border-color: #d0ccc1; border-width:1px 0 0 1px; border-style:solid;
}
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { text-align: center; }
.widget h3 { margin: 0 0 14px; padding:0 0 12px; font:18px/1em 'FontSiteSans-Cond',arial,sans-serif; color:#555; border-bottom:1px solid #F8F7F3; text-transform: uppercase; text-align: center; }
.widget p { margin-bottom: 1em; }
.widget ul { clear:both; padding-left:10px; list-style-type:none;}
.widget.widget_archive ul { list-style-type:disc; list-style-position:inside; }
.widget ul li { color: #FFFFFF; font: bold 13px/20px arial,sans-serif; padding: 8px; }
.widget ul li a { padding: 0; text-decoration: none; }
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform { background: #fcfcfc; width: 99%; position: relative; border-color: #C0BCB6; border-width:1px; border-style:solid; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.searchform input.s { width:85%; margin:0; border:none; background: none; color:#777; box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.searchform input.search-submit { position: absolute; top:3px; right:0; border:none; margin:0; box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
/* FLICKR */
.widget_woo_flickr h3 {}
.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 0 2px 2px; display: block; padding: 3px; background: #f6f6f6; border:2px solid #fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }
.widget_woo_flickr a:hover img { box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -webkit-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -moz-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); }
/* 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; }
/* 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 { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.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 { }
.widget_woo_twitter ul { padding-left:0; border-bottom:1px solid #F8F7F3; border-top:1px solid #F8F7F3; }
.widget_woo_twitter ul li { border-bottom: 1px solid #F8F7F3; color:#3E3E3E; padding: 15px; list-style:none; margin-bottom: 0; font-weight: normal; }
.widget_woo_twitter ul li:last-child { border:none; }
.widget_woo_twitter ul li a { font-weight: bold; padding: 0px; }
.widget_woo_twitter ul li .time { }
.widget_woo_twitter p { padding: 10px 0 0 5px; font-weight: bold; color:#777; }
.widget_woo_twitter p a { color:#222; }
.widget_woo_twitter ul li .content { font-size: 12px; }
.widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 12px; }
/* 4.3 WooTabs */
.widget_woo_tabs { padding-top: 10px; }
#tabs {
height:auto; display: block; padding:5px;
}
#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li {
float: left; display:inline; color: #ffffff; margin: 0px; padding: 0; cursor: pointer;
}
#tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 10px; text-transform:none; font:bold 12px/18px sans-serif; }
#tabs ul.wooTabs li a.selected { padding-bottom:11px; }
#tabs ul.wooTabs li a.selected,
#tabs ul.wooTabs li a:hover { color: #555555; text-decoration:none; }
#tabs ul.wooTabs li:first-child a { border-width:1px 1px 0px 1px;}
#tabs .inside { margin-top:-1px; }
#tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; }
#tabs .inside ul:first-child { display: inline; }
#tabs .inside #tab-tags { border-width:1px; padding:10px; }
#tabs .inside li { border-bottom: 1px solid #F8F7F3; padding:15px; list-style:none; margin-bottom: 0; font-weight: normal; }
#tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; padding:0;}
#tabs .inside a:hover{}
#tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: #f0f0f0; font-size:13px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tabs .inside #tab-tags a:hover{ background: #e6e6e6; text-decoration: none;}
#tabs .inside li span.meta { display:block; font:italic 11px/20px Georgia, serif; text-transform:normal; color:#999; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { padding: 2px; float: left; margin: 0 10px 0 0; background: #f6f6f6; border:2px solid #fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }
#tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -webkit-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -moz-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); }
/* 4.4 Woo Embed */
.widget_video, .post .video { background: #f6f6f6; border:2px solid #fff; display: inline-block; margin: 10px 0; padding: 5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments { position:relative; display: block; }
#comments h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { }
#comments .comment.bypostauthor { }
#comments .comment { width: auto; list-style-type:none; text-align: center;
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)"; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; border-color: #d0ccc1; border-width:1px 0 0 1px; border-style:solid;
}
#pagecomments.component { width: 980px; }
#comments .comment.depth-1 { margin: 10px; padding: 0 15px; width: 258px; }
.component #comments .comment.depth-1 { width: 194px; }
#comments .comment .comment-container { padding: 16px 0; position:relative; }
#comments .comment-head { margin: 0 0 5px 0; }
#comments .avatar { margin: 0 0 10px; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { border-bottom: 1px solid #F8F7F3; font: 18px/1em 'FontSiteSans-Cond',arial,sans-serif; margin: 0 0 14px; padding: 0 0 12px; text-transform: uppercase; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font: 17px/1em 'BergamoStd',georgia, serif; }
#comments .comment-entry p { font: 15px/22px 'BergamoStd',georgia,serif; margin: 0 0 10px 0; text-align: left; }
#comments .reply { padding-top:10px; }
#comments .reply a { font: 11px/1em sans-serif; text-shadow: none; }
#comments .reply a:hover { }
#comments ul.children{ }
#comments ul.children li { background:none; border-color: #F8F7F3; border-style: solid;border-width: 1px 0 0 0;border-radius: 0; }
#comments .cancel-comment-reply{ 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 .nocomments { color: #8e8d8b; margin: 20px 0 20px -42px; font: 36px/60px 'FontSiteSans-Cond',sans-serif; position: relative; text-align: center; text-transform: uppercase; -moz-text-shadow: 0 1px 1px #FFFFFF; -webkit-text-shadow: 0 1px 1px #FFFFFF; text-shadow: 0 1px 1px #FFFFFF; }
#comments .nocomments span { background:url("images/comment-cloud.png") no-repeat scroll center 0 transparent; margin-left: 10px; position: absolute; height: 39px; width: 42px;}
/* 5.2 Comments Form */
#respond { margin: 2em 0 1em; position: relative; z-index: 9999; }
#respond h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }
#respond #reply-title small { display: block; margin: 10px 0px; font-size: 12px; }
#commentform { margin: 15px 0 0; text-align: left; }
.component #commentform { margin: 15px 10px 0; }
#commentform p.field { float: left; margin: 0 11px 0 0; }
#commentform .comment-form-comment { text-align: left; }
.component #commentform p.field { margin: 0 5px 0 0; }
#commentform p.comment-form-url.field { margin-right: 0; }
.component #commentform p.comment-form-url.field { margin-right: 5px; }
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform .comment-form-author label, #commentform .comment-form-email label, #commentform .comment-form-url label, #commentform .comment-form-comment label { display:none; }
#commentform input.txt { background: #fcfcfc; height: 19px; width: 170px; margin: 0 5px 14px 0; }
.component #commentform input.txt { margin: 0 5px 0 0; }
#commentform textarea { width: 95%; }
.component #commentform textarea { color:#666; background: #fcfcfc; float:left; height: 19px; margin: 0; width: 256px; }
li.masonry-brick #commentform { margin: 15px 0 0; text-align: center; }
li.masonry-brick #commentform textarea { height: 115px; width: 88%; }
li.masonry-brick #commentform input.txt { margin: 0 5px 14px 0; }
.logged-in .component #commentform textarea { width: 90%; }
#commentform .comment-form-comment label { display: none; }
#respond #commentform #submit { cursor: pointer; float: right; height: 42px; }
.component #respond #commentform #submit { margin: 0; }
li.masonry-brick #respond #commentform #submit { float: none; margin: 10px 0 0; }
/* 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 { background: #3e3e3e; display: inline-block; font: 16px/1em 'FontSiteSans-Cond',arial,sans-serif; margin: 5px; padding: 7px; border: 1px solid #3E3E3E; color: #F1EDDF !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; text-transform: uppercase; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-box-shadow: 0 1px 1px #FFFFFF; -webkit-box-shadow: 0 1px 1px #FFFFFF; box-shadow: 0 1px 1px #FFFFFF; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }
a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:5px 10px;}
a.button:hover,
a.button.hover,
a.button.active,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover {
text-decoration: none !important;
box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -webkit-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -moz-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 );
}
a.button:active,
a.button.active {
border-color: #20559a;
/*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 .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; font: 15px/1em 'FontSiteSans-Cond',arial,sans-serif; margin:0 0 10px; }
#contact-page ol.forms input.txt{width:50%;}
#contact-page ol.forms textarea{height:300px;width:97%;}
#contact-page ol.forms li .error{font-size:12px;display:block;color:red;}
#contact-page ol.forms li.textarea .error{display:block; }
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 5px 0 0; cursor:pointer; }
#contact-page ol.forms li.inline input{width:auto;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
.entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */
/* 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/1em sans-serif; color:#555; margin-top:0; }
#archives .archives_list { border-left:1px solid #e6e6e6; 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: 270px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments { width: 100px; 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; } .ie6 .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 .nav li { float:left; display:inline; zoom: 1; }
.ie7 .countdown-timer .countdown_section { float:left; }
.ie7 .registry-links .link { display: inline; }
.ie7 .registry-links .link a { display: block; padding-top:20px; text-align: center; }
.ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; }
.ie6 .component #commentform textarea, .ie7 .component #commentform textarea, .ie8 .component #commentform textarea, .ie9 .component #commentform textarea { overflow: auto; }
.ie7 #commentform input.txt { width: 120px; }
/* 6.6 Connect */
#connect { font-family: 'BergamoStd',georgia,serif; clear:both; }
.single #main #connect { border-bottom: 1px solid #CBC8BB; padding: 15px 0; }
#connect h3 { margin-bottom: 14px; }
.single #main #connect h3 { border-bottom: 1px solid #CBC8BB; padding-bottom: 12px; }
#connect p { margin: 0 0 12px; font-size: 16px; line-height: 20px; }
#main #connect .col-left, #connect .col-right { width:48%; }
#connect .title { margin-bottom: 10px; }
#connect .newsletter-form { margin: 0 0 15px; }
#connect .newsletter-form .input { }
#connect .newsletter-form .email { width:170px; }
#connect .newsletter-form .submit { cursor: pointer; height: 42px; margin: 0; }
#connect .social { display: inline-block; padding: 7px;
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)"; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; border-color: #d0ccc1; border-width:1px 0 0 1px; border-style:solid; }
#connect .social a { opacity:0.8; }
#connect .social a:hover { opacity:1; }
#connect .social img { margin: 0 1px; }
#connect .related-posts h4 { font-size: 20px; line-height: 20px; }
#connect .related-posts { border-left:1px solid #CBC8BB; padding-left:15px; }
#connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; }
#connect .related-posts li { font-size: 16px; line-height: 20px; }
.widget #connect .fl, .widget #connect .fr { float:none; }
.widget.widget_woo_subscribe { text-align: center; }
.widget.widget_woo_subscribe p { text-align: left; }
/*-------------------------------------------------------------------------------------------*/
/* 7. THEME-SPECIFIC COMPONENTS */
/*-------------------------------------------------------------------------------------------*/
/* 7.0 General Components Styles. */
.component { margin-bottom: 20px; }
.component-title { margin: 50px 0 40px; text-align: center; font-family: 'BergamoStd-Italic',arial,sans-serif; font-size: 24px; }
/* 7.1 Photograph Slider. */
.photograph-slider { overflow: hidden; }
.photograph-slider.hidden { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.photograph-slider ul { float: left; overflow: visible !important; }
.photograph-slider .jcarousel-clip { overflow: visible !important; }
.photograph-slider .slide, .photograph-slider .jcarousel-item { background: #f6f6f6; border:2px solid #fff; display: block; margin: 5px 15px 5px 0;
/* Default slide dimensions. */
width: 346px;
height: 346px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.photograph-slider .slide a, .photograph-slider .jcarousel-item a { display: block; border: 1px solid #C8C8C8; margin: 12px; overflow: hidden; text-align: center; } /* Add the margin on the anchor instead of padding on the slide in order to preserve true width and height of slide. */
.photograph-slider.visible-1 { height: 670px; }
.photograph-slider.visible-2 { height: 375px; }
.photograph-slider.visible-4 { height: 185px; }
.photograph-slider.visible-1 .slide, .photograph-slider.visible-1 .jcarousel-item { height: 656px; width: 956px; }
.photograph-slider.visible-1 #slides .jcarousel-container { height: 667px; }
.photograph-slider.visible-2 .slide, .photograph-slider.visible-2 .jcarousel-item { height: 365px; width: 530px; }
.photograph-slider.visible-2 #slides .jcarousel-container { height: 375px; }
.photograph-slider.visible-3 #slides .jcarousel-container { height: 355px; }
.photograph-slider.visible-4 .slide, .photograph-slider.visible-4 .jcarousel-item { height: 171px; width: 226px; }
.photograph-slider.visible-4 #slides .jcarousel-container { height: 180px; }
.photograph-slider .slides { overflow: visible; margin: 0 auto; }
.photograph-slider.visible-1 .slides { width: 960px; }
.photograph-slider.visible-2 .slides { width: 1084px; }
.photograph-slider.visible-3 .slides { width: 1080px; }
.photograph-slider.visible-4 .slides { width: 965px; }
.photograph-slider.visible-1 .jcarousel-list { height: 630px; }
.photograph-slider.visible-2 .jcarousel-list { height: 335px; }
.photograph-slider.visible-3 .jcarousel-list { height: 320px; }
.photograph-slider.visible-4 .jcarousel-list { height: 145px; }
.photograph-slider .slides .active {}
.photograph-slider .slides .inactive, .photograph-slider .jcarousel-item { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.slide-content { padding: 20px; }
.slide-content p { font: 18px/22px 'BergamoStd',Georgia,serif; }
.photograph-slider a.next, .photograph-slider a.previous { position: absolute; display: block; width: 95px; height: 95px; top: 40%; text-indent: -9999em; }
.photograph-slider.visible-4 a.next, .photograph-slider.visible-4 a.previous { top: 25%; }
.photograph-slider a.next { background:url("images/btn-next-slider.png") no-repeat scroll 30px 23px #f6f6f6; right: -100px; border:2px solid #fff; display: block; width: 80px; height: 80px; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }
.photograph-slider a.previous { background:url("images/btn-prev-slider.png") no-repeat scroll 30px 23px #f6f6f6; left: -100px; border:2px solid #fff; display: block; width: 80px; height: 80px; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }
.photograph-slider a.next:hover, .photograph-slider a.previous:hover { box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -webkit-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -moz-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); }
.photograph-slider a.jcarousel-next-disabled, .photograph-slider a.jcarousel-prev-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.photograph-slider .slide img { vertical-align: middle; }
/* 7.2 Registry / Links. */
.registry-links { text-align: center; width: 1000px; }
.registry-links .link a { display: table-cell; font-size: 18px; text-align: center; position: relative; vertical-align: middle; }
.registry-links .link a img { vertical-align: middle; }
.registry-links .link { display: inline-table; zoom: 1; width: 290px; height: 110px; margin: 20px 19px; position:relative; background: #FFFFFF; border: 1px solid #fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; outline:none; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }
.registry-links .link:before { position:absolute; border:1px solid #f6f6f6; width:288px; height:108px; content:''; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.registry-links .link:hover { box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -webkit-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 ); -moz-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 );}
/* 7.3 Countdown Timer */
.countdown-timer { text-align: center; }
.countdown-timer .countdown_section {
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)";
display: inline-block; zoom: 1; text-align: center; margin: 0 20px 12px 0; padding:5px 0 0; height: 250px; min-width:205px; font:italic 1.5em/1em 'BergamoStd',arial,sans-serif; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; border-color: #d0ccc1; border-width:1px 0 0 1px; border-style:solid; -moz-box-shadow: 1px 1px 1px #FFFFFF;-webkit-box-shadow: 1px 1px 1px #FFFFFF;box-shadow: 1px 1px 1px #FFFFFF;
}
.countdown-timer .countdown_section.countdown-column-4 { margin-right: 0; }
.countdown-timer .countdown_amount { display: block; font:100 180px/1em 'FontSiteSans-UltraLight',arial,serif; margin: 0 auto; }
.countdown-timer .days { border-top: 1px solid #F8F7F3; margin: 0 10px; padding: 20px 0; }
/* 7.4 Baby Statistics */
#stats .stat {
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)";
display: inline-block; float:left; zoom: 1; margin: 0 24px 12px 0; padding:5px 0 0; height: 250px; width:220px; font:italic 20px/1em 'BergamoStd',arial,sans-serif; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; border-color: #d0ccc1; border-width:1px 0 0 1px; border-style:solid; -moz-box-shadow: 1px 1px 1px #FFFFFF;-webkit-box-shadow: 1px 1px 1px #FFFFFF;box-shadow: 1px 1px 1px #FFFFFF; }
.stat-content { border-bottom: 1px solid #F8F7F3; display: block; font:200px/1em 'FontSiteSans-UltraLight',arial,serif; margin: 0 10px; height: 190px; width: 200px; }
.stat-eyecolor .stat-content, .stat-haircolor .stat-content { height: 160px; }
.stat-pounds .stat-content, .stat-inches .stat-content { text-align: center; }
.stat-label { display: block; margin-top: 18px; text-align: center; }
.color-display { margin: 30px auto; }
.gradient-display {
background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* W3C */
border:1px solid #c5c4c2; display: block; margin: 1px auto 0; height: 116px; width: 116px;
-moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; }
.stat-eyecolor .color-display, .stat-haircolor .color-display { display: block; position: relative; height: 120px; width: 120px; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#f1f6f6,direction=180,strength=0)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(color=#f1f6f6,direction=180,strength=0); /* IE 7- */
}
.stat-eyecolor .color-display:before, .stat-haircolor .color-display:before { border: 3px solid #f1f6f6; content: ''; height: 114px; width: 114px; position: absolute; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; }
.color-ring { background: none repeat scroll 0 0 #D8D4C8; border: 3px solid #F1F6F6; border-radius: 60px 60px 60px 60px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset; display: block; height: 10px; left: 54px; position: absolute; top: 20px; width: 10px; }
#about-the-baby { overflow: auto; }
#about-the-baby .title { font: 30px/1em 'FontSiteSans-Cond',arial,sans-serif; text-transform: uppercase; }
#about-the-baby .entry p { font: 22px/30px 'BergamoStd',georgia,serif; }
/* 7.5 Headline */
.headline .headline-text { display: block; font:50px/56px 'FontSiteSans-UltraLight',arial,sans-serif; margin: 0 75px; text-align: center; text-transform: uppercase; }
/* 7.6 Occasion Hosts */
.host_names { display: block; font: 60px/1em 'StMarie-Thin',arial,sans-serif; margin: 0 75px; text-align: center; }
.host_names .ampersand {
/* Fallback for web browsers that doesn't support RGBa */
background-color: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.1);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000)";
border-color: #BFBCB1; border-width:1px 0 0 1px; border-style:solid; -moz-box-shadow: 1px 1px 1px #FFFFFF;-webkit-box-shadow: 1px 1px 1px #FFFFFF;box-shadow: 1px 1px 1px #FFFFFF; position: relative; display: block; margin: 21px auto; width: 85px; height: 85px; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; }
.host_names .ampersand span { font-family: "BergamoStd-Italic", Georgia, serif; font-size: 60px; font-weight: lighter; color: #F1EDDF; display: block; position:absolute; top: 15%; left: 22%; text-shadow: 0 1px 0 #BFBCB1; }
/* 7.7 Video Embed */
.component.embed { text-align: center; }
.component.embed .hidden { display: none; }
.component.embed .widget_video, .post .video { padding: 17px; }
.component.embed ul.widget-video-list li { color:#fff; list-style-type: none; }
/* 7.8 Subscribe Connect */
.component.subscribe-connect { text-align: center; }
.component.subscribe-connect #connect p { font-size: 20px; line-height: 20px; margin: 0 0 1em; }
.component.subscribe-connect #connect .newsletter-form { margin: 0 0 25px; }
.component.subscribe-connect #connect .newsletter-form .email { width: 330px; }
.component.subscribe-connect #connect .social { margin-bottom: 20px; }
.component.subscribe-connect #connect .related-posts { border-left: none; padding-left: 0; }
.component.subscribe-connect #connect .related-posts ul { list-style-type: none; margin: 5px 0; }