/**
 * Theme Name: Chrutwäje
 * Theme URI: http://www.chrutwaeje.ch
 * Description: Wordpress Theme für die Website des Open Airs Chrutäje
 * Version: 0.1
 * Author: Sämi Hauser
 * Author URI: http://www.zerkortan.ch
 * Tags: brown, threaded-comments, microformats, two-columns, fixed-width, translation-ready
 * Template: hybrid
  */

/* Get base CSS */
@import url('../hybrid/library/css/20px.css');

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

/* overall */

*{
	margin:0;
	padding:0;
	}

html{
	height:100%;
}


/**
* png-fix for ie
************************************************/

/* Body */
body {
	font-family:Verdana,Geneva,sans-serif;
	font-size:12px;
	color: #000000;
	height: 100%;
	background: #775969 url(images/bg/open-air-chrutwaeje_bg-top-left.jpg) top left no-repeat;
	}

body .buorg{
	font-size: 11px;
}

body .buorg b{
	font-weight:bold;
}
	
#buorgclose{
	top:5px !important;
	right:12px !important;
	text-indent:-9999px;
	width: 14px !important;
	background: transparent url(images/link-bullet.gif) center left no-repeat;
}
	
/* Body container */
#body-container {
	position:relative;
	width:100%;
	min-height:100%;
	height: auto !important;
	height: 100%;
	}

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

p{
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	}

.band-beschrieb_programm{
	margin:0 0 8px 0;
}
	
.band-beschrieb_programm  p{
	display: inline;
	padding: 2px;
	font-family:'Arial',Verdana,Geneva,sans-serif;
	font-size: 15px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #000000;
	margin:0;
}
	
.flyer{
	float: left;
	width: 316px;
	margin-right:8px;
}

.flyer img{
	float:left;
	margin: 0 8px 16px 0;
}

.plakat{
	float:left;
	margin-bottom:30px;
	}
	
/* Links */
a {
	color: #00aec6;
	}
	
a:hover {
	text-decoration: underline;
	}

.content-link {
	padding-left:20px;
	background: transparent url(images/link-bullet.png) center left no-repeat;
	font-weight: bold;
	}
	
.band-link_programm,
.band-link_programm:visited{
	font-family:'Arial',Verdana,Geneva,sans-serif;
	font-size: 39px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 32px;
	padding: 13px 0 0 8px;
	margin: 0 0 10px 0;
	background: url(images/bg/open-air-chrutwaeje_semi-white-bg.png) top left repeat;
}

.band-link_programm:hover,
.band-link_programm:active{
	background-image: none;
	background-color: #ffffff;
	text-decoration: none;
}

.connect_widget_connected_text{
	font-size:11px;
}

/* Headers */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	font-family:'Arial',Verdana,Geneva,sans-serif;
	}
	
h1 {
	font-size: 25px;
	font-weight: bold;
}
	
h2 {
	font-size: 17px;
	font-weight: bold;
	}
h3 {
	font-size: 16px;
	}
h4 {
	font-size: 25px;
	font-weight: bold;
	padding-top:10px;
	margin-bottom: 15px;
	}
h5 {
	font-size: 14px;
	}
h6 {
	font-size: 13px;
	}

/* Lists */
.content ul {
	list-style: none;
	}
.content ul li {
	overflow: hidden;
	padding:0 30px 5px 20px;
	background: transparent url(images/link-bullet.png) no-repeat;
	background-position: 0px 3px;
	}

/* Blockqoutes */
blockquote {
	overflow: hidden;
	margin: 0 10px;
	padding: 0 0 0 20px;
	background: url(images/blockquote.jpg) no-repeat 0 0;
	}
blockquote blockquote {
	padding: 0 10px;
	font-size: 12px;
	color: #666;
	background: transparent;
	}
blockquote.pullquote {
	width: 200px;
	margin: 9px 0 3px 0;
	padding: 6px 9px;
	font-size: 18px;
	text-align: center;
	color: #333;
	background: transparent;
	border-top: 3px double #e9e5d5;
	border-bottom: 3px double #e9e5d5;
	}
.pullquote p {
	margin: 0;
	}
span.pullquote {
	float: none !important;
	margin: 0 !important;
	}

/* Code */
code {
	padding: 30px 40px 30px 40px;
	text-align: justify;
	margin: 0 40px 0 40px;
	display: block;
	line-height: 20px;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	background-color:#f3f0f2;
	}
	
pre {
	overflow: auto;
	background: url(images/dark.jpg) repeat 0 0;
	}

/* Alignment */
.alignleft, .left {
	float: left;
	margin-right: 10px !important;
	}
.alignright, .right {
	float: right;
	margin-left: 10px !important;
	}
.aligncenter, .center {
	display: block;
	margin: 0 auto 2px auto;
	}
.block {
	display: block;
	margin: 0 0 20px 0;
	}
.clear {
	clear: both;
	}

/**
* Images
************************************************/
.hentry img {
	max-width: 640px;
	}

/* Captions [caption] */
.wp-caption {
	max-width: 640px;
	padding: 0 !important;
	margin: 0 0 14px 0;
	text-align: left;
	}
.wp-caption p.wp-caption-text {
	margin: 0;
	margin-top:5px;
	padding: 0;
	text-align: left;
	font-size: 10px;
	line-height: 10px;
	}
.wp-caption img, .wp-caption a img {
	max-width: 640px;
	margin: 0;
	padding: 0 !important;
	background: transparent;
	}

/* Thumbnails */
.thumbnail {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 8px 0 0;
	}

/* Gallery [gallery] */

.ngg-gallery-thumbnail-box{
	float:left;
}
	
.ngg-gallery-thumbnail{
	-khtml-opacity:.70; 
	-moz-opacity:.70; 
	-ms-filter:”alpha(opacity=70)”; 
	filter:alpha(opacity=70); 
	opacity:.70;
	margin:0 8px 8px 0;
}

.ngg-gallery-thumbnail:hover{
	-khtml-opacity:100; 
	-moz-opacity:100; 
	-ms-filter:”alpha(opacity=100)”; 
	filter:alpha(opacity=100); 
	opacity:100;
	margin:0 8px 8px 0;
}

.ngg-clear {
	clear: both;
}

	
/**
* Header
************************************************/
#header {
	width: 1px;
	height: 40px;
	}

#site-title {
	font-size: 1px !important;
	margin: 0 !important;
	text-indent: -9999px;
	}

#site-description {
	font-size: 1px;
	margin: 0 !important;
	text-indent: -9999px;
	}

/**
* Navigation
************************************************/
#navigation {
	width: 656px;
	margin: 0 0 10px 260px;
	}

/* Page navigation */
#page-nav {
	width: 100%;
	}
#page-nav ul {
	list-style: none;
	clear: both;
	margin: 0;
	display: block;
	}

#page-nav li{
	display:inline;
}
	
#page-nav li a{
	float:left;
	padding:2px 2px 2px 2px;
	margin:0 8px 8px 0;
	font: 18px arial, sans-serif;
	letter-spacing: 1.2px;
	line-height:18px;
	text-transform: uppercase;
	text-decoration:none;
	/* behavior: url(csshover3.htc); */
	}

#page-nav ul.top-menu li a,
#page-nav ul.top-menu li a:visited{
	color: #000000;
	background: transparent url(images/bg/open-air-chrutwaeje_navi-bg.png) top left repeat;
}
	
#page-nav ul.top-menu li a:hover,
#page-nav ul.top-menu li a:active,
#page-nav ul.top-menu li.current_page_item  a,
#page-nav ul.top-menu li.current_page_parent a{
	color: #ffffff !important;
	}
	
#page-nav ul.sub-menu li a,
#page-nav ul.sub-menu li a:visited{
	color: #000000;
	background: transparent url(images/bg/open-air-chrutwaeje_sub-menu-bg.png) top left repeat;
	}

#page-nav ul.sub-menu li a:hover,
#page-nav ul.sub-menu li a:active,
#page-nav ul.sub-menu li.current_page_item  a{
	background-color: #ffffff !important;
	background-image: none !important;
	}

/* Search
#navigation .search {
	float: right;
	width: 190px;
	height: 29px;
	background: url(images/search.jpg) no-repeat 0 0;
	}
#navigation input {
	font: 12px arial, verdana, sans-serif;
	padding: 7px 0 0 0;
	background: transparent;
	border: none;
	}
#navigation .search-text {
	float: left;
	width: 136px;
	padding: 7px 10px 0 10px;
	color: #7e7558;
	}
#navigation .search-submit {
	float: left;
	width: 34px;
	font-weight: bold;
	color: #80713d;
	}
#navigation .search-submit:hover {
	cursor: pointer;
	}

*/
	
/**
* Container (content and widget areas)
************************************************/
#container {
	overflow: hidden;
	width: 656px;
	padding-top:8px;
	margin: 0 0 0 260px;
	clear:both;
	}

/* Splash */
#homepage-splash {
	overflow: hidden;
	height:200px;
	padding: 8px;
	margin-bottom:8px;
	background: transparent url(images/bg/open-air-chrutwaeje_sub-menu-bg.png) top left repeat;
	}
	
#splash .widget {
	float: left;
	overflow: hidden;
	width: 170px;
	margin: 0 20px 0 0;
	padding: 0;
	color: #365426;
	background: transparent;
	border: none;
	}
	
#splash .widget-title {
	color: #365426;
	}

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

#homepage-byline{
	background: transparent url(images/bg/open-air-chrutwaeje_navi-bg.png) top left repeat;
	height:100%;
	color: #ffffff;
	font-size:35px;
	line-height:39px;
	padding:5px 8px 2px 5px;
	margin-bottom:0;
	text-transform:uppercase;
	font-family: 'Arial',Verdana,Geneva,sans-serif;
	line-height:39px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:8px;
	}

#homepage-byline p{
	margin:0 !important;
	}
	
.homepage .widget{
	padding:0;
	margin:0;
}

.homepage .widget .byline{
	display:none;
}

.homepage .widget  .entry-title,
.homepage .widget  .post-title{
	margin-bottom:8px;
}

.homepage .widget h2 a{
	font-size: 25px;
	line-height: 25px;
	padding:5px 8px 5px 5px;
}

.homepage .band-beschrieb_programm p{
	font-size:12px;
}

.homepage .band-link_programm,
.homepage .band-link_programm:visited{
	padding:3px 0 2px 2px;
	font-size:20px;
	margin:0 0 5px 0;
	height:100%;
}

#query-posts-4,
#query-posts-5{
	margin-right:16px;
}

.homepage .widget{
	float:left;
	width:320px;
}

.homepage .widget .widget-title{
	font-size: 25px;
	background: url(images/bg/open-air-chrutwaeje_semi-white-bg_big.png) top left repeat;
	padding:2px 8px 2px 5px;
	text-transform:uppercase;
	font-family: 'Arial',Verdana,Geneva,sans-serif;
	text-decoration:none;
}

.homepage .widget-inside .post{
	padding:8px;
	background: url(images/bg/open-air-chrutwaeje_semi-white-bg_big.png) top left repeat;
}

.homepage .widget-inside .post .entry-summary{
	overflow:hidden;
	padding:0 8px 0 8px;
	background: none;
	margin:0;
}

.homepage .widget-inside .post .entry-title,
.homepage .widget-inside .post .entry-post{
	background: none !important;
	padding:0;
}

.homepage .widget-inside .post .entry-title a,
.homepage .widget-inside .post .entry-post a{
	display:block;
	margin:0;
	height:100%;
	font-size:20px;
	padding:0 0 0 2px;
}

.homepage .widget-inside .post .entry-title a:hover,
.homepage .widget-inside .post .entry-post a:hover{
	background-color:#ffffff;
	}

.homepage .widget-inside .post .entry-meta{
	margin-bottom:0;
}

.homepage .widget-inside .post .tags{
	display:none;
}

.programm_content .entry-content,
.programm_content .entry-summary {
	background-image: none !important;
	background-color: none !important;
	padding:8px 0 8px 0;
}

.programm_content  .entry-title,
.programm_content  .page-title{
	margin:0 0 20px 0;
}

.content {
	overflow: hidden;
	float: left;
	width:100%;
	}
.page-template-no-widgets .content, .no-widgets .content {
	width: 656px;
	}

/* Posts */
.hentry {
	overflow: hidden;
	margin: 0 0 10px 0;
	}	

/* Entry title */
	
.entry-title a {
	display:block;
	text-transform:uppercase;
	font-size: 39px;
	font-family: 'Arial',Verdana,Geneva,sans-serif;
	color: #000000;
	line-height:39px;
	font-weight:bold;
	text-decoration:none;
	margin: 0 0 8px 0;
	padding:3px 8px 2px 5px;
	background: url(images/bg/open-air-chrutwaeje_semi-white-bg_big.png) top left repeat;
	}

.entry-title a:hover{
	text-decoration:none;
}

/* Post Entry */
.entry-content, .entry-summary {
	overflow: hidden;
	padding: 8px;
	margin-bottom:8px;
	background: url(images/bg/open-air-chrutwaeje_semi-white-bg_big.png) top left repeat;
	}
	
.more-link {
	padding-right: 15px;
	background: url(images/more-link.jpg) no-repeat right 3px;
	}

/* Post Meta */
.entry-meta {
	overflow: hidden;
	padding: 8px;
	background: url(images/bg/open-air-chrutwaeje_semi-white-bg.png) top left repeat;
	}

.navigation-attachment {
	overflow: hidden;
	padding: 0 20px;
	margin-bottom: 20px;
	}

/* Series */
.series {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 14px 20px 0 20px;
	background: url(images/light.gif) repeat 0 0;
	border-top: 5px solid #e5e0d0;
	}
.series-title {
	margin: 0 0 6px 0;
	padding: 0 0 5px 0;
	font: 14px verdana, arial, sans-serif;
	font-weight: bold;
	color: #708266;
	border-bottom: 1px solid #e9e5d5;
	}
.series ul {
	margin-left: 0;
	}

/* Archives and other page types */
.category-info, .author-info, .date-info, .tag-info, .archive-info, .search-info {
	overflow: hidden;
	margin: 0 0 20px 0;
	color: #333;
	background: url(images/light.gif) repeat 0 0;
	border-top: 5px solid #e5e0d0;
	}
.page-template-biography .author-info {
	margin: 0;
	border: none;
	}
	
.category , .categories, .separator, .post_tag{
	display: none;
}

.category-description, .author-description, .date-description, .tag-description, .archive-description, .search-description {
	margin: 0 20px;
	}

/* Navigation links */
.navigation-links {
	overflow: hidden;
	margin: 0 0 20px 0;
	}

.navigation-links a,
.navigation-links a:visited{
	text-decoration:none;
	color: #000000;
	font: 18px arial, sans-serif;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
	
.navigation-links a:hover,
.navigation-links a:active{
	color: #ffffff;
}

.previous {
	float: left;
	padding:2px 4px 0 5px;
	background-color: #2395a9;
	}

.next {
	float: right;
	text-align: right;
	padding:2px 4px 0 5px;
	background-color: #2395a9;
}
	
/* WP PageNavi */
.wp-pagenavi {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 20px;
	}
.wp-pagenavi .pages {
	margin-right: 6px;
	padding: 3px 6px;
	}
.wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	margin-right: 6px;
	padding: 3px 6px;
	}

/**
* Support
************************************************/

.support{
	width:200px;
	height:100px;
	font-family:'Arial',Verdana,Geneva,sans-serif;
	margin:0 8px 0 0;
	padding-bottom:14px;
	float:left;
	overflow:hidden;
}

.support a,
.support a:visited{
	display: block;
	background-color: #ebe7e9;
}

.support a:hover,
.support a:active{
	background-color: #ffffff;
	display: block;
}

.support a img{
	/* behavior: url(http://www.chrutwaeje.ch/wp-content/themes/chrutwaeje/htc/iepngfix.htc); */
	background: transparent url(images/bg/blank.gif) top left no-repeat;
}

/**
* Widget Areas
************************************************/
#primary, #secondary {
	overflow: hidden;
	float: right;
	width: 240px;
	line-height: 19px;
	}
#secondary {
	clear: right;
	}

/* Widgets */
.widget {
	overflow: hidden;
	margin:0 0 8px 0;
	padding: 14px 0px 0 20px;
	}

/* Widget title */
.widget-title {
	margin: 0 0 8px 0;
	font: 14px verdana, arial, sans-serif;
	font-weight: bold;
	color: #000000;
	}

/* Widget lists */
.widget ul {
	list-style: none;
	margin: 0;
	}
.widget ul ul {
	margin: 0;
	}
.widget ul li {
	margin: 0 0 0 0;
	}
.content .widget ul li {
	overflow: hidden;
	padding: 0 0 5px 7px;
	background: url(images/bullet.png) no-repeat 0 9px;
	}
.widget ul li li, .content .widget ul li li {
	overflow: hidden;
	margin: 0 0 0 10px;
	padding: 2px 0 2px 7px;
	background: url(images/bullet.png) no-repeat 0 9px;
	border: none;
	}

/**
* Comments Template
************************************************/
#comments, #respond {
	overflow: hidden;
	height: 100%;
	margin: 0 0 20px 0;
	}
#comments #respond {
	border: none;
	}

/* Comments header */
.comments-header, #reply-title {
	padding: 3px 8px 2px 6px;
	margin:0 0 8px 0;
	font: normal normal 30px 'Arial', Verdana, sans-serif;
	background-color: #d6ced2;
	}
#comments #reply-title {
	margin-bottom: 0;
	background: transparent;
	}

/* Comments list */
#comments ol {
	list-style: none;
	overflow: hidden;
	clear: left;
	z-index: 0;
	margin: 0;
	padding: 8px 0 0 5px;
	background-color: #d6ced2;
	}
#comments ol ol {
	margin: 0;
	}
#comments li {
	height: 100%;
	overflow: hidden;
	}
#comments li li {
	margin: 0;
	padding-left: 20px;
	}

/* Comment meta data */
.comment-meta-data {
	padding: 0 0 5px 2px;
	font: 12px;
	}
.comment-meta-data a {
	color: #00AEC6;
	}

/* Comment author */
.comment-author cite {
	float:left;
	text-transform:uppercase;
	font-family: 'Arial', Verdana, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:14px;
	margin-right:10px;
	}
.comment-author a {
	color: #00AEC6;
	}

/* Comment text */
.comment-text {
	margin: 0 10px 0 10px;
	clear:both;
	}

/* Comments form */

#cancel-comment-reply{
	display:none;
}

#respond form {
	background-color: #d6ced2;
	padding: 8px 8px 8px 8px;
	}
#comments #respond form {
	padding: 0;
	}
#respond .form-author, #respond .form-email, #respond .form-url {
	margin: 0;
	}
#respond .form-author label, #respond .form-email label, #respond .form-url label, #respond .form-textarea label  {
	margin:0;
	padding: 0 0 5px 5px;
	font-size:11px;
	color:#726f6f;
	}
.text-input {
	display: block;
	border: none;
	font-family: Verdana,Geneva,sans-serif;
	padding: 4px 5px 4px 5px;
	margin: 0 0 5px 0;
	background-color: #e6e2e4;
	/* behavior: url(http://www.chrutwaeje.ch/wp-content/themes/chrutwaeje/htc/csshover3-source.htc); */ 
	}

.text-input:focus {
	background-color: #f3f0f2;
	/* behavior: url(http://www.chrutwaeje.ch/wp-content/themes/chrutwaeje/htc/csshover3-source.htc); */
	}
#respond .text-input {
	width: 275px;
	}
	
textarea {
	width: 630px;
	border:none;
	font-family:Verdana,Geneva,sans-serif;
	padding: 5px 5px 6px 5px;
	background-color: #e6e2e4;
	}

textarea:focus {
	background-color: #f3f0f2;
	}
	
#respond .form-submit {
	overflow: hidden;
	margin:0;
	}
#respond .button {
	float: left;
	padding:2px 4px 2px 5px;
	margin: 0 15px 0px 0;
	text-transform:uppercase;
	font-family:'Arial',Verdana,Geneva,sans-serif;
	font-size:18px;
	letter-spacing:1.5px;
	color: #000000;
	border: none;
	background-color: #e6e2e4;
	}
#respond .button:hover {
	cursor: pointer;
	background-color: #f3f0f2;
	}

.comment-action {
	clear: both;
	}

/**
* Partner-Ads
************************************************/
#partner-ad-container{
	padding-top:8px;
	margin:20px 0 40px 260px;
	width:656px;
	z-index:5;
}

#partner-ad_kanal-k{
	width:250px;
	margin: 0 40px 0 27px;
	padding:8px;
	background-color:#d6ced2;
	float:left;
}

#partner-ad_cede-ch{
	width:250px;
	margin: 0 0 0 30px;
	padding:8px;
	background-color:#d6ced2;
	float:left;
}

.partner-ad{
	width:234px;
	padding:8px;
	background-color:#eae6e8;
}

.partner-ad:hover{
	background-color:#ffffff;
}

#partner-ad-container span{
	font-size:11px;
}

#partner-ad-container h2{
	text-transform:uppercase;
	font-size:20px;
	margin-bottom:8px;
	line-height:25px;
}

.partner-ad-kanal-k{
	text-indent:-9999px;
	background: transparent url(images/partner-ads/partner-ad_kanal-k_234x60.gif) top left no-repeat;
	width:234px;
	height:60px;
	display:block;
}

.partner-ad-cede-ch{
	text-indent:-9999px;
	background: transparent url(images/partner-ads/partner-ad_cede-ch_234x60.gif) top left no-repeat;
	width:234px;
	height:60px;
	display:block;
}
	
/**
* Footer
************************************************/

#footer-container{
	padding-top:8px;
	position:relative;
	width:100%;
	z-index:5;
}

#footer-gekritzel{
	position:relative;
	width:920px;
	z-index:7 !important;
	padding-bottom:20px;
}

/* Subsidiary */
#subsidiary {
	padding:10px 0 0 8px;
	z-index:7 !important;
	}
	
#subsidiary .widget {
	float: left;
	overflow: hidden;
	padding: 0;
	border: none;
	}

#text-3{
	width:230px;
	margin-right:50px;
}

#linkcat-2{
	width:150px;
	margin-right:30px;
}

#text-4{
	width:150px;
}

/* Footer */

#footer-header{
	position:relative;
	margin-left:260px;
	width:656px;
	height:290px;
	background: transparent url(images/bg/open-air-chrutwaeje_bg-footer_logo.png) top left no-repeat;
	z-index:7 !important;
	/* behavior: url(http://www.chrutwaeje.ch/wp-content/themes/chrutwaeje/htc/iepngfix.htc); */
}

#footer-content{
	overflow: hidden;
	width: 656px;
	background: transparent url(images/bg/open-air-chrutwaeje_semi-white-bg_big.png) top left repeat;
	margin-left:260px;
	z-index:7 !important;
	/* behavior: url(http://www.chrutwaeje.ch/wp-content/themes/chrutwaeje/htc/iepngfix.htc); */
}

#footer-gradient{
	position:relative;
	height:170px;
	width:100%;
	background: transparent url(images/bg/open-air-chrutwaeje_bg-footer-gradient.png) left bottom repeat-x;
	margin-top:-380px; 
	/* behavior: url(http://www.chrutwaeje.ch/wp-content/themes/chrutwaeje/htc/iepngfix.htc); */
}

#footer-bottom{
	position:relative;
	width:100%;
	height:210px;
	background: transparent url(images/bg/open-air-chrutwaeje_bg-footer-bottom.jpg) left bottom repeat-x;
}