/* ==========================================================================
   
   CAPITAL IDEAS RESPONSIVE  
   Author: Dawn L. Low
   
   This needs to be one giant stylesheet in order to support IE8's handling
   of media queries. Hurray.
   
   1. Grid
   2. BX Slider
   3. Main Site CSS
   4. Media Queries
   5. Print Styles
   6. Mobile Menu
   
   ========================================================================== */

   
/* =======================================
   
   GRID
   
   CSS file generated by Responsify
   Columns: 12, Gutter Width: 1.75, 
   Breakpoints: 980,768,480
   
=========================================== */
   


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul, nav li { margin: 0; } 
nav ul, ul { list-style:none; }

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.col{
  margin-left: 1.75%;
}

.col:first-child {
  margin-left:0;
}

.span1{
  width: 6.72916666667%;
  
}
.span2{
  width: 15.2083333333%;
  
}
.span3{
  width: 23.6875%;
  
}
.span4{
  width: 32.1666666667%;
  
}
.span5{
  width: 40.6458333333%;
  
}
.span6{
  width: 49.125%;
  
}
.span7{
  width: 57.6041666667%;
  
}
.span8{
  width: 66.0833333333%;
  
}
.span9{
  width: 74.5625%;
  
}
.span10{
  width: 83.0416666667%;
  
}
.span11{
  width: 91.5208333333%;
  
}
.span12{
  width: 100%;
  margin-left: 0;
}

.container, .inner{
  margin: 0 auto;
}

header{
  background: #262F37;
}

header h1{
  margin: 7px 0 0 0;
}

.container{
  clear: both;
  padding: 30px;
  max-width: 1220px;
  min-width: 240px
}

   
/* =======================================
   
   FLEXSLIDER
   
   jQuery FlexSlider v2.0
   http://www.woothemes.com/flexslider/
 
   Copyright 2012 WooThemes
   Free to use under the GPLv2 license.
   http://www.gnu.org/licenses/gpl-2.0.html
 
   Contributing author: Tyler Smith (@mbmufffin)
   
=========================================== */  

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
   
/* =======================================
   
   BXSLIDER
   
   http://bxslider.com
   Written by: Steven Wanderski, 2012
   http://stevenwanderski.com
   
   Modified for Capital Ideas
   
=========================================== */   


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME 
===================================*/

.bx-wrapper .bx-viewport {
	-webkit-box-shadow: -1px -1px 3px rgba(226, 226, 226, 1);
	-moz-box-shadow:    -1px -1px 3px rgba(226, 226, 226, 1);
	box-shadow:         -1px -1px 3px rgba(226, 226, 226, 1);
	/* border: solid #fff 5px;
	left: -5px;
	background: #fff; */
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	top: -52px;
	width: 97%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/Boothsitecore/img/capideas/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: right;
	color: #dddddd;
	padding-top: 12px;
}

.ie8 .bx-wrapper .bx-pager {
	padding-top: 3px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #dddddd;
	text-indent: -9999px;
	font-size: 0;
	display: block;
	width: 11px;
	height: 11px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ie8 .bx-wrapper .bx-pager.bx-default-pager a {
	width: 10px;
	height: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #a81d1d;
}

.bx-controls-direction {
	display: none;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(/Boothsitecore/img/capideas/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(/Boothsitecore/img/capideas/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/Boothsitecore/img/capideas/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/Boothsitecore/img/capideas/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS 

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
} */


/* =======================================
   
   CAPITAL IDEAS MAIN CSS
   
=========================================== */   


html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: .9em;
    line-height: 1.4em;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	color: #666666
}

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

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

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

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}


/* ==========================================================================
   Site-specific styles
   ========================================================================== */
 
 /* Sitecore Elements */
 
 .hiddenBtnColumn {
	margin-top: -30px
 }
 
/* =======================
   Navigation
   ======================= */   
   
header {            
	background-image: url('/Boothsitecore/img/capideas/header.png');   /* No shorthand due to a bug in Safari */
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover; 
	height: 160px
}

.ie8 header {background: url('/Boothsitecore/img/capideas/header.png') no-repeat top center;}

header .container {
	padding: 30px 0
}

nav {
	width: 100%;
	z-index: 99;	
	position: relative;
}
 
nav ul {
	font-size: 16px; /* must be in px */
	padding: 0;
	text-align: center;
}

nav ul li { 
	float: left; 
	text-align: center; 
}

.mainlink { 
	margin-right: 2%;
	margin-top: 25px;
	width: 130px;
	padding: 16px 0;
	background: url('/Boothsitecore/img/capideas/transparency.png') repeat;
}

nav ul li a { 
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
}

nav ul li ul { 
	display: none; 
	position: absolute;
	z-index: 99;
	top: 77px;
	width: 130px;
	font-size: 12px; /* must be in px */
	padding-top: 53px; /* distance from the navigation to the bottom of nav container */
	background: url('/Boothsitecore/img/capideas/transparency_mid_darker.png') repeat;
}

.clicky { 
	display: block;
} 

nav ul li ul li { 
	padding: 8px 5px;
	width: 100%;
	max-width: 120px; /* width of nav ul li ul minus padding */
	background: url('/Boothsitecore/img/capideas/meganav.png') repeat;
}

nav ul li ul li:first-of-type { 
	padding: 16px 5px 8px 5px;
}

nav ul li ul li:last-of-type { 
	padding: 8px 5px 16px 5px;
}

nav ul li ul li a { 
	padding:0
}

nav ul li ul li a:hover {
	color: #ddd
}

nav ul li.mainlink:hover {
	background: url('/Boothsitecore/img/capideas/meganav.png') repeat;
	color: #ddd
}

nav a:hover.img, nav a:hover.booth, nav a:hover.search {
	background: none;
}

nav a.img img {
	margin: 0 3em 0 6%;
	padding: 0;
}

nav a.search {
	background: none;
	margin: 0 1%;
	padding: 0;
}

nav a.search img {
	margin-top: 25px;
	margin-right: 12%
}

nav a.booth {
	background: none;
	padding: 0;
	margin: 0;
} 

nav a.booth img {
	margin-top: 37px
}
	
.clicked {
	background: url('/Boothsitecore/img/capideas/meganav.png') repeat;
}

nav a.search.active img {
	background: url('/Boothsitecore/img/capideas/meganav.png') repeat;
	padding: 1px 6px;
	margin-left: -.5em
}

#call_menu:hover {
	cursor:pointer;
}

nav .mobile_capideas {
	display:none;
}

/* Meganav */

.meganav {
	display: none;
}

header.meganav {
	background: url('/Boothsitecore/img/capideas/meganav.png') repeat;
	height:auto;
}

header.meganav .container {
		padding: 30px 3% 0 3%
	}

.meganav nav {
	width: 100%;
	z-index: 99;	
	position: relative;
}

.meganav .navcol {
	padding: 0;
	width: 12%;
	margin: 0 2% 0 0;
	float: left;
}

.meganav .sourcecol {
	padding: 0;
	width: 15%;
	margin: 0 2% 0 0;
	float: left;
	padding: 0 2%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff
}

.meganav .followcol {
	padding: 0 0 25px 0;
	width: 19.5%;
	margin: 0 3% 0 0;
	float: left;
}

.meganav .followcol h2 {
	font-size: 1.3em;
	font-weight: 400;
	margin: 2em 0 1em 0;
	text-align:left;
	color: #ffffff;
	text-transform: uppercase;
}

.meganav .followcol img {
	float: left;
	margin-right: 5%;
	max-width: 36px
}

.meganav .followcol a:hover img {
	-moz-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}

.meganav h3 {
	font-size: 1.15em;
	font-weight: 400;
	margin-bottom: .9em;
	text-align:left;
	color: #ffffff;
	text-transform: uppercase;
}

.meganav nav ul {
	padding: 0;
	margin: 0;
	padding-bottom: 25px
}

.meganav nav .sourcecol ul {
	padding-bottom: 60px;
}

.meganav nav li {
	list-style: none;
	line-height: 2.2em;
	padding: 0;
	margin: 0
}

.meganav nav ul li {
	font-size: .78em;
	padding: 0;
	margin: 8px 0;
	float: none;
	line-height: 1.5em
}

.meganav nav a, .meganav nav a:visited {
	text-decoration: none;
	color: #ffffff;
}

.meganav nav ul li a, .meganav nav ul li a:visited {
	display: block;
	background: none;
	padding: 0;
	margin: 0;
	text-align:left;
}

.meganav nav ul li a:hover, .meganav h3  a:hover {
	color: #dddddd
}


.meganav .newsletter {
	width: 100%;
	display: block;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	text-transform: uppercase;
	padding: 1em 1em .9em 1.5em;
	font-size: 1em;
	margin: 0;
	background: rgb(79,79,79);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzE3MTcxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left, rgba(79,79,79,1) 49%, rgba(113,113,113,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(49%,rgba(79,79,79,1)), color-stop(100%,rgba(113,113,113,1)));
	background: -webkit-linear-gradient(left, rgba(79,79,79,1) 49%,rgba(113,113,113,1) 100%);
	background: -o-linear-gradient(left, rgba(79,79,79,1) 49%,rgba(113,113,113,1) 100%);
	background: -ms-linear-gradient(left, rgba(79,79,79,1) 49%,rgba(113,113,113,1) 100%);
	background: linear-gradient(to right, rgba(79,79,79,1) 49%,rgba(113,113,113,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#717171',GradientType=1 );
}



/* =======================
   Index Page
   ======================= */   

/* Main Content Container */

.main, .full_article, .features, .magazine, .all_video, .site_search, .newsletter_signup, .archives, .mores, .bottom {
	background: #f8f8f8
}  

.archives.bottom.container {
	padding: 0 30px
}

.bottom.container {
	padding: 30px 30px 0 30px
}

/* Sorted Page Titles */

.sorted {
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
	margin: 0 0 1.5em 0;
} 

.sorted h1 {
	color: #595959;
	font-weight: 300;
	font-size: 2em;
	line-height: 1.2em;
	padding: .25em 0;
	text-transform: capitalize;
} 

/* Gray Slider Boxes */

.graybox {
	background: #2f2f2f;
	margin-bottom: .5em;
	padding: .8em
}

.graybox h1 {
	font-size: 1.5em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
}

/* Front Page Article blocks */

.main article a {
	color: #a81d1d;
	text-decoration: none;
}

.main article {
	margin-bottom: 1.25em;
	background: rgb(247,247,247);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(255,255,255,1) 65%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(65%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 65%);
		background: -o-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 65%);
		background: -ms-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 65%);
		background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow: 1px 1px 3px 2px rgba(226, 226, 226, 1); 
	-moz-box-shadow: 1px 1px 3px 2px rgba(226, 226, 226, 1); 
	box-shadow: 1px 1px 3px 2px rgba(226, 226, 226, 1); 
	padding-bottom: .4em
}

.ie8 .main article {
	border: 1px solid #dedddd;
	padding-bottom: .9em
}

.main article .block {
	padding: .5em 1em 1.1em 1em;
}

.main article h3 { 
	font-weight: 500;
	color: #a81d1d;
	text-transform: uppercase;
	font-size: 1em;
	text-align: right;
}

.main article h2 { 
	font-weight: 300;
	color: #a81d1d;
	font-size: 1.42em;
	margin: .5em 0 .3em 0;
	line-height: 1.2em
}

.main article h1 { 
	font-weight: 300;
	color: #a81d1d;
	font-size: 2.1em;
	margin: .5em 0 .3em 0;
	line-height: 1.2em
}

.main article p { 
	font-weight: 400;
	color: #666666;
	font-size: .92em;
	line-height: 1.4em
}

.main article img { 
	margin: .5em 0;
	width: 100%
}

.main article .from {
	background: rgb(149,149,149);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiM5NTk1OTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left, rgba(149,149,149,1) 15%, rgba(244,244,244,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(15%,rgba(149,149,149,1)), color-stop(100%,rgba(244,244,244,1)));
	background: -webkit-linear-gradient(left, rgba(149,149,149,1) 15%,rgba(244,244,244,1) 100%);
	background: -o-linear-gradient(left, rgba(149,149,149,1) 15%,rgba(244,244,244,1) 100%);
	background: -ms-linear-gradient(left, rgba(149,149,149,1) 15%,rgba(244,244,244,1) 100%);
	background: linear-gradient(to right, rgba(149,149,149,1) 15%,rgba(244,244,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#f4f4f4',GradientType=1 );
}

.main article .from p {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: .4em 1em;
	margin: .5em 0
}

.ie8 .main article .from p {
	padding: 0 1em;
}

.main article .from img {
	height: 26px;
	width: 34px;
	float: right;
	margin: -2.3em 1em 0 0
}

.ie8 .main article .from img {
	margin: -2em 1em 0 0
}

/* Video Overlay */

article img.play_button {
    margin: -45% 0px 0px -10%;
    width: 50%;
}

article span.time_stamp 
{
	background:#ececec;
    margin: 0% 0px 0px 48%;
}


/* Highlighted Issue */

.main .issue {
	margin-bottom: 1.25em;
}

.main .issue img {
	width: 100%
}

/* Sticky */

#sticky {
	background: #2f2f2f;
	color: #fff;
	font-size: .9em;
	position: fixed;
	bottom: 0;
	display: block;
	width: 100%;
	max-width: 1220px;
	margin: 0
}

#sticky p {
	width: 62%;
	display: block;
	float: right;
	margin: 1.5em 3% 1.5em 2%;
}

#sticky .newsletter {
	float: right;
	width: 23%;
	display: block;
	height: 1.3em;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	text-transform: uppercase;
	padding: .6em 1.5em;
	font-size: 1.1em;
	margin: 1.5em 4em 1.5em 0;
	background: rgb(79,79,79);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzE3MTcxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left, rgba(79,79,79,1) 49%, rgba(113,113,113,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(49%,rgba(79,79,79,1)), color-stop(100%,rgba(113,113,113,1)));
	background: -webkit-linear-gradient(left, rgba(79,79,79,1) 49%,rgba(113,113,113,1) 100%);
	background: -o-linear-gradient(left, rgba(79,79,79,1) 49%,rgba(113,113,113,1) 100%);
	background: -ms-linear-gradient(left, rgba(79,79,79,1) 49%,rgba(113,113,113,1) 100%);
	background: linear-gradient(to right, rgba(79,79,79,1) 49%,rgba(113,113,113,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#717171',GradientType=1 );
}

#sticky a {
	color: #fff;
	text-decoration: none;
}

#sticky .close {
	position: absolute;
	width: 26px;
	top: .5em;
	right: .5em;
	cursor: pointer;
}

/* =======================
   Article and Video Pages
   ======================= */   

.full_article a {
	color: #7f181b;
	text-decoration: none;
}   
   
/* Titles/Headlines */

.title {
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
	margin-bottom: 1.5em
} 

.title h1 {
	color: #595959;
	font-weight: 300;
	font-size: 2em;
	line-height: 1.2em;
	padding: .2em 0;
} 

.title.more h1 {
	font-size: 2.4em;
} 

.title h1 a:after {
	content: " »";
}

.full_article article {
	color: #363636;
} 

.full_article article .headline {
	margin-bottom: 2em
} 

.full_article article .headline h1 {
	color: #5c5c5c;
	font-weight: 300;
	font-size: 3.2em;
	line-height: 1.2em;
	margin-bottom: .3em
} 

.full_article article .headline h2 {
	color: #363636;
	font-weight: 400;
	font-size: 1.25em;
	line-height: 1.2em;
	margin-bottom: .5em
} 

.full_article article .headline h3 {
	color: #363636;
	font-weight: 400;
	font-size: .9em;
	line-height: 1.2em;
	font-style:italic;
	margin-bottom: .5em
} 

.full_article article .headline h4 {
	color: #363636;
	font-weight: 600;
	font-size: .9em;
	line-height: 1.4em;
	margin-bottom: .5em;
	text-transform: uppercase;
} 

.full_article.videos article .headline h4 {
	margin-top: 2em
}

.full_article article .headline .comments {
	float: right;
	margin: -1.6em 2em 0 0
} 

.full_article .headline .share {
	background: #e6e6e6;
	display: block;
	text-transform: uppercase;
	float: right;
	width: 6.2em;
	padding: 4px 3px 3px 10px;
	position: relative;
	margin-top: -2.3em;
	font-weight: 600;
	font-size: .9em
}

.ie8 .full_article .headline .share img {
	float: right;
}

/* Article/Video Main Content */

.full_article article .article_content {
   padding-bottom:2em
}

.full_article article .article_content p {
	margin: 1em 0;
	line-height: 1.5em
} 

.full_article article .article_content h2 {
	margin: 2em 0;
	font-size: 1.2em;
	font-weight: 600;
} 

/* .full_article article .article_content img {
	width: 100%;
	max-width: 600px;
} */

/* ADDED FOR GRAPHIC NOVEL */

.full_article article .article_content .novelImg {
	width: 100%;
	max-width: 900px;
} 
.full_article article ul.bxslider li {
	padding-left: 0em;
	line-height: 1.5em;
	margin-bottom: 1em;
	float: right;
}
.full_article article ul.bxslider {
    list-style-type: disc;
    margin-left: 0em;
}
.full_article article ul.bxslider li {
    padding-left: 6px;
    width: 900px !important;
}
/* END FOR GRAPHIC NOVEL */

.full_article article ul {
	list-style-type: disc;
	margin-left: 3em;
}

.full_article article ul li {
	padding-left: .5em;
	line-height: 1.5em;
	margin-bottom: 1em
}


#ContentPlaceHolder1_pnlShowImage .article_image img {
	width: 100%;
	max-width: 600px;
}

.full_article article .article_content .article_image {
	float: right;
	background: #d7d7d7;
	display: block;
	margin: 0 0 .5em 1.5em;
	padding: 0;
	width: 65%; 
} 

.full_article article img.fullwidth {
	width: 100%;
	max-width: 100%
} 

.full_article article img.floatLeft {
	float: left;
	margin: .5em 1.5em .5em 0;
	width: 100%;
	max-width: 65%;
} 

.full_article article img.floatRight {
	float: right;
	margin: .5em 0 1em 1.5em;
	width: 100%;
	max-width: 65%;
} 


.full_article article .article_content .article_image p {
	font-size: .85em;
	margin: 1.5em 1em 
} 

/* .full_article span.category, .full_article span.subcategory 
{
    font-size: .8em;
} */

.videos .video_content img {
	width: 100%
} 


/* Special Features */

.features {
	padding-bottom: 0
}

.features img.desktop {
	width: 100%
}

.features img.mobile {
	display: none;
}


.features h1 {
	color: #595959;
	font-weight: 300;
	font-size: 2.3em;
	line-height: 1.2em;
	margin: -.5em 0 .5em 0
} 

/* Newsletter Signup Page */

.newsletter_signup .form {
	margin: 2em 0 2em 0;
}

.newsletter_signup .form p {
	margin-bottom: 1em
}

.newsletter_signup input {
	background: #efefef;
	font-weight: 400;
	font-size: 1.15em;
	border: 1px solid #363636;
	color: #363636;
	width: 35%;
	margin: 0px 47% 0px 0px;
	float: right;
}

.newsletter_signup input.cBox {
	height: 1em;
	width: 1em;
	margin: 0 0 0 1em;
	float: left;
}

.newsletter_signup label {
	font-weight: 600;
	color: #363636;
	font-size: 1.15em;
}

.newsletter_signup .other-info  label {
	font-weight: 500;
	color: #363636;
	font-size: 1em;
	line-height: 1.3em
}

.newsletter_signup .other-info  select {
	background: #efefef;
	font-weight: 400;
	font-size: 1em;
	border: 1px solid #363636;
	color: #363636;
	width: 30%;
	margin: 0px 35% 0px 0px;
	float: right;
	line-height: 1.3em
}

.newsletter_signup .other-info span {
	margin-left: 2em;
	font-weight: 500;
	color: #363636;
	font-size: 1em;
	line-height: 1.3em;
}

.newsletter_signup .other-info .checkbox-list {
	margin-left: 2em;
	font-weight: 500;
	color: #363636;
	font-size: 1em;
	line-height: 1.3em;
}

.newsletter_signup input.submit {
    background: none repeat scroll 0 0 #E6E6E6;
    border: 0 none;
    color: #7F181B;
    display: block;
    float: left;
    font-size: 0.75em;
    font-weight: 600;
    height: 4em;
    margin: 2em 47% 0 0;
    padding: 6px;
    text-transform: uppercase;
    width: 11em;
}

/* Video Menu */

.jumpto {
	background: #555555;
	min-height: 6em;
	margin: 0 0 3em 0;
	text-transform: uppercase;
	font-weight: 400;
	width: 100%;
	padding: 1.5em 0 2em 0;
}

.jumpto a {	
	color: #fff;
}

.jumpto a:hover {
	text-decoration: underline;
}

.jumpto ul  {
	margin: 0;
	font-size: .8em;
}

.jumpto .jump1 {
	width: 20%;
	display: block;
	font-size: 2.3em;
	float: left;
	color: #fff;
	margin: .18em 3% 0 3%;
	font-weight: 500;
	line-height: 1em
}

.jumpto .jump {
	width: 20%;
	margin: 0 2% 0 0;	
	float: left;
}

.jumpto .jump.last {
	width: 25%
}


/* Search */

.site_search h1  {
	font-weight: 400;
	color: #7f181b;
	font-size: 2.4em;
	margin: 2em 0 .5em 0;
	line-height: 1em
}

.site_search h2  {
	font-weight: 400;
	color: #7f181b;
	font-size: 1.5em;
	margin-bottom: 2.5em
}

.site_search h3 {
	font-weight: 400;
	color: #1d1d1d;
	font-size: 1.3em;
	margin: .5em 0 1em 0
}

.search_form input  {
	font-weight: 400;
	color: #1d1d1d;
	font-size: 4em;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #1d1d1d;
	background: none;
	width: 88%
}

.search_form input[type="submit"] {
    border: medium none;
    color: #F8F8F8;
    font-size: 1px;
    background: url("/Boothsitecore/img/capideas/transparency.png") repeat scroll 0% 0% transparent;
	height: 50px;
    width: 50px;
}

.search_form input[type=image] {
	width: 50px;
	height: 50px;
	background: url("/Boothsitecore/img/capideas/transparency.png") repeat scroll 0% 0% transparent;
	padding: 1px 6px;
	border:0;
	margin-left: 2%
}


.search_form ul a {
	color: #1d1d1d;
	font-size: 1.8em;
	text-decoration: none;
	line-height: 1.5em
}

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

.search_form {
	margin-bottom: 3em
}

/* Blog Frontpage */

.blog_front .snippet {
	margin: 2.4em 0 2.8em 0
}

.blog_front .snippet a {
	color: #7f181b;
	text-decoration: none;
}

.blog_front .snippet a.underline {
	text-decoration: underline;
}

.blog_front .snippet h2 {
	color: #111111;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.4em;
	margin: 0 0 .8em 0;
}

.blog_front .snippet h2 span.comments {
	margin-left: 1.3em;
	font-weight: 600;
	font-size: .6em
}

.blog_front .snippet h1 {
	font-weight: 300;
	font-size: 2.4em;
	margin: 0 0 .8em 0;
	line-height: 1.1em
}

.blog_front .snippet h3 {
	margin: 0 0 .8em 0;
	font-size: 1.2em
}

.blog_front .snippet p {
	margin: .8em 0;
	font-size: 1.1em;
	line-height: 1.5em;
}



/* Right Side Article blocks */

.right article a {
	color: #a81d1d;
	text-decoration: none;
}

.right article {
	margin-bottom: 1.25em;
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(255,255,255,1) 65%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(65%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 65%);
	background: -o-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 65%);
	background: -ms-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 65%);
	background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 65%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow: 1px 1px 3px 2px rgba(226, 226, 226, 1); 
	-moz-box-shadow: 1px 1px 3px 2px rgba(226, 226, 226, 1); 
	box-shadow: 1px 1px 3px 2px rgba(226, 226, 226, 1); 
	padding-bottom: .4em
}

.ie8 .right article {
	border: 1px solid #dedddd;
	padding-bottom: .8em
}

.right article .block {
	padding: .5em 1em 1.1em 1em;
}

.right article h3 { 
	font-weight: 500;
	color: #a81d1d;
	text-transform: uppercase;
	font-size: 1em;
	text-align: right;
}

.right article h2 { 
	font-weight: 300;
	color: #a81d1d;
	font-size: 1.42em;
	margin: .5em 0 .3em 0;
	line-height: 1.2em
}

.right article h1 { 
	font-weight: 300;
	color: #a81d1d;
	font-size: 2.1em;
	margin: .5em 0 .3em 0;
	line-height: 1.2em
}

.right article p { 
	font-weight: 400;
	color: #666666;
	font-size: .92em;
	line-height: 1.4em
}

.right article img { 
	margin: .5em 0;
	width: 100%
}

.right article .from {
	background: rgb(149,149,149);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiM5NTk1OTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left, rgba(149,149,149,1) 15%, rgba(244,244,244,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(15%,rgba(149,149,149,1)), color-stop(100%,rgba(244,244,244,1)));
	background: -webkit-linear-gradient(left, rgba(149,149,149,1) 15%,rgba(244,244,244,1) 100%);
	background: -o-linear-gradient(left, rgba(149,149,149,1) 15%,rgba(244,244,244,1) 100%);
	background: -ms-linear-gradient(left, rgba(149,149,149,1) 15%,rgba(244,244,244,1) 100%);
	background: linear-gradient(to right, rgba(149,149,149,1) 15%,rgba(244,244,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#f4f4f4',GradientType=1 );
}

.right article .from p {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: .4em 1em;
	margin: .5em 0
}

.ie8 .right article .from p {
	padding: 0 1em;
}

.right article .from img {
	height: 26px;
	width: 34px;
	float: right;
	margin: -2.3em 1em 0 0
}

.ie8 .right article .from img {
	margin: -2em 1em 0 0
}


/* Right Side Top */

.right_top {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #363636;
}

.right_top h2 {
	font-size: 2em;
	color: #696969;
	font-weight: 300;
	margin: 1em 0 0 0;
	line-height: 1em
}

.right_top.blog h2, .right_top.video h2 {
	margin-top: 0
}

.right_top h3 {
	font-size: 1.6em; 
	color: #696969;
	font-weight: 300;
	margin: 1.5em 0 1em 0;
	line-height: 1em
}

.right_top.video h3 {
	font-size: 2em;
	color: #696969;
	margin: 1em 0 1em 0;
	font-weight: 300;
	line-height: 1em
}

.right_top p {
	margin: 1em 0 1.5em 0;
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight: 300
}

/* Gradient Right Side Box */

.current_issue {
	background: #989898; 
	background: -moz-linear-gradient(-45deg, #989898 0%, #a0a0a0 51%, #bcbcbc 100%); 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#989898), color-stop(51%,#a0a0a0), color-stop(100%,#bcbcbc)); 
	background: -webkit-linear-gradient(-45deg, #989898 0%,#a0a0a0 51%,#bcbcbc 100%); 
	background: -o-linear-gradient(-45deg, #989898 0%,#a0a0a0 51%,#bcbcbc 100%); 
	background: -ms-linear-gradient(-45deg, #989898 0%,#a0a0a0 51%,#bcbcbc 100%); 
	background: linear-gradient(135deg, #989898 0%,#a0a0a0 51%,#bcbcbc 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#bcbcbc',GradientType=1 ); 
	margin-bottom: .5em;
	padding: .8em
}

.current_issue a {
	font-size: 1.5em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
}

/* All Videos */

.all_video {
	padding-bottom: 0
}

.all_video h1 {
	color: #595959;
	font-weight: 300;
	font-size: 2.3em;
	line-height: 1.2em;
	margin: -.5em 0 .5em 0
} 

.highlights {
	margin: 0;
	padding: 0 1.5em;
	background: #626262 url('/Boothsitecore/img/capideas/gray_pattern.png') repeat;
	color: #5b5b5b;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.highlights h2 {
	font-size: 1.8em;
	margin: 1em 0 1em 0;
	font-weight: 300;
	color: #ffffff;
	line-height: 1.2em
}

/* Flexslider */

.flexslider {
	background: none;
	border: 0;
	box-shadow: none;
}

.flex-viewport {
	margin: 0
}

/* .flex-control-nav {
	text-align: right;
	top: -25px;
	width: 98.7%;
	font-size: 0
} */

.flex-control-paging li a {
	background: #dddddd
}

.flex-control-paging li a.flex-active {
	background: #a81d1d
}

.flexslider .slides > li {
	margin-right: 1.8em
}

.flex-caption {
	color: #fff;
	padding: .6em;
	margin: -40px 0 0 0
}

.flex-caption h4 {
	color: #fff;
	font-weight: 400;
	font-size: 1.1em
}

.flex-caption p {
	color: #fff;
	font-size: .9em;
	line-height: 1.2em;
	display: none;
}

 .flexslider li:hover .flex-caption {
	background: url('/Boothsitecore/img/capideas/transparency_darker.png') repeat;
	margin: -70px 0 0 0;
	position: relative;
	z-index: 10;
	
} 

.flexslider li:hover .flex-caption p{
	display: block;
}

/* Archives */


.archives ul {
	margin-left: 2em;
	margin-bottom: 1.5em
}

.archives ul a {
	color: #7f181b;
	text-decoration: none;
	font-size: 1.3em;
	line-height: 1.2em
}

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

/* More */

.mores h3 {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 400;
	margin-bottom: 1em;
	color: #363636
}

.mores ul {
	margin-bottom: 1.5em
}

.mores ul a {
	color: #7f181b;
	text-decoration: none;
	font-size: 1.3em;
	line-height: 1.2em
}

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

.morecol {
	float: left;
	width: 50%;
	margin: 2em 0
}

/* Magazine */

.magazine {
	padding-bottom: 0
}

.magazine h1 {
	color: #595959;
	font-weight: 300;
	font-size: 2.3em;
	line-height: 1.2em;
	margin: -.5em 0 .5em 0
} 

.this_issue {
	margin: 0;
	padding-bottom: 2em;
	background-color: #dedede;
	color: #5b5b5b;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.this_issue h2 {
	font-size: 2.3em;
	margin: 1em 0 1em .5em;
	font-weight: 300;
}

.month {
	font-weight: 600;
	font-size: 1.2em;
	float: right;
	margin: -2.7em 7% 0 2%;
	text-transform: capitalize;
}

.this_issue a {
	color: #5b5b5b;
	text-decoration: none;
}

.this_issue a:hover {
	color: rgb(168, 29, 29);
}

.this_issue h3 {
	font-size: 1.3em;
	font-weight: 400;
	margin-left: 1em
}

.this_issue h4 {
	font-size: 1em;
	font-weight: 400;
	margin-bottom: 1.5em;
	margin-left: 1.3em
}

.this_issue img {
	width: 93%;
	margin-top: 4.5em;
	border-left: 2px solid #fff;
	padding-left: 6%
}

.magazine .current_issue {
	padding: 1.2em 1em 1em 1.2em
}

.magazine .current_issue a {
	font-size: 2.3em;
	color: #ffffff
}

.magazine .current_issue.mobile {
	display: none;
}

.magazine .mag_form {
	margin: 3em 0px 0px 1.4em;;
}

.magazine .mag_form select {
	font-size: 1.2em;
	font-style: italic;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	width: 80%;
	color: #595959
}

.quote h2 {
	margin: 1em .8em 1em .5em;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 300
}

.quote h2 strong {
	font-weight: 700
}

.quote h3 {
	padding: 0 .8em 1em 0;
	margin-left: .5em;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: 300;
	border-bottom: 2px solid #ffffff
}

/* Newsletter Signup */

.newsletter_block {
	background: #4f4f4f;
	background: -moz-linear-gradient(-45deg, #4f4f4f 0%, #5c5c5c 45%, #727272 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4f4f4f), color-stop(45%,#5c5c5c), color-stop(100%,#727272));
	background: -webkit-linear-gradient(-45deg, #4f4f4f 0%,#5c5c5c 45%,#727272 100%);
	background: -o-linear-gradient(-45deg, #4f4f4f 0%,#5c5c5c 45%,#727272 100%);
	background: -ms-linear-gradient(-45deg, #4f4f4f 0%,#5c5c5c 45%,#727272 100%);
	background: linear-gradient(135deg, #4f4f4f 0%,#5c5c5c 45%,#727272 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#727272',GradientType=1 );
	margin-bottom: .5em;
	padding: .8em
}

.newsletter_block a {
	font-size: 1.13em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
}

/* =================
   Modules
   =================*/
   
/* Menu Widget */

.hidden { display: none; }

.menu_module {
    margin: 0 0 2em 0;
}

.menu_module .menu-toggle a {
    color: #fff;
	text-decoration: none;
}

.menu_module .menu-toggle a:hover {
    color: rgb(221, 221, 221);
}

.menu_module h2 {
    font-size: 2em;
    color: rgb(105, 105, 105);
    font-weight: 300;
    margin: 0 0 .8em 0;
}

.menu_module h4 {
    font-size: 1.2em;
    font-weight: 300;
    margin: .5em 0 0 0;
    line-height: 1.2em;
	text-transform: uppercase;
	display: block;
	background: #959595;
	padding: .6em;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

.menu_module ul {
    font-size: 1.1em;
    text-transform: none;
    padding: .4em 0px 0.6em .3em;
    display: block;
    background: none repeat scroll 0% 0% rgb(149, 149, 149);
    margin: 0 0px 0.5em 0;
}

.menu_module ul a {
    font-weight: 300
}


.menu_module ul li {
    text-transform: none;
	padding: .6em;
	display: block;
	background: #959595;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* =======================================
   
   RESPONSIVE STYLES
   
=========================================== */   


   
@media screen and (max-width: 1280px) {      
   #sticky {           /* Lots of queries - #sticky position:fixed breaks normal sizing/margin constraints */
		width: 95%
	}
}

@media screen and (max-width: 1212px) {      
	
	.mainlink {
		width: 115px;
		margin-right: 1.5%;
	}
	
	nav ul li ul {
		width: 115px;
		font-size: 11px;
	}	
	
	nav ul li ul li {
		padding: 7px 5px;
		width: 100%;
		max-width: 105px;
	}
	
	nav a.img img {
		margin: 0px 3em 0px 8%;
		padding: 0px;
	}
	
	
	.meganav .newsletter {
		padding: .5em .5em .9em 1em;
	}

}

@media screen and (max-width: 1183px) {      
	
	.meganav .newsletter {
		padding: .5em .5em .5em 1.5em;
	}

}


@media screen and (max-width: 1170px) {   
   .right_top h2 {
		font-size: 1.8em;
	}
	
	.right_top p {
		font-size: 1.2em
	}
	
	.newsletter_block a {
		font-size: 1em
	}
	
	.month {
		margin: -2.7em 3% 0px 3%;
	}	
	
	.newsletter_signup input {
		width: 50%;
		margin: 0px 30% 0px 0px;
	}
	
	.newsletter_signup .other-info  select {
		width: 30%;
		margin: 0px 30% 0px 0px;	
	}

}

@media screen and (max-width: 1130px) {      
	
	header {
		height: 140px
	}
	
	nav ul li ul {
		top: 67px;
		padding-top: 43px;
	}
	
	nav a.img img {
		margin: 0px 2%;
		width: 80%
	}
	
	.mainlink {
		margin-right: 1.5%;
		margin-top: 15px;
	}
	
	nav a.search img {
		margin-top: 15px;
		margin-right: 12%;
	}

	nav a.booth img {
		margin-top: 27px;
	}

}

@media screen and (max-width: 1112px) { 

	.magazine .current_issue a {
		font-size: 2.1em;
	}
	
	.this_issue h2 {
		font-size: 2.1em
	}
	
	.month {
		margin: -2.62em 3% 0px 3%;
	}
}

@media screen and (max-width: 1098px) {   
	#sticky .newsletter {
		font-size: .9em;
		padding: 0.6em 1em .8em 1em 
	}
	
	.newsletter_block a {
		font-size: .95em
	}
	
	.meganav .newsletter {
		padding: 1em;
		font-size: .92em;
	}
	
	.meganav .followcol h2 {
		font-size: 1.25em;
		margin-top: 1.5em
	}	
	
}

@media screen and (max-width: 1065px) {   
   #sticky {
		width: 94%
	}
	
	nav a.img img {
		margin: 0px;
		width: 75%;
	}
	
	.mainlink {
		margin-right: 1%;
	}

	/* nav a.search.active img {
		margin-left: 0;
		width: 75%;
		padding: 0px 6px;
		margin-top: -2px
	} */
	
}

@media screen and (max-width: 1055px) {   
	
	.span9 {
		width: 70%
	}
	
	.span3 {
		width: 26%;
		margin-left: 3%
	}
	
	.right_top h2 {
		font-size: 1.7em;
	}
	
	.right_top p, .full_article article .headline h2 {
		font-size: 1.1em
	}
	
	.current_issue a {
		font-size: 1.3em
	}
	
	.newsletter_block a {
		font-size: .9em
	}
	
	.right_top h3 {
		font-size: 1.3em
	}
	
	.full_article article .headline h1 {
		font-size: 3em;
	}	
	
	.magazine .span4 {
		font-size: .9em
	}	
	
	.month {
		font-size: 1.1em;
		margin: -2.9em 7% 0 3%;
	}
	
		
}
	

@media screen and (max-width: 1034px) {   
	
	.mainlink {
		width: 90px;
		margin-right: 1.75%
	}

	nav ul li ul {
		width: 160px;
		font-size: 12px;
		margin-left: -3.66%;
	}


	nav ul li ul li {
		padding: 7px 10px;
		width: 100%;
		max-width: 140px;
	}
	
	nav ul li ul li:first-of-type {
		padding: 14px 10px 7px 10px;
	}

	nav ul li ul li:last-of-type {
		padding: 7px 10px 14px 10px;
	}
	
	.meganav .navcol {
		width: 13.5%;
		margin: 0px 1.75% 0px 0px;
	}
	
	.meganav .sourcecol {
		width: 12%;
		margin: 0 2% 0 0;
	}

	.meganav .followcol {
		width: 16%;
		margin: 0px 1% 0px 0px;
	}
	
	.meganav .newsletter {
		padding: .5em .5em .5em 1em;
	}

	
	.search_form input {
		width: 80%
	}


	
}


@media screen and (max-width: 1004px) {   
	

	/* nav a.search.active img {
		margin-left: -0.5em;
		width: 80%;
		padding: 0px 6px;
		margin-top: -4px
	} */
	
	.meganav .newsletter {
		padding: .8em
	}
	
	.newsletter_signup input {
		width: 55%;
		margin: 0px 20% 0px 0px;
	}
	
	.newsletter_signup .other-info  select {
		width: 35%;
		margin: 0px 20% 0px 0px;	
	}

}

@media screen and (max-width: 962px) {   

	.mainlink {
		width: 85px;
		margin-right: .5%;
		margin-left: 1%;
		font-size: 14px
	}

	nav ul li {
		max-width: 260px;
	}
	
	nav a.img img {
		width: 85%;
	}
	
	nav a.search img {
		margin-left: 16%;
	}

	nav ul li ul {
		margin-left: -4.5%;
	}

}

@media screen and (max-width: 950px) {   
	
	.month {
		margin: 0;
		float: none;
	}
}
			

@media screen and (max-width: 905px) {   	/* Mobile Menu - the rest of the CSS is in its own section */	
	
	.mainlink {
		max-width: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		background-image: none;
	}
}						
																
@media screen and (max-width: 902px) {   
   #sticky {
		width: 93%
	}
	
	.newsletter_signup .other-info  select {
		width: 35%;
		margin: 0px 13% 0px 0px;	
	}

}

@media screen and (max-width: 830px) {   
    #sticky .newsletter {
		background: none;
		width: 100%;
		border: none;
		margin: 0;
		padding: .9em 1.5em;
		float:none;
		font-size: 1.1em
	}
	
	#sticky a {
		text-decoration: none;
	}
	
   #sticky p {
		display: none;
	}	
	
}

@media screen and (max-width: 800px){   	/* Largest tablets (Galaxy Tab, etc.) - portrait */
		.span9, .span3 {
			width: 100%;
			margin-left: 0
		}
		
		.right_top.video {
			margin-top: 2em;
		}
		
		.full_article article .headline .spacer {
			margin-left: 6em;
		}	
		
		.newsletter_signup input {
			width: 55%;
			margin: 0px 22% 0px 0px;
		}
		
		.newsletter_signup .other-info  select {
			width: 38%;
			margin: 0px 16% 0px 0px;	
		}

		
		
}

@media screen and (max-width: 760px) {     /* Collapse to Two Columns */
   #sticky {
		width: 92%
	}
	
	.magazine .current_issue.mobile {
		font-size: .7em;
		display: block;
		padding: 1em;
		margin: 2em 0 2em 6% 
	}
	
	.span4.col.two {
		width: 48.5%;
		margin-left: 3%;
	}
	
	.span4.col.one {
		width: 48.5%;
		margin-left: 0;
		margin-right: 0
	}

	.span4.col.three {
		display: none;
	}	
}

@media screen and (max-width: 640px) {     	/* iPhone 4 and 5 - portrait */
   
   .mores h3 {
		font-size: 1.1em;
		margin-bottom: 1em;
	}

	.mores ul {
		margin-bottom: 1em
	}

	.mores ul a {
		font-size: 1.1em;
		line-height: 1.2em
	}

	.morecol {
		width: 50%;
		margin: 1em 0
	}

   
   #sticky {
		width: 90%
	}
	
	.features img.desktop {
		display: none;
	}

	.features img.mobile {
		width: 100%;
		display: block;
	}
	
	.features h1, .sorted h1 {
		font-size: 1.9em;
		padding-left: 0
	}

	
	.full_article article .headline h3 {
		margin-bottom: 2em;
	}

	.full_article article .headline .spacer {	
		display: none;
	}	

	.full_article article .article_content .article_image {
		float: none;
		margin: 1.5em 0 1em 0;
		width: 100%
	}	
	
	#ContentPlaceHolder1_pnlShowImage .article_image img {
		float: none;
		margin: 1.5em 0 1em 0;
		width: 100%
	}
	
	.full_article article .article_content .article_image p {
		margin: 1em;
		padding-bottom: 1em
	}

	.full_article article img.floatLeft {
		display:none;
	} 

	.full_article article img.floatRight {
		display:none;
	} 
	
	.title h1 {
		font-size: 1.4em;
		padding-left: 0
	}

	.full_article article .headline h2 {	
		font-size: 1em;
		margin-bottom: 1.5em;
	}
	
	.full_article article .headline h1 {
		font-size: 2.2em
	}
	
	.newsletter_signup label {
		font-size: 1.15em
	}	
	
	.newsletter_signup input {
		font-size: 1.15em;
	}	
	
	.newsletter_signup .other-info  select {
		width: 40%;
		margin: 0px 5% 0px 0px;	
	}

	
	.highlights {
		display: none;
	}
	
	.all_video.bottom.container {
		display: none;
	}
	.full_article article .article_content img {
	width: 100%;
}

}

@media screen and (max-width: 575px) {   
   #sticky {
		width: 89%
	}
}

@media screen and (max-width: 541px) {       /* Collapse to Single Column */

	.span4.col.one, .span4.col.two, .span4.col.three {
		width: 100%;
		margin-left: 0;
		display: block;
	}
	
	.newsletter_signup label {
		font-weight: 500
	}	
	
	.newsletter_signup input {
			width: 65%;
			margin: 0;
	}

	.newsletter_signup .other-info  select {
		width: 100%;
		margin: .5em 0 0 0 ;
		float: none
	}
	
	.newsletter_signup input.submit {
		margin: 2em 0 0 0;
	}
	
	.jumpto .jump1 {
		width: 100%;
		margin: 0 1em .7em 1em
	}
	
	.jumpto .jump {
		margin: 0 0 0 3em;
		width: 100%
	}
	
	.this_issue img {
		border-left: 0;
		width: 100%;
		padding: 0
	}	
	
	.magazine .current_issue.mobile {
		display: none;
	}	
	
	.quote h3 {
		border: 0;
	}	
}

@media screen and (max-width: 480px){     		/* iPhone - landscape */

	 #sticky {
		width: 87%
	}
	
	.search_form input {
		width: 70%
	}
	
	.search_form input[type=image] {
		width: 40px;
		height: 40px;
	}
	


}

@media screen and (max-width: 413px){  
	#sticky {
		width: 85%
	}

	.full_article article .headline .comments {
		float: none;
		margin: 0
	} 
	
	.morecol {
		width: 100%;
		margin: 0
	}
	
	.search_form input {
		width: 60%
	}
	

}

@media screen and (max-width: 365px){  
	#sticky {
		width: 83%
	}

	.full_article article .headline .comments {
		float: none;
		margin: 0
	} 
	
	.newsletter_signup form p {
		font-size: .8em
	}
	
	.newsletter_signup label {
		font-size: 1.2em;
	}	
	
	.newsletter_signup input {
		font-size: 1.2em;
	}	
	
	.newsletter_signup input.submit {
		margin-top: 1em
	}
}

@media screen and (max-width: 326px){     		/* iPhone - portrait (320) */

	#sticky {
		width: 81.5%
	}
	
	#sticky .newsletter {
		padding: .8em 1.5em;
		font-size: 1em
	}
	
	.full_article article .headline h1 {
		font-size: 2em;
		margin-bottom: .5em;
	}	
	
	.full_article article .headline h2 {
		font-size: .9em;
		margin-bottom: 1em;
	}

	.full_article article .headline h4 {	
		font-size: .8em;
		
	}
	
	.full_article article .headline .share {	
		width: 5.8em;
		font-size: .8em
	}
	

	.full_article article .headline .share img {	
		max-width: 22px;
		margin-top: -3px
	}
	
}

   
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        /* background: transparent !important; */
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

	.primary-nav {
		display: none;
	}

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


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

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

    @page {
        margin: 0.5cm;
    }

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

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* =======================================
   
   MOBILE MENU
   
=========================================== */

.nav-button { display: none; } /* hide the navigation button by default */

@media only screen and (min-width: 0px) and (max-width: 905px) {

	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: -10px;
		left: 22px;
		width: 50px;
		height: 42px;
		background: url('/boothsitecore/img/capideas/menu.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 38px, 100%;
		cursor: pointer;
		border: 0 none;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	

	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 0; } 
	
	header {
			background: #363636;
			height: 75px
	}
	
	nav .mobile_capideas {
		display:block;
		position: absolute;
		right:0;
		top: -30px
	}
			
	nav ul li a {
		font-size: 1em
	}
		
	.primary-nav {
		float: none;
		background-color: #191919;
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0px;
		z-index: 1701;
		clear: both;
		
	}
	
	.primary-nav li {
		display: none;
		width: 100%;
	}
	
	.primary-nav li a {
		display: block;
		padding: 0;
		color: #fff;
		text-decoration: none;
		text-align: left;
		background: none;
	}
			
	.primary-nav li a:hover {
		background: none;
	}
	
	.primary-nav li a.img {
		display: none;
	}
	
	.primary-nav li a.search img {
		margin: 0 0 10px -5px;
		padding: 0px;
		width: 40px;
	}
	
	.primary-nav li a.search:after {
		content: "Search...";
		font-size: 12px;
	}



	.primary-nav a.booth img {
		margin-left: -5px;
		padding-bottom: 1em;
		margin-top: 0;
	}
	
	.primary-nav li a.search:hover, .primary-nav a.booth:hover {
		border: none;
		background: none;

	}
	
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		margin-top: 44px;
		width: 25%;
		min-width: 195px;
		max-width: 235px;
		padding: 1em 0 0 23px;
	}
	
	.primary-nav.open li { 
		display: block; 
		margin: 0 10px;
		background: none;
		width: 100%;
		padding: .2em 0;
	}
	
	.primary-nav.open .mainlink {
		background: 0;
		padding: 5px 0
	}
	
	.primary-nav.open li ul {
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
		top: 0;
		padding: 0
	}


}