/*
Theme Name: bernhard-riedl.com
Theme URI: https://www.bernhard-riedl.com/websites/
Version: 8.10
Description: Style of bernhard-riedl.com
Author: Dr. Bernhard Riedl
Author URI: https://www.bernhard-riedl.com/
*/

body {
	margin-top : 20px;
	margin-bottom : 20px;
	font-family : Verdana, Geneva, sans-serif;
	font-size : 0.9em;
	text-align : center;
	line-height : 1.3em;
	color : #29303b;
	background : #f9f9f9;
}

@media screen and (max-width: 800px) {
	body {
		font-size : 1.0em;
		line-height : 1.9em;
	}
}

a {
	color: #1C4182;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #D54E21;
	text-decoration: underline;
}

input, textarea {
	border: 1px solid #C6C6C6;
	background: #fff;
	margin: 0;
	padding: 1px;
}

@media screen and (max-width: 800px) {
	input, textarea {
		font-size: 18px;
	}
}

input:focus, textarea:focus {
	border: 1px solid #999;
}

button, .button, .button-primary {
	cursor: pointer;
	background: #F1F1F1;
	border: 1px solid #C6C6C6;
}

@media screen and (max-width: 800px) {
	button, .button, .button-primary {
		font-size: 16px;
	}
}

button:hover, button:active, button:focus, .button:hover, .button:active, .button:focus, .button-primary:hover, .button-primary:active, .button-primary:focus {
	border: 1px solid #666;
}

#rap {
	background-color: #DFE6F9;

	background-image: -webkit-linear-gradient(left, #DFE6F9, #CAD2E5);
	background-image: -o-linear-gradient(left, #DFE6F9, #CAD2E5);
	background-image: -moz-linear-gradient(left, #DFE6F9, #CAD2E5);
	background-image: linear-gradient(to right, #DFE6F9, #CAD2E5);	width: 760px;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DFE6F9', EndColorStr='#CAD2E5', GradientType=1);

	margin: 0 auto;
	padding-bottom: 6px;
	text-align: left;
	font-size: 0.9em;
}

@media screen and (max-width: 800px) {
	#rap {
		background-color: #E9EFFF;

		background-image: -webkit-linear-gradient(left, #E9EFFF, #BEC2D6);
		background-image: -o-linear-gradient(left, #E9EFFF, #BEC2D6);
		background-image: -moz-linear-gradient(left, #E9EFFF, #BEC2D6);
		background-image: linear-gradient(to right, #E9EFFF, #BEC2D6);	width: 760px;

		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9EFFF', EndColorStr='#BEC2D6', GradientType=1);

		padding-bottom: 4px;

		width: 548px;
		font-size: 1.0em;
	}
}

#header {
	background : #fff url(img/header.jpg) no-repeat bottom center;
	height : 153px;
	margin : 0;
	width : 100%;
	padding : 0;
	clear:both;
}

@media screen and (max-width: 800px) {
	#header {
		height: 50px;
	}
}

#main {
	margin : 0 auto;
	padding : 0;
	width : 748px;
	background : #fff;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}

@media screen and (max-width: 800px) {
	#main {
		width: 540px;
	}
}

#main:after, .navi_thumbs:after, .navigation:after {
	content: "";
	display: table;
	clear: both;
}

#content {
	float: left;
	width : 520px;
	padding : 5px;
	margin : 0;
	backface-visibility: hidden;
	-webkit-transform-style: flat;
	-moz-transform-style: flat;
	transform-style: flat;
}

@media screen and (max-width: 800px) {
	#content {
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
}

header, main, nav, aside, footer, figure, figcaption {
	display:block;
}

#sidebar {
	width : 186px;
	float : right;
	padding : 5px 8px 10px 5px;
	margin : 0;
	font-size : 1em;
	color : #29303B;
	display : inline;
	backface-visibility: hidden;
	-webkit-transform-style: flat;
	-moz-transform-style: flat;
	transform-style: flat;
}

@media screen and (max-width: 800px) {
	#sidebar {
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
}

#sidebar_sections_mobile {
	font-size: 14px;
	margin-top: 10px;
	display: none;
	background: #F9F9F9;
	border: #C6C6C6 1px solid;
	padding: 20px 0 0 10px;
}

@media screen and (max-width: 800px) {
	#sidebar {
		display: none;
		width: 520px;
		font-size: 1.1em;
	}

	#sidebar_sections_mobile {
		display: block;
	}

	#sidebar_sections_desktop {
		display: none;
	}
}

a img {
	border : none;
}

acronym, abbr {
	border-bottom : 1px dotted #C6C6C6;
}

acronym, abbr, span.caps {
	cursor : help;
	letter-spacing : 0.07em;
}

code {
	font-size : 1em;
	background: #f1f1f1;
	font-family: Consolas,Monaco,Courier,monospace;
	word-wrap: break-word;
}

pre {
	overflow: scroll;
}

blockquote {
	margin : 15px 30px 0 45px;
	padding : 0 0 0 45px;
	font-style : italic;
}

cite {
	font-size : 0.9em;
	font-style : normal;
}

h1 {
	font-size: 1.4em;
}

h2 {
	margin : 0;
	margin-bottom:10px;
	padding : 0;
	font-size : 1.25em;
}

p, dd {
	margin : 0 0 1em;
	padding : 0;
	line-height : 1.5em;
	text-align : justify;
}

@media screen and (max-width: 800px) {
	p, dd {
		line-height : 1.7em;
	}

	dd {
		padding-top : 10px;
		padding-bottom: 10px;
	}
}

dt {
	font-style: italic;
	margin-top: 1em; 
}

dl.websites dd {
	margin: 0px 30px;
}

dd.tick:before {
	content: "\2714";
	padding: 5px;
}

dd.author {
	display: inline;
}

dd.author + dd.author:before {
	content: ",\0020";
}

h1, h2, h3, h4 {
font-weight: normal;
}

#header_logo {
	margin : 0;
	font-size : 1.15em;
	padding : 115px 10px 0px 0px;
	text-align : right;
	font-family: courier, monospace;
	font-weight: bold;
	letter-spacing : 1px;
	line-height: 1.2em;
}

.header_menu_switch {
	display: none;
	visibility: hidden;
	font-size: 12px;
	position: relative;
	width: 100px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
	padding: 18px 0 0 4px;
}

.header_menu_switch-checkbox {
	display: none;
}

.header_menu_switch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;

	background: rgba( 30, 30, 30, 0.9 );
	text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );

	-webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
	-moz-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
	box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );

	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.header_menu_switch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
	display: block;
}

.header_menu_switch-inner:before, .header_menu_switch-inner:after {
	float: left;
	width: 50%;
	height: 25px;
	padding: 0;
	line-height: 24px;
	color: #FFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.header_menu_switch-inner:before {
	content: "Content";
	padding-left: 8px;
	padding-top: 1px;
	color: #FFF;
}

.header_menu_switch-inner:after {
	content: "Menu";
	padding-right: 8px;
	padding-top: 1px;
	color: #FFF;
	text-align: right;
}

.header_menu_switch-switch {
	width: 13px;
	margin: 5px;
	background: #FFF;
	border: 1px solid #FFF;
	border-radius: 2px;
	position: absolute;
	top: 17px;
	bottom: 0;
	right: 76px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.header_menu_switch-checkbox:checked + .header_menu_switch-label .header_menu_switch-inner {
	margin-left: 0;
}

.header_menu_switch-checkbox:checked + .header_menu_switch-label .header_menu_switch-switch {
	right: 0px; 
}

@media screen and (max-width: 800px) {
	#header_menu_logo, #header_menu_button, .header_menu_switch {
		display: inline-block;
	}

	#header_logo {
		padding: 0px;
		margin: -37px 5px;
	}
}

#header_logo a {
	padding : 9px;
	color : #fff;
	background: rgba( 30, 30, 30, 0.9 );
	text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );

	-webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
	-moz-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
	box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration : none;
}

#header_logo a:hover, #header_logo a:active, #header_logo a:focus {
	color : #f7f3ed;
	text-decoration: none;
}

#cse-search-box {
	height: 20px;
}

@media screen and (max-width: 800px) {
	#cse-search-box {
		height: 30px;
	}
}

input.search-query {
	position: relative;
	width: 100%;
	z-index: 0;
}

@media screen and (max-width: 800px) {
	input.search-query {
		height: 30px;
	}
}

input.search-query:focus {
	z-index: 99;
}

span.search {
	position: relative;
	margin-right: 2px;
}

span.search:after {
	position: absolute;
	left: 150px;
	top: -3px;
	font-family: flaticons;
	font-size: 16px;
	content: "\e614";
	color: #ccc;
}

@media screen and (max-width: 800px) {
	span.search:after {
		left: 480px;
		top: -5px;
	}
}

.additional-aria-text {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

#sidebar h2 {
	margin : 10px 0 0;
	padding : 4px 2px 0px 2px;
	font-size : 1em;
	text-align : center;
	background: #F1F1F1;
	border : 1px solid #C6C6C6;
	border-bottom: 0px;
	height : 22px;
}

@media screen and (max-width: 800px) {
	#sidebar h2 {
		font-size : 1.2em;
		height: 28px;
	}
}

#sidebar ul {
	list-style-type : none;
	padding : 5px;
	margin : 0;
	font-size : 0.85em;
	padding-bottom : 0.5em;
	border : 1px solid #C6C6C6;
}

#pagenav {
	list-style : none;
}

#sidebar ul li {
	margin : 0.1em 0 0;
	padding : 0;
}

#sidebar ul li a {
	border: none;
}

#sidebar ul ul {
	list-style-type : square;
	padding : 0.5em;
	margin : 0;
	font-size : 1em;
	background : none;
	border : none;
}

#sidebar ul ul li {
	margin : 0;
	padding : 0;
	padding-left : 0.3em;
	margin-left : 1.5em;
}

@media screen and (max-width: 800px) {
	#sidebar ul ul li {
		padding : 0.3em;
	}
}

ul.sep li, ul.related_post li, #recentcomments li {
	margin : 0;
	margin-bottom : 9px;
}

#sidebar ul.favicon li a, ul.favicon li a {
	display: inline-block;
	line-height: 24px;
	margin-top: 1px;
}

@media screen and (max-width: 800px) {
	#sidebar ul.favicon li, ul.favicon li {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	#sidebar ul.favicon li a, ul.favicon li a {
		font-size: 16px;
	}
}

#sidebar ul.favicon li a.mobile-float {
	display: block;
}

@media screen and (max-width: 800px) {
	#sidebar ul.favicon li a.mobile-float {
		display: inline;
	}
}

ul.left {
	margin: 0 0 -2px -3px;
	padding: 0;
	list-style-type: none;
}

ul.left li {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

ol.breadcrumbs, li.tags ul, li.child-pages ul, ul.flickr-sizes, li.flickr-contexts ul, li.related-posts ul, ul.domains {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

li.breadcrumb, li.tag, li.child_page, li.flickr-size, li.flickr-context, li.related-post, li.domain {
	display: inline;
}

li.breadcrumb + li.breadcrumb:before {
	content: "\0020\00bb\0020";
}

li.flickr-size + li.flickr-size:before {
	content: "\0020/\0020";
}

li.tag + li.tag:before, li.child_page + li.child_page:before, li.domain + li.domain:before, li.flickr-context + li.flickr-context:before, li.related-post + li.related-post:before {
	content: ",\0020";
}

ul.left li.tags ul, ul.left li.child-pages ul, ul.left li.flickr-contexts ul, ul.left li.related-posts ul {
	margin-left: 4px;
}

li.date:before, li.restricted-content:before, li.comments:before, li.map:before, li.tags:before, li.edit:before, li.parent-page:before, li.child-pages:before, li.media:before, li.business-partner:before, li.info:before, li.tick:before, li.team:before, li.video:before, li.youtube:before, li.image:before, li.flickr-sizes:before, li.flickr-contexts:before, li.related-posts:before {
	font-family: flaticons;
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	width: 22px;
	line-height: 1.1em;
}

@media screen and (max-width: 800px) {
	li.date:before, li.restricted-content:before, li.comments:before, li.map:before, li.tags:before, li.edit:before, li.parent-page:before, li.child-pages:before, li.media:before, li.business-partner:before, li.info:before, li.tick:before, li.team:before, li.video:before, li.youtube:before, li.image:before, li.flickr-contexts:before, li.related-posts:before {
		font-size: 20px;
		padding-top: 3px;
		width: 30px;
		height: 26px;
	}
}

li.date:before {
	content: "\e609";
}

li.restricted-content:before {
	content: "\e612";
}

li.comments:before {
	content: "\e606";
}

li.map:before {
	content: "\e616";
}

li.tags:before {
	content: "\e622";
}

li.edit:before {
	content: "\e623";
}

li.parent-page:before {
	content: "\e626";
}

li.child-pages:before {
	content: "\e628";
}

li.media:before {
	content: "\e613";
}

li.business-partner:before {
	content: "\e624";
}

li.info:before {
	content: "\e629";
}

li.tick:before {
	content: "\e610";
}

li.team:before {
	content: "\e619";
}

li.video:before {
	content: "\e617";
}

li.youtube:before {
	content: "\e618";
}

li.image:before {
	content: "\e608";
}

li.flickr-contexts:before {
	content: "\e613";
}

li.related-posts:before {
	content: "\e631";
}

ul {
	margin-left : 0;
	padding-left : 45px;
	list-style-type : square;
}

ul li {
	padding-left : 0.3em;
}

@media screen and (max-width: 800px) {
	ul li {
		padding-top : 13px;
		padding-bottom: 13px;
	}
}

.post, .page {
	margin : 0 0 0 10px;
}

.post-header, .page-header {
	text-align : center;
}

.post-content, .page-content {
	clear : left;
	padding : 6px 0;
	margin : 3px 0;
	font-size : 12px;
}

@media screen and (max-width: 800px) {
	.post-content, .page-content {
		font-size : 16px;
	}
}

.post-title, .page-title {
	margin:0;
}

.post-footer {
	padding-top : 0;
}

#footer {
	margin : 0 auto;
	padding : 7px 0;
	clear : both;
	font-size : 0.65em;
	color : #999;
	text-align : center;
	width : 748px;
	background: #fff;
}

@media screen and (max-width: 800px) {
	#footer {
		width: 540px;
	}

	#generalstats-2 {
		display: none;
	}
}

.commentlist {
	margin : 0 0 0 35px;
	font-size : 1em;
	font-weight : normal;
}

#commentform {
	margin : 0 0 0 0px;
}

#commentform textarea {
	width : 100%;
}

#commentform p {
	margin : 0 0 1em;
}

#comments, #respond, .user_header, .post-header, .page-header, h1.boxed, h2.boxed, h3.boxed, .error {
	margin : 20px 0px 10px 0px;
	border : 1px solid #C6C6C6;
	background: #f1f1f1;
	padding : 10px;
}

@media screen and (max-width: 800px) {
	.comment .smallspacer:first-of-type {
		margin-top: 0px;
	}
}

.post-header, .page-header {
	margin-top : 10px;
}

.post-info, .page-info, .navigation, .navigationBar, .falbum-navigationBar, .falbum-nav {
	font-size : 0.90em;
}

@media screen and (max-width: 800px) {
	.post-info, .page-info, .navigation, .navigationBar, .falbum-navigationBar, .falbum-nav {
		font-size : 1.00em;
	}
}

.user_header h3 {
	margin-bottom:0px;
	width:150px;
	text-align:center;
}

.commentlist li {
	margin: 5px 0;
	padding: 10px 10px 20px 0px;
	border: 1px solid #C6C6C6;
}

.commentlist li code {
	word-wrap: break-word;
}

.boxedlist, ul.citations {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.boxedlist li, .citations li, .navigation, .post-info, .page-info, #___gcse_0 .gsc-cursor-box {
	background: #f9f9f9;
	margin: 15px 0px;
	padding: 10px;
	border: 1px solid #C6C6C6;
}

#map_navigation {
	border:0;
	text-align:center;
}

ul.citations li {
	padding-left : 10px;
}

.gallery {
	text-align : center;
	margin-bottom: 35px;
}

.gallery p {
	text-align: center;
}

img.amazon_wishlist_image, .gallery img {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #c6c6c6;
	margin-top: 25px;
}

img.amazon_wishlist_image {
	margin-top : 0;
	margin-bottom : 5px;
}

#sidebar li.desc {
	text-align : center;
	padding-top : 12px;
}

#sidebar li.icon {
	text-align : center;
}

#sidebar li.temp {
	text-align : center;
	padding-bottom : 12px;
}

th.ref {
	background-color : #f1f1f1;
	padding: 3px 0px;
}

td.ref-even {
	background-color : #f1f1f1;
	padding: 3px 0px;
}

td.ref-odd {
	padding: 3px 0px;
}

.yt_video_thumb_meta {
	margin: 5px;
	text-align: left;
	overflow: hidden;
}

.yt_video_thumb_meta .yt_thumb_meta_label {
	font-size: 11px;
	font-style: italic;
}

.yt_video_thumb_meta .yt_thumb_meta_details, .googlesearchdesc {
	font-size: 11px;
	text-align : justify;
}

.yt_thumb_meta_details {
	text-overflow: hidden;
}

.yt_video_thumb {
	float: left;
	margin: 3px 3px 15px 3px;
}

.yt_video_thumb_img {
	padding: 4px;
	width: 238px;
	height: 260px;
	background-color: #f9f9f9;
	display: block;
	position: relative;
	border : 1px solid #a9a9a9;
}

.yt_video_thumb_img img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: 5px;
	padding: 4px;
	position: relative;
}

.yt_video_thumb_img img:hover, .yt_video_thumb_img img:active, .yt_video_thumb_img img:focus {
	background-color: #ccd;
}

div.video {
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.gallery div.video {
	margin-top: 35px;
}

.gallery div.video img {
	margin-top: 0;
}

.yt_video_thumb_img div.video {
	text-align: left;
	margin: 0;
	width: 140px;
}

.video_icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 22px;
	left: 0;
	text-align: center;
	display: block;
	z-index: 10;
	-webkit-transition: all 0.10s linear 0.10s;
	-moz-transition: all 0.10s linear 0.10s;
	transition: all 0.10s linear 0.10s;
}

.video_icon_hover, .video_icon_small:hover, .video_icon_small:active, .video_icon_small:focus {
	background: #000;
	opacity: .5;
}

.video_icon:before {
	font-family: flaticons;
	color: #ccc;
	font-size: 100px;
	content: "\e618";
	opacity: .85;
	-webkit-transition: all 0.10s linear 0.10s;
	-moz-transition: all 0.10s linear 0.10s;
	transition: all 0.10s linear 0.10s;
}

.video_icon_hover:before, .video_icon_small:hover:before, .video_icon_small:active:before, .video_icon_small:focus:before {
	opacity: 1;
}

.video_link {
	background: #EEE;
	border-radius: 2px;
	bottom: 30px;
	display: none;
	font-size: 12px;
	line-height: 25px;
	opacity: 0;
	position: absolute;
	z-index: 30;
}

.video_link_left {
	left: 2%;
	right: 52%;
}

.video_link_right {
	left: 52%;
	right: 2%;
}

.falbum-photo-block .video_link_right {
	right: 3%;
}

.video_link_hover {
	opacity: 0.9;
	-webkit-transition: all 0.10s linear 0.10s;
	-moz-transition: all 0.10s linear 0.10s;
	transition: all 0.10s linear 0.10s;
}

.falbum-photo-block .video_icon {
	right: 4px;
	bottom: 20px;
	left: -4px;
}

.video_icon_small {
	line-height: 100px;
	bottom: 0;
}

.video_icon_small:before {
	font-size: 35px;
}

.avatar {
	border: #687F92 1px solid;
	display: inline;
	float: left;
	margin: 5px 8px 5px 0px;
}

.smallspacer {
	display:block;
	margin-top:11px
}

.bigspacer {
	display:block;
	margin-top:35px
}

.navigation {
	text-align: center;
}

.navigation .alignright {
	float: right;
}
		
.navigation .alignleft {
	float: left;
}

.navi_thumbs {
	margin-left: 1px;
	font-size: 12px;
}

.navi_thumb {
	float : left;
	margin : 3px 4px 15px;
	text-align: center;
}

.navi_thumb_img {
	margin : -5px 5px 5px -5px;
	padding : 3px;
	width : 110px;
	height : 110px;
	background-color : #fff;
	display : block;
	position : relative;
	border : 1px solid #a9a9a9;
}

.navi_thumb_img a {
	color: #29303b;
	display: block;
}

.navi_thumb_img span {
	width: 94px;
	height: 72px;
	border : 1px solid #a9a9a9;
	display : block;
	margin : 3px;
	padding : 3px;
}

.navi_thumb_img span:hover, .navi_thumb_img span:active, .navi_thumb_img span:focus {
	border: 4px solid #CCCCDD;
	padding: 0px;
}

.sprite-navi_thumb-about-me {
	background: url("img/sprite_index.jpg") no-repeat scroll 3px 3px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-about-me:hover, .sprite-navi_thumb-about-me:active, .sprite-navi_thumb-about-me:focus {
	background: url("img/sprite_index.jpg") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-archives {
	background: url("img/sprite_index.jpg") no-repeat scroll 3px -79px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-archives:hover, .sprite-navi_thumb-archives:active, .sprite-navi_thumb-archives:focus {
	background: url("img/sprite_index.jpg") no-repeat scroll 0px -82px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-contact-legal {
	background: url("img/sprite_index.jpg") no-repeat scroll 3px -161px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-contact-legal:hover, .sprite-navi_thumb-contact-legal:active, .sprite-navi_thumb-contact-legal:focus {
	background: url("img/sprite_index.jpg") no-repeat scroll 0px -164px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-work-experience {
	background: url("img/sprite_index.jpg") no-repeat scroll 3px -243px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-work-experience:hover, .sprite-navi_thumb-work-experience:active, .sprite-navi_thumb-work-experience:focus {
	background: url("img/sprite_index.jpg") no-repeat scroll 0px -246px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-media {
	background: url("img/sprite_index.jpg") no-repeat scroll 3px -325px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-media:hover, .sprite-navi_thumb-media:active, .sprite-navi_thumb-media:focus {
	background: url("img/sprite_index.jpg") no-repeat scroll 0px -328px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-projects {
	background: url("img/sprite_index.jpg") no-repeat scroll 3px -407px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-projects:hover, .sprite-navi_thumb-projects:active, .sprite-navi_thumb-projects:focus {
	background: url("img/sprite_index.jpg") no-repeat scroll 0px -410px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-publications {
	background: url("img/sprite_index.jpg") no-repeat scroll 3px -489px rgba(0, 0, 0, 0);
}
 
.sprite-navi_thumb-publications:hover, .sprite-navi_thumb-publications:active, .sprite-navi_thumb-publications:focus {
	background: url("img/sprite_index.jpg") no-repeat scroll 0px -492px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-websites {
	background: url("img/sprite_index.jpg") no-repeat scroll 3px -571px rgba(0, 0, 0, 0);
}

.sprite-navi_thumb-websites:hover, .sprite-navi_thumb-websites:active, .sprite-navi_thumb-websites:focus {
	background: url("img/sprite_index.jpg") no-repeat scroll 0px -574px rgba(0, 0, 0, 0);
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.sprite-navi_thumb-about-me {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 3px 3px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-about-me:hover, .sprite-navi_thumb-about-me:active, .sprite-navi_thumb-about-me:focus {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-archives {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 3px -79px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-archives:hover, .sprite-navi_thumb-archives:active, .sprite-navi_thumb-archives:focus {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 0px -82px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-contact-legal {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 3px -161px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-contact-legal:hover, .sprite-navi_thumb-contact-legal:active, .sprite-navi_thumb-contact-legal:focus {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 0px -164px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-work-experience {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 3px -243px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-work-experience:hover, .sprite-navi_thumb-work-experience:active, .sprite-navi_thumb-work-experience:focus {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 0px -246px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-media {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 3px -325px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-media:hover, .sprite-navi_thumb-media:active, .sprite-navi_thumb-media:focus {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 0px -328px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-projects {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 3px -407px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-projects:hover, .sprite-navi_thumb-projects:active, .sprite-navi_thumb-projects:focus {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 0px -410px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-publications {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 3px -489px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}
 
	.sprite-navi_thumb-publications:hover, .sprite-navi_thumb-publications:active, .sprite-navi_thumb-publications:focus {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 0px -492px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-websites {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 3px -571px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}

	.sprite-navi_thumb-websites:hover, .sprite-navi_thumb-websites:active, .sprite-navi_thumb-websites:focus {
		background: url("img/sprite_index@2x.jpg") no-repeat scroll 0px -574px rgba(0, 0, 0, 0);
		background-size: 94px 646px;
	}
}

.table {
	display:table;
	width:100%
}

.table-row {
	display:table-row;
}

.table-cell {
	display:table-cell;
}

.table-cell-large {
	width: 95%;
}

#col-archives ul {
	padding-left : 25px;
}

#col-archives ul li {
	list-style-type : none;
}

#col-archives ul a:first-of-type, #col-archives ul a:first-of-type:hover, #col-archives ul a:first-of-type:active, #col-archives ul a:first-of-type:focus {
	text-decoration: none;
}

#col-archives ul a:first-of-type:active {
	color: #1C4182;
}

@media screen and (max-width: 800px) {
	#col-archives ul {
		padding-top : 20px;
	}

	#col-archives > ul > li > ul > li:first-of-type {
		padding-top : 50px;
	}

	#col-archives ul a {
		padding-right : 40px;
	}

	#col-archives ul li ul ul li:last-child {
		padding-bottom : 20px;
	}

	#col-archives span {
		font-size: 24px;
	}
}

#col-archives ul li ul ul li {
	list-style-type : square;
}

div.bibtex {
	word-wrap: break-word;
}

body.js div.bibtex {
	display: none;
}

.error {
	color:#D54E21;
}

.falbum {
	padding: 0px;
	margin: 0px;
	clear: both;	
	width: 99%;
}

.falbum p {
	margin: 8px 0 8px 0;
}

.falbum img {
	max-width: none;
	border: none;
}

.falbum-album {
	clear: both;
	max-height: 80px;
}

.falbum-title {	
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2.falbum-title {
	font-size: 1.2em;
}

.falbum-meta {
	margin: 0px 0px 5px 0px;
}

.falbum-navigationBar, .navigationBar {
	border: 1px solid #C6C6C6;
	background: #f9f9f9;
	clear: both;
	padding: 5px 0 5px 5px;
	margin: 10px 0 10px 0;
}

.falbum-select-navigation, .select-navigation {
	text-align: right;
	float: right;
	margin-right: 2px;
	margin-top: 0;
	font-size: 12px;
	display: none;
}

@media screen and (max-width: 800px) {
	.falbum-select-navigation, .select-navigation {
		margin-top: 2px;
		font-size: 16px;
	}
}

body.js .falbum-select-navigation, body.js .select-navigation {
	display: inline-block;
}

.falbum-album-description {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.falbum-tn-border-s {
	float: left;
	width: 95px;
	height: 95px;
}

.falbum-thumbnail-ds {
	float: left;
	margin: 5px 0px 0px 6px;
	padding: 0px 0px 0px 0px;	
}
 
.falbum-thumbnail-ds img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
}

.falbum-thumbnail-ds img:hover, .falbum-thumbnail-ds img:active, .falbum-thumbnail-ds img:focus {
	background-color: #ccd;
}

.falbum-photo-block {
	float: left;
	margin: 10px 5px 10px 5px;
}

.falbum-photo-ds {
	float: left;
	margin-bottom: 13px;
}

.falbum-photo-ds img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
}
  
.falbum-nav {
	clear: both;	
	margin: 5px 10px 0px -10px;
	text-align:center;
	padding: 8px;	
	width: auto;
}
  
.falbum-single-photo-nav {
	margin-left: 10px;
	padding-top: 10px;
	font-size: 23px;
}

.falbum-description {
	clear: both;
	font-size: 11px;
	margin: 5px 0 5px 0 ;
}

.tag-cloud {	
	padding: 10px;	
	text-align:center;
}

.tag-cloud a {
	display: inline-block;
	padding: 2px;
}

@media screen and (max-width: 800px) {
	.tag-cloud a {
		padding: 17px 2px;
	}
}

a.buttonLink {
	border : 1px solid #C6C6C6;
	background: #f1f1f1;
	padding: 2px 15px 2px 15px;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
}

a.buttonLink:hover, a.buttonLink:active, a.buttonLink:focus {
	text-decoration: none;
}

a.curPageLink, a.curPageLink:visited,a.curPageLink:link, a.otherPageLink, a.otherPageLink:visited,a.otherPageLink:link {
	padding: 2px 4px 2px 4px;
	font-size: 100%;
}

@media screen and (max-width: 800px) {
	a.curPageLink, a.curPageLink:visited,a.curPageLink:link, a.otherPageLink, a.otherPageLink:visited,a.otherPageLink:link, .pagedots {
		display: none;
	}
}

a.curPageLink, a.curPageLink:visited,a.curPageLink:link {
	font-weight: bold;
}

.falbum-single-photo-nav #pageprev-:before, .falbum-single-photo-nav #return-:before, .falbum-single-photo-nav #pagenext-:before, .falbum-navigationBar #pageprev-top:before, .falbum-navigationBar #pageprev-bottom:before, .navigationBar .pageprev:before, .falbum-navigationBar #pagenext-top:before, .falbum-navigationBar #pagenext-bottom:before, .navigationBar .pagenext:before {
	font-family: flaticons;
	vertical-align: bottom;
}

.falbum-navigationBar #pageprev-top:before, .falbum-navigationBar #pageprev-bottom:before, .navigationBar .pageprev:before, .falbum-navigationBar #pagenext-top:before, .falbum-navigationBar #pagenext-bottom:before, .navigationBar .pagenext:before {
	line-height: 17px;
}

@media screen and (max-width: 800px) {
	.falbum-single-photo-nav #pageprev-:before, .falbum-single-photo-nav #return-:before, .falbum-single-photo-nav #pagenext-:before, .falbum-navigationBar #pageprev-top:before, .falbum-navigationBar #pageprev-bottom:before, .navigationBar .pageprev:before, .falbum-navigationBar #pagenext-top:before, .falbum-navigationBar #pagenext-bottom:before, .navigationBar .pagenext:before {
		line-height: 28px;
	}
}

.falbum-single-photo-nav #pageprev-:before, .falbum-navigationBar #pageprev-top:before, .falbum-navigationBar #pageprev-bottom:before, .navigationBar .pageprev:before {
	content: "\e625";
}

.falbum-single-photo-nav #return-:before {
	content: "\e626";
}

.falbum-single-photo-nav #pagenext-:before, .falbum-navigationBar #pagenext-top:before, .falbum-navigationBar #pagenext-bottom:before, .navigationBar .pagenext:before {
	content: "\e627";
}

.falbum-comment-block {
	margin: 15px 0px 5px 0px;
}

.falbum-comment-title {
	font-weight: bold;
}

.falbum-comment-author {
	background: #f9f9f9;
	border : 1px solid #C6C6C6;
	border-bottom: 0;
	padding: 5px 5px 0px 5px;
}

.falbum-comment {
	background: #f9f9f9;
	border : 1px solid #C6C6C6;
	border-top: 0;
	padding: 5px;
	margin: 0px 0px 5px 0px;
}

#wp_grins {
	margin-bottom: 10px;
}

#wp_grins span {
	padding-right: 32px;
	cursor: pointer;
	cursor: hand;
}

@media screen and (max-width: 800px) {
	#wp_grins span:before {
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

.fixed_button:before {
	font-family: flaticons;
}

.fixed_button {
	width: 40px;
	height: 40px;			
	opacity: 0.3;
	position: fixed;
	right: 50px;
	z-index: 100;
	background: #000;
	color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 25px;
	text-align: center;
	text-decoration: none;
}

@media screen and (max-width: 800px) {
	.fixed_button {
		width: 60px;
		height: 60px;			
		right: 66px;
		font-size: 32px;
	}
}

.fixed_button:hover, .fixed_button:active, .fixed_button:focus {
	color: #f1f1f1;
	text-decoration: none;
}

.fixed_button:hover, .fixed_button:focus {
	opacity: 0.25;
}

.fixed_button:active {
	opacity: 0.3;
}

.content_menu:before {
	content: "\e615";
}

.content_menu {
	display: none;
	visibility: hidden;		
	bottom: 20px;
	line-height: 40px;
	-webkit-transition: transform 0.4s ease-in-out;
	-moz-transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}

@media screen and (max-width: 800px) {
	.content_menu {
		display: inline-block;
		line-height: 60px;
	}
}

.scrollup:before {
	content: "\e626";
	font-weight: bold;
}

.scrollup {
	display: none;
	bottom: 30px;
	line-height: 38px;
}

@media screen and (max-width: 800px) {
	.scrollup {
		bottom: 97px;
		line-height: 56px;
	}
}

a[href$=".jnlp"]:before, a.download:before, a.plugin:before, a.code:before, a.document:before, a[href$=".pdf"]:before, a.pdf:before, a.add:before, a.remove:before {
	font-family: flaticons;
	font-size: 18px;
	margin-right: 3px;
	text-decoration: none;
	display: inline-block;
	vertical-align: bottom;
	white-space: nowrap;
}

a[href$=".pdf"]:before, a.pdf:before {
	content:"\e600";
	color: #E11D25;
	font-size: 1em;
}

a.pdf:before {
	font-size: 50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

a.pdf {
	vertical-alignment: middle;
}

a[href$=".jnlp"]:before {
	content:"\e601";
}

a.download:before {
	font-family: flaticons;
	content:"\e621";
}

a.plugin:before {
	font-family: flaticons;
	content:"\e607";
}

a.code:before {
	font-family: flaticons;
	content:"\e630";
}

a.document:before {
	font-size: 24px;
	content:"\e602";
	vertical-align: baseline;
}

a.add:before, a.remove:before {
	font-family: flaticons;
	font-size: 20px;
}

a.add:before {
	content: "\e632";
}

a.remove:before {
	content: "\e611";
}

a.add-tag {
	cursor:pointer;
	display:none;
}

a.map:before, a.media:before {
	font-family: flaticons;
	display: inline-block;
	vertical-align: bottom;
	white-space: nowrap;
}

a.map:before {
	content: "\e616";
}

a.media:before {
	content: "\e613";
}

body.js a.add-tag {
	display:inline-block;
}

.login-username label, .login-password label {
	display: inline-block;
	width: 220px;
}

.gsc-wrapper a[href$=".pdf"]:before, .gsc-wrapper a[href$=".jnlp"]:before {
	content: "";
	margin-right: 0px;
}

.gsc-control-cse .gs-result .gs-title a.gs-title, .gsc-control-cse .gs-result .gs-title a.gs-title *, #___gcse_0 .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-spelling * {
	font-size: 12px;
}

#___gcse_0 .gsc-control-cse, .gsc-control-cse, #___gcse_0 .gsc-control-cse .gsc-table-result, .gsc-control-cse .gsc-table-result {
	padding: 0;
	border: none;
	font-size: 12px;
}

@media screen and (max-width: 800px) {
	.gsc-control-cse .gs-result .gs-title a.gs-title, .gsc-control-cse .gs-result .gs-title a.gs-title *, #___gcse_0 .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-spelling * {
		font-size: 18px;
	}

	#___gcse_0 .gsc-control-cse, .gsc-control-cse, #___gcse_0 .gsc-control-cse .gsc-table-result, .gsc-control-cse .gsc-table-result {
		font-size: 14px;
	}
}

#___gcse_0 .gs-result .gs-title, #___gcse_0 .gs-result .gs-title *, #___gcse_0 .gsc-cursor-page, #___gcse_0 .gsc-control-cse .gs-spelling, #___gcse_0 .gsc-control-cse .gs-spelling * {
	text-decoration: none;
}

#___gcse_0 .gs-result .gs-title a:hover, #___gcse_0 .gs-result .gs-title a:hover *, #___gcse_0 .gs-result .gs-title a:active, #___gcse_0 .gs-result .gs-title a:active *, #___gcse_0 .gs-result .gs-title a:focus, #___gcse_0 .gs-result .gs-title a:focus *, #___gcse_0 .gsc-cursor-page:hover, #___gcse_0 .gsc-cursor-page:active, #___gcse_0 .gsc-cursor-page:focus, #___gcse_0 .gsc-control-cse .gs-spelling a:hover *, #___gcse_0 .gsc-control-cse .gs-spelling a:active *, #___gcse_0 .gsc-control-cse .gs-spelling a:focus * {
	text-decoration: underline;
	color: #D54E21;
}

#___gcse_0 .gsc-control-cse .gs-spelling a {
	color: #1C4182;
}

/*
based on http://stackoverflow.com/questions/13553671/flip-between-two-divs-when-clicking-on-the-divs
*/

.flip {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0); 

    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);

    backface-visibility: hidden;
    transform: translateX(0);
}

.flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 500ms;

	-moz-transform: rotateY(-90deg) scale(.9);
	-moz-animation-name: flipouttoleft;
	-moz-animation-duration: 500ms;

	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 500ms;
}

.flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 500ms;

	-moz-animation-name: flipintoright;
	-moz-animation-duration: 500ms;

	animation-name: flipintoright;
	animation-duration: 500ms;
}

.flip.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;

	-moz-transform: rotateY(90deg) scale(.9);
	-moz-animation-name: flipouttoright;

	transform: rotateY(90deg) scale(.9);
	animation-name: flipouttoright;
}

.flip.in.reverse {
	-webkit-animation-name: flipintoleft;
	-moz-animation-name: flipintoleft;
	animation-name: flipintoleft;
}

@-webkit-keyframes flipouttoleft {
	from { -webkit-transform: rotateY(0); }
	to { -webkit-transform: rotateY(-90deg) scale(.9); }
}

@-moz-keyframes flipouttoleft {
	from { -moz-transform: rotateY(0); }
	to { -moz-transform: rotateY(-90deg) scale(.9); }
}

@keyframes flipouttoleft {
	from { transform: rotateY(0); }
	to { transform: rotateY(-90deg) scale(.9); }
}

@-webkit-keyframes flipouttoright {
	from { -webkit-transform: rotateY(0) ; }
	to { -webkit-transform: rotateY(90deg) scale(.9); }
}

@-moz-keyframes flipouttoright {
	from { -moz-transform: rotateY(0); }
	to { -moz-transform: rotateY(90deg) scale(.9); }
}

@keyframes flipouttoright {
	from { transform: rotateY(0); }
	to { transform: rotateY(90deg) scale(.9); }
}

@-webkit-keyframes flipintoleft {
	from { -webkit-transform: rotateY(-90deg) scale(.9); }
	to { -webkit-transform: rotateY(0); }
}

@-moz-keyframes flipintoleft {
	from { -moz-transform: rotateY(-90deg) scale(.9); }
	to { -moz-transform: rotateY(0); }
}

@keyframes flipintoleft {
	from { transform: rotateY(-90deg) scale(.9); }
	to { transform: rotateY(0); }
}

@-webkit-keyframes flipintoright {
	from { -webkit-transform: rotateY(90deg) scale(.9); }
	to { -webkit-transform: rotateY(0); }
}

@-moz-keyframes flipintoright {
	from { -moz-transform: rotateY(90deg) scale(.9); }
	to { -moz-transform: rotateY(0); }
}

@keyframes flipintoright {
	from { transform: rotateY(90deg) scale(.9); }
	to { transform: rotateY(0); }
}

li.mobile {
	display: none;
}

@media screen and (max-width: 800px) {
	li.mobile {
		display: list-item;
	}
	li.desktop {
		display: none;
	}
}

/*
based on http://visitsteve.com/made/diy-paypal-buttons/
*/

.button_donate {
	width: 85px;
	height: 24px;
	text-decoration: none;
	display: block;
	text-align: center;
	position: relative;

	background: #FEE1A5;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;

	border: 1px solid #FFB829;

	text-shadow: 0px 1px 1px white;

	font: italic bold 14px/24px helvetica, arial;
}

.button_donate:hover, .button_donate:active, .button_donate:focus {
	text-decoration: none;
}

#wp-submit {
	padding: 1px;
	background: rgb(221, 221, 221);
}

a.toggle, a[href*="/publications/citations/#cit-"] {
	width: 56px;
	height: 18px;
	background: url(img/bibtex.svg);
	background-size: 56px 18px;
	margin-top: 10px;
}

a[href*="/publications/citations/#cit-"] {
	display: inline-block;
	text-indent: -9999px;
}

a.toggle:hover, a[href*="/publications/citations/#cit-"]:hover, a.toggle:active, a[href*="/publications/citations/#cit-"]:active, a.toggle:focus, a[href*="/publications/citations/#cit-"]:focus {
	opacity: 0.7;
}

a.toggle {
	display: none;
}

body.js a.toggle {
	display: inline-block;
}

.neotrinity_install_plugin_container {
	display: none;
}

body.js .neotrinity_install_plugin_container {
	display: block;
}

/*
based on http://codepen.io/Keyamoon/pen/aHxuq
*/

@-webkit-keyframes anim-rotate {
	0% {
		-webkit-transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes anim-rotate {
	0% {
		-moz-transform: rotate(0);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}

@keyframes anim-rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

.spinner:before {
	content: "\e603";
}

.spinner {
	display: inline-block;
	font-family: flaticons;
	font-size: 2em;
	margin: 1em 3em;
	-webkit-animation: anim-rotate 2.5s infinite linear;
	-moz-animation: anim-rotate 2.5s infinite linear;
	animation: anim-rotate 2.5s infinite linear;
	color: #aaa;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.favicon a {
	background: url(img/sprite_favicons.png) no-repeat top left;
	padding-left: 21px;
}

.favicon a[href*="academia.edu"] {
	background-position: 0 4px;
}

.favicon a[href*="acm.org"] {
	background-position: 0 -22px;
}

.favicon a[href*="addons.mozilla.org"] {
	background-position: 0 -48px;
}

.favicon a[href*="diigo.com"] {
	background-position: 0 -74px;
}

.favicon a[href*="discogs.com"] {
	background-position: 0 -100px;
}

.favicon a[href*="flickr.com"] {
	background-position: 0 -126px;
}

.favicon a[href*="github.com"] {
	background-position: 0 -152px;
}

.favicon a[href*="uni-trier.de"] {
	background-position: 0 -178px;
}

.favicon a[href*="journeycalculator.com"] {
	background-position: 0 -204px;
}

.favicon a[href*="linkedin.com"] {
	background-position: 0 -230px;
}

.favicon a[href*="openhub.net"] {
	background-position: 0 -256px;
}

.favicon a[href*="play.google.com"], .favicon a[href*="/android/apps.html"] {
	background-position: 0 -282px;
}

.favicon a[href*="plus.google.com"] {
	background-position: 0 -308px;
}

.favicon a[href*="researchr.org"] {
	background-position: 0 -334px;
}

.favicon a[href*="scrumalliance.org"] {
	background-position: 0 -360px;
}

.favicon a[href*="softpedia.com"] {
	background-position: 0 -386px;
}

.favicon a[href*="wordpress.org"], .favicon a[href*="/pluginslist/"] {
	background-position: 0 -412px;
}

.favicon a[href*="world66.com"] {
	background-position: 0 -438px;
}

.favicon a[href*="xing.com"] {
	background-position: 0 -464px;
}

.favicon a[href*="youtube.com"] {
	background-position: 0 -490px;
}

.screen-reader-shortcut {
	position: absolute;
	top: -1000em;
}

.screen-reader-text {
	position: absolute;
	left: -1000em;
	top: -1000em;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.lazy-hidden {
	display: none !important;
}

body.js .lazy-hidden {
	display: inline !important;
}

.tb-close-icon:before {
	content: '\e620' !important;
	font: normal 20px/29px 'flaticons' !important;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}