/*
Theme Name: Seven Dumpsters and a Blog
Theme URI: http://www.messiemother.com
Description: Seven Dumpsters and a Corpse / Sieben Mulden und eine Leiche
Author: DECAF°
Author URI: http://www.decaf.de
*/


/* -----------------------------------------------------------------------------------------
	DECAF° agentur für digitale kommunikation
	www.decaf.de
	----------------------------------------------------------------------------------------- */



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

	general
		html and body
		global body elements
		global margins
		typo
		links
		images

	structure
		site_container
		header
		navigation
		content
		sidebar
		footer
	
	styles
		site_container
		header
		navigation
		content
		sidebar
		footer
	
	special
		dm_form	
		lightbox

	--------------------------- */





/* -----------------------------------------------------------------------------------------
	general
	----------------------------------------------------------------------------------------- */



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

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


	body {
		background: #fff url(/wp-content/themes/messiemother/images/body_bgr_800.gif) repeat-x; color: #000;
		font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 90%;
		margin: 0; padding: 0;
		width: 100%;
	}
	body.w640 {
		background-image: url(/wp-content/themes/messiemother/images/body_bgr_640.gif);
	}
	body.w800 {
		background-image: url(/wp-content/themes/messiemother/images/body_bgr_800.gif);
	}
	body.w1024 {
		background-image: url(/wp-content/themes/messiemother/images/body_bgr_1024.gif);
	}



/* --------------------------------------------------------
  	global body elements
	-------------------------------------------------------- */

	/*
	.f640  = visible on .640-body only
	.f800  = visible on .800-body only
	.f1024 = visible on .1024-body only
	*/


	body.w640 .f640 {
		display: block;
	}
	body.w800 .f640 {
		display: none;
	}
	body.w1024 .f640 {
		display: none;
	}
	
	body.w640 .f800 {
		display: none;
	}
	body.w800 .f800 {
		display: block;
	}
	body.w1024 .f800 {
		display: none;
	}
	
	body.w640 .f1024 {
		display: none;
	}
	body.w800 .f1024 {
		display: none;
	}
	body.w1024 .f1024 {
		display: block;
	}



/* --------------------------------------------------------
  	generic classes and ids
	-------------------------------------------------------- */

	.ml5 {
		margin-left: 5px !important;
	}
	
	.mb10 {
		margin-bottom: 10px !important;
	}
	.mb20 {
		margin-bottom: 20px !important;
	}
	.mb30 {
		margin-bottom: 30px !important;
	}
	.mb40 {
		margin-bottom: 40px !important;
	}
	
	.liam span span {
		padding-left: 2px;
		padding-right: 2px;
	}

	.sr { /* screen readers only */
		position: absolute; left: -9900px; width: 900px;
		overflow: hidden;
	}
	.clear {
		clear: both;
	}


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

	p {
		font-size: 1em; line-height: 1.5em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	p.small {
		font-size: 0.84em;
	}
	
	
	li {
		font-size: 1em; line-height: 1.5em;
	}
	
	
	h2 {
		font-size: 1.8em; line-height: 1.2em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	h3 {
		font-size: 1.5em; line-height: 1.2em; font-weight: normal;
		margin: 0 0 0.1em 0; padding: 0;
	}
	h4 {
		font-size: 1em; line-height: 1.2em; font-weight: normal;
		margin: 0 0 0.2em 0; padding: 0;
	}



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

	a {
		color: #666;
		text-decoration: none;
		border-bottom: 1px dotted #999;
	}
	a:hover,
	a:focus {
		text-decoration: none;
		border-bottom: 1px solid #999;
		color: #ad2220;
	}
	.visited a:visited {
		color: #555;
	}

	a.contents {
		color: #ad2220;
	}


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

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










/* -----------------------------------------------------------------------------------------
	structure
	----------------------------------------------------------------------------------------- */



/* --------------------------------------------------------
  	site_container
	-------------------------------------------------------- */

	#site_container {
		margin: 0 auto;
		overflow: hidden;
	}
	
	body.w640 #site_container {
		width: 480px;
	}
	body.w800 #site_container {
		width: 750px;
	}
	body.w1024 #site_container {
		width: 970px;
	}



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

	#header {
		position: relative; /* make parent */
	}

	body.w640 #header {
		margin: 0 0 10px 0;
		height: 120px;
	}
	body.w640 .header_de {
		background: #333 url(/wp-content/themes/messiemother/images/header_640_de.jpg) no-repeat;
	}
	body.w640 .header_en {
		background: #333 url(/wp-content/themes/messiemother/images/header_640_en.jpg) no-repeat;
	}


	body.w800 #header {
		margin: 0 0 25px 30px;
		height: 150px;
	}
	body.w800 .header_de {
		background: #333 url(/wp-content/themes/messiemother/images/header_800_de.jpg) no-repeat;
	}
	body.w800 .header_en {
		background: #333 url(/wp-content/themes/messiemother/images/header_800_en.jpg) no-repeat;
	}

	body.w1024 #header {
		margin: 0 0 30px 30px;
		height: 180px;
	}
	body.w1024 .header_de {
		background: #333 url(/wp-content/themes/messiemother/images/header_1024_de.jpg) no-repeat;
	}
	body.w1024 .header_en {
		background: #333 url(/wp-content/themes/messiemother/images/header_1024_en.jpg) no-repeat;
	}
	


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

	div#navigation {
		display: table;
		position: absolute; top: 0;
	}
	body.w640 div#navigation {
		width: 480px;
		height: 120px;
	}
	body.w800 div#navigation {
		width: 720px;
		height: 150px;
	}
	body.w1024 div#navigation {
		width: 940px;
		height: 180px;
	}



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

	#content {
		width: 480px;
		float: left;
	}
	body.w640 #content {
		margin: 0 0 20px 0;
	}
	body.w800 #content {
		margin: 0 0 20px 30px;
	}
	body.w1024 #content {
		margin: 0 0 20px 30px;
	}

	.subpage #content {
		width: 100%;
		float: none;
	}


/* --------------------------------------------------------
  	sidebar
	-------------------------------------------------------- */

	#sidebar {
		float: left;
		overflow: hidden;
	}
	body.w640 #sidebar {
		clear: both;
		float: none;
		width: 480px;
		margin: 0;
	}
	body.w800 #sidebar {
		width: 200px;
		margin: 0 0 0 40px;
	}
	body.w1024 #sidebar {
		width: 420px;
		margin: 0 0 0 40px;
	}

	.subpage #sidebar {
		display: none;
	}


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

	#footer {
		clear: both;
		padding: 0.3em 0 0 0;
		border-top: 1px solid #999;
	}
	body.w640 #footer {
		margin: 0 0 20px 0;
	}
	body.w800 #footer {
		margin: 0 0 20px 30px;
	}
	body.w1024 #footer {
		margin: 0 0 20px 30px;
	}










/* -----------------------------------------------------------------------------------------
	styles
	----------------------------------------------------------------------------------------- */



/* --------------------------------------------------------
  	site_container
	-------------------------------------------------------- */



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

	h1 {
		margin: 0;
		padding: 0;
		color: #fff;
	}
	h1 a span {
		display: none;
	}
	
	body.w640 h1 {
		position: absolute; top: 5px; left: 5px;
		z-index: 999;
	}
	body.w640 h1 a {
		display: block;
		width: 220px; height: 80px;
		border: 0;
	}
	body.w800 h1 {
		position: absolute; top: 3px; right: 16px;
		z-index: 999;
	}
	body.w800 h1 a {
		display: block;
		width: 250px; height: 100px;
		border: 0;
	}
	body.w1024 h1 {
		position: absolute; top: 10px; right: 10px;
		z-index: 999;
	}
	body.w1024 h1 a {
		display: block;
		width: 350px; height: 120px;
		border: 0;
	}



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

	div#navigation div {
		display: table-cell;
		height: 100%;
		vertical-align: bottom;
	}
	div#navigation ul {
		margin: 0;
		padding: 0;
		display: block;
	}
	div#navigation ul li {
		font-size: 1em;
		margin: 3px 3px 0 0;
		padding: 0;
		height: 25px;
		overflow: hidden;
		display: block;
		float: left;
	}
	body.w640 div#navigation ul li {
		height: 20px;
	}
	div#navigation ul li.margin {
		margin-right: 15px;
	}
	div#navigation ul li a {
		font-size: 1em; line-height: 1.2em; font-weight: normal;
		background: #ad2220;
		color: #fff;
		height: 25px;
		margin: 0;
		padding: 2px 11px 0 10px;
		display: block;
		text-decoration: none;
	}
	body.w640 div#navigation ul li a {
		height: 20px;
	}
	body.w800 div#navigation ul li a {
		padding-right: 25px;
	}
	body.w1024 div#navigation ul li a {
		padding-right: 45px;
	}
	div#navigation ul li a:hover,
	div#navigation ul li a:focus,
	div#navigation ul li a#act {
		background: #fff;
		color: #000;
	}
	
	
	body.w640 div#language {
		position: absolute; top: 0; right: 0;
	}
	body.w800 div#language {
		position: absolute; top: 125px; right: 0;
	}
	body.w1024 div#language {
		position: absolute; top: 154px; right: 0;
	}
	div#language a {
		font-size: 0.84em; line-height: 1.2em; font-weight: normal;
		background: #333;
		color: #fff;
		margin: 0;
		padding: 2px 15px 3px 15px;
		display: block;
		text-decoration: none;
		border: 0;
	}
	div#language a:hover,
	div#language a:focus {
		background: #ad2220;
		color: #fff;
	}



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

	#content div.sticky_container {
		/* sticky container */
		margin: 0 0 2em 0;
		padding: 2px 0 0 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	#content div.item {
		position: relative;
		overflow: hidden;
		width: 480px;
	}
	body.w640 #content div.item {
		margin: 0 0 5px 0;
	}
	body.w800 #content div.item {
		margin: 0 0 10px 0;
	}
	body.w1024 #content div.item {
		margin: 0 0 20px 0;
	}

	#content div.sticky {
		/* sticky posts */
		margin: 0 0 2px 0 !important;
	}
	#content div.sticky div.text {
		/* sticky posts -> hide content */
		display: none !important;
	}
	#content div.item div.text {
		clear: both;
		margin: 0 0 20px 0;
	}
	#content div.item div.text p {
		clear: both;
	}

	.subpage #content div.item {
		position: static;
		overflow: hidden;
		width: 100%;
		margin: 0;
	}
	.subpage #content div.item div.flash {
		background: #000;
		text-align: center;
		margin: 0 0 20px 0;
	}


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

	#content h2 {
		font-weight: bold;
		color: #333;
	}
	#content div.item h2.single {
		color: #ad2220;
		margin: 0 0 0.2em 0;
	}
	#content div.item h3 {
		color: #ad2220;
		font-weight: bold;
	}
	#content div.item h3 a {
		/* color: #555; */
		color: #ad2220;
		text-decoration: none;
		border: 0;
	}
	#content div.item h3 a:hover,
	#content div.item h3 a:focus {
		background: #f0f0f0;
	}

	#content h4 {
		font-weight: bold;
	}

	#content div.item p {
		/* text-align: justify; */
	}

	#content div.sticky h3 {
		/* sticky post titles */
		font-size: 1em;
		font-weight: bold;
		background: #eee;
		padding: 0.5em 5px 0.5em 10px;
		margin: 0;
	}
	#content div.sticky h3 a:hover,
	#content div.sticky h3 a:focus {
		background: #ddd;
	} 

/* ---------------------------
	pictures and gallery
	--------------------------- */

	/* all images without link structure */
	#content div.item div.text img {
		margin: 3px 10px 0.5em 0;
		padding-bottom: 3px;
		display: block;
		float: left;
	}


	/* all images */
	#content div.item a.image {
		display: block;
		float: left;
		border: 0;
		margin: 0 10px 10px 0;
		background: #ddd;
		position: relative; /* make parent */
		overflow: hidden;
	}
	#content div.item a.image span {
		display: table-cell;
		vertical-align: middle;
	}
	#content div.item a.nolink {
		border-color: #ddd;
	}
	#content div.item a.image:hover,
	#content div.item a.image:hover {
		background: #aaa;
	}
	#content div.item a.nolink:hover,
	#content div.item a.nolink:hover {
		background: #ddd;
	}
	#content div.item a.image img,
	#content div.item a.nolink img {
		margin: 0 auto;
		padding: 3px;
		float: none;
	}


	/* article images */
	#content div.item a.article {
		width: 476px;
		margin: 0 0 1em 0;
	}
	#content div.item a.article span {
		width: 476px; height: auto;
	}


	/* gallery images */
	#content div.item div.gallery {
		clear: both;
		display: block;
		margin: 0 0 0.5em 0;
		width: 490px;
		overflow: hidden;
	}
	#content div.item div.gallery:after { /* clear float */
		content: " "; display: block; height: 0; clear: both; visibility: hidden;
	}
	#content div.item div.gallery a.image {
		width: 150px;
		height: 150px;
		margin: 0 10px 10px 0;
	}
	#content div.item div.gallery a.image span {
		width: 150px; height: 150px;
	}
	#content div.item div.gallery a.image img,
	#content div.item div.gallery a.nolink img {
		max-width: 144px;
		max-height: 144px;
	}



/* ---------------------------
	meta
	--------------------------- */

	#content div.sticky p.meta {
		/* sticky posts -> hide meta info */
		display: none !important;
	}

	#content div.item p.meta {
		margin: 0 0 1.2em 0;
		padding: 0;
		color: #555;
	}
	#content div.item p.meta a.author {
		margin-right: 0.3em;
	}
	#content div.item p.meta a.comments {
		margin-left: 0.3em;
		font-weight: bold;
	}
	#content div.item p a.more-link {
		font-weight: bold;
		margin: 0.5em 0 0 0;
		display: table; /* -> inline-block */
	}

	#content div.item img.comments {
		display: inline;
		float: none;
		margin: 0;
		padding: 0 2px;
	}
	
	#content div.item span.edit {
		font-weight: normal;
	}
	#content div.item span.edit a {
		color: #aaa !important;
	}


	#content #leave-comment {
		margin: 0 0 40px 0;
	}
	#content a.leave_comment {
		margin-right: 20px;
	}


/* ---------------------------
	lists
	--------------------------- */

	#content ul {
		margin: 0 0 1em 0;
		padding: 0;
	}
	#content ul li {
		margin: 0 0 0.2em 2em;
		padding: 0;
		list-style-type: square;
	}
	#content ol {
		margin: 0 0 1em 0;
		padding: 0;
	}
	#content ol li {
		margin: 0 0 0.2em 2em;
		padding: 0;
		list-style-type: decimal;
	}


	#content ul.headlines {
	}
	#content ul.headlines li {
		padding: 0.5em 0;
		margin: 0 0 -1px 0;
		list-style-type: none;
		border-top: 1px solid #ddd;		
		border-bottom: 1px solid #ddd;
	}
	#content ul.headlines li h3 {
		font-size: 1em;
	}

/* ---------------------------
	quotes
	--------------------------- */

	#content blockquote {
		background: url(/wp-content/themes/messiemother/images/quote.gif) 5px 0 no-repeat;
		margin: 0.2em 0 1em 0;
		padding: 0 0 0 25px;
	}
	#content blockquote p {
		margin: 0 0 0.3em 0;
		font-size: 1em; line-height: 1.4em;
		color: #444;
	}


/* ---------------------------
	code
	--------------------------- */
	
	#content div.item pre {
		background: #f0f0f0;
		border-left: 5px solid #bbb;
		margin: 0 0 0.91em 15px;
		padding: 5px 0 5px 12px;
	}
	#content div.item 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+ */
	}
	#content div.item code {
		margin: 0 0 0.3em 0;
		font-family: 'Andale Mono', monospace;
		font-size: 1em; line-height: 1.5em;
	}


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

	#content p.paging {
		background: #eee;
		padding: 5px;
		margin: 0 0 20px 0;
		font-weight: bold;
	}
	#content p.meta {
		background: none;
		padding: 0 5px 0 0;
	}
	#content p.paging:after { /* clear float */
		content: " "; display: block; height: 0; clear: both; visibility: hidden;
	}
	#content p.paging span.left,
	#content p.paging span.up {
		margin: 0 0 0 3px;
		display: block;
		width: 42%;
		float: left;
	}
	#content p.paging span.right,
	#content p.paging span.down {
		margin: 0 3px 0 0;
		display: block;
		width: 56%;
		float: right;
		text-align: right;
	}

	#content .jump {
		font-weight: normal;
		color: #999;
	}
	
	#content p.archive {
		font-weight: bold;
	}


/* ---------------------------
	trackbacks
	--------------------------- */

	#content #trackbacks {
		width: 480px;
		margin: 0 0 60px 0;
	}
	#content #trackbacks ol {
		margin: 0 0 1em 0;
		padding: 0;
	}
	#content #trackbacks ol li {
		margin: 0 0 0.2em 2em;
		padding: 0;
		list-style-type: decimal;
	}


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

	#content #comments {
		width: 480px;
		margin: 0 0 40px 0;
	}
	#content #comments div.comment {
		margin: 0 0 20px 0;
		background: #e6e6e6;
		height: 100px;
	}
	
	#content #comments ul.list3 {
		margin: 0 0 40px 0;
		padding: 0;
	}
	#content #comments ul.list3 li {
		border-top: 1px solid #bbb !important;
		border-bottom: 1px solid #bbb !important;
		margin: -1px 0 0 0;
		padding: 1em 0 0.5em 0;
		border: 0;
		list-style-type: none;
		font-size: 1em;
	}
	#content #comments ul.list3 li.author {
		background: #f3f3f3;
		padding-left: 5px;
		padding-right: 5px;
		margin: 10px 0 11px 0;
		border: 0 !important;
	}
	#content #comments ul.list3 li p {
		margin: 0 0 1em 0;
	}
	#content #comments ul.list3 li p.meta {
		color: #555;
	}
	#content #comments ul.list3 li a.nr {
		font-size: 1.4em !important;
		border: 0;
		color: #666;
		margin: 0 10px 0 0;
	}
	#content #comments ul.list3 li span.name {
		font-weight: bold;
		margin: 0 5px 0 0;
		color: #222;
	}
	#content #comments ul.list3 li.team   span.name,
	#content #comments ul.list3 li.team   span.name a,
	#content #comments ul.list3 li.author span.name,
	#content #comments ul.list3 li.author span.name a {
		color: #AD2220 !important;
	}
	#content #comments blockquote {
		background: none;
		border-left: 5px solid #bbb;
		margin: 0 0 0.91em 4px;
		padding: 0 0 0 12px;
		font-size: 1em; line-height: 1.5em;
	}
	#content #comments blockquote p {
		margin: 0 0 0.3em 0;
		font-size: 1em;
	}


/* ---------------------------
	tables
	--------------------------- */

	#content table.table1 {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 1em; line-height: 1.5em;
		border-collapse: collapse;
	}
	#content table.table1 th {
		font-weight: normal;
		padding: 0.5em 5px 0.5em 5px;
		text-align: left;
		vertical-align: top;
		border-left: 3px solid #ccc;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		color: #333;
		background: #eee;
	}
	#content table.table1 td {
		text-align: left;
		vertical-align: top;
		padding: 0.5em 10px 0.5em 20px;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}


/* --------------------------------------------------------
  	sidebar
	-------------------------------------------------------- */

	.col_r {
		width: 200px;
		float: right;
	}
	.col_l {
		width: 200px;
	}
	.col_br {
		clear: both;
	}
	
	
	body.w640 .col640l {
		float: left;
	}
	body.w800 .col_l {
		clear: both;
	}
	
	
	body.w640 #sidebar .block {
		margin: 0 0 20px 0;
	}
	body.w800 #sidebar .block {
		margin: 0 0 30px 0;
	}
	body.w1024 #sidebar .block {
		margin: 0 0 40px 0;
	}


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

	#sidebar p {
		font-size: 0.84em; line-height: 1.4em;
	}
	#sidebar li {
		font-size: 0.84em; line-height: 1.4em;
	}
	#sidebar li p {
		font-size: 1em;
	}
	
	#sidebar h4 {
		background: #777; color: #fff;
		font-size: 0.84em; font-weight: bold;
		margin: 0 0 3px 0;
		padding: 2px 5px;
	}
	#sidebar h5 {
		font-size: 0.84em; font-weight: bold;
		margin: 0 0 0.3em 0;
	}


/* ---------------------------
	links
	--------------------------- */
	
	#sidebar a {
		color: #444;
		text-decoration: none;
		border-bottom: 1px dotted #999;
		}
	#sidebar a:hover,
	#sidebar a:focus {
		color: #ad2220;
		border-bottom: 1px solid #999;
		}
	#sidebar a.img {
		text-decoration: none;
		border: 0;
	}


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

	#sidebar div.about h4 {
		background: #8c6752;
		margin-bottom: 0;
	}
	#sidebar div.about img {
		display: block;
		margin: 2px 0;
	}
	#sidebar p.intro {
		background: #eeeeee;
		padding: 0.5em;
	}
	#sidebar div.about p.intro {
		background: #f2ebe7;
	}


/* ---------------------------
	list1
	--------------------------- */

	#sidebar ul.list1 {
		margin: 0;
		padding: 0;
	}
	#sidebar ul.list1 li {
		clear: left;
		margin: -1px 0 0 0;
		padding: 0;
		list-style-type: none;
		border: 0;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	#sidebar ul.list1 li a,
	#sidebar ul.list1 li a {
		xbackground: #f0f0f0;
		display: block;
		padding: 0.5em 0 0.6em 0;
		border: 0;
		text-decoration: none;
	}
	#sidebar ul.list1 li a span.click,
	#sidebar ul.list1 li a span.click {
		text-decoration: none;
		border: 0;
		font-weight: bold;
		margin-right: 4px;
	}
	#sidebar ul.list1 li a:hover,
	#sidebar ul.list1 li a:focus {
		background: #f0f0f0;
		cursor: pointer;
		color: #444;
	}
	#sidebar ul.list1 li a:hover span.click,
	#sidebar ul.list1 li a:focus span.click {
		color: #ad2220;
		border-bottom: 1px solid #999;
	}
	#sidebar ul.list1 li span.line {
		display: block;
		margin-bottom: 0.3em;
	}
	#sidebar ul.list1 img.icon {
		position: relative; top: 2px;
		margin: 0 3px -3px 0;
	}


/* ---------------------------
	authors (list1)
	--------------------------- */

	#sidebar ul.authors li a img {
		display: block;
		float: left;
		border: 0;
		margin: 0 0 0 5px;
		text-decoration: none;
	}
	#sidebar ul.authors li a span {
		display: block;
		margin-left: 42px;
	}
	#sidebar ul.authors li a span.click {
		display: inline;
		margin-left: 0;
	}
	#sidebar ul.authors li a:after { /* clear float */
		content: " "; display: block; height: 0; clear: both; visibility: hidden;
	}


/* ---------------------------
	search
	--------------------------- */

	#sidebar div#searchform {
		background: #777;
		margin-bottom: 5px;
	}
	#sidebar div#searchform:hover,
	#sidebar div#searchform:focus {
		background: #ad2220;
	}
	#sidebar div#searchform h4 {
		margin: 0;
		background: none;
	}
	#sidebar form#search {
		margin: 0 0 5px 0;
	}
	#sidebar form#search input.field {
		width: 184px;
		border: 0;
		margin: 0 0 6px 5px;
		padding: 2px;
	}
	#sidebar form#search input.submit {
		width: 20px;
		border: 0;
		background: #ad2220;
		color: #fff; 
	}


/* ---------------------------
	newsletter
	--------------------------- */

	#sidebar form#newsletter {
	}
	#sidebar form#newsletter input.field {
		width: 194px;
		border: 1px solid #aaa;
		margin: 4px 0 4px 0;
		padding: 2px;
	}
	#sidebar form#newsletter input.submit {
		border: 0;
		background: #ad2220;
		color: #fff; 
	}


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

	#footer p {
		font-size: 0.84em;
		margin-bottom: 0;
	}
	#footer span {
		padding: 0 0.5em;
	}










/* -----------------------------------------------------------------------------------------
	extras
	----------------------------------------------------------------------------------------- */



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

	form.dm_form {
		width: 100%;
		font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 1em;
		margin: 0;
		padding: 0;
		border: 0;
	}
	form.dm_form div.form_wrapper {
		margin: 0 -1%;
		padding: 0;
	}


/* ---------------------------
  	labels and wrappers
	--------------------------- */
	
	form.dm_form label {
		margin: 0 1%;
		padding: 0;
		border: 0;
		float: left;
		/* background: #bbb; */
		display: table;
		width: 1%;
	}
	form.dm_form span.wrapper {
		margin: 0;
		padding: 0;
		display: table-cell;
		width: 1%; /* firefox */
	}
	
	
/* ---------------------------
  	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%;
	}
	
	
/* ---------------------------
  	errors
	--------------------------- */
	
	form.dm_form label.error input.field,
	form.dm_form label.error select.field,
	form.dm_form label.error textarea.field {
		border-color: #dd1100;
	}
	
	form.dm_form label.error span.title {
		color: #dd1100;
	}
	
	
/* ---------------------------
  	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: 1px solid #aaa;
		border-left: 5px solid #aaa;
		background: #f0f0f0;
		padding: 4px;
		font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 1em;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* gecko */
		-webkit-box-sizing: border-box; /* khtml/webkit */
	}
	form.dm_form label select.field {
		padding: 4px 1px 1px 1px; /* have to try out */
	}
	
	form.dm_form label input.field:focus,
	form.dm_form label select.field:focus,
	form.dm_form label textarea.field:focus {
		border: 1px solid #ad2220;
		border-left: 8px solid #ad2220;
		background: #fff;
	}
	
	
/* ---------------------------
  	checkboxes and radios
	--------------------------- */
	
	form.dm_form input.select {
		display: block;
		float: left;
		margin: 0;
	}
	
	
/* ---------------------------
  	submit button
	--------------------------- */
	
	form.dm_form input.submit {
		width: 100%;
		background: #ad2220;
		color: #fff;
		padding: 2px 0;
	}
	
	form.dm_form input.submit:hover,
	form.dm_form input.submit:focus {
		background: #333;
		/* 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 */
	}
	
	form.dm_form label span.title:hover,
	form.dm_form label span.title:focus {
		color: #ad2220;
		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;
	}
	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 25px;
		padding: 0;
	}
	
	
/* ---------------------------
  	clearing element
	--------------------------- */
	
	.clear {
		clear: both;
		display: block;
		padding: 0 0 10px 0;
	}
	.pb0 {
		padding-bottom: 0 !important;
	}
	.pb20 {
		padding-bottom: 20px !important;
	}
	
	
/* ---------------------------
  	form content
	--------------------------- */
	
	form.dm_form p {
		margin: 0 1% 10px 1%;
		font-size: 1em;
	}
	
	div.errors {
		display: none; /* JS toggle */
		margin: 0 1% 30px 1%;
		padding: 5px 10px;
		background: #dd1100;
	}
	div.errors p {
		color: #fff;
		margin: 0 0 0.5em 0;
	}
	div.errors ul {
		margin: 0 0 0 1.6em;
		padding: 0;
	}
	div.errors ul li {
		margin: 0;
		padding: 0;
		color: #fff;
		list-style-type: square;
	}



/* --------------------------------------------------------
	lightbox
	-------------------------------------------------------- */

	#lightbox {
		background-color: transparent;
		padding: 0;
		border: 3px solid #000;
		/* border-bottom: 2px solid #666; */
		/* border-right: 2px solid #666; */
	}
	#lightbox img {
		display: block;
	}
	#lightboxDetails{
		font-size: 0.84em;
		padding: 0;
		color: #ccc;
		background: #000;
		display: block;
	}	
	#lightboxCaption {
		/* float: left; */
		padding: 0.5em 0;
	}
	#keyboardMsg {
		float: right;
		display: none;
	}
	#lightbox img {
		border: none;
	} 
	#overlay img {
		border: none;
		display: none;
	}
	#overlay {
		background-image: url(/wp-content/themes/messiemother/images/lightbox_overlay.png);
	}
	#lightbox a {
		border: 0;
	}


/* --------------------------------------------------------
	ads
	-------------------------------------------------------- */

	#content div.advertising {
	}


	body.w640 #content div.ad1 {
		margin-top: -10px !important;
		margin-bottom: 35px !important;
	}
	body.w640 #content div.ad2 {
		margin-top: 0 !important;
		margin-bottom: 20px !important;
	}
	body.w800 #content div.ad1 {
		margin-top: -15px !important;
		margin-bottom: 45px !important;
	}
	body.w800 #content div.ad2 {
		margin-top: -25px !important;
		margin-bottom: 25px !important;
	}
	body.w1024 #content div.ad1 {
		margin-top: -25px !important;
		margin-bottom: 60px !important;
	}
	body.w1024 #content div.ad2 {
		margin-top: -40px !important;
		margin-bottom: 40px !important;
	}


	#content div.item p.indicator {
		font-size: 0.84em;
		margin: 0 0 0.5em 0;
		color: #999;
	}
	#content div.item p.indicator span {
		padding: 0 0.3em;
	}
	#content div.item p.indicator a {
		border: 0;
	}


	#content div.ads {
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		padding: 5px 0;
	}


	#content div.ads ul {
		margin:0 !important;
		padding: 0 !important;
	}
	#content div.ads ul li {
		margin:0 0 2px 0 !important;
		padding: 0 1% 0 0 !important;
		font-size: 1em !important;
		line-height: 1em !important;
		width: 32.3% !important;
	}
	#content div.ads ul li span {
		margin:0 !important;
		padding: 0 !important;
		font-size: 1em !important;
		line-height: 1em !important;
	}
	#content div.ads ul li a,
	#content div.ads ul li span a {
		font-size: 0.84em !important;
		line-height: 1.2em !important;
		margin: 0 !important;
		padding: 0 !imporant;
		display: block !important;
		text-decoration: none !important;
		border: 0 !important;
		font-size: normal !important;
		font-family: 'Helvetica Neue', Arial, sans-serif !important;
		color: #666 !important;
	}
	#content div.ads ul li a:hover,
	#content div.ads ul li a:focus {
		color: #999 !important;
	}



/* --------------------------------------------------------
	plugin: srg_clean_archives
	-------------------------------------------------------- */

	#content div.item p.postspermonth {
		font-weight: bold;
		background: #e6e6e6;
		padding: 5px;
		margin: 0 0 0.5em 0;
	}
	#content div.item ul.postspermonth {
		margin: 0 0 20px 0;
		padding: 0;
	}
	#content div.item ul.postspermonth li {
		margin: 0 0 0.2em 5px;
		color: #666;
		list-style-type: none;
	}
	#content div.item ul.postspermonth li a {
		margin: 0 5px 0 0;
	}

	#content li#active_item {
		padding: 0.2em 0;
		font-weight: bold;
		color: #ad2220;
	}	
	#content li#active_item a {
		color: #ad2220;
		border: 0;
	}



/* --------------------------------------------------------
	plugin: addicted live search
	-------------------------------------------------------- */

	#sidebar div#addicted_results {
		margin: 0;
	}
	#sidebar div#addicted_results h4 {
		background: #ad2220;
		border-top: 5px solid #fff;
		margin-bottom: 0;
	}
	#sidebar div#addicted_results ul {
		background: #f0f0f0;
	}
	#sidebar div#addicted_results ul li {
		border-color: #fff;
}
	#sidebar div#addicted_results ul li a {
		padding-left: 5px;
		font-weight: bold;
	}
	#sidebar div#addicted_results ul li a:hover,
	#sidebar div#addicted_results ul li a:focus {
		background: #fff;
	}
	#sidebar div#addicted_results p {
		font-weight: bold;
		color: #fff;
		margin: 0;
		border-top: 5px solid #fff;
		padding: 0.2em 5px;
	}


/* --------------------------------------------------------
	plugin: search excerpt
	-------------------------------------------------------- */

	strong.search-excerpt {
	  color: #ad2220;
	  border-bottom: 1px solid #ad2220;
	}
	

/* --------------------------------------------------------
	plugin: star voter
	-------------------------------------------------------- */

.star-rating{
   top:                 2px;
   right:               0px;
   position:            absolute;
	width:               125px;
	height:              25px;
	overflow:            hidden;
	list-style:          none;
	margin:              0;
	padding:             0;
	background-position: left top;
}
.star-rating li{
	display:             inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:            absolute;
	top:                 0;
	left:                0;
	text-indent:         -1000em;
	height:              25px;
	line-height:         25px;
	outline:             none;
	overflow:            hidden;
	border:              none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
	background-position: left bottom;
}
.star-rating a.star1{
	width:               20%;
	z-index:             6;
}
.star-rating a.star2{
	width:               40%;
	z-index:             5;
}
.star-rating a.star3{
	width:               60%;
	z-index:             4;
}
.star-rating a.star4{
	width:               80%;
	z-index:             3;
}
.star-rating a.star5{
	width:               100%;
	z-index:             2;
}
.star-rating .current-rating{
	z-index:             1;
	background-position: left center;
}	

.small-star{
	width:               50px;
	height:              10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image:    url(/wp-content/themes/messiemother/images/star.gif);
	line-height:         10px;
	height:              10px;
}

.star-rating-done {
	position:            absolute;
	top:                 0;
	left:                0;
	text-indent:         -1000em;
	outline:             none;
	overflow:            hidden;
	border:              none;
	line-height:         10px;
	height:              10px;
	background-image:    url(/wp-content/themes/messiemother/images/star.gif);
	background-position: left bottom;
}

.dm_vote_item {
   position:            relative;
   width:               90px;
   height:              20px;
   margin:              0px auto;
}

.dm_number {
   top:                 0px;
   left:                0px;
   position:            absolute;
}

.dm_gallery_item {
   text-align:          center;
}
      
.dm_gallery {
}