/*
Theme Name: zutexten
Description: Design for zutexten.com
Version: 1.1
Author: portnull.de
Author URI: http://www.portnull.de
Tags: texte, widgets, pictures, tabs, pages
*/


/* TYPO
------------------------------------------------------------ */
body {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #404040;}


a, a:link {
	color: #606060;
	text-decoration: none;}
a:hover {
	color: #706f68;
	outline: none;}
a:visited {color: #606060;}
a:active {color: #414141;}
	
	
#sidebar a:hover {
	color: #62a4b4;}

.narrowcolum .entry p, .pagecolum .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .pagecolum .entry {line-height: 1.6em;}

small {
	font-size: 0.8em;
	line-height: 1.5em;}



/* HEADLINES
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;}
	
h1 {
	font-size: 5.2em;
	font-style: italic;
	padding: 80px 0 0 0;
	margin: 0;}
h1, h1 a, h1 a:hover, h1 a:visited  {
	text-decoration: none;
	color: #414141;
	outline: none;}
h1 a#logo {
	display: block;
	width: 265px;
	height: 69px;
	text-indent: -9999px;
	background: url("images/logo.jpg") top left no-repeat;}
#header h1 {margin: 4px 0 0 30px;}	


h2 {font-size: 2.4em; margin: 0;}
h2 a:hover {
	color: #414141;}
#intro h2 a:hover, a.blogtitle {
	color: #359cab;}
h2, h2 a, h2 a:visited {
	color: #606060;
	outline: none;}
.entry h2 {
	font-size: 2.1em;
	text-align: left;
	line-height: 1em;}

#intro h2 {
	color: #606060;
	padding: 0;
	margin: 0;}
#intro h2 a {
	color: #69A2B3;}
	

h3 {
	font-size: 1.4em;
	padding: 0;
	margin: 0;}
	
h3, h3 a:link, h3 a:visited {color: #60a1b1;}
h3 a:hover {color: #4299af;}


h3.comments {
	padding: 0;
	margin: 40px auto 20px ;}
h3.txtheadline {
	font-size: 1.8em;
	color: #606060;
	margin: 0 0 10px;}
#sidebar h3 {
	line-height: 1.6em;
	color: #5ba0af;
	padding: 0 0 0 10px;
	margin: 0;}	
#sidebar div.fakewidget h3 {padding: 0;}
#staticcontent h3 {margin: 0 0 6px 0;}
.postmetadata h3 {margin: 0;}
	
	
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;}


h4 {
	font-size: 1.2em;
	color: #606060;
	margin: 0;}
h4, h4 a, h4 a:visited {
	color: #8c8c8c;}
#footer h4 {
	color: #5fa1b1;}


h5 {
	font-size: 1.3em;
	line-height: 1.1em;
	color: #414141;
	margin: 0 0 8px 0;
	padding: 0;}
h5 a {
	color: #62a0ad;}



h6 {
	font-size: .9em;
	color: #666;
	margin: 0;
	padding: 0;}	
h6 a:link {
	color: #62a0ad;}


span.amp {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
  font-size: .9em;
  color: #414141;}

span.counter {
	margin: 0 0 0 10px;}


.entry p {margin: 12px 0;}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;}



#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;}
#wp-calendar a {
	text-decoration: none;}
#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;}



/* BUTTONS
---------------------------------------------------- */
a.button,
p.edit_article a {
	float: right;
	display: block;
	font-family: Georgia, Times, serif;
	color: #333;
	font-size: 11px;
	font-style: normal;
	line-height: 8px;
	text-decoration: none !important;
	height: 19px;
	padding:0 9px 0 0;
	margin: 2px 0 6px 0;}

a.button, p.edit_article a {
	background: #fff url("images/btn_right.jpg") bottom right no-repeat scroll;}
a.button:hover, p.edit_article a:hover, a.buttoncomment {
	background: #fff url("images/btn_right.jpg") top right no-repeat scroll;}
p.edit_article a, .entry a.button {
	float: left;
	margin: 0 4px 0 0;}


a.button span, p.edit_article a span, a.buttonfooter span {
	display: block;
	line-height: 8px;
	padding: 6px 0 5px 11px;}
a.buttonfooter span {
	padding: 5px 0 6px 11px;}	
a.button span, p.edit_article a span {
	background: #fff url("images/btn_left.jpg") bottom left no-repeat;}
a.button:hover span, p.edit_article a:hover span, a.buttoncomment span {
	background: #fff url("images/btn_left.jpg") top left;}
	

/* BUILD
------------------------------------------------------------ */
body {
	padding: 0;
	margin: 0;
	background:#fff url("images/bg_body.jpg")top left repeat-x;}

#page {
	text-align: left;
	width: 976px;
	padding: 0;
	margin: 10px auto 36px;
	background: #fff;}

#contact {padding: 0 0 22px 0;}
	
#leftcolumn {
	float: left;
	width: 580px;}
#rightcolumn {
	float: right;
	width: 396px;}


/* HEADER
------------------------------------------------------------ */
#header {margin: 0 0 30px 0;}

#intro {
	line-height: 3.4em;
	padding: 18px 0 18px 22px;
	margin: 0 0 32px 30px;
	width: 528px;
	border-bottom: 1px solid #dcddd9;
	background: #e9eae4 url("images/bg_intro_home.jpg") top left repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;}
	
#intro.introblog h2 {
	color: #606060;}
#intro h2 em {
	color: #606060;
	font-style: normal;}



ul#nav_pages {
	padding: 0;
	margin: 8px 0 0 0;}
ul#nav_pages li {
	float: left;
	font-size: 1.4em;
	line-height: 1.5em;
	list-style-type: none;
	padding: 0;
	margin: 0 8px 0 0;}

ul#nav_pages li a {
	padding: 2px 4px;
	background: #fff;}
	
body#recherche a#sub_recherche {color: #60a1b1;}
body#ghostwriting a#sub_ghostwriting {color: #60a1b1;}
body#presse a#sub_presse {color: #60a1b1;}
body#lektorat a#sub_lektorat {color: #60a1b1;}
body#kontakt a#sub_kontakt {color: #60a1b1;}



/* STATICCONTENT
------------------------------------------------------------ */
#staticcontent {
	clear: both;
	font-size: 1.3em;
	width: 916px;
	margin: 22px 30px 0;}

div.profilecolumn {
	padding: 18px 0 22px 24px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-bottom: 1px solid #dcddd9;
	background: #f2f2f0 url("images/bg_sidebar_beige.jpg") bottom left repeat-x;}

div.profile {
	float: left;
	width: 178px;
	line-height: 1.4em; 
	padding: 12px 10px 6px;
	margin: 0 25px 0 0;
	border-bottom: 1px solid #e2e2de;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;}

p.profileheader {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #666;
	font-style: italic;
	padding: 0;
	margin: 0;}


/* CONTENT
------------------------------------------------------------ */
#content {
	font-size: 1.3em;
	clear: left;}
	
.narrowcolum {
	width: 550px;
	padding: 0;
	margin: 0 0 0 30px;}
	
.pagecolum {
	width: 550px;
	padding: 0;
	margin: 0 0 80px 30px;}
	
div.narrowcolum div.txtframe {
	line-height: 1.6em;
	padding: 0 22px;
	margin: 0 0 24px 0;}
body#home div.narrowcolum div.txtframe {margin: 0 0 8px 0;}
div.pagecolum div.txtframe {
	line-height: 1.6em;
	padding: 0 22px;
	margin: 0 0 100px 0;}
	
.clear {clear: both;}

.tags {
	font-size: .9em;
	padding: 0 0 4px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px dotted #dcddd9;}


/* THE POST
------------------------------------------------------------ */
.teaserpost {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #dcddd9;
	padding: 0 0 4px 0;
	margin: 12px 0 4px 0;}
.teaserpost hr {display: block;}
.teaserpost p {margin: 0 0 6px 0;}


.post {
	clear: left;
	text-align: left;}
.post hr {display: block;}


.excerpt {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.6em;
	line-height: 1.4em;
	font-size: 1.4em;
	color: #60a1b1;}

.teaserpost .excerpt {
	font-size: 1.3em;
	line-height: 1.3em;
	font-style: italic;
	color: #606060;}	
.teaserpost h3 {font-size: 1.6em;}

	

/* POSTMETADATA
------------------------------------------------------------ */
.postmetadata {
	float: left;
	position: relative;
	font-size: 1em;}

div.meta_author {
	line-height: 1.6em;
	width: 175px;
	padding: 10px 10px 10px 60px;
	margin: 0 0 18px 0;;
	border-top: 2px solid #e0e0de;
	background: #eff0ea;}

div.authorname {
	position: absolute;
	width: 135px;
	height: 125px;
	margin: -65px 0 0 -70px;}


span.meta_category {}
span.meta_category a {color: #414141;}
		

	
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;}
	
.narrowcolum .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;}
.narrowcolum .attachment {
	text-align: center;
	margin: 5px 0px;}


.navigation {
	padding: 18px 0;
	margin: 0;}

div.navleft, div.navright {
	display: inline;
	font-size: .9em;
	padding: 4px 12px;
	background: #fff;}
div.navleft {float: left;}
div.navright {float: right;}



/* SIDEBAR $WIDGETS
---------------------------------------------------------------*/
#sidebar {
	font-size: 1.4em;
	padding: 20px 0 0;
	width: 396px;}


#sidebar form {margin: 0;}
#sidebar ul, #sidebar ul ol {
	width: 276px;
	padding: 0;
	margin: 18px 0 18px 56px;}

#sidebar ul li {
	list-style: none;
	list-style-image: none;
}

#sidebar ul li:last-child {border: 0;}
	
#sidebar ul li ul {padding: 0;}
#sidebar ul li ul li {
	width: 232px;
	list-style-type: none;
	padding: 0 4px;
}


#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {
	list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;}



.widget, .fakewidget {
	padding:6px 8px 12px;
	margin: 0 0 18px 0;
	border-bottom: 1px solid #e4e4e2;
	background: #f2f2ef url("images/bg_sidebar_beige.jpg") bottom center repeat-x;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	
.fakewidget {
	text-align: left;
	width: 246px;
	padding:8px 16px;
	margin: 3em 0 0 5.6em;}

.fakewidget ul {
	padding: 0;
	margin: 0 !important;
}
	
.fakewidget li {
	padding: 2px 0 2px 24px;
	margin: 2px 0;
}


li.social.mobile {background: url("images/ico_mobile.png") 0 2px no-repeat;}
li.social.xing {background: url("images/ico_href.png") 0 2px no-repeat;}
li.social.twitter {background: url("images/ico_twitter.png") 0 2px no-repeat;}
li.social.zutexten {background: url("images/ico_mail.png") 0 2px no-repeat;}



/* COLOR WIDGETS
------------------------------------------------------------ */
.widget_search {
	padding: 2px 8px 0 !important;
	border-bottom: 1px solid #548b97;
	background: #6fb1c0 url("images/bg_sidebar_blue.jpg") top center repeat-y;}


.widget_tag_cloud a {margin: 0 4px 2px 0;}
#thetags {padding: 0 11px;}


.widget_rrm_recent_comments {font-size: .9em;}
.widget_rrm_recent_comments a {color: #6caebc;}
#sidebar .widget_rrm_recent_comments li {
	padding: 0;
	border-bottom: 0;}

.widget_rrm_recent_comments p {
	width: 224px;
	padding: 4px 8px;
	border-bottom: 1px solid #dcddd9;
	background: #fff; }


/* IMAGES
------------------------------------------------------------ */
p img {
	padding: 0;
	max-width: 100%;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;}

.alignright {float: right;}
.alignleft {float: left}



/* LISTS
------------------------------------------------------------ */
html>body .entry ul {
	margin-left: 0px;
	padding: 0;
	list-style: none;
}

.entry ul {margin: 6px 0;}
.entry ol {margin: 0;}

.entry li {
	padding: 0 0 0 2em;
	margin:0;
	background: url("images/gfx_list.jpg") 0 5px no-repeat;}

.entry ol li {
	padding: 0 0 0 2em;
	margin: 0;}



/* FORMS
------------------------------------------------------------ */
formfield {border: 0;}

#searchform {
	margin: 10px auto;
	padding: 5px 3px;}
#searchform #s {
	padding: 4px;
	border: 1px solid #666;
	background: #fff;}

#sidebar #searchform {
	margin: 10px auto;
	padding: 5px 3px;}
#sidebar #searchform #s {
	width: 174px;
	padding: 4px;
	border: 0;
	border-top: 1px solid #548b97;
	background: #fff url("images/bg_searchfield.jpg") top left repeat-x;}

#sidebar #searchsubmit {padding: 1px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center;}
select {width: 130px;}
	



/* COMMENTS
------------------------------------------------------------ */
#thecomments {padding: 4px 20px 8px;}
#commentform input, #commentform textarea {
	font-family: Georgia, 'Times New Roman', Times, serif;}

/* -- Write */
fieldset#field_comments {
	width: 472px;
	padding: 12px 18px;
	margin: 18px 20px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:0;
	border-bottom: 1px solid #dcddd9;
	background: #e9eae4 url("images/bg_intro_home.jpg") top left repeat-x;}

#commentform input {
	width: 170px;
	padding: 4px 6px;
	margin: 5px 5px 1px 0;
	border: 1px solid #cbcdc7;
	background: #fff url("images/bg_searchfield.jpg") top left repeat-x;}
#commentform textarea {
	width: 460px;
	padding: 4px 6px;
	border: 1px solid #cbcdc7;
	background: #fff}
#commentform #submit {
	float: right;
	margin: 0;
	width: auto;
	border: none;
	background: none;}
	

/* --Read */
.commentlist {
	padding: 0;
	text-align: justify;}

.commentlist li {
	list-style: none;
	margin: 18px 0 0;}

.thecomment_author {
	padding: 0 6px 6px 6px;
	border-bottom: 1px dotted #dcddd9;}


.thecomment_info {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 1.3em;
	color: #706f68;
	padding: 6px 0 0 4px;}
.thecomment_info a.thecounter {color: #706f68;}
.thecomment_info a {color: #5f9cae;}
.thecomment_info small {font-size: .9em !important;}
.thecomment_info small a {color: #666 !important;}

.commentlist li div.thecomment {
	padding: 8px 8px 0;}
	
	
.thecomment_author .avatar { 
	float: right;
	border: 1px solid #dcddd9;
	padding: 2px;
	margin: -8px 0 0 8px;
	background: #fff;}
	
	
.commentlist p {
	padding: 0;
	margin: 4px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;}
#commentform p {
	margin: 5px 0;}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;}


/* CREATE SPECIAL COMMENTS -- OFF
.commentlist li.comment_moritz div.thecomment_author {background: #94ceda; border-bottom: 1px solid #548b97}
.commentlist li.comment_christiane div.thecomment_author {background: #f6dfa2; border-bottom: 1px solid #e5cb87}
.commentlist li.comment_christiane .thecomment_info a.thecounter {color: #ceab50;}
*/


/* FORMS
------------------------------------------------------------ */
fieldset {
	text-align: left;
	border: 0;
}

fieldset#formwrap {
	width: 514px;
	padding: 12px 18px;
	margin: 18px 0 4px -22px;
	border-bottom: 1px solid #dcddd9;
	background: #e9eae4 url("images/bg_intro_home.jpg") top left repeat-x;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	

fieldset#formwrap legend {
	display: none;
	text-align: left;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 1em;
	line-height: 10px;
	padding: 0;
	color: #60A1Ba;
}

legend#mainlegend {display: none;}

fieldset.thecontact_forms input {
	padding: 4px;
	margin: 2px 0;
	width: 97%;
	border: 1px solid #cbcdc7;
	background: #fff url("images/bg_searchfield.jpg") top left repeat-x;}
fieldset.thecontact_forms textarea {
	width: 472px;
	padding: 8px 8px;
	border: 1px solid #cbcdc7;
	background: #fff}

label {
	clear: left;
	display: inline-block;
	text-align: left;	
	margin: .5em 0;
}


fieldset.thecontact_forms {margin: 0 0 10px;}
fieldset.thecontact_forms select {width: 170px;}
fieldset#formwrap input.kontaktbutton {float: right;}


/* TAGS
------------------------------------------------------------ */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}


blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;}

blockquote cite {
	margin: 5px 0 0;
	display: block;}


.center {text-align: center;}
.hidden {display: none;}


a img {border: none;}
hr {display: none;}




/* CAPTIONS
------------------------------------------------------------ */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}

.wp-caption {
	text-align: center;
	background-color: #f6f6f3;
	padding-top: 3px;}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 3px 5px;
	margin: 0;}



/* EXTRA
---------------------------------------------------- */
.left {float: left;}
.right {float: right;}


/* clear floats */
.xclear:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
/* clear floats for stoopid IE 7 */
*:first-child+html .xclear {
	min-height: 1px;}
/* clear floats for stoopider IE 6 */
* html .xclear {
	height: 1%;}



/* CREATE THEPICTURE
------------------------------------------------------------ */
#thepicture {
	height: 490px;
	background: url("images/zutexten-christiane-schmitz.jpg") bottom right no-repeat;}	

body#recherche a#nav_recherche,
body#ghostwriting a#nav_ghostwriting,
body#lektorat a#nav_lektorat, body#presse a#nav_presse,
body#kontakt a#nav_kontakt {
	color: #60a1b1;}


body#home #thepicture, body#archive #thepicture {
	background: url("images/zutexten-christiane-schmitz.jpg") bottom right no-repeat;}
body#recherche #thepicture {
	background: url("images/recherche-investigativ-gruendlich.jpg") bottom right no-repeat;}
body#ghostwriting #thepicture {
	background: url("images/ghostwriting-diskret.jpg") bottom right no-repeat;}
body#presse #thepicture {
	background: url("images/presse-texte-handwerklich-meisterhaft.jpg") bottom right no-repeat;}
body#lektorat #thepicture {
	background: url("images/lektorat-heldenhaft-praezise.jpg") bottom right no-repeat;}
body#impressum #thepicture {
	background: url("images/zutexten-impressum.jpg") bottom right no-repeat;}
body#kontakt #thepicture {
	background: url("images/lektorat-heldenhaft-praezise.jpg") bottom right no-repeat;}

/* CUSTOMIZE THEPICTURE -- */
#thepicture.author_home1 {background: url("images/xtra_home1.jpg") bottom right no-repeat;}

#thepicture.author_recherche1 {background: url("images/xtra_recherche1.jpg") bottom right no-repeat;}

#thepicture.author_ghostwriting1 {background: url("images/xtra_ghostwriting1.jpg") bottom right no-repeat;}
#thepicture.author_ghostwriting2 {background: url("images/xtra_ghostwriting2.jpg") bottom right no-repeat;}

#thepicture.author_presse1 {background: url("images/xtra_presse1.jpg") bottom right no-repeat;}

#thepicture.author_lektorat1 {background: url("images/xtra_lektorat1.jpg") bottom right no-repeat;}

#thepicture.author_ente {background: url("images/xtra_ente.jpg") bottom right no-repeat;}



/* $FOOTER
------------------------------------------------------------ */
#footer {
	clear: both;
	font-family: Georgia, Times, serif;
	text-align:center;
	padding: 4em 0;
	margin: 18px auto 0;
	border: 0;
	background: #50514d url("images/bg_footer.jpg") top left repeat-x;
}

#footer a {color: #62A3B9;}


#footer_content {
	font-size: 1.3em;
	width: 916px;
	margin: 0 auto;
}


/* TWITTER
------------------------------------------------------------ */
#twitter_badge {
	padding: 0 22px;
	margin: 0 0 36px 0;}
#twitter_badge h3 {padding: 12px 0 0 0;}
	
ul#twitter_update_list {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.3em;
	font-style: italic;
	color: #606060;
	margin: 0;
	padding: 0;}
ul#twitter_update_list li {list-style: none;}
#twitter_badge ul#twitter_update_list li a {
	font-size: .6em !important;}



/* CALENDAR
------------------------------------------------------------ */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;}

#wp-calendar a {
	display: block;}

#wp-calendar caption {
	text-align: center;
	width: 100%;}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;}