/* CSS Document */

.hottopics {
	margin-top: 5px;
}
.hottopics, .read-more, .next {
	float: right;
}
.prev {
	float: left;
}
.hottopics:after, .read-more:after, .next:after {
	content: "";
	display:inline-block;
	width:14px;
	height:15px;
	margin:0 0 -3px 10px;
	background: url('/images/icon_arrowR.svg') top left no-repeat;
}
.prev:before {
	content: "";
	display:inline-block;
	width:14px;
	height:15px;
	margin:0 10px -3px 0;
	background: url('/images/icon_arrowL.svg') top left no-repeat;
}

#blog {
	margin:0px auto;
	width:644px;
	position:relative;
	background-color:#000;
	overflow:visible;
	font-family:HelvetivaNeue, "Helvetica Neue", Helvetica, "Liberation Sans", Arial, Geneva, Tahoma, sans-serif;
}
#blog:after {
	content:"";
	display:block;
	position:absolute;
	right:650px;
	min-height:1024px;
	width:100%;
	height:200%;
	background-color:#000;
	z-index:-1;
}

.blog-wrap {
	font-size: 12px;
	padding: 40px 0px;
}

.blog-post {
	margin-bottom: 40px;
}

.single-post {
	margin-top: -40px;
}

.blog-title {
	width: 644px;
	position: relative;
	margin-bottom: 10px;
}

.blog-title.img-left,
.blog-title.img-right {
	display: table;
}

.blog-title.img-left .img-wrap,
.blog-title.img-left .title-wrap,
.blog-title.img-right .img-wrap,
.blog-title.img-right .title-wrap {
	display: table-cell;
	vertical-align: top;
}

.blog-title.img-left .img-wrap,
.blog-title.img-right .img-wrap {
	width: 0; /* expands to fit width of content */
}

.blog-title.img-left .img-wrap {
	padding-right: 10px;
}

.blog-title.img-right .img-wrap {
	padding-left: 10px;
}

.blog-title h2 {
	font-family: LeagueGothic, HelvetivaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", HelveticaNeue, Helvetica-Light, "Helvetica Light", Helvetica, "Liberation Sans", Tahoma, Geneva, Arial, sans-serif;
	font-weight: normal;
	font-size: 36px;
	line-height: 1;
}

.blog-title .info {
	position: absolute;
	bottom: 0;
}

.blog-title.title-only .info,
.blog-title.img-only .info,
.blog-title.img-title-stacked .info {
	padding-top: 5px;
	position: relative;
}

.blog-title .byline {
	font-weight: bold;
}

.blog-title .date {
	font-size: 10px;
}

.blog-content {
	line-height: 1.25;
}
.blog-content:after {
  content: "";
  display: table;
  clear: both;
}


.blog-comments {
	padding-top: 30px;
}



/* Social Media */

.blog-header {
	position: relative;
	background: url('/images/story_header.jpg') top left no-repeat;
	height: 64px;
	margin-bottom: 16px;
}

.blog-single {
	position: relative;
	height: 32px;
	margin-bottom: 16px;
}

.button-wrap {
	position: absolute;
	right: 0;
	bottom: 1px;
	text-align: right;
}

.button {
	display: inline-block;
	height: 20px;
	padding: 2px 6px;
	margin-right: 2px;
	
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	
	border: 1px solid #333;
	border-radius: 3px;
	
	background: #bfbfbf;
	background: -moz-linear-gradient(top,  #bfbfbf 0%, #686868 21%, #3f3f3f 76%, #0e0e0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(21%,#686868), color-stop(76%,#3f3f3f), color-stop(100%,#0e0e0e));
	background: -webkit-linear-gradient(top,  #bfbfbf 0%,#686868 21%,#3f3f3f 76%,#0e0e0e 100%);
	background: -o-linear-gradient(top,  #bfbfbf 0%,#686868 21%,#3f3f3f 76%,#0e0e0e 100%);
	background: -ms-linear-gradient(top,  #bfbfbf 0%,#686868 21%,#3f3f3f 76%,#0e0e0e 100%);
	background: linear-gradient(to bottom,  #bfbfbf 0%,#686868 21%,#3f3f3f 76%,#0e0e0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#0e0e0e',GradientType=0 );
}
.button:hover, .button:focus {
	color: #fff;
	border-color: #999;
}
.button:active {
	background: #a0a0a0;
	background: -moz-linear-gradient(top,  #a0a0a0 0%, #4f4f4f 10%, #a8a8a8 87%, #2d2d2d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(10%,#4f4f4f), color-stop(87%,#a8a8a8), color-stop(100%,#2d2d2d));
	background: -webkit-linear-gradient(top,  #a0a0a0 0%,#4f4f4f 10%,#a8a8a8 87%,#2d2d2d 100%);
	background: -o-linear-gradient(top,  #a0a0a0 0%,#4f4f4f 10%,#a8a8a8 87%,#2d2d2d 100%);
	background: -ms-linear-gradient(top,  #a0a0a0 0%,#4f4f4f 10%,#a8a8a8 87%,#2d2d2d 100%);
	background: linear-gradient(to bottom,  #a0a0a0 0%,#4f4f4f 10%,#a8a8a8 87%,#2d2d2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#2d2d2d',GradientType=0 );
}

.button.like:before {
	content: "";
	display:inline-block;
	width:14px;
	height:13px;
	margin:0 10px -2px 0;
	background: url('/images/icon_like.svg') top left no-repeat;
}
.button.share:before {
	content: "";
	display:inline-block;
	width:11px;
	height:12px;
	margin:0 10px -2px 0;
	background: url('/images/icon_share.svg') top left no-repeat;
}
.button.print:before {
	content: "";
	display:inline-block;
	width:16px;
	height:14px;
	margin:0 10px -3px 0;
	background: url('/images/icon_print.svg') top left no-repeat;
}
.button.email:before {
	content: "";
	display:inline-block;
	width:16px;
	height:11px;
	margin:0 10px -2px 0;
	background: url('/images/icon_email.svg') top left no-repeat;
}
.button.like, .button.share, .button.print, .button.email {
	width: 64px;
}
.button:last-child {
	margin-right: 0;
}
.button.email { margin:0 }

.fb-like {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
}
.button.like {
	position:relative;
}

.share-menu {
	/*display:none;*/
	position: absolute;
	bottom: 33px;
	
	z-index:99;
	
	/*width: 398px;*/
	width: 100%;
	height: 30px;
	padding: 0;
	
	text-align: center;
	
	border: 1px solid #333;
	border-radius: 3px;
	
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	background: #bfbfbf;
	background: -moz-linear-gradient(top,  #bfbfbf 0%, #686868 21%, #3f3f3f 76%, #0e0e0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(21%,#686868), color-stop(76%,#3f3f3f), color-stop(100%,#0e0e0e));
	background: -webkit-linear-gradient(top,  #bfbfbf 0%,#686868 21%,#3f3f3f 76%,#0e0e0e 100%);
	background: -o-linear-gradient(top,  #bfbfbf 0%,#686868 21%,#3f3f3f 76%,#0e0e0e 100%);
	background: -ms-linear-gradient(top,  #bfbfbf 0%,#686868 21%,#3f3f3f 76%,#0e0e0e 100%);
	background: linear-gradient(to bottom,  #bfbfbf 0%,#686868 21%,#3f3f3f 76%,#0e0e0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#0e0e0e',GradientType=0 );
}
.share-menu:after {
	content: "";
	display: block;
	position: absolute;
	border:solid;
    border-color:#333 transparent;
    border-width:6px 6px 0 6px;
    bottom:-6px;
    left:115px;
	z-index: 0;
}
.share-single:after {
	left:170px;
}


.share-btn {
	display: inline-block;
	position: relative;
	z-index:99;
	padding: 0 8px;
	
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	
	border-radius: 3px;
}
.share-btn:hover, .share-btn:focus {
	color: #fff;
	box-shadow: inset 0 0 0px 1px #CCC;
}

.share-btn.facebook:before {
	content: "";
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 6px -3px 0;
	background: url('/images/icon_sm_facebook.png') top left no-repeat;
}
.share-btn.linkedin:before {
	content: "";
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 6px -3px 0;
	background: url('/images/icon_sm_linkedin.png') top left no-repeat;
}
.share-btn.twitter:before {
	content: "";
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 6px -3px 0;
	background: url('/images/icon_sm_twitter.png') top left no-repeat;
}
.share-btn.rss:before {
	content: "";
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 6px -3px 0;
	background: url('/images/icon_sm_rss.png') top left no-repeat;
}

/* Fonts */

@font-face {
    font-family: 'LeagueGothic';
    src: url('/fonts/League_Gothic-webfont.eot');
    src: url('/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/League_Gothic-webfont.woff') format('woff'),
         url('/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}