@charset "utf-8";
/*
 * Comment
 * Commentform
 * Home
 * News
 * News: Twitter
 * Page not found
 * Product: features
 * Single
 * Teams
 * Where to buy
 */
/*
 * Comment
 */
.comment-list{
	list-style: none;
	padding: 0;
}
.comment-list li{
	margin-top: 20px;
}
.comment-list .comment-reply-list{
	list-style: none;
	padding-left: 20px;
}
.comment{
		background: rgb(16,16,16);
		background: -moz-linear-gradient(top, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(16,16,16)), color-stop(100%,rgb(0,0,0)));
		background: -webkit-linear-gradient(top, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
		background: -o-linear-gradient(top, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
		background: -ms-linear-gradient(top, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101010', endColorstr='#000000', GradientType=0);
	background: linear-gradient(to bottom, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
		-khtml-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
    border-radius: 3px;
	position: relative;
}
.comment .comment-header{
	background-image: url('../images/comment-header-background.png');
	background-position: 10px 0;
	display: inline-block;
	margin-top: -14px;
	overflow: auto;
	padding-top: 14px;
}
.comment .comment-avatar{
		-khtml-border-radius-topleft: 3px;
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	float: left;
	height: 32px;
	margin: 10px 10px 0 10px;
	width: 32px;
}
.comment .comment-meta{
	float: left;
	font-size: .75em;
	margin: 10px 10px 0 10px;
	line-height: 32px;
	overflow: auto;
}
.comment .comment-meta > *{
	float: left;
	margin-right: 10px;
}
.comment .comment-content{
	clear: both;
	padding: 10px;
}
.comment .comment-reply{
	position: absolute;
	right: 10px;
	top: 10px;
}
/*
 * Commentform
 */
.commentform .commentform-title{
	background-image: url('../images/icon-pencil.png');
	background-position: 0 center;
	margin: 20px 0;
	padding-left: 26px;
}
.commentform form{
	overflow: auto;
}
.commentform label{
	display: none;
}
.commentform #author,
.commentform #email{
	clear: right;
	float: right;
	margin-bottom: 10px;
	width: 45%;
}
.commentform #comment{
	float: left;
	height: 200px;
margin-top: -42px;
	width: 49%;
}
.commentform button{
	clear: right;
	float: right;
	width: 47.5%;
}
/*
 * Home
 */
#home-intro{
	background-color: rgb(231,0,20);
		-khtml-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	border-radius: 3px;
	color: rgb(255,255,255);
	font-size: 20px;
	padding: 10px;
	position: absolute;
	right: 0;
		-ms-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
	transform:rotate(10deg);
	width: 500px;
	z-index: 2;
}
/*
 * News
 */
.news{
	margin: 0 -20px;
	overflow: auto;
	padding: 0 20px 20px 0;
}
.news-featured{
	background-color: rgb(231,0,20);
	float: left;
	padding: 20px;
	width: 465px;
}
.news-featured a:hover,
.news-featured a:hover *{
	color: rgb(0,0,0);
}
.news-featured .news-article-meta{
	color: inherit;
}
.news-featured .news-article-footer{
	margin-top: 20px;
}
.news-list{
	float: right;
	width: 485px;
}
.news-list .news-article{
	margin-top: 20px;
}
.news-article{
	overflow: auto;
}
.news-article-header{
	margin-bottom: 5px;
}
.news-article-meta{
	color: rgb(192,192,192);
	overflow: auto;
	text-transform: uppercase;
}
.news-article-meta dd{
	float: left;
}
.news-article-meta dt{
	float: left;
	margin-right: .2em;
}
.news-article-image{
	float: left;
	margin: 0 20px 20px 0;
	max-width: 485px;
}
.news-article-footer{
	text-align: right;
}
/*
 * News: Facebook
 */
.news-facebook{
	float: left;
	padding-top: 20px;
	position: relative;
	width: 485px;
}
.news-facebook-link{
	position: absolute;
	right: 0;
	top: 20px;
}
.news-facebook .fb_iframe_widget{
	overflow: hidden;
}
.news-facebook .fb_iframe_widget > span{
	margin: -71px 0 -25px 0;
}
/*
 * News: Twitter
 */
.news-twitter{
	float: right;
	padding-top: 20px;
	position: relative;
	width: 485px;
}
.news-twitter-link{
	position: absolute;
	right: 0;
	top: 20px;
}
.news-twitter .twtr-widget{
	font-family: inherit !important;
	font-size: inherit !important;
}
.news-twitter .twtr-hd,
.news-twitter .twtr-ft{
	display: none;
}
.news-twitter #twtr-widget-1 .twtr-doc,
.news-twitter #twtr-widget-1 .twtr-hd a,
.news-twitter #twtr-widget-1 h3,
.news-twitter #twtr-widget-1 h4{
	background-color: transparent !important;
}
.news-twitter #twtr-widget-1 .twtr-new-results,
.news-twitter #twtr-widget-1 .twtr-results-inner,
.news-twitter #twtr-widget-1 .twtr-timeline{
	background-color: transparent !important;
}
.news-twitter #twtr-widget-1 .twtr-timeline{
	overflow-y: hidden;
}
.news-twitter .twtr-widget .twtr-tweets{
	margin: -10px 0;
}
.news-twitter .twtr-widget .twtr-tweet{
	border-bottom: 1px solid rgb(64,64,64);
}
.news-twitter .twtr-widget .twtr-tweet-wrap{
	padding: 10px 0;
}
.news-twitter #twtr-widget-1 .twtr-tweet .twtr-user{
	display: none;
}
/*
 * Page not found
 */
.notfound-errorcode{
	font-family: 'bignoodletitlingregular', 'bebas_neue_cyrillicregular', sans-serif;
	font-size: 250px;
	line-height: 188px;
	margin-bottom: -8px;
	overflow: hidden;
	padding: 0;
	text-indent: -130px;
}
.notfound-errorcode span{
	color: rgb(231,0,20);
}
.notfound-apologies{
	font-family: 'DINCondMediumRegular', 'bebas_neue_cyrillicregular', sans-serif;
	font-size: 32px;
	line-height: 36px;
	margin-bottom: -7px;
	overflow: auto;
}
.notfound-apologies-left{
	float: left;
}
.notfound-apologies-right{
	float: right;
}
/*
 * Product: features
 */
.feature{
	background-position: left top;
	margin: 0 -20px;
/*overflow: auto;
*/
	padding: 20px;
	position: relative;
}
/*
 * Single
 */
.post{
}
.post-meta{
	display: inline-block;
	float: left;
	font-size: .75em;
	overflow: auto;
	padding: 10px 0;
}
.post-meta > *{
	float: left;
	margin-right: 10px;
}
.post-meta dt{
	height: 16px;
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
		filter: alpha(opacity=50);
	opacity: 0.5;
	text-indent: -9999px;
	width: 16px;
}
.post-meta dt.post-meta-author{
	background-image: url('../images/icon-person.png');
}
.post-meta dt.post-meta-category{
	background-image: url('../images/icon-list.png');
}
.post-meta dt.post-meta-comments{
	background-image: url('../images/icon-comments.png');
}
.post-meta dt.post-meta-date{
	background-image: url('../images/icon-calendar.png');
}
.post-meta .post-meta-category-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.post-meta .post-meta-category{
	float: left;
	margin-left: 5px;
}
.post-meta .post-meta-category:first-child{
	margin-left: 0;
}
.post-share{
	display: inline-block;
	float: right;
	font-size: .75em;
	overflow: auto;
	padding: 10px 0;
}
.post-share .post-share-facebook,
.post-share .post-share-googleplus,
.post-share .post-share-twitter{
	display: inline-block;
	height: 16px;
	margin-left: 10px;
	padding-left: 21px;
}
.post-share .post-share-facebook{
	background-image: url('../images/icon-facebook.png');
	color: rgb(59,90,155);
}
.post-share .post-share-googleplus{
	background-image: url('../images/icon-googleplus.png');
	color: rgb(185,53,38);
}
.post-share .post-share-twitter{
	background-image: url('../images/icon-twitter.png');
	color: rgb(154,228,232);
}
.post-content{
	background-image: url('../images/post-content-background.png');
	background-repeat: repeat-x;
}
.post-content.box{
	padding: 0 10px;
}
.post-content.box > *{
	padding: 0;
}
.post-content.box > p{
	padding-top: 20px;
}
.post-footer{
		background: rgb(16,16,16);
		background: -moz-linear-gradient(top, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(16,16,16)), color-stop(100%,rgb(0,0,0)));
		background: -webkit-linear-gradient(top, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
		background: -o-linear-gradient(top, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
		background: -ms-linear-gradient(top, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101010', endColorstr='#000000', GradientType=0);
	background: linear-gradient(to bottom, rgb(16,16,16) 0%, rgb(0,0,0) 100%);
	margin: -1px -1px 0 -1px;
}
.post-meta-tags{
	font-size: .75em;
	line-height: 16px;
	overflow: auto;
	padding: 10px;
	text-align: right;
}
.post-meta-tags span{
	background-image: url('../images/icon-tag.png');
	display: inline-block;
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
		filter: alpha(opacity=50);
	opacity: 0.5;
	padding-left: 21px;
}
.post-meta-tag-list{
	display: inline-block;
	list-style: none;
	margin: 0;
}
.post-meta-tag{
	float: left;
	margin-right: 10px;
}
.post-comments{
	margin-top: 20px;
}
.post-comments .post-comments-title{
	background-image: url('../images/icon-textballoon.png');
	background-position: 0 center;
	margin: 20px 0;
	padding-left: 26px;
}
/*
 * Teams
 */
.team{
	background-position: right top;
	background-size: 100% auto;
	margin: 0 -20px;
	overflow: auto;
	padding: 20px;
	position: relative;
}
/*
 * Where to buy
 */
.filter{
	overflow: auto;
}
.filter-title{
	cursor: default;
	display: table-cell;
	white-space: nowrap;
}
.filter-option-set{
	display: table-cell;
	list-style-type: none;
}
.filter-option{
	display: inline-block;
}
.filter-option a{
	cursor: pointer;
}
.grid .grid-item{
	z-index: 2;
}
.grid .grid-item-hidden{
	display: none;
	pointer-events: none;
	z-index: 1;
}
.wheretobuy{
	margin-top: 20px;
}
.wheretobuy-list{
	border-top: 1px solid rgb(231,0,20);
	list-style-type: none;
	margin: 10px -20px -20px -20px;
	overflow: hidden;
	padding: 10px;
	width: inherit;
}
.wheretobuy-item{
	display: inline-block;
	height: 182px;
	margin: 10px;
		-webkit-transition: height .2s linear, margin .2s linear, width .2s linear;
		-moz-transition: height .2s linear, margin .2s linear, width .2s linear;
		-ms-transition: height .2s linear, margin .2s linear, width .2s linear;
		-o-transition: height .2s linear, margin .2s linear, width .2s linear;
	transition: height .2s linear, margin .2s linear, width .2s linear;
	width: 182px;
}
.wheretobuy-item:hover{
	height: 202px;
	margin: 0;
	width: 202px;
}
.wheretobuy-item-link{
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1;
}
.wheretobuy-item-link.active{
	display: block;
}
.wheretobuy-item .wheretobuy-item-logo{
	background-color: rgb(255,255,255);
	background-position: 50%;
	background-size: 150px auto;
		-khtml-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
    border-radius: 3px;
	display: block;
	float: left;
	height: 100%;
	position: relative;
		-webkit-transition: background-size .2s linear;
		-moz-transition: background-size .2s linear;
		-ms-transition: background-size .2s linear;
		-o-transition: background-size .2s linear;
	transition: background-size .2s linear;
	width: 100%;
}
.wheretobuy-item:hover .wheretobuy-item-logo{
	background-size: 170px auto;
}
.wheretobuy-item .wheretobuy-item-name{
	color: rgb(0,0,0);
	display: none;
	height: 100%;
	line-height: 174px;
	overflow:hidden;
	position: absolute;
	text-align: center;
		-webkit-transition: line-height .2s linear;
		-moz-transition: line-height .2s linear;
		-ms-transition: line-height .2s linear;
		-o-transition: line-height .2s linear;
	transition: line-height .2s linear;
	width: 100%;
}
.wheretobuy-item:hover .wheretobuy-item-name:hover{
	line-height: 202px;
}
