/* Theme Name: Cobario Theme URI: http://www.cobario.at/ Description: Cobario CMS - Last update: 17-06-2011 Version: 1.4 Author: Daniel Kurdoghlian Author URI: http://pushingpixels.at/ */ /* css reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr, h,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;} html { overflow:hidden; } body { background-color:#000000; font:12px/15px Tahoma,Verdana,Helvetica,sans-serif; letter-spacing:0.04em; color:#fff; text-shadow:2px 2px 3px #000; } .QOverlay { background-color:#000000; z-index:99999; } .QLoader { background-color:#FFBF5B; height:1px; } /* activate js box */ #activateJS { position:absolute; width:100%; height:100%; background:url(rgba.php?r=0&g=0&b=0&a=60) repeat; background: rgba(0,0,0,0.6); z-index:9999; } .closerX { position:absolute; display:inline-block; top:0; right:0; margin:-12px -10px 0 0; padding:1px 0 0 1px; width:19px; height:19px; background:#000; color:#ffbf5b; text-align:center; font-weight:800; font-size:14px; font-family:Arial, Helvetica, sans-serif; border:3px solid #b16605; -moz-border-radius:20px; -webkit-border-radius:20px; -moz-box-shadow:0 0 20px #b16605; -webkit-box-shadow: 0 0 20px #b16605; cursor:pointer; } .closerX:hover { color:#fff; border:3px solid #ffbf5b; } #activateJS>div { position:absolute; top:40%; left:50%; width: 500px; height:130px; margin-top:-50px; margin-left:-250px; padding:15px; background:url(rgba.php?r=0&g=0&b=0&a=70) repeat; background: rgba(0,0,0,0.7); border:3px solid #b16605; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 0 90px 5px #b16605; -webkit-box-shadow: 0 0 90px #b16605; } #activateJS>div>h1 { font-size:18px; line-height:25px; color:#ffbf5b; border-bottom:1px solid #ffbf5b; padding-left:5px; letter-spacing:0.06em; } #activateJS>div>p { color:#fff; text-shadow:3px 3px 6px #000; text-align:justify; font-size:13px; line-height:18px; margin:10px; } /* fullscreen BG */ #maincontainer { position:absolute; z-index:0; overflow:hidden; min-height:900px; } #fullbgimage { height:100%; width:100%; display:inline; z-index:1; overflow:hidden; } /* logo */ #logobox1 { position:absolute; top:20px; left:50%; margin-left:-475px; height:120px; width:300px; z-index:102; cursor:pointer; } #logobox2 { position:absolute; top:140px; left:50%; margin-left:-285px; height:80px; width:60px; z-index:102; } /* woodcontainer */ #woodcontainer { position:absolute; top:0; left:50%; margin-left:-515px; margin-top:100px; height:700px; width:1030px; background:url(img/bg-wood.png) no-repeat 0 0; z-index:100; overflow:hidden; } /* topmenu */ #topmenu { position:absolute; top:20px; right:40px; width:300px; height:20px; } #topmenu .flagg { float:left; height:15px; width:20px; overflow:hidden; display:block; margin:5px 4px 0 0; cursor:pointer; } #topmenu .flagg.active img { margin-top:-15px; } #topmenu .toplink { float:left; height:22px; overflow:hidden; display:block; margin:0 0 0 5px; cursor:pointer; } #topmenu #newsletter { width:70px; } #topmenu #facebook { width:55px; } #topmenu #myspace { width:80px; } /* mainmenu */ #menubox { position:absolute; top:0; left:50%; margin-left:-515px; margin-top:40px; height:50px; width:1030px; background:url(img/bg-menu.png) no-repeat 0 0; z-index:101; } #menuitems { position:relative; display:block; top:7px; left:50%; margin-left:-475px; width:950px; height:30px; z-index:103; } #menuitems .mitem > a { display:inline-block; width:150px; height:30px; float:left; text-indent:-9999px; cursor:pointer; } li#menuitem1 > a { background:no-repeat 0 0; margin-left:30px; } li#menuitem1 > a:hover { background:no-repeat 0 -30px; } li#menuitem1 > a.current { background:no-repeat 0 -60px; } li#menuitem2 > a { background:no-repeat -150px 0; margin-left:70px; } li#menuitem2 > a:hover { background:no-repeat -150px -30px; } li#menuitem2 > a.current { background:no-repeat -150px -60px; } li#menuitem3 > a { background:no-repeat -300px 0; width:130px; } li#menuitem3 > a:hover { background:no-repeat -300px -30px; } li#menuitem3 > a.current { background:no-repeat -300px -60px; } li#menuitem4 > a { background:no-repeat -450px 0; width:130px !important; margin-left:-20px; } li#menuitem4 > a:hover { background:no-repeat -450px -30px; } li#menuitem4 > a.current { background:no-repeat -450px -60px; } li#menuitem5 > a { background:no-repeat -600px 0; width:130px !important; margin-left:-10px; } li#menuitem5 > a:hover { background:no-repeat -600px -30px; } li#menuitem5 > a.current { background:no-repeat -600px -60px; } li#menuitem6 > a { background:no-repeat -750px 0; } li#menuitem6 > a:hover { background:no-repeat -750px -30px; } li#menuitem6 > a.current { background:no-repeat -750px -60px; } /* dropdown menu */ .dropdown { position:absolute; z-index:150; width:170px; display:none; margin-top:14px; } #dropdown1 { height:70px; background:url(img/dropdown-bg1.png) no-repeat 0 100%; left:20px; top:16px; } #dropdown2 { height:95px; background:url(img/dropdown-bg2.png) no-repeat 0 100%; left:398px; top:16px; } .dropdown li > a { display:inline-block; width:170px; height:30px; margin:0 0 3px 0; text-indent:-9999px; cursor:pointer; } li#ddmitem1 > a { background:no-repeat -900px 0; margin-left:4px; margin-top:8px; } li#ddmitem1 > a:hover { background:no-repeat -900px -30px; margin-left:4px; } li#ddmitem1 > a.current { background:no-repeat -900px -60px; margin-left:4px; } li#ddmitem2 > a { background:no-repeat -1050px 0; margin-top:8px; } li#ddmitem2 > a:hover { background:no-repeat -1050px -30px; } li#ddmitem2 > a.current { background:no-repeat -1050px -60px; } li#ddmitem3 > a { background:no-repeat -1200px 0; } li#ddmitem3 > a:hover { background:no-repeat -1200px -30px; } li#ddmitem3 > a.current { background:no-repeat -1200px -60px; } /* arrow */ #arrow { position:absolute; bottom:30px; right: 13px; width:22px; height:22px; cursor:pointer; } #arrow.totop { background:url(img/arrow.png) no-repeat 0 0; } #arrow.totop:hover { background:url(img/arrow.png) no-repeat 0 -22px; } #arrow.tobottom { background:url(img/arrow.png) no-repeat -22px 0; } #arrow.tobottom:hover { background:url(img/arrow.png) no-repeat -22px -22px; } /************************ content items ************************/ /* headers */ h1.mainheader { display:block; font:22px/24px Tahoma,Verdana,Helvetica,sans-serif; color:#ffbf5b; border-bottom:1px solid #ffbf5b; margin:0 0 10px 0; padding:0 0 0 5px; letter-spacing:0.06em; } .contentright h1.mainheader, .contentleft h1.mainheader { margin:15px 20px 10px 10px; } .contentleft .shadowboxleft h1.mainheader { margin:0 0 10px 0; } /* link style general */ a { text-decoration:none; color:#ffbf5b; cursor:pointer; font-weight:bold; } a:hover { text-decoration:underline; } /* post edit link */ .posteditlink { position:relative; display:block; width:99%; margin:12px auto -10px auto; } a.post-edit-link { position:relative; display:block; width:100px; text-decoration:none !important; margin:0 auto; color:#ffbf5b; font-weight:bold; text-align:center; font-size:11px; letter-spacing:0.08em; } a.post-edit-link:hover { text-decoration:underline !important; color:#ffbf5b !important; } /* content containers */ #flowpane { position:relative; overflow:hidden; clear:both; width:930px; height:540px; margin:110px 0 0 50px; } #flowpane .contentitems { width:20000em; position:absolute; clear:both; margin:0; padding:0; z-index:100; } .contentbox { float:left; position:relative; display:block; margin:0 40px 0 0; width:925px; height:530px; overflow:hidden; } .contentbox .contentleft { float:left; width:590px; height:526px; background:url(img/bg-box-left.png) no-repeat 0 0; } .contentbox .contentright { float:right; width:282px; height:526px; background:url(img/bg-box-right.png) no-repeat 0 0; } .contentbox .boxmask { height:522px; margin:4px 2px 3px 0; overflow:hidden; } /* upcomming concerts */ #cbox2 h1.date1 { display:block; width:auto; padding-right:10px; height:35px; font-size:34px; line-height:34px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; color:#88520d; float:left; margin-bottom:10px; } #cbox2 h2.date2 { display:block; width:auto; height:18px; font-size:14px; line-height: 18px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#c8770d; float:left; } #cbox2 h3 { display:inline-block; clear:both; margin-top:-28px; width:auto; font-size:11px; line-height: 15px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; color: #fdd7a5; float: left; } #cbox2 p { color:#fff; line-height:16px; clear:both; } #cbox2 a { text-decoration:underline; color:#ffbf5b; cursor:pointer; } #cbox2 a:hover { color:#FFDA9F; } #cbox2 img { float:left; display:inline-block; margin:0 10px 10px 0; } .clearboth { clear:both; visibility:hidden; display:block; height:0; font-size:0; content:""; } #cbox2 p strong { color:#ffbf5b; } /* past concerts */ #cbox2 .newspost h1.date1, #cbox2 .newspost h2.date2 { display:block; height:18px; width:auto; font-size:12px; line-height:12px; font-weight:bold; color:#c8770d; float:left; padding-right:5px; margin-bottom:5px; } #cbox2 .newspost h3 { visibility:hidden; display:none; } #cbox2 .newspost img { float:left; display:inline-block; margin:0 10px 5px 0; } #cbox2 .newspost p a { display:block; } #cbox2 .newspost { padding:7px 10px 15px 10px; margin:10px 10px 20px; } /* shadowbox left */ .shadowboxleft { width:540px !important; padding:10px; margin:10px 10px 20px; background:url(rgba.php?r=0&g=0&b=0&a=40) repeat; background:rgba(0,0,0,0.4); -moz-border-radius:6px; -webkit-border-radius:6px; text-align:left; } .shadowboxleft:hover { background:url(rgba.php?r=0&g=0&b=0&a=50) repeat; background:rgba(0,0,0,0.5); -moz-box-shadow:inset 0 0 5px #b16605; -webkit-box-shadow:inset 0 0 5px #b16605; } .shadowboxleft img { margin-bottom:10px; border:2px solid #b16605; } .shadowboxleft p { color:#fff; text-shadow:3px 3px 6px #000; text-align:justify; font-size:13px; line-height:18px; margin-bottom:8px; } #cbox1 .shadowboxleft, #cbox3 .shadowboxleft, #cbox4 .shadowboxleft { min-height:480px; } #cbox5 .shadowboxleft { min-height:480px; } /* newspost */ .newspost { width:232px; padding:7px 10px 30px 10px; margin:10px 10px 20px; background:url(rgba.php?r=0&g=0&b=0&a=40) repeat; background:rgba(0,0,0,0.4); -moz-border-radius:6px; -webkit-border-radius:6px; } .newspost a { text-decoration:none; color:#ffbf5b; cursor:pointer; } .newspost a:hover { text-decoration:underline; } .newspost:hover { background:url(rgba.php?r=0&g=0&b=0&a=50) repeat; background:rgba(0,0,0,0.5); -moz-box-shadow:inset 0 0 5px #b16605; -webkit-box-shadow:inset 0 0 5px #b16605; } .newspost h2 { display:inline; width:170px; float:left; color:#b16605; text-shadow:#000 2px 2px 3px; font-size:13px; padding-bottom:10px; overflow:hidden; } .newspost h3 { display:inline; float:right; color:#CFB89B; text-shadow:#000 1px 1px 2px; font-size:10px; padding-bottom:10px; letter-spacing:0.02em; } .newspost p { clear:both; color:#fff; text-shadow:2px 2px 3px #000; text-align:justify; font-size:12px; line-height:15px; letter-spacing:0.03em; word-spacing:0.1em; } /* MEDIA gallery */ #cbox3 .contentright .newspost { min-height:180px; cursor:pointer; } #cbox3 .contentright #cbox3 .contentright .newspost img { float:left; padding:5px 7px 10px 0; } #cbox3 .contentright .newspost h1 { font-size:14px; font-weight:bold; color:#c8770d; padding:5px 0 10px 0; text-align:center; } .newspost p { color:#fff; text-shadow:3px 3px 6px #000; text-align:center; font-size:13px; } /* MUSIC all albums */ #cbox4 .contentright .newspost { min-height:100px; cursor:pointer; } #cbox4 .contentright .newspost img { float:left; padding:5px 7px 10px 0; } #cbox4 .contentright .newspost h1 { font-size:14px; font-weight:bold; color:#c8770d; padding:5px 0 10px 0; } .newspost p { color:#fff; text-shadow:3px 3px 6px #000; text-align:justify; font-size:13px; } #cbox4 .contentright .newspost-line { height:5px; width:150px; border-bottom:1px solid #ffbf5b; margin:10px auto 25px 60px; } /* SHOP all albums */ #cbox5 .contentright .newspost { min-height:100px; cursor:pointer; } #cbox5 .contentright .newspost img { float:left; padding:5px 7px 10px 0; } #cbox5 .contentright .newspost h1 { font-size:14px; font-weight:bold; color:#c8770d; padding:5px 0 10px 0; } .newspost p { color:#fff; text-shadow:3px 3px 6px #000; text-align:justify; font-size:13px; } #cbox5 .contentright .newspost-line { height:5px; width:150px; border-bottom:1px solid #ffbf5b; margin:10px auto 25px 60px; } /* guestbook */ #signlinkoutside { width:550px; height:20px; display:block; } #guestbooksign { margin:0; float:right; font-family:Tahoma,Verdana,Helvetica,sans-serif; font-size:13px; color:#fff; letter-spacing:0.06em; text-shadow:2px 2px 4px #000; font-weight:bold; cursor:pointer; text-decoration:none; } #guestbooksign:hover { color:#BFBFBF; } #commentform { margin:10px 0 0 10px; } .commentlist { margin-left:20px; } .commentlist li { margin-bottom:10px; } .guests-infos { display:block; overflow:hidden; padding:10px; height:20px; width:230px; background:url(rgba.php?r=0&g=0&b=0&a=40) repeat; background:rgba(0,0,0,0.4); -moz-border-radius:10px; -webkit-border-radius:10px; } .guests-entrynumber { color:#88520d; font-size:34px; display:inline-block; float:left; margin-right:10px; margin-top:-7px; width:auto; height:30px; line-height:30px; } .guests-author { display:block; float:left; color:#c8770d; font-size:14px; margin-top:-5px; width:auto; height:14px; line-height:15px; letter-spacing:0.06em; } .guests-author a { color:#c8770d; text-decoration:underline; } .guests-author a:hover { color:#EFA03B; } .guests-datetime { display:block; float:left; margin-top:-5px; font-size:10px; color:#fdd7a5; width:auto; height:14px; line-height:15px; } .guests-editlink a { float:right; margin-top:-40px; margin-right:25px; visibility:hidden; text-decoration:none; color:#ffbf5b; font-weight:bold; font-size:11px; letter-spacing:0.08em; } .guests-editlink a:hover { text-decoration:underline; } .commentlist li:hover .guests-editlink a { visibility:visible; } .guests-entry { text-align:justify; text-shadow:1px 1px 2px #000; margin:5px 20px 0 10px; } .guests-entry a { text-decoration:none; color:#ffbf5b; } .guests-entry a:hover { text-decoration:underline; } .guests-line { height:5px; width:150px; border-bottom:1px solid #ffbf5b; margin:10px auto 20px 200px; } a.guests-logout { text-decoration:none; color:#ffbf5b; } a.guests-logout:hover { text-decoration:underline; } #cbox6 label { color:#B16605; font-weight:bold; text-shadow:1px 1px 2px #000; letter-spacing:0.06em; } .klein { font-size:11px; font-weight:normal; } #author, #email, #url { width:225px; height:17px; border:1px solid black; background:url(img/bg-inputbox.jpg) no-repeat 0 0; color:#ffbf5b; padding:5px; margin:3px 0 3px 0; } #comment { overflow:auto; resize:none; width:470px; height:170px; border:1px solid black; background:url(img/bg-textarea-big.jpg) no-repeat 0 0; color:#ffbf5b; padding:5px; margin:3px 0 3px 0; } #submit { font-family:Tahoma,Verdana,Helvetica,sans-serif; font-size:13px; color:#fff; letter-spacing:0.06em; text-shadow:2px 2px 4px #000; font-weight:bold; cursor:pointer; background-color:transparent; border:0; } #submit:hover, #submit:focus { color:#BFBFBF; } #Gmessage h2 { display:block; color:#B16605; font-weight:bold; text-shadow:2px 2px 4px #000; letter-spacing:0.06em; font-size:20px; text-align:center; margin-bottom:10px; } #Gmessage p { display:block; color:#fff; text-shadow:1px 1px 2px #000; font-weight:bold; letter-spacing:0.06em; font-size:12px; text-align:center; } #Gmessage a { text-decoration:none; color:#ffbf5b; } #Gmessage a:hover { text-decoration:underline; } /* contactform */ #cbox6 .newspost { padding:7px 10px 15px 10px; margin:10px 10px 10px; } #cbox6 .contentright p { text-align:justify; } #contactform { margin:0 0 0 18px; } #contactform label { color:#B16605; font-weight:bold; text-shadow:1px 1px 2px #000; letter-spacing:0.06em; } #contactname, #contactmail { width:225px; height:17px; border:1px solid black; background:url(img/bg-inputbox.jpg) no-repeat 0 0; color:#ffbf5b; padding:5px; margin:3px 0 7px 0; } #contactmsg { overflow:auto; resize:none; width:225px; height:150px; border:1px solid black; background:url(img/bg-textarea.jpg) no-repeat 0 0; color:#ffbf5b; padding:5px; margin:3px 0 7px 0; } #submitcontact { margin-bottom:20px; font-family:Tahoma,Verdana,Helvetica,sans-serif; font-size:13px; color:#fff; letter-spacing:0.06em; text-shadow:2px 2px 4px #000; font-weight:bold; cursor:pointer; background-color:transparent; float:right; margin-right:20px; border:0; } #submitcontact:hover, #submitcontact:focus { color:#BFBFBF; } #Cmessage { margin:50px 5px; } #Cmessage h2 { color:#B16605; font-weight:bold; text-shadow:2px 2px 4px #000; letter-spacing:0.06em; font-size:20px; text-align:center; margin-bottom:10px; } #Cmessage p { color:#fff; text-shadow:1px 1px 2px #000; font-weight:bold; letter-spacing:0.06em; font-size:12px; text-align:center; } /* footer */ #footer { position:fixed; bottom:0; height:250px; width:100%; z-index:2; overflow:hidden; } #bandfooter { position:fixed; left:50%; bottom:0; height:155px; width:946px; margin-left:-473px; z-index:500; } #bandbox { position: relative; width:945px; height:155px; margin:0 auto; } #bandbox .bandart { float:left; height:155px; width:315px; overflow:hidden; display:block; cursor:pointer; } #rioche { background: url(img/footer-rioche.png) no-repeat 0 100%; } #herwigos { background: url(img/footer-herwigos.png) no-repeat 0 100%; } #elcoba { background: url(img/footer-elcoba.png) no-repeat 0 100%; } /* styles for flowing music stuff */ #musiccontainer1 { position:fixed; bottom:40px; left:50%; margin-left:-420px; width:140px; height: 170px; z-index:400; } #musiccontainer2 { position:fixed; bottom:40px; left:50%; margin-left:-70px; width:140px; height:170px; z-index:400; } #musiccontainer3 { position:fixed; bottom:30px; right:50%; margin-right:-420px; width:140px; height:170px; z-index:400; } .note1, .note2, .note3, .note4 { position:absolute; font-size:25px; width:30px; height:35px; } .note1 { background:url(img/music-notes.png) no-repeat 0 0; } .note2 { background:url(img/music-notes.png) no-repeat -30px 0; } .note3 { background:url(img/music-notes.png) no-repeat -60px 0; } .note4 { background:url(img/music-notes.png) no-repeat -90px 0; } /* bandart bio tooltips */ .biocontainer { z-index:999; display:none; width:385px; min-height:250px; } .bio-box-top { position:absolute; top:0; left:0; width:385px; min-height:236px; background:url(rgba.php?r=0&g=0&b=0&a=85) repeat; background:rgba(0,0,0,0.85); -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:3px 3px 10px #000000; -webkit-box-shadow:3px 3px 10px #000000; } .bio-box-footer { position:absolute; bottom:0; left:0; width:385px; height:14px; background:url(img/arrow-down.png) no-repeat 50% 0; } .bio-stuff { position:absolute; top:10px; left:10px; width:365px; height:216px; overflow:hidden; } .bio-stuff img { float:left; margin-right:10px; margin-bottom:10px; border:2px solid #ecaf51; } .bio-stuff h1 { font:30px/30px Tahoma,Verdana,Helvetica,sans-serif; color:#ecaf51; letter-spacing:0.06em; margin-top:0px; } .bio-stuff h2,.bio-stuff h3 { font:14px/14px Tahoma,Verdana,Helvetica,sans-serif; color:#ab6307; letter-spacing:0.08em; margin-top:5px; } .bio-stuff h3 { margin-top:0; } .bioholder p { color:#fff; text-shadow:2px 2px 3px #000; text-align:justify; font-size:12px; line-height:15px; padding-bottom:6px; } #rioche-bio .bio-box-footer { background:url(img/arrow-down.png) no-repeat 43% 0; } #herwigos-bio .bio-box-footer { background:url(img/arrow-down.png) no-repeat 48% 0; } #elcoba-bio .bio-box-footer { background:url(img/arrow-down.png) no-repeat 66% 0; } .biocontainer .bioholder { float:left; position:relative; display:block; height:100px; width:370px; overflow:hidden; clear:both; margin:0 40px 0 0; } .biocontainer .bioscroll { height:80px; overflow:hidden; padding:10px 15px 10px 10px; } /* scrollbars */ .jScrollPaneContainer { overflow:hidden; position:relative; z-index:999; } .jScrollPaneTrack { background:url(rgba.php?r=177&g=102&b=5&a=30) repeat; background:rgba(177,102,5,0.3); cursor:pointer; height:100%; position:absolute; right:5px; top:0; -moz-border-radius:7px; -webkit-border-radius:7px; } .jScrollPaneDrag { background:url(rgba.php?r=255&g=191&b=91&a=30) repeat; background:rgba(255,191,91,0.3); cursor:pointer; overflow:hidden; position:absolute; -moz-border-radius:7px; -webkit-border-radius:7px; } .jScrollPaneContainer:hover .jScrollPaneDrag { background:url(rgba.php?r=255&g=191&b=91&a=60) repeat; background:rgba(255,191,91,0.6); } /* lightbox */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 9980; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; 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; visibility:hidden; } #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; visibility:hidden; } #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; } /* video player */ img.splash_play_button { border:0 !important; } /* NEWSLETTER box */ #newsletterbox { display:none; padding:20px; width:350px; height:auto; background:url(rgba.php?r=0&g=0&b=0&a=80) repeat; background:rgba(0,0,0,0.8); border:2px solid #b16605; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 0 50px 5px #b16605; -webkit-box-shadow: 0 0 50px #b16605; } #newsletterbox h1.mainheader { display:block; font:22px/24px Tahoma,Verdana,Helvetica,sans-serif; color:#ffbf5b; border-bottom:1px solid #ffbf5b; margin:0 0 10px 0; padding:0 0 0 5px; letter-spacing:0.06em; } #newsletterbox p { padding-bottom:10px; text-align:justify; } #newsletterbox td { padding-right:10px; } #newsletterbox .close { background:url(img/close.png) no-repeat 0 0; position:absolute; right:-15px; top:-15px; cursor:pointer; height:36px; width:36px; } #newsletterbox td { padding-bottom:10px; } #newsletterbox form { margin-top:10px; } /* Oldbrowser box */ #oldbrowserbox { display:none; padding:20px; width:350px; height:auto; background:url(rgba.php?r=0&g=0&b=0&a=80) repeat; background:rgba(0,0,0,0.8); border:2px solid #b16605; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 0 50px 5px #b16605; -webkit-box-shadow: 0 0 50px #b16605; } #oldbrowserbox h1.mainheader { display:block; font:22px/24px Tahoma,Verdana,Helvetica,sans-serif; color:#ffbf5b; border-bottom:1px solid #ffbf5b; margin:0 0 10px 0; padding:0 0 0 5px; letter-spacing:0.06em; } #oldbrowserbox p { padding-bottom:10px; text-align:justify; } #oldbrowserbox .close { display:none; } /* gallery */ #theGallery,#theGallery2{ width: 534px; height: 354px; z-index:5; display: none; border: 3px solid #C8770D; -moz-border-radius:10px; -webkit-border-radius:10px; } .jdGallery{ overflow: hidden; position: relative;} .jdGallery img{ border: 0; margin: 0;} .jdGallery .slideElement{ width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat;} .jdGallery .loadingElement{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url(img/loading-bar-black.gif);} .jdGallery .slideInfoZone{ position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 40px; background: #333; color: #fff; text-indent: 0; overflow: hidden;} * html .jdGallery .slideInfoZone{ bottom: -1px;} .jdGallery .slideInfoZone h2{ padding: 0; font-size: 80%; margin: 0; margin: 2px 5px; font-weight: bold; color: inherit;} .jdGallery .slideInfoZone p{ padding: 0; font-size: 60%; margin: 2px 5px; color: #eee;} .jdGallery div.carouselContainer{ position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0;} .jdGallery a.carouselBtn{ position: absolute; bottom: 0; right: 30px; height: 20px; /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer;} .jdGallery .carousel{ position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #333; color: #fff; text-indent: 0; overflow: hidden;} .jdExtCarousel{ overflow: hidden; position: relative;} .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper{ position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden;} .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner{ position: relative;} .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail{ cursor: pointer; background: #000; background-position: center center; float: left; border: solid 1px #fff;} .jdGallery .carousel .label, .jdExtCarousel .label{ font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0;} .jdGallery .carousel .label .number, .jdExtCarousel .label .number{ color: #b5b5b5;} .jdGallery a{ font-size: 100%; text-decoration: none; color: inherit;} .jdGallery a.right, .jdGallery a.left{ position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} * html .jdGallery a.right, * html .jdGallery a.left{ filter:alpha(opacity=80);} .jdGallery a.right:hover, .jdGallery a.left:hover{ filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;} .jdGallery a.left{ left: 0; top: 0; background: url(img/fleche1.png) no-repeat center left;} * html .jdGallery a.left { background: url(img/fleche1.gif) no-repeat center left; } .jdGallery a.right{ right: 0; top: 0; background: url(img/fleche2.png) no-repeat center right;} * html .jdGallery a.right { background: url(img/fleche2.gif) no-repeat center right; } .jdGallery a.open{ left: 0; top: 0; width: 100%; height: 100%;} .withArrows a.open{ position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .withArrows a.open:hover { background: url(img/open.png) no-repeat center center; } * html .withArrows a.open:hover { background: url(img/open.gif) no-repeat center center; filter:alpha(opacity=80); } .slideInfoZone { display:none !important; }