Resultat de la compression du code CSS de francescoschwarz.de

Lasse nous voir ce que nous avons fait pour francescoschwarz.de

CSSCruncher.com à sauvgardé
34,52 % de code poour ce site! je n\'y crois pas!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

« Cache toutes les erreurs CSS et avertissement

Error on Line 1:
  Line : 210 Context : input, textarea in property : background-image
  Class:     ï¿½ï¿½ï¿½@charset "utf-8";
  Property:  
  Value:     

Error on Line 211:
  -webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(230, 230, 230)),color-stop(1,rgb(248, 248, 248))) is not a background-image value
  Class:     input, textarea
  Property:  background-image
  Value:     -webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(230, 230, 230)),color-stop(1,rgb(248, 248, 248)))

Error on Line 214:
  Property -moz-border-radius doesn't exist
  Class:     input, textarea
  Property:  -moz-border-radius
  Value:     0.2em

Error on Line 215:
  Property -webkit-border-radius doesn't exist
  Class:     input, textarea
  Property:  -webkit-border-radius
  Value:     0.2em

Error on Line 216:
  Property border-radius doesn't exist
  Class:     input, textarea
  Property:  border-radius
  Value:     0.2em

Error on Line 249:
  Property -webkit-appearance doesn't exist
  Class:     input[type="search"]
  Property:  -webkit-appearance
  Value:     none

Error on Line Line : 254:
  The pseudo-element
  Class:     Line : 254
  Property:  254
  Value:     :-moz-focus-inner can't appear here in the context css21

Error on Line 351:
  -moz-linear-gradient(center bottom,rgb(230, 230, 230) 0%,rgb(250, 250, 250) 100%) is not a background-image value
  Class:     #sidebar
  Property:  background-image
  Value:     -moz-linear-gradient(center bottom,rgb(230, 230, 230) 0%,rgb(250, 250, 250) 100%)

Error on Line 352:
  -webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(230, 230, 230)),color-stop(1,rgb(250, 250, 250))) is not a background-image value
  Class:     #sidebar
  Property:  background-image
  Value:     -webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(230, 230, 230)),color-stop(1,rgb(250, 250, 250)))

Error on Line 353:
  Property -moz-border-radius-bottomright doesn't exist
  Class:     #sidebar
  Property:  -moz-border-radius-bottomright
  Value:     0.5em

Error on Line 354:
  Property -moz-border-radius-bottomleft doesn't exist
  Class:     #sidebar
  Property:  -moz-border-radius-bottomleft
  Value:     0.5em

Error on Line 355:
  Property -webkit-border-bottom-right-radius doesn't exist
  Class:     #sidebar
  Property:  -webkit-border-bottom-right-radius
  Value:     0.5em

Error on Line 356:
  Property -webkit-border-bottom-left-radius doesn't exist
  Class:     #sidebar
  Property:  -webkit-border-bottom-left-radius
  Value:     0.5em

Error on Line 357:
  Property border-bottom-right-radius doesn't exist
  Class:     #sidebar
  Property:  border-bottom-right-radius
  Value:     0.5em

Error on Line 358:
  Property border-bottom-left-radius doesn't exist
  Class:     #sidebar
  Property:  border-bottom-left-radius
  Value:     0.5em

Error on Line 370:
  Property text-shadow doesn't exist
  Class:     #sidebar h2, #sidebar h3
  Property:  text-shadow
  Value:     1px 1px #fff

Error on Line Line : 385:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 385
  Property:  385
  Value:     last-child

Error on Line 421:
  Property -moz-border-radius doesn't exist
  Class:     #blogroll dt
  Property:  -moz-border-radius
  Value:     0.5em

Error on Line 422:
  Property -webkit-border-radius doesn't exist
  Class:     #blogroll dt
  Property:  -webkit-border-radius
  Value:     0.5em

Error on Line 423:
  Property border-radius doesn't exist
  Class:     #blogroll dt
  Property:  border-radius
  Value:     0.5em

Error on Line Line : 484:
  Unknown pseudo-element or pseudo-class %s
  Class:     Line : 484
  Property:  484
  Value:     Unknown pseudo-element or pseudo-class %s

Error on Line 499:
  Property -moz-border-radius doesn't exist
  Class:     ol#commentlist li
  Property:  -moz-border-radius
  Value:     0.3em

Error on Line 500:
  Property -webkit-border-radius doesn't exist
  Class:     ol#commentlist li
  Property:  -webkit-border-radius
  Value:     0.3em

Error on Line 501:
  Property border-radius doesn't exist
  Class:     ol#commentlist li
  Property:  border-radius
  Value:     0.3em

Error on Line 502:
  Property -moz-box-shadow doesn't exist
  Class:     ol#commentlist li
  Property:  -moz-box-shadow
  Value:     0.1em 0.1em 0.2em #999

Error on Line 503:
  Property -webkit-box-shadow doesn't exist
  Class:     ol#commentlist li
  Property:  -webkit-box-shadow
  Value:     0.1em 0.1em 0.2em #999

Error on Line 504:
  Property box-shadow doesn't exist
  Class:     ol#commentlist li
  Property:  box-shadow
  Value:     0.1em 0.1em 0.2em #999

Error on Line Line : 520:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 520
  Property:  520
  Value:     last-child

Error on Line 528:
  Property -moz-box-shadow doesn't exist
  Class:     ol#commentlist li.author
  Property:  -moz-box-shadow
  Value:     0.1em 0.1em 0.2em #bbb

Error on Line 529:
  Property -webkit-box-shadow doesn't exist
  Class:     ol#commentlist li.author
  Property:  -webkit-box-shadow
  Value:     0.1em 0.1em 0.2em #bbb

Error on Line 530:
  Property box-shadow doesn't exist
  Class:     ol#commentlist li.author
  Property:  box-shadow
  Value:     0.1em 0.1em 0.2em #bbb

Error on Line 681:
  Property -moz-border-radius doesn't exist
  Class:     h2#respond + .note
  Property:  -moz-border-radius
  Value:     0.3em

Error on Line 682:
  Property -webkit-border-radius doesn't exist
  Class:     h2#respond + .note
  Property:  -webkit-border-radius
  Value:     0.3em

Error on Line 683:
  Property border-radius doesn't exist
  Class:     h2#respond + .note
  Property:  border-radius
  Value:     0.3em

Error on Line 698:
  Property -moz-box-shadow doesn't exist
  Class:     .media img, .media object
  Property:  -moz-box-shadow
  Value:     0 0 0.5em #bbb

Error on Line 699:
  Property -webkit-box-shadow doesn't exist
  Class:     .media img, .media object
  Property:  -webkit-box-shadow
  Value:     0 0 0.5em #bbb

Error on Line 700:
  Property box-shadow doesn't exist
  Class:     .media img, .media object
  Property:  box-shadow
  Value:     0 0 0.5em #bbb

Code CSS comprimé:

ï»¿@charset "utf-8";@media screen,projection{*{margin:0;padding:0}
body{background:#fff;color:#333;font:100%/1.7 Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif}
h1, h2, h3{line-height:1.3}
h1, h3, h4{font-weight:700}
h1{font-size:2.3em;margin:.6em 0 -.3em;text-align:center}
h2{font-size:2.2em;font-weight:400}
h3{font-size:1.5em;margin:1.5em 0 -.4em}
h4{font-size:1.2em;margin-bottom:-1em}
a{border-bottom:1px solid #c00;color:#c00;text-decoration:none}
a:link:focus{background:#c00}
a:link:focus:hover{color:#c00}
a:visited{border-color:#830000;color:#830000}
a:visited:focus{background:#830000}
a:visited:focus:hover{color:#830000}
a:focus, a:hover{border-bottom:0}
a:focus{color:#fff}
a:focus:hover, a:hover{background:#ffffd0}
a:active{bottom:-1px;position:relative}
abbr{border-bottom:1px dotted #999;cursor:help}
address{font-style:normal}
cite, em, q{font-style:italic}
code{font-size:1em !important;font-family:Consolas,"Courier New","Andale Mono",Monaco,monospace}
strong{font-weight:700}
q{quotes:"" ""}
q:before, q:after{content:""}
li{list-style-position:outside}
table{border-collapse:collapse;width:100%}
td, th{text-align:left;vertical-align:top}
form *{font-family:Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em}
fieldset{border:0}
label, input[type="submit"]{cursor:pointer}
input, textarea{background-color:#eee;background-image:-moz-linear-gradient(center bottom,rgb(230,230,230) 0%,rgb(248,248,248) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(230,230,230)),color-stop(1,rgb(248,248,248)));border:1px solid;border-color:#f6f6f6 #ccc #ccc #f6f6f6;-moz-border-radius:.2em;-webkit-border-radius:.2em;border-radius:.2em;padding:.3em}
input:hover, textarea:hover{background:#dfdfdf;border-color:#ccc #f0f0f0 #f0f0f0 #ccc}
input:focus, textarea:focus{background:#fff;border-color:#666}
input[type="submit"]{font-weight:700}
input[type="submit"]:focus{background:#dfdfdf;border-color:#ccc #f0f0f0 #f0f0f0 #ccc}
input[type="search"]{-webkit-appearance:none}
input::-moz-focus-inner{border:0;padding:0}
img{border:0}
#wrapper{margin:0 auto;position:relative;width:60em}
#header{border-bottom:.2em solid #c8c8c8;font-size:1.2em;margin-top:1em}
#header a:visited{border-color:#c00;color:#c00}
#header a:visited:focus{color:#fff;background:#c00}
#header a:visited:focus:hover{background:#ffffd0;color:#c00}
#header li{display:inline;list-style:none;margin-right:1em}
#header form{float:right;font-size:.8em;margin-top:.25em}
#header p{margin-bottom:1.5em;text-align:center}
#content{float:left;padding-top:2em;width:40em}
#content ol, #content p, #content ul{margin:1.5em 0}
#content li{margin-left:2em}
#sidebar{background-color:#f4f4f4;background-image:-moz-linear-gradient(center bottom,rgb(230,230,230) 0%,rgb(250,250,250) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(230,230,230)),color-stop(1,rgb(250,250,250)));-moz-border-radius-bottomright:.5em;-moz-border-radius-bottomleft:.5em;-webkit-border-bottom-right-radius:.5em;-webkit-border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;border-bottom-left-radius:.5em;float:right;padding:2em 1em;width:15.3em}
#sidebar h2, #sidebar h3{font-size:1.25em;font-weight:400;margin:0;text-shadow:1px 1px #fff}
#sidebar p, #sidebar ul{font-size:.85em;margin:0 0 2em}
#sidebar ul{list-style:none}
#sidebar *:last-child{margin-bottom:0 !important}
#footer{font-size:.85em;text-align:center}
#footer li{list-style:none;margin:3em 1em 1.5em}
#blogroll{margin-top:1em}
#blogroll p{margin:1em 0}
#blogroll dt{background:#f4f4f4;-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;clear:both;font-size:1.2em;font-weight:700;padding:.3em .5em}
#blogroll dt + dd{color:#999;float:left;font-size:.85em;margin-top:1.5em;width:26%}
#blogroll dt + dd p:first-child{line-height:1.5}
#blogroll dt + dd + dd{float:right;margin-bottom:2.5em;width:70%}
#all-posts{margin-top:.8em}
#all-posts th{background:#eee;padding:.3em .5em}
#all-posts td{padding:.5em}
#all-posts thead, #all-posts tfoot{border:1px solid #ccc}
#all-posts tbody tr{background:#fefefe}
#all-posts tbody tr:nth-child(even){background:#f5f5f5}
ol#commentlist{list-style:none}
ol#commentlist li{background:#eee;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;-moz-box-shadow:.1em .1em .2em #999;-webkit-box-shadow:.1em .1em .2em #999;box-shadow:.1em .1em .2em #999;margin:0 0 2em 0 !important;padding:1em}
ol#commentlist p{margin:1em 0 !important}
ol#commentlist li img{margin-right:.7em;vertical-align:middle}
ol#commentlist li *:last-child{margin-bottom:0 !important}
ol#commentlist li.author{background:#fff3f3;-moz-box-shadow:.1em .1em .2em #bbb;-webkit-box-shadow:.1em .1em .2em #bbb;box-shadow:.1em .1em .2em #bbb}
#commentform{font-size:1.2em;margin-top:1em}
#commentform label{display:block}
#commentform textarea, #commentform input[type="text"]{margin-bottom:1em;width:98%}
#commentform textarea{height:10em}
#commentform input[type="submit"]{margin-top:1em;padding:.8em}
.posts{list-style:none;margin-top:2em}
.posts li{margin:0 0 2.2em 0 !important}
.posts h3{margin-bottom:-.8em}
.posts .meta{color:#777;font-size:.9em;margin:1.6em 0 -1.6em !important}
.posts .meta a{border-color:#777;color:#777}
.posts .meta a:focus{color:#fff}
.posts .meta a:focus:hover{color:#777}
.intro{font-size:1.3em;margin:.7em 0 1em !important}
ol.code{background:#fafafa;border:solid #999;border-width:1px 0;color:#000;list-style:none;margin:1.5em 0;padding:.5em}
ol.code li{line-height:1.5;margin-left:0 !important}
ol.code li.tab-1{padding-left:2em}
ol.code li.tab-2{padding-left:4em}
ol.code li.tab-3{padding-left:6em}
ol.code li.tab-4{padding-left:8em}
.hidden{left:-9999em;position:absolute;top:-9999em}
a.alt{border:none}
a.alt img{position:relative;top:-2px;vertical-align:middle}
.note{font-size:.9em}
h2#comments, h2#respond{margin-top:2em}
h2#respond + .note{background:#f4f4f4;border:1px solid #ccc;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;padding:.5em}
.media{margin:2em 0 !important;text-align:center}
.media img, .media object{-moz-box-shadow:0 0 .5em #bbb;-webkit-box-shadow:0 0 .5em #bbb;box-shadow:0 0 .5em #bbb}
.media img{background:#fbfbfb;border:1px solid #ccc;margin-bottom:.5em;padding:.2em}
.media object{height:340px;margin:0 auto;width:560px}
.img{font-size:.9em;color:#777}
.icons li{background:transparent url(img/profiles.png) no-repeat 0 3px;list-style:none;padding-left:1.5em}
li.facebook{background-position:0 -29px}
li.rss{background-position:0 -60px}
li.googlebuzz{background-position:0 -93px}
li.lastfm{background-position:0 -125px}
li.twitter{background-position:0 -156px}
li.xing{background-position:0 -189px}
li.youtube{background-position:0 -221px}
.farbe-gerrit{color:#090}
#wrapper:after{clear:both;content:" ";display:block;height:0;visibility:hidden}}
@media print{*{background:#fff;color:#000}
#header{display:none}}

» Montre le code CSS originaire

« Cache le code CSS originaire

ï»¿@charset "utf-8";

@media screen, projection {

/* BASIC SETTINGS FOR HTML ELEMENTS ======================================== */

/* all elements */
	
*
	{
		margin:		0;
		padding:	0;
	}

/* root element */

body
	{
		background:	#fff;
		color:		#333;
		font:		100%/1.7 Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

/* headings */

h1,
h2,
h3
	{
		line-height: 1.3;
	}

h1,
h3,
h4
	{
		font-weight: 700;
	}

h1
	{
		font-size:	2.3em;
		margin:		.6em 0 -.3em;
		text-align:	center;
	}

h2
	{
		font-size:		2.2em;
		font-weight:	400;
	}

h3
	{
		font-size:	1.5em;
		margin:		1.5em 0 -.4em;
	}

h4
	{
		font-size:		1.2em;
		margin-bottom:	-1em;
	}

/* links */

a
	{
		border-bottom:		1px solid #c00;
		color:				#c00;
		text-decoration:	none;
	}

a:link:focus
	{
		background: #c00;
	}

a:link:focus:hover
	{
		color: #c00;
	}

a:visited
	{
		border-color:	#830000;
		color:			#830000;
	}
	
a:visited:focus
	{
		background: #830000;
	}

a:visited:focus:hover
	{
		color: #830000;
	}

a:focus,
a:hover
	{
		border-bottom: 0;
	}

a:focus
	{
		color: #fff;
	}

a:focus:hover,
a:hover
	{
		background: #ffffd0;
	}

a:active
	{
		bottom:		-1px;
		position:	relative;
	}

/* text appearance */

abbr
	{
		border-bottom:	1px dotted #999;
		cursor:			help;
	}

address
	{
		font-style: normal;
	}

cite,
em,
q
	{
		font-style: italic;
	}

code
	{
		font-size:		1em !important;
		font-family:	Consolas, "Courier New", "Andale Mono", Monaco, monospace;
	}

strong
	{
		font-weight: 700;
	}

q
	{
		quotes: "" "";
	}

q:before,
q:after
	{
		content: "";
	}

/* lists */

li
	{
		list-style-position: outside;
	}

/* tables */

table
	{
		border-collapse:	collapse;
		width:				100%;
	}

td,
th
	{
		text-align:		left;
		vertical-align:	top;
	}

/* forms */

form *
	{
		font-family:	Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:		1em;
	}

fieldset
	{
		border: 0;
	}

label,
input[type="submit"]
	{
		cursor: pointer;
	}

input,
textarea
	{
		background-color:		#eee;
		background-image:		-moz-linear-gradient(center bottom, rgb(230,230,230) 0%, rgb(248,248,248) 100%);
		background-image:		-webkit-gradient(linear, left bottom, left top, color-stop(0,rgb(230,230,230)), color-stop(1,rgb(248,248,248)));
		border:					1px solid;
		border-color:			#f6f6f6 #ccc #ccc #f6f6f6;
		-moz-border-radius:		.2em;
		-webkit-border-radius:	.2em;
		border-radius:			.2em;
		padding:				.3em;
	}
	
input:hover,
textarea:hover
	{
		background:		#dfdfdf;
		border-color:	#ccc #f0f0f0 #f0f0f0 #ccc;
	}

input:focus,
textarea:focus
	{
		background:		#fff;
		border-color:	#666;
	}

input[type="submit"]
	{
		font-weight: 700;
	}

input[type="submit"]:focus
	{
		background:		#dfdfdf;
		border-color:	#ccc #f0f0f0 #f0f0f0 #ccc;
	}

/* disaple default css in webkit browser for search type */

input[type="search"]
	{
		-webkit-appearance: none;
	}

/* remove button padding in firefox */

input::-moz-focus-inner
	{
		border:		0;
		padding:	0;
	}

/* embedded elements */

img
	{
		border: 0;
	}

/* BASIC LAYOUT STRUCTURE ================================================== */

/* wrapper */

#wrapper
	{
		margin:		0 auto;
		position:	relative;
		width:		60em;
	}

/* header */

#header
	{
		border-bottom:	.2em solid #c8c8c8;
		font-size:		1.2em;
		margin-top:		1em;
	}

#header a:visited
	{
		border-color:	#c00;
		color:			#c00;
	}

#header a:visited:focus
	{
		color:		#fff;
		background:	#c00;
	}

#header a:visited:focus:hover
	{
		background:	#ffffd0;
		color:		#c00;
	}

#header li
	{
		display:		inline;
		list-style:		none;
		margin-right:	1em;
	}

#header form
	{
		float:		right;
		font-size:	.8em;
		margin-top:	.25em;
	}

#header p
	{
		margin-bottom:	1.5em;
		text-align:		center;
	}

/* content */

#content
	{
		float:			left;
		padding-top:	2em;
		width:			40em;
	}

#content ol,
#content p,
#content ul
	{
		margin: 1.5em 0;
	}

#content li
	{
		margin-left: 2em;
	}

/* sidebar */

#sidebar
	{
		background-color:					#f4f4f4;
		background-image:					-moz-linear-gradient(center bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image:					-webkit-gradient(linear, left bottom, left top, color-stop(0,rgb(230,230,230)), color-stop(1,rgb(250,250,250)));
		-moz-border-radius-bottomright:		.5em;
		-moz-border-radius-bottomleft:		.5em;
		-webkit-border-bottom-right-radius:	.5em;
		-webkit-border-bottom-left-radius:	.5em;
		border-bottom-right-radius:			.5em;
		border-bottom-left-radius:			.5em;
		float:								right;
		padding:							2em 1em;
		width:								15.3em;
	}

#sidebar h2,
#sidebar h3
	{
		font-size:		1.25em;
		font-weight:	400;
		margin:			0;
		text-shadow:	1px 1px #fff;
	}

#sidebar p,
#sidebar ul
	{
		font-size:	.85em;
		margin:		0 0 2em;
	}

#sidebar ul
	{
		list-style: none;
	}

#sidebar *:last-child
	{
		margin-bottom: 0 !important;
	}

/* footer */

#footer
	{
		font-size:	.85em;
		text-align:	center;
	}

#footer li
	{
		list-style: none;
		margin: 3em 1em 1.5em;
	}

/* UNIQUE ELEMENTS ========================================================= */

/* blogroll ---------------------------------------------------------------- */

#blogroll
	{
		margin-top: 1em;
	}

#blogroll p
	{
		margin: 1em 0;
	}

#blogroll dt
	{
		background:				#f4f4f4;
		-moz-border-radius:		.5em;
		-webkit-border-radius:	.5em;
		border-radius:			.5em;
		clear:					both;
		font-size:				1.2em;
		font-weight:			700;
		padding:				.3em .5em;
	}

/* left column of blogroll */

#blogroll dt + dd
	{
		color:		#999;
		float:		left;
		font-size:	.85em;
		margin-top:	1.5em;
		width:		26%;
	}

#blogroll dt + dd p:first-child
	{
		line-height: 1.5;
	}

/* right column of blogroll */

#blogroll dt + dd + dd
	{
		float:			right;
		margin-bottom:	2.5em;
		width:			70%;
	}

/* table of all posts ------------------------------------------------------ */

#all-posts
	{
		margin-top: .8em;
	}

#all-posts th
	{
		background:	#eee;
		padding:	.3em .5em;
	}

#all-posts td
	{
		padding: .5em;
	}

#all-posts thead,
#all-posts tfoot
	{
		border: 1px solid #ccc;
	}

#all-posts tbody tr
	{
		background: #fefefe;
	}

#all-posts tbody tr:nth-child(even)
	{
		background: #f5f5f5;
	}

/* list of comments -------------------------------------------------------- */

ol#commentlist
	{
		list-style: none;
	}

ol#commentlist li
	{
		background:				#eee;
		-moz-border-radius:		.3em;
		-webkit-border-radius:	.3em;
		border-radius:			.3em;
		-moz-box-shadow:		.1em .1em .2em #999;
		-webkit-box-shadow:		.1em .1em .2em #999;
		box-shadow:				.1em .1em .2em #999;
		margin:					0 0 2em 0 !important;
		padding:				1em;
	}

ol#commentlist p
	{
		margin: 1em 0 !important;
	}

ol#commentlist li img
	{
		margin-right:	.7em;
		vertical-align:	middle;
	}

ol#commentlist li *:last-child
	{
		margin-bottom: 0 !important;
	}

ol#commentlist li.author
	{
		background:			#fff3f3;
		-moz-box-shadow:	.1em .1em .2em #bbb;
		-webkit-box-shadow:	.1em .1em .2em #bbb;
		box-shadow:			.1em .1em .2em #bbb;
	}

/* write a comment --------------------------------------------------------- */

#commentform
	{
		font-size:	1.2em;
		margin-top:	1em;
	}

#commentform label
	{
		display: block;
	}

#commentform textarea,
#commentform input[type="text"]
	{
		margin-bottom:	1em;
		width:			98%;
	}

#commentform textarea
	{
		height: 10em;
	}

#commentform input[type="submit"]
	{
		margin-top:	1em;
		padding:	.8em;
	}

/* GENERIC CLASSES ========================================================= */

/* list of articles -------------------------------------------------------- */

.posts
	{
		list-style: none;
		margin-top: 2em;
	}

.posts li
	{
		margin: 0 0 2.2em 0 !important;
	}

.posts h3
	{
		margin-bottom: -.8em;
	}

.posts .meta
	{
		color: #777;
		font-size: .9em;
		margin: 1.6em 0 -1.6em !important;
	}

.posts .meta a
	{
		border-color: #777;
		color: #777;
	}

.posts .meta a:focus
	{
		color: #fff;
	}

.posts .meta a:focus:hover
	{
		color: #777;
	}

/* articles intro ---------------------------------------------------------- */

.intro
	{
		font-size: 1.3em;
		margin: .7em 0 1em !important;
	}

/* code (html, css, etc.) -------------------------------------------------- */

ol.code
	{
		background:		#fafafa;
		border:			solid #999;
		border-width:	1px 0;
		color:			#000;
		list-style:		none;
		margin:			1.5em 0;
		padding:		.5em;
	}

ol.code li
	{
		line-height: 1.5;
		margin-left: 0 !important;
	}

ol.code li.tab-1 { padding-left: 2em; }
ol.code li.tab-2 { padding-left: 4em; }
ol.code li.tab-3 { padding-left: 6em; }
ol.code li.tab-4 { padding-left: 8em; }

/* hide elements ----------------------------------------------------------- */

.hidden
	{
		left:		-9999em;
		position:	absolute;
		top:		-9999em;
	}

/* links with no border (typically the linked rss icons) ------------------- */

a.alt
	{
		border: none;
	}

a.alt img
	{
		position:		relative;
		top:			-2px;
		vertical-align:	middle;
	}

/* small text -------------------------------------------------------------- */

.note
	{
		font-size: .9em;
	}

/* comments ---------------------------------------------------------------- */

h2#comments,
h2#respond
	{
		margin-top: 2em;
	}

h2#respond + .note
	{
		background:				#f4f4f4;
		border:					1px solid #ccc;
		-moz-border-radius:		.3em;
		-webkit-border-radius:	.3em;
		border-radius:			.3em;
		padding:				.5em;
	}

/* images and videos ------------------------------------------------------- */

.media
	{
		margin:		2em 0 !important;
		text-align:	center;
	}

.media img,
.media object
	{
		-moz-box-shadow:	0 0 .5em #bbb;
		-webkit-box-shadow:	0 0 .5em #bbb;
		box-shadow:			0 0 .5em #bbb;
	}

.media img
	{
		background:		#fbfbfb;
		border:			1px solid #ccc;
		margin-bottom:	.5em;
		padding:		.2em;
	}

.media object
	{
		height:	340px;
		margin:	0 auto;
		width:	560px;
	}

.img
	{
		font-size:	.9em;
		color:		#777;
	}

/* share buttons ----------------------------------------------------------- */

.icons li
	{
		background:		transparent url(img/profiles.png) no-repeat 0 3px;
		list-style:		none;
		padding-left:	1.5em;
	}

li.facebook { background-position: 0 -29px; }
li.rss { background-position: 0 -60px; }
li.googlebuzz { background-position: 0 -93px; }
li.lastfm { background-position: 0 -125px; }
li.twitter { background-position: 0 -156px; }
li.xing { background-position: 0 -189px; }
li.youtube { background-position: 0 -221px; }

/* favourite color Gerrit van Aaken */

.farbe-gerrit
	{
		color: #090;
	}

/* CLEARFIX HACK =========================================================== */

#wrapper:after
	{
		clear:		both;
		content:	" ";
		display:	block;
		height:		0;
		visibility:	hidden;
	}

}

@media print {

*
	{
		background:	#fff;
		color:		#000;
	}

#header
	{
		display: none;
	}

}