#article_wrap {
	background-color: #dadada;
}
#article_header_wrap {
	position: relative;
	width: 100%;
}
#article_header_wrap:before {
	content: "";
	display: block;
	padding-top: 44.64%
}
#article_header {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('http://www.liquiddota.com/staff/Nixer/thesummit2/thesummi2_headerfs8.png');
	background-size: 100% 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,.1), inset 0 3.5em 5em rgba(236, 234, 235, 1);
}
#bts_logo_wrap {
	position: absolute;
	width: 19%;
	bottom: 1.5vmin;
	left: 40.5%;
	right: 40.5%;
}
#bts_logo_wrap:before {
	content: "";
	display: block;
	padding-top: 25%
}
#bts_logo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('http://www.liquiddota.com/staff/Nixer/thesummit2/bts_logo1.png');
	background-size: 100% 200%;
	background-position: 0px 0px;
	-webkit-animation-name: fadeInLarge;
	animation-name: fadeInLarge;
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transform-origin: center top;
}
#bts_logo:hover {
	background-position: 0px -35px;
	-webkit-animation-name: grow;
	animation-name: grow;
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transform-origin: center top;
}
#article_end_wrap {
	position: relative;
	width: 100%;
	margin-top: 1em;
}
#article_end_wrap:before {
	content:"";
	display: block;
	padding-top: 6.44%;
}
#article_end {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('http://www.liquiddota.com/staff/Nixer/thesummit2/thesummit2_bottomfs8.png');
	background-size: 100% 100%
}
#content_wrap {
	background-color: #ffffff;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1), inset 0 0 80px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1), inset 0 0 80px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1), inset 0 0 80px rgba(0,0,0,.1);
	width: 100%;
}
#content {
	font-family: 'Noto Sans', sans-serif;
	font-size: 11pt;
	color: #232323;
	width: 90%;
	margin: auto auto;
}
#content h1 {
	font-family: 'Radiance-Bold', sans-serif;
	border-bottom: 1px solid #d8d8d8;
	color: #232323;
	font-size: 22pt;
	opacity: 0.9;
	margin: 0;
	padding-top: 0.75em;
	margin-bottom: 0.4em;
}
#shade1 {
	background: -moz-linear-gradient(top,  rgba(212,213,213,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,213,213,1)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(212,213,213,1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(212,213,213,1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(212,213,213,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(212,213,213,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d5d5', endColorstr='#00000000',GradientType=0 );
	position: absolute;
	height: 80px;
	width: calc(100% - 16px);
}
@font-face {
    font-family: 'Radiance';
    src: url('http://cdn.dota2.com/apps/dota2/fonts/radiance.eot');
    src: url('http://cdn.dota2.com/apps/dota2/fonts/radiance.eot?#iefix') format('embedded-opentype'),
    url('http://cdn.dota2.com/apps/dota2/fonts/radiance.woff') format('woff'),
    url('http://cdn.dota2.com/apps/dota2/fonts/radiance.ttf') format('truetype'),
    url('http://cdn.dota2.com/apps/dota2/fonts/radiance.svg#ywftsvg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Radiance-Bold';
    src: url('http://cdn.dota2.com/apps/dota2/fonts/radiance-bold.eot');
    src: url('http://cdn.dota2.com/apps/dota2/fonts/radiance-bold.eot?#iefix') format('embedded-opentype'),
    url('http://cdn.dota2.com/apps/dota2/fonts/radiance-bold.woff') format('woff'),
    url('http://cdn.dota2.com/apps/dota2/fonts/radiance-bold.ttf') format('truetype'),
    url('http://cdn.dota2.com/apps/dota2/fonts/radiance-bold.svg#ywftsvg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
}

@keyframes grow {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
}
@-webkit-keyframes fadeInLarge {
  0% {opacity: 0;    
  	-webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);}
  100% {opacity: 1;
 	 -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);}
}

@keyframes fadeInLarge {
  0% {opacity: 0;    
  	-webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);}
  100% {opacity: 1;
 	 -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);}
}