/* ---------------------------------------- Theme Name: grit-doerre Theme URI: Description: grit-doerre theme Version: 1.0 Author: Robert Rusanu Author URI: Last Modified: 2010.01.28 Provides: Theme definition file for WordPress ---------------------------------------- */ body {font: normal 12px/1.6 arial, sans-serif;color:#999;margin:0;padding:0} body #k-main {color:#81816A} div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,pre,td,th,table{margin:0;padding:0} #wrapper,#sidebar_a, #footer {font-size:1em} /* 1em = 12px */ ul, ol, li {list-style:none} p,li,dd,dt,em,strong,cite,blockquote,a,td,th {font-size:1em;font-weight:normal;font-style:normal;} th, strong, b {font-weight:bold} em, i {font-style:italic} code {color:#aaa;font-size:1.2em;} blockquote {padding:10px;margin:10px 10px 10px 0;display:block;border-left:1px dotted #ccc;background:#eee} h1, h2, h3, h4, h5, h6 {margin:5px 0;font-weight:normal;color:#70855F;color:#4376A2;color:#ccc;font-size:1.4em} h1, h2, h3 {margin:0} #wrapper h1, #wrapper h2, #wrapper h3 {margin-bottom:10px} h3, h4, h5, h6 {font-size:1.2em} img {border:none} a:focus, a:active {outline:0} a {color:#b1b19d;text-decoration:none} a:hover,.current_page_item a {color:#c7d6dd;text-decoration:none} .arch-gal a, .arch-text a, .special a {color:#666} .arch-gal a:hover, .arch-text a:hover, .special a:hover {color:#000} hr {display:none} .left, .alignleft {float:left} .right, .alignright {float:right} .weiss {color:#fff} p {margin: 4px auto} .arch-text p {margin-bottom:15px;color:#000} .clearfix:after, .cf-ol li:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix, .cf-ol li {display: inline-block;} html[xmlns] .clearfix, html[xmlns] .cf-ol li {display: block;} * html .clearfix, * html .cf-ol li {height: 1%;} #wrapper {margin:50px 0 0 0;position:relative} #main {background:#d2d2cd;padding-left:15px} #footer, #inner-footer {padding:0 15px 10px 15px;font-size:11px} .homepage #footer {padding-top:85px} /* centered architecture pages */ #container {width:980px;height:700px;margin:0 auto;position:relative} #container #wrapper {right:0} .blog #container #wrapper {width:500px;margin-left:0} #container h1 {left:0} #container #inner-footer {left:0} .arch-gal #inner-footer,.arch-text #inner-footer {position:absolute;margin:0;padding:0;bottom:30px;left:50px;width:930px} #meta {position:absolute;left:0;bottom:0;padding:10px} #meta li {float:left;margin-right:10px;font-size:10px} #meta a {color:#bbb;visibility:hidden} #meta:hover a {visibility:visible} #inner-footer li {float:left;padding:0 7px;border-left:1px solid #777;line-height:1.1} #inner-footer li:first-child {padding-left:0;border:none} #header h1 {font-size:1em} .arch-gal h1, .arch-text h1 {position:absolute;left:50px;bottom:45px;width:930px} #header h1 a,.arch-gal h1 a, .arch-text h1 a,.special h1 a{float:left;width:220px;height:12px;overflow:hidden;position:relative} #header h1 span,.arch-gal h1 a span, .arch-text h1 a span,.special h1 a span {background:url(design/images/logo.png) no-repeat; width:220px;height:12px;position:absolute;left:0;top:0;} .homepage #header {padding: 30px 0 30px 15px} .homepage #header h1 a, .special h1 a {width:303px;height:20px;} .homepage #header h1 span, .special h1 a span {width:303px;height:20px;left:-5px;background-image:url(design/images/logo2.png)} .kinder #k-main,.uebermich #k-main {background:#d2d2cd;height:454px; padding:0 0 0 750px} .k-page #header {padding: 15px 0 10px 15px;position:absolute;left:0;top:543px} .k-page #header h1 {margin:0} .k-gallery #k-main {background:#d2d2cd;height:454px; padding:0 0 0 700px;position:relative} .uebermich #k-main .k-item img.size-full,.kinder #k-main .k-item img.size-full {position:absolute;left:15px;top:0;width:680px;height:454px} .kinder #k-main div.k-item{padding:50px 45px 10px 0} .k-gallery #k-main div.k-item{padding:50px 0 10px 50px} .uebermich #k-main div.k-item{padding:71px 45px 10px 0} .k-gallery #k-main div.k-item .pic {position:absolute;left:15px;top:0;width:680px;height:454px;overflow:hidden;} .k-gallery #k-main div.k-item .pic img {width:680px;height:454px} .k-gallery-list {margin-left:0;width:330px} .k-gallery-list li {float:left;margin:0 10px 10px 0;line-height:1;width:45px;height:45px;} .k-gallery-list li a {float:left;width:42px;height:42px;border:1px solid #aaa;padding:2px;background:#fff;position:relative} .k-gallery-list li a span {position:absolute;top:0;left:0;width:44px;height:44px;background:url(design/images/blur.png);cursor:pointer} .k-gallery-list li a:hover {border-color:#000} .k-gallery-list li a img {display:block;width:42px;height:42px} .k-gallery-list li.prev a, .k-gallery-list li.next a {overflow:hidden;text-indent:-9999px;background:transparent url(design/images/prev-g.gif) no-repeat;border:none} .k-gallery-list li.next a {background-image:url(design/images/next-g.gif)} #k-description {position:absolute;left:750px;bottom:30px;line-height:1.3;padding-right:10px} #k-description h2 {display:none} /* zoo... add extra id's following the example */ .k-gallery-list li#t282 a, .k-gallery-list li#t283 a, .k-gallery-list li#t284 a, .k-gallery-list li#t285 a, .k-gallery-list li#t286 a, .k-gallery-list li#t287 a, .k-gallery-list li#t288 a, .k-gallery-list li#t289 a, .k-gallery-list li#t290 a, .k-gallery-list li#t291 a, .k-gallery-list li#t292 a, .k-gallery-list li#t293 a, .k-gallery-list li#t144 a, .k-gallery-list li#t145 a, .k-gallery-list li#t142 a, .k-gallery-list li#t143 a, .k-gallery-list li#t146 a, .k-gallery-list li#t147 a, .k-gallery-list li#t148 a, .k-gallery-list li#t149 a, .k-gallery-list li#t150 a, .k-gallery-list li#t151 a, .k-gallery-list li#t152 a, .k-gallery-list li#t153 a, .k-gallery-list li#t154 a, .k-gallery-list li#t155 a, .k-gallery-list li#t156 a, .k-gallery-list li#t157 a, .k-gallery-list li#t158 a, .k-gallery-list li#t159 a, .k-gallery-list li#t160 a, .k-gallery-list li#t161 a, .k-gallery-list li#t162 a, .k-gallery-list li#t163 a , .k-gallery-list li#t164 a , .k-gallery-list li#t165 a , .k-gallery-list li#t166 a , .k-gallery-list li#t167 a , .k-gallery-list li#t168 a , .k-gallery-list li#t169 a , .k-gallery-list li#t170 a , .k-gallery-list li#t171 a, .k-gallery-list li#t172 a, .k-gallery-list li#t173 a, .k-gallery-list li#t174 a, .k-gallery-list li#t175 a, .k-gallery-list li#t176 a, .k-gallery-list li#t177 a, .k-gallery-list li#t321 a, .k-gallery-list li#t326 a, .k-gallery-list li#t322 a, .k-gallery-list li#t320 a, .k-gallery-list li#t328 a, .k-gallery-list li#t332 a, .k-gallery-list li#t331 a, .k-gallery-list li#t333 a, .k-gallery-list li#t329 a, .k-gallery-list li#t330 a, .k-gallery-list li#t323 a, .k-gallery-list li#t324 a, .k-gallery-list li#t325 a, .k-gallery-list li#t327 a, .k-gallery-list li#t178 a{display:none} /* end zoo... */ /* static pages */ .special #container {padding-top:150px} .special #wrapper {margin:22px auto 0 auto;width:980px;padding-top:40px} /*.special #content {text-align:left;width:680px;padding: 0 0 0 300px}*/ .special #content {text-align:left;width:500px;padding: 0 0 0 0;margin-left:0} .special #inner-footer {padding: 50px 0 0 0;position:static} /* arhitektur galerie */ .arch-gal #wrapper,.arch-text #wrapper{padding:0;position:absolute;bottom:80px;right:50px;margin:0;width:979px;} .arch-gal #main,.arch-text #main{background:#fff;padding:0;height:600px} .arch-text #main {position:relative} .arch-text #content{position:absolute;right:0;bottom:60px;text-align:right;width:980px} .arch-gal .img-desc {position:absolute;left:0;bottom:-80px;width:400px;max-height:80px;overflow:hidden} .arch-gal .img-desc h2 {color:#000;font-size:1em} .arch-gal .img-desc p {font-size:.9em} .arch-gal .ngg-prev,.arch-gal .ngg-next {position:absolute;right:340px;bottom:0} .arch-gal .ngg-prev,.arch-gal .ngg-next {right:20px;bottom:64px} .arch-gal .ngg-next {right:-7px} .arch-gal .ngg-prev a,.arch-gal .ngg-next a {width:20px;height:20px;display:block;text-indent:-9999px;overflow:hidden;background:#fff url(design/images/previous.gif) 50% 50% no-repeat} .arch-gal .ngg-next a {background-image:url(design/images/next.gif)} .arch-gal .inactive {height:10px;width:10px;background:url(design/images/nomore.gif) 50% 50% no-repeat} .arch-gal .small-prev,.arch-gal .small-next {position:absolute;right:20px;bottom:60px} .arch-gal .small-next {right:0} .arch-gal .small-prev a,.arch-gal .small-next a {width:10px;height:10px;display:block;text-indent:-9999px;overflow:hidden;background:url(design/images/previous.gif) no-repeat} .arch-gal .small-next a {background-image:url(design/images/next.gif)} .arch-gal .inactive {height:10px;width:10px;background:url(design/images/nomore.gif) 50% 50% no-repeat} .k-page #navi {margin:100px 0 0 750px} .k-page #navi li {float:left;margin: 0 35px 0 0;text-transform:uppercase} .arch-gal #navi,.arch-text #navi {position:absolute;bottom:-40px;right:-18px;width:300px;margin:0 !important;} .arch-gal #navi a,.arch-text #navi a {background-image:url(design/images/arch-navi.gif); background-repeat:no-repeat;text-transform:uppercase;width:100px;height:0;padding-top:22px;overflow:hidden;} .arch-gal #navi li.page-item-101 a,.arch-text #navi li.page-item-101 a {background-position:0 0} .arch-gal #navi li.page-item-101 a:hover,.arch-text #navi li.page-item-101 a:hover, .arch-gal #navi li.current_page_item.page-item-101 a,.arch-text #navi li.current_page_item.page-item-101 a {background-position:0 -22px} .arch-gal #navi li.page-item-19 a,.arch-text #navi li.page-item-19 a {background-position:-100px 0} .arch-gal #navi li.page-item-19 a:hover,.arch-text #navi li.page-item-19 a:hover, .arch-gal #navi li.current_page_item.page-item-19 a,.arch-text #navi li.current_page_item.page-item-19 a {background-position:-100px -22px} .arch-gal #navi li.page-item-103 a,.arch-text #navi li.page-item-103 a {background-position:-200px 0} .arch-gal #navi li.page-item-103 a:hover,.arch-text #navi li.page-item-103 a:hover, .arch-gal #navi li.current_page_item.page-item-103 a,.arch-text #navi li.current_page_item.page-item-103 a {background-position:-200px -22px} .arch-gal #navi li,.arch-text #navi li {margin:0 !important;float:left} .arch-gal #navi li a,.arch-text #navi li a{width:100px;text-align:center;float:left} .arch-gal #navi li ul,.arch-text #navi li ul {float:left} .small-pics {position:absolute;bottom:85px;right:0;width:1165px;text-align:right} #container .small-pics {width:979px;} .arch-gal .pic {position:relative;} .arch-gal .pic-detail {float:right;position:relative} .arch-gal .counter {position:absolute;bottom:64px;right:0;margin:0;width:300px;text-align:right;font-size:.9em} .arch-gal .pic-detail img {height:500px} .arch-gal .pic-descr {height:82px;max-width:600px;padding-top:5px;color:#aaa} .arch-gal .pic-descr h2 {font-size:1em;color:#aaa;line-height:1.2;} .arch-gal .pic-descr p {line-height:1.2;font-size:.9em;color:#aaa} .arch-gal .small-pics li {display:inline;float:left;margin-left:2px;width:107px;height:90px;overflow:hidden} .arch-gal .small-pics li:first-child {margin-left:0} #categories {height:196px;border-left:2px solid #fff} #categories li {float:left;} #categories li a {float:left;height:196px;text-indent:-9999px;background-repeat:no-repeat;background-position:0 0;background-color:#fff;border-right:2px solid #fff} #categories li.page-item-101 a {background-image:url(design/images/home-Architektur.jpg);width:257px;} #categories li.page-item-21 a {background-image:url(design/images/home-Greta.jpg);width:247px} #categories li.page-item-23 a {background-image:url(design/images/home-KUNDENGALERIE.jpg);width:178px;} #categories li.page-item-25 a {background-image:url(design/images/wedding.jpg);width:262px;} #shDisplay div#shTitle #shName {text-align:left;font: normal 11px/1.6 arial, sans-serif;margin: 0 30px} /*div#shShutter {background:transparent !important;display:none !important}*/ div#shShutter {background:#D7D7C9 !important;opacity:1 !important;-moz-opacity:1 !important;left:15px !important;top:50px !important;width:680px !important;height:454px !important;} div#shDisplay {width:680px !important;left:15px !important;top:50px !important} div#shDisplay img#shTopImg {border:none !important;padding:0 !important} .k-gallery div#shDisplay img#shTopImg {width:680px} #shName {position:absolute;bottom:10px;left:680px !important;width:400px;margin: 0 15px} #shPrev,#shNext,#shCount,.page-numbers,.ngg-navigation span {display:none !important} #shDisplay div#shTitle {color:#81816A !important;line-height:1.4;font-size:12px} /* comments */ ol.threaded>li{padding: 10px 10px 0 10px;margin-bottom:10px;border:1px solid #dedede} ol.threaded>li.thread-odd {background:#f3f3f3} #comments textarea {width:494px;padding:2px} #comments label {display:block;cursor:pointer} #comments #respond label {display:inline} .vcard {min-height:60px;border-bottom:1px solid #d2d2d2} .vcard img {float:left;max-width:58px;border:1px solid #ccc;padding:2px;} .vcard h4, .vcard p {margin-left:60px} ul.children {margin-left:20px} /* cforms */ #cformsform {width:500px} fieldset {border:none} input, select, textarea {border:1px solid #9a9a9a} .cf-ol li {padding:4px 0} .cf-ol li label {float:left;width:150px} .emailreqtxt, .reqtxt {display:block;font-size:.9em;margin-left:155px} #sendbutton {margin-left:155px} p.linklove {position:absolute;left:-9999px} .failure,.cf_li_err label {color:#c33} .cf_li_err input, .cf_li_err textarea, .cf_li_err select {border-color:#c33}