/*
Theme Name: der tag und ich 6
Theme URI: http://www.dertagundich.de/
Description: der tag und ich-Theme
Author: Martin Schneider
Version: 1.0
Tags: 
*/


@font-face {
	font-family: 'NotethisRegular';
	src: url('font-notethis/Note_this-webfont.eot');
	src: local('☺'), url('font-notethis/Note_this-webfont.woff') format('woff'), url('font-notethis/Note_this-webfont.ttf') format('truetype'), url('font-notethis/Note_this-webfont.svg#webfont6slwoXsK') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Nun bringen wir den HTML5-Tags erst mal ordentliches Benehmen bei */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
		color: #444;
		background: #fff;
		
		font-family: cambria, georgia, times, serif;
		line-height: 1.75;
		font-size: 0.9em;
		background: url("images/content-bg.jpg") center 0 repeat-y #fff;
	}

/* === Navigation  === */

#header {
		width: 704px;
		margin: 0 auto;
		padding: 0 0 50px 0;
	}
	
#nav-seiten {
}

#nav-seiten ul li {
	display: inline;
	margin: 0 20px 0 0;
}

#nav-seiten ul a, #nav-seiten ul a:link {
		text-decoration: none;
}

#nav-seiten ul li.current_page_item a {
	text-decoration: underline;
}
	
#nav-prev {
		position: fixed;
		top: 0;
		left: 0;
		width: 50px;
		margin: 0 25px;
		font-size: 4em;
		padding: 1em 0 0 0;
		text-align: center;
}

#nav-next {
		position: fixed;
		top: 0;
		right: 0;
		width: 50px;
		margin: 0 25px;
		font-size: 4em;
		padding: 1em 0 0 0;
		text-align: center;
	}

#nav-next a, #nav-prev a {
		background: url("images/prev-next-bg.png") no-repeat center 15px;
		text-decoration: none;
		padding: 0 25px;
	}

#content-wrapper {
		width: 704px;
		margin: 0 auto;
	}

#content-wrapper ul, #content-wrapper ol {
		padding: 0 0 0 25px;
		list-style: disc;
	}

.index-article {
		margin: 0 0 50px 0;
	}
	
h1 {
		font-family: 'NotethisRegular', Arial, sans-serif;letter-spacing: 0;
		font-size: 3em;
		padding: 1.66698em 0 0 0;
		font-weight: 400;
		text-shadow: 1px 1px 0 #ccc;
	}
	
h2 {
		font-size:1.5em;
		padding: 1.9448em 0 0 0;
		font-weight: 400;
		clear: both;
	}

h3 {
		font-size: 1.16667em;
		padding: 2.02426em 0 0 0;
		font-weight: 400;
	}

h4 {
		font-size: 1.16667em;
		padding: 2.02426em 0 0 0;
		font-weight: 400;
	}

.index-article h2, .single-article h2 {
		width: 680px;
		float: left; 
	}
	
.comment-count {
		width: 20px;
		float: left;
		font-weight: 400;
		text-align: right;		
		font-size:1.5em;
		padding: 1.9448em 0 0 0;
	}

.index-section, .single-section {
		clear: both;
	}
	
.page-section {
		margin-bottom: 50px;
}

#content-wrapper p, #content-wrapper li, #sidebar p, #sidebar li {
		margin: 0 0 1em 0;
	}

#content-wrapper pre {
		margin: 0 0 1em 0;
		width: 700px;
		overflow-x: scroll;
	}

#content-wrapper ul {
		margin: 0 0 0 25px; 
	}

sup {
		vertical-align: super;
		line-height: 1;
	}

blockquote {
	padding: 0 0 0 20px;
	margin: 0 0 1em 0;
	font-style: italic; 
}

.quelle {
	font-size: 0.9em;
	text-align: right;
}

.size-full, .breitbild {
	padding: 2px;
	-webkit-box-shadow: 0 0 2px #666;
	margin: 0 auto;
	display: block;
}

.aligncenter {
	-webkit-box-shadow: 0 0 0 transparent;
	}

a, a:link {
		color: #406080;
		-webkit-transition: all 0.2s linear;
	}

a:hover, a:link:hover {
		color: #444;
	}

h1 a {
		text-shadow: 1px 1px 0 #ccc;
	}



h1 a, h2 a, h3 a, h4 a, .comment-count a {
		text-decoration: none;
	}

#nav-pages {
		margin: 80px 0;
	}


.single-meta p {
		font-size: 0.9em;
		line-height: 1.2em;
		width: 700px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
}

/* Pagebar at bottom of index.php */
.pagebar {
	text-align: center;
	font-size: 0.9em;
}

	.pagebar a {
		margin: 0 3px;
		padding: 1px 2px 0px 2px;
		display: inline-block;
		width: 20px;
		border: 1px solid #aaa;
		color: #aaa; 
		text-decoration: none;
		background: url("images/gradient-nav.png") repeat-x 0 top; 
		
		/*background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff));*/
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.pagebar a:hover {
		border: 1px solid #406080;
		color: #406080;
	}

	.this-page, .break {
		margin: 0 5px;
		padding: 5px;
		display: inline-block;
		width: 20px;
		border: 0;
	}
	
#sidebar {
		clear: both;
		background: url("images/gradient-sidebar.png") repeat-x 0 bottom #fff; 
		/*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));*/
		margin: 50px 0 0 0;
		padding: 0 0 25px 0;
		border-top: 1px solid #123;
		color: #444;
		font-size: 0.85em;
	}
	
.sidebar-floater {
		float: left;
		margin: 0 0 0 30px;
		width: 190px;
		padding: 5px;
	}

.sidebar-floater-first {
			float: left;
			margin: 0 0 0 0;
			width: 235px;
			padding: 5px;
		}

.sidebar-floater-last {
			float: left;
			margin: 0 0 0 25px;
			width: 190px;
			padding: 5px;
		}

.sidebar-floater h3, .sidebar-floater-first h3, .sidebar-floater-last h3 {
		font-weight: 400;
}

.sidebar-floater ul, .sidebar-floater-first ul, .sidebar-floater-last ul {
		list-style: none;
}

.sidebar-linkeria {
		padding: 0 0 0 0;
	}

.sidebar-linkeria li {
	}

.sidebar-linkeria h2 {
		font-size: 1em;
		margin: 0;
		padding: 0;
	}

#ichso li {
		padding: 5px 0 0 25px; 
	
}

.ichso-twitter {
		background: url("images/23-bird.png") no-repeat left 6px;
}

.ichso-lastfm {
		background: url("images/65-note.png") no-repeat 2px 6px;
}

.ichso-flickr {
		background: url("images/86-camera.png") no-repeat left 7px;
}

.ichso-facebook {
		background: url("images/112-group.png") no-repeat left 7px;
}


.clear {
		clear: both;
	}
	
#footer {
		background: url("images/gradient-footer.png") repeat-x 0 bottom #fff; 
		padding: 15px 0 15px 0;
		text-shadow: 0 1px 0 #fff;
		border-top: 1px solid #123;
		clear: both;
		font-size: 0.85em;
	}

.center-wrapper {
	margin: 0 auto;
	width: 700px;
}

#footer-logo {
		background: url("images/dtui_logo_60.png") no-repeat 15px center transparent;
}

#footer p {
		padding-left: 105px;
		
	}

#footer a {
		text-shadow: 0 1px 0 #fff;
		color: #444;
	}

#footer a:hover {	
	color: #406080;
	}
	
/* Und jetzt mal den Kommentarkram */

#comments {
	margin: 60px 0 20px 0;
}

#content-wrapper ol.commentlist {
	padding: 0;
}

ol.pingbacklist {
	margin: 1em 0;
	}


/*folgende class stehen zur Gestaltung des li bereit */

li.comment {
		list-style: none;
		margin: 1em 0 0 0; 
	}

	.comment .comment_author {
			font-weight: bold;
			margin: 0 0 0.3em 0;
		}

	.comment .comment_author a {
			text-decoration: none;
		}
		
	.comment-content {
			float: left;
			margin: 0 0 0 25px;
			width: 620px;
			word-wrap: break-word; 
		}
		
	.schneyra .comment-content{
		}

.comment-content .comment-edit-link {
		float: right;
		opacity: 0; 
	}
	
.comment-content:hover .comment-edit-link {
	opacity: 1;
}

.rightalign {
	text-align: right;
}

.comment-submit {
		border: 1px solid #777;
		color: #777; 
		text-decoration: none;
		background: url("images/gradient-nav.png") repeat-x 0 bottom #fff; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		font-family: inherit;  
		margin: 10px 0 0 0;
		cursor: pointer;
		padding: 5px; 	
		-webkit-transition: all 0.2s linear;
}

.comment-submit:hover {
		border: 1px solid #406080;
		color: #406080;
}

/* fuer den Avatar*/
img.avatar{
	float: left;
	}

	#respond {
		clear: both;
		width: 700px;
		margin: 0 0 60px 0;	
	}

#postcomment {
		padding: 50px 0 0 0;
	
}

#commentform {
	margin: 10px 0 0 0;
}

#commentform textarea {
		width: 690px;
		height: 100px;
		padding: 5px;
		font-size: 1em;
		border: 1px solid #ccc;
		margin: 5px 0 0 0;  
	    resize: none;
	}

#commentform label {
    font-size: 1em;
    line-height: 1;
}

#commentform label small {
    line-height: 1;
}

#respond .commentfieldfloater {
		float: left;
		width: 220px;
		margin: 0 15px 20px 0; 
	}
	
	#respond .commentfieldfloaterlast {
			float: left;
			width: 230px;
			margin: 0 0 10px 0; 
		}
	
	#respond .commentfieldfloater input {
			font-family: inherit;
			width: 210px;
			padding: 5px;
			font-size: 1em;
			border: 1px solid #ccc; 
		}

	#respond .commentfieldfloaterlast input {
			font-family: inherit;
			width: 220px;
			padding: 5px;
			font-size: 1em;
			border: 1px solid #ccc; 
		}

/* Archiv */

#content-wrapper ul.wp-tag-cloud {
		list-style: none;
		text-align: center;
		margin: 0 0 50px 0;
}

#content-wrapper ul.wp-tag-cloud li {
		display: inline; 
}

#content-wrapper .archive-list-month, #content-wrapper .archive-list-category {
	list-style: none; 
	padding: 0;
	margin: 0;
	}

#content-wrapper .archive-list-month li {
	width: 165px;
	padding: 10px 10px 10px 0;
	float: left;
	margin: 0;
}

#content-wrapper .archive-list-category li {
	width: 220px;
	padding: 10px 10px 10px 0;
	float: left;
	margin: 0;
}

.children {
	list-style: none; 
	}

.children li {
	width: 220px;
	padding: 10px 10px 10px 0;
	float: left;	
}

.facebook-share {
	margin: 0 15px 0 0;
	position: relative;
	top: -4px;
} 

/* Den Wordpress.com-Stats-Smiley ausblenden */
#wpstats {
	height: 1px !important;
	width: 1px !important;
}