/*
Theme Name: Weaver II Pro Child
Theme URI: http://FilmographyStudio.com/
Description: Child theme for the Weaver II Pro Theme
Author: Janak
Author URI: http://FilmographySutdio.com/
Template: weaver-ii-pro
Version: 1.2.7
*/
@import url("../weaver-ii-pro/style.css");
/* NOTE: See above that the Template & Parent theme style.css must point to parent theme folder */
/* EXAMPLE : How to center align a div via css - width cannot be auto
.aligncenter { width: 50%; float: none; display: block; margin-left: auto; margin-right: auto; } */
/* MY COLOR SCHEME: Link=White=FFFFFF, LinkHover & Titles=LightGray=D3D3D3, Text=DarkGray=A9A9A9, Border=DimGray=696969 */
/******************************************************************************
MY CLASSES : Class name start with ".jk-*"
WEAVER LEGACY SMART MOBILE MODE RULES : Rules which are based on classes like
.weaver-tablet, .weaver-smalltablet, .weaver-phone, .mobile_widget_area, etc.
are only applied when Weaver mobile mode is set to one of the "Smart" modes,
else rules for class ".weaver-desktop" will be applied.
TODO REMOVE THIS LEGACY SUPPORT: Delete rules for classes .weaver-tablet,
.weaver-smalltablet, .weaver-phone, .mobile_widget_area, etc. but leave alone
the rules for class ".weaver-desktop" because those are applicable for the new
fully responsive behavior.
******************************************************************************/
/* BEGIN *********************************************************************/
/* DEFINE BASELINE FONT SIZE: Define baseline font size 1em == x-small == 10px (62.5%) while medium == 16px (14pt i.e. 100%) on most systems */
html { font-size: x-small !important; }
html body, html .weaver-tablet { padding: 1em !important; } /* weaver will automatically 0 this out on tablets and phones so look for customizatin further down the line*/
/* IE7 adds a 2-3 pixel internal border to (browswer window) which can cause #sidebar_wrap_right to wrap below #container_wrap.
Forcably reducing the width of any one of them even by 0.1% for IE7 is a workaround for now. */
/*#main #sidebar_wrap_right { width: 22% !important; } #main #container_wrap { width: 78% !important; } #ie7 #main #container_wrap { width: 77% !important; }*/
#sidebar_wrap_right { width: 22% !important; } #container_wrap { width: 78% !important; } #ie7 #container_wrap { width: 77% !important; }
#wrapper { padding: 0 !important; overflow: hidden; }
#wrapper { border: 0px !important; /*box-shadow: none !important; border-radius: 0 !important;*/ }
.weaver-desktop /*body*/ { /*min-width: 60em;*/ font-size: 1.0em !important; } /* may be or may not be required - depends on theme & font */
.weaver-tablet /*body*/ { /*min-width: 60em;*/ font-size: 1.1em !important; } /* may be or may not be required - depends on theme & font */
.weaver-smalltablet /*body*/ { /*min-width: 20em;*/ font-size: 1.15em !important; } /* may be or may not be required - depends on theme & font */
.weaver-phone /*body*/ { /*min-width: 20em;*/ font-size: 1.3em !important; } /* may be or may not be required - depends on theme & font */
/* If width is 720px (72em @ 10px, 60em @ 12px font-size) or less then fix the widths & force user to scroll horizontally if screen width is reduced
- only use if there is a proper way to enforce this only on desktop view.
- why 720px? cause that can allow some small/low-res screens manually switch to desktop view (even in portrait mode)
(e.g. Apple iPad-1 & iPad-2: 1024x768, Samsung Galaxy 1: 1280x720, Some old Std Def WebTV 720x480)
- why 72em? cause at 10px font-size it is equal to 720px and width in em gracefully survives enlargement by browser zoom in levels
- why 60em? cause at 12px font-size it is equal to 720px and width in em gracefully survives enlargement by browser zoom in levels
- why 45em? Cause media queries in em evaluates at default zoom level so therefore after doing the math:
72em @ font 10px == 45em @ font 16px (At 100% default zoom level: 1em = 14pt font = 16px font) */
/*.weaver-desktop #wrapper { /*min-width: 72em; }*/
/* @media screen and (max-width: 45em) /* 45em at 16px == 72em at 10px == 60em at 12px == 720px */
/*{*/
/*body { min-width: 72em; max-width: 72em; }*/
/*.weaver-desktop #wrapper { min-width: 72em; max-width: 72em; }*/
/*}*/
/* @media screen and (min-resolution: 300dpi), /* css for hi-res hand helds like iPhone/iPad retina display */
/*@media screen and (max-device-width: 800px) /* css based device width for low res devices including hand-helds */
/*{
}*/
/*.weaver-desktop .mobile_menu_bar {display:none !important;}*/
/* IE7 & IE8 don't support responsive media queries, so we always display menubar and set the minimum width */
#ie7 #nav-top-menu, #ie8 #nav-top-menu { display: block !important; }
#ie7 .weaver-desktop, #ie8 .weaver-desktop { min-width: 75em !important; }
#ie8 img[class*="wp-image-"] { width: auto; } /* IE8 WORKAROUND: set width:auto to fix squeezed image BUG on IE8 only, when height:auto with max-width: 100% combination */
/* REMOVE ugly shadows added by weaver for some elements */
.commentlist li.comment .comment-author img.avatar, /* avatar image shadow during comment/reply */
#commentform textarea:focus, /* text-area shadow that weaver has added upon focus */
.entry-content img[class*="wp-image-"] /* for images on Posts */
{
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
-pie-box-shadow:none!important; /* For IE7 & IE8 we need to remove the PIE lib shadows */
}
/*#ie7 .entry-content css3-container, #ie8 .entry-content css3-container, /* for images in posts including gallery thumbnails */
/*#ie7 .comment css3-container border, #ie8 .comment css3-container border /* for comment author avatar */
/*{ display: none; } /* remove ugly weaver shadow border on IE7 & IE8 */
/*#ie7 .gallery-icon img, #ie8 .gallery-icon img, /* thumbnail images in gallery */
/*#ie7 .entry-content img[class*="wp-image-"], #ie8 .entry-content img[class*="wp-image-"] /* This should (not necessarily) affects all images in a post entry, i.e. ones not in a gallery */
/*{ /* PIE SPECIAL CASE: This is to keep display of original image which is hidden by (weaver) PIE element css3-container - search PIE SPECIAL CASE for dim on hover code */
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
/* -ms-filter: "alpha(opacity=100)" !important; /* IE8 */
/* filter: alpha(opacity=100) !important; /* IE7 */
/* opacity: 1 !important; /* IE9+ & all other broswers. */
/*}*/
/* some color & border customization for comments */
.commentlist .comment-content {
/* border-style: dotted;*/
/* border-width: 1px; /* need to show some borders on IE7 & browsers that don't support rgba() */
/* border-color: rgba(0,0,0,0); /* transparent border when opacity on background is used: n/a to IE7 & browsers that don't support rgba() */
}
.commentlist .children li.comment { border-radius: 0 0 .75em .75em; } /* rounded border at the bottom of nested comments only */
.commentlist li.comment, #respond { /* ps: comments can be nested so need background to change color tone, can do by using opacity paramer of rgba() */
/*background: url(/-my-images/trans-white50-small.png) !important;*/
border-style: none !important;
/* border-style: dotted !important;
/* border-width: 1px; /* need to show some borders on IE7 & browsers that don't support rgba() */
background: #282828 !important; /* For browsers that don't support opacity with rgba() e.g. IE7, IE8 */
background: rgba(48,48,48,0.5) !important; /* For browsers that support opacity with rgba e.g. IE9+ */
/* border-color: rgba(0,0,0,0) !important; /* transparent border when opacity on background is used: n/a to IE7 & browsers that don't support rgba() */
/*border-style: dotted none dotted none !important;*/
/*border-width: 2px 0px 2px 0px; /* need to show some borders on IE7 & browsers that don't support rgba() */
/*border-right-color: rgba(0,0,0,0) !important; /* transparent border when opacity on background is used: n/a to IE7 & browsers that don't support rgba() */
/*border-left-color: rgba(0,0,0,0) !important; /* transparent border when opacity on background is used: n/a to IE7 & browsers that don't support rgba() */
/*-webkit-box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.2);
-moz-box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.2);
box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.2);*/
}
.commentlist li.comment .comment-meta { /* title area of comments */
background: #383838 !important; /* For browsers that don't support opacity & rgba e.g. IE7, IE8 */
background: rgba(64,64,64,0.5) !important; /* For browsers that support opacity & rgba e.g. IE9+ */
}
#commentform .form-submit { margin-top: 0 !important; } /* Fix top-margin of Post Comment submit button */
/* customize calendar - remove border & more */
#wp-calendar tbody td { border: none; background: transparent; }
#wp-calendar thead th { text-align: center; font-weight: bold; }
#wp-calendar a { font-style: normal; }
/* Text Input fields & submit buttons need some customization for standardized look all over */
input[type="search"] { -webkit-appearance: none !important; } /* weaver bug - remove this property on search field as it shows a 1px border in chrome */
input:hover[type="submit"] { background: #AAAAAA !important; }
input[type="submit"] { border-style: outset !important; cursor: pointer !important; }
select, input[type="submit"] { background: #D3D3D3 !important; color: #333333 !important; }
select, textarea, input[type="submit"], input[type="text"], input[type="search"], input[type="password"] {
border-style: solid !important; padding: .25em .5em .25em .5em !important;
}
select, input, textarea, input#s/*.widget_search #s*/ {
font-size: 120% !important; /* Weaver bug, input#s is hardcoded in css & size for these is too small */
border-width: 0 !important;
border-radius: .3em !important;
}
input, textarea, input#s/*.widget_search #s*/ {
background: #696969 !important;
border-color: #D3D3D3 !important;
color: #D3D3D3 !important;
/*border-width: 1px !important;*/
}
input[type="checkbox"], input[type="radio"] { cursor: default !important; background: transparent !important; }
/* Need to make search widget 100% width of the sidebar */
/* Need to adjust search widget on Desktop Menu bar also */
.menu_bar .menu-add { width: 22%; margin-left: 3em; margin-right: 0;
/* Box Sizing tells browser to include padding & border in the size calculations */
-moz-box-sizing:border-box; /* FireFox */
-webkit-box-sizing:border-box; /* Safari on iOS <= 4, Android Chrome <= 2.3*/
box-sizing:border-box; /* CSS3 all browsers */
/* *behavior: url(/wp-content/themes/weaver-ii-hacked-child/scripts/ie7-boxsizing.htc); /* IE7 (path to file is relative to webroot not css */
}
.menu_bar .menu-add .menu-add-search { width: 100%;
/* Box Sizing tells browser to include padding & border in the size calculations */
-moz-box-sizing:border-box; /* FireFox */
-webkit-box-sizing:border-box; /* Safari on iOS <= 4, Android Chrome <= 2.3*/
box-sizing:border-box; /* CSS3 all browsers */
/* *behavior: url(/wp-content/themes/weaver-ii-hacked-child/scripts/ie7-boxsizing.htc); /* IE7 (path to file is relative to webroot not css */
}
.menu-add-search .searchform , .widget_search .searchform {
display: inline-block !important; width: 100% !important; overflow: hidden !important; } /* Only needed for IE7 */
.menu_bar .menu-add .menu-add-search #s, .widget_search #s { min-width: 1px !important; width: 100%;
/* Box Sizing tells browser to include padding & border in the size calculations */
-moz-box-sizing:border-box; /* FireFox */
-webkit-box-sizing:border-box; /* Safari on iOS <= 4, Android Chrome <= 2.3*/
box-sizing:border-box; /* CSS3 all browsers */
/* *behavior: url(/wp-content/themes/weaver-ii-hacked-child/scripts/ie7-boxsizing.htc); /* IE7 (path to file is relative to webroot not css */
}
/* reposition search button to upper right corner of widget */
.menu-add-search .searchform, .widget_search { position: relative; }
/*.widget_search .searchformimg { position: absolute; right: 0; top: 0; }*/
.menu_bar .menu-add .menu-add-search #s { margin-right: -3em; padding-right: 3em !important; }
.widget_search .searchformimg:hover, .menu_bar .menu-add .menu-add-search .searchformimg:hover { /* light up on hover */
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: "alpha(opacity=90)" !important; /* IE8 */
filter: alpha(opacity=90) !important; /* IE7 */
opacity: 0.9 !important; /* IE9+ & all other broswers. */
}
.widget_search .searchformimg, .menu_bar .menu-add .menu-add-search .searchformimg {
position: absolute; right: 0; top: 0; margin: .25em; width: 2em; height: 1.25em;
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: "alpha(opacity=75)" !important; /* IE8 */
filter: alpha(opacity=75) !important; /* IE7 */
opacity: 0.75 !important; /* IE9+ & all other broswers. */
}
/*.menu_bar .menu-add .menu-add-search .searchformimg { width: 2em; height: 1.25em; opacity: .75; }*/
/*.menu_bar .menu-add .menu-add-search .searchformimg { float: right; margin: .25em; } /* Only needed for IE7 */
.sub-menu { padding: 0 !important; } /* remove submenu padding: weaver bug it seams */
.menu_bar { margin: 0 !important; } /* remove 1px menu margin: weaver bug it seems */
.menu_bar, .sub-menu { box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.2) !important; } /* menu shadows */
/* MP3-JPlayer */
.jp-innerwrap .player-track-title { /* display: none !important; */ /* Fix display of track title, it overflows at small widths */
font-size: x-small !important;
height: 2em !important;
overflow: hidden !important;
}
.jp-innerwrap .jp-interface .MIsliderVolume { background: #696969 !important; left: auto !important ; right: auto !important; width: 100% !important; }
.jp-innerwrap .jp-interface .MIsliderVolume .ui-slider-range { background: #A9A9A9 !important; }
.jp-innerwrap *, .jp-innerwrap .transport-MI *:hover { color: #A9A9A9 !important; }
.jp-innerwrap a, .jp-innerwrap .transport-MI * { color: #D3D3D3 !important; font-weight: normal !important; cursor: pointer !important; }
/*.jp-innerwrap .innertab, .jp-innerwrap .bars_holder, .jp-innerwrap .bars_holder * { border-radius: 50px; }*/
/* AddThis */
.addthis_toolbox {
float: none !important; /* remove float because it causes the element to loose layout */
margin: 0 !important; /* remove margins for even look */
}
/* Portfolio Slideshow: */
.portfolio-slideshow { max-width: 100%; } /* WORKAROUND: for Bug in PSP, at 100% zoom level image overflows at the right edge */
/*#ie8 .portfolio-slideshow { width: auto !important; } /* IE8 WORKAROUND: set width:auto to fix squeezed image BUG on IE8 only, when height:auto with max-width: 100% combination */
.ps-active .ps-* { z-index: 999999 !important; } /* bump up z-index of full screen slideshow to show above all other html elements */
.slideshow-wrapper .slideshow-title,
.slideshow-wrapper .slideshow-caption,
.slideshow-wrapper .slideshow-description * {
/* font size and style for Image title, caption and description has to match with post meta info area */
font-size: 78.8%;
font-style: italic;
margin-top: 0.25em !important;
margin-bottom: 0.25em !important;
width: 100% !important; /* Center slideshow meta, PSP forgot to do this */
text-align: center !important; /* Center slideshow meta, PSP forgot to do this */
}
.slideshow-wrapper .slideshow-meta, .slideshow-wrapper .meta-content { width: 100% !important; } /* Center slideshow meta, PSP forgot to do this */
/* WORKAROUND: (Fluid Layout) Had to disable "Fluid Layout" setting as it causes high CPU utilization on IE8, but we need fluid layout support some other way */
/* Start: Fluid Layout workaround */
.portfolio-slideshow { width: auto !important; height: auto !important; } /* Ensures image fills width and height upto max size of image */
.portfolio-slideshow .active-slide { position: relative !important; } /* Ensures layout (display size of image) is passed on to parent div element */
.portfolio-slideshow img { max-width: 100% !important; height: auto !important; } /* WORKAROUND: for enabling fluid layout support for all platforms */
#ie8 .portfolio-slideshow img { width: auto !important; } /* IE8 WORKAROUND: set width:auto to fix squeezed image BUG on IE8 only, when height:auto with max-width: 100% combination */
.portfolio_slideshow, .portfolio-slideshow .slide-showcontent, /* Scroll-up WORKAROUND: Ensures the non-active-slides don't cause scroll-up of page when active-slide changes as the slideshow is advanced. NOTE: issue still happens in IE8 if image is NOT in IE8 Browser Cache (possibly an IE8 bug) */
.portfolio-slideshow .active-slide /* IE WORKAROUND: IE does not respect "display: block !important" given from non-active-slides ".slide-showcontent" when PSP javascript changes it at the element level for ".active-slide" */
{ display: block !important; }
/* End: Fluid Layout workaround */
.portfolio-slideshow img {
/*max-height: 100% !important; /* just to keep portrait & landscape images at same height - does not work in all browsers nor with 100% stretch to fit */
/*width: 100% !important; /* stretch image to fit 100% container width - does not work with max-height: 100% */
/*min-width: 33% !important; /* stretch image to fit at least 33% container width - does not work with max-height: 100% */
}
.slideshow-wrapper .pscarousel {
margin-top: 1.66em !important; /* add top & botton margin of thumbnail to 1 element spacing: 1em + 0.33em + 0.33em = 1.66em */
width: 100% !important; /* needed for 100% wide carousel */
}
.slideshow-wrapper .pscarousel .scrollable { width: 80% !important; margin-left: 10% !important; margin-right: 10% !important; } /* needed for 100% wide carousel */
.slideshow-wrapper .pscarousel .ps-left, .slideshow-wrapper .pscarousel .ps-right { /* position of left & right carousel navigation */
top: 50% !important;
float: none !important;
position: absolute !important;
margin-top: -0.83em !important; /* to get exact center deduct thumbnail margin after deducting 1/2 of an element: -0.5em minus 0.33em = -0.83em */
margin-left: -0.25em !important; /* fix slight mis-alignment */
}
#ie7 .slideshow-wrapper .pscarousel .ps-left, #ie7 .slideshow-wrapper .pscarousel .ps-right {
/* html5 attribute "data-*" is not supported on IE7 so display the anchor text instead */
font-size: 1em !important; text-indent: -0.5em !important; overflow: visible !important; word-wrap: normal !important;
}
#ie7 .slideshow-nav.graphical a { text-indent: 0 !important; /* html5 attribute "data-*" is not supported on IE7 so display the anchor text instead */
font-size: 0.9em !important;
margin-top: 0 !important;
width: auto !important;
}
/* BEGIN - absolute postion of slideshow toolbar on IE7 is needed */
#ie7 .ps-toolbar div.ps-toolbar-close, #ie7 .ps-toolbar div.ps-toolbar-previous,
#ie7 .ps-toolbar div.ps-toolbar-next, #ie7 .ps-toolbar div.ps-toolbar-play
{ position: absolute !important; width: 25% !important; }
#ie7 .ps-toolbar div.ps-toolbar-close { left: 0 !important; } #ie7 .ps-toolbar div.ps-toolbar-previous { left: 50% !important; }
#ie7 .ps-toolbar div.ps-toolbar-next { left: 75% !important; } #ie7 .ps-toolbar div.ps-toolbar-play { left: 25% !important; }
/* END - absolute postion of slideshow toolbar on IE7 is needed */
.slideshow-wrapper .pscarousel .ps-left { left: 5% !important; } /* position of left carousel navigation */
.slideshow-wrapper .pscarousel .ps-right { left: 95% !important; } /* position of right carousel navigation */
.slideshow-wrapper .pscarousel, .slideshow-wrapper .pscarousel .scrollable, .slideshow-wrapper .pscarousel .scrollable .pager { height: 5.66em !important; } /* scrollable carousel needs to include height of margins to show full thumbnails */
.slideshow-wrapper .psthumbs, .slideshow-wrapper .pager { margin: 0 !important; } /* zero margins as so we can space thumbnails individually */
/*.slideshow-wrapper .psthumbs .pager div { display: table !important; } /* needed to keep well behaved responsive layout of thumbnails */
.slideshow-wrapper .pscarousel .pager img, .slideshow-wrapper .pager img {
margin: 0.33em !important; /* Margins between thumbnails */
width: 5em !important; /* 5em width */
height: 5em !important; /* 10/21/2012 - needed for Chrome bug only to make thumbnails reliably float left */
border-radius: 0.5em !important; /* rounded corner for slideshow thumbs */
overflow: hidden !important; /* clip images at rounded corners - most can, but not all browsers can do this */
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: "alpha(opacity=100)" !important; /* IE8 */
filter: alpha(opacity=100) !important; /* IE7 */
opacity: 1 !important; /* IE9+ & all other broswers. */
}
.slideshow-wrapper .pager img.activeSlide { /* Highlight active thumbnail - Note: transparent border does not show background in IE7 */
padding: 0.33em !important;
margin: 0 !important;
background-image: url(/-my-images/trans-white25.png) !important;
}
#ie7 .slideshow-wrapper .pager *, #ie8 .slideshow-wrapper .pager * { display: block !important; } /* Needed for IE7 & IE8 only to give layout to thumbnails */
/* Dim on hover */
.slideshow-wrapper .pager img:hover { /* thumbnail images in gallery */
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: "alpha(opacity=75)" !important; /* IE8 */
filter: alpha(opacity=75) !important; /* IE7 */
opacity: 0.75 !important; /* IE9+ & all other broswers. */
}
/*.slideshow-wrapper .pager, */.portfolio-slideshow img {
border-radius: 1em !important; /* rounded corner for slideshow images */
/* Center align the image within the slideshow (needed for free version only) - Note: does not center in IE7 */
/* margin-left: auto!important; /* explicit auto margin required to be able to reliably center */
/* margin-right: auto!important; /* explicit auto margin required to be able to reliably center */
/* float: none!important; /* floating not allowed if we want to center */
/* display: block!important; /*display: inline-block !important;*/ /* 'display' should 'block' or 'table' to be able to reliably center */
/* width: auto!important; /* width cannot be auto unless element has layout or when display is 'table' then the browser will calculate minimum required width */
/* As of 10/16/2012, For an if display:table it does not even show the image in IE8 & IE9, so had to change it to display:block */
/* Box Sizing tells browser to include padding & border in the size calculations */
-moz-box-sizing:border-box; /* FireFox */
-webkit-box-sizing:border-box; /* Safari on iOS <= 4, Android Chrome <= 2.3*/
box-sizing:border-box; /* CSS3 all browsers */
}
/*.slideshow-wrapper .pager { display: table!important; } /* need table display to be able to center thumbnails */
/*#ie7 .slideshow-wrapper .pager, #ie8 .slideshow-wrapper .pager { display: block!important; } /* need table display to be able to center thumbnails */
.graphical .psp-icon::before, .pscarousel .psp-icon::before/*, .bullets .psp-icon::before*/ { color: #D3D3D3 !important; } /* graphical nav color */
.slideshow-nav.graphical a { font-size: 1.3em !important; /* size of graphical navigation */
margin-left: 0.4em !important; margin-right: 0.4em !important; /* uncomment if needed to fit in 1 line on phones */
}
.graphical a.activate-fullscreen { font-size: 1em !important; } /* size of full screen button in graphical navigation */
.slideshow-wrapper .pscarousel a, .slideshow-nav a { color: #FFFFFF !important; word-wrap: normal !important; } /* style navigation links */
.slideshow-wrapper .pscarousel a:hover, .slideshow-nav a:hover { color: #D3D3D3 !important; text-decoration: none !important; } /* style hover for navigation links */
.slideshow-nav { height:auto !important; display: table !important; text-align: center !important; } /* center the navigation & pagination & make it colapsable (responsive) */
/*.slideshow-nav .slideshow-info { right: 0px !important; position: absolute !important; } /* absolute right position for pagination */
/*.slideshow-nav .slideshow-info { float: right !important; } /* float pagination to right */
/*.slideshow-nav { display: table !important; }*/
.slideshow-wrapper {
/* Center align the image within the slideshow - Note: does not center in IE7 */
/* margin-left: auto!important; /* explicit auto margin required to be able to reliably center */
/* margin-right: auto!important; /* explicit auto margin required to be able to reliably center */
/* float: none!important; /* floating not allowed if we want to center */
/* display: table!important; /*display: inline-block !important;*/ /* 'display' should 'block' or 'table' to be able to reliably center */
/* width: auto!important; /* width cannot be auto unless element has layout or when display is 'table' then the browser will calculate minimum required width */
/* As of 10/16/2012, For an if display:table it does not even show the image in IE8 & IE9, so had to change it to display:block */
}
.portfolio-slideshow {
/*display: table! important;*/
/*width: auto !important;
display: block !important;*/
}
.slideshow-content {
/* width: auto !important;*/
/*position: relative !important;
display: block !important;*/
}
/* Portfolio Slideshow Fancybox Lightbox */
.weaver-phone #fancybox-outer, .weaver-phone #fancybox-overlay { display: none !important; } /* Disable PSP fancybox on phones, it is just ugly */
#fancybox-title { display: none !important; } /* Hide - Image # of # */
#fancybox-content, #fancybox-content img { /* We need to have border-radius for also as some mobile & old broswers it can overflow at the corner */
/* watch out for close button 'X' to make sure it is position good */
border-radius: 1.5em !important;
}
#fancybox-content { /* Border hack */
background-color: transparent !important;
/* background-color: #404040 !important; /* For IE7, IE8 & older browsers that don't support rgba() */
/* background-color: rgba(255, 255, 255, 0.25) !important; /* IE9 & other newer browsers */
border-color: transparent !important; /* To show background through transparent border - hack for gap problems with browser zoomed in */
overflow: hidden !important; /* IE7, IE8 & may be some broswers show scrollbars when zoomed, so hide the minor overflow & scrollbars */
}
#fancybox-outer { /* Border hack */
background-color: transparent !important;
/*background-color: #404040 !important; /* For IE7, IE8 & older browsers that don't support rgba() */
/*background-color: rgba(255, 255, 255, 0.25) !important; /* IE9 & other newer browsers */
background-image: url(/-my-images/trans-white10-small.png) !important;
}
#fancybox-overlay { /* Overlay Opacity may not work in some old mobile broswers, so this is my hack */
background: transparent!important;
background-image: url(/-my-images/trans-black75-small.png)!important;
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: none !important; /* IE8 */
filter: none !important; /* IE7 */
opacity: 1!important;
}
/* Lightbox Plus: Customize lightbox styling */
/*#cboxClose { right: 1.5em !important; } /* reposition close button 'X' based on border-radius of lightbox */
#cboxSlideshow, #cboxTitle, #cboxCurrent { color: #D3D3D3 !important; }
#cboxSlideshow:hover { color: #FFFFFF !important; }
/*{*/
/* On hover light up controls (increase opacity) */
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
/*-ms-filter: "alpha(opacity=100)" !important; /* IE8 */
/*filter: alpha(opacity=100) !important; /* IE7 */
/*opacity: 1 !important;
/*}*/
#cboxClose { background: url(/-my-images/close.png) !important; top: -26px !important; right: -2px !important; }
#cboxPrevious { background: url(/-my-images/previous.png) !important; margin-top: -16px !important; left: 0 !important; }
#cboxNext { background: url(/-my-images/next.png) !important; margin-top: -16px !important; right: 0 !important; }
#cboxContent { margin-top: 24px !important; } /* make room for a 24px close icon */
#cboxClose, #cboxPrevious, #cboxNext { width: 32px !important; height: 32px !important; }
#cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover { /* On hover light up controls (increase opacity) */
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: "alpha(opacity=90)" !important; /* IE8 */
filter: alpha(opacity=90) !important; /* IE7 */
opacity: 0.90 !important;
}
#cboxPrevious, #cboxNext, #cboxClose { /* By default dim controls (decrease opacity) while viewing lightbox */
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: "alpha(opacity=50)" !important; /* IE8 */
filter: alpha(opacity=50) !important; /* IE7 */
opacity: 0.5 !important;
/* remove gap along left & right edge when browser has zoomed in */
margin-left: -0.1px !important;
margin-right: -0.1px !important;
}
#cboxLoadedContent, #cboxLoadedContent img { /* We need to have border-radius for also as some mobile & old broswers it can overflow at the corner */
/* watch out for close button 'X' to make sure it is position good */
border-radius: 1.5em !important;
}
#cboxLoadedContent { /* Border Hack */
background-color: transparent !important;
/* background-color: #404040 !important; /* For IE7, IE8 & older browsers that don't support rgba() */
/* background-color: rgba(255, 255, 255, 0.25) !important; /* IE9 & other newer browsers */
border-color: transparent !important; /* To show background through transparent border - hack for gap problems with browser zoomed in */
overflow: hidden !important; /* IE7, IE8 & may be some broswers show scrollbars when zoomed, so hide the minor overflow & scrollbars */
}
/*#ie7 #cboxLoadedContent { border-color: #404040 !important; } /* IE7: does not show background through transparent border */
#cboxTitle { /* center align title over top edge of of image */
top: 5px !important;
left: 0 !important;
width: 100% !important;
text-align: center !important;
text-shadow: 1px 1px 1px #000000;
}
#cboxSlideshow { left: 12px !important; width: 0 !important; word-wrap: normal !important; } /* left align Play/Pause */
/*#cboxClose { right: 0 !important; } /* right align close button */
#cboxCurrent, #cboxSlideshow/*, #cboxClose*/ { top: -20px !important; font-size: 120% !important; } /* Top align these controls */
#ie7 #cboxTopLeft, #ie7 #cboxTopCenter, #ie7 #cboxTopRight, #ie7 #cboxBottomLeft, #ie7 #cboxBottomCenter, #ie7 #cboxBottomRight
{ display: inline !important; float: none !important; } /* On IE7 need to eliminate extra height with empty divs */
#cboxCurrent:hover { cursor: default !important; } /* keep default pointer on page numbers */
#cboxCurrent { left: auto !important; right: 40px !important; } /* keep page numbers away from close 'X' */
#cboxWrapper { /* Border Hack */
background-color: transparent !important;
/*background-color: #404040 !important; /* For IE7, IE8 & older browsers that don't support rgba() */
/*background-color: rgba(255, 255, 255, 0.25) !important; /* IE9 & other newer browsers */
background-image: url(/-my-images/trans-white10-small.png) !important;
}
#cboxOverlay { /* Overlay Opacity may not work in some old mobile broswers, so this is my hack */
background: transparent!important;
background-image: url(/-my-images/trans-black75-small.png)!important;
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: none !important; /* IE8 */
filter: none !important; /* IE7 */
opacity: 1!important;
}
#cboxLoadingOverlay { background-color: transparent !important; }
#cboxLoadingGraphic {
background-image: url("/-my-images/loading.gif") !important;
height: 100% !important; /* lightbox / colorbox Bug: it forgot to do this without which loading graphic won't display */
}
#colorbox, #cboxOverlay, #cboxWrapper { z-index: 999999 !important; } /* don't want z-index to be too low or else it won't show above all html elements */
/* JCWP ScrollToTop: Customize scroll/back to top button */
#jcScrollTop:hover { background-image: url(/-my-images/trans-white50-small.png) !important; }
#jcScrollTop {
/* z-index: 99 !important; /* don't want z-index to be too high or else it can layer above a lightbox overlay */
bottom: .5em !important;
left: auto !important;
right: .5em !important;
top: auto !important;
border-width: 0px !important;
background-image: url(/-my-images/trans-white25-small.png) !important;
/* shadow */
-webkit-box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.5);
-moz-box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.5);
box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.5);
}
/* Dynamic To Top: Customize scroll/back to top button & make it a bit transparent */
#dynamic-to-top {
bottom: .5em !important;
left: auto !important;
right: .5em !important;
top: auto !important;
font-family: Arial,Helvetica,serif !important;
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: "alpha(opacity=50)" !important; /* IE8 */
filter: alpha(opacity=50) !important; /* IE7 */
opacity: 0.5 !important; /* IE9+ & all other broswers. */
}
/* Theme My Login: Center the Login, Register, Lost Password & Your Profile pages.
Note: Centring this does not work in IE7 as it cannot center element with width:auto */
#your-profile .form-table { display: inline-table; }
#theme-my-login {
display: table;
margin-left: auto;
margin-right: auto;
}
/* Fix bottom-margins of all elements on the Login, Register, Lost Password pages */
#theme-my-login * { margin-bottom: .25em !important; }
#theme-my-login p { /* style the login messages also */
color: inherit !important;
background-color: inherit !important;
border-radius: .4em;
}
/* Wordaround - make table row header & label font a consistent size */
#your-profile .form-table th, #your-profile .form-table label, #theme-my-login label { font-size: 100% !important; }
/* WordPress Social Login: Dim login provider icons on hover */
#wp-social-login-connect-options img:hover {
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: "alpha(opacity=85)" !important; /* IE8 */
filter: alpha(opacity=85) !important; /* IE7 */
opacity: 0.85 !important; /* IE9+ & all other broswers. */
}
/* Strs Floating Sidebar: plugin should not change this */
#sidebar_wrap_right { left: auto !important; position: relative !important; }
/* Si Captcha: Text field is 100% width, we don't need that */
#captcha_code { width: auto !important; }
/* Fast Secure Contact Form */
#FSContact1 {
width: auto !important; /* 100% form width */
}
#FSContact1 #si_contact_captcha_code1 {
/* width: auto !important; /* Fix width of captcha code field */
/* margin-bottom: 10px !important; /* Fix space between captcha and submit button */
}
#FSContact1 * { /* fit all fields within maximum bounds */
max-width: 100% !important;
/* Box Sizing tells browser to include padding & border in the size calculations */
-moz-box-sizing:border-box; /* FireFox */
-webkit-box-sizing:border-box; /* Safari on iOS <= 4, Android Chrome <= 2.3*/
box-sizing:border-box; /* CSS3 all browsers */
/* *behavior: url(/wp-content/themes/weaver-ii-hacked-child/scripts/ie7-boxsizing.htc); /* IE7 (path to file is relative to webroot not css */
}
/* #FSContact1 input[type="checkbox"] + label, /* label after input type checkbox only */
#FSContact1 input[type="checkbox"] { /* input of type checkbox only */
width: auto !important; /* Checkbox field width needs to be auto to work in IE8 & IE9 (seems like an IE box-sizing quirk!) */
/* cursor: pointer !important; */
}
/* MailPress: Auto resize the widget */
.mp-form { display: inline-block; width: 100%; overflow: hidden; } /* Only needed for IE7 */
.MailPressFormName, .MailPressFormEmail {
/*min-width: 1px !important; width: auto !important;*/ /* this trick worked in Chrome but not elsewhere so now using box-sizing instead */
width: 100% !important;
margin-bottom: .3em !important; margin-top: 1px !important;
/* Box Sizing tells browser to include padding & border in the size calculations */
-moz-box-sizing:border-box; /* FireFox */
-webkit-box-sizing:border-box; /* Safari on iOS <= 4, Android Chrome <= 2.3*/
box-sizing:border-box; /* CSS3 all browsers */
/* *behavior: url(/wp-content/themes/weaver-ii-hacked-child/scripts/ie7-boxsizing.htc); /* IE7 (path to file is relative to webroot not css */
}
.MailPressFormSubmit { margin-top: 0.3em !important; margin-bottom: 0 !important; }
/*#wrapper { background: url("/-my-images/trans-black75-small.png"); }*/
.menu_bar, #wrapper { max-width: 100% !important; }
/*#nav-bottom-menu, #nav-top-menu {
position: fixed;
top: 0em;
left: 0;
width: 100%;
z-index: 999999;
}
#wrapper { margin-top: 3em; }
*/
/* Change the position of Desktop to Mobile switcher */
.wvr-to-mobile-top {
/*left: 85%;*/
/*left: initial;*/
/*right: 4px;*/
/*top: 4px;*/
}
/* Change the position of Mobile to Desktop & Desktop to Mobile switcher */
.wvr-to-mobile-top, .wvr-to-desktop-top {
left: auto;
right: 1em;
top: 1em;
/* left: .75em;
top: .5em;*/
}
/* Customize display of alternative view switcher icon saved in Weaver Admin -> Advanced Options -> Mobile */
.wvr-to-desktop-top { width: 3.5em !important; } /* idea behind this is to enlarge on hover */
.wvr-to-desktop-top:hover { width: 4em !important; }
.wvr-to-mobile-top { width: 4.5em !important; } /* idea behind this is to enlarge on hover */
.wvr-to-mobile-top:hover { width: 5em !important; }
/* Need "Dim on Hover" for some elements */
/*#ie7 .gallery-icon img:hover, #ie8 .gallery-icon img:hover, /* PIE SPECIAL CASE: needed for ie7 & ie8 - search PIE SPECIAL CASE in this file */
/*.gallery-icon img:hover, /* thumbnail images in gallery */
/*.wvr-to-mobile-top:hover, .wvr-to-desktop-top:hover,*/
.edit-link a:hover /* Edit link/button for posts & comments */
{
/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
-ms-filter: "alpha(opacity=75)" !important; /* IE8 */
filter: alpha(opacity=75) !important; /* IE7 */
opacity: 0.75 !important; /* IE9+ & all other broswers. */
/* border-width: 2px !important;
border-color: transparent !important
-webkit-box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.5);
-moz-box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.5);
box-shadow: .2em .2em .2em rgba(0, 0, 0, 0.5);*/
}
/* reduce the width of comment textarea on mobile (phones & small-tablets) */
.weaver-phone .comment-form-comment textarea { width: 94%; }
/* reduce padding on mobile widget area & mobile widgets */
.weaver-phone .mobile_widget_area .widget { padding: .5em; }
.weaver-smalltablet, .weaver-phone { padding: 0.2em !important; }
.mobile_widget_area { padding: .4em !important; margin: /*.4em .4em 0 .4em*/ 0 !important; }
.weaver-phone #wrapper { padding-bottom: 0.5em !important; /*border-radius: 0 !important;*/ } /* need to negate this if footer is enabled see next line */
.weaver-phone #colophon { margin-bottom: -0.5em !important; font-size: 88% !important; } /* NEGATIVE margin to negate padding, incase footer is enabled */
/* Infobar stuff */
#infobar {display: block !important;} /* enable infobar display on all devices */
/* Remove display of #infobar from a regular ".page" pages */
/*.blog #infobar, .search #infobar, */.page #infobar {display: none !important;}
.weaver-smalltablet #infobar, .weaver-phone #infobar { font-size: 120%; } /*change fontsize for infobar on phone & small tablet*/
/*#infobar, #infobar .infobar_right { float:none; text-align: center; }*/
/*#infobar .infobar_right { display: block !important; }*/
#container { clear: both; } /* BUG: Weaver floats ".infobar_right" to right. It can cause main container area to have incorrect width, so need to clear the previous element */
/* BUG: Should use customization settings from blog page, but it always displays
"previous" & "next" for search page navigation, which can be confusing.
So don't display it & rely on the infobar paged navigation */
/* .search #nav-below, .search #nav-above { display: none; } *//* fixed in 1.2.4 */
/* Weaver has background opacity by default on page-numbers & some other elements, we don't want that */
#wp-calendar tbody td, #content thead th, .commentlist li.comment .comment-meta,
#infobar_paginate .page-numbers, #nav-above .page-numbers, #nav-below .page-numbers {
-ms-filter:none; filter:none; /* IE7, IE8 & IE9+ : Weaver adds opacity to IE using filter property, so remove it */
background-color: transparent;
}
/*#ie7 #infobar_paginate .page-numbers, #ie7 #nav-above .page-numbers, #ie7 #nav-below .page-numbers { filter:none; } /* IE7 has bugs, need to undo some weaver properties */
/*#ie7 #nav-above .page-numbers, #ie7 #nav-below .page-numbers, #ie7 #infobar_paginate .page-numbers { border: none; } /* remove ugly border that weaver adds for IE7 */
#nav-above .page-numbers, #nav-below .page-numbers, #infobar_paginate .page-numbers { border: none !important; } /* remove ugly border that weaver adds for IE7 */
#ie7 #infobar { text-align: center; } /* On IE7, since page numbers don't float right and stay on same line, we'll just center the entire infobar */
/*#ie7 .infobar_right { float: right; } #breadcrumbs { display: inline-block; }*/
/******* MOBILE MENU **********/
.mobile_menu_bar { text-align: center; padding: .5em .25em .5em .25em !important; padding-bottom: .5em !important; }
.mobile_menu_bar a { display: none; } /* removes home link */
.mobile_menu_bar div { margin-bottom: 0 !important; }
.mobile-menu-link { margin-left: auto !important; margin-right: auto !important; float: none !important;
display: block !important; width: 33% !important; text-align: center !important; border-width: 0 !important; }
.mobile-menu-link a { display: inline-block; font-weight: bold !important; color: #333333 !important;
font-size: 120%; background: #D3D3D3 !important; border-radius: .5em; padding: 0.1em .5em 0.1em .5em; }
.mobile-menu-link a:hover { background: #AAAAAA !important; }
.menu-vertical { font-size: 120%; border-radius: 0 !important; border-width: 0px !important; }
.menu-vertical a { border-width: 2px /*0px 1px 0px*/ !important; border-style: solid none none none !important; /*border-color: inherit !important; */border-radius: 1.5em 1.5em 0 0 !important; margin-top: 1px; }
/******* MOBILE MENU **********/
/* style search widget in mobile menu */
.menu-vertical .menu-add .menu-add-search input[type="search"] { min-width: 12em; }
.menu-vertical .menu-add { /*padding: .5em 0 0 0 !important;*/ border-style: dotted none none none; border-width: 1px; margin: .5em 0 0 0 !important; }
/*.menu-vertical .menu-add .menu-add-search, .menu-vertical .menu-add .menu-add-search input[type="search"] { margin: 0 !important; }*/
/* style search widget in tablet menu */
.weaver-tablet .menu-add .menu-add-search { margin-top: 0.25em; }
/*.menu_bar { position: relative; }*/
.menu_bar .menu { /*display: inline-block; float: right; /*clear: right;*/ }
.menu_bar .menu-add { /*clear:left; display: inline-block !important; */
/* float: none;
position: absolute;
right: 0;
top: 0;
width: 50em;
min-width: 1px;*/
}
/*.menu_bar .menu-add .menu-add-search .searchform { display: block !important; }*/
/* Customize site title & description, especially for phone - be carefull when they are moved over site header image */
#main { padding-top: 0 !important; } /* tighten header spaceing */
#site-description:hover, #header_image a:hover, #site-title a:hover { cursor: default !important; } /* on hover of site header area display default cursor, as these links are for SEO */
.weaver-phone #site-description, .weaver-phone #site-title { margin-top: 0.75em !important; left: 0 !important; }
.weaver-phone #site-title { margin: 1em 0 0 1em !important; top: 0 !important; }
.weaver-phone #site-description { margin: 0.5em 0 0 3em !important; font-size: 90% !important; }
/* Center Align site title & description */
/*#site-info,*/
#site-description, #site-title {
/* width: 100% ;
text-align: center;
margin-left: 0;
margin-right: 0;*/
}
/* To move wvr-to-mobile-bottom & wvr-to-desktop-bottom to Left */
/*#site-info { float: right; }*/
/* Customize Display for widgets in bottom area of 'page', 'blog', 'site' & 'footer' to be in one line & collapse responsively */
/*.sidebar_bottom { width: 92% !important; margin: 0 4% 0 4% !important; }*/
/*#bottom-widget-area*/ .sidebar_top, .sidebar_bottom, .sidebar_extra { /* 'page', 'blog' & 'site' bottom widget area */
float: none !important;
display: inline-block !important;
/*width: 92% !important;
padding: 0 !important;
margin: 1em !important;*/
}
#sidebar_wrap_footer, .widget-in-footer .widget-area { /* multiple footer wrapper & footer widget area */
float: none !important;
display: inline-block !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
/*#bottom-widget-area*/ .sidebar_bottom .widget, .sidebar_top .widget, .sidebar_extra .widget,
#sidebar_wrap_footer .widget-in-footer, .widget-in-footer .widget-area .widget {
float: left !important;
clear: none !important;
display: table !important;
padding: 0 !important;
margin: .5em !important;
}
/* Margings & Padding adjustment for sticky/posts - only needed if sticky/posts have a background */
.post, .sticky { padding: .5em 1em .5em 1em !important; margin-left: 0 !important; margin-right: 0 !important; } /* fix sticky posts left & right margins */
.weaver-phone .post, .weaver-phone .sticky { padding: .4em !important; margin-left: 0 !important; margin-right: 0 !important; } /* fix sticky posts left & right margins */
.post .comments-link a, .sticky .comments-link a { padding-right: 1.25em !important; } /* weaver bug, it forgot to do this on sticky posts */
.weaver-phone .post .comments-link a , .weaver-phone .sticky .comments-link a { padding-right: .5em !important; } /* weaver bug, it forgot to do this on sticky posts */
/* Adjust left & right spacing of some other elements for a uniform look on desktop & mobile devices */
#breadcrumbs { padding-left: .5em !important; }
.entry-utility { width: 100%; display: inline-table; } /* weaver bug, it forgot to do this, fixes margin problems with edit post link when logged-in*/
#infobar, #content, /*#site-info,*/ #container {
padding-left: .5em !important; padding-right: .5em !important;
}
.weaver-phone #infobar, .weaver-phone #content, /*.weaver-phone #site-info,*/ .weaver-phone #container {
padding-left: .2em !important; padding-right: .2em !important;
}
.sidebar_top, .sidebar_bottom, .sidebar_extra {
margin-left: .5em !important; margin-right: .5em !important;
}
.weaver-phone .sidebar_top, .weaver-phone .sidebar_bottom, .weaver-phone .sidebar_extra {
margin-left: .2em !important; margin-right: .2em !important;
}
#colophon { border: none; margin-top: 1em; padding-top: 0.5em; } /* footer */
#site-info { padding-left: 1em !important; padding-right: 1em !important; }
/*:hover, :focus, :active,
a:hover, li:hover, ul:hover,
a:focus, li:focus, ul:focus,
a:active, li:active, ul:active,
.sfHover, .sf-sub-indicator { background-position: 0% 0% !important; background-repeat: repeat repeat !important; }*/
/*#ie7 a:hover, #ie7 .comments:hover, #ie7 .comment*:hover, #ie7 .comments *:hover,
#ie7 css3-container imge, #ie7 css3-container border { -ms-filter:none; filter: none; } /* Remove background filter on IE7, it causes problems with background on hover */
/* Customized Theme COLOR Scheme - Override anything in set above & in theme configuration options */
#main, .widget-area { background-color: transparent !important; }
input, textarea, input#s/*.widget_search #s*/ { background-color: transparent !important; background-image: url(/-my-images/trans-white25-small.png) !important; }
#wrapper { background-color: transparent !important; background-image: url(/-my-images/trans-black50-small.png) !important; }
.commentlist li.comment .comment-meta , /* title area of comments */
.commentlist li.comment, #respond, /* comment & respond areas */
/*#sidebar_primary, .mobile_widget_area, .widget-area, */
#colophon, .widget, /* widget areas, footer & widgets */
.post { background-color: transparent !important; background-image: url(/-my-images/trans-black50-small.png) !important; }
.sticky { background-color: transparent !important; background-image: url(/-my-images/trans-black50-small.png) !important; }
.sub-menu { background-image: none !important; } /* remove weaver shadow background-image */
.mobile_menu_bar, .menu-vertical, body .menu_bar, .menu_bar .sub-menu li
{ background-image: url(/-my-images/trans-black75-small.png) !important; } /* mobile menu, regular menu & sub-menu background */
/*.menu-vertical li a:hover, .menu li a:hover, .menu-vertical .sub-menu li a:hover*/
nav .menu li a:hover, nav .menu .sub-menu li a:hover
{ color:black !important; background-color: transparent !important; background-image: url(/-my-images/trans-white75-small.png) !important; } /* hover background */
/* { background-image: none !important; background-color: black !important; } /* black hover background */
.mobile-menu-link a, select, input[type="submit"] { background-color: transparent !important; background-image: url(/-my-images/trans-white90-small.png) !important; }
.mobile-menu-link a:hover, input[type="submit"]:hover { background-color: transparent !important; background-image: url(/-my-images/trans-white75-small.png) !important; }
/* Remove some problematic CSS3 PIE styling for all elements IE7 & IE8 that Weaver has added via PIE library */
/*#ie7 css3-container background, #ie8 css3-container background { display: none; }*/
* { /* the '*' is for ALL elements */
-pie-border-radius: none!important; /* Adds some awkward spacing around border for some elements but mainly causes darker background when using transparent & transluscent backgrounds */
}
#ie7 .menu_bar .menu { float: left; } #ie7 .menu_bar .menu-add { margin-top: 0 !important; }/* IE7 quirk, need to do this in combo with zoom:1 so ".add-menu" (search widget) can float right */
#ie7 #infobar { text-align: left; } #ie7 #infobar #breadcrumbs { float: left; } #ie7 #infobar .infobar_right { float: right } /* Fix infobar float problem in IE7 */
/*.menu_bar, .menu > ul, .menu > ul > li, .menu > ul > li > a, /* main menu */
/*.menu > ul:hover, .menu > ul > li:hover, .menu > ul > li > a:hover, /* main menu */
/*.menu > ul:focus, .menu > ul > li:focus, .menu > ul > li > a:focus, /* main menu */
/*.menu-item > ul, .menu-item > ul > li, .menu-item > ul > li > a, /* sub menus */
/*.menu-item > ul:hover, .menu-item > ul > li:hover, .menu-item > ul > li > a:hover, /* sub menus */
/*.menu-item > ul:focus, .menu-item > ul > li:focus, .menu-item > ul > li > a:focus /* sub menus */
/* { background-color: transparent !important; } /* reset background colors on menu */
/*.menu > ul > li > a:hover, .menu > ul > li > a:focus, /* main menu */
/*.menu-item > ul > li > a:hover, .menu-item > ul > li > a:focus /* sub menus */
/* { background-image: url(/-my-images/trans-white25-small.png) !important; } /* hover/focus background */
/*.menu_bar, /* main menu */
/*.menu-item > ul > li > a /* sub menus */
/* { background-image: url(/-my-images/trans-black75-small.png) !important; } /* menu & sub-menu background */
/* PIE WORKAROUND: some of these elements have hover, background, sizing & float problems in IE7, style "zoom: 1" is the workaround*/
#ie7 .commentlist li.comment .comment-meta , /* title area of comments */
#ie7 .commentlist li.comment, #ie7 #respond, /* comment & respond areas */
/*#ie7 a:hover, /* all link hovers */
/* HTML5 in IE7 WORKAROUND: HTML5 tags like and