/* 
Theme Name: Metzgerei Rode
Theme URI: http://www.metzgerei-rode.de
Description: Metzgerei Rode
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 Metzgerei Rode
*	Rot		#DE0000
*	Blau		#00087B
*	Weiss 		#FFFFFF
*
*	Hellrot		#F4BFC7
*	Hellblau	#BDCEE8
*	Dunkelblau	#017FBA
*	Türkis		#00087B
*	Schwarz 	#000000
*
*/ 


/* 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 13px/13px Segoe UI, Verdana, Geneva, Tahoma, sans-serif;
}

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

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

/* Hyperlinks */
a:link {
	color:#DE0000;
}
a:visited {
	color:#DE0000;
}
a:hover {
	color:#00087B;
}
a:active {}

/* Headers */
h1 {
	color:#DE0000;
	font-weight:bold;
	font-size:18px;
	padding:10px 0;
	clear:both;
}
h2 {
	color:#00087B;
	font-weight:bold;
	font-size:18px;
	padding:5px 0;
	clear:both;
}
h3 {
	color:#017FBA;
	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 #00087B;
        color: #00087B;
        border-radius:          4px;
        -moz-border-radius:     4px;
        -webkit-border-radius:  4px;
}
input {
	width:600px;
        margin:5px 0;
        border:1px solid #00087B;
        color: #00087B;
        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 #DE0000;
	width:100%;
	margin-bottom:10px;
}

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

/* Avatars */
.avatar {}

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

/* Contains entire header */
#header-container {
	margin: 0px auto 0px auto;
/*	background:url('images/header-kirchen.jpg') no-repeat;*/
	width:900px;
	height:170px;
	background-position: 0px 120px;
}

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

/* Site title */
#site-title {
	width:100%;
	height:150px;
	color:#ffffff;
	background:url('images/logo.gif') no-repeat #FFFFFF top right; 
}
#site-title a {
	display:block;
	height:110px;
	width:100%;
}
#site-title a span {
	height:110px;
	width:100%;
	display:none;
	color:#fff;
}

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

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

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

#page-nav a:hover {
	color: #FFFFFF;
}

/* 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 {
	}
#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:170px;
	font-size:11px;
	color: #00087B;
	background: #DE0000;
	}

#page-nav li li a:hover {
	color: #00087B;
	padding-left:10px;
}

/**
* 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;
	padding:0 0 250px 0;
}

/**
* 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 13px/13px Segoe UI, Verdana, Geneva, Tahoma, sans-serif;
	font-size:11px;
	line-height:20px;
}

/* Post, page, and archive titles */
.entry-title {
        color:#DE0000;
        font-weight:bold;
        font-size:18px;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	width:100%;
	/* border-bottom:2px dotted #DE0000; */
	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 {
	display:none;
}

/* 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 #00087B;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
	display:none;
}
.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:#DE0000;
	font-size:13px;
	font-weight:bold;
	padding: 5px;
	letter-spacing:3px;
	font-variant:small-caps;
	border-bottom:1px dashed #DE0000;
}
#secondary .widget ul {
	list-style: none;
}
#secondary .widget ul li {
	padding:0 0 0 5px;
	margin:0;
}

/**
* 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;
	height:30px;
	text-align:center;
	font-size:9px;
	border-top:1px solid #DE0000;
}

/* Footer extra */
#footer .copyright {
}

#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:13px;
	line-height:22px;
}

.comments-closed {
	display:none;
}

.search-info {
	display:none;
}

.zcmail_success {
	width:100%;
	text-align:center;
	background-color:#00087B;
	margin:20px 0 0 0;
	padding:40px 0;
	font-size:13px;
	color:#DE0000;
	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;
}