/*
Theme Name: JWH2OTheme - Cardio Archive
Theme URI: http://blogs.jwatch.org
Description: Theme for JW Blog H2O 
Version: 1.9
Author: Andrea Parent
Author URI: http://blogs.jwatch.org
*/

/* Andrea Parent, 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
--BORDERS, MEDIUM BLUE: #9fafbe
--BODY BACKGROUND LT BLUE: #ebf2f8 
--widget subheads GREY: #666
--FORM TEXT GREY: #666
*/

/*  */

@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: Arial, Verdana, sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   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;
}

body {
  font: 12px/1.5 Arial,sans-serif;
}

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

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  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: 11px;
}

body {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: #006892;
  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: 950px;
  margin: 0 auto;
}

.col {
  float: left;
}

/* ----------------------------------------------------------------------
   Responsive and Fixed Columns
   ---------------------------------------------------------------------- */
.container {
  position: relative;
  border: 1px solid #9fafbe;
  border-top: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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;
}

/* ==========================================================================
   Container Gradient Background
   ========================================================================== */
/* My Account and My Alerts */
.bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: -webkit-gradient(linear, 50% 0%, 50% 45, color-stop(0%, #e9dfc3), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(#e9dfc3, #ffffff 45px);
  background: -moz-linear-gradient(#e9dfc3, #ffffff 45px);
  -pie-background: linear-gradient(#e9dfc3, #ffffff 45px);
  background: linear-gradient(#e9dfc3, #ffffff 45px);
  z-index: -1;
}

/* ==========================================================================
   =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 Mini (For NVP - narrow viewport - for Mobile)
   ========================================================================== */
.nav-mini {
  display: none;
  position: absolute;
  right: 5px;
  bottom: 7px;
}

.nav-mini a {
  color: #114980;
  font-size: 23px;
}

.nav-mini a.active,
.nav-mini a:hover {
  color: #633e6a;
}

/* ==========================================================================
   User Nav NVP (Narrow Viewport - for Mobile)
   ========================================================================== */
#user-nav-nvp {
  display: none;
}

/* ==========================================================================
   =nav-area
   ========================================================================== */
/* Gradient link: 
		http://www.colorzilla.com/gradient-editor/#d9dfe5+1,9fafbe+21;Custom */
.nav-area {
  position: relative;
  z-index: 100;
  height: 34px;
  border-top: 1px solid #b9b6c6;
  border-right: 1px solid #9fafbe;
  border-left: 1px solid #9fafbe;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #d9dfe5), color-stop(21%, #9fafbe));
  background: -webkit-linear-gradient(#d9dfe5 1%, #9fafbe 21%);
  background: -moz-linear-gradient(#d9dfe5 1%, #9fafbe 21%);
  -pie-background: linear-gradient(#d9dfe5 1%, #9fafbe 21%);
  background: linear-gradient(#d9dfe5 1%, #9fafbe 21%);
}

/* ----------------------------------------------------------------------
   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;
  height: 34px;
  padding: 0 15px;
  color: #000;
  font: 700 14px "ff-scala-sans-pro", "ff-scala-sans-web-pro", Arial, Helvetica, sans-serif;
  letter-spacing: 0.05em;
  line-height: 35px;
  text-decoration: none;
  font-variant: small-caps;
}

.nav .nav-item-blogs > a {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e7eb), color-stop(3%, #e1e6ea), color-stop(9%, #d7dee4), color-stop(18%, #d4dbe1), color-stop(30%, #e2e6e9), color-stop(42%, #ececea), color-stop(61%, #f2efe6), color-stop(100%, #e9dfc3));
	background: -webkit-linear-gradient(#e2e7eb 0%,#e1e6ea 3%,#d7dee4 9%,#d4dbe1 18%,#e2e6e9 30%,#ececea 42%,#f2efe6 61%,#e9dfc3 100%);
	background: -moz-linear-gradient(#e2e7eb 0%,#e1e6ea 3%,#d7dee4 9%,#d4dbe1 18%,#e2e6e9 30%,#ececea 42%,#f2efe6 61%,#e9dfc3 100%);
	-pie-background: linear-gradient(#e2e7eb 0%,#e1e6ea 3%,#d7dee4 9%,#d4dbe1 18%,#e2e6e9 30%,#ececea 42%,#f2efe6 61%,#e9dfc3 100%);
	background: linear-gradient(#e2e7eb 0%,#e1e6ea 3%,#d7dee4 9%,#d4dbe1 18%,#e2e6e9 30%,#ececea 42%,#f2efe6 61%,#e9dfc3 100%);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Hover Colors:
		Home									- Purple
		Specialties & Topics	- Purple
		News									- Green
		Blog									- Yellow
		CME										- Red
 */
/* Home, Specialties & Topics */
.nav .nav-item:hover > a {
  color: #633e6a;
  text-decoration: none;
}

/* News */
.nav .nav-item-news:hover > a {
  color: #566a23;
}

/* Blogs */
.nav .nav-item-blogs:hover > a {
  color: #d09d06;
}



.nav .nav-item-blogs > a{
  color: #d09d06;
}
/* CME */
.nav .nav-item-cme:hover > a {
  color: #ac3b0f;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Gradient hover with NO menu */
.nav .nav-item:hover > a {
  border-left: 1px solid #9fafbe;
  padding-left: 14px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e7eb), color-stop(9%, #d4dde4), color-stop(15%, #cfd8df), color-stop(18%, #d0d7df), color-stop(39%, #e3e4e9), color-stop(55%, #e7e6eb), color-stop(70%, #e6e1e7), color-stop(100%, #d5cad5));
  background: -webkit-linear-gradient(#e2e7eb 0%, #d4dde4 9%, #cfd8df 15%, #d0d7df 18%, #e3e4e9 39%, #e7e6eb 55%, #e6e1e7 70%, #d5cad5 100%);
  background: -moz-linear-gradient(#e2e7eb 0%, #d4dde4 9%, #cfd8df 15%, #d0d7df 18%, #e3e4e9 39%, #e7e6eb 55%, #e6e1e7 70%, #d5cad5 100%);
  -pie-background: linear-gradient(#e2e7eb 0%, #d4dde4 9%, #cfd8df 15%, #d0d7df 18%, #e3e4e9 39%, #e7e6eb 55%, #e6e1e7 70%, #d5cad5 100%);
  background: linear-gradient(#e2e7eb 0%, #d4dde4 9%, #cfd8df 15%, #d0d7df 18%, #e3e4e9 39%, #e7e6eb 55%, #e6e1e7 70%, #d5cad5 100%);
}

/* Home: no left border */
.nav .nav-item-home:hover > a {
  border-left: none;
  padding-left: 15px;
}

/* ----------------------------------------------------------------------
   Nav Item with Menu
   ---------------------------------------------------------------------- */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Gradient hover with menu */
.nav .nav-item-menu:hover > a {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e7eb), color-stop(9%, #d4dde4), color-stop(15%, #cfd8df), color-stop(18%, #d0d7df), color-stop(39%, #e3e4e9), color-stop(70%, #ffffff));
  background: -webkit-linear-gradient(#e2e7eb 0%, #d4dde4 9%, #cfd8df 15%, #d0d7df 18%, #e3e4e9 39%, #ffffff 70%);
  background: -moz-linear-gradient(#e2e7eb 0%, #d4dde4 9%, #cfd8df 15%, #d0d7df 18%, #e3e4e9 39%, #ffffff 70%);
  -pie-background: linear-gradient(#e2e7eb 0%, #d4dde4 9%, #cfd8df 15%, #d0d7df 18%, #e3e4e9 39%, #ffffff 70%);
  background: linear-gradient(#e2e7eb 0%, #d4dde4 9%, #cfd8df 15%, #d0d7df 18%, #e3e4e9 39%, #ffffff 70%);
}

.nav .nav-item-menu > css3-container {
  
}

.nav .nav-item-menu:hover > css3-container {
  visibility: inherit;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.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: 34px;
  padding: 10px 0;
  border: 1px solid #9fafbe;
  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 .hd {
  padding: 0 0 5px 15px;
  font: bold 12px/1em Arial, Helvetica, sans-serif;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Nav Menu List */
.nav-menu li a {
  display: block;
  padding: 3px 18px 4px 15px;
  font-size: 12px;
}

/* ----------------------------------------------------------------------
   Nav Menu - Specialties and Topics
   ---------------------------------------------------------------------- */
/* Dropdown menu dimensions */
.nav-item-spec .nav-menu {
  width: 640px;
  padding: 14px 0;
}

/* Custom Columns and Grouping */
.nav-menu-specialties {
  float: left;
  width: 38%;
  border-right: 1px solid #cccccc;
}

.nav-menu-topics {
  float: left;
  width: 60%;
  padding-left: 5px;
}

.nav-menu-topics .col {
  width: 50%;
}

/* ----------------------------------------------------------------------
   Nav Menu - Blogs
   ---------------------------------------------------------------------- */
.nav-item-blogs .nav-menu {
  width: 210px;
}

.nav-item-spec .nav-menu-specialfeat {
  width: 210px;
  padding: 14px 0;
}
/* ----------------------------------------------------------------------
   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 .nvp-hd {
  display: none;
  font: bold 12px/1em Arial, Helvetica, sans-serif;
}
.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;
}

/* ==========================================================================
   Nav's RSS
   ========================================================================== */
.nav-rss {
  position: absolute;
  z-index: 8002;
  top: 9px;
  right: 15px;
  -webkit-transition-property: right;
  -moz-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

/* ----------------------------------------------------------------------
   Nav RSS
   For MVP (Medium viewport) is part of main nav
   ---------------------------------------------------------------------- */
.nav-item-rss {
  display: none;
}

/* ==========================================================================
   =footer
   ========================================================================== */
.footer {
  margin-top: 20px;
}

/* ----------------------------------------------------------------------
   Foot Nav
   ---------------------------------------------------------------------- */
.foot-nav {
  float: left;
  width: 63%;
  margin: 3px 0 0 15px;
}

.foot-nav ul {
  float: left;
  width: 33.33%;
  *width: 32%;
}

.foot-nav li {
  margin: 0 0 10px;
}

.foot-nav li a {
  color: rgba(0, 0, 0, 0.8);
  font: 12px Arial, Helvetica, sans-serif;
}

/* ----------------------------------------------------------------------
   Footer Social Media Icons
   ---------------------------------------------------------------------- */
.social-nav {
  float: right;
}

.social-nav .hd {
  float: left;
  margin: 5px 20px 0 0;
  font-size: 12px;
  text-transform: uppercase;
}

.social-nav ul {
  float: left;
}

.social-nav li {
  float: left;
  margin-right: 10px;
}

/* ==========================================================================
   =Copyright
   ========================================================================== */
.copyright {
  position: relative;
  margin: 20px 0 20px 15px;
  color: #000;
  font-size: 10px;
}

.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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #eef1ff;
  text-align: center;
  /* b-text */
  padding: 4px 14px 3px;
  color: #333;
  font: 10px/1em Arial, Helvetica, sans-serif;
}

.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_button input#es_txt_button {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 7px 10px 4px 26px;
  border: 0!important;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  background-color: #114980!important;
  /* b-text */
  text-align: center;
  color: white !important;
  font: 700 12px/12px "ff-scala-sans-pro", "ff-scala-sans-web-pro",arial,sans-serif;
  font-style: normal;
  letter-spacing: .05em;
  text-transform: uppercase;
  *min-width: 80px;
}

.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: .9em; 
	font-style: normal;
    font-weight: 700;
	background: none;
	color: #114980;
	padding: 0;
	text-decoration: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: auto;
	letter-spacing: 1px;
	white-space: nowrap;
}

.button.secondary a .icon, a.more-link .icon {
	font-size: 1.2em;
    color: #633E6A;
	vertical-align: -2px;
	margin-right: -2px!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: 2px;
  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;
}

/* ----------------------------------------------------------------------
   Info's Tool Tip (linked with i-info)
   ---------------------------------------------------------------------- */
.tool-tip {
  position: absolute;
  top: 15px;
  left: 22px;
  width: 210px;
  padding: 5px;
  border: 1px solid #cccccc;
  background: #ffffcc;
  color: #000;
  font: 11px Arial, Helvetica, sans-serif;
  text-align: left;
  z-index: 200;
  /* needs to be greater than Right Rail */
}

/* Info Icon: default display */
a.i-info .tool-tip {
  display: none;
}

a.i-info:hover .tool-tip {
  display: block;
}

/* IE7 underline fix */
a.i-info:hover,
a.i-info:hover .tool-tip {
  text-decoration: none !important;
}

/* ==========================================================================
   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 #9fafbe;
}

/* ==========================================================================
   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 Arial, Helvetica, sans-serif;
  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: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

.mod h3, .mod-skin1 h3, .mod-skin2 h3, .mod-skin3 h3, .mod-grad h3 {
  margin: 0;
  font-weight: bold;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

.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: 15px;
  border-color: #9FAFBE;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #F2ECDB), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(bottom, #F2ECDB, #ffffff 36px);
  background: -moz-linear-gradient(bottom, #F2ECDB, #ffffff 36px);
  -pie-background: linear-gradient(bottom, #F2ECDB, #ffffff 36px);
  background: linear-gradient(bottom, #F2ECDB, #ffffff 36px);
}

.mod-gradPFW {
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #E4E6DE), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(to top, #E4E6DE, #ffffff 36px);
  background: -moz-linear-gradient(to top, #E4E6DE, #ffffff 36px);
  -pie-background: linear-gradient(to top, #E4E6DE, #ffffff 36px);
  background: linear-gradient(to top, #E4E6DE, #ffffff 36px);
}
/* ----------------------------------------------------------------------
   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;
}

/* ==========================================================================
   Mod's FAQ Styles
   ========================================================================== */

/* ==========================================================================
   My Account - Custom 2 Column
   ========================================================================== */

/* ----------------------------------------------------------------------
   My Account - Column 1 - CDF read only or editable area
   ---------------------------------------------------------------------- */

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ----------------------------------------------------------------------
   Wide viewport (WVP)
   970 - Cap max width [ 950 + 20 (pad) - 1 ]
   ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
   Medium viewport (MVP)
   845 - Shift ad column down
   ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
   735px - Make Primary Nav Fluid
   ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
   700 - Hide Search Bar
   ---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
   675 - Move aside modules to 1 column
   ---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
   Narrow viewport (NVP)
   585 - Drop Details boxes below Account Summary
   ---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
   471 - Single column primary nav links
   ---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
   360 - Single column CDF Forms
   ---------------------------------------------------------------------- */

/* ==========================================================================
   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: 980px;
  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;
	border: 1px solid #9fafbe;
	border-top: none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 0px;
	overflow: auto;
	*overflow: visible;
	width:978px;

}
#contentLeft
{
	float: left; 
	width: 620px; 
	margin: 0 15px 0 15px;
	_display: inline;
	height: 100%;
	}

.contentLeftHome
{
	margin: 0 20px 10px 10px!important;}

#aboutBlog
{
	margin: 30px 0px 15px 0px ;
	padding: 0px 0px 0p 0px ;
	width: 600px;
	padding: 0px;
	z-index:1;
	position: relative;
}

#blogTitle {width: 95%;}

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

#blogTitle h1, #blogTitle h1 a
{	color: #D09D06;}
	
#blogTitle h2
{	color: #666666;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.17em;
    font-style: italic;
    font-weight: normal;
    line-height: 1.29em;
    margin-bottom: 6px;
    margin-top: 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: 10px; text-align: center;}

#aboutBlog .entry p {font-size: 11px; line-height: 13px; margin: 0 0 10px 0px;}

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

.post, #commentHolder, #respond {
	border: 1px solid #9fafbe;
	margin-bottom: 15px;
	padding: 15px 15px 15px 15px;
	clear:both;
	overflow:hidden;
	_width: 598px;
	
}

#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: #b69D55;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:20px;
	margin: 0px;}
	
#content .post h2 { 
	margin: 0 0 9px 0;
	padding: 0;
	font-size: 16px;
	text-align: left;
	text-decoration: none;
	line-height: 110%;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	}

#content .post h2.searchHead {
	background: none !important;
	font-style: bold;
	font-size: 14px; 
	margin: 0px 0px 9px 0px; 
	}

#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, div.post-ratings
{
	text-align: left;
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	font-family: Arial, Verdana, San-Serif;
	margin: 0 0 10px 0;
	color: #000;
}

div.post-ratings {
	margin: 6px 0px!important; 
	}
	
#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.tags {
	font-style: normal; 
	color: #666666; 
	margin-bottom: 15px;
	}

#content .post h3.author {
	font-style: italic;
	font-size: 11px; 
	}
#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: 12px;
	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 #9fafbe; 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: 20px;
	text-align: center;
    width: 125px;
}

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

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

.postAuthorSection h4.tagline {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    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:11px;
	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 .archive {}
.archiveRow .archiveCol {width: 270px; margin-right: 0px; clear: none; float: left;}
.archiveRow .archiveCol:first-child {margin-right: 15px;}

#content .post blockquote
{
	color: #555;
	padding: 6px;
	overflow: auto; /*pushes quote to the side of floated images */
	border: #ccc 1px solid;
	font-size: 11px;
}

#content .post blockquote p
{
	padding: 0px;
	margin: 3px;
	font-size: 11px;
}

#content .post blockquote blockquote
{
	background: transparent ;
	border-left: 10px solid #ccc;
	color: #555;
	margin: 9px 0 9px 42px;
	padding-left: 10px;
}

.wp-caption {
	margin: 0px 10px 9px 10px;
	padding-left: 0px;}
	
.wp-caption-text {
	margin: 6px 0px;
	font-size: 11px;
	font-style: italic;}
	
#content .post .postmetadata
{
	text-align: left;
	font-size: .75em;
	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: .8em; 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;
	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    ~~~~~~~~~~~~~~~~~ */
#contentRight
{
	float: left; 
	width: 300px; 
	margin: 0 0 0 15px;
	*margin: 15px 0 0 15px;
	}
	
#contentRight form
{
	*margin: 0px;
	*padding: 0px;
	}
	
	
#sidebarSearch, #sidebarAuthor {
	 border: 1px solid #9fafbe;
	 min-height: 30px;
	 padding: 15px;
	 margin: 15px 0;
}

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

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

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

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

#sidebar input{
	font-family:Arial,Helvetica,sans-serif;
}

#s, #emailPFWArt, #subscribe-email input, select#cat, .widget select, .es_textbox input, #commentform input, #commentform textarea {
	width: 235px;
	color: #CCCCCC;
	height: 16px;
 	font-size: 11px;
  	padding: 4px 26px 2px 5px;
  	border: 1px solid #b2bfcb;
  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	-ms-border-radius: 6px;
  	border-radius: 6px;	
}

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

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

#commentform textarea {width: 85%!important; height: auto!important;}

#wp-comment-cookies-consent {width: auto!important; height: auto!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: 16px;
  border: none;
}


#search {
	position:static;
  z-index: 8003;
  /* Search Text Field */
  /* Search Go Button (icon) */
}
#search .nvp-hd {
  display: none;
  font: bold 12px/1em Arial, Helvetica, sans-serif;
}
#search fieldset {
  position: relative;
  
}

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

#emailPFWArt {
	width:223px;
	margin-bottom: 6px;
	}

#buttonSignUpPFWArt {
	height:21px;
	width:70px;
	margin-left: -2px;
	_margin-left: -5px;
}
	
div#PFW h3 {
	font-size: 11px; 
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0px;
	
}

div#PFW h4, div#sidebar h4{
	font-size: 11px; 
	font-weight: normal;
	margin: 0 0 3px 0;
	padding: 0px;
}

div#PFW h4{
	margin: 6px 0 3px 0;
}

div#PFW h5, div#sidebar h5 {
	font-size: 11px; 
	font-weight: normal;
	text-align: right;
	margin: 0 0 0px 0;
	padding: 0px;	
}

div#PFW h5 a, div#sidebar h5 a {
	text-decoration: underline;	
}
#sidebar ul li.widget div#PFW ul.pfwBullets {margin: 0px; padding: 0 0 0 15px;}
#sidebar ul li.widget div#PFW ul.pfwBullets li {list-style: disc outside!important; margin: 5px 10px 5px 10px!important; }

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

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

#sidebar {
	padding: 0px 0px 0px 0px;
	margin: 15px 0 15px 0;
	*margin: 15px 0 15px 0;
}
/*make tabbed widget take up full width of box */
div.swt-outter {margin: -15px!important;}

div.textwidget {}

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

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

#sidebar li.widget {
	border: 1px solid #9FAFBE;
    margin: 15px 0 !important;
    padding: 15px;
	}
	
#sidebar li.widget_text {
	border: none!important;
    margin: 15px 0 !important;
    padding: 0px;
	}

#sidebar li.widget_text.elp-widget  {
	border: 1px solid #9FAFBE!important;
    margin: 15px 0 !important;
    padding: 15px!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: 10px;
	*margin-bottom: 9px;
	}
	
#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: 1.2em;
	margin: 0 0 9px 0;
	color: #666666;
}

#sidebar h2 a
{
	color: #666666;
}

#sidebar #PFW h2 {color:#566a23 !important;}

#sidebar #PFW .mod-grad{}

#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{ line-height: 1.3; margin-bottom: 5px;}

#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: 1.3em; margin-bottom: 5px; }

/* ratings plugin widget (for the section tab widget) */

#sidebar div.ui-tabs-panel dl {font-size: 11px; clear:both; overflow:hidden; padding:0; margin: 5px 0 0 0;}
#sidebar div.ui-tabs-panel dl dt{float:left; margin:0 0 2px; width:90px;}
#sidebar div.ui-tabs-panel dl dt img {vertical-align:text-bottom;}
#sidebar div.ui-tabs-panel dl dd {float:left; margin:0 0 2px; padding: 3px 0 0 0; width:180px;}
#sidebar div.ui-tabs-panel dl a {line-height: 1.35em;}

/* ~~~~~~~~ rewriting tabbed widget css  ~~~~~~~~~ */
#container #content #contentRight #sidebar .swt-outter .ui-tabs {
margin: 0px; padding: 0px 0 0 0; font-size:11px; font-weight: bold; text-transform: uppercase; }
.ui-tabs-nav {font-family: "ff-scala-sans-pro", "ff-scala-sans-web-pro", Arial, Helvetica, sans-serif; font-size: 12px!important;}
.ui-tabs-nav li {-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;}
#container #content #contentRight #sidebar .swt-outter .ui-tabs ul {margin: 0px;}
.ui-state-default, .ui-widget-content .ui-state-default, ui-state-active, .ui-tabs .ui-tabs-nav li.ui-tabs-selected {font-weight: bold!important; letter-spacing: .5px; }
#container #content #contentRight #sidebar .swt-outter .ui-tabs .ui-tabs-panel {padding: 6px 12px!important; border:none!important; font-size:12px!important; font-weight: normal; text-transform: none;}
#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 li.section-widget-tabbed ul li {margin-bottom: -1px;}

.ui-widget-header {
    border: none !important;
    padding: 3px 3px 0 !important;}
.ui-widget-content {border: none; margin-top: 9px;}
.ui-widget-content a {line-height:1.1em;}
.section-widget-tabbed h2 {padding-bottom: 10px;}
#sidebar .title { font-weight: bold; }

.rsswidget img {vertical-align: unset;}

.widget_tag_cloud {line-height: 1.5em;}
select.cat {}

/* ~~~~~~~~  sidebarHome appears 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;
}
	
/* ~~~~~~~~~~~~~~~   FOOTER   ~~~~~~~~~~~~~~~   FOOTER   ~~~~~~~~~~~~~~~~~ */

	
.clear { clear: both; }

img#wpstats{display:none}

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

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