/* Theme Name: De Bock & Dekker thema Theme URI: http://debockendekker.nl/ Description: Thema de bock en dekker website, in opdracht van Qiem Rotterdam Version: 1.0 Author: Aphichat Panjamanee Author URI: http://aphichat.com */ /* ** mainBlue #000055 */ div#fader div.popUpBlock h3 { font-size: 11px; font-family: arial; background: none; text-indent: 0; } a:hover { color: #FF0000; } a.page-numbers { margin: 0 5px; } div#contactBox { width: 190px; height: 190px; background: rgba(255,255,255,.90); position: absolute; z-index: 99!important; right: 20px; bottom: 20px; padding: 15px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;padding-bottom:33px; } div.jLanguage { display: none!important; } * { margin: 0; padding: 0; outline: none; } body { font-family: verdana; font-size: 11px; line-height: 16px; } div.contentMarginRight p, div.contentMarginRight h2, div.contentMarginRight ul { margin-right: 145px; } ul li { list-style: none; margin-bottom: 4px; } strong a { color: #000055; } a { color: #000055; text-decoration: underline; } h3 { font: 20px georgia; color: #000055; margin-bottom: 15px; } div#container { width: 898px; margin: 0 auto; padding: 35px; } div#header { height: 36px; margin-bottom: 35px; } div#header h1#logo a { width: 255px; height: 36px; background: url(images/logo.jpg) no-repeat; display: block; text-indent: -9999px; float: left; } div#header ul#mainMenu { list-style: none; width: 620px; float: left; margin-left: 23px; } div#header ul#mainMenu li { width: auto; float: left; margin-right: 10px; } div#header ul#mainMenu li.contact { margin-right: 0; } div#header ul#mainMenu li a { width: auto; float: left; display: block; text-indent: -9999px; background: url(images/mainMenu.png); height: 36px; } /** ** Nederlands **/ /*normal statement*/ body#lan- div#header ul#mainMenu li.home a { width: 61px; background-position: 0 0; } body#lan- div#header ul#mainMenu li.netwerk a { width: 80px; background-position: -61px 0; } body#lan- div#header ul#mainMenu li.doityourselftogether a { width: 177px; background-position: -141px 0; } body#lan- div#header ul#mainMenu li.werkwijze a { width: 91px; background-position: -318px 0; } body#lan- div#header ul#mainMenu li.overons a { width: 83px; background-position: -409px 0; } body#lan- div#header ul#mainMenu li.contact a { width: 78px; background-position: -492px 0; } /*hover statement*/ body#lan- div#header ul#mainMenu li.home a:hover { width: 61px; background-position: 0 -36px; } body#lan- div#header ul#mainMenu li.netwerk a:hover { width: 80px; background-position: -61px -36px; } body#lan- div#header ul#mainMenu li.doityourselftogether a:hover { width: 177px; background-position: -141px -36px; } body#lan- div#header ul#mainMenu li.werkwijze a:hover { width: 91px; background-position: -318px -36px; } body#lan- div#header ul#mainMenu li.overons a:hover { width: 83px; background-position: -409px -36px; } body#lan- div#header ul#mainMenu li.contact a:hover { width: 78px; background-position: -492px -36px; } /*active statement*/ body#lan- div#header ul#mainMenu li.home a.active, div#header ul#mainMenu li.home a.active:hover { width: 61px; background-position: 0 -72px; } body#lan- div#header ul#mainMenu li.netwerk a.active, div#header ul#mainMenu li.netwerk a.active:hover { width: 80px; background-position: -61px -72px; } body#lan- div#header ul#mainMenu li.doityourselftogether a.active, div#header ul#mainMenu li.doityourselftogether a.active:hover { width: 177px; background-position: -141px -72px; } body#lan- div#header ul#mainMenu li.werkwijze a.active, div#header ul#mainMenu li.werkwijze a.active:hover { width: 91px; background-position: -318px -72px; } body#lan- div#header ul#mainMenu li.overons a.active, div#header ul#mainMenu li.overons a.active:hover { width: 83px; background-position: -409px -72px; } body#lan- div#header ul#mainMenu li.contact a.active, div#header ul#mainMenu li.contact a.active:hover { width: 78px; background-position: -492px -72px; } /** Nederlands = lan-nederlands **/ body#lan-nederlands div#header ul#mainMenu li.home a { width: 61px; background-position: 0 0; } body#lan-nederlands div#header ul#mainMenu li.netwerk a { width: 80px; background-position: -61px 0; } body#lan-nederlands div#header ul#mainMenu li.doityourselftogether a { width: 177px; background-position: -141px 0; } body#lan-nederlands div#header ul#mainMenu li.werkwijze a { width: 91px; background-position: -318px 0; } body#lan-nederlands div#header ul#mainMenu li.overons a { width: 83px; background-position: -409px 0; } body#lan-nederlands div#header ul#mainMenu li.contact a { width: 78px; background-position: -492px 0; } /*hover statement*/ body#lan-nederlands div#header ul#mainMenu li.home a:hover { width: 61px; background-position: 0 -36px; } body#lan-nederlands div#header ul#mainMenu li.netwerk a:hover { width: 80px; background-position: -61px -36px; } body#lan-nederlands div#header ul#mainMenu li.doityourselftogether a:hover { width: 177px; background-position: -141px -36px; } body#lan-nederlands div#header ul#mainMenu li.werkwijze a:hover { width: 91px; background-position: -318px -36px; } body#lan-nederlands div#header ul#mainMenu li.overons a:hover { width: 83px; background-position: -409px -36px; } body#lan-nederlands div#header ul#mainMenu li.contact a:hover { width: 78px; background-position: -492px -36px; } /*active statement*/ body#lan-nederlands div#header ul#mainMenu li.home a.active, div#header ul#mainMenu li.home a.active:hover { width: 61px; background-position: 0 -72px; } body#lan-nederlands div#header ul#mainMenu li.netwerk a.active, div#header ul#mainMenu li.netwerk a.active:hover { width: 80px; background-position: -61px -72px; } body#lan-nederlands div#header ul#mainMenu li.doityourselftogether a.active, div#header ul#mainMenu li.doityourselftogether a.active:hover { width: 177px; background-position: -141px -72px; } body#lan-nederlands div#header ul#mainMenu li.werkwijze a.active, div#header ul#mainMenu li.werkwijze a.active:hover { width: 91px; background-position: -318px -72px; } body#lan-nederlands div#header ul#mainMenu li.overons a.active, div#header ul#mainMenu li.overons a.active:hover { width: 83px; background-position: -409px -72px; } body#lan-nederlands div#header ul#mainMenu li.contact a.active, div#header ul#mainMenu li.contact a.active:hover { width: 78px; background-position: -492px -72px; } /** ** English **/ /*normal statement*/ body#lan-english div#header ul#mainMenu li.home a { width: 61px; background-position: 0 0; } body#lan-english div#header ul#mainMenu li.netwerk a { width: 80px; background-position: -61px 216px; } body#lan-english div#header ul#mainMenu li.doityourselftogether a { width: 177px; background-position: -141px 216px; } body#lan-english div#header ul#mainMenu li.werkwijze a { width: 91px; background-position: -318px 216px; } body#lan-english div#header ul#mainMenu li.overons a { width: 83px; background-position: -409px 216px; } body#lan-english div#header ul#mainMenu li.contact a { width: 78px; background-position: -492px 216px; } /*hover statement*/ body#lan-english div#header ul#mainMenu li.home a:hover { width: 61px; background-position: 0 -36px; } body#lan-english div#header ul#mainMenu li.netwerk a:hover { width: 80px; background-position: -61px -144px; } body#lan-english div#header ul#mainMenu li.doityourselftogether a:hover { width: 177px; background-position: -141px -144px; } body#lan-english div#header ul#mainMenu li.werkwijze a:hover { width: 91px; background-position: -318px -144px; } body#lan-english div#header ul#mainMenu li.overons a:hover { width: 83px; background-position: -409px -144px; } body#lan-english div#header ul#mainMenu li.contact a:hover { width: 78px; background-position: -492px -144px; } /*active statement*/ body#lan-english div#header ul#mainMenu li.home a.active, div#header ul#mainMenu li.home a.active:hover { width: 61px; background-position: 0 -179px; } body#lan-english div#header ul#mainMenu li.netwerk a.active, div#header ul#mainMenu li.netwerk a.active:hover { width: 80px; background-position: -61px -179px; } body#lan-english div#header ul#mainMenu li.doityourselftogether a.active, div#header ul#mainMenu li.doityourselftogether a.active:hover { width: 177px; background-position: -141px -179px; } body#lan-english div#header ul#mainMenu li.werkwijze a.active, div#header ul#mainMenu li.werkwijze a.active:hover { width: 91px; background-position: -318px -179px; } body#lan-english div#header ul#mainMenu li.overons a.active, div#header ul#mainMenu li.overons a.active:hover { width: 83px; background-position: -409px -179px; } body#lan-english div#header ul#mainMenu li.contact a.active, div#header ul#mainMenu li.contact a.active:hover { width: 78px; background-position: -492px -179px; } /** ** Deutsch **/ /*normal statement*/ body#lan-deutsch div#header ul#mainMenu li.home a { width: 61px; background-position: 0 0; } body#lan-deutsch div#header ul#mainMenu li.netwerk a { width: 80px; background-position: -61px 432px; } body#lan-deutsch div#header ul#mainMenu li.doityourselftogether a { width: 177px; background-position: -141px 432px; } body#lan-deutsch div#header ul#mainMenu li.werkwijze a { width: 91px; background-position: -318px 432px; } body#lan-deutsch div#header ul#mainMenu li.overons a { width: 83px; background-position: -409px 432px; } body#lan-deutsch div#header ul#mainMenu li.contact a { width: 78px; background-position: -492px 432px; } /*hover statement*/ body#lan-deutsch div#header ul#mainMenu li.home a:hover { width: 61px; background-position: 0 396px; } body#lan-deutsch div#header ul#mainMenu li.netwerk a:hover { width: 80px; background-position: -61px 396px; } body#lan-deutsch div#header ul#mainMenu li.doityourselftogether a:hover { width: 177px; background-position: -141px 396px; } body#lan-deutsch div#header ul#mainMenu li.werkwijze a:hover { width: 91px; background-position: -318px 396px; } body#lan-deutsch div#header ul#mainMenu li.overons a:hover { width: 83px; background-position: -409px 396px; } body#lan-deutsch div#header ul#mainMenu li.contact a:hover { width: 78px; background-position: -492px 396px; } /*active statement*/ body#lan-deutsch div#header ul#mainMenu li.home a.active, div#header ul#mainMenu li.home a.active:hover { width: 61px; background-position: 0 -288px; } body#lan-deutsch div#header ul#mainMenu li.netwerk a.active, div#header ul#mainMenu li.netwerk a.active:hover { width: 80px; background-position: -61px -288px; } body#lan-deutsch div#header ul#mainMenu li.doityourselftogether a.active, div#header ul#mainMenu li.doityourselftogether a.active:hover { width: 177px; background-position: -141px -179px; } body#lan-deutsch div#header ul#mainMenu li.werkwijze a.active, div#header ul#mainMenu li.werkwijze a.active:hover { width: 91px; background-position: -318px -288px; } body#lan-deutsch div#header ul#mainMenu li.overons a.active, div#header ul#mainMenu li.overons a.active:hover { width: 83px; background-position: -409px -288px; } body#lan-deutsch div#header ul#mainMenu li.contact a.active, div#header ul#mainMenu li.contact a.active:hover { width: 78px; background-position: -492px -288px; } div#homeImg { height: 476px; position: relative; float: left; width: 968px; z-index: 0; } div#fader { position: relative; left: -35px; } div#fader div.popUpBlock { z-index: 99; width: 261px; float: left; position: relative; color: #fff; } div#fader div.popUpBlock div.popUpBlockContent { display: none; position: absolute; bottom: 25px; left: 36px; width: 231px; padding: 10px 20px 0 10px; background: url(images/popUpBlockContent.png) repeat-y; margin-bottom: 60px; } div#fader div.popUpBlock div.popUpBlockContent h3 { color: #fff; text-transform: uppercase; } div#fader div.popUpBlock div.popUpBlockContent div.popUpBlockContentBottom { position: absolute; background: url(images/popUpBlockContentBottom.png) no-repeat; height: 70px; bottom: -70px; left: 0; width: 261px; } div#fader div.popUpBlock a.popupBtn { margin-top: 15px; margin-left: 35px; width: auto; float: left; background: #000055; color: #fff; text-decoration: none; padding: 2px 15px; font-family: verdana; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; /* fix this*/ } div#fader div.popUpBlock a.popupBtnActive { background: #FF0000!important; } div#fader div.popUpBlock a.closePopUp { width: 14px; height: 14px; background: url(images/closePopUp.png) no-repeat; text-indent: -9999px; display: block; position: absolute; right: 10px; top: 2px; } /*div#fader div.popUpBlock h3 { text-indent: -9999px; display: block; height: 9px; width: 115px; background: url(images/popup-text.png) no-repeat; }*/ /* ** NL */ div#fader div.popUpBlock h3#popup-kleur { background-position: 0 0; } div#fader div.popUpBlock h3#popup-dessin { background-position: 0 -9px; } div#fader div.popUpBlock h3#popup-sfeer { background-position: 0 -18px; } div#fader div.popUpBlock h3#popup-materiaal { background-position: 0 -27px; } div#fader div.popUpBlock h3#popup-waarden { background-position: 0 -36px; } div#fader div.popUpBlock h3#popup-cultuurdruk { background-position: 0 -45px; } /* ** DE */ body#lan-deutsch div#fader div.popUpBlock h3#popup-kleur { background-position: 0 -108px; } body#lan-deutsch div#fader div.popUpBlock h3#popup-dessin { background-position: 0 -117px; } body#lan-deutsch div#fader div.popUpBlock h3#popup-sfeer { background-position: 0 -126px; } body#lan-deutsch div#fader div.popUpBlock h3#popup-materiaal { background-position: 0 -135px; } body#lan-deutsch div#fader div.popUpBlock h3#popup-waarden { background-position: 0 -144px; } body#lan-deutsch div#fader div.popUpBlock h3#popup-cultuurdruk { background-position: 0 -153px; } /* ** EN */ body#lan-english div#fader div.popUpBlock h3#popup-kleur { background-position: 0 -54px; } body#lan-english div#fader div.popUpBlock h3#popup-dessin { background-position: 0 -63px; } body#lan-english div#fader div.popUpBlock h3#popup-sfeer { background-position: 0 -72px; } body#lan-english div#fader div.popUpBlock h3#popup-materiaal { background-position: 0 -81px; } body#lan-english div#fader div.popUpBlock h3#popup-waarden { background-position: 0 -90px; } body#lan-english div#fader div.popUpBlock h3#popup-cultuurdruk { background-position: 0 -99px; } div#homeImg h2#quote { z-index: 99; position: absolute; right: 0; bottom: 0; width: auto; color: #000055; font-size: 20px; font-weight: bold; font-family: arial; line-height: 100%; float: right; margin-right: 70px; } div#homeImg a#nextImg { z-index: 99; position: absolute; top: 175px; right: 45px; text-indent: -9999px; display: block; width: 45px; height: 82px; background: url(images/homeImgArrow.png) top no-repeat; } div#homeImg a#nextImg:hover { background-position: bottom; } div#footer { padding-top: 10px; border-top: 1px solid #000055; margin-top: 30px; float: left; width: 100%; margin-bottom:30px; } div#footer ul#language { list-style: none; } div#footer ul#language li { width: auto; float: left; margin-right: 25px; } div#footer ul#language li a { float: left; width: 50px; background: url(images/languageMenu.png); height: 9px; line-height: 0; text-indent: -9999px; } div#footer ul#language li#nl a { width: 72px; background-position: 0 -9px; } div#footer ul#language li#de a { width: 49px; background-position: -72px -9px; } div#footer ul#language li#en a { width: 46px; background-position: -121px -9px; } div#footer ul#language li#nl a:hover, div#footer ul#language li#nl a.active { width: 72px; background-position: 0 0; } div#footer ul#language li#de a:hover, div#footer ul#language li#de a.active { width: 49px; background-position: -72px 0; } div#footer ul#language li#en a:hover, div#footer ul#language li#en a.active { width: 46px; background-position: -121px 0; } /*content paginas*/ div.content_page { border-bottom: 1px solid #000055; padding-bottom: 35px; margin-bottom: 25px!important; } div#leftContent, div#rightContent { float: left; } div#leftContent p, div#rightContent p, div#rightContent ul { margin-bottom: 20px; } div#leftContent { width: 255px; margin-top: 58px; } div#rightContent { width: 618px; padding-left: 25px; } div#rightContent h2 { color: #000055; font-family: georgia; font-size: 32px; font-weight: normal; border-bottom: 1px dashed #000055; margin-bottom: 20px; padding: 0 0 20px 0; } /*netwerk*/ ul#netwerkList { text-align: right; } ul#netwerkList li { margin-bottom: 40px; } #leftContent h2 { font: 30px georgia; color: #000054; text-align: right; } #leftContent h2 strong { color: #FF0000; font-weight: normal; } /*werkwijze*/ .page-id-11 #rightContent ul li { margin-bottom: 15px; list-style-image: url(images/redBlock.jpg); list-style-position: inside; } .dottedBottomLine { padding-bottom: 10px; border-bottom: 1px dashed #000055; } /* advies */ .page-id-26 p { margin-right: 230px!important; } .entry { position: relative; } a.navigateBtnRight { position: absolute; top: -22px; right: 145px; } /* contact */ body.page-id-64 div#rightContent { position: relative; left: -35px; width: 934px!important; } /* misc */ ul#TagLine li { display: inline; margin-right: 10px; } body.page-id-64 #post-64 h2 { display: none; } body.page-id-64 #rightContent { padding-left: 0; } div.upload_error { background:#EFF3FA;border:1px solid #BAD6F9;padding:10px; text-align: center; margin: 10px 0;} a#uploadImage { background: url(images/btnUpload.jpg) no-repeat top; width: 143px; height: 19px; display: block; text-indent: -9999px;} a.uploadImageEnglish { background-position: 0 -19px!important; } a.uploadImageDeutsch { background-position: 0 -19px!important; } ul#frontGallery { margin-right: 0; } ul#frontGallery li { text-align: center; background: #EBEBEB; position: relative; float: left; width: 115px; margin-right: 8px; height: 115px; margin-bottom: 40px;} ul#frontGallery li a { position: absolute; bottom: -20px; left: 0;} /*div#TB_secondLine { display: none; }*/ textarea#imagedescription { padding: 2px; width: 300px; height: 55px; font: 100% verdana; } ul#uploadImagesCheck { height: 55px; margin-right: 0; } ul#uploadImagesCheck li { float: left; width: 205px; } ul#uploadImagesCheck li label { color: #000055; text-decoration: underline; } /* ** Gallery styles * BACKUP FROM GALLERY PLUGIN ** voor het geval wij gaan updaten! */ /* CSS Name: Default Styles Description: NextGEN Default Gallery Stylesheet 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 { margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-album { height: 100%; padding: 5px; margin-bottom: 5px; border: 1px solid #fff; } /* IE6 will ignore this , again I hate IE6 */ /* See also http://www.sitepoint.com/article/browser-specific-css-hacks */ html>body .ngg-album { overflow:hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; } .ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; } .ngg-albumtitle { text-align: left; font-weight: bold; margin:0px; padding:0px; font-size: 1.4em; margin-bottom: 10px; } .ngg-thumbnail { float: left; margin-right: 12px; } .ngg-thumbnail img { background-color:#EBEBEB; border:0px solid #A9A9A9; margin:4px 0px 4px 5px; padding:4px; position:relative; } .ngg-thumbnail img:hover { background-color: #A9A9A9; } .ngg-description { text-align: left; } /* ----------- Gallery style -------------*/ .ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-galleryoverview .desc { /* required for description */ margin:0px 10px 10px 0px; padding:5px; } .ngg-gallery-thumbnail-box { float: left; } .ngg-gallery-thumbnail { float: left; margin-right: 8px; margin-bottom: 8px; text-align: center; /*background-color:#EBEBEB;*/ position:relative; } .ngg-gallery-thumbnail img { border:0px solid #A9A9A9; /*padding:4px;*/ } .ngg-gallery-thumbnail img:hover { background-color: #A9A9A9; } .ngg-gallery-thumbnail span { /* Images description */ font-size:90%; padding-left:5px; display:block; } .ngg-clear { clear: both; } /* ----------- Gallery navigation -------------*/ .ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center; } .ngg-navigation span { font-weight:bold; margin:0pt 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-color: #0066CC; color: #FFFFFF !important; text-decoration: none !important; } /* ----------- Single picture -------------*/ .ngg-singlepic { background-color:#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; } /* ----------- Sidebar widget -------------*/ .ngg-widget, .ngg-widget-slideshow { overflow: hidden; margin:0pt; padding:5px 0px 0px 0pt; text-align:left; } .ngg-widget img { border:2px solid #A9A9A9; margin:0pt 2px 2px 0px; padding:1px; } /* ----------- Gallery list -------------*/ .ngg-galleryoverview ul li:before { content: '' !important; } .ngg-gallery-list { list-style-type:none; padding: 0px !important; text-indent:0px !important; } .ngg-galleryoverview div.pic img{ width: 100%; } .ngg-gallery-list li { float:left; margin:0 2px 0px 2px !important; overflow:hidden; } .ngg-gallery-list li a { border:1px solid #CCCCCC; display:block; padding:2px; } .ngg-gallery-list li.selected a{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; } .ngg-gallery-list li img { height:40px; width:40px; } li.ngg-next, li.ngg-prev { height:40px; width:40px; font-size:3.5em; } li.ngg-next a, li.ngg-prev a { padding-top: 10px; border: none; text-decoration: none; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } .galleryIndex h4 { font-weight: normal; margin-right: 8px; margin-bottom: 8px; } .ngg-albumoverview h4 { font-weight: normal; } .galleryIndex p {display: none;} .ngg-album-link a img { border: none;} .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox {text-align: center; background: #dedede; }