/*  
Theme Name: Thomas Haemmerli
Author: DECAF°
Author URI: http://decaf.de
*/


@font-face {
	font-family: 'Delicious';
	src: url('./fonts/delicious-bold.woff') format('woff'),
	     url('./fonts/delicious-bold.ttf') format('truetype');
}




/* --------------------------------------------------------------------------------------
 * html and body
 * -------------------------------------------------------------------------------------- */

	html {
		height: 100.2%; /* always show scrollbars */
	}

	body {
		background: #fff; color: #444;
		font-family: 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 17px;
		/* font-size-adjust: 0.47; */
		margin: 0; padding: 0;
		width: 100%;
	}
	@media print {
		body {
			background: #fff;
			font-size: 100%;
		}
	}

	/* images */

	body.pic1 {
		background: #fff url(./img/haemmerli_01.jpg) no-repeat;
	}
	body.pic2 {
		background: #fff url(./img/haemmerli_02.jpg) no-repeat;
	}
	body.pic3 {
		background: #fff url(./img/haemmerli_03.jpg) no-repeat;
	}
	body.pic4 {
		background: #fff url(./img/haemmerli_04.jpg) no-repeat;
	}
	body.pic5 {
		background: #fff url(./img/haemmerli_05.jpg) no-repeat;
	}
	body#post.pic1 {
		background: #fff url(./img/haemmerli_01_s.jpg) no-repeat;
	}
	body#post.pic2 {
		background: #fff url(./img/haemmerli_02_s.jpg) no-repeat;
	}
	body#post.pic3 {
		background: #fff url(./img/haemmerli_03_s.jpg) no-repeat;
	}
	body#post.pic4 {
		background: #fff url(./img/haemmerli_04_s.jpg) no-repeat;
	}
	body#post.pic5 {
		background: #fff url(./img/haemmerli_05_s.jpg) no-repeat;
	}
	body#page,
	body#archive {
		background-image: none;
	}


/* --------------------------------------------------------------------------------------
 * generic classes
 * -------------------------------------------------------------------------------------- */

	.mb0 {
		margin-bottom: 0 !important;
	}
	.mb1 {
		margin-bottom: 20px !important;
	}
	.mb2 {
		margin-bottom: 40px !important;
	}
	.mb3 {
		margin-bottom: 60px !important;
	}

	hr {
		clear: both !important;
		display: block !important;
		visibility: hidden !important;
		height: 20px !important;
		overflow: hidden !important;
	}

	/* clearer
	   http://www.pixelsurge.com/experiment/clearers.htm */
	.clear,
	br.spacer_ {
		clear: both;
		height: 1px;
		margin-top: -1px;
		overflow:hidden;
		font-size: 1px;
	}


/* --------------------------------------
 * media classes
 * -------------------------------------- */

	/*
	reader  = screen reader only  (eg skip links)
	print   = print only          (eg contact infos, references)
	noprint = don't print         (eg navigation)
	*/

	@media screen, projection {
		.reader {
			position: absolute; left: -990em; height: 1em; width: 1em;
			overflow: hidden;
		}
		.print {
			display: none;
			visibility: hidden;
		}
		.nonprint {
			/* nothing */
		}
	}

	@media print {
		.reader {
			display: none;
			visibility: hidden;
		}
		.print {
			display: block;
			visibility: visible;
		}
		.nonprint {
			display: none;
			visibility: hidden;
		}
	}


/* --------------------------------------------------------------------------------------
 * links
 * -------------------------------------------------------------------------------------- */

	a {
		color: #00abcc;
		text-decoration: none;
	}
	a:hover,
	a:focus {
		text-decoration: underline;
	}
	a:active {
		outline: 0; /* remove dotted borders */
	}
	a:visited {
		color: #2a95aa;
	}
	@media print {
		a {
			color: #3e9eb1 !important;
			text-decoration: underline !important;
		}
	}


/* --------------------------------------------------------------------------------------
 * typo
 * -------------------------------------------------------------------------------------- */

	p {
		font-size: 1em; line-height: 1.6em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	
	h4, h5, h6 {
		font-size: 1em; line-height: 1.6em; font-weight: bold;
		margin: 0 0 0.5em 0; padding: 0;
		color: #46565A;
	}
	h3 {
		font-size: 1.3em; line-height: 1.3em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
		color: #46565A;
	}
	h2 {
		font-family: 'Delicious', 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 32px;
		line-height: 1em;
		font-weight: normal;
		margin: 0 0 1em 0;
		padding: 0;
		color: #00b3d4;
	}
	h2 > a,
	h2 > a:visited {
		color: #00b3d4;
	}
	h1 {
		font-family: 'Delicious', 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 48px;
		line-height: 0.9em;
		font-weight: normal;
		margin: 0 0 32px -3px;
		padding: 0;
		color: #00b3d4;
		position: relative; /* make parent */
	}
  h1 > a,
  h1 > a:visited {
	  color: #00b3d4;
  }

	/* lists */

	ul,
	ol {
		margin: 0 0 1.5em 0;
		padding: 0 0 0 2em;
	}
	li {
		line-height: 1.6em;
		margin: 0 0 0.3em 0;
		padding: 0;
	}
	li p {
		width: auto !important;
	}


/* --------------------------------------------------------------------------------------
 * images
 * -------------------------------------------------------------------------------------- */

	img {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
	}
	img.inline {
		display: inline;
	}


/* --------------------------------------------------------------------------------------
 * dm_form
 * -------------------------------------------------------------------------------------- */

	form.dm_form {
		width: 630px;
		font-family: 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 0;
		border: 0;
	}
	form.dm_form div.form_wrapper {
		margin: 0 -1%;
		padding: 0;
	}
	* html form.dm_form div.form_wrapper {
		display: inline-block;
	}
	*+html form.dm_form div.form_wrapper {
		display: inline-block;
	}
	form.dm_form fieldset {
		clear: both;
		margin: 0 0 20px 0;
		padding: 0;
		border: 0;
	}
	form.preview fieldset {
		display: none;
		visibility: hidden;
	}


/* --------------------------------------
 * labels and wrappers
 * -------------------------------------- */

	form.dm_form label {
		margin: 0 1%;
		padding: 0;
		border: 0;
		float: left;
		display: table;
		width: 1%;
	}
	* html form.dm_form label {
		display: inline-block !important;
		width: 1%;
		height: 1%;
		margin-right: 0.9% !important; /* avoid position bugs */
	}
	*+html form.dm_form label {
		display: inline-block !important;
		width: 1%;
		height: 1%;
		margin-right: 0.9% !important; /* avoid position bugs */
	}
	form.dm_form span.wrapper {
		margin: 0;
		padding: 0;
		display: table-cell;
		width: 1%; /* firefox */
	}
	* html form.dm_form span.wrapper {
		display: block !important;
		width: 100%;
		overflow: hidden;
	}
	*+html form.dm_form span.wrapper {
		display: block !important;
		width: 100%;
		overflow: hidden;
	}
	* html form.dm_form label.radiocheck span.wrapper {
		width: auto;
	}
	*+html form.dm_form label.radiocheck span.wrapper {
		width: auto;
	}


/* --------------------------------------
 * width
 * -------------------------------------- */

	form.dm_form label.w100 {
		width: 98%;
		display: block;
	}
	form.dm_form label.w75 {
		width: 73%;
		display: block;
	}
	form.dm_form label.w50 {
		width: 48%;
		display: block;
	}
	form.dm_form label.w25 {
		width: 23%;
		display: block;
	}


/* --------------------------------------
 * position
 * -------------------------------------- */

	form.dm_form label.p25 {
		margin-left: 26%;
	}
	form.dm_form label.p50 {
		margin-left: 51%;
	}
	form.dm_form label.p75 {
		margin-left: 76%;
	}


/* --------------------------------------
 * input/select fields 
 * -------------------------------------- */

	form.dm_form label input.field,
	form.dm_form label select.field,
	form.dm_form label textarea.field {
		width: 100%;
		display: block;
		border: 0;
		border-bottom: 1px solid #40ABC6;
		border-left: 8px solid #40ABC6;
		background: #e6edf0;
		padding: 4px;
		font-family: 'Consolas', 'Andale Mono', Courier, monospace;
		/* font-size-adjust: 0.51; */
		font-size: 1em;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* gecko */
		-webkit-box-sizing: border-box; /* khtml/webkit */
	}
	* html form.dm_form label input.field,
	* html form.dm_form label select.field,
	* html form.dm_form label textarea.field {
		position: relative; /* put on top */
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		padding-top: 5px;
		padding-bottom: 5px;
	}
	*+html form.dm_form label input.field,
	*+html form.dm_form label select.field,
	*+html form.dm_form label textarea.field {
		position: relative; /* put on top */
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		padding-top: 5px;
		padding-bottom: 5px;
	}
	form.dm_form label select.field {
		padding: 4px 1px 1px 1px; /* have to try out */
	}
	* html form.dm_form label select.field {
		width: 100%;
	}
	*+html form.dm_form label select.field {
		width: 100%;
	}

	/* Pflichtfelder
		mandatory fields */
	form.dm_form label.mandatory input.field,
	form.dm_form label.mandatory select.field,
	form.dm_form label.mandatory textarea.field {
	}
	* html form.dm_form label.mandatory input.field,
	* html form.dm_form label.mandatory select.field,
	* html form.dm_form label.mandatory textarea.field {
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
	}
	*+html form.dm_form label.mandatory input.field,
	*+html form.dm_form label.mandatory select.field,
	*+html form.dm_form label.mandatory textarea.field {
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
	}
	form.dm_form label input.field:focus,
	form.dm_form label select.field:focus,
	form.dm_form label textarea.field:focus {
		border-color: #46565A;
	}


/* --------------------------------------
 * checkboxes and radios
 * -------------------------------------- */

	form.dm_form input.select {
		display: block;
		float: left;
		margin: 0;
	}
	* html form.dm_form input.select {
		position: relative;
		left: -2px;
		top: -2px;
	}
	*+html form.dm_form input.select {
		position: relative;
		left: -2px;
		top: -2px;
	}


/* --------------------------------------
 * submit button
 * -------------------------------------- */

	form.dm_form input.submit {
		font-size: 1em;
		padding: 3px 20px;
		font-family: 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		/* font-size-adjust: 0.52; */
		font-weight: bold;
		border: 1px solid #40ABC6;
		background: #40ABC6;
		color: #fff;
	}

	form.dm_form input.submit:hover,
	form.dm_form input.submit:focus {
		border: 1px solid #009fc7;
		background: #009fc7;
		cursor: pointer;  /* sorry, can't use that one in front of Opera */
	}


/* --------------------------------------
 * additional styles for
 * input/select fields
 * -------------------------------------- */

	form.dm_form label.inputselect span.title {
		margin: 0 0 2px 0;
		display: table; /* act as inline-block */
	}
	* html form.dm_form label.inputselect span.title {
		display: inline-block !important;
	}
	*+html form.dm_form label.inputselect span.title {
		display: inline-block !important;
	}
	form.dm_form label.mandatory span.title {
		font-weight: bold;
	}

	form.dm_form label span.title:hover,
	form.dm_form label span.title:focus {
		color: #40ABC6;
		cursor: pointer;
	}

	form.dm_form label br {
		margin: 0 0 2px 0;
	}


/* --------------------------------------
 * additional styles for
 * checkboxes and radios
 * -------------------------------------- */

	form.dm_form label.wauto {
		width: auto;
		margin-right: 15px;
	}
	form.dm_form label.radiocheck {
		margin-bottom: 10px;
	}
	* html form.dm_form label.radiocheck {
		width: auto;
	}
	*+html form.dm_form label.radiocheck {
		width: auto;
	}
	* html form.dm_form label.radiocheck.w100 {
		width: 98%; /* avoid label being too short */
	}
	*+html form.dm_form label.radiocheck.w100 {
		width: 98%; /* avoid label being too short */
	}
	form.dm_form label.radiocheck span.wrapper {
		padding-right: 0;
	}
	form.dm_form label.wauto span.wrapper {
		display: inline;
	}
	form.dm_form label.radiocheck span.title {
		display: block;
		margin: 0 0 0 20px;
		padding: 0;
	}
	* html form.dm_form label.radiocheck span.title {
		display: inline-block !important;
		margin-left: 0;
	}
	*+html form.dm_form label.radiocheck span.title {
		display: inline-block !important;
		margin-left: 0;
	}


/* --------------------------------------
 * clearing elements
 * -------------------------------------- */

	form.dm_form .clear {
		clear: both;
		display: block;
		padding: 0 0 10px 0;
	}
	form.dm_form .mb0 {
		margin-bottom: 0 !important;
	}

	form.dm_form .pb20 {
		padding-bottom: 20px !important;
	}


/* --------------------------------------
 * form content
 * -------------------------------------- */

	form.dm_form p,
	form.dm_form h3 {
		margin: 0 1% 10px 1%;
	}


/* --------------------------------------------------------------------------------------
 * headlines + TTF
 * -------------------------------------------------------------------------------------- */

	/* headlines */

	p.headline {
		margin: 0 0 0.5em 0;
	}

	/* TTF */

	.teaser h2 {
		display: block;
		min-height: 80px;
	}
	* html .teaser h2 {
		min-height: 0;
		height: 80px;
	}
	h1 a,
	h2 a {
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
	h1 a:hover,
	h1 a:focus,
	h2 a:hover,
	h2 a:focus {
		opacity: .8;
		background: none;
		text-decoration: none;
	}
	* html h1 a:hover,
	* html h1 a:focus,
	* html h2 a:hover,
	* html h2 a:focus {
		filter: alpha(opacity=80);
	}
	*+html h1 a:hover,
	*+html h1 a:focus,
	*+html h2 a:hover,
	*+html h2 a:focus {
		filter: alpha(opacity=80);
	}
	img.ttf {
		display: inline !important;
	}
	* html a:hover img.ttf,
	* html a:focus img.ttf {
		filter: alpha(opacity=80);
	}
	*+html a:hover img.ttf,
	*+html a:focus img.ttf {
		filter: alpha(opacity=80);
	}
	h1 span,
	h2 span {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}
	/* copy and paste */
	h1:hover span.cp {
		position: absolute; /* place on top */
		left: auto; right: 10px; top: 0;
		height: auto;
		width: auto;
		font-family: Verdana, Arial, sans-serif !important;
		font-weight: normal;
		font-size: 11px; line-height: 11px;
		background: #feffd1;
		padding: 5px 10px;
	}


/* --------------------------------------------------------------------------------------
 * footer
 * -------------------------------------------------------------------------------------- */

	#footer {
		width: 800px;
		margin: 0 0 0 140px;
		overflow: hidden;
	}
	#footer p {
		font-size: 0.9em; line-height: 1.5em;
		color: #666;
		margin: 0 0 2em 0;
	}
	#footer a {
		color: #999;
		white-space: nowrap;
	}
	#footer .div {
		visibility: hidden;
	}


/* --------------------------------------------------------------------------------------
 * maintenance
 * -------------------------------------------------------------------------------------- */

	#maintenance {
		background: #40ABC6;
	}
	#maintenance p {
		font-size: 0.9em;
		line-height: 1em;
		display: block;
		text-align: center;
		color: #fff;
		padding: 2px;
		margin: 0;
		border-bottom: 2px solid #fff;
	}


/* --------------------------------------------------------------------------------------
 * page title
 * -------------------------------------------------------------------------------------- */

	#pagetitle {
		position: absolute;
		top: 432px; left: 107px;
		width: 377px;
		height: 61px;
		background: url(./img/haemmerli_label.png) no-repeat;		
	}


/* --------------------------------------------------------------------------------------
 * header
 * -------------------------------------------------------------------------------------- */

	#header {
		margin: 0 0 0 565px;
		min-height: 235px;
	}
	* html #header {
		min-height: 0;
		height: 235px;
		margin-left: 555px;
		padding-left: 10px;
	}
	body#post #header {
		margin: 0 0 0 410px;
		min-height: 290px;
	}
	* html body#post #header {
		min-height: 0;
		height: 290px;
		padding-left: 0;
	}
	body#page #header,
	body#archive #header {
		margin: 0 0 0 140px;
		min-height: 100px;
	}
	* html body#page #header,
	* html body#archive #header {
		min-height: 0;
		height: 100px;
		padding-left: 0;
	}

/* --------------------------------------
 * about
 * -------------------------------------- */

	#about {
		background: #e6edf0;
		margin: 0 0 30px -10px;
	}
	#about .content {
		width: 375px;
		padding: 10px 0 5px 10px;
	}
	#about p {
		font-size: 0.9em; line-height: 1.5em;
		margin: 0;
		color: #555;
	}
	#about a {
		color: #aaa;
	}

/* --------------------------------------
 * navigation
 * -------------------------------------- */

	#navigation {
	}
	body#page #navigation,
	body#archive #navigation {
		padding-top: 40px;
	}
	#navigation .content {
		width: 375px;
	}
	#navigation ol {
		margin: 0;
		padding: 0;
	}
	#navigation ol li {
		margin: 0 20px 5px 0;
		padding: 0;
		display: block;
		float: left;
		list-style-type: none;
	}
	/* active item */
	#navigation ol li strong {
		color: #accc00;
	}


/* --------------------------------------------------------------------------------------
 * paging
 * -------------------------------------------------------------------------------------- */

	.paging_top {
		margin: 1em 0 2em 0;
	}
	.pagex,
	.paging_top p.newer {
		margin: 0 0 5px 0;
	}
	.paging_top p.topic {
		font-size: 1.3em; line-height: 1.3em; font-weight: bold;
		margin: 0;
		color: #accc00;
	}


/* --------------------------------------------------------------------------------------
 * content
 * -------------------------------------------------------------------------------------- */

	#content {
		width: 800px;
		margin: 0 0 0 135px;
		padding-left: 5px;
		overflow: hidden;
	}
	body#post #content,
	body#page #content,
	body#archive #content {
		width: 640px;
		min-height: 350px;
	}
	* html body#post #content,
	* html body#page #content,
	* html body#archive #content {
		min-height: 0;
		height: 350px;
	}

	/* rows / columns */

	#content .row {
		width: 851px;
		min-height: 270px;
		margin: 0 0 20px 0;
	}
	* html #content .row {
		min-height: 0;
		height: 270px;
		display: inline-block;
	}
	body#archive #content .row {
		min-height: 0;
	}
	#content .row .post {
		width: 375px;
		float: left;
		margin: 0 50px 0 0;
	}
	#content .row .first {
		margin-left: 425px;
	}
	* html #content .row .first {
		margin-left: 212px; /* double margin bug */
	}
	body#post #content {
		margin-bottom: 100px;
	}
	body#post #content .post {
		width: 640px;
	}
	body#page #content,
	body#archive #content {
		margin-bottom: 100px;
	}
	body#page #content .post,
	body#archive #content .post {
		width: 640px;
	}

	/* teaser */

	#content .teaser {
		margin: 0 0 50px 0;
	}
	#content .teaser h2 {
		margin: 0 0 0 -3px;
		position: relative; /* place on top */
	}

	/* posts */

	#content .posts {
		margin: 0 0 100px 0;
	}
	#content .posts h2 {
		display: inline;
		font-size: 1em; line-height: 1.6em;
	}
	#content .posts .div {
		padding: 0 5px;
		color: #aaa;
	}
	#content .posts .items {
		margin: 0 0 20px 0;
	}

	/* more link */

	.more-link {
		display: block;
		float: left;
	}


/* --------------------------------------------------------------------------------------
 * content: images
 * -------------------------------------------------------------------------------------- */

	.post .gallery,
	.post .wp-caption,
	.post .aligncenter,
	.post .alignleft,
	.post .alignright,
	.post .alignnone {
		background: #e6edf0 !important;
		display: block !important;
		border: 0 !important;
		padding: 5px !important;
		border: 0 !important;
	}
	.post .aligncenter {
		margin: 0 auto 5px auto !important;
	}
	.post .alignleft {
		float: left !important;
		margin: 0 15px 5px 0 !important;
	}
	.post .alignright {
		float: right !important;
		margin: 0 5px 5px 10px !important;
	}
	.post .alignnone {
		margin: 0 0 5px 0 !important;
	}
	.post .aligncenter a,
	.post .alignleft a,
	.post .alignright a,
	.post .alignnone a,
	.post .aligncenter img,
	.post .alignleft img,
	.post .alignright img,
	.post .alignnone img {
		display: block !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	/* caption */

	.post .wp-caption {
		background: #e6edf0 !important;
		margin-bottom: 1.5em !important;
		padding: 0 !important;
	}
	.post .wp-caption a,
	.post .wp-caption img {
		padding: 5px !important;
	}
	.post .wp-caption a img {
		padding: 0 !important;
	}
	.post .wp-caption p.wp-caption-text {
		font-size: 0.9em !important;
		padding: 0 5px 5px 5px !important;
		margin: 0 !important;
	}

	/* gallery */

	.post .gallery {
		width: 635px !important;
		background: #e6edf0 !important;
		margin: 0 0 1.5em 0 !important;
		padding: 0 0 5px 0 !important;
	}
	.post .gallery dl.gallery-item {
		display: block !important;
		float: left !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style-type: none;
		width: auto !important;
	}
	.post .gallery dt.gallery-icon {
		margin: 0 !important;
		padding: 0 !important;
		list-style-type: none !important;
	}
	.post .gallery dt.gallery-icon a,
	.post .gallery dt.gallery-icon img {
		display: block !important;
		margin: 0 !important;
		border: 0 !important;
		padding: 5px 0 0 5px !important;
	}
	.post .gallery dt.gallery-icon a img {
		padding: 0 !important;
		margin: 0 !important;
	}
	.post .gallery .gallery-caption {
		display: none !important;
		visibility: hidden !important;
	}


/* --------------------------------------------------------------------------------------
 * content: code
 * -------------------------------------------------------------------------------------- */

	.post pre {
	 	white-space: pre-wrap;       /* css-3 */
	 	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	 	white-space: -pre-wrap;      /* Opera 4-6 */
	 	white-space: -o-pre-wrap;    /* Opera 7 */
	 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
		font-family: 'Consolas', 'Andale Mono', 'Courier New', monospace;
		font-size: 1em; line-height: 1.6em;
	}
	.post code {
		font-family: 'Consolas', 'Andale Mono', 'Courier New', monospace;
		font-size: 0.9em; line-height: 1.5em;
	}
	.post pre code {
		display: block;
		background: #E6EDF0;
		margin: 0 0 2em 0;
		padding: 1em;
	}


/* --------------------------------------------------------------------------------------
 * content: quotes
 * -------------------------------------------------------------------------------------- */

	.post blockquote {
		margin: 0 0 2em 10px;
		padding: 0 0 0 40px;
		background: transparent url(./img/bgr_quotes.gif) left 0 no-repeat;
	}
	.post blockquote p {
		width: 555px !important; /* 550 + 5 gentle px */
		font-size: 1.5em;
		line-height: 1.4em;
		font-weight: normal;
		color: #46565A;
		margin: 0 0 0.5em 0;
	}
	.post blockquote cite,
	.post blockquote p.cite {
		font-size: 1em;
		font-style: normal;
		font-weight: normal;
		color: #777;
		margin: 0;
	}


/* --------------------------------------------------------------------------------------
 * page/plugin: recent comments
 * -------------------------------------------------------------------------------------- */

	.recentcomments {
		padding: 0;
		margin: 0 0 3em 0;
		border-bottom: 0;
	}
	.recentcomments h2 {
		font-family: 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1em; font-weight: bold;
		background: #E6EDF0;
		margin: 0;
		padding: 0.5em;
	}
	.recentcomments h2 a {
		color: #444;
	}
	.recentcomments h2 a:hover,
	.recentcomments h2 a:focus {
		text-decoration: underline;
	}
	ul.recentcomments {
		list-style: none;
	}
	ul.recentcomments li {
		padding: 0.8em 0 0.5em 0;
	}
	ul.recentcomments li .gravatar {
		display: block;
		float: left;
		width: 65px;
	}
	ul.recentcomments li .gravatar a {
		display: block;
		padding: 0;
		margin: 3px 0 0 0.5em;
		background: none;
	}
	ul.recentcomments li .gravatar img {
		display: block;
		float: left;
		border: 1px solid #ccc;
		padding: 2px;
		margin: 0 0 1em 0;
	}
	ul.recentcomments li .comment {
		margin: 0 0 0 75px;
	}
	ul.recentcomments li .comment p {
		width: auto !important;
		margin: 0;
	}


/* --------------------------------------------------------------------------------------
 * page/plugin: tags
 * -------------------------------------------------------------------------------------- */

	.tags {
		/* text-align: center; */
		line-height: 2em;
		margin-left: -8px;
	}
	.tags a {
		margin: 0 8px;
		text-decoration: none;
		white-space: nowrap;
		line-height: 1em;
		color: #444;
	}
	.tags a:hover,
	.tags a:focus {
		text-decoration: underline;
	}


/* --------------------------------------------------------------------------------------
 * page/plugin: smart archives
 * -------------------------------------------------------------------------------------- */

	#smart-archives-list {
	}
	#smart-archives-list h2 {
		font-family: 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1em; font-weight: bold;
		background: #E6EDF0;
		margin: 0;
		padding: 0.5em;
	}
	#smart-archives-list h2 a {
		color: #444;
	}
	#smart-archives-list h2 a:hover,
	#smart-archives-list h2 a:focus {
		text-decoration: underline;
	}
	#smart-archives-list ul {
		margin: 0 0 2em 0;
		padding: 0;
	}
	#smart-archives-list ul li {
		clear: both;
		margin: -1px 0 0 0;
		padding: 0.3em 0 0.3em 0.5em;
		list-style-type: none;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		overflow: hidden;
	}


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

	#comments {
		border-top: 1px solid #ccc;
		margin-top: 50px;
		padding-top: 50px;
	}
	#comments .row {
		width: auto !important;
		min-height: 0 !important;
	}

	ul.comments {
		margin: 0 0 4em 0;
		padding: 0;
	}
	ul.comments li {
		border-bottom: 1px solid #ccc;
		margin: 0 0 2em 0;
		padding: 0 0 1em 0;
		list-style-type: none;
	}
	ul.comments li .row {
	}
	ul.comments li .comment_1 {
		width: 120px;
		float: left;
	}
	ul.nogravatars li .comment_1 {
		width: 30px;
	}
	ul.comments li a.comment_nr {
		width: 20px;
		display: block;
		float: left;
		padding-top: 0;
		padding-bottom: 0;
		margin: 0 5px 0 0;
		overflow: hidden;
	}
	ul.comments li a.avatar {
		background-image: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	ul.comments li img.avatar {
		border: 1px solid #ccc;
		padding: 2px;
	}
	ul.comments li .comment_2 {
		width: 480px;
		float: left;
	}
	ul.nogravatars li .comment_2 {
		width: 570px;
	}
	ul.comments li p.comment_author {
		font-size: 1.2em;
		margin: 0 0 0.5em 0;
	}
	ul.comments li p.comment_author .team {
		color: #2FD5FE;
		padding-left: 5px;
	}

	/* quotes */

	ul.comments blockquote {
		margin: 0.2em 0 1.2em 0;
		padding: 0 0 0 15px;
		background: none;
		border-left: 10px solid #ccc;
	}
	ul.comments blockquote p {
		width: auto !important;
		font-size: 1em;
		line-height: 1.6em;
		color: #666;
	}