/*
Theme Name: CityChurch Würzburg
Theme URI: http://www.citychurch.de/
Description: Zweiter Versuch eines selbsterstellten Themes für die CityChurch Würzburg
Version: v0.2
Author: Daniel Weber & Andreas Schnarr
Author URI: www.citychurch.de
*/







/***** Global Settings *****/
 
html, body {
border:0;
background:#352C26 repeat-x;
}

* {margin:0; padding:0;}
 
body,textarea,input,option,select {
font-size:				13px;
font-family:			'Trebuchet MS', Arial, Helvetica, sans-serif;
/*font-family:			"Helvetica Neue",Helvetica,Arial,sans-serif;*/
/*color:					#717171;*/
color:					#000000;
}
textarea,input {
  padding: 5px;
  border: 1px solid #DDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius:  4px
}
img, div { behavior: url(css/iepngfix.htc) }
 
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:				0px 120px 10px 0px;
padding:			20px 0px 0px 0px;
font-weight:		bold;
text-decoration:	none;
border-bottom:		1px solid #DDD;
/*clear:				both;*/ /* Macht die Formatierung bei der mC-Karte kaputt */
}

h1 {
  border: 0px;
}

h2 {
  margin-top: 15px;
  color: #898989;
  border: 0px;
}
/*
h1 {
padding:7px 23px;
height:12px;
text-transform:uppercase;
display:block;
letter-spacing:0px;
font-size:12px;
color:#241e20;

}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
*/

 
/***** Common Formatting *****/
 
p, ul, ol {
margin:		0;
padding:	0 0 1.00em 0;
}
 
ul, ol {
padding:0 0 0 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,a:link		{text-decoration:none;		color:#FF7F00;}
a:hover		{text-decoration:underline;	color:#CC3300;}
a:visited 	{							color:#CC3300;}
	
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
background:white;
}
input[type="submit"]{width:auto;}
input[type="image"]{width:auto;}
 
textarea {
width:100%;
line-height:1.25;
height:90px;
overflow:auto;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
vertical-align:top;
}
 
/***** Wrapper *****/
 
#absolute_wrapper{
	position:absolute;
	top:0px;
	left:50%;
	width:1000px;
	margin-left:-500px;
	z-index:30;
} 
#wrap { /* Umhuellt, zentriert die Seite und gibt Breite vor */
	width:750px;
	padding:0 15px;
	background:#FFFFFF;
	margin:0 auto;
}

#header{ /* für Kopf-Grafik */
	/*height:139px;*/
	height: 225px;
	overflow:hidden;
	position:relative;
	z-index:20;
}

#header_text{
  position:absolute;
  bottom:0px;
  left:0px;
  background:url(images/header_text_background_b.png);
  /*color:black;*/
  color:white;
  width:750px;
  font-size:12px;
  padding:2px 5px 2px 5px;
}



/* Navigation */
.menu {
	float:left;
	width:174px;
	/*height:400px;*/
	padding:0;
	/*background:url(images/navi_verlauf.png) repeat-y;*/
	margin-top: 40px;
	position:relative;
	z-index:200;
}
.menu ul {
	list-style-type:		none;
	padding-left:			0px;
	padding-right:			0px;
	/*border:					1px solid green;*/
	text-align:				left;
	line-height:			1.7;
	/*text-transform:			lowercase;*/
}
.menu li a{
  font-family: 'Times New Roman',Times,serif;
	color: 					#FFFFFF;
	font-size:				18px;
	/*border:					1px solid green;*/
	display:				block;
	/*border-top:				1px solid white;*/
	/*border-bottom:			1px solid white;*/
	background: url(images/navi_trenner.png) bottom left no-repeat;
	margin-top:				-1px;			/* Trick: Schiebt die Rahmen genau aufeinander */
	padding-left: 20px;
}
.menu li li a {
	font-size:				13px;
	border:					none;
	/*margin-left:			20px;*/
	padding-left:			40px;
}




.menu > ul > li.current_page_item  > a {
	/*color: 					#F79E07;*/
	color: 					white;
	background: url(images/pfeil_hover.png) left center no-repeat #352C26;

}
.menu > ul > li > ul > li.current_page_item  > a {
	/*color: 					#F79E07;*/
	color: 					white;
	/*background: url(images/pfeil_hover.png) left center no-repeat white;*/
	background: url(images/pfeil_hover.png) left center no-repeat #352C26;	
	
}


.menu li a:hover  {
	color: 					#F79E07;
	text-decoration: none;
	background: url(images/pfeil_hover.png) left center no-repeat white;
	
}
.menu li li a:hover  {
	background-color:		white;
}

















#content { /* Inhalts-Bereich */
	width:576px;
	min-height:800px;
	float:left;
	padding:0;
	padding-bottom:20px;
	margin-left:-174px;
	padding-left:174px;
	/*background:url(images/grounge_background.jpg) repeat-y;*/
	background:url(images/bg_navi.jpg) repeat-y white;
	/*background-position:-174px;*/
	z-index:100;
}

#content #theme { /* Themen-Grafik */
	margin-top:-50px;
}

#true_content { /* Der eigentliche Text im Content-Block */
	margin-left:	20px;
	margin-right:	40px;
	position:		relative;
	top:			-45px;
	z-index:		100;
}

#start_table{
	width:520px;
	margin-left:8px;
}
#start_table td{
	padding-left:10px;
}
#start_table .startbox{
	padding: 0 6px;
	font:11px Verdana,Arial,sans-serif;
	
}
#start_table .fixheight{
	height:360px;
	
}


.content_divider{ /* grauer Balken zwischen Themen-Grafik und weiterem Inhalt */
	/* background:url(images/content_divider.jpg) repeat-x; */
	height:30px;
}

#searchform { /* Das Suchformular  */
	/*position: absolute;*/
	/*width:174px;*/
	
	position: fixed;
	top: 15px;
	right: 2pt;
	z-index: 3333;
}

#searchform #s{ /* Das Eingabefeld der Suche */
	width:80px;
	border: 1px solid #999;
	/*background: transparent;*/
	background:url(images/content_divider.jpg) repeat-x;
	margin-top: 6px;
	margin-left: 20px;
	vertical-align:middle;
	margin-right:4px;
}
#searchform #searchsubmit{ /* Der Button (Lupe) zum Absenden */
	background: transparent;
	margin-top: 7px;
	vertical-align:middle;
	margin-right:8px;
	border: 0px;
}

.searchhighlight     { background: yellow; }

#submitform {
  background:url(images/footer_bg.jpg);
  color: white;
}



#footer{ /* orange Fusszeile mit Links */
	width:750px;
	background:url(images/footer_bg.jpg) top center no-repeat #FFFFFF;
	height:40px;
	padding-top:7px;
	padding-right:30px;
	font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:white;
	margin-top:2px;
	margin:0 auto;
	}
#footer li{
col	ite;display:block;margin-right:30px;float:right;
	}
#footer a:link,#footer a:active,#footer a:hover,#footer a:visited{
	color:white;
	} 
	
	
/***** Global Classes *****/
 
.clear         { clear:both;height:1px;overflow:hidden; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.white 		   { color:white}
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.block		   {display:block}
hr{height:1px;background: #c6c6c6;border:0px;margin:0px;padding:0;overflow:hidden;} 

.wrap          { width:970px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.bilderrahmen	{border:1px solid #999; padding: 3px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.noborder	   {border:0px}
.greyborder		{border:1px solid #c6c6c6;}
.line		{border-top:1px solid #999;margin:2px 0;}
.padding2252	{padding:2px 2px 5px 2px;}

.v_b, .v_g, .v_v,.v_grey{text-align:center;color:white;width:166px;font-size:13px;padding-top:6px;height:29px;}
.v_b{background:url(../img_template/v_blue.jpg) repeat-x;}
.v_g{background:url(../img_template/v_green.jpg) repeat-x;}
.v_v{background:url(../img_template/v_v.jpg) repeat-x;}
.v_grey{background:url(../img_template/v_grey.jpg) repeat-x #dadada; color:#59575b; text-align:left;padding:3px 3px; height:auto;width:160px;}


 /* für die Links beim Blog "ältere Artikel" und "neuere Artikel" */ 
.nav {
	margin-top: 20px;
	border-top: 1px solid #888;
	}
.nav .aLeft {
	float: left;
	}
.nav .aRight {
	float: right;
	}





.ui-icon-plus { width: 16px; height: 16px; background-image: url(images/Calendaricon.gif); }

.ui-icon-minus { background-position: 0 0; }


.alignleft 
{
	float:left;
	text-align:left;	
	margin: 2px 10px 2px 0px;
}
.alignright
{
	float:right;
	text-align:right;	
	margin: 2px 0px 2px 10px;
	
}

.aligncenter {
  text-align: center;
  margin: 0, auto;
}

#socialicons
	{
	position:		fixed;
	top:			20px;
	z-index:		3333;
	padding-left:	10px;
	}
.socialicon
	{
	opacity:		0.5;
	margin-bottom:	-10px;
	}
.socialicontext
	{
	color:			#999;
	display: 		none;
	}


#hidden-login
	{
	position: fixed;
	bottom: 2px;
	right: 2pt;
	z-index: 3333;
	}
#hidden-login a:link,#hidden-login a:active,#hidden-login a:hover,#hidden-login a:visited{
	color: #AAA;
	text-decoration: none;
	}

	
#flyer
	{
	position: fixed;
	bottom: 10px;
	left: 10pt;
	z-index: 3333;
	}
	
table.kalendertabelle {
  border-width: 1px;
	padding: 4px;
	border-style: dashed;
	border-color: gray;
	border-collapse: separate;
	color: white;
}

table.kalendertabelle tr {
  border-style: solid;
  border-color: white;
  border-top: 1px;
  border-bottom: 1px;
}

table.kalendertabelle td{
  border-style: solid;
  border-color: white;
  border-left: 0px;
  border-right: 0px;
  vertical-align: middle;
  padding: 0px;
}

table.kalendertabelle td.kalenderdatum {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

table.kalendertabelle td.kalendertext {
  padding-left: 5px;
  padding-right: 5px;
}

table.kalendertabelle tr.orange {
  background-color: #F79E06;
}

table.kalendertabelle tr.braun {
   background-color: #352C26;
}

table.kalendertabelle tr.grau {
  background-color: #E0DEDF;
}



/* Formatierung der Kommentarlisten */

ol.commentlist {
	list-style-type:		none;
}
ul.children{
	list-style-type:		none;
}
.comment-author {
	border-top: 			1px solid #CCC;
	margin-top:				20px;
}


/* Gravatar des Autors positionieren */
small .avatar {
float: left;
padding-right: 5px;
}
/* Gravatare der Kommentatoren positionieren */
.comment-author .avatar{
float: left;
padding-right: 5px;
}

.comment-meta {
margin-bottom: 10px;
}