@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* { -webkit-text-size-adjust: none; }

body {
	font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #fff; 
	background-image: url('/images/graphics/background-b.png');
	background-position: bottom;
	background-repeat: repeat-x; 
	overflow-y: scroll; }

a { 
	color: #000;
	text-decoration: none; }
a:hover { 
	text-decoration: underline; }

ul { 
	list-style: none; }

.wrap { 
	position: relative; }

header {
	position: relative;
	width: 100%;
	border-width: 0 0 2px 0; 
	border-style: solid; 
	border-color: #54c0d1;
	margin-bottom: 30px; }
header h1 {
	display: inline-block;
	font-size: 2em; 
	font-weight: 400; }
header .wrap { 
	padding: 0 30px;
	max-width: 1180px;
	margin: 0 auto; 
	padding: 15px 30px; }

div.site_socials { 
	display: block;
	position: absolute; 
	right: 40px; 
	top: 15px; }

sup { 
	font-size: 0.6em;
	display: inline-block;
	vertical-align: super; }
sub { 
	font-size: 0.6em;
	display: inline-block;
	vertical-align: sub; }

nav {
	position: absolute;
	right: 30px; 
	bottom: 0px;
	padding: 0; }
nav ul { 
	display: block;
	list-style: none; }
nav ul li { 
	display: block;
	float: left;
	margin: 0 10px; }
nav a {
	display: block; 
	height: 23px;
	padding: 10px 0 4px 0;  
	color: #666; 
	border-width: 0 0 5px 0; 
	border-style: solid;
	border-color: #fff; 
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; }
nav a:hover { 
	text-decoration: none;
	border-color: #ddd; }
nav a.current {
	border-color: #29a3b6; }
@media screen and (max-width:1022px){
	header .logo img { 
		width: 100px;
		height: 54px; }
}
@media screen and (max-width:745px){
	header .logo img { 
		width: 88px;
		height: 47px; }
}
@media screen and (max-width:680px){
	nav { 
		display: block;
		position: relative; 
		margin: 0 auto;
		width: 100%;
		right: auto;
		bottom: auto; }
	nav ul { 
		display: inline-block; 
		margin-bottom: -2px; 
		text-align: center; }
	header { 
		text-align: center; }
	header .wrap { 
		text-align: center;
		padding: 15px 0 0 0; }
	header .logo { 
		position: relative;
		clear: both; }
	header .logo img { 
		width: 82px;
		height: 44px;
		margin: 0 0 10px 0; }
}

div.clear { 
	height: 0px; 
	clear: both; }

div.blogbox {
	position: relative; 
	max-width: 1080px; 
	padding: 0;
	margin: 0 auto;
	margin-bottom: 60px; 
	height: 350px; 
	background: #eee;
	overflow: hidden;
	border: 1px solid #fff;
	-webkit-transition: border 0.2s;
	-moz-transition: border 0.2s;
	-o-transition: border 0.2s;
	transition: border 0.2s; }
div.blogbox figcaption {
	position: absolute;
	line-height: 1.2em;
	top: -45px;
	right: 15px;  
	z-index: 20;
	opacity: 0;
	padding: 15px;
	background: #fff; 
	-webkit-transition: color 0.2s, opacity 0.2s, top 0.4s;
	-moz-transition: color 0.2s, opacity 0.2s, top 0.4s;
	-o-transition: color 0.2s, opacity 0.2s, top 0.4s;
	transition: color 0.2s, opacity 0.2s, top 0.4s; }
div.blogbox:hover { 
	border-color: #29a3b6; }
div.blogbox:hover figcaption { 
	opacity: 1; 
	top: 15px; }
div.blogbox img { 
	position: absolute;
	z-index: 10; }

ul.recentblogs { 
	max-width: 1110px; 
	padding: 0; 
	margin: 0 auto;
	margin-bottom: 30px;
	list-style: none; }
ul.recentblogs li {
	position: relative; 
	margin: 0 15px 30px 15px;
	padding: 10px;
	width: 224px;
	height: 143px;
	display: inline-block; 
	background: #eee; }
ul.recentblogs div.category {
	background: #29a3b6;
	position: absolute;
	color: #fff; 
	padding: 5px;
	font-size: 0.8em;
	z-index: 100;
	top: 0px;
	right: 0px; }
ul.recentblogs figcaption {
	font-size: 0.9em;
	padding: 4px 10px 4px 10px; 
	margin: 0; 
	background: #fff;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s; }
ul.recentblogs time {
	display: block;
	font-size: 0.8em;
	padding: 4px 0 4px 10px;
	color: #999;
	background: #e1e1e1; }
ul.recentblogs a:hover,
ul.recentblogs a:hover figcaption { 
	color: #fff; 
	text-decoration: none;
	background-color: #29a3b6; }

section.blogitems { 
	position: relative;
	width: 1080px;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 60px;
	clear: both; }

section.blogitems .blogitemswrapper,
section.blogitems .blogitemwrapper {
	float: left; }
section.blogitems article { 
	background: #eee;
	position: relative;
	padding: 0 10px 10px 10px;
	margin: 0 0 30px 0;
	border-width: 3px 0 0 0; 
	border-style: solid; 
	border-color: #29a3b6; 
	width: 782px;
	clear: both; }
section.blogitems article p { 
	margin-right: 17.5%; }
section.blogitems article div.note { 
	display: inline-block; 
	padding: 20px 50px 20px 30px;
	clear: both; 
	margin: 0 0 15px 0; 
	background: #fff; 
	color: #666; }
section.blogitems article header { 
	padding: 10px 0 13px 0; 
	margin: 0;
	border: none; }
section.blogitems article header h1 {
	font-size: 1.8em;
	font-weight: 300;
	color: #29a3b6;
	max-width: 435px;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s; }
section.blogitems article iframe { 
	margin-bottom: 0em; }
section.blogitems article figure {
	display: block;
	float: left; 
	width: 224px; 
	height: 122px;
	margin: 0; 
	background: #fff; }
section.blogitems article.hasthumb {
	padding-left: 0; 
	min-height: 214px; }
section.blogitems article.hasthumb header h1 {  }
section.blogitems article.hasthumb figure { 
	margin: 0 20px 0 0; }
section.blogitems article.hasthumb .articlecontent { 
	position: relative; 
	width 300px; 
	display: block;
	padding: 0 0 0 224px; }
section.blogitems article.hasthumb .articlecontent p {
	padding: 0 0 0 20px; 
	display: block; }
section.blogitems article.hasthumb header h1 {
	max-width: 400px; }
section.blogitems article.hasthumb footer { 
	padding-left: 20px; }
section.blogitems article div.data { 
	font-size: 0.9em; 
	color: #29a3b6; 
	padding: 0 0 25px 0; }
section.blogitems article h2 {
	font-size: 1.3em; 
	line-height: 1.3em; } 
section.blogitems article p { 
	line-height: 1.3em; }
section article p a,
section article li a { 
	text-decoration: underline; 
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s; }
section article p a:hover,
section article li a:hover {
	color: #29a3b6; } 
div.blogitemwrapper div.vimeowrap,
div.blogitemwrapper div.youtubewrap { 
	background-color: #29a3b6; 
	margin: 0; 
	height: auto;
	width: 100%;
	padding: 0;
	display: inline; }
div.blogitemwrapper div.vimeowrap iframe ,
div.blogitemwrapper div.youtubewrap iframe {
	width: 100%;
	display: block;} 
section.blogitems article ul {
	line-height: 1.3em;
	list-style: disc;
	margin: 0 0 1.3em 10px; 
	padding: 0 0 0 25px; }
section.blogitems article ul > li > ul { 
	margin: 0 0 0 10px; }
section.blogitems article footer a { 
	color: #29a3b6;
	display: inline-block;
	margin: 10px 0 0 0; }
section.blogitems article header a:hover h1,
section.blogitems article footer a:hover { 
	text-decoration: underline; }
section.blogitems article header a:hover h1 { 
	color: #666; }
section.blogitems article footer.shortblogfooter { 
	padding: 15px 0 10px 0; }
section.blogitems article footer.shortblogfooter span { 
	font-weight: bold; }
	
.blogitemwrapper div.ad {
	border-width: 1px; 
	border-style: solid; 
	border-color: #ccc;
	padding: 15px;
	background: #fff;  }
.blogitemwrapper .pressrelease { 
	background: #dddddd; 
	display: block; 
	padding: 30px 30px 20px 30px;
	margin: 0 0 15px 0; }
.blogitemwrapper .pressrelease h2,
.blogitemwrapper .pressrelease h3 {
	margin-bottom: 0.5rem; }

section.blogitems div.shortpost { 
	width: 224px; 
	display: inline-block; 
	margin: 0 23px 25px 23px; }
section.blogitems div.shortpost figure {
	height: 224px; }
section.blogitems div.shortpost figure img {
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s; }
section.blogitems div.shortpost figure a:hover img { 
	opacity: 0.8; }
section.blogitems div.shortpost article { 
	width: 200px; 
	padding: 12px; }

section.blogitems #rusheswrap {
	float: none;
	display: grid;
	grid-template-columns: repeat(4, 224px);
	column-gap: 46px;
	row-gap: 25px;
	width: 1034px;
	margin: 0 auto;
	clear: both; }
section.blogitems #rusheswrap div.shortpost {
	display: block;
	margin: 0;
	width: 224px; }

section.blogitems div.rushes { 
	background: #eee; 
	font-style: italic; 
	line-height: 1.2em;
	padding: 30px;
	margin-bottom: 30px; }

section.blogitems div.buttons {
	clear: both;
	margin: 10px 0 40px 0;
	padding: 15px 0 0 0; }
section.blogitems div.buttons a,
div#rushescontrols a { 
	display: inline-block; 
	padding: 8px 14px 8px 14px; 
	margin: 0 8px 0 0; 
	background: #54c0d1;  
	color: #fff; 
	transition: all 0.2s; 
	-o-transition: all 0.2s; 
	-moz-transition: all 0.2s; 
	-webkit-transition: all 0.2s; }
section.blogitems div.buttons a:hover,
div#rushescontrols a:hover { 
	background: #29a3b6; 
	text-decoration: none; }
section.blogitems div.buttons span.pagination-status {
	display: inline-block;
	margin: 0 0 0 8px;
	padding: 8px 14px;
	color: #666;
	font-size: 0.9em;
	background: #eee; }
div#rushescontrols a { 
	margin: 0 0 0 23px; }

section.recommendedblogs { 
	background: #29a3b6; 
	margin: 36px 0 0 0;
	padding: 24px 24px 16px 24px; }
section.recommendedblogs h2 { 
	color: #eee; 
	font-size: 1em !important;
	margin: 0 0 10px 0; 
	font-weight: normal; }
section.recommendedblogs a { 
	color: #fff; }
section.recommendedblogs a:hover { 
	color: #ccc; }

div.blogitemwrapper p { 
	margin: 0 0 1em 0; }
div.blogitemwrapper figure,
div.blogitemswrapper figure { 
	display: block; 
	margin: 0; 
	padding: 0; 
	height: 300px; }

#foliowrap .blogimage { 
	position: relative; }
#foliowrap .blogimage img.playicon { 
	position: absolute; 
	bottom: 25px; 
	right: 25px; }
div.folioitemwrapper article { 
	width: 1055px; 
	padding-bottom: 40px;
	padding-left: 15px;  }
div.folioitemwrapper div.vimeowrap {
	height: 608px; 
	overflow: hidden; }
div.folioitemwrapper article p {
	margin-bottom: 1em; }
		
div.info { 
	position: absolute; 
	right: 14px; 
	top: 10px; }
div.infohascomments { 
	/* right: 158px; */ 
	right: 84px; }
div.info img.icon {
	position: absolute;
	right: 0px; 
	top: 0px;  
	background-color: #29a3b6;
	cursor: pointer; 
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s; }
div.info img.icon:hover { 
	background-color: #11515b; }
div.info div.infobox {
	display: none;
	padding: 15px; 
	background-color: #29a3b6;
	color: #fff;
	max-width: 450px;
	font-size: 0.9em;
	z-index: 10; }
div.info div.infobox a { 
	color: #fff; }
div.info div.infobox a:hover { 
	color: #cae7eb; }
div.info:hover div.infobox { 
	display: block; }

p.video-unavailable-pill {
	display: inline-block;
	margin: 0 0 20px 0;
	padding: 6px 12px;
	font-size: 0.85em;
	line-height: 1.35;
	color: #fff;
	background: #54c0d1; }
	
section.blogitems aside {
	float: right;
	display: inline-block;
	vertical-align: bottom; 
	width: 244px;
	border-width: 0; }
section.blogitems aside h1 { 
	font-size: 1.25em; 
	padding: 2px 10px 3px 10px;
	line-height: 1.5em;
	font-weight: 400;
	background: #29a3b6;
	color: #fff; 
	margin: 0 0 0.5em 0; }
section.blogitems aside ul { 
	padding: 10px 10px 0 10px; }
section.blogitems aside section.blogcategories {
	padding: 0px 0 10px 0;}
section.recentcomments li,
section.blogcategories li {
	font-size: 0.9em; 
	line-height: 1.1em;
	margin: 0 15px 10px 0; }
section.recentcomments a:hover { 
	text-decoration: underline; }
aside a.blocklink { 
	background-color: #29a3b6;
	display: block; } 
aside a.blocklink img {
	display: block; }  
section.blogitems aside a.blocklink { 
	text-decoration: none; 
	line-height: 1em;
	margin: 0 0 30px 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s; }
section.blogitems aside a.blocklink:hover { 
	text-decoration: none; 
	opacity: 0.8; }
section.blogitems aside a.blocklink h1 { 
	line-height: 1.2em;
	padding: 6px 10px 3px 10px; }
section.blogitems aside .site_socials {
	position: relative; 
	top: auto; 
	right: auto; 
	height: 32px; 
	margin-bottom: 30px; }
section.blogitems aside .site_socials:hover div.count { 
	background: #11515B; }
		
section.recentlinks { 
	max-width: 1080px; 
	margin: 0 auto; 
	margin-bottom: 60px;
	background: #eee;
	border-width: 0 0 3px 0; 
	border-style: solid; 
	border-color: #29a3b6;  }
section.recentlinks h1 { 
	font-weight: 400; 
	padding: 10px; 
	color: #fff;
	background: #29a3b6;
	font-size: 1.25em; } 
section.recentlinks li { 
	display: inline-block;
	margin: 0;
	vertical-align: top; }
section.recentlinks li h1 {
	font-weight: 100;
	display: block;
	text-align: center;
	background: none; 
	color: #000;
	padding: 10px 0 10px 0;
	font-style: italic; 
	font-size: 1.2em;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; }
section.recentlinks li h2 {
	padding: 0 10px 0 10px;
	font-size: 0.9em; 
	font-weight: 300; }
section.recentlinks a {
	display: inline-block; 
	width: 135px;
	height: 108px; 
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; }
section.recentlinks a:hover h1 { 
	color: #fff; 
	text-decoration: none; }
section.recentlinks time { 
	padding: 10px;
	font-size: 0.8em;
	display: block;
	text-align: center; 
	clear: both; }
section.recentlinks .grey180 { 
	background: rgb(180,180,180); }
section.recentlinks .grey185 { 
	background: rgb(185,185,185); }
section.recentlinks .grey190 { 
	background: rgb(190,190,190); }
section.recentlinks .grey195 { 
	background: rgb(195,195,195); }
section.recentlinks .grey200 { 
	background: rgb(200,200,200); }
section.recentlinks .grey205 { 
	background: rgb(205,205,205); }
section.recentlinks .grey210 { 
	background: rgb(210,210,210); }
section.recentlinks .grey215 { 
	background: rgb(215,215,215); }
section.recentlinks .grey220 { 
	background: rgb(220,220,220); }
section.recentlinks .grey225 { 
	background: rgb(225,225,225); }
section.recentlinks a:hover { 
	background: #29a3b6; 
	text-decoration: none; 
	color: #fff; }

section.footercontent { 
	max-width: 1080px; 
	margin: 0 auto;
	position: relative;
	background: #eee;
	padding: 10px 0px 40px 0px;
	border-width: 3px 0 0 0; 
	border-style: solid; 
	border-color: #29a3b6; }
section.footercontent .footeritem {
	position: relative;
	display: inline-block;  
	width: 297px;	
	min-height: 120px;
	line-height: 1.3em;
	padding: 0 40px 0 20px;
	vertical-align: top; }
section.footercontent .footeritem h1 {
	font-size: 1.8em; 
	color: #29a3b6;
	line-height: 1.5em;
	font-weight: 300;
	margin: 0; }

footer div.socials a { 
	background: #29a3b6;
	display: inline-block;
	width: 32px; 
	height: 32px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; }
footer div.socials a:hover { 
	background: #11515b; }
footer div.footeritem div.bottom { 
	position: absolute; 
	bottom: 0px; 
	left: 20px; }
footer div.footeritem a.nibbler {
	opacity: 0.4;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; }
footer div.footeritem a.nibbler:hover { 
	opacity: 1; }
	
section.footerline { 
	background: #29a3b6;
	color: #fff;
	font-size: 0.75em;
	padding: 0; } 
section.footerline div.wrap { 
	max-width: 1060px; 
	margin: 0 auto; 
	padding: 10px; }
section.footerline div.totop { 
	float: right; }
section.footerline a { 
	color: #fff; }
section.footerline a:hover { 
	text-decoration: underline; }

#cookiebar { 
	position: fixed; 
	bottom: 0px; 
	left: 0px;
	width: 100%; 
	background: #d78b1e; 
	text-align: center; 
	color: #fff; 
	font-size: 1rem;
	padding: 10px 10px; }

#cookiebar a { 
	color: #fff;  
	font-weight: bold; }
	
#cookiebar a:hover { 
	text-decoration: underline; }


@media screen and (max-width:1200px){
	div.blogbox { 
		width: 960px;
		height: 312px;
		margin-bottom: 30px; }
	div.blogbox img {
		width: 960px; 
		height: 312px; }
	ul.recentblogs {
		width: 960px; }
	ul.recentblogs li { 
		width: 200px;
		margin-right: 10px;
		height: 131px; }
	ul.recentblogs li:first-child {
		margin-left: 0; }
	ul.recentblogs li:last-child {
		margin-right: 0; }
	ul.recentblogs li img { 
		width: 200px;
		height: 109px; }
	ul.recentblogs div.category { 
		font-size: 0.7em; }
	ul.recentblogs figcaption { 
		font-weight: 500;
		white-space: nowrap;
		font-size: 0.7em; }
	section.blogitems {
		width: 960px;
		margin-bottom: 30px; }
	section.blogitems .blogitemswrapper, section.blogitems .blogitemwrapper {
		width: 670px; }
	section.blogitems #rusheswrap {
		width: 1034px;
		margin: 0 auto;
		grid-template-columns: repeat(4, 224px); }
	section.blogitems article { 
		width: 650px; }
	section.blogitems article header h1 {
		font-size: 1.5em;
		font-weight: 400; }
	section.recentlinks { 
		width: 960px; }
	section.recentlinks a { 
		width: 800px; 
		height: auto; }
	section.recentlinks li h1 { 
		display: inline-block;
		font-size: 1em;
		padding-left: 20px;
		padding-right: 20px; }
	section.recentlinks li h2 { 
		display: inline-block;
		font-size: 1em; }
	section.recentlinks time { 
		width: 140px;
		font-size: 1em;
		display: inline-block; }
	section.footercontent { 
		width: 960px; }
	section.footercontent .footeritem { 
		width: 280px; }
	section.footercontent .footeritem:nth-child(2) {
		width: 180px; }
	section.footercontent .footeritem:last-child { 
		width: 340px;
		padding-right: 0; }
	section.footerline div.wrap {
		width: 935px; }
	section img.blogimage, section figure.blogimage { 
		width: 670px; 
		height: 251px; }
	section.blogitems article img {
		max-width: 645px;
		height: auto; }
	section.blogitems article iframe {
		width: 645px; }
}

@media screen and (max-width:1022px){
	div.blogbox { 
		width: 800px;
		height: 260px;
		margin-bottom: 30px; }
	div.blogbox img {
		width: 800px; 
		height: 260px; }
	ul.recentblogs {
		width: 800px; }
	ul.recentblogs li { 
		width: 160px;
		margin-right: 10px;
		height: 105px; }
	ul.recentblogs li:first-child {
		margin-left: 0; }
	ul.recentblogs li:last-child {
		margin-right: 0; }
	ul.recentblogs li img { 
		width: 160px;
		height: 87px; }
	ul.recentblogs figcaption { 
		font-weight: 500;
		white-space: nowrap;
		font-size: 0.6em; }
	section.blogitems { 
		width: 800px;
		margin-bottom: 30px; }
	section.blogitems #rusheswrap {
		width: 100%;
		max-width: 1034px;
		margin: 0 auto;
		grid-template-columns: repeat(4, 224px);
		column-gap: 21px; }
	section.blogitems article { 
		width: 780px; }
	section.blogitems aside {
		float: none; 
		width: 800px; }
	section.recentlinks { 
		width: 800px; }
	section.recentlinks a { 
		width: 640px; }
	section.footercontent { 
		width: 800px; }
	section.footercontent .footeritem { 
		width: 330px; }
	section.footercontent .footeritem:last-child {
		width: 485px; }
	section.footercontent .footeritem p { 
		margin-bottom: 1.2em; }
	footer div.footeritem div.bottom { 
		top: 44px;
		right: 0px; 
		left: auto; }
	section.footerline div.wrap {
		width: 780px; }
	section img.blogimage, section figure.blogimage { 
		width: 800px; 
		height: 300px; }
	section.blogitems article img {
		max-width: 775px;
		height: auto; }
	section.blogitems article iframe {
		width: 775px; }
	section.blogitems .blogitemswrapper, section.blogitems .blogitemwrapper {
		width: 800px; }
	div.blogitemwrapper div.vimeowrap,
	div.blogitemwrapper div.youtubewrap { 
		width: 800px; }
	div.blogitemwrapper div.vimeowrap iframe,
	div.blogitemwrapper div.youtubewrap iframe { 
		width: 800px; 
		height: 450px; }
}

@media screen and (max-width:850px){
	div.blogbox { 
		width: 700px;
		height: 212px;
		margin-bottom: 55px; }
	div.blogbox img {
		width: 700px; 
		height: 212px; }
	ul.recentblogs {
		width: 575px; }
	ul.recentblogs li { 
		width: 224px;
		height: 143px; }
	ul.recentblogs li:nth-child(odd) {
		margin-left: 0;
		margin-right: 60px; }
	ul.recentblogs li:nth-child(even) {
		margin-right: 0px; }
	ul.recentblogs li img { 
		width: 224px;
		height: 122px; }
	ul.recentblogs div.category { 
		font-size: 0.8em;}
	ul.recentblogs figcaption { 
		font-weight: 500;
		font-size: 0.8em; }
	section.blogitems { 
		width: 700px;
		margin-bottom: 30px; }
	section.blogitems #rusheswrap {
		width: 494px;
		margin: 0 auto;
		grid-template-columns: repeat(2, 224px); }
	section.blogitems article { 
		width: 680px; }
	section.blogitems aside {
		float: none; 
		width: 700px; }
	section.recentlinks {
		width: 700px; 
		margin-bottom: 30px; }
	section.recentlinks a { 
		width: 175px;
		height: 95px; }
	section.recentlinks li h1 { 
		display: block;
		font-size: 1.2em; }
	section.recentlinks li h2 {
		display: block; 
		font-size: 0.9em; }
	section.recentlinks time {
		display: block;
		width: auto;
		border-width: 0 0 1px 0; 
		border-style: solid; 
		border-color: #000;
		padding-top: 6px; }
	section.footercontent { 
		width: 700px; 
		padding-bottom: 0; }
	section.footercontent .footeritem {
		width: 275px; }
	section.footercontent .footeritem:last-child {
		width: 390px; }
	section.footercontent .footeritem h1 {
		font-size: 1.5em; 
		font-weight: 400; }
	section.footercontent .footeritem p { 
		margin-bottom: 1.2em; }
	footer div.footeritem div.bottom { 
		top: 37px;
		right: 0px; 
		left: auto; }
	section.footerline div.wrap {
		width: 680px; }
	section img.blogimage, section figure.blogimage { 
		width: 700px; 
		height: 262px; }
	section.blogitems article img {
		max-width: 675px;
		height: auto; }
	section.blogitems article iframe {
		width: 675px; }
	section.blogitems .blogitemswrapper, section.blogitems .blogitemwrapper {
		width: 700px; }
	div.blogitemwrapper div.vimeowrap,
	div.blogitemwrapper div.youtubewrap { 
		width: 700px; }
	div.blogitemwrapper div.vimeowrap iframe,
	div.blogitemwrapper div.youtubewrap iframe { 
		width: 700px; 
		height: 394px; }
}

@media screen and (max-width:745px){
	div.blogbox { 
		width: 620px;
		height: 188px;
		margin-bottom: 55px; }
	div.blogbox img {
		width: 620px; 
		height: 188px; }
	section.blogitems { 
		width: 620px; }
	section.blogitems #rusheswrap {
		width: 494px;
		margin: 0 auto;
		grid-template-columns: repeat(2, 224px); }
	section.blogitems article { 
		width: 600px; }
	section.blogitems aside {
		width: 620px; }
	section.recentlinks {
		width: 618px; }
	section.recentlinks a { 
		width: 206px;
		height: 95px; }
	section.recentlinks time {
		border: 0; }
	section.footercontent { 
		width: 620px; 
		padding-bottom: 0; }
	section.footercontent .footeritem {
		width: 250px; }
	section.footerline div.wrap {
		width: 600px; }
	section img.blogimage, section figure.blogimage { 
		width: 620px; 
		height: 232px; }
	section.blogitems article img {
		max-width: 600px;
		height: auto; }
	section.blogitems article iframe {
		width: 600px;
		height: 338px; }
	section.blogitems .blogitemswrapper, section.blogitems .blogitemwrapper {
		width: 620px; }
	div.blogitemwrapper div.vimeowrap,
	div.blogitemwrapper div.youtubewrap { 
		width: 620px; 
		height: 350px; }
}}

@media screen and (max-width:680px){
	div.blogbox { 
		width: 450px;
		height: 136px;
		margin-bottom: 30px; }
	div.blogbox img {
		width: 450px; 
		height: 136px; }
	ul.recentblogs {
		width: 450px; }
	ul.recentblogs li { 
		width: 195px;
		overflow:hidden;
		margin: 0 0 20px 0;
		height: 130px; }
	ul.recentblogs li:nth-child(odd) {
		margin-right: 20px; }
	ul.recentblogs li:nth-child(even) {
		margin-right: 0px; }
	ul.recentblogs li img { 
		width: 195px;
		height: 106px; }
	section.blogitems { 
		width: 450px; }
	section.blogitems #rusheswrap {
		width: 224px;
		margin: 0 auto;
		grid-template-columns: repeat(1, 224px); }
	section.blogitems article { 
		width: 430px; }
	section.blogitems aside {
		width: 450px; }
	section.recentlinks {
		width: 450px; }
	section.recentlinks a { 
		width: 150px;
		height: 95px; }
	section.footercontent { 
		width: 450px; 
		padding-bottom: 0; }
	section.footercontent .footeritem {
		width: 180px; 
		padding-right: 20px; }
	section.footerline div.wrap {
		width: 430px; }
	section img.blogimage, section figure.blogimage { 
		width: 450px; 
		height: 168px; }
	section.blogitems article img {
		max-width: 430px;
		height: auto; }
	section.blogitems article iframe {
		width: 430px;
		height: 260px; }
	section.blogitems .blogitemswrapper, section.blogitems .blogitemwrapper {
		width: 430px; }
	div.blogitemwrapper div.vimeowrap,
	div.blogitemwrapper div.youtubewrap { 
		width: 430px; }
	div.blogitemwrapper div.vimeowrap iframe,
	div.blogitemwrapper div.youtubewrap iframe { 
		width: 430px; 
		height: 242px; }
}

@media screen and (max-width:455px){
	div.blogbox { 
		width: 290px;
		height: 88px;
		margin-bottom: 30px; }
	div.blogbox img {
		width: 290px; 
		height: 88px; }
	ul.recentblogs {
		width: 290px;
		margin-bottom: 0; }
	ul.recentblogs li { 
		width: 244px;
		padding: 10px 23px 10px 23px;
		overflow: hidden;
		margin: 0 0 20px 0;
		height: 145px; }
	ul.recentblogs li img { 
		width: 244px;
		height: 122px; }
	section.blogitems { 
		width: 290px; }
	section.blogitems #rusheswrap {
		width: 224px;
		margin: 0 auto;
		grid-template-columns: repeat(1, 224px); }
	section.blogitems article { 
		width: 270px; }
	section.blogitems aside {
		width: 290px; }
	section.blogitems article p {
		margin-right: 0; }
	section.recentlinks {
		position: relative;
		width: 290px; }
	section.recentlinks a {
		position: relative;
		display: block; 
		clear: both;
		width: 290px;
		height: 40px; 
		padding: 0 0 15px 0; }
	section.recentlinks a h1 {
		width: 145px; 
		padding: 10px 0 0 0; }
	section.recentlinks a h2 {
		position: absolute;
		width: 125px;
		right: 0px; 
		top: 0px;
		padding: 10px; 
		font-size: 0.7em; }
	section.recentlinks time {
		position: relative;
		display: block;
		padding: 2px 0 6px 0;
		font-size: 0.7em; }
	section.footercontent { 
		width: 290px; 
		padding-bottom: 0; }
	section.footercontent .footeritem {
		width: 240px; 
		padding-right: 20px; }
	section.footerline div.wrap {
		width: 270px; }
	section.footercontent .footeritem:last-child {
		padding-bottom: 20px; 
		width: 170px; }
	footer div.footeritem div.bottom { 
		top: 37px;
		right: -78px;
		left: auto; }
	section img.blogimage, section figure.blogimage { 
		width: 290px; 
		height: 108px; }
	section.blogitems article img {
		max-width: 270px;
		height: auto; }
	section.blogitems article iframe {
		width: 270px;
		height: 152px; }
	section.blogitems .blogitemswrapper, section.blogitems .blogitemwrapper {
		width: 290px; }
	div.blogitemwrapper div.vimeowrap,
	div.blogitemwrapper div.youtubewrap { 
		width: 290px; }
	div.blogitemwrapper div.vimeowrap iframe,
	div.blogitemwrapper div.youtubewrap iframe { 
		width: 290px; 
		height: 164px; }
}

div.comments,
div.nocomments { 
	position: relative; 
	display: block;
	background: #fff;
	padding: 24px 24px 24px 24px; }
div.comments h3 { 
	font-weight: normal; 
	font-style: italic; }

div.comments div.comment {
	position: relative;
	width: 522px; 
	margin: 24px 0 0 0; }
div.comments img.avatar { 
	display: inline-block;
	width: 50px; 
	height: 50px; 
	border-radius: 15px 15px 0px 15px;
	vertical-align: bottom; }
div.comments div.details {
	display: inline-block;
	height: 42px;
	padding: 8px 12px 0 12px; 
	border-width: 0 0 1px 0; 
	border-style: solid; 
	border-color: #666; }
div.comments div.details img { 
	margin: -1px 0 0 6px; }
div.comments a.name { 
	font-weight: bold; }
div.comments a.weblink { 
	opacity: 0.4;
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s; }
div.comments a.weblink:hover { 
	opacity: 1; }
div.comments div.text { 
	position: relative;
	line-height: 1.3em;
	overflow: hidden;
	padding: 12px; }
div.comments time,
div.comments span.inactive { 
	display: block;
	color: #999;
	font-size: 0.8em;
	padding: 3px 0 0 0; }
div.comments span.inactive { 
	font-style: italic;
	font-weight: bold; 
	color: #29a3b6; }

div.comments div.subcomments { 
	background: #eee; 
	padding: 1px 12px 12px 24px; }
div.comments .comment .controls { 
	width: 100%; 
	height: 100%; 
	background: rgba(255,255,255,0.7); 
	position: absolute; 
	padding: 2px 0 0 0;
	top: -125%; 
	left: 0px; 
	opacity: 0;
	text-align: center;
	transition: top 0.3s, opacity 0.3s; }
div.comments .controls .vertigo { 
	display: inline-block;
	height: 100%; 
	width: 1px; 
	background: none; 
	vertical-align: middle; }
div.comments .controls a.reply { 
	background: #fff;
	border-width: 0 0 1px 0; 
	border-style: solid; 
	border-color: #54c0d1;
	padding: 5px 12px 5px 42px; 
	background-repeat: no-repeat;
	text-decoration: none;  
	background-image: url('/images/graphics/icon-reply.png');
	background-position: 0px center;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
div.comments .controls a.reply:hover {
	background-color: #54c0d1; 
	color: #fff; }
div.comments .comment:hover .controls,
div.comments .comment-tapped .controls {
	opacity: 1;
	top: 0px; }

form.commentreply { 
	display: block;
	max-width: 425px;
	margin: 25px 0 0 0; }
form.commentreply p { 
	display: block;
	line-height: 1.3em;
	padding: 12px 0 16px 0; }
form.commentreply p.success { 
	padding-top: 0px; 
	font-weight: bold;
	color: #29a3b6; }
form span.requiredalert { 
	font-weight: bold;
	color: #29a3b6; }
form.commentreply input { 
	font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 275px;
	padding: 6px; 
	margin: 0 0 12px 150px; }
form.commentreply label {
	position: absolute; 
	display: inline-block; 
	padding: 7px 0 0 0; }
form.commentreply textarea { 
	width: 426px;
	height: 100px;
	padding: 6px; }
form.commentreply input.submit {
	display: inline-block;
	margin: 12px 0 0 260px;
	background-color: #fff; 
	background-image: url('/images/graphics/icon-submit.png');
	background-repeat: no-repeat;
	padding: 5px 80px 6px 12px;
	background-position: right top;
	text-align: left; 
	width: 180px;
	cursor: pointer; 
	border-style: solid; 
	border-width: 0 0 1px 0;
	border-color: #54c0d1; 
	transition: background 0.2s, color 0.2s; 
	-o-transition: background 0.2s, color 0.2s; 
	-moz-transition: background 0.2s, color 0.2s; 
	-webkit-transition: background 0.2s, color 0.2s; }
form.commentreply input.submit:hover { 
	color: #fff;
	background-color: #54c0d1; }

form.commentreply .replytobox { 
	display: block;
	padding: 12px 0 12px 16px;
	margin: 0 0 16px 0; 
	display: none;
	width: 100%;
	background: #eee; }
form.commentreply .replytobox input { 
	margin: 0 12px 0 0; 
	width: auto;
	display: inline-block; }
form.commentreply .replytobox span { 
	display: inline; }

input#rkc_lastname { 
	position: absolute;
	left: -25000px; }

div.commentXSC { 
	background: #000; 
	color: #fff; 
	width: 410px;
	margin: 15px 0 5px 0;
	padding: 15px; }
div.commentXSC input {
	margin: 20px 0 0 0; 
	background: #000;
	color: #fff; 
	border: 1px solid #fff; }

div.commentblacklisted { 
	padding: 12px 96px 12px 12px;
	margin: 12px 0 0 0; 
	background: #eee;}
div.commentblacklisted h2 { 
	padding: 0 0 12px 0; }

div.commentcount {
	position: absolute;
	right: 84px;
	top: 10px;  
	width: 64px; 
	height: 32px; 
	background: #29a3b6; 
	z-index: 1; }
div.listcommentcounter { 
	right: 10px; }
div.commentcount img {
	position: absolute;
	left: 0px;
	top: 0px;  
	width: 32px;
	height: 32px; 
	vertical-align: middle; }
div.commentcount a { 
	display: inline-block; 
	padding: 8px 0 8px 0;
	margin: 0 0 0 32px; 
	color: #fff; 
	width: 32px; 
	text-align: center; }
div.commentcount a:hover { 
	background: #11515b; }

div.itemsocials { 
	position: absolute; 
	right: 10px; 
	top: 10px; }

section.commuseritems { 
	width: 1080px;
	min-height: 220px; 
	line-height: 1.2em;
	margin: 0 auto; 
	margin-bottom: 30px; 
	background: #eee; }
section.commuseritems div.commuserwrap { 
	padding: 20px; }
section.commuseritems div.commuserdata {
	float: right; 
	width: 285px;
	padding: 30px; 
	margin: 20px 20px 30px 30px;
	background: #fff; 
	border-style: solid; 
	border-width: 0 0 20px 20px; 
	border-color: #eee; }
section.commuseritems div.commuserdata h1 { 
	margin-bottom: 15px; }
section.commuseritems div.commuserdata img { 
	vertical-align: top; }
section.commuseritems div.commuserdata span { 
	display: inline-block;
	width: 190px;
	float: right;  }
section.commuseritems div.comment { 
	border-width: 0 0 1px 0; 
	border-style: solid; 
	border-color: #ddd; 
	padding: 20px 0; }
section.commuseritems div.comment div.text { 
	padding: 20px; 
	margin: 10px 0 0 0; 
	background: #fff; }

section#livestats {
	position: relative;
	width: 1080px;
	padding: 0;
	line-height: 1.3em;
	margin: 0 auto;
	margin-bottom: 60px;
	clear: both; }
section#livestats div.statsblock {
	padding: 20px;
	border-color: #29a3b6;
	border-width: 3px 0 0 0;
	border-style: solid; 
	width: 485px; 
	height: auto; 
	min-height: 155px;
	margin: 0 25px 25px 0;
	vertical-align: top;
	display: inline-block;
	float: left;
	background: #eee; }
section#livestats div.statsblock:nth-child(odd) { 
	margin-right: 0; }
section#livestats div.statsblock h1 {
	font-size: 1.5em; 
	margin-bottom: 0.5em; }
section#livestats div.item label { 
	display: inline-block; 
	width: 220px; }
section#livestats div.item span { 
	font-weight: bold; }
section#livestats div#livespamwords { 
	display: inline-block;
	vertical-align: top; }
section#livestats div ul { 
	display: inline-block;
	background yellow; }
section#livestats div.intro { 
	background: #eee; 
	padding: 20px 280px 20px 20px;
	margin-bottom: 30px;  }
section#livestats div.posts span.rank { 
	display: inline-block; 
	width: 30px; 
	text-align: right;
	margin-right: 10px; }


#sharrre div.box,
div.itemsocials div.sharrre div.box { 
	position: absolute;
	right: 0px; 
	top: 0px; 
	width: 64px; 
	height: 32px; 
	background-color: #29a3b6; 
	background-image: url('/images/graphics/icon-share.png');
	background-repeat: no-repeat;
	background-position: 0px 0px; }
#sharrre div.box:hover,
div.itemsocials div.sharrre div.box:hover { 
	background-color: #11515b; }
#sharrre div.box a.count,
div.itemsocials div.sharrre div.box a.count {
	display: inline-block; 
	margin: 0 0 0 32px;
	font-size: 1em; 
	color: #fff; 
	width: 32px; 
	padding: 8px 0 8px 0; 
	text-align: center;  }
#sharrre div.buttons,
div.itemsocials div.sharrre div.buttons {
	position: absolute;
	top: 32px; 
	right: 0px;
	width: 315px;
	padding: 20px; 
	height: 65px;
	background-color: #29a3b6;
	background-color: #fff;
	border-width: 0 0 3px 0; 
	border-style: solid; 
	border-color: #29a3b6; }
#sharrre div.buttons div.button,
div.itemsocials div.sharrre div.buttons div.button { 
	display: inline-block;
	margin: 0 12px 0 0; }
#sharrre div.buttons div.button:last-child,
div.itemsocials div.sharrre div.buttons div.button:last-child {
	margin: 0; }
	
#site_sharrre { 
	position: relative;
	text-align: right; }
#site_sharrre a.box { 
	position: relative; 
	height: 32px; }
#site_sharrre a.box div.count {
	position: absolute;
	color: #fff;
	text-align: center;
	width: 32px; 
	height: 25px;
	padding: 7px 0 0 0;
	right: 0px; 
	top: 0px;
	background-color: #29a3b6;
	transition: background 0.2s; }
#site_sharrre a.box div.share {
	position: absolute;
	right: 32px;
	width: 64px;
	height: 24px;
	padding: 7px 7px 0 0; 
	top: 0px; 
	background-color: #fff;
	background-image: url('/images/graphics/icon-facebook.png');
	background-repeat: no-repeat;
	border-width: 0 0 1px 0;
	border-style: solid; 
	border-color: #29a3b6;
	transition: border 0.2s; }
#site_sharrre a.box:hover div.count {
	background: #11515B; }
#site_sharrre a.box:hover div.share {
	border-color: #11515B; }

ins { 
	background: #eee; }
section.blogitems ins {
	margin: 50px 0 0 0; 
	background: #7ccad6; }
section.blogitems ins.adsbygoogle { 
	display: block; }
section.blogitems aside ins {
	margin-top: 0px;
	background: #7ccad6; }
section.blogitems aside ins.adsbygoogle {
	display: inline-block;
	width: 244px;
	height: 244px; }
section.blogitems aside div.ad {
	text-align: center;  }
section.blogitems aside div.ad strong {
	display: block;
	padding: 5px 0;
	background: #29a3b6;
	font-weight: normal;
	color: #fff; }

@media screen and (max-width: 455px){
	form.commentreply label {
		display: block; 
		width: 100%; 
		clear: both; 
		position: relative; }
	form.commentreply input,
	form.commentreply textarea,
	form.commentreply input.submit { 
		margin-left: 0; 
		width: 100%; 
		box-sizing: border-box; }
	div.itemsocials { 
		position: relative; 
		right: auto;
		top: auto; 
		width: 64px; 
		height: 32px; 
		display: inline-block; 
		margin-bottom: 18px;
		margin-left: 55px; 
		vertical-align: top; }
	div.info { 
		position: relative;
		display: inline-block;
		display: none; 
		right: auto; 
		top: auto; 
		width: 32px; 
		height: 32px; 
		vertical-align: top; 
		margin-left: 20px; }
	div.commentcount { 
		left: auto; 
		top: auto; 
		position: relative; 
		width: 64px;
		height: 32px; 
		margin-left: 20px;
		display: inline-block; 
		vertical-align: top; 
		right: auto; }
	section.blogitems article div.data { 
		text-align: center; }
	#sharrre div.buttons, div.itemsocials div.sharrre div.buttons { 
		right: auto; 
		left: -80px; 
}