/*
Theme Name:		Rösel & Hercher Orgelbau
Theme URI: 		http://orgelbau-roesel.com
Version: 		1.0
Description: 	The Wordpress-Theme for Rösel & Hercher Organbuilders
Author: 			Henning Wechsler
Author URI:		http://nachhaltig-werben.de
Tags:			green, classic, music, organs, custom-made, cms
*/

/* Reset Browser Defaults */
@import url( 'library/styles/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/styles/base.css' );

/* Site Specific Styles */
@import url( 'assets/css/screen.css' );


body {background: #7e7565 url(img/bg.png) repeat-x; text-align: center;}
img { -ms-interpolation-mode: bicubic; }
#container {width: 980px; margin: 0 auto;}
#header {background: url(img/header_bg.png); height: 104px; margin-top: 25px; text-indent: -8978px; position: relative; z-index: 150;}
.logo {width: 163px; height: 136px; position: absolute; left: 70px; top: 0; display: none;}
.lg2, .curlogo.logo-2 {background: #f5f5f4 url(img/logo.png);}
.lg5, .curlogo.logo-5 {background: #f5f5f4 url(img/logo-5.png);}
.lg6, .curlogo.logo-6 {background: #f5f5f4 url(img/logo-6.png);}
.lg7, .curlogo.logo-7 {background: #f5f5f4 url(img/logo-7.png);}
.lg8, .curlogo.logo-8 {background: #f5f5f4 url(img/logo-8.png);}
.logo.curlogo {display: block;}
.navcont {background: url(img/nav_bg.png); height: 75px; border: none; text-transform: uppercase; color: #2d2d2d; position: relative; clear: both;}
.nav, .nav ul {list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 300px;
padding:0;
z-index: 100;
background: none;
border: none;
position: relative;}
.nav li {
float:left;
margin:0;
padding:0;
position:relative;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {display: block; padding: 3px 24px 8px; color: #2d2d2d; font-size: 11px; letter-spacing: 0.1em; z-index: 100;}
#nav-one li:hover a, #nav-one li.sfHover a, #nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {background: url(img/navbg_ov.png) no-repeat 50% 0; color: #000; text-decoration: none;}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {background: none;}
.nav ul {position: absolute; top: -999em; margin: 0; background: #eee; border-bottom: 1px solid #f7f7f6; width: auto; list-style: none;}
#nav-one li ul {display: none;}
.nav li:hover ul, .nav li.sfHover ul {top: 29px; z-index: 1;}
.nav ul li {border: none; float: none; text-align: left; width: auto;}
.nav ul a {padding-right: 20px;display: block;white-space: nowrap;}
#content {background: url(img/body_bg.png) repeat-y; padding: 0 10px;}
#content h2, a.plate .head3{color: #3f251b; letter-spacing: 0.05em;}
#content p, a.plate .ppp, #wp-calendar, #ec3_popup, #primary table.ec3_schedule, input, #primary.list table td a, #primary.list table td a:visited, .impr p {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #4f4f4f; line-height: 1.5;}
#content p#breadcrumbs {text-align: left; margin: 0; width: 890px; padding: 0 0 0 70px; line-height: 25px; background: #fbfbfa; font-size: 10px; }
#primary {width: 660px; text-align: left; padding-right: 60px; background: #efefed url(img/cont_bg.png) repeat-x;}
#primary .post {clear: both; padding: 15px 0 20px;}
#content p#breadcrumbs a, #content p#breadcrumbs a:link, #content p#breadcrumbs a:link, #content p#breadcrumbs a:active, #content p#breadcrumbs a:visited { color: #2d0c00; text-decoration: none; }
#primary p a, #primary p a:link, #primary p a:link, #primary p a:visited {color: #3f251b; text-decoration: none; border-bottom: 1px solid #838383;}
#primary p a:hover, #content p#breadcrumbs a:hover, .impr p a, .impr p a:link, .impr p a:visited, .impr p a:hover { color: #670E18; text-decoration: none; border-bottom: 1px solid #968375; }
img.bigpic, img.bigpiccat, ul.bigpic {float: left; margin-bottom: 0; width: 290px; height: auto;}
ul.bigpic {list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; width:290px;}
ul.bigpic img.bigpic {float: none; width: 290px;}
img.bigpiccat {width: 120px; margin: 0 0 40px 170px; padding-top: 8px;}
#primary h1, #primary h2, #primary h3, #primary p, #primary .gallery, #primary ul, #primary ol {margin-left: 310px;}
#primary .entry-content ul#fadepool, #primary .entry-content ol#fadepool {margin-left: 0;}
#primary.list h2, #primary.list h3, #primary.list p, #primary.list table, #primary.list form {margin-left: 70px; width: 590px;}
#primary .imgblock {clear: both; position: relative; visibility: visible; overflow: hidden;}
#primary .imgblock p a { float: left; text-align: right; width: 220px; margin: -24px auto 72px -240px;}
#primary .imgblock p a img {max-width: 220px; height: auto;}
#primary div.mceTemp, #primary div.wp-caption {float: left; text-align: right; width: 290px; margin-bottom: 46px;}
#primary div.mceTemp img, #primary div.wp-caption img {width: 220px; height: auto;}
#primary div.mceTemp p.wp-caption-text, #primary div.wp-caption p.wp-caption-text {display: none;}
#primary h3.clear {margin-top: 46px;}
#primary.list h2 {padding: 5px 0 26px;}
#primary.list table tr td {padding: 0;  border-top: 1px solid #fff; border-bottom: solid 1px #ddd;}
#primary.list table tr td a {display: block; width: 100%; height: 50px; padding: 5px;}
#primary.list table th.reverseSort a, #primary.list table th.forwardSort a {text-decoration: underline;}
#primary.list table th span {display: block; float: right; width: auto;}
#primary.list table tr td a:hover, #primary.list table tr td a:focus, #primary.list tr:hover td a, #primary.list tr:hover.lined td a {text-decoration: none; color: #000;}
#primary.list table tr td a:hover, #primary.list table tr td a:focus, #primary.list tr:hover td a, #primary.list table tr.hovered a {color: #670e18;}
#primary.list table tr {background: #f4f4f3;}
#primary.list table tr:hover, #primary.list table tr.hovered { background-color: #fff; cursor: pointer;}
#primary.list tr img {width: 50px; height: 50px;}
#primary.list tr:hover img, #primary.list tr:hover.lined img {border: solid 1px #ccd6b5; width: 48px; height: 48px;}
#primary h2 {padding: 5px 0 13px;}
#primary .entry-content h3 {padding: 5px 0 16px;}
#primary table.ec3_schedule {width: 120px; height: 54px; margin: 0.5ex 20px 0.5ex 20px; line-height: 26px; color: #3F251B; border: none; background: #eee;}
#primary table.ec3_schedule td {text-align: left; padding: 0 1ex;}
#primary, #secondary {float: left; border-bottom: 1px solid #cecdcc; min-height: 475px; height: auto !important; height: 475px;}
#primary .gallery {clear: both; width: 360px;}
#primary .gallery-icon img {width: 100px; height: auto; border: none; margin: 0 20px 10px 0;}
#primary .gallery-item {width: 120px;text-align: left;}
#primary .gallery-caption {display: none;}
#primary p.prevnext {float: left; width: 230px; margin: 0 0 0 60px; padding: 0; font-size: 10px;}
/*sidebar*/
.widgets {width: 220px; padding: 3px 10px;}
#search {text-align: left;}
#search input.search {width: 120px; margin: 0;}
#search button.search-btn {border: none; height: 26px; margin: 0 0 0 10px; border-bottom: 1px solid #5b554b; border-right: 1px solid #5b554b; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #a4b68f;}
#search button:hover.search-btn {background: #9aa285; border-color: #9aa285; color:#fff;}
#event-calendar h3, #primary.list table th {text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em; font-weight: normal;}
#event-calendar a, #event-calendar a:link, #event-calendar h3 {color: #3F251B;}
#event-calendar h3.widgets-title, h3.widgets-title {font-weight: bold;}
#event-calendar img#calpic {width: 220px; height: auto; display: block;}
#wp-calendar table {color: #3f251b; font-size: 11px;}
#wp-calendar table.nav, #wp-calendar thead th {background: none; height: auto; margin: 0; border: none;}
#wp-calendar td#prev, #wp-calendar td#next {width: 10%;}
#wp-calendar caption {text-align: center;}
.ec3_eventday a {font-weight: bold; text-decoration: underline;}
#ec3_popup table {width: 220px; background: #eee; border: none; color: #aa0000;}
#ec3_shadow0, #ec3_shadow1, #ec3_shadow2 {display: none;}
.meta-filter-box input[type=submit] {display: block; margin: 18px 0; clear: both; float: right; margin-right: 20px;}
.meta-filter-box input[type=text] {width: 100px; margin: 18px 0;}
#secondary .select-meta-filters {float: none; width: auto;}
#secondary .meta-filter-box fieldset {padding: 0;}
#secondary table {width: 220px;}
#wp-calendar table.meta-filters td:hover {border: none; padding:1px;}
#wp-calendar a.filter-remove {display: block;}
#wp-calendar a:hover.filter-remove {color: red;}
/**/
#plates {clear: both; background: #e6e5e3 url(img/plates_bg.png) 0 100% no-repeat; padding: 0 30px; border-top: 1px solid #fff;}
#plates a.plate {float: left; display: block; background: url(img/plate_bg.png); width: 220px; height: 160px; margin: 23px 30px 20px; padding: 10px; text-align: left; position: relative;}
a.plate .head3 {display: block; text-transform: uppercase; font-size: 11px; line-height: 11px; padding: 12px 10px 16px; letter-spacing: 0.1em;}
.bottom h2 {text-align: left; padding: 24px 0 0 40px;}
.bottom a.plate .head3 {padding: 12px 10px 37px;}
a.plate img {clear: both; float: left; margin-right: 20px;}
#content .plate .ppp {font-size: 10px; line-height: 16px; padding: 0 15px 0 120px; display: block;}
#content a:hover.plate, #content a:focus.plate {text-decoration: none;}
#content a:hover.plate .head3, #content a:focus.plate .head3, #primary.list table th a {color: #670e18;}
#content a:hover.plate .ppp, #content a:focus.plate .ppp {color: #000;}
#content a.plate img, #content a:visited.plate img, #content a:link.plate img {width: 100px; height: 100px;}
#content a:hover.plate img, #content a:focus.plate img {border: solid 1px #ccd6b5; width: 98px; height: 98px;}
#content .homebottom a:hover.plate img, #content .homebottom a:focus.plate img, #content .homebottom a:link.plate img, #content .homebottom a.plate img {height: auto; bottom: 10px; display: block; position: absolute;}
#footer {clear: both; background: url(img/footer_bg.png); height: 60px;}
#footer .nav {background: none; height: auto; border: none; text-align: left;}
#footer .nav a:hover {color: #000; background: none;}
#footer .nav ul {float: left; margin: 3px 20px 0;}
.impr p {color: #c7c4c1; font-size: 10px;}
.impr p a, .impr p a:link, .impr p a:visited {color: #eee;}
.clear {clear: both;}