/* 
Theme Name: St.Paulus
Theme URI: http://www.st-paulus-online.de
Description: Kirchengemeinde St. Paulus
Author: Bernhard Rode
Author URI: http://www.bernhardrode.de
Version: 0.0.1
Tags: Framework
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/
/*
*	Farben der Kirchengemeinde
*	Weiss 		#FFFFFF
*	Gelb  		#F4C400 
*	Dunkelrot	#DB005A
*	Hellrot		#F4BFC7
*	Hellblau	#BDCEE8
*	Dunkelblau	#017FBA
*	Leuchtblau	#18AFD6
*       Gruen           #18AFA6
*	Schwarz 	#000000
*	Gray		#CCCCCC
*
*/ 


/* Eric Meyer's reset.css */
@import url('../hybrid/library/css/reset.css'); 

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
/* @import url('../hybrid/library/css/18px.css'); */
/* @import url('../hybrid/library/css/20px.css'); */
/* @import url('../hybrid/library/css/21px.css'); */
/* @import url('../hybrid/library/css/22px.css'); */
/* @import url('../hybrid/library/css/25px.css'); */

/* Holy Grail */
@import url('../hybrid/library/css/holy-grail-fluid.css');

/* Plugins CSS */
/* @import url('../hybrid/library/css/plugins.css'); */

/* Hybrid's default CSS */
/* @import url('../hybrid/library/css/screen.css'); */

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/**
* Body
************************************************/
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}
/* Contains everything */
body {
	color: #000000;
	font: normal normal normal 11px/11px Verdana, Geneva, Tahoma, sans-serif;
}

/* Wrapper for everything inside of the body */
#body-container {
	margin: 0 auto 1em;
}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link {
	color:#18AFD6;
}
a:visited {
	color:#18AFD6;
}
a:hover {
	color:#017FBA;
}
a:active {}

/* Headers */
h1 {
	color:#017FBA;
	font-weight:bold;
	font-size:18px;
	padding:10px 0;
	clear:both;
}
h2 {
	color:#4584DF;
	font-weight:bold;
	font-size:18px;
	padding:5px 0;
	clear:both;
}
h3 {
	color:#9F9F9F;
	font-weight:bold;
	font-size:18px;
	padding:5px 0;
	clear:both;
}
h4 {}
h5 {}
h6 {}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {
	width:100%;
	overflow:auto;
}

/* Unordered lists */
ul {}
ul li {
	margin-left:25px;
}

/* Ordered lists */
ol {}
ol li {
	margin-left:30px;
}

/* Defition lists */
dl {}
dt {}
dd {}

/* Blockquotes */
blockquote {
	margin:10px 30px;
	padding:5px;
	background:url('images/blockquote.gif') no-repeat #BDCEE8;
}
blockquote blockquote {}
blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {
	white-space: normal;
}
pre code {}

/* Tables */
table {}
caption {}
tr {}
th {}
td {}

/* Forms */
form {}
textarea {
	width:600px;
        margin:5px 0;
        border:1px solid #18AFA6;
        color: #18AFA6;
        border-radius:          4px;
        -moz-border-radius:     4px;
        -webkit-border-radius:  4px;
}
input {
	width:600px;
        margin:5px 0;
        border:1px solid #18AFD6;
        color: #017FBA;
        border-radius:          4px;
        -moz-border-radius:     4px;
        -webkit-border-radius:  4px;
}
label {}
option {}

/* Drop caps */
.drop-cap {}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {
	float:left;
}
.right, .alignright {
	float:right;
}
.center, .aligncenter {}
.block, .alignnone {}
.clear {
	clear:both;
}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
.wp-caption img {
	border:none;
	margin: 10px auto 0 auto;
}
.wp-caption p {
	text-align:center;
	font-size:9px;
	border-bottom:1px solid #F4BFC7;
	width:100%;
	margin-bottom:10px;
}

/* Gallery [gallery] */
.gallery {}
.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
	margin: 0px auto 0px auto;
	width:900px;
	height:160px;
}

/* Contains site title and tagline */
#header {}

/* Site title */
#site-title {
	width:100%;
	height:100%;
	color:#ffffff;
	background:url('images/header-balken.jpg') no-repeat #FFFFFF top right; 
	display:block;
}

#site-title a {
	display:block;
	height:130px;
	width:100%;
}

#site-title a span {
	height:110px;
	width:100%;
	display:none;
}

/* Site description/tagline */
#site-description {
}

#site-description span {
	background-color:transparent;
	position:absolute;
	top:135px;
        color:#18AFD6;
        font-weight:bold;
        font-size:18px;
        padding:5px 0;
        clear:both;

}

/**
* Page navigation
************************************************/
#navigation {
	width: 100%;
	height:50px;
	/* background:url('images/menubg.png') repeat-x #CCCCCC top right; */
	background: #DFDFDF;
	}
#page-nav {
	width:900px;
	margin:auto;
	}

#page-nav ul {
	list-style: none;
	}
#page-nav li {
	float: left;
	height:50px;
	display: block;
	margin:0;
	padding: 0 2px;
	width:120px;
	}
#page-nav a {
	font: normal normal normal 11px/11px Verdana, Geneva, Tahoma, sans-serif;
	color: #5D6771;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:0;
	line-height:22px;
	height:100%;
	width:100%;
	}

#page-nav a:hover {
	color: #017FBA;
}

/* Drop-down styles */
#page-nav li:hover ul, #page-nav li.sfHover ul  {
	top: 50px;
	}
#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {
	}
#page-nav ul ul ul li a{
	left:85px;
	}
#page-nav ul ul ul li a:hover{
	left:85px;
	}
#page-nav li li {
	margin: 0;
	padding: 0;
	height:auto;
	}
#page-nav li li a {
	border: none;
	padding: 2px 0 2px 5px;
	text-align:left;
	line-height:15px;
	display:block;
	width:190px;
	font-size:11px;
	color: #5D6771;
	background: #DFDFDF;
	filter:alpha(opacity=93);
        opacity: 0.93;
        -moz-opacity:0.93;
	}

#page-nav li li a:hover {
	color: #017FBA;
	padding-left:10px;
        filter:alpha(opacity=100);
        opacity: 1.0;
        -moz-opacity:1.0;
}


/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	padding:0;
	background:url('images/allbg.png') no-repeat #FFFFFF;
}

/**
* Content
************************************************/

/* Contains site's main content */
#content {
	width:900px;
	margin:0 auto;
}
.hfeed {
	width:680px;
}
.content {
	margin-bottom:0;
	padding-bottom:0;
}

/* Breadcrumb trail */
.breadcrumb {
	display:none;
}

/* Archive and search <div> before posts are listed */
.author-info {}
.category-info {}
.date-info {}
.search-info {}
.tag-info {}

/* Posts */
.post {
	font: normal normal normal 11px/11px Verdana, Geneva, Tahoma, sans-serif;
	font-size:11px;
	line-height:20px;
}

/* Post, page, and archive titles */
.entry-title {
        color:#18AFA6;
        font-weight:bold;
        font-size:18px;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	width:100%;
	border-bottom:2px dotted #CCCCCC;
	letter-spacing:3px;
}
.single-title {}
.page-title {
}
.attachment-title {}
.error-404-title {}
.author-title {}
.category-title {}
.date-title {}
.search-title {}
.tag-title {}

/* Author and date byline */
.byline {}

/* Full entries */
.entry-content {
padding-top:10px;
}

/* Excerpts (introduced in Hybrid 0.4) */
.entry-summary {}

/* Using <!--nextpage--> */
p.pages a {}

/* More link <!--more--> */
a.more-link {}

/* Post meta data */
.post-meta-data {}

/* Post series */
.series {} 
.series-title {}

/* Navigation links */
.navigation-links {
	width:100%;
	border-top:2px dotted #18AFA6;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
}
.navigation-links .previous {}
.navigation-links .next {}

/* WP PageNavi (plugin) */
.wp-pagenavi {}
.wp-pagenavi .pages {}
.wp-pagenavi .current {}
.wp-pagenavi .extend {}
.wp-pagenavi a {}

/* Attachment image navigation */
.navigation-attachment {}

/**
* Comments template
************************************************/

/* Wrapper for entire comments area */
#comments-template {}

/* Comments section headers/titles */
.comments-header {}
#comments-number {}

/* Comments closed paragraph */
p.comments-closed {}

/* Main comments section */
#comments {}
#comments ol {}

/* Individual comments (note that WordPress has even/odd backwards) */
#comments li {}
#comments li li {}
#comments li li li {}
#comments li li li li {}
#comments li.even {}
#comments li.odd {}
#comments li.thread-even {}
#comments li.thread-odd {}
#comments li.author {}
#comments li.trackback {}
#comments li.pingback {}

/* Comment avatars */
#comments .avatar {}

/* Comment meta data */
#comments .comment-meta-data {}
#comments .comment-meta-data cite {}

/* Comment text */
#comments .comment-text {}

/* Paged comments navigation */
#comments-template .paged-navigation {}
#comments-template .paged-navigation .page-numbers {}
#comments-template .paged-navigation .next {}
#comments-template .paged-navigation .prev {}

/* Main comment form div */
#respond {}

/* Comment form title */
#reply {}

/* Comment form elements */
p#cancel-comment-reply {}
#respond form {}
#respond .form-author {}
#respond input {}
#respond .form-email {}
#respond .form-url {}
#respond .form-textarea {}
#respond textarea {}
#respond .button {}
#respond .comment-action {}

/**
* Utility widget sections (see other widget code below)
************************************************/

/* All utility widget sections (except widgets template) */
.utility {}

/* Before content */
#utility-before-content {}

/* After content */
#utility-after-content {}

/* After post but before comments */
#utility-after-single {}

/* After page but before comments */
#utility-after-page {}

/* Widgets page template widgets */
.page-template-widgets #content .widget {}

/**
* Widget sections (Primary and Secondary)
************************************************/

/* Widgets in general */
.widget {}
.widget-inside {}
.widget-title {
}

/* Primary widget section */
#primary {
}
#primary .widget {}
#primary .widget-inside {}
#primary .widget-title {}
#primary .widget ul {}
#primary .widget ul li {}

/* Secondary widget section */
#secondary {
	padding:10px 0 0 20px;
	margin-bottom:30px;
	padding-bottom:0;
}
#secondary .widget {}
#secondary .widget-inside {
	padding:10px 0 0 0;
}
#secondary .widget-title {
	color:#18AFD6;
	font-size:13px;
	font-weight:bold;
	padding: 5px;
	letter-spacing:3px;
	font-variant:small-caps;
	border-bottom:1px dotted #017FBA;
}

#secondary .widget ul {
	list-style: none;
}
#secondary .widget ul li {
	padding:0 0 0 5px;
	margin:0;
}
#secondary .widget ul li a {
        color:#000000;
}

#secondary .widget ul li a:hover {
        color:#DB005A;
}


/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
}

/* Subsidiary widget section */
#subsidiary {}
#subsidiary .widget {}
#subsidiary .widget-inside {}
#subsidiary .widget-title {}

/* Footer section */
#footer {
	margin: 0px auto 0px auto;
	background:#FFFFFF;
	width:900px;
	text-align:center;
	font-size:9px;
	border-top:1px solid #017FBA;
}

/* Footer extra */
#footer .copyright {
	height:20px;
}

#footer .credit {
}

/**
* Special
************************************************/
.byline {
	width:100%;
	text-align:right;
}

.byline-prep {
	display:none;
}

.byline-sep {
	display:none;
}

.entry-meta {
	display:none;
}
.author {
	display:none;
}

.published {
	font-weight:bold;
	color:#CCCCCC;
}

#search-text {
	margin:5px 5px;
	width:165px;
}
.textwidget {
	padding:5px;
	font-size:11px;
	line-height:22px;
}

.comments-closed {
	display:none;
}

.search-info {
	display:none;
}

.zcmail_success {
	width:100%;
	text-align:center;
	background-color:#18AFA6;
	margin:20px 0 0 0;
	padding:40px 0;
	font-size:13px;
	color:#CCCCCC;
	font-weight:bold;
}

#event-map {
    width: 670px !important;
    height: 400px !important;
}

#secondary .widget ul.xoxo li {
	margin:10px 0 0 5px;
}

.xoxo archives a.visted{
	background-color:#f00;
}