/*

Theme Name: mw09
Theme URI: http://marianne-weiss-fuer-bielefeld.de/
Description: Zweispaltiges Theme 
Version: 1.0
Author: Uwe Kadritzke

*/



/*** Colors ***/

body,
#footer {
	background:#efb;
	color:#544;
}
#header,
#sidebar-bottom,
#sidebar {
	color:#efc;
}
#header {
	background:transparent url('../mw/mw-header-pappe.png') no-repeat scroll right bottom;
}
#content2,
#content {
	background:transparent url('http://imgs.marianne-weiss-fuer-bielefeld.de/deckel-kachel-schatten.jpg') repeat-y top left;
}
.post h4,
.post h3,
.post h2,
.post h1 {
	color:#554;
}
#header h1 a,
#header a,
#header li {
	color:#efe;
}
#sidebar-bottom h4,
#sidebar h4 {
	color:#efc;
}
#sidebar-bottom h4.top,
#sidebar h4.top {
border-top:1px dashed #efc;
}
.postdata,
blockquote,
.navigation a {
	color:#6a2;
}
#content2 img,
#content img {
	border:3px solid #fff;
}
#content2 h2 small,
#content h2 small {
	border-top:#768 dashed 1px;
}
div.wp-caption {
	background-color:#fff;
	border:1px solid #dec;
}
div.wp-caption p {
	margin:0;
	padding:0 5px;
}
#sidebar {
	background:#6a2 url('http://imgs.marianne-weiss-fuer-bielefeld.de/deckel-kachel-deckel.jpg') repeat-y scroll right bottom;
}
#footnote {
	background:transparent url('http://imgs.marianne-weiss-fuer-bielefeld.de/deckel-ecke-schatten.jpg') no-repeat scroll left bottom;
}
#sidebar-bottom {
	background:#efb url('http://imgs.marianne-weiss-fuer-bielefeld.de/deckel-ecke-deckel.jpg') no-repeat scroll right bottom;
}
#content2 img.avatar,
#content img.avatar {
	border:1px solid #6a2;
}
#twitter-box {
	color:#069;
	background:#bef none repeat scroll 0 0;
	border:2px solid #3cf;
	-moz-border-radius:2px;
}
input,
textarea,
select {
	border-width:2px;
	border-style:solid;
	-moz-border-radius:2px;
}
#content input,
#content2 input,
#content textarea,
#content2 textarea {
	border-color:#879;
	color:#879;
	background-color:#efb;
}
#content input:focus,
#content2 input:focus,
#content textarea:focus,
#content2 textarea:focus,
#content textarea:active,
#content2 textarea:active {
	border-color:#768;
	color:#768;
	background-color:#fff;
}
#content input:active,
#content2 input:active {
	border-color:#768;
	color:#efc;
	background-color:#879;
}
#sidebar-bottom input,
#sidebar input,
#sidebar select {
	border-color:#efb;
	color:#efb;
	background-color:#6a2;
}
#sidebar-bottom input:focus,
#sidebar input:focus {
	border-color:#efb;
	color:#6a2;
	background-color:#efb;
}
#sidebar-bottom input:active,
#sidebar input:active {
	border-color:#efb;
	color:#efb;
	background-color:#6a2;
}
#sidebar ul.social,
#sidebar-bottom ul.social {
	list-style-image:none;
	list-style-type:none;
}
#sidebar ul.social li img,
#sidebar-bottom ul.social li img {
	border:none;
	width:2em;
	height:2em;
}
#sidebar-bottom p a img {
	border:none;
}
table#comment_tbl a {
	border: none;
	padding:0;
}
.hilite {
	color:#efb;
	background-color:#6a2;
}


/*** Fonts, Text ***/

body {
	font-family:"DejaVu Sans",Verdana,Arial,sans-serif;
	font-size:0.88em;
	word-spacing:0.17em;
}
#content,
#content2 {
	text-align:justify;
}
#header,
#sidebar-bottom,
#sidebar {
	font-style:italic
}
#header h1 {
	font-size:1.33em;
}
#headerlinks {
	text-align:right;
}
#headerlinks li {
	font-size:0.83em;
	display:inline
}
h4,h3,h2 {
	font-weight:normal;
}
h2 {
	font-size:1.67em;
	text-align:center;
	letter-spacing:-0.09em;
}
h3 {
	font-size:1.33em;
}
h4 {
	font-weight:bold;
	font-style:normal;
	letter-spacing:0;
	word-spacing:-0.09em;
}
p {
	line-height:1.5em;
}
#marianne-weiss p {
	position:relative;
	top:-1.5em;
	text-align:right;
	line-height:1em;
	padding-right:1em;
}
.message,#login_error {
	text-align:center;
}
.navigation .alignleft,
.navigation .alignright,
.postdata,
div.wp-caption p {
	font-size:0.83em;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	margin:0 auto;
	display:block;
}
#content2 h2 small,
#content h2 small {
	text-align:right;
}
blockquote {
	font-family:Georgia,"Times New Roman",Times,serif;
}
blockquote p {
	line-height:40px;
}
#sidebar-bottom ul,
#sidebar ul {
	list-style-image:url('../mw/gruene.gif');
font-size:0.95em;
}
.current-cat,
.current_page_item,
.active_category {
	font-weight:bold;
}
#content2 ul li,
#content ul li {
	list-style-position:outside;
}
#content2 ol li,
#content ol li {
	list-style-position:inside;
}
ol#nav {
	font-size:1em;
}
ul.commentlist {
	list-style-type:none;
}
#footnote,.navigation {
	text-align:center;
}
#footnote h3 {
	text-align:left;
}
.navigation {
	display:block;
	xheight:4em;
}
#twitter-list {
	font-size:0.83em;
	list-style-type:none;
}
input,
select {
	font-size:0.83em;
}
#sidebar-bottom ul.social {
	list-style-type:none;
}
#sidebar ul.social li,
#sidebar-bottom ul.social li {
	margin:0;
}



/*** Positions, Widths, Heights ***/

html {
	width:100%;
	height:150%;
}
* {
	margin:0;
	padding:0;
}
html > body #header,
html > body #marianne-weiss {
	position:absolute;
}
html > body #header {
	top:0;
	left:0;
	width:26%;
	height:12em;
	padding:0.5em 1em;
}
html > body #header h1 {
	padding:0 0 3.5em;
}
html > body #sidebar-bottom h4,
html > body #sidebar h4 {
	padding:1em 0 0;
}
html > body #headerlinks {
	bottom:40px;
	position:absolute;
	width:80%;
}
html > body #marianne-weiss {
	right:0;
	top:0;
	width:25.5%;
	position:fixed;
	/* z-index:-1 */
}
html > body #marianne-weiss img {
	width:100%;
}
html > body #header li a {
	padding:2px;
}
html > body h2 {
	padding:1.2em;
	width:80%;
}
html > body h2.slim {
	margin-top:1em;
	padding-top:1em;
	padding-bottom:0;
	border-top:1px dashed #6a2;
}
html > body #content2,
html > body #content,
html > body #sidebar,
html > body .alignleft,
html > body #footnote,
html > body #sidebar-bottom {
	float:left;
}
html > body #content2,
html > body #content,
html > body #footnote {
	width:46%;
	margin:0 0 0 24.9%;
	padding:2em 2% 20px;
}
html > body #footnote {
	padding:11.5em 2% 0;
}
html > body #content2 ul,
html > body #content ul {
	margin:15px;
}
html > body #content2 ol li,
html > body #content ol li,
html > body #content2 ul li,
html > body #content ul li {
	margin:10px 0;
	padding:0 0 0 15px;
}
html > body #content2 img,
html > body #content img {
	padding:1px;
}
html > body .post {
	clear:both;
}
html > body .postdata {
	margin:1em 0 0 7%;
}
html > body .konkret .postdata {
	margin:0;
	text-align:right
}
html > body h2,
html > body .navigation,
html > body #content2 h1,
html > body #content h1 {
	margin-left:7%;
	margin-right:5%;
	position:relative;
}
html > body #content2 h2 small,
html > body #content h2 small {
	float:right;
	width:100%;
	margin-top:1em;
	font-size:0.5em;
	letter-spacing:0;
}
html > body div.entry {
	padding-top:1em;
	max-width:40em;
	position:relative;
}
html > body .konkret div.entry {
	padding-top:0;
}
html > body blockquote {
	margin:35px 150px 35px 0;
	padding:15px 0 0 0;
}
html > body #sidebar,
html > body #sidebar-bottom {
	width:21%;
	margin-left:-75%;
	padding:11.5em 2% 0;
}
html > body #sidebar-bottom,
html > body #footnote {
	height:145px;
	padding-top:0;
	padding-bottom:140px;
}
html > body #sidebar-bottom ul,
html > body #sidebar ul {
	padding:0 10px 0 22px;
}
html > body #sidebar-bottom ul li,
html > body #sidebar ul li {
	margin:0 0 5px;
}
html > body h4.top {
	margin-top:1em;
}
html > body ol#nav {
	margin:25px 15px 25px 30px;
}
html > body .alignleft {
	margin-right:1em;
	margin-bottom:1em;
}
html > body .alignright {
	float:right;
	margin-bottom:1em;
	margin-left:1em;
}
html > body .navigation,
html > body #content h1,
html > body #content2 h1 {
	margin-top:0;
	margin-bottom:2em;
}
html > body #content .commentlist,
html > body #content2 .commentlist,
html > body #content .commentlist li,
html > body #content2 .commentlist li {
	padding:0;
	margin:0;
	max-width:40em;
}
html > body #content .commentlist li,
html > body #content2 .commentlist li {
	border-top-style:dotted;
	border-top-width:1px;
	padding-top:1em;
	clear:right;
}
div.comment-author {
	float:right;
	text-align:right;
	margin-left:1em;
	background-color:#6a2;
}
cite.fn {
	display:block;
	font-size:small;
	width:65px;
	color:#efb;
}
html > body #footer {
	clear:both
}
html > body h3 {
	margin:15px 0
}
html > body .konkret h3 {
	margin-top:2em;
	margin-bottom:0
}
html > body #footnote h3 {
	margin:0 0 0.5em;
}
html > body p {	
	margin:0.5em 0 1.5em;
}
html > body #twitter-box {
	width:133%;
}
html > body #twitter-list li {
	padding:1em;
	border-bottom:2px dotted #eef;
}
html > body form.loginform p label {
	display:inline-block ! important;
	float:none ! important;
	clear:none ! important;
}
html > body input,
html > body select {
	padding:0.2em 0;
}
html > body #sidebar ul.social,
html > body #sidebar-bottom ul.social {
	padding:0;
}
#sidebar ul.social a span,
#sidebar-bottom ul.social a span {
	position:relative;
	bottom:0.6em;
	left:0.8em;
}



/*** Links ***/

a {
	text-decoration:none;
}
a:hover {
	border-width:0 0 1px 0;
	border-style:dotted;
}
.wp-caption a:hover {
	border-width:0;
}
#marianne-weiss a,
#content a,
#content2 a {
	color:#6a2;
}
#marianne-weiss a:visited,
#content a:visited,
#content2 a:visited {
	color:#786;
}
#marianne-weiss a:hover,
#content a:hover,
#content2 a:hover {
	border-color:#6a2;
}
#marianne-weiss a:visited:hover,
#content a:visited:hover,
#content2 a:visited:hover {
	border-color:#786;
}
#content h2 a,
#content2 h2 a {
	color:#544;
	font-weight:bold;
}
#content h2.slim a,
#content2 h2.slim a {
	color:#6a2;
}
#content h2 a:visited,
#content2 h2 a:visited,
#content h2.slim a:visited,
#content2 h2.slim a:visited {
	color:#544;
}
#content h2 a:hover,
#content2 h2 a:hover,
#content h2.slim a:hover,
#content2 h2.slim a:hover {
	color:#766;
	border-width:0;
}
#content h2 small a,
#content2 h2 small a {
	font-weight:normal;
}
#sidebar a,
#sidebar-bottom a {
	color:#efc;
}
#sidebar a:visited,
#sidebar-bottom a:visited {
	color:#cda;
}
#sidebar a:hover,
#sidebar-bottom a:hover {
	border-color:#efc;
}
#sidebar a:visited:hover,
#sidebar-bottom a:visited:hover {
	border-color:#cda;
}

#sidebar ul.social a,
#sidebar-bottom ul.social a {
	border-width:0;
	position:relative;
}
#sidebar ul.social a:visited,
#sidebar-bottom ul.social a:visited {
	border-width:0;
	opacity:0.8;
}
#sidebar ul.social a:hover,
#sidebar-bottom ul.social a:hover {
	border-width:0;
	bottom:1px;
}
#sidebar ul.social a:visited:hover,
#sidebar-bottom ul.social a:visited:hover {
	border-width:0;
	bottom:1px;
	opacity:1;
}


/*** Hacks ***/

html > body #content, 
html > body #content2, 
html > body #sidebar {
	padding-bottom:30000px;
	margin-bottom:-30000px;
}
html > body #sitedoc {
	overflow:hidden;
}
#content img.h2-bg,#content2 img.h2-bg {
	border:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	float:left;
	z-index:-1;
}
h2 {
	position:relative;
	z-index:1;
}
h2#start {
	padding-bottom:0;
}
h2.small {
	width:60%;
	margin-left:17%;
}
#content h2.small img.h2-bg,
#content2 h2.small img.h2-bg {
	height:100%;
}
h2.medium {
	width:85%;
	margin-left:8%;
}
#content h2.medium img.h2-bg,
#content2 h2.medium img.h2-bg {
	height:100%;
	width:85%;
	margin-left:6%;
}
h2.large {
	margin-top:1em;
	margin-bottom:1em;
}
#content h2.large img.h2-bg,
#content2 h2.large img.h2-bg {
	height:100%;
}
.gcal h2 {
	margin-left:40%;
}
.gcal iframe {
	margin-left:5%;
}
#marianne-weiss .quotescollection_randomquote p {
	top:0;
}
#weissheiten {
	margin-left:20%;
	color:#15b;
}
#weissheiten h4 {
	color:#3377cc;
}
#wpcumuluscontent {
	margin-left:-4.5%;
}
html > body #marianne-weiss #highlights {
	text-align:center;
}
html > body #marianne-weiss #highlights a {
	position:relative;
}
html > body #marianne-weiss #highlights img {
	width:auto;
display:block;
border-width:0;
margin:2em auto;
}
html > body #marianne-weiss #highlights a span {
	font-size:0;
	position:absolute;
	top:-8px;
	text-align:center;
	width:96px;
	background:#66AA22 none repeat scroll 0 0;
	color:#efc;
	opacity:0.8;}
html > body #marianne-weiss #highlights a:hover span {
	font-size:small;
	border:4px double #efb;
}