/*
Theme Name: fotostudio-ludwig.de
Theme URI: http://olaf-bosch.de/
Description: Entwickelt fuer fotostudio-ludwig.de
Version: 1.0
Author: Olaf Bosch
Author URI: http://olaf-bosch.de/
Plugins vorgesehen:
NextGEN Gallery, Pagebar2, WP-SEO
Bilder werden automatisch in Colorbox geöffnet
*/
ul,ol,li,h1,h2,h3,h4,h5,h6,div,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
a{
color:#6f6f6f;
}
a:hover{
text-decoration:underline;
}
a img{
border:0 solid #000000;
}
.clear{
clear:both;
}
body{
background:#ffffff;
color:#6f6f6f;
font:11px Arial,Helvetica,sans-serif;
text-align:center;
}
#drum{
margin:0 auto;
text-align:left;
width:960px;
}
#content{
margin:60px 0 40px 240px;
min-height:340px;
position:relative;
width:640px;
}
/* HEADER */
#header{
background:url(images/header.gif) no-repeat 0 2px;
clear:both;
float:left;
height:29px;
overflow:hidden;
width:226px;
}
#header h1{
color:#ffffff;
font:normal 1.2em Arial,Helvetica,sans-serif;
padding:25px 0 0 0;
text-align:center;
text-transform:uppercase;
}
#footer{
background:url(images/menu.gif) repeat-x 0 5px;
clear:left;
height:7em;
min-width:960px;
width:100%;
position: relative;
}
#footer #galerie{
background:url(images/galerie.gif) 0 0;
position: absolute;
right: 260px;
top: -17px;
width: 155px;
height: 17px;
}
#footer p{
clear:right;
display:inline;
float:right;
font: 11px/1.6em Arial,Helvetica,sans-serif;
padding:0 18px 0 10px;
background: #ffffff url(images/favicon.gif) no-repeat 100% 5px;
}
#footer a{
color:#6f6f6f;
text-decoration:none;
}
/* MENU */
#menu{
background:url(images/menu.gif) repeat-x 0 0;
height:2em;
margin-top:48px;
min-width:960px;
width:100%;
}
#menu #iconhold{
background: url(images/favicon.gif) no-repeat 0 0;
width:8px;
height:8px;
float:left;
}
#menu ul{
padding:7px 0 0 0;
position:relative;
top:-11px;
}
#menu ul ul{
position:absolute;
top:1.9em;
}
#menu li{
float:left;
}
#menu li.page_item a{
background:#ffffff url(images/menu.gif) no-repeat -29px 5px;
}
#menu a{
background:#ffffff;
color:#6f6f6f;
float:left;
font:11px Arial,Helvetica,sans-serif;
padding:2px 10px;
text-decoration:none;
text-transform:uppercase;
}
#menu li.current_page_item a{
color: #a61019;
}
#menu li.current_page_item li a{
color:#6f6f6f;
}
#menu li.hide-1,
#menu li.hide-1 li.hide-2,
#menu li.current_page_ancestor li.current_page_item li.hide-3,
#menu li.current_page_ancestor li.hide-3{
display:none;
}
#menu li.current_page_item li.hide-1,
#menu li.current_page_ancestor li.hide-1,
#menu li.current_page_ancestor li.current_page_ancestor li.hide-2,
#menu li.current_page_ancestor li.current_page_ancestor li.current_page_item li.hide-3,
#menu li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.hide-3{
display:block;
}
.post{
margin:0 0 10px 0;
width:100%;
}
.post h2{
color: #6f6e73;
font:bold 14px Arial,Helvetica,sans-serif;
padding-top:22px;
}
.post h2 a{
}
.entry{
font-size:12px;
overflow:hidden;
padding:10px 0 10px 0;
}
.entry p{
padding:0 140px 15px 0;
line-height:1.45em;
}
.entry p a{
font-weight:bold;
text-decoration:underline;
}
.entry p a:hover{
text-decoration:none;
}
.postmetadata{
margin-bottom:15px;
padding:10px;
text-align:right;
}
.postmetadata p{
font-size:13px;
margin:0 0 0 5px;
}
.postmetadata p a,.postmetadata p span{
color:#b7141a;
text-transform:capitalize;
}
.post-page{
width:100%;
}
h2.page-title{
font:bold 24px Arial,Helvetica,sans-serif;
padding:0 0 15px 0;
}
.post-page .entry a{
color:#b03936;
font-weight:bold;
text-decoration:underline;
}
.post-page .entry a:hover{
text-decoration:none;
}
.post-page .entry strong,.post-page .entry h1,.post-page .entry h2,.post-page .entry h3,.post-page .entry h4,.post-page .entry h5,.post-page .entry h6{
display:block;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
}
.post-page .entry h1{
font-size:26px;
padding:0 0 14px 0;
}
.post-page .entry h2{
font-size:24px;
padding:0 0 14px 0;
}
.post-page .entry h3{
font-size:22px;
padding:0 0 12px 0;
}
.post-page .entry h4{
font-size:20px;
padding:0 0 10px 0;
}
.post-page .entry h5{
font-size:18px;
padding:0 0 8px 0;
}
.post-page .entry h6{
font-size:16px;
padding:0 0 6px 0;
}
/* Begin Images */
p img{
max-width:100%;
}
img.centered{
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright{
display:inline;
margin:0 0 2px 7px;
}
img.alignleft{
display:inline;
margin:0 7px 2px 0;
}
.alignright{
float:right;
}
.alignleft{
float:left;
}
p.alignright,p.alignleft{
font-size:1.2em;
margin:0 0 25px 0;
}
/* End Images */
/* Begin Various Tags & Classes */
acronym,abbr,span.caps{
cursor:help;
}
acronym,abbr{
border-bottom:1px dashed #999999;
}
blockquote{
margin:15px 30px 10px 10px;
padding-bottom:7px;
padding-left:24px;
}
blockquote cite{
display:block;
margin:5px 0 0;
}
.center{
text-align:center;
}
hr{
display:none;
}
.navigation{
background:#d6c5a9;
border:1px solid #c5b499;
color:#ffffff;
font-size:13px;
font-weight:bold;
margin:10px 0 0 0;
overflow:hidden;
padding:10px;
text-align:center;
}
.navigation a{
color:#ffffff;
font-size:13px;
}
/* End Various Tags & Classes*/
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
.entry ul{
list-style:none;
margin:0 5px 25px 0;
padding:15px 15px 20px 20px;
}
.entry ul li{
padding:7px 0 7px 15px;
}
.entry ol{
margin:0 10px 15px 30px;
padding:15px 15px 15px 40px;
}
.entry ol li{
padding:7px 0 7px 0;
}
.postmetadata ul,.postmetadata li{
display:inline;
list-style-image:none;
list-style-type:none;
}
ol li{
list-style:decimal outside;
}
/* End Entry Lists */
#commentform{
font-size:12px;
margin:0 0 30px 0;
width:90%;
}
#commentform input{
background:#eadcc2;
border:1px solid #c2af97;
color:#000000;
font:12px Verdana,Arial,Helvetica,sans-serif;
margin:5px 5px 1px 0;
padding:4px;
width:170px;
}
#commentform textarea{
background:#eadcc2;
border:1px solid #c2af97;
color:#000000;
font:12px Verdana,Arial,Helvetica,sans-serif;
margin:5px 0 0 0;
padding:4px;
width:350px;
}
#commentform #submit{
background:none;
border:0;
height:25px;
margin:0;
padding:0;
width:86px;
}
/* End Form Elements */
/* Begin Comments*/
h2#comments{
clear:both;
font:normal 1.8em Arial,Helvetica,sans-serif;
margin:0 0 10px 0;
}
.alt{
padding:10px;
}
.commentlist{
text-align:justify;
}
.commentlist .comment{
list-style:none;
margin:15px 0 0 0;
padding:10px 15px 20px 15px;
}
.commentlist .alt{
}
.commentlist .comment .comment{
margin:15px 0 15px 15px;
padding:10px 15px 20px 15px;
width:auto;
}
.commentlist p{
line-height:18px;
margin:10px 5px 10px 0;
}
.commentmet-data{
overflow:hidden;
width:100%;
}
.commentmet-data td{
text-align:left;
vertical-align:top;
}
.commentmet-avatar{
padding:15px 0 0 0;
width:102px;
}
#commentform p{
margin:5px 0;
}
.commentmet-replay{
overflow:hidden;
width:100%;
}
.commentmet-replay a{
display:block;
float:right;
text-transform:capitalize;
width:86px;
}
.nocomments{
text-align:center;
}
.commentmetadata{
display:block;
font-size:17px;
font-weight:bold;
padding:0 0 5px 0;
}
.commentmetadata a{
color:#9e0b0e;
}
.commentmet-text{
font-size:12px;
}
#respond{
margin:40px 0 0 0;
}
h3#respond-title{
font:normal 1.8em Arial,Helvetica,sans-serif;
margin:0 0 20px 0;
}
#commentform small{
font-size:12px;
position:relative;
top:-1px;
}
#cancel-comment-reply-link{
color:#000000;
font-size:12px;
}
/* End Comments */
#prevBtn,#nextBtn{
left:-2000em;
top:-2000em;
}
#home #prevBtn,#home #nextBtn{
display:block;
height:60px;
left:-31px;
position:absolute;
top:394px;
width:23px;
}
#home #nextBtn{
left:648px;
}
#home #prevBtn a,#home #nextBtn a{
background:url(images/btn_prev.gif) 0 0;
display:block;
height:60px;
width:23px;
}
#home #prevBtn a:hover{
background:url(images/btn_prev.gif) 0 58px;
}
#home #nextBtn a{
background:url(images/btn_next.gif) 0 0;
}
#home #nextBtn a:hover{
background:url(images/btn_next.gif) 0 59px;
}
/* CForms */
.entry .cform ol,.cform li{
list-style:none;
margin:0;
padding:0;
}
.cform{
padding-bottom:20px;
}
iframe{
margin-top:20px;
}
.cform li{
clear:both;
}
.cform label{
float:right;
width:330px;
text-align:left;
}
.cform label.cf-before{
float:none;
padding-left:10px;
}
.cform #li--1 input,.cform #li--2 input,
.cform #li--3 input,.cform textarea{
border: 1px solid #898a8a;
background: #e2e3e4;
width:300px;
float:left;
}
.chrome .cform textarea{
width:296px;
}
.failure{
color:#b7141a;
font-weight:bold;
}
.success,.waiting{
color: #339900;
font-weight:bold;
}
.cform #li--1 input.cf_error,.cform #li--2 input.cf_error,
.cform #li--3 input.cf_error,.cform textarea.cf_error{
border:1px solid #b7141a;
}
.cform input.cf-box-b{
float:left;
}
.cform .cf_hidden,.linklove{
position:absolute;
left:-10000em;
top:-10000em;
}
/* CForms END */
/*
CSS Name: Shadow Effect
Description: NextGEN Default Style with a Shadow effect
Author: Alex Rabe
Version: 1.50
This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design
*/
/* ----------- Album Styles Extend -------------*/
.ngg-albumoverview{
clear:both;
display:block !important;
margin-top:10px;
width:100%;
}
.ngg-album{
border:1px solid #cccccc;
margin-bottom:5px;
overflow:hidden;
/*height: 130px;*/
padding:5px;
}
.ngg-albumtitle{
font-size:1.4em;
font-weight:bold;
margin-bottom:10px;
text-align:left;
}
.ngg-thumbnail{
float:left;
margin-right:12px;
}
.ngg-thumbnail img{
background:#ffffff;
border:1px solid #a9a9a9;
margin:4px 0 4px 5px;
padding:4px;
position:relative;
}
.ngg-thumbnail img:hover{
background:#a9a9a9;
}
.ngg-description{
text-align:left;
}
/* ----------- Album Styles Compact -------------*/
.ngg-album-compact{
float:left;
height:180px;
margin:0 !important;
padding-right:6px !important;
text-align:left;
width:120px;
}
.ngg-album-compactbox{
background:transparent url(../../plugins/nextgen-gallery/css/albumset.gif) no-repeat scroll 0%;
height:86px;
margin:0 0 6px !important;
padding:12px 0 0 7px !important;
width:120px;
}
.ngg-album-compactbox .Thumb{
border:1px solid #000000;
height:68px;
margin:0 !important;
padding:0 !important;
width:91px;
}
.ngg-album-compact h4{
font-size:15px;
font-weight:bold;
margin-bottom:0;
margin-top:0;
width:110px;
}
.ngg-album-compact p{
font-size:11px;
margin-top:2px;
}
/* ----------- Gallery style -------------*/
.ngg-galleryoverview{
clear:both;
display:block !important;
width:207px;
position:absolute;
left:-207px;
top:70px;
}
.jsison .ngg-gallery-thumbnail-box img{
display:none;
}
#home .gallery{
visibility:hidden;
}
#main_image{
display:none;
padding-top:3px;
margin:0 0 0 0;
}
.jsison #main_image{
height:427px;
}
.entry .ngg-galleryoverview ul{
margin:0;
padding:0;
}
.entry .ngg-gallery-thumbnail-box{
float:left;
padding:0 13px 8px 0;
}
.ngg-gallery-thumbnail-box strong{
clear:left;
}
.ngg-gallery-thumbnail{
background:url(../../plugins/nextgen-gallery/css/shadowAlpha.png) no-repeat bottom right !important;
float:left;
margin:10px 10px 0 7px !important;
}
.ngg-gallery-thumbnail img{
background:#ffffff;
border:1px solid #a9a9a9;
display:block;
margin:-6px 6px 6px -6px;
padding:4px;
position:relative;
}
.ngg-gallery-thumbnail img:hover{
background:#a9a9a9;
}
.ngg-gallery-thumbnail span{
display:none;
}
.ngg-clear{
clear:both;
}
/* ----------- Gallery navigation -------------*/
.ngg-navigation{
clear:both !important;
display:block !important;
font-size:0.9em !important;
padding-top:15px;
text-align:center;
}
.ngg-navigation span{
font-weight:bold;
margin:0 6px;
}
.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev{
border:1px solid #dddddd;
margin-right:3px;
padding:3px 7px;
}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover{
background:#b40e12;
color:#ffffff !important;
text-decoration:none !important;
}
/* ----------- Image browser style -------------*/
.ngg-imagebrowser h3{
text-align:center;
}
.ngg-imagebrowser img{
border:1px solid #a9a9a9;
display:block !important;
margin-bottom:10px;
margin-top:10px;
padding:5px;
width:100%;
}
.ngg-imagebrowser-nav{
margin-left:10px;
padding:5px;
}
.ngg-imagebrowser-nav .back{
border:1px solid #dddddd;
float:left;
margin-right:3px;
padding:3px 7px;
}
.ngg-imagebrowser-nav .next{
border:1px solid #dddddd;
float:right;
margin-right:3px;
padding:3px 7px;
}
.ngg-imagebrowser-nav .counter{
font-size:0.9em !important;
text-align:center;
}
.exif-data{
margin-left:auto !important;
margin-right:auto !important;
}
/* ----------- Slideshow -------------*/
.slideshow{
margin-left:auto;
margin-right:auto;
outline:none;
text-align:center;
}
/* ----------- Single picture -------------*/
.ngg-singlepic{
background:#ffffff;
display:block;
padding:4px;
}
.ngg-left{
float:left;
margin-right:10px;
}
.ngg-right{
float:right;
margin-left:10px;
}
.ngg-center{
margin-left:auto !important;
margin-right:auto !important;
}
/* ----------- Related images -------------*/
.ngg-related-gallery{
background:#f9f9f9;
border:1px solid #e0e0e0;
margin-bottom:1em;
margin-top:1em;
overflow:hidden;
padding:5px;
}
.ngg-related-gallery img{
border:1px solid #dddddd;
float:left;
height:50px;
margin:0 3px;
padding:2px;
width:50px;
}
.ngg-related-gallery img:hover{
border:1px solid #000000;
}
/* ----------- Gallery list -------------*/
.ngg-galleryoverview ul li:before{
content:'' !important;
}
.ngg-gallery-list{
list-style-type:none;
padding:0 !important;
text-indent:0 !important;
}
.ngg-galleryoverview div.pic img{
width:100%;
}
.ngg-gallery-list li{
float:left;
margin:0 2px 0 2px !important;
overflow:hidden;
}
.ngg-gallery-list li a{
border:1px solid #cccccc;
display:block;
padding:2px;
}
.ngg-gallery-list li.selected a{
background:#000000 none repeat scroll 0 0;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
.ngg-gallery-list li img{
height:40px;
width:40px;
}
li.ngg-next,li.ngg-prev{
font-size:3.5em;
height:40px;
width:40px;
}
li.ngg-next a,li.ngg-prev a{
border:none;
padding-top:10px;
text-decoration:none;
}
.pagebar{
margin:2.5em 0 4em 0;
padding:0.2em 0.5em;
text-align:center;
text-decoration:none;
}
.pagebar a,.pageList .this-page{
border:1px solid #b40e12;
color:#b40e12;
padding:0.2em 0.5em;
text-decoration:none;
}
.pagebar a:visited{
border:1px solid #b40e12;
padding:0.2em 0.5em;
text-decoration:none;
}
.pagebar .break{
border:none;
padding:2px 6px 2px 6px;
text-decoration:none;
}
.pagebar .this-page{
background:#cccccc;
border:1px solid #b40e12;
color:#ffffff;
font-weight:bold;
padding:0.2em 0.5em;
}
.pagebar a:hover{
background:#b4a58e;
border:1px solid #c2af97;
color:#faf0d7;
}
.pagebar .inactive{
border:1px solid #cccccc;
color:#cccccc;
padding:0.2em 0.5em;
text-decoration:none;
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox,#cboxOverlay,#cboxWrapper{
left:0;
overflow:hidden;
position:absolute;
top:0;
z-index:9999;
}
#cboxOverlay{
background:#ffffff;
height:100%;
position:fixed;
width:100%;
}
#cboxMiddleLeft,#cboxBottomLeft{
clear:left;
}
#cboxContent{
background:#ffffff;
overflow:hidden;
position:relative;
}
#cboxLoadedContent iframe{
border:0;
display:block;
height:100%;
width:100%;
}
#cboxLoadingOverlay,#cboxLoadingGraphic{
left:0;
position:absolute;
top:0;
width:100%;
}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{
cursor:pointer;
}
/* 
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxTopLeft{
background:url(images/border1.png) 0 0 no-repeat;
height:25px;
width:25px;
}
#cboxTopCenter{
background:url(images/border1.png) 0 -50px repeat-x;
height:25px;
}
#cboxTopRight{
background:url(images/border1.png) -25px 0 no-repeat;
height:25px;
width:25px;
}
#cboxBottomLeft{
background:url(images/border1.png) 0 -25px no-repeat;
height:25px;
width:25px;
}
#cboxBottomCenter{
background:url(images/border1.png) 0 -75px repeat-x;
height:25px;
}
#cboxBottomRight{
background:url(images/border1.png) -25px -25px no-repeat;
height:25px;
width:25px;
}
#cboxMiddleLeft{
background:url(images/border2.png) 0 0 repeat-y;
width:25px;
}
#cboxMiddleRight{
background:url(images/border2.png) -25px 0 repeat-y;
width:25px;
}
#cboxLoadedContent{
margin-bottom:20px;
overflow:auto;
}
#cboxTitle{
background:#ffffff;
bottom:35px;
color:#cc0000;
font:bold 15px Arial,Helvetica,sans-serif;
-khtml-opacity:0.65;
left:0;
-moz-opacity:0.65;
opacity:0.65;
padding:3px 0;
position:absolute;
text-align:center;
width:100%;
}
#cboxCurrent{
bottom:0;
color:#999999;
left:150px;
position:absolute;
}
#cboxSlideshow{
bottom:0;
color:#444444;
position:absolute;
right:42px;
}
#cboxPrevious{
bottom:0;
color:#444444;
left:0;
position:absolute;
}
#cboxNext{
bottom:0;
color:#444444;
left:63px;
position:absolute;
}
#cboxLoadingOverlay{
background:url(images/loading.gif) 5px 5px no-repeat #ffffff;
}
#cboxClose{
bottom:0;
color:#444444;
display:block;
position:absolute;
right:0;
}