/*
Theme Name: jwH2OhomeTheme
Theme URI: http://blogs.jwatch.org
Description: Theme for JW Blog H2O home
Version: 2.0 
Author: Andrea Parent
Author URI: http://blogs.jwatch.org
*/

/* Andrea Parent, 2022 Updating from JW 2021 style changes to be more "NEJM" 
2015 (using lots from Joshua Kim's implementation of H20 for ecom)
CSS SHOULD BE THE SAME ACROSS BLOGS; update all blogs by copying everything from this comment down. 
--COLOR GUIDE:
--JWATCH links, buttons: #114980
--headers purple: #633e6a
--grey purple: #816f85
--MEDIUM BLUE: #9fafbe
--BODY BACKGROUND LT BLUE: #ebf2f8 
--widget subheads GREY: #666
--FORM TEXT GREY: #666
--light grey rules: #e5e5e5
*/

@charset "UTF-8";
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   IMPORTANT: Copied from a SASS CSS generated file. Check with Joshua to see if there are updates. 
  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro",arial,sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
  font: 16.5px/1.4rem "ff-scala-sans-pro", "ff-scala-sans-web-pro",arial,sans-serif;
  font-variant-numeric: lining-nums;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ----------------------------------------------------------------------
   CSS3 PIE
   ---------------------------------------------------------------------- */
.css3, .bg-gradient, .nav-area, .nav .nav-item > a, .nav .nav-item:hover > a, nav-item-blogs, .youAreHere, .nav-search input.search-text, .b, .b-skin1, .b-skin2, .b2, .b2-menu ul, .cdf-progress-bg, .tab-nav, .mod-grad, .post, .widget {
  /* ==========================================================================
   see functions.php for script that puts pie link in dynamically based on theme url    
   behavior: url("PIE.htc");
   ========================================================================== */
  position: relative;
}

/* ==========================================================================
   H5BP.4.0: Defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e5e5e5;
  margin: 1em 0 15px 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ===== JW Styles ==========================================================
   Author: Joshua Kim
   ========================================================================== */
/* ==========================================================================
   Global Defaults
   ========================================================================== */
html {
  font-size: 16px;
}

a {
  color: #114980;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ==========================================================================
   Common
   ========================================================================== */
.user-nav ul, .nav ul, .foot-nav ul, .social-nav ul, .cdf-prod-list ul, .tab-nav ul,
.user-nav li,
.nav li,
.foot-nav li,
.social-nav li,
.cdf-prod-list li,
.tab-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hide {
  display: none;
}

.show {
  display: block;
}

/* ==========================================================================
   =Structure
   ========================================================================== */
.body-pad {
  margin-top: 15px;
  padding: 0 10px;
}

.wrapper {
  width: 1040px;
  margin: 0 auto;
}

.col {
  float: left;
}

/* ----------------------------------------------------------------------
   Responsive and Fixed Columns
   ---------------------------------------------------------------------- */
.container {
  position: relative;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Left Column */
.main-wrap {
  position: relative;
  float: left;
  width: 100%;
  margin-right: -314px;
  /* 5 (left padding) + 300 (ad width) + 9 (right padding) */
}

.fluid {
  margin-right: 314px;
}

.main {
  /* Total width = 634. 604 (content width) + 15 (left & right padding) */
  margin: 15px 0;
  padding: 0 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Right Column */
.aside-wrap {
  position: relative;
  z-index: 1;
}

.aside {
  position: relative;
  float: left;
  width: 300px;
  margin: 0 auto;
  padding: 15px 0 0 5px;
}


/* ==========================================================================
   =user-nav
   ========================================================================== */
.user-nav {
  position: absolute;
  right: 0;
  bottom: 27px;
  display: block;
  color: #333;
  line-height: 1em;
  text-align: right;
}

.user-nav .user-name {
  position: absolute;
  right: 0;
  bottom: 27px;
}

.user-nav > ul {
  display: inline;
}

.user-nav > ul > li {
  float: left;
  padding: 0 6px;
  border-left: 1px solid #cccccc;
}

.user-nav > ul > li:first-child,
.user-nav > ul > li.first-child {
  border-left: none;
}

.user-nav > ul:last-child > li:last-child,
.user-nav > ul:last-child > li.last-child {
  padding-right: 0;
}

.user-nav > ul > li > a {
  color: #000;
}

/* ----------------------------------------------------------------------
   User Nav - My Menu Item
   ---------------------------------------------------------------------- */
.user-nav .my-menu {
  padding: 0;
}

.user-nav .my-menu .b2 {
  margin-top: -4px;
}

/* ==========================================================================
   =header
   ========================================================================== */
.header {
  position: relative;
  z-index: 10000;
}

.header .logo {
  display: block;
  float: left;
  margin-bottom: 10px;
}

.header .logo img {
  width: auto;
  max-width: 310px;
}



/* ==========================================================================
   =nav-area
   ========================================================================== */
.nav-area {
  position: relative;
  z-index: 100;
  height: 3.4rem;
  line-height: 3.4rem;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #e5e5e5;
  background: #ffffff;
  
}

/* ----------------------------------------------------------------------
   Nav
   ---------------------------------------------------------------------- */
.nav {
  position: relative;
  z-index: 8001;
}

.nav > ul {
  position: relative;
}

.nav > ul > li {
  float: left;
  zoom: 1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* First Level Nav Item */
.nav .nav-item {
  position: relative;
}

.nav .nav-item > a {
 overflow: hidden;
  position: relative;
  display: block;
  padding: 0 15px;
  color: #000000;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 3.4rem;
  text-decoration: none;
  font-variant: small-caps;
  height: 53px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Hover 
 */
 
.nav .nav-item:hover > a {
  color: #114980;
  border-bottom: 2px solid #114980;
}


/* ----------------------------------------------------------------------
   Nav Item with Menu
   ---------------------------------------------------------------------- */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Gradient hover with menu */
.nav .nav-item-menu:hover > a {
  background: #ffffff;
}
 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.nav-item-menu .menu-arrow {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 15%;
  height: 100%;
  cursor: pointer;
}

.nav-item-menu .menu-arrow .icon {
  position: absolute;
  top: 6px;
  right: 5%;
  color: #114980;
  font-size: 16px;
}

.nav-item-menu .menu-arrow .icon-up {
  display: none;
}

.nav-item-menu.active .menu-arrow .icon-up {
  display: block;
}

.nav-item-menu.active .menu-arrow .icon-down {
  display: none;
}

/* ----------------------------------------------------------------------
   Nav Menu List
   ---------------------------------------------------------------------- */
.nav .nav-item-menu > a {
  z-index: 1;
}

.nav .nav-item-menu:hover .nav-menu {
  display: block;
}

.nav-menu {
  display: none;
  position: absolute;
  z-index: 0;
  top: 3.4rem;
  line-height: 1.1rem;
  font-size: 1.03125rem;
  padding: 14px 0;
  border: 1px solid #e5e5e5;
  border-top: none;
  background: #fff;
  -webkit-box-shadow: rgba(153, 153, 153, 0.75) 2px 3px 6px;
  -moz-box-shadow: rgba(153, 153, 153, 0.75) 2px 3px 6px;
  box-shadow: rgba(153, 153, 153, 0.75) 2px 3px 6px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Nav Menu List */
.nav-menu li a {
  display: block;
  padding: 3px 15px 12px 15px;
  font-size: 1rem;
  white-space: nowrap;
}


/* ----------------------------------------------------------------------
   Nav Search
   For MVP (Medium viewport) is part of main nav
   ---------------------------------------------------------------------- */
.nav > ul > li.nav-item-search {
  float: right;
}

.nav .nav-item-search {
  display: none;
}

.nav .nav-item-search > a {
  color: #114980;
  font-size: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.nav .nav-item-search .nav-menu {
  right: -1px;
  padding: 10px 15px;
}

/* ==========================================================================
   Nav Search
   ========================================================================== */
.nav-search {
  position: absolute;
  z-index: 8003;
  top: 6px;
  right: 9px;
  /* Search Text Field */
  /* Search Go Button (icon) */
}

.nav-search fieldset {
  position: relative;
}
.nav-search input.search-text{
  width: 270px;
  padding: 4px 26px 2px 5px;
  border: 0;
  border-top: 1px solid #b2bfcb;
  border-bottom: 1px solid #eceff2;
  -webkit-transition-property: width;
  -moz-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.nav-search input.search-text:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.nav-search .search-go {
  position: absolute;
  top: 1px;
  right: 0;
  padding: 2px;
  border: none;
  background-color: transparent;
  text-align: center;
}

.nav-item-search .nav-search {
  position: relative;
  top: auto;
  right: auto;
}
.nav-item-search .nav-search input.search-text {
  border: 1px solid #b3bfcb;
}


/* ==========================================================================
   =footer
   ========================================================================== */
.footer {
  border-top: 6px double #e5e5e5;
  background: #fff;
  padding: 0;
  width: 100%;
  font-size: 1.03125rem;
  margin-top: 30px;
}

/* ----------------------------------------------------------------------
   Foot Nav
   ---------------------------------------------------------------------- */
.footer .footer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: .9375rem 0;
}

.footer .footer-links {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .9375rem;
  width: 100%;
}

.footer .footer-group {
  border:none; 
  min-width: 25%;
  width: 25%;
  padding: 0 0 0 .9375rem;
  margin-right: .9375rem;
}
.footer .footer-group:first-child {
  padding: 0;
}

.footer h3.footer-nav-title {
  color: #4d4d4d;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .8px;
  margin-bottom: .8rem;
  white-space: nowrap;
}

.footer .footer-group ul {
  margin: 0;
  padding: 0;
}

.footer li {
  line-height: 1.4rem;
  list-style: none;
  margin-bottom: 15px;
}

.footer-group li a {
  color: rgba(0, 0, 0, 0.8);
}

/* ----------------------------------------------------------------------
   Footer Social Media Icons
   ---------------------------------------------------------------------- */
.social-nav-wrapper {
	display: flex;
	height: 2rem;
	margin: 0;
	padding: 0;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: self-start;
	align-items: self-start;
}

.social-nav-items {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-nav-item {
  height: 1.5rem;
  margin: 0 .5rem 0 0;
  padding: 0;
  width: 1.5rem;
}

.social-nav-item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #333;
  border-radius: 2px;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  transition: background-color .5s ease;
  width: 100%;
}

.social-nav-item i {
  display: block;
  height: inherit;
  width: inherit;
}

.icon {
  line-height: 0;
}

.social-nav-item--facebook a {
  background: #3b5998;
}
.social-nav-item--twitter a {
  background: #0084b4;
}
.social-nav-item--linkedin a {
  background: #0288d1;
  border-radius: 2px;
  overflow: hidden;
}
.social-nav-item i svg {
  fill: #fff;
  padding: .1875rem;
  max-width: 18px!important;
}

.social-nav-item span {
  display: none;
}
/* ==========================================================================
   =Copyright
   ========================================================================== */

.footer-container.bt-1 {
  border-top: 1px solid #e5e5e5;
  padding: 0px;
  display:block;
}
.footer .copyright {
  position: relative;
  margin: 20px 0 20px 0px;
}

.footer .copyright p {
  color: #000;
  font-size: .825rem;
  line-height: 1;
}

.copyright p {
  margin: 0 0 5px;
}

.copyright p a {
  color: #000;
  text-decoration: none;
}

.copyright p a:hover {
  text-decoration: underline;
}

.copyright .alt {
  color: #ababab;
}

.copyright .i-nejm-group {
  position: absolute;
  top: 0;
  right: 8px;
}

.copyright .nvp {
  display: none;
}

/* ==========================================================================
   Global Buttons - b
   ========================================================================== */
/* ----------------------------------------------------------------------
   Default Button Skin
	 Desc: Blue-ish background, Black text
	 Example: Continue, Submit
   ---------------------------------------------------------------------- */
.b, .b-skin1, .b-skin2 {
  position: relative;
  display: inline-block;
  border: 1px solid #999999;
  border-color: #c0c1cc #999999 #999999 #c0c0cb;
  background-color: #eef1ff;
  text-align: center;
  /* b-text */
  padding: 4px 14px 3px;
  color: #333;
}

.b:hover, .b-skin1:hover, .b-skin2:hover {
  text-decoration: none !important;
}

/* ----------------------------------------------------------------------
   Button Skin 1
	 Desc: Blue-ish background, RED text
	 Example: Continue, Submit
   ---------------------------------------------------------------------- */
.b-skin1 {
  /* b-text */
  color: #ff3300;
}

/* ----------------------------------------------------------------------
   Button Skin 2
	 Desc: White background, Black text
	 Example: Edit
   ---------------------------------------------------------------------- */
.b-skin2 {
  background-color: #fff;
}

/* ==========================================================================
   Global Blue Buttons - b2
   ========================================================================== */
/* ----------------------------------------------------------------------
   Default Button Skin
	 Desc: Blue-ish background, Black text
	 Example: Continue, Submit
	 
	 ie7 is difficult depending on which container this style is applied to. 
   ---------------------------------------------------------------------- */
.b2, .wp-polls .Buttons, p#subscribe-submit input, .es_submit_button {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 10px 15px 10px 40px;
  border: 0!important;
  border-radius: 0;
  background-color: #114980!important;
  /* b-text */
  text-align: center;
  color: white !important;
  font: 700 15px/20px "ff-scala-sans-pro", "ff-scala-sans-web-pro",arial,sans-serif;
  font-style: normal;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.es_submit_button {
    font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro",arial,sans-serif!important;
    padding: 10px 15px 10px 15px;
    margin: 12px 0;
}

.b2 span, .button span, .wp-polls .Buttons {curser: pointer;}
.b2:hover {
  text-decoration: none !important;
}

/* ----------------------------------------------------------------------
   b2 - Menu
   ---------------------------------------------------------------------- */
.b2-nav-item .b2-menu {
  display: none;
}

.b2-nav-item:hover .b2-menu {
  display: block;
}

.b2-menu {
  position: relative;
}

.b2-menu ul {
  position: absolute;
  top: -10px;
  z-index: 0;
  width: 100%;
  padding: 10px 0 2px 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  background-color: #114980;
  /* text */
  color: white !important;
  font: 700 12px/12px "ff-scala-sans-pro", "ff-scala-sans-web-pro",arial,sans-serif;
  text-transform: uppercase;
  text-align: left;
}

.b2-menu a {
  display: block;
  padding: 6px 10px 7px 26px;
  color: #fff;
}

.b2-menu a:hover {
  text-decoration: none;
}

/* ==========================================================================
   Global Button Positioning
   Add class to parent container
   ========================================================================== */
/* take full width */
.b-auto > .b, .b-auto > .b-skin1, .b-auto > .b-skin2,
.b-auto > .b2 {
  display: block;
}

/* align right (apply to parent) */
.b-right {
  text-align: right;
}

/* align right (apply to parent) */
.b-center {
  text-align: center;
}

/* ==========================================================================
   Blue Button (b2) Font Icons
   ========================================================================== */
/* ----------------------------------------------------------------------
   Include Entypo Font and Icons (Custom to JW Specific)
   ---------------------------------------------------------------------- */
@font-face {
  font-family: 'entypo';
  src: url("css/entypo.eot");
  src: url("css/entypo.eot#iefix") format("embedded-opentype"), url("css/entypo.woff") format("woff"), url("css/entypo.ttf") format("truetype"), url("css/entypo.svg#entypo") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'entypo';
    src: url('entypo.svg#entypo') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'entypo';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - magrins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-menu:before {
  content: '\2630';
}

/* '☰' */
.icon-flag:before {
  content: '\2691';
}

/* '⚑' */
.icon-cog:before {
  content: '\2699';
}

/* '⚙' */
.icon-mail:before {
  content: '\2709';
}

/* '✉' */
.icon-pencil:before {
  content: '\270e';
}

/* '✎' */
.icon-check:before{
  content: '\2713';
}

/* '✓' */
.icon-cancel:before {
  content: '\2715';
}

/* '✕' */
.icon-cancel-circled:before {
  content: '\2716';
}

/* '✖' */
.icon-plus-circled:before {
  content: '\2795';
}

/* '➕' */
.icon-up:before {
  content: '\2b06';
}

/* '⬆' */
.icon-down:before {
  content: '\2b07';
}

/* '⬇' */
.icon-reply:before {
  content: '\e712';
}

/* '' */
.icon-print:before {
  content: '\e716';
}

/* '' */
.icon-comment:before {
  content: '\e718';
}

/* '' */
.icon-chat:before {
  content: '\e720';
}

/* '' */
.icon-rss:before {
  content: '\e73a';
}

/* '' */
.icon-share:before {
  content: '\e73c';
}

/* '' */
.icon-resize-full:before {
  content: '\e744';
}

/* '' */
.icon-resize-small:before {
  content: '\e746';
}

/* '' */
.icon-down-circled:before {
  content: '\e758';
}

/* '' */
.icon-left-circled:before {
  content: '\e759';
}

/* '' */
.icon-right-circled:before {
  content: '\e75a';
}

/* '' */
.icon-up-circled:before {
  content: '\e75b';
}

/* '' */
.icon-lifebuoy:before {
  content: '\e788';
}

/* '' */
.icon-mic:before {
  content: '🎤';
}

/* '\1f3a4' */
.icon-target:before {
  content: '🎯';
}

/* '\1f3af' */
.icon-doc-text:before {
  content: '📄';
}

/* '\1f4c4' */
.icon-book-open:before {
  content: '📖';
}

/* '\1f4d6' */
.icon-download:before {
  content: '📥';
}

/* '\1f4e5' */
.icon-search:before {
  content: '🔍';
}

/* '\1f50d' */
.icon-link:before {
  content: '🔗';
}

/* '\1f517' */
.icon-block:before {
  content: '🚫';
}

/* ----------------------------------------------------------------------
   Secondary Mini-buttons text with icon
   ---------------------------------------------------------------------- */
.button.secondary a, a.more-link {
    font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro",arial,sans-serif;
    font-size: 1.125rem; 
	font-style: normal;
    font-weight: 700;
	background: none;
	color: #114980;
	padding: 0;
	text-decoration: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	letter-spacing: .03rem;
	white-space: nowrap;
}

.button.secondary a .icon, .node-readmore a, a.more-link .icon {
	font-size: 1.2rem;
    color: #633E6A;}

.node-readmore a, .node-readmore a .icon-book-open, a.more-link, a.more-link .icon{
	font-size: .875rem!important; 
}

.icon-open-book:before{
  content: '📖';
}

/* '\1f6ab' */
/* ----------------------------------------------------------------------
   JW Custom Blue Button Entypo Icons Styles
   ---------------------------------------------------------------------- */
.icon {
  -webkit-font-smoothing: antialiased;
}

.b2 .icon, p#subscribe-submit .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -9px;
  /* text */
  color: #d5cad5;
  font-size: 17px;
}
p#subscribe-submit .icon {position: relative; left: 27px; top: 2px; z-index: 100;}


/* === Email Subscribe Buttons === */
.es_button {padding: 0px!important;text-align: right;}
.es_button input#es_txt_button {width: auto;}

.es_button:before {
  content: '\e75a';
  color: #d5cad5;
  display: inline-block;
    font-family: "entypo";
    font-size: 1.25em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-right: -1.5em;
    position: relative;
    width: 1em;
    z-index: 10;
}


/* ==========================================================================
   CDF Global Icons
   ========================================================================== */
/* ----------------------------------------------------------------------
   CDF Icon Sprites
   ---------------------------------------------------------------------- */
.i {
  display: block;
  background-image: url(images/sprites-icons.png);
  background-repeat: no-repeat;
}

/* Icon Arrow - Right */
.i.i-arrow-right {
  width: 3px;
  height: 5px;
  background-position: -75px -58px;
}

/* Icon Arrow - Left */
.i.i-arrow-left {
  width: 3px;
  height: 5px;
  background-position: -80px -58px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* social media icons */
.i.i-facebook {
  width: 24px;
  height: 24px;
  background-position: 0 -40px;
}

.i.i-twitter {
  width: 24px;
  height: 24px;
  background-position: -25px -40px;
}

.i.i-rss {
  width: 24px;
  height: 24px;
  background-position: -50px -40px;
}

.i.i-rss-sm {
  width: 16px;
  height: 16px;
  background-position: -75px -40px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* NEJM Group Logo */
.i.i-nejm-group {
  width: 90px;
  height: 37px;
  background-position: 0 0;
}

/* ----------------------------------------------------------------------
   Icons Padding and Position [to links and buttons]
   ---------------------------------------------------------------------- */
/* Padding for Icons */
/* Icon Position */
/* $direction: top, bottom, right, left */
/* Icon Position */
.i-right .i {
  position: absolute;
  right: 0;
  top: 50%;
}

.i-left .i,
.i-left .icon {
  position: absolute;
  left: 0;
  top: 50%;
}

.i-top .i {
  position: absolute;
  top: 0;
  top: 50%;
}

.i-bottom .i {
  position: absolute;
  bottom: 0;
  top: 50%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* i-arrow-right */
.i-right.i-arrow-right {
  position: relative;
  padding-right: 7px;
}

.i-arrow-right .i {
  margin-top: -2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* i-info */
.i-right.i-info {
  position: relative;
  position: relative;
  padding-right: 20px;
}

.i-info .i {
  margin-top: -8px;
}

/* ==========================================================================
   Global Text Styles
   ========================================================================== */
/* ----------------------------------------------------------------------
   H1 - CDF Heading 1 (Subscribe, Review, Activate, etc)
   ---------------------------------------------------------------------- */
.h1-group {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 1px;
  border-bottom: 1px solid #cccccc;
}

.h1-group .cdf-h1 {
  margin-bottom: 0;
  border-bottom: 1px solid #cccccc;
  color: #585858;
  font-size: 2.63636em;
  line-height: 38px;
  font-weight: normal;
}

/* Links in h1 */
.h1-group .h1-link {
  position: absolute;
  top: 18px;
  right: 0;
}

/* Custom for Right Arrow Link in h1 */
.h1-group .h1-link .link-i-right {
  padding-right: 0;
}

.h1-group .h1-link .i-right {
  right: -7px;
}

/* ----------------------------------------------------------------------
   Common Texts
   ---------------------------------------------------------------------- */
.h1 {
  margin-top: 0;
  color: #585858;
  font-size: 2.18182em;
}

.h2 {
  margin-bottom: 3px;
  color: #666666;
  font-size: 1.45455em;
}

.h3 {
  margin-bottom: 3px;
  color: #6c7a87;
  font-size: 1.27273em;
  text-transform: uppercase;
}

.h4 {
  margin-bottom: 3px;
  font-size: 1.18182em;
}

.red {
  color: #ff3300;
}

/* ----------------------------------------------------------------------
   Text Positioning
   ---------------------------------------------------------------------- */
/* Apply to parent */
.t-right {
  text-align: right;
}

.t-right {
  text-align: right;
}

/* ----------------------------------------------------------------------
   Copy Styles
   ---------------------------------------------------------------------- */
.main .copy {
  margin-bottom: 20px;
}

/* ----------------------------------------------------------------------
   My Alerts - Spacing and Text Styles
   ---------------------------------------------------------------------- */
.cdf-alerts .section {
  margin-bottom: 20px;
}

.cdf-alerts .section .h3 {
  margin-top: 15px;
  font-size: 1.18182em;
}

.cdf-alerts .section .details {
  margin: 5px 0 10px;
}

.cdf-alerts .section .hd {
  margin-top: 5px;
}

.cdf-alerts .section .cdf-row {
  margin: 5px 0 15px;
}

.cdf-alerts .cdf-buttons {
  margin: 25px 0;
}

/* ==========================================================================
   =CDF Form
   ========================================================================== */

/* ==========================================================================
   CDF Form Lables and Fields
   ========================================================================== */
/* ----------------------------------------------------------------------
   Labels
   ---------------------------------------------------------------------- */
.cdf-label {
  display: block;
  padding: 1px 10px 0 0;
  text-align: right;
  font-weight: bold;
}

.cdf-label-readonly {
  display: inline-block;
  padding-right: 3px;
  font-weight: bold;
  vertical-align: top;
}

/* Input Field */
.cdf-field {
  width: 100%;
  padding: 2px 4px;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lt-ie8 .cdf-field {
  width: 95.5%;
}

/* Ready Only Text */
.cdf-readonly {
  padding: 2px 4px;
}

/* Dropdown Menu */
.cdf-menu {
  width: 100%;
  padding: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Textarea */
.cdf-textarea {
  width: 100%;
  padding: 2px 4px;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ----------------------------------------------------------------------
   Radio & Checkboxes =radiocheck
   ---------------------------------------------------------------------- */
/* Radio & Checkbox Buttons */
.cdf-radiocheck {
  float: left;
}

.cdf-radiocheck-label {
  display: block;
  margin-left: 18px;
}

/* Radio & Checkbox Group */
/* horizontal: child columns should have cdf-col% widths */
/* horizontal: dynamic widths with padding */
.cdf-radiocheck-x-auto .cdf-radiocheck-group {
  float: left;
  padding-left: 15px;
}

.cdf-radiocheck-x-auto .cdf-radiocheck-group:first-child {
  padding-left: 0;
}

/* vertical: stacked */
.cdf-radiocheck-y .cdf-radiocheck-group {
  margin-top: 5px;
}

.cdf-radiocheck-y .cdf-radiocheck-group:first-child {
  margin-top: 0;
}

/* ----------------------------------------------------------------------
   Form Button Container
   ---------------------------------------------------------------------- */
.cdf-buttons {
  margin-top: 18px;
}

/* ----------------------------------------------------------------------
   CDF Review
   ---------------------------------------------------------------------- */
.cdf-review {
  /* Edit position */
}
.cdf-review .cdf-row {
  position: relative;
}
.cdf-review .cdf-readonly {
  display: inline-block;
  padding: 0;
  vertical-align: top;
}
.cdf-review .cdf-edit {
  position: absolute;
  top: -2px;
  right: 0;
}

/* ----------------------------------------------------------------------
   CDF Editable
   ---------------------------------------------------------------------- */
.cdf-editable {
  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  /* 2 Column */
}
.cdf-editable .cdf-col1 {
  width: 42.16867%;
}
.cdf-editable .cdf-col2 {
  width: 57.83133%;
  position: relative;
  z-index: 1;
}

/* ----------------------------------------------------------------------
   Error
   ---------------------------------------------------------------------- */
.cdf-error-text {
  padding: 0 0 5px 42.16867%;
  color: #F30;
}

/* ----------------------------------------------------------------------
   Message Boxes
   ---------------------------------------------------------------------- */
/* Message Box */
.cdf-msg-box {
  margin: 0 0 5px;
  padding: 10px;
  font-size: 11px;
  line-height: 13px;
}

/* Error Message Box */
.cdf-msg-error {
  display: none;
  text-align: center;
}

.cdf-msg-error.error {
  display: block;
}

.cdf-msg-error .cdf-msg-box {
  color: #000;
  border: 1px solid #ff3300;
  background-color: #f8f8f8;
}

/* ==========================================================================
   CDF Product List Structure
   ========================================================================== */
/* ==========================================================================
   Progress Bar
   ========================================================================== */
/* cdf-progress */
/* ==========================================================================
   Box
   ========================================================================== */
.box {
  border: 1px solid #e5e5e5;
}

/* ==========================================================================
   Box Tab Header Links
   ========================================================================== */
.tab-nav {
  height: 32px;
  border-bottom: 1px solid black;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9e1e8));
  background: -webkit-linear-gradient(#ffffff, #d9e1e8);
  background: -moz-linear-gradient(#ffffff, #d9e1e8);
  -pie-background: linear-gradient(#ffffff, #d9e1e8);
  background: linear-gradient(#ffffff, #d9e1e8);
}
.tab-nav li {
  float: left;
}
.tab-nav li a {
  display: block;
  padding: 8px 15px;
  color: #000;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.tab-nav li a:hover {
  color: #114980;
  text-decoration: none;
}
.tab-nav li a.active {
  color: #633e6a !important;
}

/* ==========================================================================
   =Modules | Mod | Aside - Right Rail
   ========================================================================== */
/* ----------------------------------------------------------------------
   Base Mod + Font Styles
   ---------------------------------------------------------------------- */
.mod, .mod-skin1, .mod-skin2, .mod-skin3, .mod-grad {
  margin-bottom: 15px;
  border: 1px solid #cccccc;
  padding: 15px 15px 5px;
}

.mod h1, .mod-skin1 h1, .mod-skin2 h1, .mod-skin3 h1, .mod-grad h1 {
  margin: 0;
  font: bold 14px/17px;
  text-transform: uppercase;
}

.mod h2, .mod-skin1 h2, .mod-skin2 h2, .mod-skin3 h2, .mod-grad h2 {
  margin: 0 0 0.83em;
  font-weight: bold;
  font-size: .9rem;
}

.mod h3, .mod-skin1 h3, .mod-skin2 h3, .mod-skin3 h3, .mod-grad h3 {
  margin: 0;
  font-weight: bold;
  font-size: .8rem;
}

.mod p, .mod-skin1 p, .mod-skin2 p, .mod-skin3 p, .mod-grad p {
  margin: 0 0 10px;
}

/* ----------------------------------------------------------------------
   Mod - Image Configuration
   ---------------------------------------------------------------------- */
/* float image left */
.image-float-left {
  float: left;
  margin: 0 12px 5px 0;
}

/* ----------------------------------------------------------------------
   Mod Skin 1
   BG: blueish
   ---------------------------------------------------------------------- */
.mod-skin1 {
  background: #eff1ff;
}

/* ----------------------------------------------------------------------
   Mod Skin 2
   BG: blueish
   ---------------------------------------------------------------------- */
.mod-skin2 {
  background: #fffcd2;
}

/* ----------------------------------------------------------------------
   Mod Skin 3
   BG: grayish
	 Example: Used in My Accounts (SUBSCRIPTION DETAILS)
   ---------------------------------------------------------------------- */
.mod-skin3 {
  padding: 15px;
  border-color: #CCCCCC;
  background: #F8F8F8;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CDF Mod Details - Text and Spacing */
.mod-cdf-details h2 {
  font-size: 12px;
  text-transform: uppercase;
}
.mod-cdf-details .row {
  padding-bottom: 5px;
  line-height: 1.1em;
}

/* ----------------------------------------------------------------------
   REPLACE IMAGE Module
   ---------------------------------------------------------------------- */
.mod-image {
  margin-bottom: 15px;
  text-align: center;
}

/* ----------------------------------------------------------------------
   Gradient Mod
   ---------------------------------------------------------------------- */
.mod-grad, .post, .widget {
  padding-bottom: 30px;
  background-color: #fff;
}


/* ----------------------------------------------------------------------
   Absolute Position Images
   ---------------------------------------------------------------------- */
.image-pos-right, .image-pos-bottom-right {
  position: relative;
  /* Requirement: Dimension of graphics 160 x 122 px */
  min-height: 102px;
}

.image-pos-right img, .image-pos-bottom-right img {
  position: absolute;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Position Image Right */
.image-pos-right, .image-pos-bottom-right {
  padding-right: 165px;
}

.image-pos-right img, .image-pos-bottom-right img {
  top: 0;
  right: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Position Image Bottom Right */
.image-pos-bottom-right img {
  top: auto;
  bottom: 0;
}


/* ==========================================================================
   H5BP.4.0: Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .cols:before, .container:before, .main:before, .header:before, .nav-menu:before, .footer:before, .copyright:before, .cdf-row:before, .cdf-cols:before, .cdf-radiocheck-group:before, .cdf-prod-list icon
li:before, .mod:before, .mod-skin1:before, .mod-skin2:before, .mod-skin3:before, .mod-grad:before,
.clearfix:after,
.cols:after,
.container:after,
.main:after,
.header:after,
.nav-menu:after,
.footer:after,
.copyright:after,
.cdf-row:after,
.cdf-cols:after,
.cdf-radiocheck-group:after,
.cdf-prod-list icon li:after,
.mod:after,
.mod-skin1:after,
.mod-skin2:after,
.mod-skin3:after,
.mod-grad:after {
  content: " ";
  display: table;
}

.clearfix:after, .cols:after, .container:after, .main:after, .header:after, .nav-menu:after, .footer:after, .copyright:after, .cdf-row:after, .cdf-cols:after, .cdf-radiocheck-group:after, .cdf-prod-list icon
li:after, .mod:after, .mod-skin1:after, .mod-skin2:after, .mod-skin3:after, .mod-grad:after {
  clear: both;
}

.clearfix, .cols, .container, .main, .header, .nav-menu, .footer, .copyright, .cdf-row, .cdf-cols, .cdf-radiocheck-group, .cdf-prod-list icon
li, .mod, .mod-skin1, .mod-skin2, .mod-skin3, .mod-grad {
  *zoom: 1;
}

/* ==========================================================================
   H5BP.4.0: Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
   AJP Blog Specific Styles
   ========================================================================== */

#container
{
  width: 1024px;
  margin: 0px auto 10px auto;
  height: 100%;
}

.adBanner728x90 {background: #ffffff;}

/*---------TEXT NAV-------------------SEE ABOVE IN JOSH's CODE-------------------TEXT NAV-------------------TEXT NAV-------------------TEXT NAV----------*/ 


/*---------NAVBAR-------------------NAVBAR-------------------SEE JOSH's CODE ABOVE-------------------NAVBAR-------------------NAVBAR----------*/


/*---------CONTENT-------------------CONTENT-------------------CONTENT-------------------CONTENT-------------------CONTENT---------*/ 

#content
{
	background-color: none;
	padding: 30px 0 0 0;
	overflow: auto;
}

#contentLeft
{
	float: left; 
	width: calc(100% - 360px); 
	margin: 0px 15px 0 0;
	height: 100%;
}

#contentRight {
	float: left; 
	width: 300px;
	margin: 0 0 0 15px;
	border-left: 1px solid #e5e5e5;
	padding: 0 0px 0 29px;
}

.contentLeftHome
{
	margin: 0;}

#aboutBlog
{
	margin: 0px 0px 15px 0px ;
	padding: 0px;
}

#blogTitle {width: 95%;}

#blogTitle h1
{
	font-size: 2rem;
	line-height: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.03em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#blogTitle h1, #blogTitle h1 a
{	color: #633e6a;}
	
#blogTitle h2
{	color: #666666;
	font-size: 1.2rem;
    font-style: italic;
    font-weight: normal;
    line-height: 1.4rem;
    margin: 0 0 6px 0;
	}

#aboutBlog .entry {overflow: auto; margin:0 0 10px 0; _margin:0 0 10px 0; *margin:0 0 0px 0;}

#aboutBlog .entry h4 {
	clear: left; 
	font-weight: bold; 
	margin: 3px 0 6px 0px; 
	line-height: 1.1em; 
	font-size: .8rem; 
	text-align: center;
}

#aboutBlog .entry p {font-size: .9rem; line-height: 1rem; margin: 0 0 10px 0px;}

#posts {
	border: none;
	padding: 0px 0px 15px 0px ;
	margin: 0px;
	background-color: transparent;
	z-index:1; 
}

.post, #commentHolder, #respond {
	border-top: 6px double #e5e5e5;
	padding: 30px 0;
	clear:both;
	overflow:hidden;
	
}

#commentHolder{}

#content #posts div.buttons {clear: both; height: 22px; margin-bottom: 6px;}

div.buttons .b2 {
  *padding: 5px 10px 6px 26px;
}

div.commentButtons .b2 {
  *padding: 1px 10px 10px 26px;
}

#content #posts h2.pageSubhead {
	color: #816f85;
	text-transform:uppercase;
	letter-spacing: .03rem;
	font-size: 1.125rem;
	line-height:1rem;
	margin: 0px;}
	
#content .post h2 { 
	margin: 0 0 9px 0;
	padding: 0;
	font-size: 1.5rem;
	text-align: left;
	text-decoration: none;
	line-height: 1.7rem;
	overflow: hidden;
}

#content .post h2 a, 
#content .post h2 a:link,
#content .post h2 a:visited, 
#content .post h4 a, 
#content .post h4 a:link,
#content .post h4 a:visited
{
	text-align: left;
	color: #114980;
}

#content .post h2 a:hover, 
#content .post h2 a:active { text-decoration: underline; }


#content .post h3
{
	text-align: left;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #000;
}
	
#content .post h3 a, 
#content .post h3 a:link,
#content .post h3 a:visited
{
	color: #000;
}

#content .post h3 a:hover, 
#content .post h3 a:active
{
	text-decoration: underline;
}

#content .post h3.date {
  font-size: .875rem;
  color: #666;
  text-transform: uppercase;
  letter-spacing: .03rem;
  margin-bottom: 5px;
}

#content .post h3.tags {
	font-style: normal; 
	color: #666666; 
	margin-bottom: 15px;
	}

#content .post h3.author {
	font-style: italic;
	font-size: .875rem; 
	}
#content .post h3.author a {
	color: #114980;
	text-decoration: none;
	}	
#content .post div.buttons {}

#content .post div.button {margin:0 7px 0 0; *float: left;}

#content .post h3 span.commentX{}
	
#content .post h3.ratings {
	margin: 6px 0px!important; 
	}

#content .post h4 { 
	font-size: 1rem;
	padding: 0px;
	margin: 0px;
	}

#content .post .entry p a
{
	text-decoration: none;
	color: #114980;
	font-weight: bold;
}

a.more-link {padding: 5px;}

.podPress_content, .podPress_content div {margin-bottom: 9px!important;}

/* ~~~~~~~~~~~~~~~   AUTHOR PROFILE PAGES   ~~~~~~~~~~~~~~~~~ */

.authorBio {margin: 0 0 30px 0px;overflow: auto;}
.authorPic {float: right; text-align: center; padding: 0 ; margin: 0 0 10px 20px!important;}
img.avatar {border: 1px solid #e5e5e5; margin: 0 0 15px 0;}
h4.authorMeta, h4.authorMeta a{font-weight: normal; text-transform: uppercase; color: #666666; margin-top: 0px;}
h4.authorMeta a {border-right: 1px solid #666666; margin: 0; padding: 0 9px 0 6px;}
h4.authorMeta a:first-child {padding-left:0;}
h4.authorMeta a:last-child {border:none;}

.entry .authorPic {	width: 127px; }

.entry .authorPic p.wp-caption-text{text-align: left; margin-top: 3px;}

/* ~~~~~~~~~~~~~~~   AUTHOR SECTION/BLOG HOME  ABOUT PAGES TOO   ~~~~~~~~~~~~~~~   AUTHOR SECTION/BLOG HOME ABOUT PAGES TOO   ~~~~~~~~~~~~~~~~~ */

.postAuthorSection {overflow: hidden;} /* for IE8  */

.postAuthorSection .authorPixHome {
    clear: both;
    float: right;
	margin-left: 40px;
	text-align: center;
    width: 125px;
}

.postAuthorSection .authorPixHome img, div.authorPic img {border: 1px solid #e5e5e5; margin-bottom: 4px;}

.postAuthorSection h2.pageSubhead {margin-bottom: 6px!important;}

.postAuthorSection h4.tagline {
    color: #666666;
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    line-height: 1.29em;
    margin-bottom: 20px!important;
    margin-top: 0;
}
.postAuthorSection .entry {margin: 0px; margin-right: 140px; overflow:hidden\0/ }

.postAuthorSection .entry h4{font-weight: normal; font-style:italic; margin: 9px 0 0px 0!important;}

.postAuthorSection .entry h4 a, .entry h4 a:visited, .entry h4 a:hover {
	color: #000000;
	font-weight: bold;
	font-style: normal;
}

.entry h4 a:hover {text-decoration: underline;}

.postAuthorSection .entry p a{color:#114980; font-weight: normal; text-decoration:none;}
 
.postAuthorSection .entry p a:hover{text-decoration:underline!important;}

.postAuthorSection .entry ul.morePosts {
	font-size:.85rem;
	font-weight: bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
	line-height:1.4em;
}

.entry ul.morePosts li {line-height: 1.25em; margin-bottom: 6px; }
	
ul.morePosts a, ul.morePosts a:visited, ul.morePosts a:hover {color: #000000;}

ul.morePosts a:hover {text-decoration: underline;}

.aboutPage .authorPixHome {
    clear: both;
    float: left;
    margin: 15px 15px 0 0;
	text-align: left;
    width: auto;
}

.aboutPage .entry {margin-left: 90px; margin-right: 0px; overflow:hidden\0/ }

.aboutPage .entry h4 a{color:#000000; text-decoration:none;}

.aboutPage .entry h4 a:hover{text-decoration:underline;}

.archiveRow .archiveCol {width: 270px; margin-right: 0px; clear: none; float: left;}
.archiveRow .archiveCol:first-child {margin-right: 15px;}

#content .post blockquote
{
	background: #d9e1e8;
	color: #333333;
	padding: 9px 12px;
	overflow: auto; /*pushes quote to the side of floated images */
	border: 1px solid #e5e5e5;
}

#content .post blockquote p
{
	padding: 0px;
	margin: 3px;
}

#content .post blockquote blockquote
{
	background: none;
	border-left: 10px solid #e5e5e5;
	color: #333333;
	margin: 9px 0 9px 40px;
	padding-left: 10px;
}

.wp-caption {
	margin: 0px 10px 9px 10px;
	padding-left: 0px;}
	
.wp-caption-text {
	margin: 6px 0px;
	font-size: .825rem;
	font-style: italic;}
	
#content .post .postmetadata
{
	text-align: left;
	font-size: .75rem;
	margin-bottom: 0px;
	clear:both;
}

.postmetadata h3 a { color: #666666!important; }


/* ~~~~~~~OVERRIDING SHARING TOOLS ANYSHARE ~~~~~~~~~~  */

.addtoany_list a, #a2apage_overlay a, #a2apage_dropdown a, .a2a_menu a, #a2apage_title_container {font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro",arial,sans-serif;	font-size: .825rem; line-height: 24px; text-align: middle; vertical-align: middle; text-transform: uppercase; color: #114980}

.addtoany_list a:hover, #a2apage_overlay a:hover, #a2apage_dropdown a:hover, .a2a_menu:hover {color: #666666}

/* ~~~~~~~ BASIC FLOATS THAT HOOK INTO WORDPRESS IMAGE ALIGNMENT ~~~~~~~~~~  */
.alignright {float: right;}

.alignleft {float: left;}

.aligncenter {
	margin: 0px auto;
	padding: 0px;}

img.aligncenter{display: block; margin: 3px auto 9px auto;}

img.alignright {
padding: 4px;
margin: 0 0 2px 15px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 15px 2px 0;
display: inline;
}

/* ~~~~~~~~~~~~~~~   BOTTOM NAVIGATION   ~~~~~~~~~~~~~~~   BOTTOM NAVIGATION   ~~~~~~~~~~~~~~~~~ */

.pagenav {
  margin: 0 0 15px 0;
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
  /*
  clear: both;
  width: 620px;
  overflow: hidden;*/
}

.pagenav .alignleft { float: left; }
.pagenav .alignright { float: right; }

h2#comments, 
h2#postcomment
{
	color: #aaa;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 14px;

}

#content .post h2#comments a:hover { text-decoration: underline; }

#content .post div.usercomment, 
#content .post div.admincomment
{
	margin-bottom: 20px;
	padding: 3px;
	width: 90%;
}

#content .post div.admincomment,
#content .post div.usercomment
{
	margin-left: 20px;
	background-color: #fff;
	float: left;
	font-style: normal;
	padding: 0px;
}


.commentcounter
{
	float: right;
	clear: both;
	color: #000;
	font-size:12px;
	font-weight: normal;
	padding-top: 20px;
	margin-right: 10px;
}

.commenttitle
{
	font-size: 11px;
	font-weight: normal;
	margin-bottom: -10px;
	background-color: #ebebed;
	font-style: normal;
	padding: 5px;
}

#submitnotice a
{
	width: 450px;
}

#submitnotice a
{
	font-style: bold;
	color: red;
}

/* ~~~~~~~~~~~~~~~   CONTENT RIGHT   ~~~~~~~~~~~~~~~   CONTENT RIGHT    ~~~~~~~~~~~~~~~~~ */

#sidebarAuthor {
	 border: none;
	 border-top: 1px solid #1a1a1a;
	 border-bottom: 1px solid #e5e5e5;
	 min-height: 30px;
	 padding: 15px 0 15px 0;
	 margin: 0 0 15px 0;
}

#sidebarAuthor h2.editor-full-name {
	color: #333333;	
    font-size: 1.125rem;
	line-height: 1.4rem;
	margin: 0px 0 0 0;
	}
	
#sidebarAuthor h3.editor-title {
	color: #000000;
	font-weight:normal;	
    font-size: 1rem;
	line-height: 1rem;
	margin: 15px 0 3px 0;
	}
 
#sidebarAuthor h4.editor-specialty, .authorMeta h4 {
    color: #666666;
    font-size: 0.875rem;
	font-weight:normal;
	font-style: italic;
    line-height: 1rem;
    text-transform: uppercase;
	text-align: left;
	margin: 9px 0 15px 0;
}

#sidebarAuthor h4.editor-specialty a, .authorMeta h4 a{
    color: #666666;
}

#sidebarAuthor p.about{
	font-size: .875rem;
	margin: 1rem 0 0 0;
	}
	
#sidebarAuthor .authorPix {
	float: right;
	margin: 0 0 0 15px;
}

#sidebarAuthor .authorPix img{
    border: 1px solid #e5e5e5;
    margin: 0 0 5px 15px;
	_width: 75px;
	*width: 75px;
}

#s, #subscribe-email input, select#cat, .widget select, .es_textbox input, .es-field-wrap input, #commentform input, #commentform textarea {
	min-width: 240px;
	width: -webkit-fill-available;  
	color: #666666;
 	font-size: .875rem;
  	padding: 6px 26px 4px 9px;
  	border: 1px solid #b2bfcb;
  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	-ms-border-radius: 6px;
  	border-radius: 6px;	
}

.es_textbox input, .es-field-wrap input {
	width: -webkit-fill-available; 
	max-width: 260px;
}

.entry #searchform #s, 
#commentform input,
#commentform textarea {
	width: -webkit-fill-available; 
	max-width: 580px;
}

.es_textbox input, #commentform input, #commentform textarea {color: #666666;}

.comment-awaiting-moderation {border: 1px solid #e5e5e5; background-color: #FFFde8; border-radius: 6px; padding: 6px 9px; margin: 3px 0; display: inline-block;}

#commentform textarea {height: auto!important;}

form input[type="checkbox"], #wp-comment-cookies-consent {width: auto!important; height: auto!important; min-width: 24px!important; max-width: 24px!important; margin-right: 7px; }

select#cat, .widget select  {
	color: #666666;
    height: 24px;
    margin: 0 0 8px;
    padding: 0 3px;
}
#s:blur {
	color: #cccccc;
}

#s:focus {
	color: #666666;
}
.search-go .icon {
  /* text */
  display: inline-block;
  color: #114980;
  font-size: 1.25rem;
  border: none;
}

#search {
	position:static;
  z-index: 8003;
  /* Search Text Field */
  /* Search Go Button (icon) */
}
#search .nvp-hd {
  display: none;
}
#search fieldset {
  position: relative;
}

#searchsubmit {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}

div#sidebar h4{
	font-size: .825rem; 
	font-weight: normal;
	margin: 0 0 3px 0;
	padding: 0px;
}

div#sidebar h5 {
	font-size: .75rem; 
	font-weight: normal;
	text-align: right;
	margin: 0 0 0px 0;
	padding: 0px;	
}

div#sidebar h5 a {
	text-decoration: underline;	
}

div.ad100x300 {background: #ffffff; min-height: 100px; padding-bottom: 0px; }

div.adBanner300x250 {background: #ffffff; min-height: 250px; padding-bottom: 0px; }

#sidebar {
	padding: 0px;
	margin: 0px 0 15px 0;
}

div.textwidget {}

div#OutputWidget{margin:0px; padding: 0px;}

ul.widgetHolder {
	padding: 0px;
	margin: 0px;}

#sidebar li.widget {
    margin: 30px 0 !important;
    padding: 0;
	}
	
#sidebar li.widget_text {
	border: none!important;
    margin: 15px 0 !important;
    padding: 0px;
	}

#sidebar li.widget_text.elp-widget  {
    margin: 15px 0 !important;
    padding: 0px!important;
	}
	
.es_msg {
    color: #ff3300!important;
    padding: 0px!important;
}
		
#sidebar li.widget img.emailAlertAd {margin: 0 0 -15px;}
	
textarea {
	width: 450px;
	height: 150px;
	margin: 0px;
	padding: 4px;
}

#sidebar label, #sidebarSearch label { 
	font-size: .75rem;
}
	
#sidebar ul li.widget h2.widgettitle label {font-size: 1em!important;}

p#subscribe-text {font-size: 1em!important; line-height:1.3em!important;}

p#subscribe-submit {text-align: right;}

#sidebar p {
	line-height: 115%;
	font-size: 1em;
}

#sidebar li {
	list-style: none;
}

#sidebar h2 {
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0 0 12px 0;
	padding: 15px 0 14px 0;
	color: #000;	
	text-transform: uppercase;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #e5e5e5;
}

#sidebar h2 a {
	color: #114980;
}

#sidebar ul li { color: #000; font-style: normal;}

#sidebar ul li.widget ul{margin: 9px 0 0 0; padding: 0px;}

#sidebar ul li.widget ul li {margin-bottom: 9px;}

#sidebar ul.widgetHolder li.widget ul#recentcomments, #sidebar ul.widgetHolder li.widget_ratings ul, #sidebar ul.widgetHolder li.widget_rss ul{ margin: 9px 0 0 0; padding: 0px; }

#sidebar ul.widgetHolder li.widget div div div ul li{line-height: 1rem; margin-bottom: 6px; }

/* ~~~~~~~~ rewriting tabbed widget css  ~~~~~~~~~ */
/*tabbed widget */
#container #content #contentRight #sidebar .swt-outter {
  border: none;
  font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro", Arial, Helvetica, sans-serif!important;
}
#container #content #contentRight #sidebar .swt-outter .ui-widget-content, 
#container #content #contentRight #sidebar .swt-outter .ui-state-default, 
#container #content #contentRight #sidebar .swt-outter .ui-widget-content .ui-state-default {
  border: none !important;
  background: none !important;
  color: #000000;
  margin: 0px!important;
  padding: 0px!important;
}
#container #content #contentRight #sidebar .swt-outter .ui-widget-header, 
#container #content #contentRight #sidebar .swt-outter .ui-corner-all, 
#container #content #contentRight #sidebar .swt-outter .ui-tabs-nav li,
#container #content #contentRight #sidebar .swt-outter .ui-corner-top {
  border-radius: none !important;
  border: none !important;
  border-radius: unset;
}

#container #content #contentRight #sidebar .swt-outter .ui-widget-header {
  border: none !important;
  border-top: 1px solid #1a1a1a !important;
  border-bottom: 1px solid #e5e5e5 !important;
  background: none !important;
  font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro", Arial, Helvetica, sans-serif!important;
  font-size: .875rem;
  letter-spacing: .03rem;
  text-transform: uppercase;
}

#container #content #contentRight #sidebar .swt-outter .ui-state-default a, 
#container #content #contentRight #sidebar .swt-outter .ui-state-default a:link, 
#container #content #contentRight #sidebar .swt-outter .ui-state-default a:visited {
	color: #000000!important;
}

#container #content #contentRight #sidebar .swt-outter .ui-state-default a:hover, 
#container #content #contentRight #sidebar .swt-outter .ui-state-default a:active, 
#container #content #contentRight #sidebar .swt-outter .ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
#container #content #contentRight #sidebar .swt-outter .ui-state-active a, 
#container #content #contentRight #sidebar .swt-outter .ui-widget-content .ui-state-active a {
  border-bottom: 2px solid #114980!important;
  color: #114980!important;
  text-decoration: none;
}

#container #content #contentRight #sidebar .swt-outter .ui-tabs .ui-tabs-nav li a {
  font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro", Arial, Helvetica, sans-serif!important;
  float: left;
  text-decoration: none;
  padding: 15px 15px 13px 15px;
  font-weight: bold;
  text-transform: uppercase;
}

#container #content #contentRight #sidebar .swt-outter .ui-tabs {
  margin: 0px!important;
  padding: 0px!important;
  font-size: 1rem;
  line-height: 1.4rem;
}

#container #content #contentRight #sidebar .swt-outter .ui-tabs ul {
  margin: 0px;
}

#container #content #contentRight #sidebar .swt-outter .ui-tabs-panel {
  font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro", Arial, Helvetica, sans-serif!important;
  padding: 15px 10px 10px 10px !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #e5e5e5;
}

#container #content #contentRight #sidebar .swt-outter .ui-tabs-panel a {
  color: #114980;
}

#container #content #contentRight #sidebar .swt-outter .ui-tabs .ui-tabs-panel ul {
  padding: 0px;
  margin: 0px;
}

#container #content #contentRight #sidebar .swt-outter .swt-wrapper .ui-tabs-panel li {
  margin-bottom: 6px;
}

#container #content #contentRight #sidebar .swt-outter .ui-widget input,
#container #content #contentRight #sidebar .swt-outter .ui-widget select {
  font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro", Arial, Helvetica, sans-serif!important;
}

.section-widget-tabbed h2 {
  padding-bottom: 10px;
}

#sidebar .title {
  font-weight: bold;
}

.widget_tag_cloud {font-size: 1.2rem;line-height: 1.7rem;}


/* ~~~~~~~~  sidebarHome used to appear on the bottom ~~~~~~~~  just has RSS feed widgets in it  ~~~~~~~~~ */
	
#sidebarHome {
text-align: left;
	clear: both;
	margin: 10px 9px 0 9px;
	padding: 10px 0 0 0;
	background: url(images/sidebarHome_top.gif) no-repeat top left;
	height: 100%;
}

#sidebarHomeHolder {
	background-color: #e9f0f7;
	border: none;
	border-left: 1px solid #b2cbe4;
	border-right: 1px solid #b2cbe4;
	padding: 0px 9px 0px 9px;
	_margin: 0px;
	width: 940px;
	overflow:hidden;
}

#sidebarHomeHolder ul.widgetBegins {
	list-style: none;
	padding: 0;
	margin: 0;	
}

#sidebarHomeHolder ul.widgetBegins li:first-child.widget {
	margin: 0 0px 0 0px;
}

#sidebarHomeHolder ul.widgetBegins li.widget {
	float: left;
	display: block;
	_display: inline;
	width: 300px;
	padding: 0;
	margin: 0 0px 0 20px;
	_margin: 0 10px 0 0px;
	background: url(images/sidebarHomeWidget_bot.gif) no-repeat bottom left;
}

#sidebarHomeHolder ul.widgetBegins li.widget h2 {
	background: url(images/sidebarHomeWidget_top.gif) no-repeat top left;
	margin-top:0;
	padding:10px 10px 0px 10px;
	font-size: 13px;
	color:#000000;
}

#sidebarHomeHolder ul.widgetBegins li.widget h2 a{
	color:#000000;
}

#sidebarHomeHolder ul.widgetBegins ul {
	padding: 0px 30px 10px 30px;
	margin: 0 0px 0 0px;
	list-style-type: disc;	
}

#sidebarHomeHolder ul.widgetBegins ul li{
	line-height: 1.3em;
	padding: 0px;
	margin: 4px 0px;
}

/* ~~~~~~~~~~~~~~~   PODCAST PLAYER   ~~~~~~~~~~~~~~~   ~~~~~~~~~~~~~~~~~ */

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
background: #633e6a!important;
}
.mejs-container .mejs-controls, .mejs-embed, .mejs-embed body, .mejs-button {
    color: #d9e1e8;}
    
.mejs-time-current {background-color: #d9e1e8!important;}

/* ~~~~~~~~~~~~~~~   FOOTER   ~~~~~~~~~~~~~~~   FOOTER   ~~~~~~~~~~~~~~~~~ */

	
.clear { clear: both; }

img#wpstats{display:none}

.wp-polls {
	border: #ccc 1px solid; padding: 15px;}

.wp-polls .Buttons {
 padding:  10px 15px 10px 15px;
}