/* ==========================================================================
   More custom styles
   ========================================================================== */

.btn-danger {padding:8px 16px;}
.btn-danger a {color:#FFF; text-decoration:none;}
.btn-danger:hover {background:#C00;}
.jumbo {margin-bottom:-16px;}
.logo {margin-top:16px;}
.webcastButton {
	-moz-box-shadow:inset 1px 1px 3px 0px #fac19b;
	-webkit-box-shadow:inset 1px 1px 3px 0px #fac19b;
	box-shadow:inset 1px 1px 3px 0px #fac19b;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fab6c2), color-stop(1, #cc3333) );
	background:-moz-linear-gradient( center top, #fab6c2 5%, #cc3333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab6c2', endColorstr='#cc3333');
	background-color:#fab6c2;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:-1.31px;
	border:1px solid #ed5151;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:39px;
	width:300px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #750404;
}
.webcastButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cc3333), color-stop(1, #fab6c2) );
	background:-moz-linear-gradient( center top, #cc3333 5%, #fab6c2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3333', endColorstr='#fab6c2');
	background-color:#cc3333; color:#FFF;}
.webcastButton:hover a {color:#FFF; text-decoration:none;}
.webcastButton:active {position:relative; top:1px;}

.break {padding: 0px; margin: 0px; top:0px; height:1px; break-before:always;}
.pad0 {padding: 0px;margin: 0px;top: 0px; height:1px;}
.pad1 {padding: 1px;margin: 0px;top: 0px;}
.pad2 {padding: 2px;margin: 0px;top: 0px;}
.pad3 {padding: 3px;margin: 0px;top: 0px;}
.pad4 {padding: 4px;margin: 0px;top: 0px;}
.pad6 {padding: 6px;margin: 0px;top: 0px;}
.pad8 {padding: 8px;margin: 0px;top: 0px;}
.pad10 {padding: 10px;margin: 0px;top: 0px;}
.pad12 {padding: 12px;margin: 0px;top: 0px;}
.pad14 {padding: 14px;margin: 0px;top: 0px;}
.pad16 {padding: 16px;margin: 0px;top: 0px;}
.pad18 {padding: 18px;margin: 0px;top: 0px;}
.pad20 {padding:20px;margin: 0px;top: 0px;}

#topic h3 {margin-top:0px; padding-top:0px; font-style:normal;}
.sidebar .middleColumn {width:300px; float:right; border-left:1px dotted  #ccc; margin:0px 10px 10px 10px; padding:0px 0px 0px 8px;}
.sidebar .middleColumn img {max-width:300px; height:auto;}
.sidebarlink {font-size:16px; text-decoration:none; line-height:116%; margin:0 0 8px 0 !important; padding:0 !important; }
.smallRed {color:#C00; text-transform:uppercase; font-size:10pt; margin:24px 0px -18px 1px;}
.storyBody {margin-top:6px; font-size:100%; line-height:130%;}
.homelabel {margin:0; padding:7px 12px 5px 12px; width:190px; height:30px; font-size:10pt; color:#FFF; text-transform:uppercase; background-color:#CC0000;}
.sitelabel {margin:0; padding:7px 0px 5px 12px; width:292px; height:30px; font-size:10pt; color:#FFF; text-transform:uppercase; background-color:#CC0000;}
.topicLine {border:1px dotted #09F; margin:14px 4px 16px 4px; clear:left; break-before:left;}
.topicSeparator {border:1px dotted #DDD; margin:4px 4px 14px 4px; clear:left;}
.topicHead h2 {font-family: 'Arbutus Slab', serif; color:#428bca !important; xfont-weight: bold; font-style:normal; margin-top:6px; padding-top:0px; font-size:200%; line-height:120%; background-color:transparent !important;}
.topicHead h2:hover {color:#369;}
.topicHead h3 {font-weight: normal; font-style:normal; margin:0px 0 6px 0; padding:0px; display:table; font-size:140%; line-height:120%; background-color:transparent; !important;}
.topicHead h2 a, .topicHead h2 a:visited {color:#428bca !important;}
.topicHead h2 a:hover {color:#369 !important;}
.topicHead h3 a, .topicHead h3 a:visited {color:#428bca !important;}
.topicSummary {margin:0 0 0 0; font-weight: normal; font-size:120%; line-height:130%; color:#666;}
.contentcolumn {border-top: 1px dotted #c3c3c3; border-right: 1px dotted #c3c3c3;}
.contentcolumn h2 {padding-right:20px;}
.rightcolumn { margin-top:-10px; min-width:300px;}
.storyBody ul {margin-left:0px; padding-left:20px;}
.storyBody ul li {margin-bottom:10px;}
.storyBody ul ul {margin-left:10px; padding-left:50px;}
#sidebar { max-width:310px; border-left:1px dotted #c2c2c2; padding-left:10px; float:right; margin:-10px 0 10px 10px; }
#sidebar p{ font-size:16px; font-weight:500px; color:#253f42;}
#sidebar .sidebarlinks { font-size:16px; text-decoration:none; line-height:116%; margin:0 0 -4px 0 !important; padding:0 !important; }
#sidebar img {max-width:100%; height:auto; margin-bottom:6px; clear:both;}
.sidebar .middleColumn {width:300px; float:right; border-left:1px dotted  #ccc; margin:0px 10px 10px 10px; padding:0px 0px 0px 8px;}
.sidebar .middleColumn img {max-width:300px; height:auto;}
.sidebarlink {font-size:16px; text-decoration:none; line-height:116%; margin:0 0 8px 0 !important; padding:0 !important; }
.authorbio, .bloggerbio {font-size:11pt !important; line-height:15pt; color:#555; clear: both;}
.bloggerbio h1 {color: #333333;}
#home {min-height:1000px;}
#home .hometop {min-height:200px; padding:8px 0 8px 0;}
#home .homesummary {color:#777; font-size:14pt; line-height:19pt;}
#home .hometabs {min-height:180px;}
#home .homeresources {min-height:400px;}
#home .hometopimage {border:4px solid #FFF; height:180px; width:300px; float:left; margin:0 12px 8px -4px; background-color:#FFF; text-align:center; overflow:hidden;}
#home .hometopimage img {margin-top:-30px; text-align:center;}
#home .homevideoimage {border:4px solid #FFF; height:210px; width:300px; float:left; margin:0 8px 8px -4px; background-color:#FFF; text-align:center; overflow:hidden;}
#home .homevideoimage img {margin-top:-40px; margin-left:-44px; height:auto; width:380px;}
#homefeatureboxes {width:258px; margin:0px 12px 6px 0px; float:left; overflow:hidden;}
#homefeatureboxes .image {width:258px; height:140px; background-size:280px; background-repeat:no-repeat; background-position:center; margin:0 0 6px 0; border:1px solid #EEE;}
#homefeatureboxes .title {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:12pt; line-height:14pt; margin-bottom:4px;}
#homefeatureboxes .description {color:#888; line-height:120%;}
#hometabs li a {color:#666; padding:6px 16px; font-size:13pt;}
#hometabs li a:hover {color:#666; background-color:#EEE;}
#hometabs li a:active {color:#FFF; background-color:#CC0000;}
.tabtitles {font-size:14pt; line-height:16pt; margin-bottom:4px;}
.tabline {border-bottom:1px dotted #00CC00; margin:4px 0 4px 0;}
.tab-pane {margin-left:-10px;}
.rescolumn00 {width:100%; margin-right:0px;}
.rescolumn0 {width:100%; margin-right:0px;}
.rescolumn1 {width:100%;}
.rescolumn2 {width:100%;}
.rescolumn3 {width:100%;}
/* .row {margin:0 -18px 0 -12px;} */

/* ==========================================================================


.pullquoteleft, .pullquote {
width:180px; padding-right:10px; border-right:1px dotted #c2c2c2; float:left;
font-size:125%; line-height:115%; font-family: 'Arial', sans-serif; font-weight:900; color:#AA0000;
margin:4px 14px 4px 0px;
}
.pullquoteright {
width:180px; padding-left:10px; border-left:1px dotted #c2c2c2; float:right; 
font-size:125%; line-height:115%;font-family: 'Arial', sans-serif; font-weight:900; color:#AA0000;
margin:4px 0px 4px 14px;
}
========================================================================== */
article .blockquote {
margin:20px 60px 20px 20px;
font-style:italic;
border-bottom:1px dotted #c2c2c2;
border-top:1px dotted #c2c2c2;
padding:20px;
font-weight:400;
background-image: url("/images/site/backgroundquotes.gif"); background-repeat:no-repeat; background-origin:padding-box; background-position:0px 15px;
}

article .blockquote p {
margin:10px 5px 10px 55px;
}


article .pullquoteleft, article .pullquote {
width:150px;
padding-right:10px;
border-right:1px dotted #c2c2c2;
float:left;
font-size:130%;
line-height:26px;
margin:6px 14px 4px 0px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:900;
color:#bb1f20;
}

article .pullquoteright {
width:150px;
padding-left:10px;
border-left:1px dotted #c2c2c2;
float:right;
font-size:130%;
line-height:26px;
margin-left:15px;
margin-top:15px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:900;
color:#bb1f20;
}

article .pullquoteleft i, article .pullquote i, article .pullquoteright i {clear:left; font-weight:400; font-style:italic; font-size:90%; display:table; margin-top:4px;}

article .sideleft, article .side {
width:300px;
padding:10px;
box-shadow: 2px 2px 5px #c2c2c2;
float:left;
font-size:85%;
line-height:18px;
margin-right:15px;
margin-top:5px;
margin-bottom:15px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:600;
background-color:#eee;
color:#333;
}

article .sideright {
width:300px;
padding:10px;
box-shadow: 2px 2px 5px #c2c2c2;
float:right;
font-size:85%;
line-height:18px;
margin-left:15px;
margin-top:5px;
margin-bottom:15px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:600;
background-color:#eee;
color:#333;
}

article .sideright h4, article .sideleft h4, article .side h4 {
font-size:130%;
color:#bb1f20;
border-bottom: 1px dotted #bb1f20;
padding-bottom: 10px;
}

article .photoleft {
margin:15px;
margin-left:0px;
float:left;
margin-right:15px;
border-right:1px dotted #c2c2c2;
padding-right:10px;
xmax-width:300px;
}

article .photoleft .inlinecaption, article .photoleft .inlinecaptionleft {
float:left;
font-size:80%;
color:#888;
max-width:300px;
padding-top:6px;
}

article .photoright {
margin:15px;
margin-right:0px;
float:right;
margin-left:15px;
border-left:1px dotted #c2c2c2;
padding-left:10px;
xmax-width:300px;
}

article .photoright .inlinecaptionright{
float:right;
font-size:80%;
color:#888;
max-width:300px;
padding-top:6px;
}

article .photowide .inlinecaptionright {
float:right;
font-size:80%;
color:#888;
max-width:800px;
padding-top:6px;
margin-bottom:8px;
}

article .photowide .inlinecaptionleft {
float:left;
font-size:80%;
color:#888;
max-width:800px;
padding-top:6px;
margin-bottom:8px;
}

.photowide {
margin-bottom:15px;
}

.photowide img {
display:block;
height:auto;
max-width:100%;
}

.innersidebar {
max-width:300px;
float:right;
border-left:1px dotted #c2c2c2;
padding:10px;
}


.blogsection {border-top:1px dotted #c2c2c2; border-left:1px dotted #c2c2c2; padding:10px; margin-top:100px; margin-right:15px; margin-left:10px; min-height:200px; float:right; max-width:250px;}
.blogstory {font-weight:400; margin-bottom:18px; font-size:16px; margin-top:10px;}
.bloghomelabel {margin:0; padding:7px 12px 5px 12px; width:240px; xheight:30px; font-size:10pt; color:#FFF; text-transform:uppercase; background-color:#CC0000;}
.staffheader {font-weight:bold; font-size:21px;}

.subscription_promo {margin:-4px 6px 0px 0px; font-size:90%; line-height: 18pt;}
.subscription_promo input[type="text"] {width:190px; height:29px; margin-bottom:6px;}
#promopadding {padding-left:212px;}

 /* Extra Small */
@media (min-width:100px) and (max-width:767px) {
.ad img, .cs_jobs {width:100%;}
.sidebar .middleColumn {width:100%; float:left; clear:left; border:none; margin:4px 0px 4px 0px; padding:4px 0px 4px 0px;}
.rightcolumn { margin-top:0px;}
h1 {font-size:20pt;}
#home .homesummary {font-size:12pt; line-height:14pt;}
#homefeatureboxes {width: 136px; margin-right:4px;}
#homefeatureboxes .image {width: 136px; height: 100px; background-size: 136px;}
#hometabs li a {color:#666; padding:6px 8px; font-size:11pt;}
#sidebar {margin-left:0px; width:180px;}
#sidebar img {max-width:180px; width:100%; height:auto;}
#sidebar a {font-size:10pt; line-height:12pt;}
/* .row {margin:0px !important;} */
.pullquoteleft, .pullquote {width:140px;}
.pullquoteright {width:140px;}
.blogsection {max-width:150px;}
.bloghomelabel {max-width:140px;}
.btn-danger {font-size:9px !important; padding:10px;}
.complogo {padding-right:15px; padding-bottom:10px; max-height:60px; max-width:200px;}
#promopadding {padding-left:0px;}
}

/* Small */
@media (min-width:768px) and (max-width:991px) {
.col-sm-7 {width:426px; padding-right:0px;}
.sidebar .middleColumn {width:250px; float:right; border-left:1px dotted  #ccc; margin:0px 10px 10px 10px; padding:0px 0px 0px 8px;}
.sidebar .middleColumn img {max-width:250px; height:auto;}
.webcastButton {width:250px;}
h1 {font-size:20pt;}
#home .hometopimage {border:4px solid #FFF; height:280px; width:404px; float:left; margin:0 12px 8px -4px; background-color:transparent; text-align:center; overflow:hidden;}
#home .hometopimage img {width:100%; height:auto;}
#home .homesummary {font-size:12pt; line-height:16pt;}
#homefeatureboxes {width: 190px;}
#homefeatureboxes .image {width: 194px; height:100px; background-size:220px;}
#hometabs li a {color:#666; padding:6px 12px; font-size:12pt;}
#sidebar {margin-left:0px; width:220px;}
#sidebar img {max-width:220px; width:100%; height:auto;}
.rightcolumn {/*width:304px;*/ padding-left:12px;}
.nav_container {height:47px\9;}
.complogo {padding-right:15px; float:right; max-height:60px; max-width:200px;}

}

/* Medium */
@media (min-width:992px) and (max-width:1199px) {
#home .homesummary {font-size:12pt; line-height:16pt;}
#homefeatureboxes {width: 192px; overflow:hidden;}
#homefeatureboxes .image {width: 200px; height:100px; background-size: 220px; background-position:center;}
.rescolumn00 {float:left; width:290px;}
.rescolumn0 {float:left; width:302px; margin-right:2px; padding-right:6px;}
.rescolumn1 {float:left; width:302px;}
.rescolumn2 {float:left; min-height:300px; xborder:1px solid #EEE; width:150px; margin:0 8px 0 4px;}
.rescolumn3 {float:left; min-height:300px; xborder:1px solid #EEE; width:142px;}
#home .homelabel {width:170px;}
.sidebar {padding:0px;}
.newsletter, .trending, .dlsummarybox, .cs_jobs, .csc_banner {margin-left:12px;}
.nav_container {height:47px\9;}
.complogo {padding-right:15px; float:right; max-height:60px; max-width:200px;}

}

/* Large */
@media (min-width:1200px) {
header p {font-size: 18px; line-height:24px !important;}
.storyBody {margin-top:12px; font-size:15pt; line-height:18pt;}
.rightcolumn {width:318px; padding-right:0px; margin-right:0px;}
.col-md-8 {width:842px;}
#sidebar {max-width:410px; }
#topic {padding-right:30px;}
#home .hometopimage {border:4px solid #FFF; height:228px; width:400px; float:left; margin:0 12px 4px -4px; background-color:#FFF; text-align:center; overflow:hidden;}
#home .hometopimage img {width:100%; height:auto; margin-top:-48px;text-align:center;}
#home .homevideoimage {height:240px; width:380px; margin:0 8px 8px -4px;}
#home .homevideoimage img {margin-top:-52px; margin-left:-54px; height:auto; width:500px;}
.rescolumn00 {float:left; width:360px;}
.rescolumn0 {float:left; width:382px; margin-right:8px;}
.rescolumn1 {float:left; width:382px;}
.rescolumn2 {float:left; min-height:300px; xborder:1px solid #EEE; width:216px; margin:0 8px 0 8px;}
.rescolumn3 {float:left; min-height:300px; xborder:1px solid #EEE; width:186px;}
.article_metadata {max-width:415px !important; margin-right:0px;}
.nav_container {height:47px\9;}
.complogo {padding-right:15px; float:right; max-height:60px; max-width:200px;}

}