/*
Theme Name: newaskwoody
Theme URI: http://www.mymobiles.com/wordpress-themes/gear
Description: High quality WordPress theme named "Gear". Includes a very customizable banner. Change visibility, banner's image (includes 6 variations: gear, bird, bulb, user, user2, binoculars), text through an options page. You may also change theme's background with available 14 patterns. Compatible with WordPress 2.7. Valid CSS & HTML. Theme is ready for localization. Please contact us, if you'd like to contribute your own language. Supported languages: Lithuanian, Italian, Danish, Spanish, Portuguese, German, Russian, Turkish, French, Romanian, Finnish. Designed by My Mobiles Web Development Team with modifications by PapayaSoft
Version: 1.2.4
Author: My Mobiles (modified by PapayaSoft for AskWoody)
Author URI: http://www.mymobiles.com and http://papayasoft,com
Tags: black, blue, dark, white, two-columns, fixed-width, theme-options, right-sidebar
BLUEPRINT CSS
* Version: 0.7.1 (2008-02-25) YYYY-MM-DD
* Website: http://code.google.com/p/blueprintcss/
== STRUCTURE: ========================
* Page width: 852 px
* Number of columns: 24
* Column width: 24 px
* Margin width: 12 px
======================================
Starting in 2021
================
Changes to this stylesheet have been made by Will Fastie ("WF"). All such changes are marked with a comment taking the following form:
WF YYYY-MM-DD - description of change
For clarity, the rules being changed are commented out and the new rules follow. If necessary, it should be possible to
revert as necessary.
Want to find everything changed in 2021? Search for "WF 2021-" and you should find them. In a pinch, just search for "WF 20".
*/
/* Change Log
WF 2022-01-11 - Remove brown color for links in forum topics that are closed
WF 2022-01-27 - Fix incorrect word breaks in AskWoody logotype
WF 2022-02-12 - Redesigned byline (see .info)
WF 2022-02-17 - Button design for post tiles, including new hover behavior. Also see .info.byline
WF 2022-02-19 - Deploy new logo/logotype & social icons to site header (see head.php)
WF 2022-03-03 - Fixed problem with MS-DEFCON banner induced by WordPress 5.9.
KS 2022-11-11 - Added class for the .woo-widget-cta in sidebar (e.g. Get AskWoody Plus for registered members)
WF 2022-12-26 - New registration banner beneath MS-DEFCON banner (deployed 2023-01-02)
- See .body-registration-banner below and banner.php
WF 2023-01-02 - New horizontal rule for use on About Page (hr.about-page)
WF 2023-03-17 - Added new class for item titles (see h2.item-title-single)
*/
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:75%;color:#362c13;background:#fbf5e6;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#361507;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
/*
WF 2021-07-22 - global handling of hyperlinks
Hyperlinks are now "browser standard" blue, hovers are red, and visited links are purple.
*/
/* a:focus, a:hover {color:#000;} */
a:focus { color: black;}
/* a {color:#6b4014;text-decoration:underline;} */
a {
color: #0000ee; /* 93% blue */
text-decoration: underline;
}
a:visited {
color: purple; /* #800080, 50% red, 50% blue */
}
a:hover, a:visited:hover {
color: #ee0000; /* 93% red */
}
blockquote {margin:1.5em;color:#6b4014;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #6b4014;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#6b4014;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#6b4014;}
.loud {color:#100500;}
.highlight {background:#ff0;}
.added {background:#603010;color:#ffbb90;}
.removed {background:#900;color:#ffbb90;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* grid.css */
.container {width:1103px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 12px;}
div.last {margin-right:0;}
.span-1 { width: 24px;}
.span-2 { width: 60px;}
.span-3 { width: 96px;}
.span-4 { width: 132px;}
.span-5 { width: 168px;}
.span-6 { width: 204px;}
.span-7 { width: 240px;}
.span-8 { width: 276px;}
.span-9 { width: 312px;}
.span-10 { width: 348px;}
.span-11 { width: 384px;}
.span-12 { width: 420px;}
.span-13 { width: 456px;}
.span-14 { width: 492px;}
.span-15 { width: 528px;}
.span-16 { width: 564px;}
.span-17 { width: 600px;}
.span-18 { width: 636px;}
.span-19 { width: 672px;}
.span-20 { width: 708px;}
.span-21 { width: 744px;}
.span-22 { width: 780px;}
.span-23 { width: 816px;}
.span-24, div.span-24 { width: 1103px; margin: 0; }
.append-1 { padding-right: 36px;}
.append-2 { padding-right: 72px;}
.append-3 { padding-right: 108px;}
.append-4 { padding-right: 144px;}
.append-5 { padding-right: 180px;}
.append-6 { padding-right: 216px;}
.append-7 { padding-right: 252px;}
.append-8 { padding-right: 288px;}
.append-9 { padding-right: 324px;}
.append-10 { padding-right: 360px;}
.append-11 { padding-right: 396px;}
.append-12 { padding-right: 432px;}
.append-13 { padding-right: 468px;}
.append-14 { padding-right: 504px;}
.append-15 { padding-right: 540px;}
.append-16 { padding-right: 576px;}
.append-17 { padding-right: 612px;}
.append-18 { padding-right: 648px;}
.append-19 { padding-right: 684px;}
.append-20 { padding-right: 720px;}
.append-21 { padding-right: 756px;}
.append-22 { padding-right: 792px;}
.append-23 { padding-right: 828px;}
.prepend-1 { padding-left: 36px;}
.prepend-2 { padding-left: 72px;}
.prepend-3 { padding-left: 108px;}
.prepend-4 { padding-left: 144px;}
.prepend-5 { padding-left: 180px;}
.prepend-6 { padding-left: 216px;}
.prepend-7 { padding-left: 252px;}
.prepend-8 { padding-left: 288px;}
.prepend-9 { padding-left: 324px;}
.prepend-10 { padding-left: 360px;}
.prepend-11 { padding-left: 396px;}
.prepend-12 { padding-left: 432px;}
.prepend-13 { padding-left: 468px;}
.prepend-14 { padding-left: 504px;}
.prepend-15 { padding-left: 540px;}
.prepend-16 { padding-left: 576px;}
.prepend-17 { padding-left: 612px;}
.prepend-18 { padding-left: 648px;}
.prepend-19 { padding-left: 684px;}
.prepend-20 { padding-left: 720px;}
.prepend-21 { padding-left: 756px;}
.prepend-22 { padding-left: 792px;}
.prepend-23 { padding-left: 828px;}
div.border{padding-right:5px;margin-right:6px;border-right:1px solid #eee;}
div.colborder { padding-right:19px;margin-right:18px;border-right:1px solid #eee;}
.pull-1 { margin-left: -36px;}
.pull-2 { margin-left: -72px;}
.pull-3 { margin-left: -108px;}
.pull-4 { margin-left: -144px;}
.pull-5 { margin-left: -180px;}
.pull-6 { margin-left: -216px;}
.pull-7 { margin-left: -252px;}
.pull-8 { margin-left: -288px;}
.pull-9 { margin-left: -324px;}
.pull-10 { margin-left: -360px;}
.pull-11 { margin-left: -396px;}
.pull-12 { margin-left: -432px;}
.pull-13 { margin-left: -468px;}
.pull-14 { margin-left: -504px;}
.pull-15 { margin-left: -540px;}
.pull-16 { margin-left: -576px;}
.pull-17 { margin-left: -612px;}
.pull-18 { margin-left: -648px;}
.pull-19 { margin-left: -684px;}
.pull-20 { margin-left: -720px;}
.pull-21 { margin-left: -756px;}
.pull-22 { margin-left: -792px;}
.pull-23 { margin-left: -828px;}
.pull-24 { margin-left: -864px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 { margin: 0 -36px 1.5em 36px;}
.push-2 { margin: 0 -72px 1.5em 72px;}
.push-3 { margin: 0 -108px 1.5em 108px;}
.push-4 { margin: 0 -144px 1.5em 144px;}
.push-5 { margin: 0 -180px 1.5em 180px;}
.push-6 { margin: 0 -216px 1.5em 216px;}
.push-7 { margin: 0 -252px 1.5em 252px;}
.push-8 { margin: 0 -288px 1.5em 288px;}
.push-9 { margin: 0 -324px 1.5em 324px;}
.push-10 { margin: 0 -360px 1.5em 360px;}
.push-11 { margin: 0 -396px 1.5em 396px;}
.push-12 { margin: 0 -432px 1.5em 432px;}
.push-13 { margin: 0 -468px 1.5em 468px;}
.push-14 { margin: 0 -504px 1.5em 504px;}
.push-15 { margin: 0 -540px 1.5em 540px;}
.push-16 { margin: 0 -576px 1.5em 576px;}
.push-17 { margin: 0 -612px 1.5em 612px;}
.push-18 { margin: 0 -648px 1.5em 648px;}
.push-19 { margin: 0 -684px 1.5em 684px;}
.push-20 { margin: 0 -720px 1.5em 720px;}
.push-21 { margin: 0 -756px 1.5em 756px;}
.push-22 { margin: 0 -792px 1.5em 792px;}
.push-23 { margin: 0 -828px 1.5em 828px;}
.push-24 { margin: 0 -864px 1.5em 864px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#fbf5e6;color:#fda;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fbf5e6;color:#fda;}
/* WF 2023-01-02 - new horizontal rule for About page; may become the standard for the site */
hr.about-page {
background: #fdc63b;
clear: both;
float: none;
width: 100%;
height: .1px;
margin: 0 0 1.45em;
border: none;
}
/* WF 2023-01-02 - end new horizontal rule ------------------------------------------------- */
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* ================== custom ================== */
body {margin: 0; padding: 0;}
code {white-space: normal;}
pre {overflow: auto;}
p img {float:none;margin:0 12px 0 0;padding:0;}
.fl {float: left;}
.fr {float: right;}
.block {display: block;}
small {font-size: 12px;}
table {margin-bottom: 0;}
table {border-collapse:collapse;}
/* 100% height */
html, body {
height: 100%;
}
.main {
min-height: 100%;
}
* html .main {
height: 100%;
}
/* code*/
th {font-weight:bold;background:#5eb2e5;}
tr.even td {background:#d4e9f7;}
h2 {font-weight: bold;}
h3 {font-size: 18px; font-weight: bold; margin-bottom: 0.75em;}
.hr {background: url(images/hr.gif) repeat-x 0 0; height: 2px; display: block;}
/* WF 2021-07-26 - removed. See near line 59 */
/* a {color: #84511f;} */
/* a:hover {color: #a4713f; text-decoration: underline;} */
/* default wordpress */
.wp-smiley {
float: none;
margin: 0;
}
.alignnone {
display: inline;
}
.alignleft {
float: left;
margin-right: 15px;
}
.alignright {
float: right;
margin-left: 15px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
/* border: 1px solid #ddd; */
text-align: center;
background-color: #fbf5e6;
margin-top: 5px;
margin-bottom: 15px;
padding: 4px 0 0 0;
display: block;
}
.wp-caption a {
line-height: 0.11em;
}
.wp-caption a:hover {
background: none;
}
.wp-caption img {
margin: 0 auto;
display: block;
padding: 0;
}
.wp-caption-text {
padding: 3px 0 !important;
margin: 0 !important;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* code*/
/* ie5, ie6 sidebar fix */
.span-7 { width: 338px;}
div.main {
background: #1e2022;
color: #000000; /* #666666 */
font-size: 12px;
}
.container {
padding: 24px 0;
}
.paddings {
padding: 18px 18px 18px;
}
/* WF 2022-02-12 - New top banner design */
.site-top-banner {
position: relative;
width: 1103px;
height: 130px;
background-color: #fdc63b;
background-repeat: no-repeat;
background-image: url(images/site-nameplate.png);
}
.site-top-banner div.social-net-top {
position: absolute;
right: 0;
top: 3px;
padding: 3px 10px;
text-align: right;
}
.site-top-banner div.social-net-top a.social-icon-top {
display: inline-block;
color: #123f72;
width: 32px;
height: 32px;
margin-left: 8px;
}
.site-top-banner div.social-net-top a.social-icon-top:hover {
color: #337abd;
}
/* WF 2022-02-14 - new sprites for social icons */
.site-top-banner div.social-net-top a.sprite {
display: inline-block;
height: 32px;
width: 32px;
margin-left: 8px;
cursor: pointer;
}
.site-top-banner div.social-net-top a.sprite.facebook {
background-image: url('images/social/facebook-sprite.png');
background-position: 0 0;
}
.site-top-banner div.social-net-top a.sprite.facebook:hover {
background-position: -32px;
}
.site-top-banner div.social-net-top a.sprite.twitter {
background-image: url('images/social/twitter-sprite.png');
background-position: 0 0;
}
.site-top-banner div.social-net-top a.sprite.twitter:hover {
background-position: -32px;
}
.site-top-banner div.social-net-top a.sprite.youtube {
background-image: url('images/social/youtube-sprite.png');
background-position: 0 0;
}
.site-top-banner div.social-net-top a.sprite.youtube:hover {
background-position: -32px;
}
.site-top-banner div.social-net-top a.sprite.rssfeed {
background-image: url('images/social/rss-sprite.png');
background-position: 0 0;
}
.site-top-banner div.social-net-top a.sprite.rssfeed:hover {
background-position: -32px;
}
/* Sign-up buttons for banner */
.site-top-banner div.signup-links-top {
position: absolute;
right: 0;
bottom: 3px;
padding: 3px 10px;
text-align: right;
}
.site-top-banner div.signup-links-top a {
display: block;
padding: 2px 10px 1px 10px;
margin-bottom: 3px;
text-transform: uppercase;
border-radius: 5px;
/* background-color: #123f72; */
background-color: #154070;
color: white;
text-decoration: none;
}
.site-top-banner div.signup-links-top a:hover {
color: white;
background-color: #337abd;
}
/* END New top banner design */
/* WF 2022-02-19 - .header class no longer used. See .site-top-banner above. */
/* .header {
background: black url(images/header-pattern.gif) repeat-x 0 0;
}
.intro .intro-wrapper {
background: transparent url(images/bg/Woody-Susan.png) no-repeat 18px 18px;
padding-left: 100px;
min-height:85px;
}
.logo {
font-size: 64px;
font-weight: 400;
text-transform: uppercase;
line-height: 1;
margin-bottom: 0.25em;
color: #eead24;
display: block;
margin-left:250px;
}
.logo a, .logo a:visited {
text-decoration: none;
color: #eead24;
}
.slogan {
font-size: 20px;
color: white;
margin-left:200px;
margin-right:-75px;
text-align:center;
}
.sub-slogan {font-size: 18px;
color: white;
font-style: italic;
float:right;
margin-top: 55px;
margin-left: -110px;
} */
/* WF 2022-02-19 - Removed in favor of new site header */
/* .icons.span-6.last {
float: right;
}
.icons-wrapper {
margin-bottom: 39px; float: right;
}
.icons a {
float: left;
padding-left: 18px;
padding: 0 0 0 10px;
}
.icons a img {
display: block;
width:22px;
height:22px;
} */
/* WF */
.search {
clear: right;
margin-bottom: 12px;
}
#srch-frm {
background: transparent url(images/search.png) no-repeat scroll left 2px;
}
.search #s {
background: transparent none no-repeat 0 0;
border: none;
margin: 5px 12px 4px 24px;
color: #666666;
width: 122px;
}
.menu {
height: 32px;
background: transparent url(images/menu-pattern.gif) repeat-x 0 0;
/* font-size: 14px; */
/* WF 2022-02-13 - bump up menu size for readability, possible by removal of several menu items */
/* - change the font family */
font-size: 15px;
font-family: Verdana, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
.menu-wrapper {
list-style-type: none;
margin: 0;
}
.menu-wrapper li {
display: block;
float: left;
border-right: 1px solid #e4e5e5;
padding: 5px 12px 6px 12px;
}
.menu-wrapper li a {
text-decoration: none;
color: #252525;
}
/* WF 2021-05-17 - NEW hover behavior for main menu items */
.menu-wrapper li:hover {
background-color: #b60200;
}
.menu-wrapper li:hover a {
color: white;
}
/* WF 2021-05-17 - NEW background color for selected main menu item */
.menu-wrapper .current_page_item {
background-color: #b60200 ;
border-right: none;
margin-left: -1px;
}
.menu-wrapper .first {
margin-left: 0;
}
.menu-wrapper .current_page_item a {
color: white;
}
blockquote {
background-color: #fbedcf; /* #F2F8FD; */
/* border: 1px solid #eead24; /* #D4E9F7; */
padding: 1em 1em 1px 1em;
margin: 0 1.5em 1.25em 1.5em;
}
code {
display: block;
margin: 0 1.5em 1.25em 1.5em;
}
/* WF 2021-05-25 - Put new sidebar background here so it reaches from top to bottom */
/* If the background is put into the sidebar itself, it will end on long pages */
.content {
background-image: url(images/sidebar-bg.png);
background-position: right;
background-repeat: repeat-y;
background-color: white;
}
.posts {
width: 765px;
background: #fff;
}
.banner {
/* WF 2021-05-17 - new banner background image */
/* background: #996600 url(images/bg/banner/banner-bg-blue-extended.gif) no-repeat 0 0; */
/* background: #996600 url(images/bg/banner/banner-bg.png) no-repeat 0 0; */
background-color: black; /* WF 2022-02-12 - Change to black design */
/* background-size: 765px auto !important; */
/* min-height: 50px; */
/* padding-right: 12px; */
padding-right: 24px;
/* padding-left: 125px; */
color: white;
}
.banner img {
float: left;
/* padding: 0 12px 18px 0; */
margin: 0 12px 0 0;
}
.banner h2 {
margin-bottom: 0.35em;
}
.banner p {
font-size: 14px;
/* padding-bottom: 1.35em; */
margin-bottom: 0.5em;
}
/* .banner img.defcon-img { border: 0px black solid; } */
/* WF 2022-03-03 - Must force the size of the image to override a new setting in WordPress CSS */
.banner img.defcon-img {
border: 0px black solid;
max-width: 368px; /* Overrides 100% in /wp-includes/css/dis/block-library/styles.css */
}
.banner span.defcon-msg { font-weight:normal; color:black; font-size:14px; }
/* WF 2021-05-24 - Change font and formatting for DEFCON description */
.banner div.defcon-msg,.banner td.defcon-msg {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: normal;
/* font-size: 14px; */
font-size: 16px;
/* color: black; */
color: white; /* WF 2022-02-12 - Change to black design */
text-align: center;
vertical-align: middle;
}
/* WF 2022-12-26 - New registration banner layout */
.body-registration-banner {
height: 60px;
background-image: url(images/bg/registration-banner-bg.png);
background-repeat: no-repeat;
background-color: #fdc63b;
}
.body-registration-elements {
margin: 0;
padding: 0;
height: 100%;
}
.body-registration-elements td {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 20px;
margin: 0;
padding: 0;
vertical-align: middle;
text-align: center;
}
.body-registration-elements td.signin-button {
width: 142px;
}
.body-registration-elements td.signin-legend {
color: black;
font-weight: bold;
}
.body-registration-banner a, .body-registration-banner a:visited {
display: inline-block;
text-decoration: none;
background-color: #154070;
padding: 3px 12px;
border-radius: 6px;
color: white;
}
.body-registration-banner a:hover, .body-registration-banner a:hover:visited {
background-color: #337abd;
}
/*KS 2022-11-11 - sidebar widget CTA*/
.woo-widget-cta{
position: relative;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;
border: solid 1px #cccccc;
line-height: normal;
padding: 20px;
margin-bottom: 20px;
border-radius:3px;
}
.woo-widget-cta-button {
background-color:#0073B7;
color:#fff!important;
padding: 10px 59px; color:#fff;
text-align:center;
font-weight:700;
font-size:15px;
border-radius:3px;
margin:10px 0;
text-decoration:none!important;
}
.woo-widget-cta-button:hover {
background-color:#00619b;
}
/* WF 2021-05-04 - New Footer */
.footer {
padding: 15px;
/* background-color: #444; */
text-align: center;
font-family:Verdana, Geneva, Tahoma, sans-serif;
}
.footer-menu {
padding: 3px;
margin: 0;
color: #ddd;
font-size: 16px;
}
.footer-menu a {
text-decoration: none;
color: #ddd;
}
.footer-menu a:hover {
text-decoration: underline;
color: #eead24;
}
.footer-menu .bullet {
color: #888;
}
.footer .copyright-notice {
padding: 3px;
margin: 0;
font-size: 12px;
color: #aaa;
}
ul.items {
list-style-type: none;
margin: 0;
font-size: 13px; /* WF 2021-12-11 - Override global font size */
/* WF 2021-12-10 - New font for most content */
font-family: Verdana, "Helvetica Neue", Helvetica, Geneva, sans-serif;
line-height: 1.4;
/* --- WF */
}
.items li {
margin-bottom: 1.25em;
font-size: 13px; /* WF 2021-12-11 - Override global font size */
}
.items p {
margin-bottom: 1em;
}
.items h2 {
/* font-size: 24px; */
font-size: 22px; /* WF 2021-13-10 - slightly smaller because of switch to Trebuchet */
display: inline;
/* WF 2021-12-10 - New font for titles */
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
/* --- WF */
}
/* .items h2 a {
border-bottom: 1px dashed #808080;
text-decoration: none;
color: black;
} */
/* WF 2021-12-10 - Hover behavior for titles */
/* .items h2 a:hover {
border-bottom: 1px solid black;
color: black;
} */
/* --- WF */
/* WF 2022-02-17 - Button design for post tiles, including new hover behavior. Also see .info.byline */
/* WF 2023-03-17 - Added class "item-title-single" to handle single page titles (e.g., preview). See items.php. */
.items h2 a, .items h2 a:visited,
.items h2.item-title-single {
display: block;
margin-bottom: 3px;
padding: 2px 5px;
text-decoration: none;
color: black;
border: 1px silver solid;
border-radius: 6px;
background-image: linear-gradient(0deg, #fcc550, #ffc);
}
/* Hover behavior for titles */
.items h2 a:hover, .items h2 a:hover:visited {
color: black;
background-image: linear-gradient(0deg, #fdb72c, #ffc); /* slightly darker orange */
}
/* --- WF */
.items h3 {
font-size: 16px;
margin-bottom: 0.6em;
}
.items ul, .items ol {
margin-bottom: 1.25em;
line-height: 1.3; /* WF 2021-12-11 - Override global line-height to tighten line spacing. */
}
/* WF 2021-12-10 - Original standard bulleted list - these rules removed - gets rid of yellow dots
.items ul {
list-style-type: none;
margin-left: 0;
}
.items ul li {
padding-left: 21px;
background: transparent url(images/ico/bullet-white.gif) no-repeat scroll 2px 6px;
}
--- WF */
/* WF 2021-12-10 - Revised standard bulleted list */
.items ul {
list-style: square ;
padding-left: 1em;
}
/* --- WF */
/* WF 2021-12-14 - Restore yellow bullets for one specific list on the About page - the timeline */
/* Edit the About page to set the class for the UL. */
.items ul.about-timeline {
list-style-type: none;
margin-left: 0;
}
.items ul.about-timeline li {
padding-left: 21px;
background: transparent url(images/ico/bullet-white.gif) no-repeat scroll 2px 4px;
}
/* --- WF */
.items .woocommerce-error li,
.woocommerce-error li { background: none; }
.items ul li, .items ol li {
margin-bottom: 0.25em;
}
/* WF 2021-07-22 - Removed. See near line 59. */
/* .items a:hover {
color: #EEAD24;
} */
.info {
margin-bottom: 0.75em;
color: #999999;
}
.info span {
margin-right: 1.5em;
font-size: 12px;
padding-left: 20px;
/* margin-bottom: 0.5em; */
margin-bottom: 0.25em; /* WF 2021-12-10 - tightened up line spacing */
}
/* WF 2022-02-12 - These items are no longer used in the byline. See item.php. */
.info .date {
background: transparent url(images/ico/time.gif) no-repeat 0 -1px;
}
.info .author {
background: transparent url(images/ico/user.gif) no-repeat 0 -1px;
}
.info .comment {
background: transparent url(images/ico/comment.gif) no-repeat 0 -1px;
}
.nocomments {
display: none;
}
/* WF 2022-02-12 - Added to handle bylines. Seee changes in item.php. */
.info.byline {
margin-bottom: 0.75rem;
margin-left: 6px;
color: #444444;
font-size: 12px;
}
/* WF 2021-12-10 - Force links in the byline to stay blue */
.info.byline a, .info.byline a:visited {
color:#0000ee;
}
.info.byline a:hover, .info.byline a:visited:hover {
color: #ee0000;
}
/* WF 2021-07-23 - suppress :visited state in the tagline */
/* .info .author a:visited, .info .comment a:visited {
color: #0000ee;
} */
.bbp-reply-form #bbp_anonymous_website,
.bbp-topic-form #bbp_anonymous_website,
label[for="bbp_anonymous_website"] {
display: none !important;
}
.bbp-form select{width:100%;}
/*#bbpress-forums > #subscription-toggle{display:none;}*/
p{font-size:14px;}
.bbr-inner-message.bbr-topic-resolution-message {
background: activecaption none repeat scroll 0 0;
clear: both;
color: #000;
font-size: 17px;
font-weight: bold;
padding: 15px;
margin-bottom: 15px;
}
.bbr-form-topic-resolution .bbr-field-wrapper {
clear: both;
float: left;
margin-bottom: 10px;
margin-right: 20px;
}
.bbr-form-topic-resolution .bbr-field-wrapper > label {
font-size: 16px;
}
.bbr-form-topic-resolution .bbr-submit-wrapper > input {
float: left;
margin-top: 4px;
}
.support-link {
float: left;
width: 100%;
}
#text-17 {clear :both;}
/* ===================================
FANTASKTIC
=================================== */
.woocommerce .woocommerce-checkout .col2-set .col-1 { width: 100%; }
.woocommerce .woocommerce-checkout .col2-set .col-2 { display: none; }
.askwoody_avatar { display: inline-block; position: relative; }
.askwoody_avatar img { margin-top: 0; }
.askwoody_avatar--plus:after {
content: "";
background: url(https://www.askwoody.com/wp-content/uploads/2019/01/Plus-Flare.png) no-repeat center center;
width: 30%;
height: 30%;
right: 0;
display: block;
top: 5px;
background-size: contain;
z-index: 9;
position: absolute;
}
/*
WF 2021-11-24 - Rounded corners for profile avatars
*/
.askwoody_avatar img.avatar {
border-radius: 17px;
}
/* End rounded corners */
.woocommerce form .form-row {
padding: 0 !important;
}
.woocommerce-checkout #payment div.form-row {
padding: 1em !important;
}
.woocommerce-checkout #payment .payment_methods div.form-row {
padding: 0 !important;
}
.woocommerce-checkout #payment .payment_methods li {
padding: 10px 0;
}
.woocommerce form .form-row input.input-text {
background: #fff;
max-width: 400px;
padding: 5px;
border: 1px solid #d3ced2;
border-radius: 3px;
}
.woocommerce-order ul li,
.woocommerce-checkout ul li {
background: none;
}
.woocommerce .woocommerce-customer-details address {
box-sizing: border-box;
}
.woocommerce form .woocommerce-billing-fields .form-row,
.woocommerce form .woocommerce-account-fields .form-row {
float: left !important;
width: 50% !important;
margin: 0 0 10px !important;
padding: 0 !important;
box-sizing: border-box;
}
.woocommerce form .woocommerce-billing-fields .form-row .woocommerce-input-wrapper,
.woocommerce form .woocommerce-account-fields .form-row .woocommerce-input-wrapper {
display: block;
padding-right: 20px;
}
.widget_display_replies .askwoody_avatar--plus:after {
display: none;
}
.bbp-reply-author .askwoody_avatar { margin-top: 12px; }
/**
* Plus membership page
*/
.woocommerce div.product.nyp-product div.images { width: 40%; }
.woocommerce div.product.nyp-product div.summary { width: 58%; }
.woocommerce div.product.nyp-product .subscription-details,
.woocommerce div.product.nyp-product .product_meta,
.woocommerce-Tabs-panel h2 { display: none; }
.woocommerce div.product .nyp { margin-bottom: 0; }
/**
* Select donations
*/
.askwoody-select-donations label {
display: block;
padding: 5px 0;
font-weight: normal;
}
#nyp {
display: none;
}
.anr_captcha_field {
max-width: 100%;
margin: 10px 0;
}
.sidebar .woocommerce-form,
.sidebar .woo_widget_login {
margin: 0 0 1.5em !important;
padding: 0 !important;
border: none !important;
border-bottom: 1px solid #d3ced2 !important;
}
/**
* Newsletter/Alerts
*/
#yearList { margin: 0 0 25px; }
#yearList li {
display: inline-block;
margin: 0 10px 0 0;
list-style: none;
}
#newsletterGroup, #pollGroup, #patchListGroup {
margin: 15px 0;
}
#newsletterGroup li.issueDefHead, #patchListGroup li.issueDefHead {
font-weight: bold;
padding-bottom: 4px;
}
#newsletterGroup li, #pollGroup li, #patchListGroup li {
overflow: hidden;
clear: left;
}
span.issueNumCol, span.issueDateCol {
display: block;
float: left;
width: 85px;
min-height: 12px;
text-align: left;
}
span.issueNumCol {
width: 75px;
text-align: center;
}
#newsletterGroup .issue_link, #patchListGroup .issue_link, span.issueTitleCol {
display: block;
float: left;
width: 426px;
}
div.toggle-expand,
div.toggle-collapse {
float: left;
background: url(images/sprite-images.png) 0 -360px no-repeat;
width: 15px;
height: 10px;
margin: 3px 0 0 0;
cursor: pointer;
}
div.toggle-collapse {
background-position: 0 -216px;
margin-bottom: 10px;
}
#newsletterGroup .issue_link,
#patchListGroup .issue_link { text-decoration: none; }
.issueList {}
.issueList li,
.articleList,
.newletterList {
display: flex;
align-items: flex-start;
}
.newletterList { align-items: center; }
.issueList .issueCol,
.articleList .articleListCol,
.newletterList .issueCol {
float: none;
width: auto;
margin: 0;
padding: 5px;
flex-grow: 0;
}
.issueList .issueCol { min-height: 35px; }
.issueList .issueDateCol { flex-basis: 70px; }
.issueList .issueMonthCol { flex-basis: 55px; }
.issueList .issueCoverCol { flex-basis: 150px; }
.issueList .issueAccessCol {
flex-basis: 50px;
text-align: center;
}
.issueList .issueTitleCol,
.newletterList .issueCol {
flex-basis: auto;
flex-grow: 1;
}
.issueList .issueDateCol {}
.issueList .issueAccessCol {
padding-left: 0;
flex-basis: 60px;
text-align: left;
}
.issueList .issueAccessCol img {
display: block;
max-width: 20px;
margin: 0;
}
.issueList .issueAccessCol .fa { font-size: 20px; }
.articleList {}
.articleList .articleListCoverCol {}
.articleList .articleListCoverCol img {
display: block;
max-width: 100px;
border: 1px solid #d0d0d0;
}
.single-ebook_download .articleList { font-size: 14px; }
.single-ebook_download .articleList .articleListCoverCol {
padding-left: 0;
padding-right: 15px;
}
.single-ebook_download .articleList .articleListCoverCol img { max-width: 150px; }
.single-ebook_download .articleList .articleListCoverCol a {
display: block;
padding: 10px;
font-size: 14px;
font-weight: 700;
text-align: center;
text-decoration: none;
}
.articleListPopUp {
display: none;
background: #fff;
margin: 0 0 10px;
padding: 15px;
font-size: 12px;
list-style: none;
border: 1px solid #d0d0d0;
clear: left;
}
ul.articleListPopUp li h2 { font-size: 14px; }
ul.articleListPopUp li p { font-size: 12px; }
ul.serieslist-ul li.paid a,
ul.serieslist-ul li.paid strong,
li.paid h2 a, div.paid h1,
div.paid h2.entry-title {
padding-right: 15px;
background: url(images/plus-flare.png) center right no-repeat;
background-size: auto 100%;
}
ul.articleListPopUp li {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #d0d0d0;
}
ul.articleListPopUp li:first-child {
margin-top: 0;
padding-top: 0;
border-top: none;
}
ul.articleListPopUp li .entry-meta {
margin-bottom: 10px;
color: #666;
}
ul.articleListPopUp li .seriesmeta,
.newsletter .seriesmeta {
display: none !important;
margin-bottom: 10px;
padding: 5px;
font-size: 1em;
}
ul.articleListPopUp li p:last-child { margin-bottom: 0; }
.paidLegend {
display: block;
float: right;
padding-left: 15px;
font-size: 11px;
font-style: italic;
color: #666;
background: url(images/plus-flare.png) center left no-repeat;
background-size: auto 100%;
}
.newsletter h1.page-title {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #d0d0d0;
}
.newsletter .toc .cat-link { text-transform: uppercase; }
.newsletter .toc {
margin: 0;
padding: 0;
list-style: none;
}
.newsletter .toc li { padding-top: 5px; }
.newsletter .cat-links a {
color: #000;
text-decoration: none;
}
.newsletter .cat-links a:hover { text-decoration: underline; }
.newsletter hr {
background: none;
margin: 20px 0 0;
padding: 0;
border-top: 1px solid #d0d0d0;
}
.newsletter .your-subscription { margin-top: 20px; }
.newsletter .entry-meta { margin-bottom: 5px; }
.newsletter .askwoody_avatar,
.newsletter .avatar {
float: left;
margin: 0 15px 5px 0;
}
.newsletter .post .entry-title {
margin: 5px 0 10px;
font-size: 18px;
font-weight: 700;
}
.newsletter .post .entry-title a { text-decoration: none; }
.newsletter-header {
background: #996600;
margin: 0 0 25px;
padding: 5px 10px;
color: #fff;
font-size: 14px;
text-align: center;
}
.newsletter-toc h3 { font-size: 16px; }
.newsletter-toc ul,
.newsletter-toc li {
margin: 0;
padding: 0;
list-style: none;
}
.newsletter-toc li { margin: 5px 0 0; }
.newsletter-toc .cat-link {
color: #999;
text-transform: uppercase;
}
.newsletter-category {
font-size: 12px;
color: #999;
text-transform: uppercase;
}
.newsletter-title {
margin: 0 0 25px;
color: #996600;
}
.newsletter-author {
font-weight: 700;
color: #666;
}
.newsletter-author .askwoody_avatar {
float: left;
margin-right: 15px;
}
.newsletter-signup a, .newsletter-signup a:visited {
float: right;
color: #EEAD24 !important;
margin-top: -20px;
font-size: 13px;
}
/* WF 2021-05-17 - NEW hover color for signup link (for visibility against black) */
.newsletter-signup a:hover, .newsletter-signup a:visited:hover {
float: right;
/* color: #853615 !important; */
color: yellow !important;
}
#bbpress-forums .bbp-forums-list li {
display: block !important;
padding: 5px 0;
}
#bbpress-forums .status-closed {
color: #000 !important;
}
/* WF 2022-01-11 - Suppress this brown color per request of SB this date.
- By doing so, regular formatting of links takes over.
*/
#bbpress-forums .status-closed a {
/* color: #84511f !important; */
}
#bbpress-forums li {
padding-left: 0;
}
p.registration.successful {
position: relative;
background-color: #f7f6f7;
width: auto;
margin: 0 0 2em;
padding: 1em 2em 1em;
color: #515151;
border-top: 3px solid #8fae1b;
list-style: none outside;
word-wrap: break-word;
}
.ads-section {
padding: 25px 0;
text-align: center;
}
.ads-section img,
.ads-section iframe {
display: block;
max-width: 100%;
margin: 0 auto;
}
.sidebar a {
color: #0000ff;
}
.sidebar a:hover,
.sidebar a:focus {
color: #000;
}
.sidebar a:visited {
color: #000099;
}
.sidebar .woo_widget_login:after {
display: block;
content: '';
clear: both;
}
.sidebar .woo_widget_login .askwoody_avatar {
float: left;
margin: 0 20px 0 0;
}
.sidebar .woo_widget_login .askwoody_avatar img.avatar {
float: none;
margin: 0;
}
.sidebar .woo_widget_login .logout-link {
display: block;
margin-bottom: 20px;
}
.sidebar .widget_calendar {
background: #eee;
margin-bottom: 25px;
}
.sidebar .widget_calendar caption {
padding: 5px;
}
.sidebar .widget_calendar caption,
.sidebar .widget_calendar th,
.sidebar .widget_calendar td {
text-align: center;
}
.sidebar .woocommerce-login-widget {
background: #eee;
margin-bottom: 25px;
padding: 10px;
border-radius: 5px;
border: 1px solid #d3ced2;
}
.sidebar .woocommerce-login-widget .button {
display: inline-block;
background-color: #5eb2e5;
margin: 0;
padding: .618em 1em;
font-size: 100%;
font-weight: 700;
color: #000;
text-decoration: none;
line-height: 1;
overflow: visible;
border-radius: 3px;
border: solid 1px #5eb2e5;
cursor: pointer;
}
.sidebar .woocommerce-login-widget .button:hover {
background-color:#449bce;
}
.sidebar .woocommerce-login-widget .button-sec {
display: inline-block;
background-color: transparent;
margin: 0;
padding: .618em 1em;
font-size: 100%;
font-weight: 700;
color: #000;
text-decoration: none;
line-height: 1;
overflow: visible;
border-radius: 3px;
border: solid 1px #5eb2e5;
cursor: pointer;
}
.sidebar .woocommerce-login-widget .button-sec:hover {
background-color:#449bce;
}
.sidebar .woocommerce-login-widget .btn-with-tips {
position: relative;
}
.sidebar .woocommerce-login-widget .btn-tips {
display: none;
position: absolute;
top: 0;
right: 100%;
background: rgba(0,0,0,0.8);
width: 150px;
margin: 0 5px 0 0;
padding: .618em 1em;
font-weight: 400;
color: #fff;
text-align: center;
border-radius: 3px;
}
.sidebar .woocommerce-login-widget .btn-tips:after {
content: " ";
position: absolute;
top: 9px;
left: 100%;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent rgba(0,0,0,0.8);
}
.sidebar .woocommerce-login-widget .btn-with-tips:hover .btn-tips {
display: block;
}
.sidebar .woocommerce-login-widget-header:after {
display: block;
content: '';
clear: both;
}
.sidebar .woocommerce-login-widget-header img.avatar {
display: block;
width: 60px !important;
height: 60px !important;
border: 1px solid #84511f;
border-radius: 11px; /* WF 2021-11-24 - Added 18% rounded corners to the avatar */
}
.sidebar .woocommerce-login-widget-header h4 a {
color: #84511f;
text-decoration: none;
}
.sidebar .woocommerce-login-widget-membership {
font-size: 12px;
clear: both;
}
.sidebar .woocommerce-login-widget-membership h5 {
margin-bottom: 10px;
padding-top: 15px;
font-size: 14px;
color: #84511f;
}
.sidebar .woocommerce-login-widget-membership p {
margin-bottom: 10px;
font-size: 12px;
}
.sidebar .woocommerce-login-widget-membership :last-child {
margin-bottom: 0;
}
.sidebar .woocommerce-login-widget-thanks {
background: url(https://www.askwoody.com/wp-content/uploads/2019/01/Plus-Flare.png) 0 0 no-repeat;
background-size: 20px auto;
padding: 0 60px 0 30px;
}
.summary .cart .minimum-price,
.summary .cart .quantity {
display: none;
}
.basic-answers {
margin-right: 0 !important;
}
.basic-answers li {
background: none !important;
}
.askwoody-donate-option:not(.askwoody-donate-option-active) {
display: none;
}
.askwoody-donate-option .woocommerce div.product .woocommerce-tabs .panel {
display: block !important;
}
ul.bbp-forums-list li {
background: none;
}