html {
		height: 100%;
		width:100%;
		background-color: #ffead1;

		background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%,
				transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%,
				transparent 75%, transparent);
		background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%,
				transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%,
				transparent 75%, transparent);
		background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%,
				transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%,
				transparent 75%, transparent);
		background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%,
				transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%,
				transparent 75%, transparent);
		background-image:linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%,
				transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%,
				transparent 75%, transparent);
		background-size: 20px 20px;
		padding-bottom:3em;
		overflow-x: hidden;
}
	/*	html::before {
				content: "pixel";
				font-family:"Kalenderblatt Grotesk Regular", KalenderblattGrotesk, "Helvetica Neue", Tahoma, "Bitstream Vera Sans", Helvetica, sans-serif;
				font-size: 1800%;
				color:#ddebeb;
				color: rgba(255,255,255,.2);
    		font-weight: bold;
				position: fixed;
				bottom: 20px;
				left: -1%;
				width: 100%;
				z-index: -1;
				background-color: #D6E3E3;
		}*/
/*  
		body::before {
				content:"fans";
				font-family:"Kalenderblatt Grotesk Regular", KalenderblattGrotesk, "Helvetica Neue", Tahoma, "Bitstream Vera Sans", Helvetica, sans-serif;
				font-size: 1800%;
    		font-weight: bold;
				color:#ddebeb;
				color: rgba(221,34,0,.1);
				position: fixed;
				bottom: 0px;
				left: 58%;
				width: 100%;
				z-index: -1;
				background-color:none!important;
		}*/

		body {
				color: #2d2d2d;
				min-width: 950px;
				text-rendering: optimizeLegibility;
		}
/* */
		body:after {
				content: "";
				position: fixed;
				top: -10px;
				left: 0;
				width: 100%;
				height: 10px;
				-webkit-box-shadow: 0 0 20px #000;
				-moz-box-shadow: 0 0 20px #000;
				box-shadow: 0 0 20px #000;
				z-index: 100;
		} 

		body,
		article.post svg text {
				font: normal 100.01%/1.45 Calibri, "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans", "Trebuchet MS", "Droid Sans", "FF Nuvo", Verdana, Helvetica, sans
		}
		ul,
		ol,
		li{
				list-style:none
		}

		h1, h2, h3, h4, h5, h6, legend, dt, #site-title, #site-description {
				font-family:"Kalenderblatt Grotesk Regular", KalenderblattGrotesk, "Helvetica Neue", Tahoma, "Bitstream Vera Sans", Helvetica, sans-serif;
				text-transform: uppercase;
		}
		.amp{
				top:0;
				font-size:1.5em;
		}
		::-moz-selection{ background: #d20; color:#fff; text-shadow: 0!important; }
		::selection { background:#d20; color:#fff; text-shadow: 0!important; }

a{
	cursor: pointer
}
a img {
	border: none
}
a:visited {
	border: none;
	color: #2d2d2d

}

#site-title {
/* simulate a text stroke for all browser */
text-shadow:
    -1px -1px 0 #25496F,  
    1px -1px 0 #25496F,
   -1px  1px 0 #25496F,
    1px  1px 0 #25496F;
}

#main a {
	border-bottom: 1px dotted;
}




#main .comment,
#main .social-comment,
.faq p,
#main p.download,
#main p.attention {
	background-color: #42729C
}


#top {
    text-decoration: none;
    font-weight:normal;
		position: absolute;
		top: 58px;
		right: 10%;
}
		#top a,
		#top a:link,
		#top a:visited {
				color: #d20;
				text-shadow 0 0 5px red;
				float: right;
				width: 22%
				opacity:1;
				cursor: pointer;
				text-decoration: none;
		}
		#top span {
				color: #fff;
				font-weight: bold;
				
				
		}
		div#site-title{
				font-size:250%;
		}
		#site-description {
		    color: #25496F;
		    font-size: 122%;
		    line-height: 20%;
		    text-transform: uppercase;
		}

#main h1 {
	position: static;
	float: left;
	margin: .1em 0 .3em;
	text-align: left;
	text-shadow: 4px 3px 2px #ccc;
	width: 100%
}
hr {
	clear: both;
	margin-top: 1.5em;
	opacity: 0.6;
	border-color: #fff;
	height: .5em;
	border-radius: 1em
}
p {
	margin: .5em 0
}
pre {
	border-left: 3px solid #d20;
	line-height: 97%;
	margin: 1em 0 1em 1em;
	padding-left: .5em
}
blockquote {
	position: relative;
	padding: 1em 1em 1em 2em;
	font-style: italic;
}
blockquote:after {
	content: "\00201B";
	z-index: -1;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 5em;
	color: #222;
	position: absolute;
	width: 10px;
	height: 20px;
	top: -30%;
	left: -2%;
	font-style: bold;
	text-shadow: 0 0 3px #fff, 10px 0 0 #222, 10px 0 3px #fff
}
pre, code {
	white-space: pre-wrap;
/* css-3 */
	white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
	word-wrap: break-word;
	text-overflow: ellipsis;
/* for IE and WebKit (Safari, Chrome) */
	-o-text-overflow: ellipsis;
/* for Opera since 9.0 */
}


.archive #main>header h1 {
    float: none;
    margin: 0 0.25em 1em;
}
		.archive #main>header h1 strong {
				display:block;
		}
/******************************************************************************************************************
 *
 *  POSTS LAYOUT
 *
 *****************************************************************************************************************/

time.date {
		font-family: "Kalenderblatt Grotesk Regular", KalenderblattGrotesk, arial, sans-serif;
		color: #d20;
		background-color: #f4dead;
		background-color: rgba(251,200,0,0.4);
		margin: 0 1em 1em 0;
		padding: 2em 0.5em 0;
		width: 5em;
		position: relative;
		font-weight: 700;
		float: left;
		border-radius: 0.8em;
		box-shadow: 0 0 5px #ccc
}
		time.date .day {
				font-size: 2em;
				line-height: 1.5em;
				position: absolute;
				top: 0;
				left: 0.3em
		}
		time.date .month {
				font-size: 1.8em;
				line-height: 1.5em;
				text-transform: uppercase
		}
		time.date .year {
				color: #42729C;
				-webkit-transform: rotate(-90deg);
				-moz-transform: rotate(-90deg);
				-o-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
				display: block;
				font-size: 1.5em;
				position: absolute;
				font-weight: 400;
				left: 2.1em;
				bottom: 1.1em
		}
a.thumb-link{
		margin: 0 1em .5em 0em;
		box-shadow: 0 0 5px #CCC;
		clear:left;
}
a.thumb-link,
.thumb-link img{
		width:96px;
		height:75px;
		border-radius: 0.8em;
		margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

#content {
	margin: 6em 5% 181px 5%;
	min-height: 40em;
	padding: 1em 2em;
	float: left;
}
.highlight,
.comment-awaiting-moderation{
		color: #d20;
}

.entry-utility .content-type{
		padding-right:1em;
}
/******************************************************************************************************************
 *
 *  PAGINATION
 *
 *****************************************************************************************************************/
nav.pagination{	text-align:center; font-size:80%;	}
nav .prev{	float:left; text-align:left; }
nav .next{	float:right; text-align:right;	}

/******************************************************************************************************************
 *
 *  FORMS
 *
 *****************************************************************************************************************/
input[type=text],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #DD2200;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #333;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

/******************************************************************************************************************
 *
 *  COMMENTS
 *
 *****************************************************************************************************************/
#social .social-nav,
XX#social .social-comment:hover{	background:none;	}
#social #reply-title {
		color: #DD2200;
    margin: 1em .5em 0;
}
		#social .social-sign-in-links{
				margin-top:1.5em;
		}
#social .social-commentlist #respond h3{
		color: #fff;
}
#social .social-commentlist #respond button,
#social .social-commentlist #respond input,
#social .social-commentlist #respond textarea{
		border-color: #fff;
		background-color:#fff;
		color: #42729c!important;
}
#social .social-commentlist #respond .social-divider span {
    background-color: #fff;
    color: #42729c;
}

#social .social-commentlist #respond #commentform {
    border-left:none;
}

.avatar {
  -webkit-box-shadow: none!important;
     -moz-box-shadow: none!important;
          box-shadow: none!important;
}
#social .social-identity .avatar,
#social .social-comment-header .avatar {
    top: 0;
    margin-top: 0;
}
#social .social-divider{
		background:none;
}
#social .social-nav li a,
#social .social-divider span{
		font-family: "Kalenderblatt Grotesk Regular", KalenderblattGrotesk, arial, sans-serif;
		margin:0;
		padding:0 1em;
		top:0;
		font-style:normal;
		background-color: #DD2200;
		border-radius: 1em;
		color:#fff;
}

#social .social-sign-in-links {
		width: 100%;
		text-align: center;
}
		#social .social-sign-in-links a {
			  float:  none;
			  display:  inline-block;
			  padding:0!important;
			  border: none;
				outline: none;
		}
#social a:hover{
		color:#fff;
}

#social small.social-psst{
    color: #EFEEEC;
    font-size: 100%;
}

#social #reply-title span{
		float:none;
}

p.social-input-row{
    font-size: 76%;
    padding-bottom: 1em;
    width:30%;
    float: left;
    padding-right:4%;
}

.qtag-toolbar + textarea {
    width: 97%;
    min-height:100px;
}

.qtag-toolbar {
		font-size: 1.1em;
		margin: 1em 0 -2px;
}

p.social-input-row input,
p.social-input-row textarea{
		font-size:1em;
		width:97%;
}

body.logged-in p.social-input-row textarea{
		width:84%;
}

ul.social-children p.social-input-row textarea{
		width:82%;
}

ul.social-children .social-children p.social-input-row textarea{
		width:80%;
}

p.social-input-row-url{
		padding:0;
}

p.form-submit,
p.social-input-row-comment{
		clear:both;
		float:none;
}

p.social-input-row-comment,
.logged-in #social .social-input-row {
    font-size: 76%;
    width:100%;
    padding-bottom: 0;
}
p.social-input-row-comment label{
		display:none;
}

p.form-submit{
		text-align:right;
		position: relative;
		top: -2em;
		right: 15px;
}

#social .social-comment-inner {
		padding: 1px 0 0 50px;
		margin-top:6px;
}

div.subscribe-to-doi-comments{
    position: relative;
    left:-100%;
    width:300%;
}

.logged-in #social div.subscribe-to-doi-comments{
    position: relative;
    left:0;
    width:auto;
}

#social .social-commentlist {
		margin-top: 2em;
}

#social .social-comment-meta {
    background: url('../../cb-std-sys/img/social/sprite-y-24-icons.png' ) no-repeat scroll 0 0 transparent;
}

#social .social-nav li {
    margin-left:1%;
    clear:none;
    background:none;
    padding:0;
}
#social .social-nav .social-current-tab {
    padding-left: 0;
}

#social .social-nav li a,
.social-posted-when {
    padding: 0 4px;
    height: auto;
    font-size: 92%;
    outline:none!important;
		border: none !important;
}
#social .social-nav li a{
    background-color: #8eaac4;
    font-size: 80%;
    font-weight: normal;
    padding: 0 6px!important;
}
#social .social-nav li a:hover,
#social .social-nav li a:focus,
#social .social-nav li a:active,
#social .social-nav .social-current-tab a {
		background-color: #DD2200;

}

#social .social-nav .social-current-tab a {
    color:#fff;
    text-shadow: 1px 1px 0 #000000;
}

#social .social-nav,
#social .social-nav .social-tab-main {
    padding-left: 0;
    font-weight: 300;
}

#social #social-tabs-comments .social-nav li a span {
    background: url('../../cb-std-sys/img/social/sprite-y-24-icons.png') no-repeat scroll 0 100px transparent;
}

#social .social-wordpress .social-comment-meta,
#social ol li ul li.social-wordpress .social-comment-meta {
    background-position: right 2px;
    color:#fff;
    text-shadow:none;
}

#social .social-actions,
#social .social-actions a,
#social .social-comment-meta,
#social .social-comment-meta a,
#social .social-last-reply-when {
	color: #8eaac4;
}

#comments li.bypostauthor {
    border-color: #da8271;
}

#social .social-children .social-comment {
    margin-left: 5%;
}

#social .social-children .social-comment p{
    font-size:1em;
}

#social .social-comment *{
		color:#fff;
}

/******************************************************************************************************************
 *
 *  FOOTER
 *
 *****************************************************************************************************************/
#colophon {
	color: #d20;
	font-size: 80%;
	font-weight: 400;
	margin: 6em 8% 120px;
	padding: .25em 1em!important;
	position:relative;
	top:100px;
	
}

		#colophon a {
			color: #d20;
			text-decoration: underline
		}
		#colophon p {
			margin: 0 auto;
			text-align: left;
		}

#first-footer-sidebar{
		width:64%;
  	float: left;
		text-align: left;
}
		#colophon .xoxo h3{
				display:none;
		}
#site-info{
		width:16%;
		float:left;
		
}
		#site-info a{
        text-decoration: none;
        display: block;
		}
		#site-info span{
        display: block;
		}
.menu-footer{
		width:12%;
		float:right;
		
}
		.menu-footer ul{
				margin:0;
		}
/******************************************************************************************************************
 *
 *  FORMS
 *
 *****************************************************************************************************************/
button,
.button,
input[type="submit"],
.page-numbers {
		display: inline-block;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid ;
		margin: 0 0.5em 0.5em 0;
		padding: .15em .3em;
		font-family: "Kalenderblatt Grotesk Regular", KalenderblattGrotesk, arial, sans-serif;
		color: #D20!important;
		background:#F4DEAD;
		padding: 0 0.5em;
		outline: none!important;
		min-width: 0.75em;
		text-align: center;
		text-shadow: 0 1px 0 #FFF;
		font-weight:normal!important;
}
button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
a.page-numbers:hover,
a.page-numbers:focus,
a.page-numbers:active,
.page-numbers.current {
    background: url('../../cb-std-sys/img/social/sprite-y-24.png') no-repeat scroll 0 -100px #DEDEDE;
    color: #0867AB;
		border-bottom: 1px solid!important ;
}
span.page-numbers{	cursor: context-menu;	}
.page-numbers.dots{ background:none!important}

.qtag-toolbar button{
		font-size:.75em;
		height:20px;
}
		.qtag-toolbar .qtag-code,
		.qtag-toolbar .qtag-quote{
 				font-size:1em;
		}
		
#social #reply-title span,
#social .social-nav li a {
    height: auto;
}




		
#feedback #main input {
	background-color: #fbd582;
	background-color: rgba(251,200,0,0.4);
	border-radius: 1em;
	margin-top: 5px;
	padding: 4px;
	width: 97%
}
#feedback fieldset {
	padding: 20px
}
#feedback fieldset, #feedback textarea, #feedback fieldset>input {
	border-radius: 1em;
	border: 4px solid rgba(255,255,255,0.4)
}
#feedback input.check {
	border: 0 none;
	margin: 5px 0 0;
	width: auto
}
#feedback #main input:focus, #feedback textarea:focus, #feedback #main input:hover, #feedback textarea:hover {
	background: #fbd582;
	border-color: red;
	opacity: 1.0
}
#feedback label {
	cursor: pointer;
	display: block;
	margin: 5px 15px 0 0;
	width: 100%
}
#feedback label strong {
	color: #904c25;
	font-size: 1.7em;
	margin-left: 5px
}
#feedback select {
	margin-top: 5px;
	width: auto
}
#feedback textarea {
	background-color: #fbd582;
	background-color: rgba(251,200,0,0.4);
	height: 20em;
	margin-top: 5px;
	overflow: auto;
	padding: 4px;
	width: 97%
}

/*mainnavi*/
#access {
		margin-left: -5.3em;
    position: absolute;
    top: 0em;
    width: 100%;
}
		#menu-hauptnavi {
			display: inline;
			float: left;
			font-size: 150%;
			list-style-type: none;
			margin: 3em 0 .5em 5%;
			width: 60%
		}
				#menu-hauptnavi a {
					background: transparent;
					color: #d20;
					display: block;
					margin-left: .5em;
					text-align: center;
					text-decoration: none;
					width: 100%
				}
				#menu-hauptnavi li {
					background: transparent;
					float: left;
					height: 1em;
					margin: .4em .6em 0 0;
					padding-left: .8em;
					width: 4em
				}
/*sidebar*/
#sidebar {
	float: right;
	width: 38%
}
		#primary-sidebar .widget-1 .textwidget {
			position: relative;
			min-height: 21em;
			margin-bottom: 1em
		}
		
		#pawel img,
		#caba img{
				border: none;
		}
		#sidebar li {
			background: url(../img/spriteimg.png) no-repeat 0 -291px;
			padding-left: 10px;
			line-height: 120%;
			border-bottom: 1px dotted #2d2d2d
		}
				#sidebar li:last-child {
					border: none
				}
				#sidebar li:hover {
					background-position: 0 -211px
				}
		#sidebar #secondary-sidebar {
			float: left;
			width: 50%
		}
		#sidebar #secondary-sidebar div.searchbar,
		#sidebar #secondary-sidebar article.popular-posts {
			border-top-left-radius: 1em;
			border-top-right-radius: 1em;
			border: 3px solid rgba(255,255,255,0.3);
			background-color: #d81800;
			border-bottom: 1px dotted;
			border-top-left-radius: 1em;
			border-top-right-radius: 1em;
			padding: 1em 1.5em;
			margin-top:2em;
			color:#fff;
		}
		#sidebar #secondary-sidebar article.popular-posts {
			padding: 1em 0.75em 2em;
		}
		#sidebar #secondary-sidebar .searchbar a {
			border-bottom: 1px dotted;
			color: #fff;
			cursor: help;
			font-weight: 700;
			text-decoration: none
		}
		#sidebar #secondary-sidebar .popular-posts a {
			color: #fff;
			cursor: pointer;
			font-weight: 700;
			text-decoration: none
		}
		#sidebar #secondary-sidebar .popular-posts li {
			background-position: 0 -250px;
			padding-left: 20px;
			border-color: #fff
		}
		#sidebar #secondary-sidebar .popular-posts li:hover {
			background-position: 0 -211px;
			border-color: #25496F
		}
		#sidebar #secondary-sidebar article {
			border-bottom-left-radius: 1em;
			border-bottom-right-radius: 1em;
			background-color: #fbd582;
			border-bottom-left-radius: 1em;
			border-bottom-right-radius: 1em;
			padding: .8em;
			border: 3px solid rgba(255,255,255,0.3);
			border-top: none;
			margin-top:-1em;
		}
		#sidebar .tagcloud {
        text-align: center;
		}
				#sidebar .tagcloud a{
		        vertical-align:middle;
		        font-weight: bold;
						margin:.2em;
						color:#42729c;
				}
				#sidebar .tagcloud a:active,
				#sidebar .tagcloud a:focus,
				#sidebar .tagcloud a:hover{
	          color: #d81800;
	          text-decoration: none;
				}
#sidebar #secondary-sidebar #text-5{
margin-top: 2em;
background: #C9D0C6 url('http://www.svgopen.org/2012/assets/bg-logo.png') 50% 2em no-repeat;
color: #2D2D2D;
border-top-left-radius: 1em;
border-top-right-radius: 1em;

}
#sidebar #text-5 a{ color:#2D2D2D; }
#sidebar #secondary-sidebar #text-5 h3{
margin-bottom:4em;
}
#sidebar #secondary-sidebar #text-5 p{
color: #2D2D2D;
}
#main #sidebar h2,
#sidebar #secondary-sidebar p {
	color: #fff;
	line-height: 102%
}
#sidebar #secondary-sidebar h2 {
	font-weight: bold;
	margin: 1em 0
}
#sidebar #third-sidebar li {
	background-position: 0 -250px;
	padding-left: 20px;
	border: none
}
#sidebar #third-sidebar li.morelink {
	background-image: none;
	margin-top: 1em;
	font-size: 120%
}
li.morelink:after {
	content: " \00BB";
	color: #fff;
}
li.morelink:hover:after {
	color: red;
}
#sidebar #third-sidebar ul.feeds li {
	background-position: 0 -26px;
}
#sidebar #secondary-sidebar li a {
	color: #2d2d2d;
	font-weight: 500;
	text-decoration: none
}
#sidebar #secondary-sidebar li a:hover{
		color:#2D2D2D;
}
#main h2:hover, #main h2 a:hover {
	color: #25496F
}
#sidebar #third-sidebar li:hover {
	background-position: 0 -290px
}
#main hr:hover {
	border-top: 1px solid #25496F
}
#sidebar #third-sidebar {
	float: right;
	width: 40%
}

#sidebar form {
	position: relative;
	padding: 0;
	margin: 1em 0
}
#sidebar #third-sidebar h3,
#secondary-sidebar .twitter h3 {
	color: #2d2d2d;
	font-size: 120%;
	text-decoration: none
}
#sidebar article {
		margin-top:2em;
}
#sidebar #third-sidebar article {
	border-radius: 1em;
	border: 3px solid rgba(255,255,255,0.3);
	background: #42729C;
	padding: .8em;
	margin-bottom:1.5em;
}
		#sidebar #third-sidebar article h3 {
    		color: #d4dde4;
		}


#sidebar input,
#searchbar input {
	border: none;
	height: 18px;
	margin: 0;
	font-size: 1.2em;
	height: 1.5em;
	padding: 0.1em 1.5em;
}
#sidebar input.input,
#searchbar input.input {
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	background: #fff url(../img/spriteimg.png) 5px -422px no-repeat;
	width: 40%;
}
#sidebar input.input:focus {
	background-color: #fbd582
}
#sidebar input.submit,
#searchbar input.submit {
	background-color: #f60;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	width: 11%;
	padding: 0.1em;
	font-size: 1.4em
}
#sidebar form {
	position: relative
}
#sidebar input.submit {
	position: absolute;
	top: -1px
}
#sidebar input.submit:hover {
	background-color: #ec4000;
	color: #fbd582
}

#sidebar ul {
		list-style: none;
		margin: 0;
		padding: 0;
}
		#sidebar li a {
				color: #d4dde4;
				font-size: 80%;
				font-weight: 600;
				text-decoration: none;
				display: block;
		}
/*
#sidebar #third-sidebar ul,
#sidebar #third-sidebar form {
	margin: 0 0 2em;
	padding: .8em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border: 3px solid rgba(255,255,255,0.3);
	border-top: none;
	background: #42729C
}
*/
#main {
	margin: 0;
	width: 55%;
	float: left;
  padding-top:1.25em;
}
.home #main,
.singular #main{ padding-top:.75em;	}
#main h2 {
	font-size: 160%;
	font-weight: bold;
	margin-left: .5em;
	width: 90%;
	line-height: 1.2em
}
#main h2 a {
	color: #42729C
}

#main dt, #main h3, #main h4, #main h5 {
	color: #42729C;
	margin: 0;
}
#main h5 {
	color: #d20;
	margin-top: 2em
}
#main img {
		margin: 0;
		padding: 0;
		border-radius: 0.4em;
}
		#main img[src*="flickr.com"] {
				width: 70%;
				border-radius: .5em;
				float: left;
				margin: 0 0.4em 0.2em 0
		}
#main a[href^="http"] {
	background: url('../img/spriteimg.png') 0 -131px no-repeat;
	padding-left: 12px;
}
		#content .entry-content a[href^="http"]:before,
		#content .entry-content a[href^="http"]:after,
		#content .entry-content a[href^="http"]:hover:after{	content: "";	}

#main a[href^="http://www.pixelfans."],
#main a[href*="flickr.com"] {
	background: none;
	padding-left: 0
}
#main ul li {
	background: url(../img/spriteimg.png) no-repeat 0 -291px;
	padding-left: 20px;
	margin-left: 0.5em;
	clear:both;
}
#main ol,
#main ol li {
	list-style: decimal-leading-zero inside none;
}
.alert {
	color: red;
	font-size: 1.2em;
	font-weight: 700
}
#main ul.categories li {
	background: none
}
#main ul.categories li ul li {
	background: url(../img/spriteimg.png) no-repeat 0 -171px
}
#main ul li a {
	border: none
}
#main .comment,
#main .social-comment,
.faq p {
	padding: 5px;
	margin-top: 0.5em;
	border: 4px solid rgba(255,255,255,0.4);
	border-radius: 0.4em;
	color: #fff
}
#main .faq p a {
	color: #fff
}
#main p.download a,
#main article.post p.attention a {
	color: #fff;
	font-weight: 700;
	font-size: 1.3em;
}
#main p.download,
#main p.attention {
	font-weight: 400;
	border: 4px solid rgba(255,255,255,0.4);
	font-size: .8em;
	color: #fff;
	padding: .8em;
	border-radius: 4px
}
#main .comment,
#main .social-comment{
	min-height: 5em;
	list-style:none;
}

article.post,
article.page,
#primary-sidebar .widget-1,
#colophon {
	margin-top: 2em;
	background: rgba(255,255,255,0.5);
	padding: 2%;
	border-radius: 1em;
	border: 4px solid rgba(255,255,255,0.4)
}

#content .post {
	margin-top: 1.3em
}
.extras {
	clear: both;
	font-weight: 700
}
article.post object,
article.post svg {
	width: 14em;
	height: 13em;
	float: left
}
article.post svg#full {
	width: 100%;
	height: 30em
}
article.post svg text {
	fill: #fff;
	font-size: 1.8em
}
article.post svg text tspan {
	font-size: 0.5em
}
ul.morecontent {
	height: 1.5em;
	list-style: none;
	margin-top: 1em;
	display: table
}
#content ul.morecontent li {
	display: table-cell;
	background: none
}
.posted {
	color: #2d2d2d;
	font: 1.1em;
	font-weight: 700;
	margin-top: 0;
}
.comment .posted {
	color: #fff;
}
.reading {
	border-top: 1px dotted #fff
}
a.skip {
	height: 1px;
	left: -1000em;
	position: absolute;
	top: -1000em;
	width: 1px
}
a.skip:focus, a.skip:active {
	background-color: #fbd582;
	color: #2d2d2d;
	font-weight: bold;
	height: auto;
	left: 5em;
	outline: 1px solid #d81800;
	padding: .2em;
	position: absolute;
	text-decoration: none;
	top: 2em;
	width: auto;
	z-index: 1
}
#sidebar #secondary-sidebar h2,
.widget-1 h2,
#feedback legend {
	border-radius: 4px;
	background-color: #2d2d2d;
	color: #fbd582;
	display: inline;
	font-size: 99%;
	font-weight: 500;
	padding: .2em 1em;
	text-align: center
}
#sidebar #secondary-sidebar .popular-posts h2 {
	background-color: #fff;
	color: #d20;
}
.widget-1 h2 {
	color: #fff
}
/*Twitter*/
.twitterbox {
	width: 90%;
	float: left;
	padding: 0.5em
}
#pawel, #caba {
	position: absolute;
	top: 83%;
	left: -13%;
	width: 10.5em;
	font: 0.8em/0.9em "Comic Sans MS", Helvetica, Verdana, sans-serif;
	border-radius: 1em;
	background-color: #d0e7f1;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #ccc;
	padding: 0.5em;
	opacity: 0
}
#pawel a, a {
	color: #42729C
}
#caba {
	top: 85%;
	left: 60%;
	width: 14em
}
#pawel li, #caba li {
	background-image: none;
	border: none
}
a:link, #sidebar li a:hover {
	color: #2d2d2d
}
#sidebar #third-sidebar li a:hover {
	color: #DD2200;
}
#menu-hauptnavi a:hover {
	color: #25496F
}
#sidebar #secondary-sidebar .reading h2:hover,
#sidebar #secondary-sidebar h2.search:hover,
#feedback legend:hover {
	color: #fff
}
#main a, #main p.posted a, strong {
	color: #42729C;
	font-weight: 700;
	text-decoration: none
}
#main article.post a {
	border: none
}
#main article.post p a {
	color: #25496F
}
#main article.post p a:hover {
	color: #01162D
}
#main .spam {
	display: none
}
.widget svg {
	height: 16em;
	position: absolute;
	bottom: -1.5em;
	left: -0.1em
}
#pixelfans {
	width: 130%;
}
/* ColorBox */
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
}
#cboxLoadedContent {
	overflow: auto;
}
#cboxLoadedContent iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
#cboxTitle {
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}
#cboxOverlay {
	background: #000;
}
#cboxContent {
	margin-top: 20px;
}
#cboxLoadedContent {
	background: #000;
	padding: 5px;
}
#cboxTitle {
	position: absolute;
	top: -20px;
	left: 0;
	color: #ccc;
}
#cboxCurrent {
	position: absolute;
	top: -20px;
	right: 0px;
	color: #ccc;
}
#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}
#cboxPrevious {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -32px;
	background: url(../img/controls.png) top left no-repeat;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxPrevious.hover {
	background-position: bottom left;
}
#cboxNext {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -32px;
	background: url(../img/controls.png) top right no-repeat;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxNext.hover {
	background-position: bottom right;
}
#cboxLoadingOverlay {
	background: #000;
}
#cboxLoadingGraphic {
	background: url(../img/loading.gif) center center no-repeat;
}
#cboxClose {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(../img/controls.png) top center no-repeat;
	width: 38px;
	height: 19px;
	text-indent: -9999px;
}
#cboxClose.hover {
	background-position: bottom center;
}
/* triangles for speech bubbles */
#pawel:before, #caba:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -40px;
	left: 40px;
	width: 0;
	height: 0;
	border: 1px solid transparent;
	border-top-color: #ccc;
}
#pawel:after, #caba:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -26px;
	left: 47px;
	width: 0;
	height: 0;
	border: 13px solid transparent;
	border-top-color: rgba(255,255,255,0.6);
}
#pawel:before {
	top: 10px;
	right: -30px;
	bottom: auto;
	left: auto;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: transparent #ccc;
}
#pawel:after {
	top: 30px;
	right: -21px;
	bottom: auto;
	left: auto;
	border-width: 9px 0 9px 21px;
	border-style: solid;
	border-color: transparent rgba(255,255,255,0.6);
}
#caba:before {
	top: -40px;
	right: 40px;
	bottom: auto;
	left: auto;
	border: 1px solid transparent;
	border-bottom-color: #ccc;
}
#caba:after {
	top: -26px;
	right: 70px;
	bottom: auto;
	left: auto;
	border: 13px solid transparent;
	border-bottom-color: rgba(255,255,255,0.6);
}

@media (max-width:600px) {

		#sidebar #secondary-sidebar div.searchbar,
		.widget-1,
		#sidebar
		#secondary-sidebar article#categories-3,
		.widget-1,
		#sidebar #third-sidebar,
		.date .year {
			display: none
		}
		#content div#main {
			width: 100%
		}
		#sidebar {
			width: 100%;
			clear: both
		}
		body h1 {
			position: absolute;
			left: 10%;
			top: 5%
		}
		.date {
			width: 2em
		}
		.date .day {
			font-size: 3em, font-weight: bold
		}
		#sidebar #secondary-sidebar article.popular-posts {
			background: none;
			border: none
		}
		#sidebar #secondary-sidebar article.popular-posts h2, #sidebar #secondary-sidebar article.popular-posts li:hover {
			background-color: #42729C;
			color: #fff
		}
		#sidebar #secondary-sidebar article.popular-posts li {
			background: none;
			border-color: #42729C
		}
		#sidebar #secondary-sidebar article.popular-posts a {
			color: #42729C
		}
}
/** IE HACKS **##** moved from /css/ie.css  **/
.ie .date .year {
	line-height: 1.2em;
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
	left: 2.8em;
	bottom: 1.8em
}
.ie #content {
	background-color: transparent\9;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
	zoom: 1;
}
.ie .svg {
	background-color: transparent\9;
	zoom: 1;
	filter:  progid: DXImageTransform.Microsoft.gradient(startColorstr='#4C00AFF1',endColorstr='#4C00AFF1');
/* IE6, IE7 */
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#4C00AFF1',endColorstr='#4C00AFF1')";
/* IE8 */
}