/* --------------------------------------------------------------
   screen.css 
   -------------------------------------------------------------- */
   
/* -----------------------------------------------------------------------


 Blueprint CSS Framework 1.0
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html {margin:0;padding:0;border:0;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:100%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
/*tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}*/
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border:1px solid #bbb;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

/* grid.css */

/* --------------------------------------------------------------

   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.8 (2009-03-01)
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * BlueCalc (2010-10-04) [http://www.bluecalc.com/]

   Blueprint.css is licensed by the conditions of the MIT license.
   This document has been created by BlueCalc, a grid creation utility for blueprint.
   Also check out the "Blueprint CSS Generator" by kematzy (http://kematzy.com/blueprint-generator/)
	
   == STRUCTURE: ========================
    * Page width:            1024 px
    * Number of columns:     24 
    * Column width:          35 px
    * Margin width:          8 px
   ======================================
   
   The blueprint grid is calculated as follows:
   Total width = (number_of_columns * column_width) - margin_width
   
   For more information on blueprint.css check out http://wiki.github.com/joshuaclayton/blueprint-css
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 1024px;
  margin: 0 auto;
}



/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 8px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 { width: 35px; }
.span-2 { width: 78px; }
.span-3 { width: 121px; }
.span-4 { width: 164px; }
.span-5 { width: 207px; }
.span-6 { width: 250px; }
.span-7 { width: 293px; }
.span-8 { width: 336px; }
.span-9 { width: 379px; }
.span-10 { width: 422px; }
.span-11 { width: 465px; }
.span-12 { width: 508px; }
.span-13 { width: 551px; }
.span-14 { width: 594px; }
.span-15 { width: 637px; }
.span-16 { width: 680px; }
.span-17 { width: 723px; }
.span-18 { width: 766px; }
.span-19 { width: 809px; }
.span-20 { width: 852px; }
.span-21 { width: 895px; }
.span-22 { width: 938px; }
.span-23 { width: 981px; }
.span-24, div.span-24 { width: 1024px; margin: 0; }

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}

input.span-1, textarea.span-1 { width: 23px !important; }
input.span-2, textarea.span-2 { width: 66px !important; }
input.span-3, textarea.span-3 { width: 109px !important; }
input.span-4, textarea.span-4 { width: 152px !important; }
input.span-5, textarea.span-5 { width: 195px !important; }
input.span-6, textarea.span-6 { width: 238px !important; }
input.span-7, textarea.span-7 { width: 281px !important; }
input.span-8, textarea.span-8 { width: 324px !important; }
input.span-9, textarea.span-9 { width: 367px !important; }
input.span-10, textarea.span-10 { width: 410px !important; }
input.span-11, textarea.span-11 { width: 453px !important; }
input.span-12, textarea.span-12 { width: 496px !important; }
input.span-13, textarea.span-13 { width: 539px !important; }
input.span-14, textarea.span-14 { width: 582px !important; }
input.span-15, textarea.span-15 { width: 625px !important; }
input.span-16, textarea.span-16 { width: 668px !important; }
input.span-17, textarea.span-17 { width: 711px !important; }
input.span-18, textarea.span-18 { width: 754px !important; }
input.span-19, textarea.span-19 { width: 797px !important; }
input.span-20, textarea.span-20 { width: 840px !important; }
input.span-21, textarea.span-21 { width: 883px !important; }
input.span-22, textarea.span-22 { width: 926px !important; }
input.span-23, textarea.span-23 { width: 969px !important; }
input.span-24, textarea.span-24 { width: 1012px !important; }

/* Add these to a column to append empty cols. */

.append-1 { padding-right: 43px; }
.append-2 { padding-right: 86px; }
.append-3 { padding-right: 129px; }
.append-4 { padding-right: 172px; }
.append-5 { padding-right: 215px; }
.append-6 { padding-right: 258px; }
.append-7 { padding-right: 301px; }
.append-8 { padding-right: 344px; }
.append-9 { padding-right: 387px; }
.append-10 { padding-right: 430px; }
.append-11 { padding-right: 473px; }
.append-12 { padding-right: 516px; }
.append-13 { padding-right: 559px; }
.append-14 { padding-right: 602px; }
.append-15 { padding-right: 645px; }
.append-16 { padding-right: 688px; }
.append-17 { padding-right: 731px; }
.append-18 { padding-right: 774px; }
.append-19 { padding-right: 817px; }
.append-20 { padding-right: 860px; }
.append-21 { padding-right: 903px; }
.append-22 { padding-right: 946px; }
.append-23 { padding-right: 989px; }

/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 43px; }
.prepend-2 { padding-left: 86px; }
.prepend-3 { padding-left: 129px; }
.prepend-4 { padding-left: 172px; }
.prepend-5 { padding-left: 215px; }
.prepend-6 { padding-left: 258px; }
.prepend-7 { padding-left: 301px; }
.prepend-8 { padding-left: 344px; }
.prepend-9 { padding-left: 387px; }
.prepend-10 { padding-left: 430px; }
.prepend-11 { padding-left: 473px; }
.prepend-12 { padding-left: 516px; }
.prepend-13 { padding-left: 559px; }
.prepend-14 { padding-left: 602px; }
.prepend-15 { padding-left: 645px; }
.prepend-16 { padding-left: 688px; }
.prepend-17 { padding-left: 731px; }
.prepend-18 { padding-left: 774px; }
.prepend-19 { padding-left: 817px; }
.prepend-20 { padding-left: 860px; }
.prepend-21 { padding-left: 903px; }
.prepend-22 { padding-left: 946px; }
.prepend-23 { padding-left: 989px; }

/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -43px; }
.pull-2 { margin-left: -86px; }
.pull-3 { margin-left: -129px; }
.pull-4 { margin-left: -172px; }
.pull-5 { margin-left: -215px; }
.pull-6 { margin-left: -258px; }
.pull-7 { margin-left: -301px; }
.pull-8 { margin-left: -344px; }
.pull-9 { margin-left: -387px; }
.pull-10 { margin-left: -430px; }
.pull-11 { margin-left: -473px; }
.pull-12 { margin-left: -516px; }
.pull-13 { margin-left: -559px; }
.pull-14 { margin-left: -602px; }
.pull-15 { margin-left: -645px; }
.pull-16 { margin-left: -688px; }
.pull-17 { margin-left: -731px; }
.pull-18 { margin-left: -774px; }
.pull-19 { margin-left: -817px; }
.pull-20 { margin-left: -860px; }
.pull-21 { margin-left: -903px; }
.pull-22 { margin-left: -946px; }
.pull-23 { margin-left: -989px; }
.pull-24 { margin-left: -1032px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 { float: left; position:relative; }

.push-1 { margin: -43px 1.5em 43px; }
.push-2 { margin: -86px 1.5em 86px; }
.push-3 { margin: -129px 1.5em 129px; }
.push-4 { margin: -172px 1.5em 172px; }
.push-5 { margin: -215px 1.5em 215px; }
.push-6 { margin: -258px 1.5em 258px; }
.push-7 { margin: -301px 1.5em 301px; }
.push-8 { margin: -344px 1.5em 344px; }
.push-9 { margin: -387px 1.5em 387px; }
.push-10 { margin: -430px 1.5em 430px; }
.push-11 { margin: -473px 1.5em 473px; }
.push-12 { margin: -516px 1.5em 516px; }
.push-13 { margin: -559px 1.5em 559px; }
.push-14 { margin: -602px 1.5em 602px; }
.push-15 { margin: -645px 1.5em 645px; }
.push-16 { margin: -688px 1.5em 688px; }
.push-17 { margin: -731px 1.5em 731px; }
.push-18 { margin: -774px 1.5em 774px; }
.push-19 { margin: -817px 1.5em 817px; }
.push-20 { margin: -860px 1.5em 860px; }
.push-21 { margin: -903px 1.5em 903px; }
.push-22 { margin: -946px 1.5em 946px; }
.push-23 { margin: -989px 1.5em 989px; }
.push-24 { margin: -1032px 1.5em 1032px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}

/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
  margin-top:1.5em; 
}
.append-bottom { 
  margin-bottom:1.5em; 
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
 { float: left; }
.right { float: right; }



/* --------------------------------------------------------------
   search.css 
   -------------------------------------------------------------- */

.gsc-control-cse { font-family: Helvetica, Verdana, sans-serif; border: #dbdbdb !important; background-color: #dbdbdb !important; }

input.gsc-input { border-color: #8A99A6; }

input.gsc-search-button { border-color: #8A99A6; background-color: #D0D1D4; }

.gsc-tabHeader.gsc-tabhInactive { border-color: #B2BDC6; background-color: #B2BDC6; }

.gsc-tabHeader.gsc-tabhActive { border-color: #8A99A6; background-color: #8A99A6; }

.gsc-tabsArea { border-color: #8A99A6; }

.gsc-webResult.gsc-result { border-color: #dbdbdb !important; background: #dbdbdb; }

.gsc-webResult.gsc-result:hover { border-color: #D2D6DC !important; background-color: #EDEDED; box-shadow: 2px 2px 5px #333;}

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b { color: #aa0000 !important;; }

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b { color: #aa0000 !important;; }

.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b { color: #aa0000 !important;; }

.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b { color: #aa0000 !important;; }

.gsc-cursor-page { color: #aa0000; }

a.gsc-trailing-more-results:link { color: #aa0000; }

.gs-webResult .gs-snippet { color: #5F6A73; }

.gs-webResult div.gs-visibleUrl { color: #5F6A73; }

.gs-webResult div.gs-visibleUrl-short { color: #5F6A73; }

.gs-webResult div.gs-visibleUrl-short { display: none; }

.gs-webResult div.gs-visibleUrl-long { display: block; }

.gsc-cursor-box { border-color: #DBDBDB; background: #DBDBDB; }

.gsc-result { margin-bottom: 0px !important; }

.gsc-cursor-box { margin-bottom: 0px !important; }

.gsc-results {
	padding-bottom: 0px !important;
}

.gsc-results .gsc-cursor-page { border-color: #dbdbdb; background: #dbdbdb; }

.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
	border-color: #333 !important;
	background-color: #333 !important;
	color: white !important;
	text-shadow: none !important;
}

.gs-promotion { border-color: #D2D6DC; background-color: #D0D1D4; }

.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link { color: #aa0000 !important; }

.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited { color: #aa0000 !important; }

.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover { color: #333; }

.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active { color: #aa0000 !important; }

.gs-title {
	font-size: 1.1em;
	margin-bottom: 0.1em;
	height: 1.7em !important;
}

.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * { color:
#333333; }

.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short { color: #5F6A73; }

.gsc-input input.gsc-input { background: none repeat scroll 0% 0% white !important; }


/* --------------------------------------------------------------
   Magnific Popup: magnific-popup.css
   -------------------------------------------------------------- */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.9;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 24px;
  font-size: 14px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }




/* --------------------------------------------------------------
   slidedeck.skin.css
   -------------------------------------------------------------- */


/* Main Deck
-------------------------------------------------------------- */

.skin-fxguide dl.slidedeck {
	margin: 0;
	height: 290px;
	margin-top: 10px;
}		


/* Slides
-------------------------------------------------------------- */

.skin-fxguide dl.slidedeck dd {
	padding: 32px 50px;
	background: url('../images/slidedeck/slides.png') center bottom repeat-x #101115;
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#2c2b2b));
	background: -moz-linear-gradient(top,  #4c4c4c,  #2c2b2b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#2c2b2b');
	color: #fff;
}

.skin-fxguide .slide .recent-content {
	width: 300px;
}

.skin-fxguide .slide .recent-content a {
	color: #FFF;
}

.skin-fxguide .slide .recent-content a:hover {
	color: #CCC;
}

.skin-fxguide.deck-articles .slide .recent-content {
	width: 270px;
}

.skin-fxguide.deck-articles .slide .recent-content .views {
	color: #666;
	font-style: italic;
	font-size: 11px;
}

.skin-fxguide.deck-articles .slide .feature-desc ol {
	font-size: 14px;
	margin-top: -15px;
}

.skin-fxguide .slide .recent-content h2 {
	color: #fff;
	font-size: 22px;
	line-height: 27px;
	margin-bottom: -4px;
}

.skin-fxguide .slide .recent-content h2.downsize {
	font-size: 19px;
	line-height: 24px;
}

.skin-fxguide .slide .recent-content .posted_on {
	color: #999;
	font-size: 12px;
	display: block;
	padding-top: 4px;
}


.skin-fxguide .slide .recent-content p {
	color: #797979;
	font-size: 12px;
	line-height: 20px;
}

.skin-fxguide .slide .recent-content a.subscribe {
	color: #999;
	font-size: 14px;
	position: absolute;
	bottom: 20px;
}

.skin-fxguide .slide .recent-content a.subscribe img {
	float: left;
	margin: -6px 6px 0px 0px;
}

.skin-fxguide .slide .logo {
	width: 260px;
	height: 291px;
	position: absolute;
	right:0px;
	top: 0px;
}

.skin-fxguide .slide h2 {
	text-shadow: 1px 1px 3px #333;
}

.skin-fxguide dd.slide_1 h2 {
	font-size: 30px !important;
	line-height: 40px !important;
	width: 300px;
}

.skin-fxguide dd.slide_1 p {
	padding-top: 20px;
	font-size: 18px !important;
	line-height: 24px !important;
	width: 320px;
}

/* .deck-podcasts */
.skin-fxguide.deck-podcasts dd.slide_1 .logo {
	background: url('../images/slidedeck/logo-podcasts-all.png') no-repeat;
}

.skin-fxguide.deck-podcasts dd.slide_2 .logo {
	background: url('../images/slidedeck/logo-fxpodcasts.png') no-repeat;
}

.skin-fxguide.deck-podcasts dd.slide_3 .logo {
	background: url('../images/slidedeck/logo-fxguidetv.png') no-repeat;
}

.skin-fxguide.deck-podcasts dd.slide_4 .logo {
	background: url('../images/slidedeck/logo-fxguidetves.png') no-repeat;
}

.skin-fxguide.deck-podcasts dd.slide_5 .logo {
	background: url('../images/slidedeck/logo-therc.png') no-repeat;
}

.skin-fxguide.deck-podcasts dd.slide_6 .logo {
	background: url('../images/slidedeck/logo-thevfxshow.png') no-repeat;
}

/* .deck-articles */

.skin-fxguide.deck-articles dd img.attachment-hero {
	position: absolute;
	height: 100%;
	width: auto;
	z-index: -1;
	top:0;
	left:68px;
	z-index: -1;
}

.skin-fxguide.deck-articles dd .logo {
	width: 280px;
}

.skin-fxguide.deck-articles dd.slide_1 .logo {
	background: url('../images/slidedeck/logo-articles-all.png') no-repeat;
}

.skin-fxguide.deck-articles dd.slide_2 .logo {
	background: url('../images/slidedeck/logo-fxfeature.png') no-repeat;
}

.skin-fxguide.deck-articles dd.slide_3 .logo {
	background: url('../images/slidedeck/logo-quicktake.png') no-repeat;
}

.skin-fxguide.deck-articles dd.slide_4 .logo {
	background: url('../images/slidedeck/logo-recommend.png') no-repeat;
}

.skin-fxguide.deck-articles dd.slide_5 .logo {
	background: url('../images/slidedeck/logo-hot-fxfeature.png') no-repeat;
	width: 355px;
}

.skin-fxguide.deck-articles dd.slide_6 .logo {
	background: url('../images/slidedeck/logo-hot-quicktake.png') no-repeat;
	width: 355px;
}

/* Spines
-------------------------------------------------------------- */

.skin-fxguide dl.slidedeck dt {
    position: relative;
	cursor: pointer;
	height: 65px;
	line-height: 60px;
	font-size: 20px !important;
	font-family: "GothamHTF Book", "Trebuchet MS", Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
	letter-spacing: 1px;
	color: #666 !important;
	text-align: right !important;
	padding-right: 45px;
	padding-top: 3px;
/*	text-shadow: -1px -1px 1px #d2d3da;*/
	background: transparent url('../images/slidedeck/spines.png') center 0 no-repeat;
}
.skin-fxguide dl.slidedeck dt:hover {
	background: url('../images/slidedeck/spines.png') center -169px no-repeat;
	color: #000 !important;
}
.skin-fxguide dl.slidedeck dt.active, .slmidedeck dt.active:hover {
	cursor: default;
	color: #333 !important;
	height: 85px;
/*	text-shadow: 1px -1px 1px #CCC;*/
	background: url('../images/slidedeck/spines.png') center -83px no-repeat;
}

/* Index
-------------------------------------------------------------- */

.skin-fxguide dl.slidedeck dt .index {
	font-size: 24px;
	font-weight: bold;
	/*margin: 0px 0px 22px -20px;*/
	margin: 0px 0px 24px 225px;
	width: 20px !important;
	height: 20px !important;
	text-indent: -8000px;
	overflow: hidden;
	position: absolute;
	background: url(../images/ui/icons-sprite.png) no-repeat;
/*	color: #666 !important;
	text-shadow: -1px 1px 1px #d2d3da;*/
}

.skin-fxguide dl.slidedeck dt:hover .index { color:#000 !important; }
.skin-fxguide dl.slidedeck dt.active .index {
/*    text-shadow: 0 0 7px #fff;
    color: #000 !important;*/
}


/* .deck-podcasts */
.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_1 .index {
	background-position: -200px;
}

.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_2 .index {
	background-position: 0px;
}

.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_3 .index {
	background-position: -60px;
}

.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_4 .index {
	background-position: -80px;
}

.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_5 .index {
	background-position: -20px;
}

.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_6 .index {
	background-position: -40px;
}

/* .deck-articles */
.skin-fxguide.deck-articles dl.slidedeck dt.spine_1 .index {
	background-position: -200px;
}

.skin-fxguide.deck-articles dl.slidedeck dt.spine_2 .index {
	background-position: -100px;
}

.skin-fxguide.deck-articles dl.slidedeck dt.spine_3 .index {
	background-position: -120px;
}

.skin-fxguide.deck-articles dl.slidedeck dt.spine_4 .index {
	background-position: -180px;
}

.skin-fxguide.deck-articles dl.slidedeck dt.spine_5 .index {
	background: url(../images/ui/icons-sprite-hot.png) no-repeat;
	height: 40px !important;
	margin: 0 0 5px 244px;
	background-position: 0px;
}

.skin-fxguide.deck-articles dl.slidedeck dt.spine_6 .index {
	background: url(../images/ui/icons-sprite-hot.png) no-repeat;
	height: 40px !important;
	margin: 0 0 5px 244px;
	background-position: -20px;
}


.skin-fxguide dl.slidedeck dt .index {
	height: 40px !important;
	margin: 0 0 5px 234px;
}


/* Selected Arrow
-------------------------------------------------------------- */

.skin-fxguide dl.slidedeck .activeCorner {
	margin-left: -1px;
    margin-top: -25px;
	background-image: url('../images/slidedeck/corner.png');
	width: 35px;
	height: 50px;
	top: 20% !important;
}


/* Vertical Slides
-------------------------------------------------------------- */

.skin-fxguide dl.slidedeck dd.slide ul.slidesVertical { text-indent: 0; }
.skin-fxguide dl.slidedeck dd.slide ul.slidesVertical li {
    overflow: hidden;
    padding: 10px !important;
    margin: 0 !important;
}
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav {
    top: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0 0 3px;
	width: 12px;
	height: 12px;
	overflow: hidden;
	line-height: 12px;
    list-style: none;
	font-size: 1px; /* Stupid IE */
}
.skin-fxguide dl.slidedeck ul li:before { content: "" !important; }
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li.arrow {
    position: absolute;
    display: block;
    z-index: 1;
    width: 10px;
    height: 0;
    padding-top: 10px;
    padding-bottom: 0;
    overflow: hidden;
    left: 0;
    border: 1px solid #333;
    background: #ccc;
    background-image: -moz-linear-gradient(top, #999, #ddd); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999),color-stop(1, #ddd)); /* Saf4+, Chrome */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
}
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li a:visited {
    position: relative;
    display: block;
    width: 10px;
    height: 0;
    overflow: hidden;
    padding-top: 10px;
    background: #fff;
    outline: none;
	text-decoration: none;
    border: 1px solid #ccc;
    filter: Alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
}
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li a:hover {
    opacity: 0.75;
    -moz-opacity: 0.75;
    -webkit-opacity: 0.75;
    filter: Alpha(opacity=75); 
}


/* --------------------------------------------------------------
   Main Layout 
   -------------------------------------------------------------- */

body {
  background: #121212;
  font-family: 'Helvetica', "Verdana", "Lucida Grande", "Gill Sans", "Arial", sans-serif;
  font-size: 14px;
  color: #333;
  height: 100%;
  /* hack for smaller screens to properly work with 100% backgrounds */

  min-width: 1060px;
  margin: 0 1px 0 0;
}
textarea, input {
   font-family: inherit;
   font-size: inherit;
}
#header {
  height: 121px;
  background: #222 url('../images/layout/header-bkd-grid3.png');
}
#primary-nav {
  height: 43px;
  border-top: 1px solid rgba(255,255,255,.1);
  background: #222 url('../images/layout/nav-bkd-grid3.png');
  -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.8);
  -moz-box-shadow:0 0px 20px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.8);
}
#hero {
  height: 313px;
  background: #700 url('../images/layout/hero-bg3.jpg') no-repeat center center;

  box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8);
  position: relative;
}
#content {
  background: #EEEEEE url('../images/layout/content-bkd-grid3.png');
  padding: 30px 0px;
}
#main {
  border-right: 1px solid #b4b3b3;
  margin: 0px -1px 0px -3px;
  position: relative;
  z-index: 100;
}
#sidebar {
  position: relative;
  z-index: 1;
}
#footer {
  height: 300px;
}
.info-icon {
  margin-left: -38px;
  padding-right: 5px;
  position: absolute;
}
hr.clear {
  height: 0px;
  font-size: 1px;
  line-height: 0px;
  margin: 0;
  padding: 0;
  border: none;
}
/* Text Headers */
h1 {
}
h2 {
  font-size: 20px;
  color: #424242;
  margin-bottom: 0px;
  margin-top: 0px;
}
#main h2.title {
  font-weight: bold;
}
h3 {
  font-size: 14px;
  color: #7a7a7a;
  margin-bottom: 5px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}


/* Links */
a,
a:link,
a:active,
a:visited {
  cursor: pointer;
  text-decoration: none;
  color: #800;
  font-style: bold;
  outline: none;
}
a:hover {
  color: #C00;
  text-decoration: underline;
}
a.keyword {
  color: #666;
  border-bottom: dotted 1px #9c1c20;
}
a.keyword:hover {
  color: #000;
  border-bottom: dotted 1px #000;
}
a.arrow,
.arrow {
  background: url(../images/ui/link-arrow.png) no-repeat center left;
  padding-left: 10px;
}
a.button,
.toolbar a,
.no-ajax-toolbar a {
  padding: 5px 10px;
  font-size: 12px;
  color: #666666;
  border: 1px solid #AFAFAF;
  background: url(../images/ui/button.png) repeat-x top;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cfcfcf));
  background: -moz-linear-gradient(top, #eeeeee, #cfcfcf);
  -webkit-user-select: none;
  -moz-user-select: none;
}
a.button:hover,
.toolbar a:hover {
  color: #333;
  border-color: #999;
  background-position: bottom;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#afafaf));
  background: -moz-linear-gradient(top, #eeeeee, #afafaf);
}
a.easy-hover,
.easy-hover {
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
a.easy-hover:hover,
.easy-hover:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
a.media-action,
.single-post a.subscribe,
.ipad-subscribe a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 10px 6px 10px;
  background-color: #494849;
  margin-right: 8px;
  text-align: center;
  line-height: 14px;
  background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444));
  background: -moz-linear-gradient(top, #666666, #444444);
}
a.media-action small,
.single-post a.subscribe small,
.ipad-subscribe a small {
  font-size: 11px;
  font-weight: normal;
}
a.media-action:hover,
.single-post a.subscribe:hover,
.ipad-subscribe a:hover {
  color: #333 !important;
  background-color: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#666666));
  background: -moz-linear-gradient(top, #cccccc, #666666);
}
.ipad-subscribe a {
  margin: 0 0 15px 0;
}
.post-edit-link {
	float: right;
	margin-left: 120px;
}
/* Inputs */
input[type="button"],
button[type="submit"] {
  padding: 8px 10px;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #CCCCCC;
  background-color: #EFEFEF;
  outline: none;
  cursor: pointer;
}
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #FFFFFF;
}


input[type="submit"] {
  background-color: #EEE;
  border: 1px solid #CCC;
  padding: 8px 14px 8px 14px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  color: #666;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
  
}

/* Date Box */
.date-box {
  width: 48px;
  height: 23px;
  text-align: center;
  color: #999;
  padding: 5px 6px 2px;
  background: rgba(255,255,255,.7);
  display: block;
  margin-left: 5px;
  -webkit-border-top-left-radius: 6px;
  -khtml-border-radius-topleft: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-radius-topright: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 6px;
  -khtml-border-radius-bottomright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 3px;
  -khtml-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.date-box:hover {
  /*background-position: bottom;*/

}
.date-box .day {
  font-size: 20px;
  margin-top: -0.16em;
  font-weight: bold;
  float: left;
}
.date-box div {
  float: right;
  line-height: 10px;
}
.date-box div .month {
  font-size: 10px;
  text-transform: uppercase;
  display: block;
}
.date-box div .year {
  font-size: 10px;
  text-transform: uppercase;
  display: block;
}
/* Category Icons Sprite */
.cat-sprite {
  width: 20px;
  height: 20px;
  overflow: hidden;
  background: url(../images/ui/icons-sprite.png) no-repeat;
  float: left;
  margin: -4px 7px 0px 0px;
}
.cat-sprite.fxpodcast {
  background-position: 0px;
}
.cat-sprite.therc {
  background-position: -20px;
}
.cat-sprite.thevfxshow {
  background-position: -40px;
}
.cat-sprite.fxguidetv {
  background-position: -60px;
}
.cat-sprite.fxguidetv {
  background-position: -60px;
}
.cat-sprite.fxguidetves {
  background-position: -80px;
}
.cat-sprite.fxfeatured {
  background-position: -100px;
}
.cat-sprite.quicktakes {
  background-position: -120px;
}
.cat-sprite.link {
  background-position: -140px;
}
.cat-sprite.fxphdes {
  background-position: -160px;
}
/* Header
-------------------------------------------------------------- */
#header .logo a {
  text-indent: -10000px;
  display: block;
  width: 200px;
  height: 69px;
  background: url(../images/branding/fxguide-main-logo.png) no-repeat top;
  position: absolute;
  top: 32px; 
}
#header .logo a:hover {
  /* background-position: bottom; */
}
/* Search form and results page
-------------------------------------------------------------- */
#search-form {
  display: inline;
  position: relative;
}
#search-form input.search {
  float: left;
  font-size: 16px;
  width: 189px;
  padding: 4px 40px 5px 15px;
    background: url("../images/ui/fancy-input-search.png") no-repeat top;

}
#search-form .submit-search-button {
  cursor: pointer;
  height: 28px;
  position: absolute;
  margin-left: 210px;
  margin-top: 12px;
  width: 30px;
}
#search-form:hover input.search {
  background-position: 0px -34px;
}
.no-results p {
  font-size: 18px;
  margin: 5px 0px;
}

/* Articles/Podcasts Posts
-------------------------------------------------------------- */
#main .toolbar {
  float: right;
  padding-right: 10px;
  margin-top: 3px;
}
#main .post {
  padding: 10px 10px 30px 0px;
  clear: both;
}


#main .post .date-box {
  float: right;
}
#main .post .featured-image-thumb {
  float: left;
  width: 216px;
  height: 156px;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
}
#main .post .featured-image-thumb .wp-post-image {
  margin-left: -25%;
}
#main .post h2,
#main .post h2 a {
  margin-bottom: 10px;
  color: #800;
  line-height: 22px;
}

#main .post h2 a:hover {
  color: #C00;
  text-decoration: underline;
}

#main .page .post {
  font-size: 14px;
  padding: 15px;
}

#main .page .meta {
  height: 30px;
}
#main .post-footer-nav {
  clear: both;
  padding: 10px 10px 10px 0px;
  border-top: 1px solid #b4b3b3;
}
#main .featured-image-thumb img {
  z-index: 0;
}
#main .featured-image-thumb img.default-podcasts-thumb {
  margin: -8% 0 0 -25%;
  width: 323px;
  height: 291px;
}
#main .featured-image-thumb img.default-podcasts-tv-thumb {
  margin: -56% 0 0 -25%;
  width: 323px;
  height: 291px;
}
#main .featured-image-thumb img.default-thumb {
  width: 220px;
}
#main .featured-image-thumb img.default-podcasts-phdes-thumb {
  margin: -29% 0 0 -39%;
}
#main .featured-image-thumb img.insider {
  position: absolute;
  z-index: 1;
}





/* Listing specific styles */
#main .listing .post {
  height: 158px;
  position: relative;
}
#main .listing .post p {
  margin-bottom: 8px;
  line-height: 18px;
}
#main .listing .post .cat-sprite {
  position: absolute;
  bottom: 5px;
  right: 2px;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#main .listing .post:hover .cat-sprite {
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
/* Single Post Headers */

#main .entry-title h1 {
	font-size: 36px;
	margin: 0;
}

#main .single-post h2 {
  font-size: 28px;
	margin-top: 1.75em;
  margin-bottom: .75em;
  font-weight: bold;
  color: #333;
}
#main .single-post h3 {
  font-size: 24px;
	margin-top: 1.75em;
  margin-bottom: .75em;
  font-weight: bold;
  color: #333;
}
#main .single-post h4 {
  font-size: 20px;
	margin-top: 1.75em;
  margin-bottom: .75em;
  font-weight: bold;
  color: #666;
}
#main .single-post h5 {
  font-size: 16px;
	margin-top: 1.5em;
  margin-bottom: 7px;
  font-weight: bold;
  color: #333;
}
#main .single-post h6 {
  margin-top: 4px;
  margin-bottom: 6px;
  font-weight: bold;
  color: #666;
}
#main .single-post h2.entry-title {
  font-size: 17px;
}
#main .single-post .post {
  font-size: 15px;
  padding: 20px;
}

#main .single-post .post .podcasts-entry {
  min-height: 165px;
}
#main .single-post .post .single-podcast-actions {
  padding: 0p;
}
#main .single-post .post .single-podcast-actions .subscriber {
  top: 8px;
}
#main .single-post .post .featured-image-thumb {
  margin-bottom: 20px;
}
#main .single-post .post .entry-meta {
  margin-top: 20px;
  padding: 10px 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cfcfcf));
  background: -moz-linear-gradient(top, #efefef, #cfcfcf);
  border: 1px solid #b4b3b3;
  clear: both;
}
#main .single-post .post .live-blog-entry .date {
  color: #333;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
  margin-top: 12px;
}

.alignnone, img.alignnone {
  float: left;
  display: block;
  margin: 12px 5px 12px 5px;
}

.wp-caption {
  border: none;
  background: #FFF;
  color: #444;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 20px;
  padding: 0;
}
.wp-caption img {
}
.wp-caption-text {
	padding: 8px;
	border-top: 2px solid #EEE;
}
.wp-caption .mejs-inner img {
  margin: 0;
}

#main .fx_colorbox {
  position: relative;
  display: block;
}

#main .fx_colorbox .zoom-icon {
	font-size: 18px;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

#main .fx_colorbox:hover .zoom-icon .fa {
		color: rgba(255,255,255,.8) !important;
}

#main .fx_colorbox.alignnone .zoom-icon  {
	right: 12px;
  bottom: 22px;
}

#main .fx_colorbox .zoom-icon .fa  {
	color: rgba(255,255,255,.3) !important;

}

.wp-smiley {
  margin: 0;
}
/* adds the spinner to a button when loading */
.working-status {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/ui/loading-sm.gif) no-repeat center center;
  z-index: 999;
}
.working-bg {
  background: url(../images/ui/loading-sm.gif) no-repeat center center;
}




/* fxinsider article
-------------------------------------------------------------- */

.insider_article_ad {
	width: 660px;
	height: 78px;
	border: 1px solid #EEE;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.insider_article_ad_logo {
	width: 60px;
	height: 68px;
	float: left;
	padding: 5px 20px 0px 0px;
}





/* Comments
-------------------------------------------------------------- */


#disqus_thread {
	padding: 0 20px 0 20px;
}

#comments ol.commentlist {
  padding-left: 0px;
}
#comments ol.commentlist li {
  list-style: none;
  margin: 10px 0px 0px 0px;
  padding: 15px 0px 0px 6px;
}

.comment-author {
	float: right;
	font-style: italic;
}


/* Default Hero */
#hero.default {
  height: 70px;
}
#hero-pane .entry-header h1 {
  color: rgba(255, 255, 255, .7);
  font-weight: bold;
  padding: 20px 15px 15px 15px;
	font-size: 32px;
	margin: 0;
}
#hero-pane .entry-header h1 .meta {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
  padding-top: 6px;
}


.customSelect { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
	 width: 380px;
	 height: 42px;
	 font-size: 14px;
	padding: 10px 10px;
	background: #FFF;
	color: #777;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: url(../images/ui/select-arrow.png) right center;
}
.customSelect.customSelectHover {

/* Styles for when the select box is hovered */
}
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */

}
.customSelectInner {
/* You can style the inner box too */
}


/*  Video Player
-------------------------------------------------------------- */
.video-download {
  display: block;
  font-size: 9px;
  text-align: left;
}

.page-template-fx2012-php #hero,
.single-pledges #hero,
.page-template-fx2012-thank-you-php #hero {
  background: #222222 url('../images/fx2012/header.jpg') top center;
  height: 290px;
}
.page-template-fx2012-php #hero #hero-pane,
.single-pledges #hero #hero-pane,
.page-template-fx2012-thank-you-php #hero #hero-pane {
  display: none;
}
.page-template-fx2012-thank-you-php #login-register-password {
  padding-left: 0;
}
.page-template-fx2012-thank-you-php #login-register-password .intro {
  display: none;
}
#fx2012 {
  position: relative;
}
#fx2012 .fx2012-logo {
  background: url('../images/fx2012/fx2016.png') no-repeat scroll top left;
  width: 563px;
  height: 219px;
  position: absolute;
  left: 0;
  top: -285px;
}
#fx2012 .tally {
  position: absolute;
  top: -322px;
  padding: 50px 0;
  text-align: center;
  right: 0;
  width: 300px;
  height: 200px;
  background: url('../images/fx2012/tally2016.png') no-repeat scroll top left;
  width: 427px;
  height: 294px;
  font-size: 25px;
  color: #767676;
  font-weight: bold;
}
#fx2012 .tally .backers {
  font-size: 31px;
  color: black;
}
#fx2012 .tally .backers .count {
  line-height: 75px;
  font-size: 73px;
  color: #9c1c20;
}
#fx2012 .tally .stats .amount {
  color: #519d2b;
}
#fx2012 .details {
  font-size: 15px;
  line-height: 24px;
}
#fx2012 .details .share {
  margin-bottom: 10px;
}
#fx2012 .details .share .in {
  display: inline-block;
  vertical-align: top;
}
#fx2012 .details .share .in div,
#fx2012 .details .share .in iframe {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
#fx2012 .details h2 {
  font-size: 22px;
  margin-bottom: 10px;
}
#fx2012 .details h3 {
  font-size: 20px;
  font-style: italic;
  margin: -10px 0 10px 0;
  color: #555;
}
#fx2012 #pledges {
  position: relative;
  z-index: 1;
}
#fx2012 #pledges .pledge {
  background: #e8e7e7;
  padding: 20px;
  color: #767676;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
}
#fx2012 #pledges .pledge h3 {
  font-weight: bold;
  color: #9c1c20;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#fx2012 #pledges .pledge h4 {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #767676;
}
#fx2012 #pledges .pledge .bonus {
  font-size: 15px;
  margin: -15px 0 15px;
}
#fx2012 a.pledge_btn {
  padding: 8px 23px;
  color: #295513;
  background: #67c737;
  border: 1px solid #59763f;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 100px;
  margin: 0 auto;
  background: #67c837;
  /* Old browsers */

  background: -moz-linear-gradient(top, #67c837 0%, #498926 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67c837), color-stop(100%, #498926));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #67c837 0%, #498926 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #67c837 0%, #498926 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #67c837 0%, #498926 100%);
  /* IE10+ */

  background: linear-gradient(top, #67c837 0%, #498926 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#67c837', endColorstr='#498926', GradientType=0);
  /* IE6-9 */

}
#fx2012 a.pledge_btn:hover {
  color: #FFF;
  background: #7d7e7d;
  /* Old browsers */

  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  /* IE10+ */

  background: linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
  /* IE6-9 */

}
.single-pledges #fx2012 .details {
  padding: 0 30px;
}
.single-pledges #fx2012 .details .member-notice {
  padding: 20px;
  color: #767676;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
  text-align: center;
}
.single-pledges #fx2012 .details h2 {
  margin-bottom: 15px;
  text-transform: uppercase;
}
.single-pledges #fx2012 .details h3 {
  margin-top: 0;
}
.single-pledges #fx2012 .pledge-info p {
  display: block;
  font-style: italic;
}
.single-pledges #fx2012 .auto-renew-note {
  background-color: #dff4ba;
  background: -webkit-gradient(linear, left top, left bottom, from(#b7d77e), to(#dff4ba));
  background: -moz-linear-gradient(top, #b7d77e, #dff4ba);
  padding: 20px;
  text-align: center;
  font-size: 18px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #486416;
  margin-bottom: 100px;
}
.single-pledges #fx2012 .auto-renew-note .button {
  font-size: 20px;
  margin: 0 8px;
}
.widget .pledge_stats {
  position: relative;
  cursor: pointer;
}
.widget .pledge_stats h3 {
  text-align: center;
  font-size: 20px;
  color: #9c1c20;
  margin-bottom: 15px;
}
.widget .pledge_stats .tally {
  padding: 10px 0 0;
  text-align: center;
  right: 0;
  width: 100%;
  width: 100%;
  font-size: 25px;
  color: #767676;
  font-weight: bold;
  margin: 10px 0 10px;
  background: url('../images/fx2012/widget.png') no-repeat scroll top left;
  width: 301px;
  height: 305px;
}
.widget .pledge_stats .tally .backers {
  font-size: 31px;
  color: black;
}
.widget .pledge_stats .tally .backers .count {
  line-height: 75px;
  font-size: 73px;
  color: #9c1c20;
}
.widget .pledge_stats .tally .stats .amount {
  color: #519d2b;
}
.widget #pledge_widget {
  font-size: 14px;
  margin-bottom: 10px;
}
.widget #pledge_widget strong {
  color: #424242;
  margin: 2px 0 2px 0;
  display: block;
}
.widget #pledge_widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget #pledge_widget ul li {
  margin: 2px 0 2px 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  width: 49%;
}
.widget #pledge_widget ul li:hover {
  color: #9c1c20;
}
/* NAB Live */
	#heronab {
		background: #222 url('../images/nablive/header-home-live.jpg') top center;
		height: 290px;
		
		#hero-pane {
			display: none;
		}
	}
}
.page-template-nablive-php #hero,
.page-template-nablive-p1-php #hero {
  background: #222222 url('../images/nablive/header-stream-live.jpg') top center;
  height: 176px;
}
.page-template-nablive-php #hero #hero-pane,
.page-template-nablive-p1-php #hero #hero-pane {
  display: none;
}
.page-template-nablive-php #p1-stream,
.page-template-nablive-p1-php #p1-stream {
  background: #E8E7E7;
}
.page-template-nablive-php #p1-stream .widget,
.page-template-nablive-p1-php #p1-stream .widget {
  background: #ffffff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* IE10+ */

  background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-9 */

  -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
  padding: 20px 33px 20px 20px;
  margin: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #222;
}
.page-template-nablive-php #p1-stream .widget h2,
.page-template-nablive-p1-php #p1-stream .widget h2 {
  text-align: center;
  font-size: 22px;
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.page-template-nablive-php #p1-stream .widget #twitter,
.page-template-nablive-p1-php #p1-stream .widget #twitter {
  background: none !important;
  margin: 0;
  padding: 0;
}
.page-template-nablive-php #p1-stream .widget .feed_tweet,
.page-template-nablive-p1-php #p1-stream .widget .feed_tweet {
  background: none !important;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed {
  list-style: none;
  margin: 0px;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .date-time,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .date-time {
  float: right;
  font-style: italic;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .title,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .title {
  color: #9c1c20;
  font-weight: bold;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .sub-title,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .sub-title {
  color: #333;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .retweet,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .retweet {
  display: block;
  text-align: right;
  width: 100%;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .user-profile,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .user-profile {
  display: inline;
  float: left;
  border: 5px solid white;
  margin-right: 10px;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed li,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed li {
  width: 98%;
  padding: 15px 10px 5px;
  background: #f9c667;
  /* Old browsers */

  background: -moz-linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 198, 103, 0.5)), color-stop(100%, rgba(247, 150, 33, 0.5)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
  /* IE10+ */

  background: linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f9c667', endColorstr='#f79621', GradientType=0);
  /* IE6-9 */

  border-bottom: 1px solid #CCC;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed li p,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed li p {
  white-space: normal;
  word-wrap: break-word;
  margin-bottom: 0px;
  padding-top: 5px;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed li:hover,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed li:hover {
  background: rgba(200, 200, 200, 0.2) !important;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.page-template-nablive-php #foundry-form,
.page-template-nablive-p1-php #foundry-form {
  background: #f9c667;
  /* Old browsers */

  background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9c667), color-stop(100%, #f79621));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* IE10+ */

  background: linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f9c667', endColorstr='#f79621', GradientType=0);
  /* IE6-9 */

  padding: 20px 20px 10px;
  margin: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: white;
}
.page-template-nablive-php #foundry-form h2,
.page-template-nablive-p1-php #foundry-form h2 {
  color: #9c1c20;
  font-weight: bold;
  font-size: 25px;
}
.page-template-nablive-php #foundry-form h3,
.page-template-nablive-p1-php #foundry-form h3 {
  font-size: 18px;
  line-height: 22px;
  color: white;
  margin-bottom: 5px;
  color: #222;
}
.page-template-nablive-php #foundry-form form input[type=text],
.page-template-nablive-p1-php #foundry-form form input[type=text] {
  width: 90%;
}
.page-template-nablive-php #foundry-form form input[type=submit],
.page-template-nablive-p1-php #foundry-form form input[type=submit] {
  font-size: 20px;
  width: 200px;
  margin: 10px 0 0;
  display: inline-block;
  text-align: center;
}
.page-template-nablive-php #foundry-form .choose-product,
.page-template-nablive-p1-php #foundry-form .choose-product {
  padding-top: 24px;
}
.page-template-nablive-php #foundry-form .choose-product h3,
.page-template-nablive-p1-php #foundry-form .choose-product h3 {
  font-size: 16px;
  line-height: 22px;
}


/* Global Treatments
-------------------------------------------------------------- */
.beta-memo-wp {
  /*display: none;*/

  padding: 0px 45px;
  font-size: 12px;
}
.chrome-note {
  display: none;
  margin-bottom: 10px;
  font-size: 15px;
  padding: 10px;
  background: #fef6d5;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.beta-memo-forum {
  /*display: none;*/

  /*background-color: #B3B3B3;*/

  background-color: #CCC;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dfdfdf));
  background: -moz-linear-gradient(top, #eeeeee, #dfdfdf);
  color: #333;
  padding: 10px 65px 10px 85px;
  margin-bottom: -10px;
  font-size: 13px;
}


/* Input items  --------------*/
input[type="text"].fancy,
input[type="password"].fancy,
.ws-plugin--s2member-pro-login-widget input[type="text"],
.ws-plugin--s2member-pro-login-widget input[type="password"] {
  color: #333;
  border: none;
  width: 215px;
  height: 25px;
  font-size: 16px;
  margin-bottom: 0;
  background-color: #DDD;
  padding: 5px 15px 5px 15px;
}
input[type="text"].fancy:hover,
input[type="password"].fancy:hover,
.ws-plugin--s2member-pro-login-widget input[type="text"]:hover,
.ws-plugin--s2member-pro-login-widget input[type="password"]:hover,
input[type="text"].fancy:focus,
input[type="password"].fancy:focus,
.ws-plugin--s2member-pro-login-widget input[type="text"]:focus,
.ws-plugin--s2member-pro-login-widget input[type="password"]:focus {
  color: #666;
  background-position: bottom;
}
/* Primary Nav
-------------------------------------------------------------- */
#primary-nav {
  /* Search bar */
}
#primary-nav ul.menu {
  list-style: none;
  margin: 0px;
  padding-left: 0px;
}
#primary-nav ul.menu li {
  float: left;
  /* fxphd en espanol exception*/

}
#primary-nav ul.menu li.last {
  border-right: none;
  float: right;
}
#primary-nav ul.menu li.menu-item a {
  color: rgba(255,255,255,.6);
  display: block;
  height: 36px;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 18px;
  background: none;
}
#primary-nav ul.menu li.menu-item a:hover {
  text-shadow: none;
  text-decoration: none;
  color: rgba(255,255,255,.8);
  background: rgba(255,255,255,.1);
}
#primary-nav ul.menu li .extra {
  margin: 9px 0px 9px 9px;
  height: 25px;
  display: block;
  float: left;
}
#primary-nav ul.menu li#menu-item-18817 {
  width: 122px;
  line-height: 16px;
  text-align: center;
}
#primary-nav ul.menu li#menu-item-18817 a {
  font-size: 18px;
}
#primary-nav form {
  display: inline;
}
#primary-nav #search-form input.search {
  float: left;
  margin: 3px 8px 6px 24px;
}
#primary-nav #search-form .submit-search-button {
  margin-left: 235px;
  margin-top: 7px;
}
/* Secondary Nav
-------------------------------------------------------------- */
#secondary-nav {
  text-align: right;
  padding: 2px 0px 2px;
}
#secondary-nav ul.menu {
  float: right;
  list-style: none;
  margin: 0px;
  padding-left: 0px;
}
#secondary-nav ul.menu li {
  float: left;
  padding-left: 20px;
}
#secondary-nav ul.menu li a {
  color: #d2d2d2;
  font-size: 13px;
}
#secondary-nav ul.menu li a:hover {
  color: #666;
  background-position: bottom;
}

/* Social Customizations
-------------------------------------------------------------- */

.nc_socialPanel {
	margin-top: 0 !important;
}

.post-footer {
  position: absolute;
  left: 226px;
  bottom: 12px;
	width: 487px;
}

.post-footer .nc_socialPanel {
	transform: scale(0.8) !important;
}



/* Filter Box
-------------------------------------------------------------- */
a#filter-button.filter-on {
  border-color: #999;
  background: #EEEEEE;
  color: #666;
  border-bottom: none;
  position: relative;
  z-index: 78;
}
a#filter-button.filter-on:hover {
  color: #000;
  background: #EEEEEE;
}
#filter-box {
  width: 200px;
  padding: 15px;
  background: #B4B4B4;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cfcfcf));
  background: -moz-linear-gradient(top, #eeeeee, #cfcfcf);
  border: 1px solid #999;
  position: absolute;
  z-index: 77;
  right: 10px;
  top: 23px;
  display: none;
}
#filter-box ul {
  list-style: none;
  margin-left: -15px;
}
#filter-box ul li {
  width: 195px;
  padding: 8px 0px 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
}
#filter-box ul li input[type='checkbox'] {
  float: right;
  clear: right;
}
#filter-box .filter-submit {
  width: 100%;
}
.filters {
  font-size: 12px;
  font-style: italic;
  color: #666;
}
/* Subsciber Dialog
-------------------------------------------------------------- */
.subscribe-holder {
  position: relative;
  display: inline-block;
}
.subscriber {
  display: none;
  background-color: #CACACA;
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
  background: -moz-linear-gradient(top, #cccccc, #999999);
  -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.8);
  width: 210px;
  padding: 10px 20px;
  position: absolute;
  line-height: 19px;
  z-index: 777;
  top: 8px;
  left: 10px;
}
.subscriber a {
  color: #9c1c20 !important;
}
.subscriber a:hover {
  color: #900 !important;
}
.subscriber a.close {
  float: right;
  font-weight: bold;
  font-size: 14px;
  font-family: verdana;
  background-color: #ac000e;
  color: #FFF !important;
  padding: 0px 4px 2px;
  text-align: center;
  margin-right: -8px;
}
.subscriber a.close:hover {
  background-color: #333;
  color: #FFF !important;
}
.subscriber h3 {
  margin-bottom: 2px;
  padding-top: 5px;
  font-weight: bold;
  color: #333;
}
.slidedeck .subscriber {
  bottom: 15px;
  left: 115px;
  top: auto;
}
/* Sidebar
-------------------------------------------------------------- */
#sidebar h2 {
  margin-left: -10px;
  padding: 8px 0px 5px 10px;
  font-weight: bold;
}
#sidebar .widget {
  width: 300px;
  margin-left: 10px;
	border-bottom: 1px solid rgba(0,0,0,.2);

}
#sidebar .widget:first-child h2 {
  background: none;
  border-top: none;
  padding: 0px 0px 0px 10px;
}
#sidebar .widget h2 a {
  color: #424242;
}
#sidebar .widget h2 a:hover {
  color: #ac000e;
}
/* Widgets
-------------------------------------------------------------- */
/* Live Feed Widget */
.widget ul.live-feed {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding-left: 0px;
}
.widget ul.live-feed .date-time {
  float: right;
  font-style: italic;
}
.widget ul.live-feed .title {
  color: #9c1c20;
  font-weight: bold;
}
.widget ul.live-feed .sub-title {
  color: #333;
}
.widget ul.live-feed .retweet {
  display: none;
}
.widget ul.live-feed .user-profile {
  display: none;
}
.widget ul.live-feed li {
  width: 289px;
  padding: 5px 10px 5px 10px;
}
.widget ul.live-feed li p {
  white-space: normal;
  word-wrap: break-word;
  margin-bottom: 0px;
}
.widget ul.live-feed li:hover {
  background-color: #e8e7e7;
}
/* VB feed */
.widget.vb-forum-reader .forum-post {
  margin: 0px 0px 0px -10px;
  width: 289px;
  padding: 10px 10px 5px 10px;
}
.widget.vb-forum-reader .forum-post h3 {
  line-height: 18px;
  margin-bottom: 5px;
}
.widget.vb-forum-reader .forum-post h4 {
  color: #575757;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 5px;
}
.widget.vb-forum-reader .forum-post h4 span {
  color: #777;
  font-style: normal;
}
.widget.vb-forum-reader .forum-post p {
  white-space: normal;
  word-wrap: break-word;
  margin-bottom: 0px;
}
.widget.vb-forum-reader .forum-post:hover {
  background-color: #e8e7e7;
}
#twitter {
  position: relative;
  min-height: 300px;
}
#twitter .tweet_loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #dbdbdb url(../images/ui/ajax-loader.gif) no-repeat center center;
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 999;
}
/* related content */
.widget.related-content {
  padding-bottom: 10px;
}
.widget.related-content .title {
  color: #333;
  font-weight: bold;
  padding: 5px 0px 3px 0px;
}
.widget.related-content a {
  color: #666;
}
.widget.related-content ol {
  list-style: none;
  margin: 0px 0px 0px -27px;
}
.widget.related-content ol li {
  width: 289px;
  padding: 8px 10px 3px 10px;
}
.widget.related-content ol li:hover {
  background-color: #e8e7e7;
}
.widget.related-content ol li:hover a {
  color: #9c1c20;
  width: 100%;
  height: 100%;
  display: block;
}
.widget.related-content p {
  margin-bottom: 0px;
}
/* insider login */
.widget.login p {
  margin-bottom: 0px;
}
.widget.login p.intro {
  padding: 10px 10px 0px 23px;
  font-size: 16px;
}
#loginform {
  padding: 0px 10px 0px 23px;
}
#ws-plugin--s2member-pro-login-widget-username,
#ws-plugin--s2member-pro-login-widget-password {
  width: 245px;
  height: 35px;
}
.widget .ws-plugin--s2member-pro-login-widget-username input[type=submit] {
  display: block;
  margin: 10px 0px 5px 169px;
}
.widget .ws-plugin--s2member-pro-login-widget-form label {
  /*	display: none;*/

}
.widget .ws-plugin--s2member-pro-login-widget-username .login-remember label {
  font-size: 12px;
  font-weight: normal;
}
.widget .ws-plugin--s2member-pro-login-widget-username .login-remember {
  width: 110px;
  padding-top: 10px;
  float: left;
}
.widget .ws-plugin--s2member-pro-login-widget-username .login-submit {
  margin-top: -5px;
}
/* fxphd production blog */
.widget.production-blog h2 a {
  text-indent: 88px;
  background: url(../images/branding/fxphd-logo.png) no-repeat;
  color: #424242;
  display: block;
}
.widget.production-blog h2:hover {

}
.widget.production-blog h2:hover a {
  color: #000;
}
.widget.production-blog .fxphd-post {
  padding-bottom: 10px;
}
.widget.production-blog .fxphd-post h3 a {
  font-size: 16px;
  color: #424242;
  margin: 10px 0px 5px 0px;
  display: block;
}
.widget.production-blog .fxphd-post h3 a:hover {
  color: #9c1c20;
}
.widget.production-blog .fxphd-post h4 {
  font-size: 14px;
  color: #7a7a7a;
  margin-bottom: 5px;
}
.widget.production-blog .fxphd-post .featured-image-thumb {
  width: 290px;
  height: 148px;
  overflow: hidden;
  margin: 10px 0;
}
.widget.production-blog .fxphd-post .featured-image-thumb img {
  height: 100%;
  width: auto;
}
/* Upgrade ad widget */
.widget.upgrade a.join {
  background: url(../images/ui/upgrade-ad.png) no-repeat center top;
  width: 297px;
  height: 246px;
  overflow: hidden;
  text-indent: -8000px;
  display: inline-block;
}
.widget.upgrade a.join:hover {
  background-position: center bottom;
}
/* Ads
-------------------------------------------------------------- */
.ad_leaderboard {
  width: 720px;
  float: right;
  position: relative;
}
.ad_sidebar {
  width: 300px;
  padding: 15px 0px 15px 0px;
}

/* Footer
-------------------------------------------------------------- */
#footer {
  text-align: center;
}
#footer a:hover {
  color: #CCC;
}
#footer .primary {
  padding: 40px 0px 0px 0px;
}
#footer .primary a {
  font-size: 22px;
  color: #454545;
}
#footer .secondary {
  padding: 0px;
}
#footer .secondary a {
  font-size: 18px;
  color: #464646;
}
#footer ul {
  list-style: none;
  margin: 0px;
}
#footer ul li {
  display: inline;
  padding: 0px 5px 0px 5px;
}
#footer p {
  padding-top: 20px;
  color: #464646;
  text-transform: uppercase;
}
#footer .clocks .clock {
  display: inline;
  text-transform: uppercase;
  margin: 10px;
}
#footer .clocks .clock .name {
  background-color: #3B3B3B;
  color: #8A8A8A;
  padding: 5px 5px 3px 5px;
  border: 2px solid #3B3B3B;
}
#footer .clocks .clock .city {
  font-weight: bold;
  background-color: #3B3B3B;
  color: #8A8A8A;
  padding: 5px 5px 3px 5px;
  border: 2px solid #3B3B3B;
}
#footer .clocks .clock .date-time {
  color: #3B3B3B;
  background-color: #8A8A8A;
  padding: 5px 5px 3px 5px;
  border: 2px solid #3B3B3B;
}
/* Repsonse Box
-------------------------------------------------------------- */
#respond input,
#respond textarea {
  display: block;
}
#respond input[type="text"] {
  width: 96%;
}
#respond textarea {
  width: 99%;
  height: 160px;
  line-height: 18px;
  margin-left: -2px;
  padding: 10px 5px;
}
#respond .form-submit {
  float: right;
  display: block;
  margin-top: -10px;
}
#respond .form-allowed-tags {
  display: none;
}
#comments .pingback {
  border: 0px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 660px;
}
#respond,
#comments .comment.depth-1 {
  width: 660px;
  position: relative;
  padding: 15px 15px 30px 15px;
  margin: 35px 0px 10px 0px;
  color: #333;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#comments .comment.highlight_user {
  background: rgba(125, 0, 0, 0.08);
}
#comments .comment.highlight_user.depth-1:before {
  background: rgba(125, 0, 0, 0.08);
}
/* Single Hero */
/* Homepage Hero
-------------------------------------------------------------- */
#hero-pane {
  position: relative;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
#hero-pane .skin-fxguide {
  padding-top: 1px;
}
#featured {
  width: 665px;
  position: relative;
}
#featured .featured-story {
  margin: 13px 0px 10px 0px;
  width: 665px;
  height: 285px;
  position: absolute;
  overflow: hidden;
}
#featured .featured-story .title .fs-title {
  display: inline-block;
  width: 590px;
  font-weight: bold;
}
#featured .featured-story .title .fs-title a, #featured .featured-story .title .fs-title {
  color: #FFF;
}
#featured .featured-story .description {
  position: absolute;
  padding: 5px 15px 5px 15px;
  color: #CCC;
  bottom: 0px;
  width: 635px;
  background-color: rgba(0, 0, 0, 0.8);
}
#featured .featured-story .description p {
  margin-bottom: 2px;
  clear: both;
}
#featured .featured-story .description .date-box {
  background: none;
  padding: 8px 12px 0px 0px;
  width: 20px;
  display: inline-block;
  line-height: 12px;
  margin-top: -5px;
  bottom: -5px;
  position: relative;
  text-align: center;
  display: none;
}
#featured .featured-story .description .date-box .month {
  font-size: 12px;
}

#featured .featured-story:hover .description h2 a {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
}
#featured.single {
  width: 100%;
}
#featured.single .featured-story {
  /*margin: 15px auto;*/

  width: 100%;
}
#featured.single .featured-story .featured-image-thumb {
  width: 685px;
  overflow: hidden;
  position: absolute;
  left: 400px;
}
#featured.single .featured-story .featured-image-thumb img.attachment-hero {
  margin-left: -20px;
}
#featured.single .featured-story .description {
  position: absolute;
  padding: 5px 15px 5px 15px;
  bottom: 0px;
  left: 0px;
  width: 400px;
  height: 285px;
}
#featured.single .featured-story .description h1 {
  font-size: 36px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.9);
  padding: 35px 25px 0;
  margin-bottom: 5px;
}
#featured.single .featured-story .description h2 {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
  padding: 0px 30px 0;
}
#featured.single .featured-story .description h2.meta {
  color: white;
  color: rgba(255, 255, 255, 0.5);
}
#feature-queue {
  position: absolute;
  left: 680px;
  top: 13px;
  width: 328px;
  height: 300px;
  overflow: hidden;
}
#feature-queue .story {
  margin: 0px 0px 15px 0px;
  width: 323px;
  height: 135px;
  overflow: hidden;
  position: relative;
  /*.opacity(0.8);*/

}
#feature-queue .story .title {
  position: absolute;
  width: 100%;
  bottom: 0px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.8);
}
#feature-queue .story .title .fs-title {
  display: inline-block;
  width: 280px;
  font-weight: bold;
  padding-left: 8px;
}
#feature-queue .story .title h2 a, #feature-queue .story .title h2 {
  font-size: 14px;
  color: white;
  text-shadow: -1px 1px 0 #000000;
  display: block;
  margin: 0px;
  padding: 3px 5px 2px 0px;
}
#feature-queue .story .date-box {
  background: none;
  line-height: 8px;
  margin: auto 5px;
  padding: 5px 0 2px 5px;
  position: absolute;
  text-align: center;
  top: 17%;
  width: 14px;
  display: none;
}
#feature-queue .story .date-box .day {
  font-size: 14px;
}
#feature-queue .story .date-box .month {
  font-size: 9px;
  padding-top: 1px;
}
#feature-queue .story .expanded-info {
  display: none;
}
#feature-queue .story:hover {
  /*.opacity(1);*/

}
#feature-queue .story:hover .title {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
#feature-queue .story:hover .title h2 a {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
}
#hero-navigation {
  width: 30px;
  height: 60px;
  position: absolute;
  left: 626px;
  top: 115px;
}
#hero-navigation a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -8000px;
  background: white;
  margin: 5px;
  background: rgba(0, 0, 0, 0.6) url('../images/ui/nav-arrows.png') no-repeat;
}
#hero-navigation a.up {
  background-position: left top;
}
#hero-navigation a.up:hover {
  background-color: rgba(255, 255, 255, 0.7);
  background-position: right top;
}
#hero-navigation a.down {
  background-position: left bottom;
}
#hero-navigation a.down:hover {
  background-color: rgba(255, 255, 255, 0.7);
  background-position: right bottom;
}
#hero-1 {
  background: gray;
}
#hero-2 {
  background: blue;
}
#hero-3 {
  background: yellow;
}
#hero-4 {
  background: orange;
}
#hero-5 {
  background: green;
}
/* FAQ
-------------------------------------------------------------- */
.faq-page {
  line-height: 28px;
}
.faq-page .faq-title {
  font-size: 16px;
}
/*.faq-page .faq-answer {
	line-height: 22px;
	font-size: 14px;
	padding:15px 20px 15px 15px;
	margin: 10px;
	background-color: #CACACA;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CACACA));
	background: -moz-linear-gradient(top,  #fff,  #CACACA);
	.border-radius(15px);
	-moz-box-shadow:0 1px 5px #191919;
    -webkit-box-shadow:0 1px 5px #191919;
    box-shadow:0 1px 5px #191919;
	color: #333;
}
*/
.faq-page .faq-answer {
  width: 640px;
  position: relative;
  padding: 15px 20px;
  margin: 25px 0px 10px 0px;
  border: 1px solid #a8a8a8;
  color: #333;
  background: #e8e8e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dfdfdf));
  background: -moz-linear-gradient(top, #efefef, #dfdfdf);
  /* css3 */

  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.faq-page .faq-answer p {
  margin-bottom: 0px;
}
.faq-page .faq-answer:before {
  /* creates the larger triangle */

  content: "\00a0";
  display: block;
  /* reduce the damage in FF3.0 */

  position: absolute;
  top: -40px;
  /* value = - border-top-width - border-bottom-width */

  left: 40px;
  /* controls horizontal position */

  bottom: -40px;
  border: 20px solid transparent;
  border-bottom-color: #a8a8a8;
  width: 0;
  height: 0;
}
.faq-page .faq-answer:after {
  /* creates the smaller  triangle */

  content: "\00a0";
  display: block;
  /* reduce the damage in FF3.0 */

  position: absolute;
  content: "\00a0";
  top: -36px;
  /* value = - border-top-width - border-bottom-width */

  left: 42px;
  /* value = (:before right) + (:before border-right) - (:after border-right) */

  bottom: -36px;
  border: 18px solid transparent;
  border-bottom-color: #EFEFEF;
  width: 0;
  height: 0;
}
.faq-page ul.faq-topics {
  list-style: none;
  margin-left: -24px;
  font-size: 16px;
}
/* Insider Registration Page
-------------------------------------------------------------- */
div.s2member-pro-paypal-form-section {
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #DDD;
  padding: 20px;
  margin: 25px 25px !important;
}
#s2member-pro-paypal-checkout-form-response-section {
  background: none;
  padding: 0px;
}
div.s2member-pro-paypal-form-description-div {
  font-family: 'Helvetica', "Verdana", "Lucida Grande", "Gill Sans", "Arial", sans-serif !important;
  color: #486416;
  font-weight: bold;
  font-size: 16px !important;
  text-align: center !important;
}
#s2member-pro-paypal-cancellation-form-description-section {
	display: none;
  border: 1px solid #900;

}
#s2member-pro-paypal-cancellation-form-description-div {
  color: #3F0808 ;
}
#s2member-pro-paypal-checkout-form-description-section,
#s2member-pro-paypal-update-form-description-section,
#s2member-pro-paypal-registration-form-description-section {
	display: none;
  background-color: #dff4ba;
}
div.s2member-pro-paypal-form-section-title {
  font-family: 'Helvetica', "Verdana", "Lucida Grande", "Gill Sans", "Arial", sans-serif !important;
  font-size: 20px !important;
  color: #333;
  font-weight: bold;
  padding: 10px 0px 0px 0px !important;
}

div.s2member-pro-paypal-form-section>div.s2member-pro-paypal-form-div {
	margin: 0 !important;
}

div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div input,
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div textarea,
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div select {
  font-size: 15px;
  padding: 4px 6px 3px 6px;
}
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div span {
  font-size: 15px;
  color: #999;
}
#s2member-pro-paypal-update-form-response-section, #s2member-pro-paypal-cancellation-form-response-section {
  border: none;
  background: none;
  padding: 0px;
}

div.ws-plugin--s2member-password-strength {
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 20px !important;
	color: #666 !important;
	margin-top: 10px !important;
}

#ws-plugin--s2member-profile {
	margin: 0 100px 0 100px;
}
/* Sign In / Profile Widget
-------------------------------------------------------------- */
.ws-plugin--s2member-pro-login-widget {
  padding-bottom: 10px;
}
.ws-plugin--s2member-pro-login-widget-profile-summary {
  padding: 10px 15px 0px 10px;
}
.ws-plugin--s2member-pro-login-widget-form {
  padding: 10px 0px 0px 25px;
}
.ws-plugin--s2member-pro-login-widget-submit input {
  bottom: 3px;
  left: 143px;
  position: relative;
  width: 100px !important;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-name {
  font-size: 18px;
  font-style: italic;
}
div.ws-plugin--s2member-pro-login-widget-username,
div.ws-plugin--s2member-pro-login-widget-password,
div.ws-plugin--s2member-pro-login-widget-remember-me,
div.ws-plugin--s2member-pro-login-widget-submit {
  margin: 4px 0px !important;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-my-account a,
.ws-plugin--s2member-pro-login-widget-profile-summary-edit-profile a,
.ws-plugin--s2member-pro-login-widget-profile-summary-logout a,
.my-dashboard a {
  background: url(../images/ui/account-sprite.png) no-repeat;
  padding-left: 25px;
  display: block;
  font-size: 14px;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-my-account a {
  background-position: -2px -20px;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-edit-profile a {
  background-position: -2px 0px;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-logout a {
  background-position: -2px -40px;
}
.my-dashboard a {
  background-position: -2px -60px;
}

form#ws-plugin--s2member-profile input[type="submit"] {
	width: 50% !important;
}


/* Plans Page
-------------------------------------------------------------- */
#plans {
  color: #333;
}
#plans .intro {
  font-size: 15px;
  line-height: 20px;
  padding: 0 10px 0 0;
}
#plans .intro .since {
  font-size: 22px;
}
#plans .intro .full-intro {
  display: none;
}
#plans .options {
  text-align: center;
}
#plans .options .login-here {
  font-size: 20px;
  margin-bottom: 10px;
}
#plans .options .plan-overview a.join {
  background: url(../images/ui/fxinsider-plan3.png) no-repeat center top;
  width: 445px;
  height: 212px;
  overflow: hidden;
  text-indent: -8000px;
  display: inline-block;
}
#plans .options .plan-overview a.join:hover {
  background-position: center bottom;
}
.become-a-free-member {
	font-size: 1.5em;
	}
/* Log In Page
-------------------------------------------------------------- */
#fx-login li {
  list-style: none;
}
#fx-login ul.tml-action-links {
  margin: 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
  background: -moz-linear-gradient(top, #efefef, #ffffff);
  -webkit-border-radius: 0px 0px 15px 15px;
  -moz-border-radius: 0px 0px 15px 15px;
  border-radius: 0px 0px 15px 15px;
  padding: 10px 25px;
  text-align: right;
}
#fx-login ul.tml-action-links li {
  display: inline-block;
  margin: 0 25px 0 2px;
}
#fx-login h2 {
  padding: 10px 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bfbfbf));
  background: -moz-linear-gradient(top, #eeeeee, #bfbfbf);
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  font-weight: bold;
  font-size: 20px;
  color: #333;
}
#fx-login .login {
  padding: 20px 25px;
}
#fx-login .login input[type="text"],
#fx-login .login #fx-login .login input[type="password"],
#fx-login .login #fx-login .login select {
  font-size: 18px;
}
#fx-login .login form label {
  font-size: 16px;
  color: #999;
  display: block;
}
#fx-login .login form p.forgetmenot label {
  display: inline;
}
#fx-login .login p {
  margin-bottom: 0px;
}
#fx-login .login p.error {
  padding: 5px;
  border: 1px solid #c00;
  background-color: #ffebe8;
  color: #333;
}
#fx-login .login p.message {
  padding: 10px 25px 5px 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bfbfbf));
  background: -moz-linear-gradient(top, #eeeeee, #bfbfbf);
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  font-weight: bold;
  font-size: 18px;
  color: #333;
  margin-bottom: 0px;
}
#fx-login .login .submit {
  margin: 15px 0px 15px 0px;
}
.welcome-box {
  font-size: 18px;
}
.welcome-box .menu-left,
.welcome-box .menu-right {
  float: left;
  text-transform: lowercase;
}
.welcome-box .menu-left ul,
.welcome-box .menu-right ul {
  margin: 0px;
  padding: 0px;
}
.welcome-box .menu-left ul li,
.welcome-box .menu-right ul li {
  list-style: none;
}
.welcome-box .menu-left ul li a,
.welcome-box .menu-right ul li a {
  padding: 12px 10px;
  text-align: center;
  width: 228px;
  margin: 1px;
  font-size: 20px;
  color: #666666;
  border: 1px solid #AFAFAF;
  background: url(../images/ui/button.png) repeat-x top;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cfcfcf));
  background: -moz-linear-gradient(top, #eeeeee, #cfcfcf);
  -webkit-user-select: none;
  -moz-user-select: none;
  display: block;
}
.welcome-box .menu-left ul li a:hover,
.welcome-box .menu-right ul li a:hover {
  color: #333;
  border-color: #999;
  background-position: bottom;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#afafaf));
  background: -moz-linear-gradient(top, #eeeeee, #afafaf);
}
#your-profile h3 {
  padding: 10px 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bfbfbf));
  background: -moz-linear-gradient(top, #eeeeee, #bfbfbf);
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  border-radius: 15px 15px 0px 0px;
  font-weight: bold;
  font-size: 20px;
  color: #333;
  margin-bottom: 0px;
}
#your-profile .form-table,
#registerform,
#loginform,
#lostpasswordform {
  padding: 10px 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
  background: -moz-linear-gradient(top, #efefef, #ffffff);
  -webkit-border-radius: 0px 0px 15px 15px;
  -moz-border-radius: 0px 0px 15px 15px;
  border-radius: 0px 0px 15px 15px;
}
#loginform,
#registerform,
#lostpasswordform {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0px;
}
#your-profile th {
  width: 35%;
}
#your-profile .description {
  display: block;
  font-size: 11px;
}
#password .indicator-hint {
  display: inline-block;
}
#your-profile tbody tr:nth-child(2n) td,
tbody tr.even td {
  background: none;
}
/* Contact Page
-------------------------------------------------------------- */
#articleq-holder {
  /*	display:none;*/

}

select {
  width: 400px;

}

p.contact-field {
	width: 680px;
	height: 42px;
	margin-bottom: 20px;
	padding: 0px;
	border: 1px solid #FFF;
	color: #555;
	font-weight: bold;
	background-color: #EEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	
}

.contact-legend {
	display: block;
	line-height: 42px;
	float: left;
	padding: 0px 20px 0px 0px;
	margin: auto;
	width: 180px;
	text-align: right;
	vertical-align: middle;
}

p.contact-field-textarea {
	height: 315px;

}

.ninja-forms-form-wrap input[type="text"] {
	padding: 0px !important;
	margin: 0px !important;
	border: 0px !important;
	width: 470px;
	height: 42px;
	padding: 0px 0px 0px 10px !important;

}

.ninja-forms-form-wrap textarea {
	padding: 0px !important;
	margin: 0px !important;
	border: 0px !important;
	width: 470px;
	height: 300px;
	padding: 15px 0px 0px 10px !important;
	display: block;
	margin: auto !important;

}
/* Login Form
-------------------------------------------------------------- */
/* tabbed list */
ul.tabs_login {
  padding: 0;
  margin: 20px 0 0 0;
  position: relative;
  list-style: none;
  font-size: 14px;
  z-index: 1000;
  float: left;
}
ul.tabs_login li {
  border: 1px solid #E7E9F6;
  -webkit-border-top-left-radius: 10px;
  -khtml-border-radius-topleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -khtml-border-radius-topright: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  line-height: 28px;
  /* = */
  height: 28px;
  padding: 0;
  margin: 0 5px 0 0;
  position: relative;
  background: #fff;
  overflow: hidden;
  float: left;
}
ul.tabs_login li a {
  text-decoration: none;
  padding: 0 10px;
  display: block;
  outline: none;
}
ul.tabs_login li.active_login {
  border-left: 1px solid #E7E9F6;
  border-bottom: 1px solid #fff;
  -webkit-border-top-left-radius: 10px;
  -khtml-border-radius-topleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -khtml-border-radius-topright: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  background: #fff;
  color: #333;
}
ul.tabs_login li.active_login a {
  font-weight: bold;
}
.tab_container_login {
  background: #fff;
  position: relative;
  margin: 0 0 20px 0;
  border: 1px solid #E7E9F6;
  -webkit-border-bottom-left-radius: 10px;
  -khtml-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -khtml-border-radius-bottomright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -khtml-border-radius-topright: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  z-index: 999;
  float: left;
  width: 98%;
  top: -1px;
  padding: 7px 15px 15px 15px;
  padding-top: 10px;
}
.tab_container_login ul {
  padding: 0;
  margin: 0 0 0 15px;
}
.tab_container_login ul li {
  margin: 5px 0;
}
/* global styles */
#login-register-password h3 {
  font-size: 18px;
  border: 0 none;
  margin: 10px 0;
  padding: 0;
}
#login-register-password p {
  margin: 0 0 15px 0;
  padding: 0;
}
/* Jobs styles */
.page-template-jobs-php #hero {
  background: #aa0000 url('../images/jobs/header.png') no-repeat top center;
  height: 176px;
}
.page-template-jobs-php #hero #hero-pane {
  display: none;
}
/* form elements */
.username,
.password,
.login_fields {
  margin: 7px 0 0 0;
  overflow: hidden;
  width: 100%;
}
.username label,
.password label,
.login_fields label {
  float: left;
  clear: none;
  width: 25%;
  font-size: 18px;
}
.username input,
.password input,
.login_fields input {
  font-size: 18px;
  float: left;
  clear: none;
  width: 200px;
  padding: 2px 3px;
  color: #777;
  margin-top: 0px;
}
.rememberme {
  overflow: hidden;
  width: 100%;
  margin-bottom: 7px;
}
.rememberme label {
  font-size: 14px;
}
#rememberme {
  float: left;
  clear: none;
  margin: 4px 4px -4px 0;
  width: 20px;
}
.user-submit {
  padding: 5px 10px;
  margin: 5px 0;
}
.userinfo {
  float: left;
  clear: none;
  width: 75%;
  margin-bottom: 10px;
}
.userinfo p {
  margin-left: 10px;
}
.usericon {
  float: left;
  clear: none;
  width: 15%;
  margin: 0 0 10px 22px;
}
.usericon img {
  border: 1px solid #F4950E;
  padding: 1px;
}
#login-register-password {
  padding: 0px 50px;
}
#login-register-password h2 {
  margin: 20px 0px 0px 0px;
}
.form-table {
  margin: 0px 0px 20px 0px !important;
}



/*  Custom Drop Styles */
/* ------- COLOR VARIABLES --------- */
/* background-gray: #121212;  */
/* light-gray: #B4B3B3;  */
/* dark-gray: #575757;  */
/* main-red: #9C1C20;  */
/* headline-red */
/* almost-white: #e8e8e8; */
/* ------- FONT VARIABLES --------- */
/*
Theme Name: fxguide
Used to style the TinyMCE drop down with custom classes.
*/

#tinymce .callout,
#content .callout {
  color: #444;
  font-style: italic;
  font-weight: bold;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-size: 18px;
  line-height: 24px;
}
#tinymce .iplus-box,
#content .iplus-box {
  display: inline-block;
  color: #333;
  font-style: italic;
  font-weight: bold;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-size: 18px;
  line-height: 24px;
  background: #eeeeee url('../images/ui/iplus-callout.png') 6px 50% no-repeat;
  background: url('../images/ui/iplus.png') 6px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dbdbdb));
  background: url('../images/ui/iplus.png') 6px 50% no-repeat, -moz-linear-gradient(top, #efefef, #dbdbdb);
  border: 1px solid #666;
  padding: 8px 10px 8px 50px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#tinymce .iplus-box a,
#content .iplus-box a {
  font-size: 18px;
}





/* 
Pull quotes
 */

/* Make sure to copy these same classes to editor-style.css so that you can view the rendered styles in the WYSIWYG */

/* Pull Quotes */

.pullquote {
/*	background: top left no-repeat url("../images/quote.png");*/
	display: block;
	width: 45%; 
	font-size: 24px; 
	/*font-weight: bold; */
	text-align: center; 
	padding-bottom: 20px;
	padding-top: 20px;
	line-height: 110%;
	color: #444;
}

.pullquote p {
	font-size: 24px; 
	margin-bottom: 20px;
}

.pullquote.right {
	float:right;
	padding-left: 30px; 
}

.pullquote.left {
	float:left;
	padding-right: 30px; 
}

.pullquote .author_name, .pullquote .author_title {
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	padding-right: 20%;
	padding-left: 20%;
	text-align: right;
}

.pullquote .author_name {
	line-height: 110%;

}

.pullquote .author_title {
	font-size: 13px;
		line-height: 110%;

}

.pullquote.left .author_name, .pullquote.left .author_title  {
	text-align: left;	
}

.pullquote.noimage {
	background-image: none;
}

	
.podcast-holder {
	margin-bottom: 20px;
	background: #EEE;
	padding: 20px;
	border: 1px solid #FFF;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: block;
}	
	
.podcast-title {
		font-size: 16px;
    margin-bottom: 7px;
    font-weight: bold;
    color: #333;
}
	
	
/* Sideboxes */
.sidebox {
	background: #EEE;
	padding: 20px;
	border: 1px solid #FFF;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 33%; 
	display: block;
	margin-bottom: 10px;
}

.sidebox .wp-caption {
	width: auto !important;
}

.sidebox img {
	max-width: 95%;
	height: auto;
}

.sidebox.right {
	float:right;
	margin-left: 30px; 
	margin-right: 0px; 
}

.sidebox.left {
	float:left;
	margin-left: 0px; 
	margin-right: 30px; 
}


#bbpress-forums {
	font-size: 14px;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
div.bbp-breadcrumb, 
div.bbp-topic-tags {
	font-size: 14px;
}

.bbp-forum-title {
	font-size: 16px;
	font-weight: bold;
}

#bbpress-forums .bbp-forums-list li {
	display: inline;
	font-size: 14px;
}

#bbpress-forums ul.bbp-forums {
	border: none;
}

#bbpress-forums li.bbp-header {
	background: none;
	border: none;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
	font-size: 14px;
}

li.bbp-forum-topic-count, li.bbp-forum-reply-count {
	float: right;
}

.bbp-forum-freshness, li.bbp-forum-freshness, li.bbp-topic-freshness {
	display: none;
	width: 0;
	}

li.bbp-forum-info, li.bbp-topic-title {
	width: 75%;
}

li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count {
	width: 12%;
}


#bbpress-forums li.bbp-header .bbp-forum-content {
	margin-left: 0;
}

#bbpress-forums div.bbp-search-form {
	margin: 10px 0 10px 0;
}

div.bbp-breadcrumb {
	margin-top: 20px;
}

#main .single-post .forum {
	padding-top: 0;
}

.bbcode_quote {
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: 2px solid #DDD;
}

.bbcode_quote_head {
	font-style: italic;
	margin-bottom: 10px;
}


.bbp-forum-info .bbp-forum-content {
	font-weight: normal;
}

/* 
Remove this eventually once people post new messages
 */
div.bbp-template-notice.info {
	display: none;
}
 
 
 
 /* 
Jeff Heusser Tribute Page
 */
 
 #post-237671 .alignleft,#post-243599 .alignleft  {
 	margin-left: 0;
 	margin-right: 6px;
 	margin-top: 0;
 }
 
#post-237671 .alignright, #post-243599 .alignright {
 	margin-left: 6px;
 	margin-right: 0px;
 	margin-top: 0;
 }
 
#post-237671 h2, #post-243599 h2 {
	font-size: 24px;
	color: #CCC;
 	font-weight: bold;
 	margin-bottom: 30px;
 	margin-top: 50px;
}
 
.page-id-237671 #main, postid-243599 #main {
	border-right: none;
	font-size: 16px;
 }
 
 .page-id-237671 #content, postid-243599 #main {
 	background: url('../images/jeff/jeff-background.jpg') top center repeat-y !important;
	background-color: #000;
	color: #CCC;
 }