Hello Everyone,
I need help with the CSS of a theme I have for Wordpress. All I want to do is move the nav bar over to the left to line up with my logo on my site, bu I dont want to ruin the mobile version of the layout. My website is http://www.thegildedmonocle.com/ and I will post the CSS below. I know it is a matter of moving a margin or possibly changing the padding, but I am just not sure which will do the trick. Any help would be amazing as I am a bit overwhelmed. Thanks!
Pastebin Code : http://pastebin.com/x3nNUGfb
/*
Theme Name: Buro
Theme URI: http://www.woothemes.com/
Version: 1.1.13
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 Slider
2.5 Latest Articles
2.6 Banner
2.7 Home Widgets
2.8 Content
2.9 Sidebar
2.10 Footer
2.11 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
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
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*-------------------------------------------------------------------------------------------*/
/*
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
em { font-style: italic; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea { overflow: auto; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* Legend element positioning for IE6&7 */
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Floating & Alignment */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}
/* Clear Floats */
.fix:before, .fix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.fix:after { clear: both; }
.fix { zoom: 1; }
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 */
html { overflow-y: scroll; } /* Always force a scrollbar in non-IE */
::-moz-selection{ background: #2a652f; color:#fff; text-shadow: none; }
::selection { background:#2a652f; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #2a652f; } /* j.mp/webkit-tap-highlight-color */
/* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */
body { color: #897665; font: 14px/1.385 Droid Sans, Helvetica, Arial, sans-serif; background: #adacad; *font-size:small; } /* Hack retained to preserve specificity */
body.gecko, body.webkit, body.ie9 { background: #adacad url(images/bg-footer.png) repeat left top; } /* Not applied to IE* and below, to stop respond.js from crashing */
select, input, textarea, button { }
input[type=text], textarea {
padding: 10px 8px 8px;
background: #1f1b1a; /* Old browsers */
border: none;
color: #fff;
background: -moz-linear-gradient(top, #1f1b1a 0%, #332e28 76%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1b1a), color-stop(76%,#332e28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1b1a', endColorstr='#332e28',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* W3C */
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
}
h1, h2, h3, h4, h5, h6 { color: #e6e5e4; font-family: Droid Serif, Georgia, times, serif; font-weight: normal; line-height: 1.2em; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
h1 { font-size: 2.285em; } /* 32 / 14 = 2.285 */
h2 { font-size: 2em; } /* 28 / 14 = 2 */
h3 { font-size: 1.714em; } /* 24 / 14 = 1.714 */
h4 { font-size: 1.286em; } /* 18 / 14 = 1.286 */
h5 { font-size: 1.143em; } /* 16 / 14 = 1.143 */
h6 { font-size: 1em; } /* 14 / 14 = 1 */
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } /* Remove margins for navigation lists */
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
p { margin: 0 0 1.538em; }
/* 1.2 Hyperlinks */
a, a:active, a:visited { color: #e6e5e4; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #e6e5e4; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { }
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper {}
#content-wrapper { padding: 0 0 60px; background: #3a3530 url(images/bg-tile.jpg) repeat left top; }
.col-left { float: left; }
.col-right { float: right; }
.layout-right-content #main { float:right; }
.layout-right-content #sidebar { float:left; }
/* 2.2 Navigation */
.nav li { float:left; width: auto; }
.nav a { position: relative; display: block; z-index: 100; padding: 10px 15px; line-height: 18px; text-decoration: none; color: #897665; text-shadow: 1px 1px 0 #000; }
header nav { float: right; margin: 15px 0 0; }
header nav.too-wide { margin-top: 30px!important; width: 100%; }
header .nav {
width: 98.5%;
z-index:99; margin:0; padding: 5px; list-style:none; line-height:1; font-size: 1em; font-weight: bold; text-transform: uppercase; /* 14 / 14 = 1 */
background: #1f1b1a; /* Old browsers */
background: -moz-linear-gradient(top, #1f1b1a 0%, #332e28 76%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1b1a), color-stop(76%,#332e28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1b1a', endColorstr='#332e28',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* W3C */
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
}
header .nav a {
background: #211e1c; /* Old browsers */
background: -moz-linear-gradient(top, #211e1c 0%, #1a1715 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#211e1c), color-stop(99%,#1a1715)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #211e1c 0%,#1a1715 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #211e1c 0%,#1a1715 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #211e1c 0%,#1a1715 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211e1c', endColorstr='#1a1715',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #211e1c 0%,#1a1715 99%); /* W3C */
border-top: 1px solid rgba(255,255,255,0.15);
border-left: 1px solid rgba(255,255,255,0.15);
border-bottom: 1px solid rgba(0,0,0,0.7);
border-right: 1px solid rgba(0,0,0,0.7);
}
header .nav li:first-child a { border-left: none; border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; }
header .nav li:last-child a { border-right: none; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }
header .nav li a.sf-with-ul { padding-right:20px; }
header .nav a:hover, header .nav li.sfHover > a { color: #fff; }
header .nav li.current_page_item a,
header .nav li.current_page_parent a,
header .nav li.current-menu-ancestor a,
header .nav li.current-cat a,
header .nav li.current-menu-item a {
color: #fff;
background: #927e6c; /* Old browsers */
background: -moz-linear-gradient(top, #927e6c 0%, #4d4239 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#927e6c), color-stop(100%,#4d4239)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #927e6c 0%,#4d4239 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #927e6c 0%,#4d4239 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #927e6c 0%,#4d4239 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#927e6c', endColorstr='#4d4239',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #927e6c 0%,#4d4239 100%); /* W3C */
border-bottom: 1px solid rgba(0,0,0,0.7);
text-shadow: -1px -1px 0 rgba(0,0,0,0.7);
}
.nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:44%;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:38%; }
/* 2.2.1 Drop-down menus - NOT Applied to iPhone vertical. */
.nav li ul { margin:0 0 0 -5px; padding: 5px; position: absolute; left: -999em; width: 160px; z-index:999; }
header .nav li ul {
margin:0 0 0 -5px; padding: 5px; position: absolute; left: -999em; width: 160px; z-index:999;
background: #1f1b1a; /* Old browsers */
background: -moz-linear-gradient(top, #1f1b1a 0%, #332e28 76%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1b1a), color-stop(76%,#332e28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* IE10+ */
background: linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* W3C */
border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
}
.nav li ul li { }
.nav li ul li a { text-transform: none; font-weight: normal; padding: 6px 10px; width:138px; font-size:0.9em; }
.nav li ul li a:hover { }
.nav li ul li a.sf-with-ul { padding-right:0; }
.nav li ul ul { margin: -37px 0 0 140px; }
nav .nav li ul li a:hover {
background: #927e6c;
text-shadow: -1px -1px 0 rgba(0,0,0,0.7);
}
.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 a {
background: #211e1c;
border: 1px solid rgba(0,0,0,0.7);
border-top: 1px solid rgba(255,255,255,0.15);
}
.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; }
/* 2.2.2 Top Navigation (optional) */
#top nav { margin-top: 0!important; }
#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: 152px; border: 3px solid rgba(0,0,0,0.2); border-width: 0 3px 3px; 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); }
#top .nav li ul li a { width:130px; color:#ddd; background: none; font-size:0.75em; text-transform: none; }
#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; }
/* 2.2.2 Top Navigation (optional) */
#top { background: #1a1715; }
#top .nav { }
#top .nav a { font-size: 0.8em; line-height: 14px; color: #fff; text-decoration:none; text-shadow:none; text-transform: uppercase; }
#top .nav li { }
#top .nav li a.sf-with-ul { padding-right:20px; }
@media only screen and (max-width: 767px) {
.nav li ul { margin: 0!important; padding: 0!important; width: auto!important; border: none!important; background: none!important; position: relative!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; }
.nav li ul li a { width: auto!important; }
}/* END @MEDIA */
/* 2.3 Header */
header { padding: 50px 20px 40px!important; }
#logo { float: left; margin: 0 10px 0 0; }
#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/1em Georgia, serif; }
#topad {float:right;}
/* 2.4 Slider */
#slides {width:100%; margin: 0 auto 60px; padding: 0; min-height: 300px; background: url(images/loader.gif) no-repeat center center;}
#slides.loaded { background: none; }
#slides .slides { margin: 0; }
#slides .slides li { display: none; list-style: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#slides .slides img { display: block;}
#slides .slide-img { width: 97.87%; background: #211e1c; border: 10px solid #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); } /* 920 / 940 = 0.9787 */
#slides .slide-img img { display: block; position: relative; margin: 0 auto; max-width: 100%!important; }
#slides .slide-content { width: 80%; margin: 0 auto 1px; padding: 30px 20px 20px; border-bottom: 1px solid #897665; }
#slides .slide-content h2 { margin: 0 0 0.5em; }
#slides .slide-content p { font-size: 1.38em; }
#slides .flex-control-nav { position: relative; z-index: 9999; margin: -13px 0 0; padding: 5px 20px 0; text-align: center; display: block; }
#slides .flex-control-nav li { display: inline; margin: 0 5px; list-style: none; }
#slides .flex-control-nav li a { display: inline-block; width: 14px; height: 0; overflow: hidden; padding-top: 15px; background: url(images/slider-pag-off.png) no-repeat left top; }
#slides .flex-control-nav li a:hover { background: url(images/slider-pag-hover.png) no-repeat left top; }
#slides .flex-control-nav li a.active { background: url(images/slider-pag-on.png) no-repeat left top; }
/* 2.5 Latest Articles */
section#latest-articles { margin-bottom: 60px; }
section#latest-articles article { float: left; width: 30.32%; margin: 0 4.26% 0 0; overflow: visible; } /* 285 / 940 = 0.3032 || 40 / 940 = 0.0426 */
section#latest-articles .fix { clear: both; padding: 10px 0; }
section#latest-articles article.last-child { margin-right: 0; }
section#latest-articles article a.image img { display: block; margin: 0 auto 20px; max-width: 100%; background: #211e1c; border: 7px solid #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); }
section#latest-articles article img { }
section#latest-articles article .title { margin: 0.15em 0 0.35em; font-size: 1.429em; } /* 20 / 14 = 1.429 */
/* 2.6 Banner */
.banner {
position: relative;
margin: 0 auto 60px; padding: 25px 20px 5px; width: 64.8%; /* 600 / 940 = 0.6383 */
border: 1px solid #fff; border-width: 1px 1px 0;
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top, #cfcfcf 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cfcfcf 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cfcfcf 0%,#ffffff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #cfcfcf 0%,#ffffff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #cfcfcf 0%,#ffffff 100%); /* W3C */
}
.banner h3 { margin: 0 0 0.25em; }
.banner h3, .banner p { margin-right: 40px; color: #3a3530; text-shadow: 1px 1px 0 #fff; }
.banner a { color: #2a652f; }
.banner span.ribbon { display: block; position: absolute; top: -1px; right: 20px; width: 39px; height: 76px; background: url(images/bg-banner-ribbon.png) no-repeat top center; }
.banner span.edge { display: block; position: absolute; left: 0; bottom: -10px; width: 100%; margin: 0 -1px; padding: 0 1px; height: 15px; background: url(images/bg-banner.png) repeat-x center top; }
/* 2.7 Home Widgets */
#home-widgets { font-size: 1.146em; } /* 16 / 14 = 1.146 */
#home-widgets-left, #home-widgets-right { width: 47.87%; } /* 450 / 940 = 0.4787 */
#home-widgets-left { float: left; }
#home-widgets-right { float: right; }
/* 2.8 Content */
#main { float: left; padding: 30px 0 20px; width: 64.89%; border-top: 2px solid #897665; } /* 610 / 940 = 0.6489 */
.layout-full #main, .col-full { margin: 0 auto; padding: 0 20px; max-width: 67.143em; } /* 940 / 14 = 67.143 */
#main.fullwidth { width: 100%; }
/* 2.9 Sidebar */
#sidebar { float: right; width: 30.85%; overflow: hidden; } /* 290 / 940 = 0.3085 */
/* 2.10 Footer */
#footer-widgets { padding: 40px 0 0; color: #5e5e5e; border-top: 1px solid #3a3530; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.2), 0 -2px 0 rgba(255,255,255,0.1); } /* 12 / 14 = 0.857 */
#footer-widgets #about { float: left; }
#footer-widgets #widgets { float: right; }
#footer-widgets #widgets.no-about { float: none; width: 100%; }
#footer-widgets .col-full { margin-bottom: 40px; }
#footer-widgets p, #footer-widgets li { font-size: 0.857em; }
#footer-widgets h1, #footer-widgets h2, #footer-widgets h3, #footer-widgets h4, #footer-widgets h5, #footer-widgets h6 { color: #3a3530; text-shadow: none; }
#footer-widgets h3 { margin: 0 0 0.4em; }
#footer-widgets #about, #footer-widgets #widgets { width: 47.87%; } /* 450 / 940 = 0.4787 */
#footer-widgets #about img { float: right; }
#footer-widgets .widget { border: none; color: #5e5e5e; }
#footer-widgets .widget:nth-child(3) { margin-right: 0; }
#footer-widgets .widget h3 { font-size: 1.426em; } /* 20 / 14 = 1.426 */
#footer-widgets .widget ul { margin: 0; }
#footer-widgets .widget ul li { list-style: none; color: #5e5e5e; }
#footer-widgets .widget ul li a { color: #5e5e5e; }
#footer-widgets .widget a { color: #5e5e5e; }
#footer-widgets #connect .newsletter-form .email { width: 50%; }
#footer-widgets #connect .social a { margin: 0; }
footer { margin: 50px 0; color: #5e5e5e; text-align: center; }
footer a { color: #5e5e5e!important; }
footer div { padding: 0 0 30px; border-top: 1px solid #7f7f7f; }
footer img { vertical-align: middle; }
footer p { margin: -9px 0 0;letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; font-weight: bold; }
footer p span { display: inline-block; max-width: 90%; padding: 0 10px; background: #adacad url(images/bg-footer.png) repeat left top; }
footer.no-widgets div { padding-bottom: 15px; border: none; }
footer.no-widgets p { margin: 10px 0 0; }
#footer-widgets .block { float:left; margin-right: 6.66%; } /* 30 / 450 = 0.0666 */
#footer-widgets .block.last-child { margin-right: 0!important; }
#footer-widgets.col-1 .block { width: 100%; margin: 0; }
#footer-widgets.col-2 .block { width: 46.66%; } /* 210 / 450 = 0.4666 */
#footer-widgets.col-3 .block { width: 28.88%; } /* 130 / 450 = 0.2888 */
/* 2.11 Breadcrumbs */
#breadcrumbs { margin-bottom: 2em; padding: 4px 10px 3px; text-transform: uppercase; font-size: 0.8em; background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
/*-------------------------------------------------------------------------------------------*/
/* 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; border-bottom:#897665 1px solid; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
#main article { margin: 0 0 60px; }
.page #main article { padding: 0 0 30px; }
.page.page-template-template-blog-php #main article { padding: 0; }
article { border-bottom: 1px solid #897665; }
.single #main article { margin-bottom: 40px; border-bottom: none; }
article .title { margin: 0 0 0.5em; }
article .post-meta { padding: 0 0 0 10px; }
article .post-meta, article .post-more { letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); } /* 9 / 14 = 0.643 */
article .post-meta { background: url(images/ico-postmeta.png) no-repeat left center; }
article .post-more { margin-top: 30px; margin-bottom: -8px; text-align: center; }
article .post-more .wrap { padding: 5px 0 4px 12px; background: #3a3530; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
article .post-more a { padding: 5px 10px 4px 10px; }
article .post-more .read-more a { background: url(images/ico-readmore.png) no-repeat 0 7px; }
article .post-more .comments a { padding-left: 13px; background: url(images/ico-comments.png) no-repeat 0 7px; }
article .post-more a:hover { color: #fff; text-decoration: none; }
article .tags { margin: 2em 0 0; text-transform: uppercase; font-weight: bold; font-size: 0.9em; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
article .tags a { margin: 0 5px; line-height: 26px; font-weight: normal; text-transform: none; padding: 5px 10px 4px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
article .tags a:hover { background-color: #3A3530; text-decoration: none; }
/* 3.1 Typographic Elements */
.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 { margin: 0 0 2em 2em; padding: 10px 20px 1px; font-family: Droid Serif, Georgia, Times, serif; border-left: 1px solid rgba(255,255,255,0.2); color: #C6BCB3; }
.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 { border: 7px solid #fff; box-shadow: 0 4px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 4px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 4px 2px rgba(0,0,0,0.2); max-width: 100%; }
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; width: auto!important; max-width: 100%; }
.entry .wp-caption img { max-width: 100%; }
.entry .wp-caption-text { margin:0; padding: 4px 0 0; font-weight: bold; text-align:center; color: text-shadow: 1px 1px 0 #000; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
/* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */
#post-entries a, .nav-entries a { font-weight: normal; text-transform: none; padding: 5px 10px 4px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
#post-entries a:hover, .nav-entries a:hover { background-color: #3A3530; text-decoration: none; }
.woo-pagination { margin: 0; text-align: center; }
.woo-pagination a:link,
.woo-pagination a:visited { display: inline; margin: 0 1px; text-decoration: none; }
.woo-pagination span.extend, .woo-pagination .page-numbers { border: none; }
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { padding: 5px 10px 4px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
}
.woo-pagination .current, .woo-pagination a:hover { color: #fff; background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
/* 3.4 Single Post Author */
#post-author { margin: 0 0 2.2em; padding:15px; clear:both; background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
#post-author .title { margin-bottom: 10px; font-size: 1.146em; font-weight: bold; } /* 16/14 = 1.146 */
#post-author .profile-image { float:right; margin:0 0 5px 15px; }
#post-author .profile-image img { border: 3px solid #fff; box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); }
#post-author .profile-content { font-size: 0.926em; } /* 13/14 = 0.926 */
#post-author .profile-link { margin: 1em 0 0; text-transform: uppercase; font-size: 0.857em; } /* 12/14 = 0.857 */
/* 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; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget { margin-bottom: 2.5em; }
.widget h3 { margin: 0 0 0.6em; padding: 0 0 0.5em; font-size: 1.571em; border-bottom:#897665 1px solid; } /* 22/14 = 1.571 */
.widget p { margin-bottom: 1em; }
.widget ul { margin: 0; clear:both; }
.widget ul li { list-style: none; font-size: 0.926em; } /* 13/14 = 0.926 */
.widget ul li a { 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; }
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform { width: 100%; position: relative;background: #1f1b1a; /* Old browsers */
background: -moz-linear-gradient(top, #1f1b1a 0%, #332e28 76%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1b1a), color-stop(76%,#332e28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1b1a', endColorstr='#332e28',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* W3C */
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);}
.searchform input.s { width:85%; margin:0; border:none; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.searchform input.search-submit { position: absolute; top:2px; right:2px; border:none; margin:0; padding:0; opacity: 0.8; }
.searchform input.search-submit:hover { opacity: 1; }
/* 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; }
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 8px 8px 0; display: block; border: #fff 3px solid; box-shadow: 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
.widget_woo_flickr a:hover img { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
/* TAG CLOUD */
.widget_tag_cloud { text-align: center; }
.widget_tag_cloud h3 { text-align: left; }
/* CALENDAR */
#wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;text-transform: uppercase;font-weight: bold;text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
#wp-calendar th,#wp-calendar td{text-align:center;background: rgba(0,0,0,0.4);border: 1px solid rgba(0,0,0,0.2);padding:5px;}
#wp-calendar td{background:transparent;background: rgba(0,0,0,0.2);}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
#wp-calendar #prev, #wp-calendar #next, #wp-calendar tfoot .pad { padding: 10px 0 0; text-transform: uppercase; font-weight: bold; background: transparent; border: none; }
#sidebar #wp-calendar #prev a, #sidebar #wp-calendar #next a, #home-widgets #wp-calendar #prev a, #home-widgets #wp-calendar #next a { padding: 5px 10px 4px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); background: none repeat scroll 0 0 #3A3530; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { background-color: #211e1a; text-decoration: none; }
#wp-calendar #prev { text-align: left; }
#wp-calendar #next { text-align: right; }
#footer-widgets #wp-calendar caption { text-shadow: none; }
#footer-widgets #wp-calendar th,#footer-widgets #wp-calendar td { background: transparent; border: none; }
/* VIDEO EMBED */
.widget_woo_embedwidget iframe { width: 100%!important; height: 200px!important; }
.widget_woo_embedwidget h4 { margin: 0 0 0.6em; text-transform: uppercase; font: 1em Droid Sans, Helvetica, Arial, sans-serif; }
.widget_woo_embedwidget ul.widget-video-list { margin: -5px 0 0!important; background: rgba(0,0,0,0.3); border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
.widget_woo_embedwidget ul.widget-video-list li a { display: block; padding: 4px 10px 4px; color: #897665; }
.widget_woo_embedwidget ul.widget-video-list li.active a { color: #fff!important; background: rgba(0,0,0,0.2); }
#footer-widgets .widget_woo_embedwidget h4 { margin: 0 0 0.3em; }
#footer-widgets .widget_woo_embedwidget ul.widget-video-list { background: rgba(0,0,0,0.1); }
/* AUTHOR WIDGET */
.widget_woo_blogauthorinfo .avatar { border: 3px solid #fff; box-shadow: 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
/* ADSPACE WIDGET */
.adspace-widget { text-align: center; }
.adspace-widget h3 { text-align: left; }
/* TWITTER */
.widget_woo_twitter .more a { background: #3a3530 url(images/ico-twitter-white.png) no-repeat 7px 6px; }
.widget_woo_twitter ul { margin: 0 0 1em; }
.widget_woo_twitter ul li { margin: 0 0 0.7em; list-style: none; color: #fff; }
.widget_woo_twitter ul li .content a { display: inline; padding: 0; color: #fff; font-size: 1em!important; letter-spacing: 0; text-transform: none; background: none; }
.widget_woo_twitter ul li a { display: block; margin: 0.5em 0 0; padding: 0 0 0 20px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em!important; color: #897665; background: url(images/ico-twitter-brown.png) no-repeat left 6px; }
.widget_woo_twitter p { text-transform: uppercase; text-align: right; font-size: 0.8em; }
#sidebar .widget_woo_twitter p, #home-widgets .widget_woo_twitter p { padding: 3px 0; text-align: center; background-color: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
/* FEEDBACK */
.widget_woo_feedback .feedback .slides_control, .widget_woo_feedback .feedback .slides_control .quote { width: 100%!important; }
.widget_woo_feedback blockquote { font: 1.143em/1.4em Droid Serif, Georgia, times, serif; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); text-align: center; color: #fff; } /* 16 / 14 = 1.143 */
.widget_woo_feedback cite { display: block; margin: 0.8em 0 1.4em; text-align: center; }
.widget_woo_feedback cite a { padding: 0 0 0 20px; background: url(images/ico-testimonial.png) no-repeat left center; color: #897665; }
.widget_woo_feedback .more { display: block; margin: 10px 0 0; text-align: center; }
#sidebar .widget_woo_feedback .more a, #home-widgets .widget_woo_feedback .more a { padding: 5px 10px 4px 25px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
#sidebar .widget_woo_feedback .more a:hover, #home-widgets .widget_woo_feedback .more a:hover { background-color: #3a3530; text-decoration: none; }
#sidebar .widget_woo_feedback .more a, #home-widgets .widget_woo_feedback .more a { background: #211e1a url(images/ico-more-testimonials.png) no-repeat 10px 7px; }
.widget_woo_feedback .pagination { position: relative; z-index: 9999; margin: -13px 0 0; padding: 5px 20px 0; text-align: center; display: block; }
.widget_woo_feedback .pagination li { display: inline; margin: 0 2px; list-style: none; }
.widget_woo_feedback .pagination li a { display: inline-block; width: 8px; height: 0; overflow: hidden; padding-top: 9px; background: url(images/feedback-pag-off.png) no-repeat left top; }
.widget_woo_feedback .pagination li a:hover { background: url(images/feedback-pag-hover.png) no-repeat left top; }
.widget_woo_feedback .pagination li.current a { background: url(images/feedback-pag-on.png) no-repeat left top; }
#footer-widgets .widget_woo_feedback blockquote { color: #5e5e5e; text-shadow: none; }
#footer-widgets .widget_woo_feedback cite { margin-bottom: 0.3em; }
#footer-widgets .widget_woo_feedback .more a { font-size: 0.8em; text-transform: uppercase; font-weight: bold; text-decoration: underline; }
#footer-widgets .widget_woo_feedback .more a:hover { text-decoration: none; }
/* WOOTABS */
#tabs {
position: relative;
margin-bottom: 1em;
padding: 15px 10px 10px;
border: 1px solid #fff; border-width: 1px 1px 0;
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top, #cfcfcf 0%, #ffffff 25%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(25%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cfcfcf 0%,#ffffff 25%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cfcfcf 0%,#ffffff 25%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #cfcfcf 0%,#ffffff 25%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #cfcfcf 0%,#ffffff 25%); /* W3C */
}
#tabs span.edge { display: block; position: absolute; left: 0; bottom: -10px; width: 100%; margin: 0 -1px; padding: 0 1px; height: 15px; background: url(images/bg-banner.png) repeat-x center top; }
#tabs ul.wooTabs { margin: 0 0 15px; padding:0px; text-align: center; }
#tabs ul.wooTabs li { display:inline; letter-spacing: 1px; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a { padding: 0 10px; color:#897665; text-transform: uppercase; font-size: 0.923em; } /* 12/13 = 0.923 */
#tabs ul.wooTabs li a.selected,
#tabs ul.wooTabs li a:hover { text-decoration:none; color: #332e28; }
#tabs .inside { }
#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: 0 10px 10px; }
#tabs .inside li { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #e3e1e2; }
#tabs .inside li.last-child { margin: 0; }
#tabs .inside li a { font-family: Droid serif, Georgia, Times, serif; font-size: 1.077em; font-weight: bold; color:#332e28; } /* 14/13 = 1.077 */
#tabs .inside a:hover{}
#tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: #897665; font-size:13px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tabs .inside #tab-tags a:hover{ background: #332e28; text-decoration: none;}
#tabs .inside li span.meta { display:block; text-transform:normal; color:#897665; text-transform: uppercase; font-size: 0.8em; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { float: left; margin: 0 10px 0 0; border: 3px solid #fff; box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); }
#tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#aaa; }
#tabs #tab-comm li a { font-weight: normal; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;margin:3em 0 0;padding:2em 0 0 0; border-top:1px solid #897665;}
#comments h3 { font-weight:normal; margin-bottom:20px; font-size: 1.7em; }
#comments ol.commentlist { margin: 0; }
#comments .comment.thread-even { }
#comments .comment.bypostauthor { }
#comments .comment{width:100%;list-style-type:none;position: relative; }
#comments .comment .comment-container { position:relative; padding: 10px 0 20px; }
#comments .comment-head { display: block; margin: 0 0 0.6em 0; text-transform: uppercase; font-size: 0.714em; } /* 10 / 14 = 0.714 */
#comments .gravatar { width: 50px; margin: 0 15px 0 0; }
#comments .gravatar img{margin: 2px 0 0;vertical-align: middle; border: 3px solid #fff; }
#comments .comment-body { position: relative; top: -50px; left: 60px; margin-bottom: -40px; width: 90%; }
#comments .comment-entry p { margin: 0 0 10px 0; color: #fff; }
#comments .reply a { padding: 2px 6px; background: #897665; color: #fff; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#comments .reply a:hover { text-decoration: none; background: #211e1a; }
#comments ul.children{ margin: 0;padding:0 0 0 9%;}
#comments ul.children li { }
#comments .cancel-comment-reply{margin:10px 0;}
#comments .comment #respond { border: none; margin: 20px 0 0; padding: 0; }
#comments .comment #respond h3 { margin: 0; }
#comments .comment #respond h3 small { margin: 0 0 10px; }
#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 { font-size:14px; font-weight: bold; }
/* 5.2 Comments Form */
#respond { margin: 2em 0 0; padding: 2em 0 0; border-top:1px solid #897665; }
#respond h3 { font-weight:normal; margin: 0; font-size: 1.7em; }
#respond .logged-in-as { text-transform: uppercase; font-size: 0.8em; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond #reply-title small { display: block; margin: 10px 0px; font-size: 12px; }
#commentform { margin: 20px 0 0; }
#commentform p { margin: 0 0 15px; }
#commentform label { position:relative; display:inline; font-weight: bold; vertical-align:top; display:inline-block; font-size: 11px; text-transform: uppercase; margin-top:5px; padding: 0 0 0 10px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
#commentform input.txt, #commentform textarea { font:14px/1em Arial, Helvetica, sans-serif; }
#commentform input.txt { width: 170px; margin: 0 5px 0 0; padding: 5px 7px; }
#commentform textarea { width: 95% !important; padding: 5px 7px; }
#commentform .comment-form-comment label { display: none; }
#respond #commentform #submit { margin: 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,
#commentform #submit,
.submit {
display: inline-block;
text-transform: uppercase;
margin: 5px;
padding: 6px 13px;
border: 1px solid #40362e;
border-bottom-color: #2e2620;
color: white !important;
text-align: center;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
text-decoration: none;
/*Border radius*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*Background*/
background: #907c6a; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #907c6a),
color-stop(1, #4e433a)
);
background: -moz-linear-gradient(
center top,
#907c6a 20%,
#4e433a 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
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,
#commentform #submit:hover,
.submit:hover {
text-decoration: none !important;
/*Background*/
background: #746251; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #746251),
color-stop(1, #3c332b)
);
background: -moz-linear-gradient(
center top,
#746251 20%,
#3c332b 100%
);
}
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-weight:700;margin:0 0 10px;}
#contact-page ol.forms input.txt{width:50%;}
#contact-page ol.forms input#sendCopy{border:none;}
#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; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; }
.ie7 article .post-more { margin-bottom: 7px; }
.ie7 #connect .newsletter-form .submit { padding: 3px 0; }
.ie7 #top nav li ul { border: none!important; }
.ie7 nav li ul li a { border: none!important; }
.ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; }
.ie section#latest-articles article a.image img, .ie #slides .slide-img img { width: 100%; }
.ie7 #slides { position:relative; }
/* 6.6 Connect */
#connect { clear:both; margin: 0 0 2em; }
#main #connect .col-left, #connect .col-right { width:48%; }
#connect h3 { margin-bottom: 15px; font-size: 1.7em; }
#connect p { margin: 0 0 1em; }
#connect .newsletter-form { margin: 0 0 1em; }
#connect .newsletter-form .input { }
#connect .newsletter-form .email { width: 64%; }
#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 rgba(255, 255, 255, 0.2); padding-left:20px; }
#connect .related-posts h4 { margin: 0 0 0.7em; font: bold 1em Droid Sans, Helvetica, Arial sans-serif; text-transform: uppercase; }
#connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; font-size: 0.926em; } /* 13/14 = 0.926 */
.widget #connect .fl, .widget #connect .fr { float:none;}
.page-template-template-feedback-php .quote { margin: 20px 0 0 0; padding: 0 0 20px; border-bottom: 1px solid rgba(255,255,255,0.2); }
.page-template-template-feedback-php .quote.last-child { border-bottom: none; padding: 0; }
.page-template-template-feedback-php .quote blockquote { margin: 0 0 10px; padding: 0; border: none; }
.page-template-template-feedback-php .quote cite { font-weight: bold; }
/*
MEDIA QUERIES
These follow after primary styles so they will successfully override.
*/
/* MODERN WIDESCREEN DISPLAYS */
@media only screen and (min-width: 1212px) {
h1 { font-size: 2.571em; } /* 36 / 14 = 2.571 */
h2 { font-size: 2.286em; } /* 32 / 14 = 2.286 */
h3 { font-size: 2em; } /* 28 / 14 = 2 */
h4 { font-size: 1.571em; } /* 22 / 14 = 571 */
h5 { font-size: 1.429em; } /* 20 / 14 = 1.429 */
h6 { font-size: 1.143em; } /* 16 / 14 = 1.143 */
.layout-full #main, .col-full { margin: 0 auto; max-width: 75.714em; } /* 1200 / 14 = 67.143 */
section#latest-articles article .title, #footer-widgets .widget h3 { font-size: 1.571em; } /* 22 / 14 = 1.571 */
#slides .slide-content h2 { margin: 0.5em 0 1em; }
#slides, section#latest-articles, .banner { margin-bottom: 80px; }
#content-wrapper { padding-bottom: 80px; }
#connect .newsletter-form .email { width: 71%; }
#connect .social a { margin: 0 0.75em 0 0; }
}
/* TABLET PORTRAIT MODE */
@media only screen and (min-width: 768px) and (max-width: 991px) {
#logo, nav, #main, #sidebar { float: none; }
nav { margin-top: 30px!important; }
header nav { width: 100%; }
#main, #sidebar { margin: 0; width: 100%; }
#sidebar { margin: 2em 0 0; padding: 2em 0 0; border-top: 2px solid #897665; }
#sidebar .widget { float: left; margin-right: 2.12%; width: 48.40%; } /* 460 / 940 = 0.484 || 20 / 940 = 0.0212*/
#sidebar .widget:nth-child(2n+2) { margin-right: 0; }
#connect .newsletter-form .email { width: 70%; }
#connect .social a { margin: 0 0.63em 0 0; }
}
/* iPhone */
@media only screen and (max-width: 767px) {
.nav { width: 100%; }
header .nav li:first-child a { border-left: 1px solid rgba(255,255,255,0.15); border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
header .nav li:last-child a { border-right: 1px solid rgba(0,0,0,0.7); border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
.nav li { float:none; width: auto; }
.nav li a { }
/* Accordion Drop-down menus */
.nav li ul { overflow: hidden; background: #1f1b1a; box-shadow: inset 0 0 3px rgba(0,0,0,0.7); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); }
.nav li ul li a { padding: 8px 15px; font-size: 0.8em; background: none!important; border: none!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; }
.nav li ul li:first-child a { border-top: none; }
.nav li ul li:last-child a { border-top: 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 { display: none; }
.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 { display: block; }
.nav li ul li a:hover { background: #000!important; }
#footer-widgets .block { float: none; margin: 0 0 30px; width: 100%!important; }
#footer-widgets #about, #footer-widgets #widgets { float: none; width: 100%; }
#footer-widgets #about { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #7f7f7f; }
}
/* iPHONE VERTICAL */
@media only screen and (max-width: 767px) and (min-width: 480px) {
body { -webkit-text-size-adjust: none; }
#logo, nav, #main, #sidebar { float: none; }
nav { margin-top: 30px!important; }
header nav { width: 100%; }
#main, #sidebar { margin: 0; width: 100%; }
#sidebar { margin: 2em 0 0; padding: 2em 0 0; border-top: 2px solid #897665; }
#sidebar .widget { float: left; margin: 0 0 30px; width: 100%; }
#slides .slide-img { border-width: 7px; }
section#latest-articles { margin-bottom: 0; }
section#latest-articles article { float: none; margin: 0 0 60px; width: 100%; }
section#latest-articles article a.image img { border-width: 4px; }
section#latest-articles article .title { font-size: 1.6em; }
section#latest-articles article .entry p { font-size: 95%; }
#home-widgets-left, #home-widgets-right { float: none; width: 100%; }
#footer-widgets .widget { float: none; margin: 0 0 30px; width: 100%; }
#footer-widgets #about, #footer-widgets #widgets { float: none; width: 100%; }
#footer-widgets #about { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #7f7f7f; }
#main #connect .col-left, #connect .col-right { float: none; width: 100%; border: none; }
#connect .col-right { margin: 1.3em 0 0; padding: 0; }
#connect .newsletter-form .email { width: 75%; }
#connect .social a { margin: 0 1.3em 0 0; }
#comments .comment-body { width: 85%; }
}
/* IPHONE PORTRAIT */
@media only screen and (max-width: 479px) {
#logo, nav, #main, #sidebar { float: none; }
nav { margin-top: 30px!important; }
#top nav { margin-top: 0!important; }
header nav { width: 100%; }
#main, #sidebar { margin: 0; width: 100%; }
#sidebar { margin: 2em 0 0; padding: 2em 0 0; border-top: 2px solid #897665; }
#sidebar .widget { float: left; margin: 0 0 30px; width: 100%; }
#main, #sidebar { margin: 0; width: 100%; }
#sidebar .widget { float: left; margin: 0 0 30px; width: 100%; }
#slides .slide-img { border-width: 7px; }
#slides .slide-content { width: 100%; padding-left: 0; padding-right: 0; }
section#latest-articles { margin-bottom: 0; }
section#latest-articles article { float: none; margin: 0 0 60px; width: 100%; }
section#latest-articles article a.image img { border-width: 4px; }
#home-widgets-left, #home-widgets-right { float: none; width: 100%; }
.archive_header .cat { float: none!important; }
.archive_header .catrss { float: none!important; display: block; }
#main #connect .col-left, #connect .col-right { float: none; width: 100%; border: none; }
#connect .col-right { margin: 1.3em 0 0; padding: 0; }
#connect .newsletter-form .email { width: 60%; }
#connect .social a { margin: 0; }
#comments .comment-body { width: 80%; }
#tabs ul.wooTabs li a { padding: 0 0px; font-size: 0.846em; } /* 11/13 = 0.846 */
}
/*
PRINT
*/
/* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited { color: #444 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
