/*   
Theme Name: sw
Description: living at home Redaktionsblog theme for Gruner+Jahr
Author: MOSAIQ MEDIA GmbH, Christian Bieser
Author URI: http://www.mosaiq-media.de
Version: 0.1
*/

@media screen {
	/*
	 * BODY
	 */
	* {
		margin:0;
		padding:0;
	}
	body {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0;
		padding: 0;
		background: transparent url(images/body.gif) repeat-x scroll left top;
	}

	#wrapper {
		padding: 0 0 0 14px;
		float: left;
		height: auto;
		min-height: 800px;
		width: 961px;
		background: white url(images/wrapper.jpg) no-repeat scroll left top;
	}

	#page {
		margin: 0;
		text-align: left;
		width: 961px;
		background-color: #fff;
		background-attachment: scroll;
		background-image: url(images/linie-y.gif);
		background-repeat: repeat-y;
		background-position: 709px 88px;
		float: left;
		height: auto;
		min-height: 720px;
	}
	#top {
		position: absolute;
		top: 0px;
		visibility: hidden;
	}
	
	
	
	/* Banner */
	#bannerHead {
		width: 960px;
		text-align: center;
		padding: 6px 0;
	}
	#bannerPost {
		width: 578px;
		text-align: center;
		padding: 15px 0;
		clear: left;
		float: left;
		
		border-top: 1px solid #ece9e4;
	}
	#bannerSkyscraper {
		left: 997px;
		position: absolute;
		top: 190px;
	}
	
	
	
	h1, 
	h2, 
	h3,
	h4,
	h5,
	h6 {
		float: none;
	}

	h1, 
	h2, 
	h3 {
		font-weight: bold;
	}
	h1 {
		font-size: 4em;
	}
	h2 {
		font-size: 2.6em;
	}
	h3 {
		font-size: 1.8em;
		font-weight: normal;
	}
	h4, h5 {
		font-size: 1.3em;
	}
	h1, 
	h1 a, 
	h1 a:hover, 
	h1 a:visited {
		text-decoration: none;
	}
	h2, 
	h2 a, 
	h2 a:visited, 
	h3, 
	h3 a, 
	h3 a:visited {
		color: #a5841f;
	}
	h2, 
	h2 a, 
	h2 a:hover, 
	h2 a:visited, 
	h3, h3 a, 
	h3 a:hover, 
	h3 a:visited, 
	#sidebar h2, 
	#wp-calendar caption, 
	cite {
		text-decoration: none;
	}
	h2.archive {
		font-size: 1.4em;
		color: #333333;
		padding-bottom: 16px;
	}

	
	
	/* Link */
	a, 
	p.postmetadata a {
		color: #7f7f7f;
		text-decoration: none;
	}
	a:hover, 
	p.postmetadata a:hover {
		color: #c1090f;
	}

	
	
	/* Helpers */
	.floatLeft {
		float: left !important;
	}
	.noFloat {
		float: none !important;
	}
	.clear {
		clear: both !important;
	}
	.clearLeft {
		clear: left !important;
	}
	.noClear {
		clear: none !important;
	}
	.lineXtop {
		background-image: url(images/linie-x.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	.reiter {
		background-image: url(images/registerreiter.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 4px;
	}
	.rubrik {
		width: 179px;
		text-align: center;
		margin-right: 2px;
		white-space: nowrap;
		overflow: visible;
	}
	.print {
		display: none;
	}
	.gray {
		color: #7f7f7f;
	}
	
	
	
	/*
	 * HEAD
	 */
	#header {
		margin: 0;
		padding: 0;
		clear: both;
		height: 89px;
		width: 962px;
		position: relative;
		background-image: url(images/kopf.png);
	}
	#header #logo {
		position: absolute;
		top: 12px;
		left: 15px;
		border: none;
  }

	
	
	/* Searchwidget */
	#search {
		background-image: none;
		border: none;
		padding: 0;
		margin: 0;
		line-height: 2.2em;
		position: absolute;
		right: 29px;
		top: 33px;
	}
	#search input#s {
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		background-color: transparent;
		width: 162px;
		padding: 2px;
		margin: 0 4px 1px 0;
		float: left;
	}
	#search #searchsubmit {
		padding: 0;
		margin: 0;
		float: left;
		width: 21px;
		height: 21px;
		
	}
	
	
	
	/*
	 * CONTENT
	 */
	.narrowcolumn,
	.widecolumn {
		clear: left;
		float: left;
		padding: 0 59px 20px 73px;
		margin: 18px 0 0 0;
		width: 578px;
		overflow: visible;
	}
	.postheadermeta1 small {
		font-size: 1.1em;
		line-height: 1.4em;
		color: #7f7f7f;
	}
	small {
		font-size: 0.9em;
		color: #7f7f7f;
	}
	.entry p.wp-caption-text {
		font-size: 1.1em;
	}
	
	
	/* Navigation */
	.navigation {
		font-size: 1.2em;
		float: left;
		clear: left;
		margin-bottom: 10px;
		padding-bottom: 4px;
		color: #7f7f7f;
		width: 578px;
	}
	.navigation a {
		color: #7f7f7f;
	}
	.navigation a.next {
		background-image: url(images/next_arrow.gif);
		background-repeat: no-repeat;
		background-position: right 2px;
		padding-right: 18px;
	}
	.navigation a.previous {
		background-image: url(images/previous_arrow.gif);
		background-repeat: no-repeat;
		background-position: left 2px;
		padding-left: 18px;
	}
	.navigation a:hover {
		color: #c1090f;
	}
	
	
	
	/* Pagination */
	.pagination {
		font-size: 1.2em;
		background-image: url(images/linie-x.gif);
		background-repeat: repeat-x;
		background-position: left top;
		float: left;
		clear: left;
		margin-top: 10px;
		padding-top: 4px;
		color: #7f7f7f;
		width: 578px;
	}
	
	
	
	/* Images */
	#content img {
		padding: 0;
		border-color: #ece9e4;
		border-style: solid;
		border-width: 1px;
	}
	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	img.alignright {
		padding: 0;
		margin: 0 0 4px 11px;
		display: inline;
	}
	img.alignleft {
		padding: 0;
		margin: 0 11px 4px 0;
		display: inline;
	}
	.alignright {
		float: right;
	}
	.alignleft {
		float: left
	}
	
	
	
	/* Lists
		Special stylized non-IE bullets
		Do not work in Internet Explorer, which merely default to normal bullets. */
	/*
	html>body .entry ul {
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
	}
	html>body .entry li {
		margin: 7px 0 8px 10px;
	}
	.entry ul li:before, 
	#sidebar ul ul li:before {
		content: "\00BB \0020";
	}
	*/
	.entry ol,
	.entry ul {
		padding: 0 0 0 35px;
		margin: 0;
		font-size: 1.4em;
		margin-bottom: 11px;
	}
	.entry ol li {
		margin: 0;
		padding: 0;
	}
	.postmetadata ul, 
	.postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}
	
	
	
	/*
	 * POST
	 */
	.post {
		margin: 1px 0 15px;
		padding: 0 0 10px;
		text-align: left;
	}
	.post.single {
		border-bottom: 1px solid #ece9e4;
	}
	.widecolumn .post {
		margin: 0;
	}
	.narrowcolumn .postmetadata,
	.widecolumn .postmetadata {
		margin: 20px 0;
	}
	.widecolumn .smallattachment {
		text-align: center;
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
	}
	.widecolumn .attachment {
		text-align: center;
		margin: 5px 0px;
	}
	.postmetadata {
		font-size: 1.2em;
	}
	.postheadermeta1>div {
		margin: 9px 0;
	}
	
	
	/* Entry */
	.entry {
		margin-top: 8px;
	}
	.entry p {
		font-size: 1.3em;
		line-height: 1.5em;
		margin-bottom: 11px;
	}
	.entry p.postmetadata {
		margin-bottom: 0px;
		clear: left;
	}
	.entry a {
		color: #9f1537;
	}
	
	
	
	/*
	 * POSTMETADATA
	 */
	a.respond {
		background-image: url(images/response.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding-left: 26px;
		color: #7f7f7f;
	}
	a.recommend {
		background-image: url(images/recommend.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding-left: 26px;
		color: #7f7f7f;
	}
	a.respond:hover,
	a.recommend:hover {
		color: #9f1537;
	}
	
	
	
	/*
	 * Recommend
	 */
	.recommendform {
		font-size: 1.1em;
		width: 578px;
	}
	.recommendform p {
		margin: 0 0 8px 0;
		clear: left;
		float: left;
		min-height: 22px;
		width: 578px;
	}
	.recommendform input.recommend-author,
	.recommendform input.recommend-email,
	.recommendform input.recommend-friend,
	.recommendform input.recommend-friend-email,
	.recommendform input.securitycode, 
	textarea.recommend-remark {
		border-color: #7f7f7f;
		border-style: solid;
		border-width: 1px;
	}
	.recommendform input.recommend-author,
	.recommendform input.recommend-email,
	.recommendform input.recommend-friend,
	.recommendform input.recommend-friend-email {
		width: 265px;
	}
	.recommendform input.securitycode {
		width: 98px;
	}
	form.recommendform label,
	form.recommendform span.label {
		margin-top: 3px;
		float: left;
	}
	form.recommendform label {
		width: 130px;
		margin-right: 5px;
		text-align: right;
	}
	form.recommendform span.label {
		margin-left: 3px;
	}
	form.recommendform input,
	textarea.recommend-remark {
		float: left;
		padding: 2px;
		display: inline;
	}
	textarea.recommend-remark {
		width: 403px; /*433*/
	}
	form.recommendform label.lSecuritycode {
		width: auto !important;
		margin-left: 135px !important;
		text-align: left !important;
		margin-bottom: 5px !important;
	}
	form.recommendform p.secureimgdiv {
		height: 68px;
	}
	form.recommendform p.secureimgdiv img {
		clear: left;
		float: left;
		margin-left: 135px;
	}
	form.recommendform input.securitycode {
		margin-left: 5px;
	}
	.recommendform input.recommend-submit {
		padding: 0;
		clear: left;
		float: left;
		margin-left: 135px;
	}
	.indent {
		clear: left !important;
		margin-left: 135px !important;
		margin-top: 2px !important;
		display: block;
	}
	.error {
		color: #c1090f;
	}
	
	.recommend-layer {
		z-index: 80;
		position: absolute;
		display: inline;
		background-color: #fff;
		border: 1px solid #7f7f7f;
		padding: 7px;
		margin-bottom: 20px;
	}
	.recommendClose {
		position: absolute;
		right: 5px;
		top: 5px;
		font-size:1.1em;
	}

	
	
	/*
	 * COMMENTS
	 */
	.alt {
		margin: 0;
		padding: 0;
	}
	.commentlist {
		margin: 0 0 20px;
		padding: 0 0 5px;
		border-bottom: 1px solid #ece9e4;
	}
	.commentlist li {
		margin: 0;
		padding: 0 0 15px;
		list-style: none;
		font-size: 1.4em;
	}
	.commentlist p {
		margin: 0;
	}
	.commentlist p a,
	.commentlist p a:hover {
		color: #9f1537;
	}
	#commentform p {
		margin: 0;
	}
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.commentmetadata {
		margin: 0;
		display: block;
		font-weight: bold;
		color: #7f7f7f;
	}
	.commentmetadata cite {
		font-style: normal;
	}
	.commentmetadata cite a {
		color: #a5841f;
	}
	#commentform {
		font-size: 1.1em;
	}
	#commentform p {
		margin: 0 0 8px 0;
		clear: left;
		float: left;
		min-height: 22px;
		width: 576px;
	}
	#commentform input#author,
	#commentform input#email,
	#commentform input#url,
	#commentform input.securitycode, 
	textarea#comment {
		border-color: #7f7f7f;
		border-style: solid;
		border-width: 1px;
	}
	#commentform input#author,
	#commentform input#email,
	#commentform input#url {
		width: 265px;
	}
	#commentform input.securitycode {
		width: 98px;
	}
	form#commentform label,
	form#commentform span.label {
		margin-top: 3px;
		float: left;
	}
	form#commentform label {
		width: 130px;
		margin-right: 5px;
		text-align: right;
	}
	form#commentform span.label {
		margin-left: 3px;
	}
	form#commentform input,
	textarea#comment {
		float: left;
		padding: 2px;
		display: inline;
	}
	textarea#comment {
		width: 433px;
	}
	form#commentform label.lSecuritycode {
		width: auto !important;
		margin-left: 135px !important;
		text-align: left !important;
		margin-bottom: 5px !important;
	}
	form#commentform p.secureimgdiv {
		height: 68px;
	}
	form#commentform p.secureimgdiv img {
		clear: left;
		float: left;
		margin-left: 135px;
	}
	form#commentform input.securitycode {
		margin-left: 5px;
	}
	#commentform input#comment-submit {
		padding: 0;
		clear: left;
		float: left;
		margin-left: 135px;
	}
	
	/* 
	 * RESPONSE
	 */
	h3#comments,
	h3#respond {
		color: #a5841f;
		font-size: 1.8em;
		font-weight: normal;
		margin-bottom: 8px;
	}
	
	
	
	/*
	 * SIDEBAR
	 */
	#sidebar {
		padding: 0 8px 10px;
		margin-left: 0;
		width: 234px;
		color: #7f7f7f;
		font-size: 1.1em;
		float: left;
		overflow: hidden;
	}
	#sidebar .widget {
		margin-top: 18px;
	}
	#sidebar a {
		color: #000;
		font-weight: normal;
	}
	#sidebar a:hover {
		color: #c1090f;
	}
	#sidebar form {
		margin: 0;
	}
	
	
	
	/* Lists */
	#sidebar ul, 
	#sidebar ul ol {
		margin: 0;
		padding: 0;
	}
	#sidebar ul li {
		list-style-type: none;
		list-style-image: none;
		margin-bottom: 15px;
	}
	#sidebar ul p, 
	#sidebar ul select {
		margin: 5px 0 0;
	}
	#sidebar ul, 
	#sidebar ol {
		margin: 5px 0 0;
	}
	#sidebar ul ul, 
	#sidebar ol {
		margin: 0;
	}
	ol li, 
	#sidebar ul ol li {
		list-style: decimal outside;
	}
	#sidebar ul li, 
	#sidebar ol li {
		margin: 6px 0 0;
		padding: 0;
		background: url(images/next.gif) no-repeat left 5px;
		padding-left: 11px;
		font-weight: normal;
	}
	
	
	
	/* Headline */
	#sidebar h2,
	#wp-calendar caption {
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 1.1em;
		color: #a5841f;
		font-weight: bold;
		text-transform: uppercase;
		padding-bottom: 7px;
		background-image: url(images/linie-x.gif);
		background-repeat: repeat-x;
		background-position: 0 1.4em;
		float: none;
	}
	
	
	
	/*
	 * WIDGETS
	 */
	/* RSS widget */
	#sidebar ul.feeds li {
		background: url(images/feed.gif) no-repeat left top;
		padding-left: 17px;
	}
	
	
	
	/* Tag Cloud */
	#et-schlagworte a {
		margin-right: 4px;
		color: #7f7f7f;
	}
	
	
	
	/* Calendarwidget */
	#calendar,
	#et-kalender {
		margin-bottom: 4px;
	}
	#wp-calendar {
		empty-cells: show;
		margin: 0;
		width: 229px;
	}
	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		background: url(images/next.gif) no-repeat right 4px;
		padding-right: 11px;
	}
	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		background: url(images/previous.gif) no-repeat left 4px;
		padding-left: 11px;
	}
	#wp-calendar td {
		padding: 1px 7px;
		text-align: right;
		width: 18px;
		text-align: right;
	}
	#wp-calendar td a {
		display: block;
		font-weight: bold;
		color: #c1090f;
		width: 16px;
	}
	#wp-calendar td#prev {
		padding: 0;
		text-align: left;
		width: auto;
	}
	#wp-calendar td#next {
		padding: 0;
		text-align: right;
		width: auto;
	}
	#wp-calendar td#prev a,
	#wp-calendar td#next a {
		color: #c1090f;
		background-color: transparent;
		border: none;
		font-weight: normal;
		width: auto;
	}
	#wp-calendar td#today {
		text-decoration: underline;
	}
	#calendar > h2,
	#et-kalender > h2 {
		display: none;
	}
	#wp-calendar caption {
		text-align: left;
	}
	#wp-calendar th {
		text-align: center;
	}
	#calendar_wrap {
		background-image: url(images/linie-x.gif);
		background-repeat: repeat-x;
		background-position: bottom;
	}
	
	
	
	/* Archivewidget */
	#sidebar #et-archiv.widget {
		margin-top: 0px;
	}
	#et-archiv {
		width: 229px;
		margin-top: 0px;
	}
	
	
	
	/*
	 * FOOTER
	 */
	#footer {
		padding: 0;
		margin: 0;
		width: 961px;
		height: 58px;
		clear: both;
		background-color: #ece9e4;
		font-size: 1.1em;
		line-height: 1.1em;
		position: relative;
	}
	#footer p {
		margin: 0;
		padding: 10px 0;
	}
	#footer ul {
		padding-top: 28px;
		padding-left: 14px;
		list-style: none;
	}
	#footer ul li {
		float: left;
	}
	#footer ul li a {
		padding: 0 4px;
	}
	#footer a#toplink {
		position: absolute;
		top: 28px;
		right: 14px;
		background-image: url(images/top.gif);
		background-repeat: no-repeat;
		background-position: left 4px;
		padding-left: 10px;
	}
}

@media print {
	.noprint,
	#bannerHead,
	#bannerPost,
	#bannerSkyscraper,
	#header,
	.navigation,
	div.postheadermeta1>div>img,
	form,
	.trackback,
	.respond,
	.recommend,
	.pagination,
	h3#respond,
	#sidebar,
	#footer
	{
		display: none;
	}
	
	body {
		font-family: "Times New Roman", Times, serif;
		color: #000000;
	}
	a {
		text-decoration: none;
		color: inherit;
	}
	a img {
		border: none;
	}
	.alignright {
		float: right;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		widows: 5;
		orphans: 5;
		page-break-after: avoid;
	}
	.postheadermeta1 {
		widows: 5;
		orphans: 5;
		page-break-before: avoid;
	}
	p {
		widows: 5;
		orphans: 5;
		page-break-inside: avoid;
	}
	.commentlist li {
		list-style: none;
	}
	.print {
		display: inline;
	}
}