/* Theme Name: Aspen Theme URI: http://aspentheme.com Author: Bruce Wampler Author URI: http://weavertheme.com/about Description: Tired of hunting for a theme you that looks like you want? The Aspen Theme is the easiest way to create a perfect site that looks how you want and is mobile friendly! You are in control. Start with one of the many included subthemes, then tweak away for the exact look you want. Aspen has the options you really need - all in a simple to use "checkbox" interface. No need to know programming or complex styling rules - but if you do, Aspen offers plenty of flexibility for more advanced users. Sixteen sidebar locations with multiple layout options. The responsive mobile view will match your site's desktop look - automatically! Features include: context sensitive help; translations for more than 18 languages; IE support; WP Multisite; popular plugins supported; active support forum. Version: 1.1.11 License:GNU General Public License License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, white, black, gray, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, photoblogging This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. This style sheet provides the basic settings (colors, margins, fonts, etc.) used by the Aspen Theme. -------------------------------------------------------------------------------------------------------------- *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** >>>> DO NOT EDIT THIS FILE! <<<< The Aspen Theme has been designed so that editing style.css is no longer required! If you need to make changes to the styles rules, add Custom CSS rules from the Advanced Options : Section : Custom CSS Rules box tab of the Aspen admin panel. Aspen also is designed to use child themes for even more customization. #### IMPORTANT! ##### This file is NOT USED directly by the theme. The equivalent, minimized version, style.min.css, will be used. (CSS minimization by YUI Compressor.) Do not edit file either! DO NOT EDIT THIS FILE! *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** -------------------------------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; word-wrap:break-word; } :focus {/* remember to define focus styles! */ outline: 0; } ol, ul { list-style-position: outside; margin-left: 1em; } ul { list-style: disc outside none; } caption, th, td { font-weight: normal; text-align: left; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } img, .content-2-col, .content-3-col, .content-2-col-left, .content-2-col-right, .sidebar-header, .sidebar-header .header-widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /**** Clearfix ****/ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } /* =Aspen helpers -------------------------------------------------------------- */ .aligncenter { /* required for theme submission to WP */ display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .aspen-welcome-user { padding-left:15px; } .aspen-left { float:left; margin-right:5%; width:47.5%; } .aspen-right { float:right; width:47.5%; } .aspen-clear { clear:both; } .aspen-clear-block { clear:both; display:block; } .aspen-ml-50 { margin-left:50px; } .aspen-hide { display:none; } .aspen-hide-bang { display:none !important; } .youtube-player { /* allow auto-embed YouTube to resize */ width:100%; } .entry-summary.compact-post-format { margin:0; } /**** Masonry ****/ .content-image .entry-header { /* makes it look tighter */ margin-bottom: 0; } .blog-post { float: left; margin:0; } .blog-post .format-video { margin-bottom:40% !important; } .blog-post-cols-2 { width:47%; margin: 6px 6px 0px 6px; } .blog-post-cols-2 img, .blog-post-cols-2-span-2 img { max-width:97% !important; } .blog-post-cols-2-span-2 { width:98%; margin: 6px 6px 0px 6px; } .blog-post-cols-3 { width:31%; margin: 6px 5px 0px 5px; } .blog-post-cols-3 h2.entry-title a, .blog-post-cols-3-span-2 h2.entry-title a { font-size:85%; } .blog-post-cols-3 h2.entry-title, .blog-post-cols-3-span-2 h2.entry-title{ line-height:1em; } .blog-post-cols-3 img, .blog-post-cols-3-span-2 img { max-width:94% !important; } .blog-post-cols-3-span-2 { width:62%; margin: 6px 5px 0px 5px; } .blog-post-cols-4 { width:23.5%; margin: 5px 4px 0px 4px; } .blog-post-cols-4 h2.entry-title a, .blog-post-cols-4-span-2 h2.entry-title a, .blog-post-cols-5 h2.entry-title a, .blog-post-cols-5-span-2 h2.entry-title a { font-size:75%; } .blog-post-cols-4 h2.entry-title, .blog-post-cols-4-span-2 h2.entry-title, .blog-post-cols-5 h2.entry-title, .blog-post-cols-5-span-2 h2.entry-title{ line-height:1em; } .blog-post-cols-4 img, .blog-post-cols-4-span-2 img { max-width:95% !important; } .blog-post-cols-4-span-2 { width:47.5%; margin: 5px 4px 0px 4px; } .blog-post-cols-5 { width:18.3%; margin: 5px 4px 0px 4px; } .blog-post-cols-5 img, .blog-post-cols-5-span-2 img { max-width:91% !important; } .blog-post-cols-5-span-2 { width:37%; margin: 5px 4px 0px 4px; } .format-image-compact {margin:0px !important;padding:0px !important;} .format-image-compact .entry-content {margin:0px !important;padding:0px !important;} .format-image-compact .entry-content img {margin:0px !important;padding:0px !important;} .blog-post-cols-2 .format-image-compact img, .blog-post-cols-3 .format-image-compact img, .blog-post-cols-4 .format-image-compact img, .blog-post-cols-5 .format-image-compact img { max-width:100% !important; } #page-top, #page-bottom {display:none;} #header .meteor-slides {clear:both;} .wp-pagenavi { padding-top:3px; padding-bottom:8px; } /* multiple columns */ .content-2-col-left { float: left; width: 50%; overflow:hidden; padding-right: 3%; } .content-2-col-right { float: left; overflow:hidden; width: 49%; } .content-2-col { float: left; width: 49.8%; overflow:hidden; padding-right: 2%; padding-left: 2%; } .content-3-col { float: left; width: 33.3%; overflow:hidden; padding-right: 1%; padding-left: 1%; } .atw-2-col-divider { margin-left:10%; margin-right:10%; clear:both; } .clear-cols { clear: both; } /* =Layout ----------------------------------------------- */ /* body has global settings for others to inherit */ body { background:transparent; /* make it look decent... */ line-height: 1.5; margin: 0; /* font-family: "Times New Roman", Times, serif; */ } /* everything about each major block on the site - may be mods in some places */ #wrapper { margin: auto; /* makes it float */ /* #wrapper is outer level, so this is the master width */ } #main { /* the block wrapping content and sidebar wrappers */ clear: both; margin: 0 auto; overflow:hidden; /* this allows the padding, -margin trick to work */ } #container { background: transparent; /* this should always be transparent - give bg to #container_wrap */ margin: 0 0px 0 0px; /* margins between content and sidebars */ } #content { margin: 0; margin-bottom: 10px; overflow: hidden; padding: 5px 25px 0 25px; /* padding around the content */ } /* #colophon style found in Footer section */ /* Sidebars and Content Wrappers */ .sidebar-header { clear:both; height:auto; margin:0; padding:0; max-width:100%; overflow:hidden; } .sidebar-header .header-widget { float:left; height:100%; max-width:100%; padding-bottom:100%; margin-bottom:-100%; width:auto; } #container_wrap.one-column { /* none - one-column */ float: left; margin: 0; padding: 0; width: 100%; } #container_wrap.left-1-col { float: right; margin: 0; padding: 0; width: 70%; } #sidebar_wrap_left.left-1-col { float: left; margin:0; padding:0; width: 30%; } #container_wrap.left-2-col { float: right; margin: 0; padding: 0; width: 60%; } #sidebar_wrap_left.left-2-col { float: left; padding:0; width: 40%; } #sidebar_wrap_2_left_left, #sidebar_wrap_2_right_left { display:inline; float:left; padding:0; width:53.5%; /* lets 3 social buttons show on right */ } #sidebar_wrap_2_left_right, #sidebar_wrap_2_right_right { display:inline; float:right; padding:0; width:46.5%; } /* right 1 col */ #container_wrap.right-1-col { float: left; margin: 0; padding: 0; width: 75%; } #sidebar_wrap_right.right-1-col { /* interact with container_wrap */ float: right; margin:0; padding:0; width: 25%; } #container_wrap.right-2-col { float: left; margin: 0; padding: 0; width: 60%; } #sidebar_wrap_right.right-2-col { /* interact with container_wrap */ float: right; margin:0; padding:0; width: 40%; } /* these are the defaults - work for split : don't add .split to these rules, it breaks things */ #container_wrap { float: left; padding:0; margin:0; width: 60%; /* this + wrap_right + wrap_left must = 100% */ } #sidebar_wrap_right { /* interact with container_wrap */ float: right; padding:0; width: 20%; } #sidebar_wrap_left { float: left; padding:0; width: 20%; } /* one column iframe */ #container.page-iframe { width:100%; } #container.page-iframe #content .entry-content { padding:12px 0px 0px 0px;width:100% } #container.page-iframe #content { margin:0px;padding:0px;width:100%; } #container.page-iframe #content #comments { padding:0px 20px 5px 20px;margin-top:-35px; } /* =Sidebars ----------------------------------------------- */ .widget-area { padding: 0; /* bottom is val - .widget bottom */ border: 1px solid transparent; } #primary-widget-area { border:1px solid transparent; /* trick to force padding/margins to work */ margin-bottom: 10px; /* bottom border */ } #sidebar_left { border:1px solid transparent; margin-bottom: 10px; } #sidebar_right { border:1px solid transparent; margin-bottom: 10px; } .sidebar_top, .sidebar_bottom, .sidebar_extra { border:1px solid transparent; margin-bottom:10px; } #first, #second, #third, #fourth { border:1px solid transparent; } /* =Special Areas ----------------------------------------------- */ .home .sticky, #container.page-with-posts .sticky, pre, ins { } /* =Fonts ----------------------------------------------- */ #author-description h2 { font-size:115%; } #content .gallery .gallery-caption { font-size: 85%; } .entry-header .comments-link a { font-size:105%; } .entry-content label { font-size: 90%; } .entry-content sup, .entry-content sub { font-size: 75%; } #author-info { font-size: 90%; } #author-info h2 { font-size: 100%; } .format-quote blockquote { font-size: 130%; } .image-attachment .entry-caption p { font-size: 90%; } .home #content .category-asides p { font-size: 110%; } .navigation { font-size: 90%; } .page-title { font-size: 110%; } .widget-title{ color: #6A7350; font-family: "Cuprum",Arial,Helvetica,sans-serif; font-size: 20px; font-weight: normal;} #nav-above, #nav-below { font-size:90%; } .nopassword, .nocomments { font-size: 110%; font-style: italic; } .nocomments { display:none; } .comment .reply { font-size: 80%; } #respond label { font-size: 90%; } #respond .form-allowed-tags code { font-size: 80%; } #respond .form-submit input { font-size: 120%; } #respond .comment-form-author .required, #respond .comment-form-email .required { font-size:130%; } #respond .comment-notes, #respond .logged-in-as { font-size: 105%; } #respond input#submit { font-size:110%; } .aspen-welcome-user { padding-left:15px; } #wp-calendar caption { font-size: 120%; } #wp-calendar thead { font-size: 90%; } #aspen-sitemap h3 { margin: 0 0 10px 0; font-size:130%; font-weight:bold; } /* titles font */ h3#comments-title, h3#reply-title, .menu_bar, #author-info, #infobar, #nav-above, #nav-below, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, #comments-title, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-format, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */ } /* =Standard Elements ----------------------------------------------- */ /* Headings */ h1 { font-size:190%; } h1,h2,h3,#content .entry-header h1, #content .entry-header h2{ clear: both; margin:0 0 .1em 0; } h4,h5,h6 { clear: both; margin:0 0 .7em 0; } .aspen-feed .entry-header h2, #content .aspen-feed .entry-header h2 { clear:both; margin:0 0 .9em 0; } .entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { font-weight: bold; margin: 0 0 .8125em; } /* blockquote */ blockquote { font-style: italic; font-weight: normal; margin: 0 3em; } /* lists */ ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } dl { margin: 0 1.5em; } dt { font-weight: bold; } dd { margin-left: 1.5em; margin-bottom: 1.5em; } /* Other elements */ abbr, acronym, dfn { border-bottom: 1px dotted #666; } abbr.published { /* fix for Twenty-Eleven attachement date bug */ border-bottom:none; } address { font-style:italic; display: block; margin: 0 0 1.625em; } big { font-size: 130%; } cite, em, i { font-style: italic; } cite { border:none; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: .9em; } del { } pre { font-family: Courier, monospace; font-size: .8em; margin-bottom: 1.5em; overflow: auto; padding: 1em 1em; } sup, sub { font-size:90%; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } var { font-style:italic; } /* tables */ table { border-collapse:collapse; border-spacing:0; } th { text-align:left; padding:4px 4px; } td { margin:0; padding:4px 4px; } #content table { } #content tr th, #content thead th { } #content tr td { } #content tr.odd td { background: inherit; } /* =Widgets ----------------------------------------------- */ .widget { clear: both; } .widget-title { font-weight: bold; margin-bottom:.5em; } .widget a { text-decoration: none; } /* Widget Image */ .widget_image img, .widget img { height: auto; max-width: 100%; } #per-page-widget { overflow:hidden; } /* =Archives ----------------------------------------------- */ .category-archive-meta, .tag-archive-meta { font-style:italic; margin-top:-1.5em; margin-left:2em; } /* =Search ----------------------------------------------- */ /* Search Widget */ .menu-add-search {margin-top:6px; padding-right:2px !important;display:inline-block;} #infobar_search {margin-top:1px; padding-right:10px !important;display:inline-block;} .widget_search label { display: none; } .searchformimg { background: transparent; margin-bottom:-5px; } /* Post entry-meta ------------------------------------------------- */ .entry-meta-icons { text-decoration: none; } .entry-meta-icons .sep { display:none; } .entry-utility { clear:both; } .entry-meta-icons .entry-utility-prep { display:none; } .entry-meta-icons .entry-date, .entry-date-icon { background:url(images/icons/date-1.png) center left no-repeat; display:inline-block; padding-left:26px; margin-left:1.0em; } .entry-meta-icons .by-author, .by-author-icon { background:url(images/icons/author-1.png) center left no-repeat; display:inline-block; padding-left:22px; margin-left:1.0em; } .entry-meta-icons .cat-links, .cat-links-icon { background:url(images/icons/category-1.png) center left no-repeat; padding-left:26px; margin-left:1.0em; } .entry-meta-icons .tag-links, .tag-links-icon { background:url(images/icons/tag-1.png) center left no-repeat; display:inline-block; padding-left:26px; margin-left:1.0em; } .entry-meta-icons .comments-link, .comments-link-icon { background:url(images/icons/comment-1.png) center left no-repeat; display:inline-block; padding-left:24px; margin-left:1.0em; } .entry-meta-icons .permalink-icon, .permalink-icon { background:url(images/icons/permalink-1.png) center left no-repeat; display:inline-block; padding-left:24px; margin-left:1.0em; } .post_hide_date .entry-date, .post_hide_date .posted-on { display:none; } .post_hide_author .by-author { display:none; } .post_hide_cats .cat-links { display:none; } .post_hide_singleton_cat { display:none; } .post_hide_tags .tag-links { display:none; } .post_hide_permalink .permalink-icon { display:none; } /* =Global ----------------------------------------------- */ input, textarea { font-size:90%; } hr { background-color: #888; border: 0; height: 1px; margin-bottom: 1.625em; } /* Text elements */ p { margin-bottom: .5em; } strong { font-weight: bold; } /* Forms */ textarea { padding-left: 3px; width: 98%; } input[type=text] { padding: 3px; } /* Links */ a { text-decoration: none; } a:focus, a:active, a:hover { text-decoration: none; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .menu_bar a.assistive-text:active, .menu_bar a.assistive-text:focus { border-bottom: 1px solid #ddd; clip: auto !important; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } #mobile-bottom-nav, #mobile-top-nav {display:none;} /* needed here for disable mobile support */ /* =Header ----------------------------------------------- */ #site-title { margin:1% 0 0 7%; } #site-title a { font-weight: bold; font-style:normal; text-decoration: none; } #site-description { font-style:normal; font-weight:normal; margin: 0 1% 1% 10%; } #branding { position: relative; z-index: 2; } .title-description { border: 1px solid transparent; } #branding img { border:0; clear:left; padding:0; height:auto; max-width:100%; padding:0; width:auto; } #branding #header_image img { width:100%; } #branding img, #header_image img { display:block; height: auto; max-width: 100%; } #branding #header-extra-html img, /* make images horizontal */ #branding #header-extra-html a img { display:inline; } .flex-img img { display:block !important; height:auto !important; max-width:100% !important; } /* =InfoBar ------------------------------------------------------------- */ .infobar_right { float:right; } #infobar_html1, #infobar_html2 { padding-left:15px; } #infobar_html3 { padding-right:15px; } #infobar_login, #infobar_search { padding-right:15px; } #infobar_search .searchform { display:inline !important; } .menu-add #s, #infobar #s { width:125px; } #infobar_paginate { padding-right:15px; } #infobar_paginate .navigation { /* for wp_paginate */ display:inline-block !important; } #infobar_paginate .wp-pagenavi { /* for pagenavi */ display:inline-block !important; } #infobar_paginate .page-numbers, #nav-above .page-numbers, #nav-below .page-numbers { padding:2px 4px 2px 4px; background: rgba(0,0,0,.1); font-weight:normal; } #infobar_paginate .current, #nav-above .current, #nav-below .current { font-weight:bold; } #breadcrumbs { padding-left:15px; } #breadcrumbs .bcur-page {font-weight:bold;} /* =Menu -------------------------------------------------------------- */ #nav-bottom-menu, #nav-top-menu { min-height:38px; /*@ matches menubar height */ } .menu_bar div { margin: 0 22px; /*@ margin from left/right */ } .menu_bar { clear: both; display: block; float: left; margin: 0 auto 0px; width: 100%; } .menu_bar ul { list-style: none !important; margin: 0 0 0 -.8125em; padding-left: 0; } .menu_bar ul ul { list-style:none; margin:0 0 0 -.8125em; padding-left:0; } .menu_bar li { float: left; position: relative; } .menu_bar a { display: block; line-height: 38px; /*@ this and .menu_bar ul ul top should be the same */ padding: 0 10px; /*@ padding between items */ text-decoration: none; font-weight:normal; font-style:normal; } .menu_bar a:hover, .menu_bar a:visited { text-decoration:none; } .menu_bar ul ul a,.menu_bar ul ul a:hover, .menu_bar ul ul a:visited { text-decoration: none; } .menu_bar a:visited { } .menu_bar ul ul { display: none; float: left; margin: 0; position: absolute; top: 38px; /*@ menubar height */ left: 0; width: 175px; z-index: 99999; } .menu_bar ul ul ul { left: 100%; top: 0; } .menu_bar ul ul a { font-weight: normal; height: auto; line-height: 18px; padding: 10px 10px; width: 175px; } .menu_bar ul ul :hover > a { } .menu_bar li:hover > a, .menu_bar a:focus { } .menu_bar ul li:hover > ul { display: block; } /* vertical menus */ .aspen_vertical_menu .menu_bar { background-image:none; font-size:100%; padding-left:10px; } .aspen_vertical_menu .menu_bar li { float:left; position:relative; } .aspen_vertical_menu .menu_bar ul ul a { padding:10px 10px; } .aspen_vertical_menu .menu_pop_right .menu_bar li, .aspen_vertical_menu .menu_pop_left .menu_bar li { float:none; } .aspen_vertical_menu .menu_pop_right .menu_bar, .aspen_vertical_menu .menu_pop_left .menu_bar { padding-left:0px; } .menu_pop_left .menu_bar ul ul { left:-188px; top:0px; } .menu_pop_right .menu_bar ul ul { left:100%; top:0px; } .menu_pop_left .menu_bar ul ul ul { left:-100%; top:0px; } .widget-area .menu_pop_left ul li, .widget-area .menu_pop_right ul li { margin-left: .7em; margin-bottom: 0em; } .widget-area .menu_pop_left ul ul li, .widget-area .menu_pop_right ul ul li { margin-left:0; } /* Simple Horizontal One Level Menu */ .menu-horizontal {clear:both;background:transparent;margin:0;padding:0;} .menu-horizontal ul {margin:0;padding:2px 2px 2px 20px;list-style-type:none !important;} .menu-horizontal li {display:inline;list-style-image:none !important;padding-right:15px;} /* Default List Vertical Menu */ .menu-vertical-default {clear:both; background:transparent;} .sidebar_top .aspen_vertical_menu, .sidebar_bottom .aspen_vertical_menu{ padding-right:10px; } /* =menu add ons */ .menu-add { float:right; font-size: 100%; display:inline !important; padding-right:4px; max-height: 38px; } .menu-add span.add-text { position: relative; top:10px; line-height:24px; } .menu-add span.add-text { top:6px; } .menu-add form, .menu-add form div, .menu-add a { display:inline !important; } .menu-add img { position:relative; top:7px; max-height:24px !important; width: auto !important; border:none; margin:0; padding-left:4px; display:inline !important; } /* =superfish helpers -------------------------------------------------------------- */ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: 15px; top: 1.05em; /* IE6 only */ margin-top: 5px; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(js/superfish/images/arrows-000000.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .7em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0;} .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url(js/superfish/images/shadow.png) no-repeat bottom right; padding: 0; -moz-border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; display:none; } .sf-shadow ul.sf-shadow-off { background: transparent; } .menu_bar ul.sf-menu ul a { padding-right:0px; margin-right:0px; } .extra_menu .menu_bar ul[id*='menu-'] { margin-left:10px; } /* =Content ----------------------------------------------- */ #content .page { margin-bottom:0; padding-bottom:0; } #content .post { margin-bottom:4px; } #content .gallery-thumb { margin-bottom:15px; max-width:150px; } #content a.more-link { display:block; } .hentry { margin: 0 0 40px 0; } .home .sticky, #container.index-posts .sticky, #container.page-with-posts .sticky { margin: 0px 4px 10px 1px; padding:.5em 1em .5em 1em; } .page-title { font-weight: bold; letter-spacing: 0.1em; margin: 0 0 1.625em; } .page-title a { font-weight: bold; letter-spacing: 0; text-transform: none; } .hentry, .no-results { margin: 0 0 1.5em; padding: 0 0 1.5em; position: relative; } .hentry:last-child, .no-results { border-bottom: none; } .entry-title, .entry-header .entry-meta { padding-right: 40px; /* needed for comment bubble */ } .entry-title { clear: both; font-weight: bold; line-height: 1.5em; padding-bottom: .1em; } .entry-title, .entry-title a { text-decoration: none; } .entry-meta { clear: both; } .entry-content, .entry-summary { padding: 1.625em 0 0; } .entry-content #s { width: 75%; } dl.gallery-item { margin: 0; } .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { margin: 0; padding: 2px 3px; text-decoration: none; } .page-link span { margin-right: 6px; } .edit-link a { /* an edit link box that should show on all themes */ background: #eee !important; -moz-border-radius: 3px; border-radius: 3px; color: #555 !important; float: right; font-weight: 300; text-decoration: none; padding: 0 8px; } .entry-utility .edit-link a:hover, .entry-meta .edit-link a:hover, .commentlist .edit-link a:hover { background: #888; color: #fff; } .entry-content .edit-link { clear: both; display: block; } /* =Images -------------------------------------------------------- */ /* Images - global */ .entry-content img, .comment-content img, .widget img { max-width: 99.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full { max-width: 99.5%; } #content .featured-image img { height:auto; max-width:95%; } .entry-content img.wp-smiley { margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { margin-bottom: 1em; max-width: 90%; padding: 8px; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .entry-attachment .attachment .entry-caption, .wp-caption .wp-caption-text, .gallery-caption { font-size: 85%; margin:-.5em 0 0 0 !important; padding:0 1em 1em 1em; position:relative; text-align:center; font-style:italic; } .entry-attachment .attachment .entry-caption { font-size:133%; } #content img { margin:0; height:auto; max-width:100%; } #content img.post-fav-star { margin: 0; border: none; -webkit-box-shadow: 0 0px 0px transparent; -moz-box-shadow: 0 0px 0px transparent; box-shadow: 0 0px 0px transparent; } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } .entry-attachment img, #content .gallery img, #content .gallery-thumb img, #content img[class*="wp-image-"] { border:none; margin-bottom: 1em; text-align: center; } #content .wp-smiley { margin: 0; } /* gallery shortcode auto generates: .gallery-item, img, .gallery-caption */ #content .gallery-item img {float:none;margin-right:auto;margin-left:auto;} /* need override, however */ #content .gallery .gallery-caption { color:#333; font-style:italic; font-size:85%; margin:-1em 0 0 0 !important; } #content .gallery dl { margin: 0; } #content .gallery dd {clear: both;} /* captions on the bottom! */ #content .attachment .entry-content img { /* single attachment images should be centered */ display: block; margin: 0 auto; } #content .attachment-thumbnail { float: left; margin-right: 12px; margin-bottom: 12px; padding: 3px; } #content .attachment-thumbnail-single { float: left; margin-right: 25px; margin-bottom: 12px; padding: 3px; } #content img.wp-post-image { float:left; margin-right:25px; margin-bottom:12px; padding: 8px; } /* Password Protected Posts */ .post-password-required .entry-header .comments-link { margin: 1.625em 0 0; } .post-password-required input[type=password] { margin: 0.8125em 0; } /* Author Info */ #author-info { overflow: hidden; } .single #author-info { margin-top:20px; margin-bottom:-25px; padding: 8px 40px 20px 20px; } .archive #author-info { margin: -40px 0 1.2em; padding: 8px 40px 20px 20px; font-size:90%; } #author-avatar { float: left; margin-right: -78px; } #author-avatar img { /* no setting available to change this... */ background: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #bbb; -moz-box-shadow: 0 1px 2px #bbb; box-shadow: 0 1px 2px #bbb; padding: 3px; } #ie8 img.avatar { width:auto; /* fix for max-width bug in IE8 */ } #author-description { float: left; margin-left: 96px; } #author-description h2 { font-weight: bold; margin: 5px 0 10px; } .post-avatar-tiny { padding-left:8px; position:relative; top:4px; } .post-avatar-normal { display:inline; float: right; margin-bottom:-10px; } /* Comments link */ .entry-header .comments-bubble a { background: transparent url(images/comment-bubble.png) no-repeat; color: #666; /* universal color over bubble */ font-weight: normal; line-height: 20px; font-size:11px; overflow: hidden; padding: 0 0 0; position: absolute; top: 7px; right: 0; text-align: center; text-decoration: none; width: 28px; height: 27px; margin-right:4px; } .entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active { color:black; text-decoration:underline; } .entry-header .comments-link .leave-reply { visibility: hidden; } /* Post Formats Headings To hide the headings, display: none the ".entry-header .entry-format" selector, and remove the padding rules below. */ #content .entry-format { } article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content { padding: 15px 0 0; } .recent-posts .entry-header .entry-format { display: none; } .recent-posts .entry-header .entry-title { padding-top: 0; } /* =Aside ----------------------------------------------- */ .format-aside .entry-title, .format-aside .entry-header .comments-link { display: none; } .one-column .format-aside .entry-title { display: block; } .format-aside .entry-content { padding: 0; } .one-column .format-aside .entry-content { padding: 1.625em 0 0; } /* =Link ----------------------------------------------- */ .format-link .entry-title, .format-link .entry-header .comments-link { display: none; } .one-column .format-link .entry-title { display: block; } .format-link .entry-content { padding: 0; } .one-column .format-link .entry-content { padding: 1.625em 0 0; } /* =No-title, posted on on bottom ----------------------------------------------- */ .post-format .entry-utility div { display:inline !important; } .post-format .entry-utility { margin-top:-20px; } /* =Status ----------------------------------------------- */ .format-status .entry-title, .format-status .entry-header .comments-link { display: none; } .format-status .entry-content .post-avatar img { margin-right:10px !important; } .single .format-status .entry-title { display: block; } .format-status .entry-content { padding: 0; } .one-column .format-status .entry-content { padding: 1.625em 0 0; } .format-status img.avatar { float: left; margin: 4px 10px 2px 0; padding: 0; } /* =Chat ----------------------------------------------- */ .format-chat .entry-title, .format-chat .entry-header .comments-link { display: none; } .single .format-chat .entry-title { display: block; } .format-chat .entry-content { padding: 0; } .one-column .format-chat .entry-content { padding: 1.625em 0 0; } /* =Quote ----------------------------------------------- */ .format-quote blockquote { margin: 0; } /* =Attachments ----------------------------------------------- */ .image-attachment div.attachment { overflow: hidden; padding: 1.5em; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 1.4em; max-width: 100%; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; /* universal color */ } .image-attachment .entry-caption p { margin: .5em 0 2.6em; } /* =Navigation -------------------------------------------------------------- */ #content nav { clear: both; overflow: hidden; padding: 0 0 .5em; } #content nav a { font-weight: bold; } #nav-above { padding: 0 0 .5em; z-index: 1; } #nav-above { display: none; } #nav-below { margin:0; padding:0; z-index: 1; } .paged #nav-above { display: block; } .single #nav-above { display: block; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } .single .nav-previous, .single .nav-next { width:50%; } #content nav .meta-nav { font-weight: normal; } /* Text meant only for screen readers */ .screen-reader-text { display:none; } /* =Comments ----------------------------------------------- */ #cancel-comment-reply-link { font-size: 80%; margin-left:30px; } #comments .pingback p { font-size: 90%; } #comments .pingback .url { font-size: 110%; } .comment-meta { font-size: 90%; } #comments-title { /* comment_headings_color */ background: transparent url(images/comment-bubble.png) no-repeat; font-size:120%; line-height: 1.5; padding: 0 40px 1em; } #comments-title h4 { font-size:80%; } .commentlist { display: block; clear:both; } .commentlist { margin:0; padding:0px 0px 0px 0px; margin-left: 0px; list-style-type: none; } #comments .commentlist .children { list-style-type: none; margin-top:5px; margin-left:10px; margin-right:5px; padding-right:5px; } .commentlist .comment-author .commentua { float:right; margin:0; padding:0; } ol.commentlist li.comment .comment-body * { padding-left: 5px; padding-right: 5px; } .commentlist .comment-body ol, .commentlist .comment-body ul, ol.trackbacklist { list-style-position: outside; } ol.trackbacklist { font-size:0.9em; margin:0; margin-left: 15px; padding-left: 15px; } /* Comments and Comment Form -------------------------------------------- */ .commentlist li.comment, #respond { border: none; /*@ add to border settings */ } .commentlist li.comment { margin-bottom: 1em !important; /* override #content ul margin */ } #respond { padding:10px; } .commentlist .comment-content { font-size: 90%; padding:0 1em; } .commentlist .comment-content p { margin:0 !important; padding:0 !important; margin-bottom: .5em !important; } .commentlist .comment.bypostauthor { /*@ when author posts */ border-style: none; } .comment-meta { display:block; margin:0; padding:0; height:auto; } .commentlist li.comment .comment-meta { /* top meta area */ border-bottom:none; background-color:transparent; /*@ meta bg */ margin:0 0 16px 0; padding:4px; font-style:normal; font-size:80%; } .commentlist li.comment .comment-author img.avatar { float:left; margin:0; padding:0; position:relative; left:-10px; top:-10px; border: none; } .comment .reply { padding:0 0 4px 40px; } #commentform .comment-form-comment { margin-bottom:10px !important; } #commentform .required { font-weight:bold; padding-right:4px; } #commentform .logged-in-as { font-style:italic; font-size:90%; margin:0 0 4px 20px; } #commentform .form-allowed-tags { display:none; font-size:70%; line-height:1.1; padding:0 20px; margin-top:-10px; } #commentform input:focus, #commentform textarea:focus { } #respond .form-submit { float: right; margin: -8px 20px 10px; } #respond input#submit:active { /* no setting available to customize - but universal "button" submit flash */ background: #888; } #respond form label { padding-right:5px; } /* Comment CAPTCHA Plugin Style Specifications ------------------------------------------------------------------ */ #commentform .comment-form-captcha { float:left; clear:none; width:500px; } /* =Footer ----------------------------------------------- */ #colophon { clear: both; margin-top: 0; /* margin at the top of the footer */ } .widget-in-footer { margin:0; } #sidebar_wrap_footer { padding: 1em 3% 1em 3%; overflow: hidden; } #sidebar_wrap_footer.one .widget-in-footer { margin-left:4%; margin-right:4%; } /* Two Footer Widget Areas */ #sidebar_wrap_footer.two .widget-in-footer { float: left; margin-right: 4%; width: 48%; } #sidebar_wrap_footer.two .widget-in-footer + .widget-in-footer { margin-right: 0; } /* Three Footer Widget Areas */ #sidebar_wrap_footer.three .widget-in-footer { float: left; margin-right: 4%; width: 30.5%; } #sidebar_wrap_footer.three .widget-in-footer + .widget-in-footer + .widget-in-footer { margin-right: 0; } /* Four Footer Widget Areas */ #sidebar_wrap_footer.four .widget-in-footer { float: left; margin-right: 2%; width: 23.5%; } #sidebar_wrap_footer.four .widget-in-footer + .widget-in-footer + .widget-in-footer + .widget-in-footer { margin-right: 0; } #site-ig-wrap { background:inherit; min-height:2.0em; } #site-info { float:left; font-weight: normal; padding-left: 3.0em; } #site-info a { font-weight:normal; } #site-generator { float: right; font-weight: normal; font-style: italic; padding-right: 3.0em; } #site-generator a { font-weight:normal; } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; font-size: 10px !important; padding:20px !important; } footer.entry-meta a[rel=bookmark]:link:after, footer.entry-meta a[rel=bookmark]:visited:after, footer.entry-utility a[rel=bookmark]:link:after, footer.entry-utility a[rel=bookmark]:visited:after{ content: " [" attr(href) "] "; /* Show URLs */ } #wrapper { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; margin-top:0 !important; border:none !important; box-shadow: none !important; background:none !important; padding:10px !important; } #branding { border-top: none !important; padding: 0 !important; } #branding div { margin: 0; } #site-title, #site-description { position: relative !important; float: none; line-height: 1.5em; margin: 0 !important; padding: 0 !important; } .menu_bar, #infobar, #sidebar_wrap_left, #sidebar_wrap_right, .edit-link a, #content nav, .entry-header .comments-link, .page-link, #respond, .widget-area, #colophon { display: none !important; margin: 0 !important; padding:0 !important; } #sidebar_wrap_left, #sidebar_wrap_right { width:0; } #main { border-top: none; box-shadow: none; overflow: visible; } #container, #container_wrap { float: left; margin: 0; width: 100% !important; padding: 0px !important; } #content { padding: 0px !important; margin: 0 1em 0 1em !important; width: 100%; } /* Comments */ .commentlist > li.comment { background: none; border: 1px solid #ddd; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .commentlist li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist li.comment .fn { display: block; } .commentlist li.comment .comment-content { margin: 1.625em 0 0; } .commentlist .comment-edit-link { display: none; } .commentlist > li::before, .commentlist > li.bypostauthor::before { content: ''; } .commentlist .reply { display: none; } /* Post author highlighting */ .commentlist > li.bypostauthor { color: #444; } .commentlist > li.bypostauthor .comment-meta { color: #666; } .commentlist > li.bypostauthor:before { content: none; } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #fff; border-color: #ddd; } .commentlist .children > li.bypostauthor > article, .commentlist .children > li.bypostauthor > article .comment-meta { color: #666; } } /* =IE7, IE8 ----------------------------------------------- */ .ie-show {display:none;} #ie7 .ie-show, #ie8 .ie-show {display:block;} /* for showing only on IE7/8 */ #ie7 #infobar_paginate .page-numbers, #ie7 #nav-above .page-numbers, #ie7 #nav-below .page-numbers { /* no rgba, so box them */ border: 1px solid #888; } #ie8 #infobar_paginate .page-numbers, #ie8 #nav-above .page-numbers, #ie8 #nav-below .page-numbers { border: 1px solid #888; } #ie8 #content .featured-image img, #ie8 #branding img, #ie8 .image-attachment img { width:auto; } #ie8 #branding #header_image img {width:100%;} #ie8 .widget img { width:auto; } #ie7 .infobar_right { /* ie7 float right doesn't work right, so... */ float:none; margin-left:30px; } #ie7 #access .menu, #ie7 #access2 .menu,#ie7 #access3 .menu {display:inline !important;} #ie7 #nav-top-menu, #ie7 #nav-bottom-menu { position:relative; z-index:999; } #ie7 .menu-add {margin-top:-4px !important;} #ie7 #branding {padding-top:1px !important;} /* loses margin without this */ #ie7 article.intro { margin-left: -7.6%; margin-right: -7.6%; padding-left: -7.6%; padding-right: -7.6%; max-width:940px; } #ie7 section.featured-post { margin-left: -7.6%; margin-right: -7.6%; max-width: 850px; } #ie7 section.recent-posts { margin-right: 7.6%; }