﻿/*
Theme Name:		christianscientists
Theme URI:		http://pearsonified.com
Description:	christianscientists auf Basis von Cutline 3-Column Split. A squeaky clean, feature-rich theme for WordPress designed and coded by <a href="http://pearsonified.com">Chris Pearson</a>.
Version:		1.1
Author:			Bernhard Henselmann
Author:			Chris Pearson
Author URI:		http://henselmann.net/
*/

/* -- styles fuer Sprachwahl qtranslate  ----------- */

ul.qtrans_language_chooser{
      display: inline !important;
}
ul.qtrans_language_chooser li{
      border: none !important;
      list-style-type: none !important;
}
ul.qtrans_language_chooser li.active{
/* Flagge der aktiven Sprache sichtbar: inline */
/* Flagge der aktiven Sprache nicht sichtbar: none */
      display: none !important; 
}
ul.qtrans_language_chooser a.qtrans_flag{
      padding: 0px !important;
      margin: 0px 0px 0px 20px !important;
      display: block !important;
      background-position: 0px 5px !important;
      width: 20px;
}

ul.qtrans_language_chooser li a:hover,
ul.qtrans_language_chooser li a:focus {
	background-color: transparent !important;
}

ul.qtrans_language_chooser a.qtrans_flag span{
      display: none !important;
}


/* --- --- */

body {
	background: #fff;	
	background: url('images/header-bg-csm.gif') repeat-x;
	color: #333;
	font: 62.5% "Century Gothic", Arial, Helvetica, clean, Verdana, Geneva, sans-serif;
}

* { padding: 0; margin: 0; }



/*---:[ global elements ]:---*/

a {
	color: #CC0000;
	text-decoration: underline;
	font-family: "Century Gothic", Arial, Helvetica, clean, Verdana, Geneva, sans-serif;
	}

	a:visited {
	color: #CC0000;
	text-decoration: underline;
}

	a:focus,
	a:hover {
	color: #0068CC;
	text-decoration: underline;
}
	
	a img { border: none; }
	
blockquote {
	font-style: italic;
	font-family: "Century Gothic", Arial, Helvetica, clean, Verdana, Geneva, sans-serif;
	color: #555;
	font-size: 0.9em;
	border: 0px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	margin: 1.5em 3em 1.5em 3em;
	padding: 1.5em 2em 0em 2em;
}

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }

pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1.4em; }

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }

.green { color: #090; }

.red { color: #f00; }

.orange { color: #f40; }

.purple { color: #909; }

.csm_rot {	color: #ff4040;}
.csm_braun {color: #600000;}



/*---:[ core layout elements ]:---*/

#container {
   position: static;
	width: 970px;
	margin: 0 auto 0 auto;
}
					
	#content_box {
	position: absolute;
	width: 970px;
	border: 1px none red;
}
@media print{
	#container,
	#content_box{
	width: auto;
	}
}
/*---:[ header styles ]:---*/

#masthead {
   position: absolute;
	top: 0px;
	width: 100%;
	height: 65px;
	/*background: url('images/cs-logo.gif') 100px no-repeat;*/
	font-family:  "Century Gothic", Arial, Helvetica, clean, Verdana, Geneva, sans-serif;
	color: #a9c43f;
	border: 1px none black;
}

#masthead a {
	height: 60px;
	color: #482400;
} 
	
	
#navleiste{
	position: absolute;
	top: 66px;
	height: 22px;
	background-color: transparent;
}

@media print{
	#navleiste,
	#kopftext,
	#passfotos,
	#footer{
		display: none !important;
	}
	#masthead{
	position: relative;
	float: none;
	height: 1em;
	}
	#masthead a{
	height: 1em;
	}
}



#header_img {/**/
	position: absolute;
	top: 88px;
	margin: 0 0 3.0em 0;
	border-bottom: 1px none #000;
	clear: both;
	float: none;
	background-image: url('images/Kirchensaal-klein.JPG');
	background-position: 200px center;
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
	border: 1px none green;
}
@media print{
	#header_img{
	position: relative;
	background-image: none;
	top: 3em;
	height: 1em;
   }
}

	#content {
	position: absolute;
	top: 370px;
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 2em 35px 0em 35px;
	float: left;
	background-color: #ddd;
	border: 1px none green;
}
@media print{
	#content{
	position: static;
		top: auto;
		width: auto;
	}
}
#content p{
	text-align: justify;
}
		
		#sidebar {
	width: 210px;
	padding: 0 0 0 15px;
	float: right;
	display: none;
}
	
		#l_sidebar {
	width: 210px;
	padding: 0 0 0 15px;
	float: left;
	display: none;
}

@media print{
	#l_sidebar,
	#sidebar{
		display: none;
	}
}		
		
/*---:[ footer styles ]:---*/

#footer {
	position: relative;
	top: 0px; 
	width: 970px;
/*	margin: 0px auto 0px auto;*/
	left: -35px;
	height: 3em;
	padding: 0.2em 0 0 0;
	border-top: 2px solid #D70000;
	background-color: White;
}
@media print{
	#footer{
		display: none;
	}
}				

#footer ul{
	width: 90em;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
}
#footer li{
	float: left;
	padding: 5px 1.5em 5px 0em;
	color: #999;
	font-size: 1.5em;
}
#footer a, #footer a:visited{
	color: #999;
	text-decoration: none;
}

#footer a:hover{
	color: #D70000;
}


/*---:[ headlines ]:---*/

h1, h2, h3, h4, h5 {
	font-weight: 400;
	font-family: "Century Gothic", Arial, Helvetica, clean, Verdana, Geneva, sans-serif;
	color: black;
}

h1 {
	font-size: 3.6em;
	letter-spacing: -0.03em;
}

#masthead h1 {
	font-family: "Century Gothic", Arial, Helvetica, clean, Verdana, Geneva, sans-serif;
	padding: 0.4em 0 0.2em 0;
	border-top: 1px solid #ccc;
	text-align: center;
	clear: both;
	/*text-transform: uppercase;*/
	font-weight: 100;
	font-size: 30px !important;
}
#masthead h1 .websitename{
	font-size: 30px !important;	
}
#masthead h1 .desc{
}
	
h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }
	
h2 {
	font-size: 2.0em;
	font-weight: 700;
}

h2 a { color: #000; text-decoration: none; }
	
h2 a:visited { color: #555; text-decoration: none; }
	
h2 a:hover { color: #090; text-decoration: none; }
	
.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }
	
.pages h2, h2.page_header {
	margin: 0 0 0em 0;
	padding: 1em 0 0.5em 0;
	/*background: url('images/hr_title_sep.gif') no-repeat 0 100%;*/
}
	
	h2.archive_head {
	font-weight: bold !important;
	font-size: 1.4em !important;
	text-transform: uppercase !important;
	letter-spacing: normal !important;
	margin: 0 0 1.8em 0 !important;
	padding: 0.4em 2px !important;
	border-top: 3px solid #000 !important;
	background: url('images/hr_dot_black.gif') repeat-x 0 100% !important;
}
	
h3 {
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 500;
}

   #masthead h3 {
	margin: 0 0 0.75em 0;
	font-weight: normal;
	font-size: 1.8em;
	text-transform: none;
	color: #888;
	text-align: center;
}

	.entry h3 { margin: 2.5em 0 0.5em 0; }
	.pages .entry h3 { margin: 1em 0 0.5em 0; }
	
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	
	h3.comments_headers { font-size: 1.4em; }

h4 { font: 1.2em; }

	h4 a, h4 a:visited { text-decoration: none; }
	
		h4 a:hover { text-decoration: underline; }
	
	.posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }

ul#nav {
	list-style: none;
	width: 970px;
	margin: 0 auto 0 auto;
	padding: 0 0em;
	float: left;
	clear: both;
}

	ul#nav li {
	height: 20px;
	font-size: 14px;
	text-transform: none;
	float: left;
	color: White;
	border-left: 1px solid white;
	padding-top: 0px;
}
	
		ul#nav li a, 
		ul#nav li a:visited {
	color: White;
	text-decoration: none;
	padding: 1px 1.7em 2px 1.57em;
	height: 20px;
	border: 1px none blue;
}
	
		ul#nav li a:hover,
		ul#nav li a:focus {
	background-color: #CCC;
	background-color: #ff4040;
	color: #333;
	border-bottom: 1px none White;
}
		
		ul#nav li.current_page_item a, 
		ul#nav li.current_page_item a:visited{
	color: #aaa;
	/*background-color: #CCC;*/
	/*background-color: #ff4040;*/
	/*border-bottom: 1px solid #ff4040;*/
}
     ul#nav li.current_page_item a:hover{
	/*color: #333;	*/
}
		
	ul#nav li.rss { float: right; }
			
	ul#nav li.rss a { padding-right:1.3em; background: url('images/icon_rss.gif') 100% 50% no-repeat; }
	ul#nav li.rss a:hover{
	color: #FFE373;
}
			

#header_img .seitentitel{
	position: absolute;
	left: 0px;
	/*right: 72px;*/
	top: 10px; 
	width: 140px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	border: 1px none blue;
	float: left;
}
#header_img .seitentitel h2{
	color: white !important;
	font-size: 3em;
	font-weight: 100;
}
#header_img #crosscrown{/**/
	position: absolute;
	top: 86px;
	left: 0px;
	width: 146px;
	float: left;
	border: 1px none green;
}

#header_img #kopftext{
	position: absolute;
	left: 200px;
	top: 0px;
	padding: 50px;
	width: 300px;
	font-family: "Century Gothic", Arial, Helvetica, clean, Verdana, Geneva, sans-serif;
	font-size: 2em;
	display: none;
	border: 1px none blue;
	float: left;
}
#header_img.praxis #kopftext{
	display: block;
}

#header_img #kopftext p{
	margin-bottom: 2em;
}
#header_img #kopftext a,
#header_img #kopftext a:visited{
	color: white;	
}

#header_img #kopftext a:focus,
#header_img #kopftext a:hover{	
	color: #FFCC00;	
}


/* --- Hintergrundbild / Hauptbild im Balken individuell einstellen --  */
.vortragelectures #header_img, 
.praxis #header_img, 
.praktikerverzeichnis #header_img,
.heilungsberichte #header_img,
.oeffnungszeiten #header_img,
.disclaimer #header_img,
.impressum #header_img,
.mitglieder #header_img,
.links #header_img,
.lehrbuch #header_img,
.mary-baker-eddy #header_img,
.cs #header_img,
.fw #header_img,
.gm #header_img,
.vl #header_img,
.ha #header_img,
.uw #header_img,
.vm #header_img,
.kgh #header_img{
	background-image: none;
}

/*
.kirche #header_img,
.antworten #header_img{
	background-image: url(images/Kirchensaal-klein.JPG);	
} 
*/

.leseraum #header_img{
	background-image: url(images/leseraum.jpg);	
}

.kontakt #header_img{
	background-image: url(images/Eingang-10a.JPG);
}


/* --- kleine Personenfotos im Balken --  */
#header_img #passfotos{
	position: absolute;
	bottom: 1px;
	left: 640px;
	width: 360px;
}
#header_img .person{
   position: relative;
	float: left;
}
#header_img .person img{
   border: 0px none white;
	height: 90px;
	/*width: 60px;*/
	padding: 2px;
}

#header_img .person a{
	float: left;
	background-image: url(images/main-nav-bg-csm.gif);	
	background-image: none;
	background-color: transparent;
	background-position: top;
	background-repeat: repeat;
}

#header_img .person a:hover{
	background-image: url(images/main-nav-bg-csm-4.gif);
	background-position: bottom;
	background-repeat: repeat;
}

/* -- Hilfseinstellung fuer home -- */
#header_img #vl,
#header_img.mittwochs-lektionen .person,
#header_img.kirche .person,
#header_img.leseraum .person,
#header_img.praxis .person,
#header_img.oeffnungszeiten .person,
#header_img.praktikerverzeichnis .person,
#header_img.heilungsberichte .person,
#header_img.aktuelles .person,
#header_img.antworten .person,
#header_img.kontakt .person,
#header_img.impressum .person,
#header_img.disclaimer .person,
#header_img.mitglieder .person,
#header_img.links .person,
#header_img.lehrbuch .person,
#header_img.vortragelectures .person,
#header_img.mary-baker-eddy .person,
#header_img.cs .person,
#header_img.ha .person, 
#header_img.gm .person, 
#header_img.vm .person,
#header_img.vl .person, 
#header_img.uw .person, 
#header_img.fw .person, 
#header_img.kgh .person{
	display: none;
}

#header_img.kirche #ha,
#header_img.kirche #vl,
/* #header_img.kirche #fw,*/
#header_img.kirche #kgh,
#header_img.leseraum #gm,
#header_img.praxis #vm{
	display: block !important;
}

#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */


/*---:[ content styles ]:---*/

.entry { font-size: 1.4em; line-height: 1.65em; }
		
	.entry blockquote { font-size: 1.0em; }
	
		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
	
	.entry p { margin: 0 0 1.5em 0; }

	.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { margin: 0 0 0.5em 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.entry dd { margin: 0 0 1.5em 20px; }
		
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	.entry img { }

		.entry img.alignleft, 
		.entry img.left {
	padding: 3px;
	margin: 0.5em 15px 0.5em 0;
	border: 3px none #bbb;
	float: left;
	clear: left;
}
		
		.entry img.alignright,
		.entry img.right {
	padding: 3px;
	margin: 0.5em 0 0.5em 15px;
	border: 3px none #bbb;
	float: right;
	clear: right;
}
		
		.entry img.aligncenter,
		.entry img.center {
	display: block;
	padding: 3px;
	margin: 0 auto 1.5em auto;
	border: 3px none #bbb;
	float: none;
	clear: both;
}
	
		.entry img.off { padding: 0 !important; border: none !important; }
		
		.entry img.stack { clear: none !important; }

.tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #888; clear: both; }

	.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }
	
		.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }

.navigation { width: 500px; font-size: 1.4em; float: left; }
	
	.previous { padding: 0 20px 0 0; float: left; }
	
	.next { float: right; }

.clear { width: 500px; height: 1px; margin: 0 0 5.0em 0; clear: both; }

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 3.5em 0 !important; }



/*---:[ sidebar styles ]:---*/



ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 210px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

		li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; }

		li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }
		
		li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 0.5em 20px; }
		
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
			
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
				
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: normal; font-size: 0.8em; color: #888; }
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
		
			/*---< FlickrRSS styles for the widget only >---*/
		
			li.widget_flickrrss { }
			
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				
				li.widget_flickrrss a:hover img { background: #ff2a96; }
				
		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { font-size: 1.3em; }
				





/*---:[ comment styles ]:---*/

#comments { width: 500px; float: left; clear: both; }

	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
		ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
		ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }
				
			.comment_meta { margin: 0 0 1.2em 0; }
			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				
				.comment_meta strong { font-size: 1.6em; }
					
				.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 1.0em 0; }
			


/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

	#comment_form p { padding: 0.6em 0; }
	
		#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

		#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 321px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			


/*---:[ search form styles ]:---*/

#search_form { }

	#search_form .search_input { width: 201px; padding: 3px; color: #D70000; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	
	li.widget .search_input { font-size: 1.1em !important; }
	
		#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/* --- Styles fuer boxover-tooltip --- */

.tooltip_header,
.tooltip_body{
	color: #600000;
	background-color: #ffeeee;
	border: 1px solid #cc0000;
	width: 15em;
	padding: 0.2em 0.5em;
	opacity: 0.95;
	filter: alpha(opacity=95);
}

.tooltip_body{
   color: Black;
	background-color: #DDD;
	border-top: 0px none;
}
