/* Theme Name: Dominik Hauser [Table Of Contents] 0- Reset & Layout 1- Global 2- Links 3- Headings 4- Header 5- Navigation 6- Middle 7- Forms 8- Extras 9- Footer */ /* =0 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, th, 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; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* =1 Global –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ body { font-family: Arial, Helvetica, sans-serif; vertical-align: top; font-size:.75em; color: #000; line-height:1.2em; background:url(../images/background-big1.jpg) no-repeat center 0;} .clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } hr {margin:0; padding:0; background:#000; color:#000; height:1px; border:none; display:block;} p, ul, ol, dl {margin-bottom:15px;} li {margin-bottom:8px;} /* =2 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ a {text-decoration:none;} a:link { color: #0000cc; text-decoration:none;} a:visited {color:#0000cc;} a:hover { color: #999; } .highlight {color:#0000cc;padding-left:15px; display:block; background:url(../images/listArrowBlue.png) no-repeat 0 2px;} /* =3 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ h1 { font: bold 2em Arial, Helvetica, sans-serif;} h2 { font: bold 1em Arial, Helvetica, sans-serif; margin-bottom:13px;} h3 { font: bold 1em Arial, Helvetica, sans-serif;} h4 { font: bold 1em Arial, Helvetica, sans-serif;} h5 { font: bold 1em Arial, Helvetica, sans-serif; } h2.keyline {border-bottom:1px dotted #0000cc; margin-bottom:4px;} /* =4 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #header {height:186px; background:url(../images/headerBG.jpg) no-repeat 0 0; position:relative;} #logo {position:absolute; right:23px; top:73px;} #header label {position:absolute; top:15px; right:76px; color:#fff; font-size:.917em;} /* =5 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #nav {width:795px; padding-left:5px; min-height:27px; height:auto !important; height:27px; background:#3131c7 url(../images/navRepeat.png) repeat-x 0 0; text-transform:uppercase; font-size:.917em; margin:0;} #nav:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } #nav li {float:left; min-height:27px; height:auto !important; height:27px; _line-height:27px; padding:0 12px; margin:0; white-space:nowrap;} #nav li a {color:#fff; padding:7px 12px; display:block; float:left; _display:inline; _float:none; white-space:nowrap;} #nav li a:hover {color:#99ccff; text-decoration:none;} #nav li a.selected {background:#6194fd url(../images/navSelected.png) repeat-x 0 0;} #nav li a.selected:hover {color:#fff;} /* =6 Middle –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #outerWrapper {width:800px; padding:0 7px; background: url(../images/spriteShadow.png) repeat-y -814px 0; margin:40px auto 40px auto; position:relative;} #roundedTop {display:block; height:7px; width:814px; position:absolute; top:-7px; left:0; overflow:hidden; background:url(../images/spriteShadow.png) no-repeat 0 0;} #roundedBottom {display:block; height:7px; width:814px; position:absolute; bottom:-7px; left:0; overflow:hidden; background:url(../images/spriteShadow.png) no-repeat -1628px 0;} #allcontent {width:800px; background:url(../images/allcontentBG.png) repeat-y 0 0;} #mainCopy {padding:20px 28px 35px 28px; width:744px;} #mainCopy:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } blockquote {font-family:"Times New Roman", Times, serif; color:#993300; font-size:1.5em; font-style:italic;} cite {font-style:normal;} blockquote p {margin-bottom:23px;} .emphasis {font-size:1.083em; line-height:1.2em;} /*PAGE SPECIFIC RULES*/ /*HOME*/ #index #leftCol {width:441px; padding-right:15px; float:left;} #index #rightCol {width:288px; float:left;} #index #rightCol img {display:block; border:1px solid #374e8b;} .bullets li {padding-left:15px; background:url(../images/listArrow.png) no-repeat 0 1px;} /*SERVICES*/ .serviceBox {padding:13px 0; border-bottom:1px dotted #a04011; width:744px; position:relative;} .serviceBox:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } .serviceBox.last {border-bottom:none;} .serviceBox p {margin:0;} .serviceBox h3 {text-transform:uppercase; color:#993300; margin-bottom:15px;} .serviceBox h3 .listen {font-size:.917em; color:#000; text-transform:none; font-weight:normal; padding-left:5px;} .serviceBox .desc {width:467px; float:left; padding-right:25px;} .serviceBox .links {width:252px; float:left;} .serviceBox .links img {display:block; float:left; margin:0 10px 22px 0; _display:inline; border:1px solid #666;} .serviceBox .links a:hover img {border:3px solid #666; position:relative; top:-2px; left:-2px; margin-bottom:18px; margin-right:6px;} /*CLIENTS*/ #tblClients {border-collapse:collapse; width:100%;} #tblClients td {vertical-align:top; padding-bottom:22px; width:20%;} #tblClients h3 {margin-bottom:5px;} #tblClients img {display:block;} /*PHOTOS*/ #tblPhotos {border-collapse:collapse; width:100%;} #tblPhotos td {vertical-align:top; padding-bottom:22px; width:16.66%;} #tblPhotos img {display:block; border:3px solid #fff; position:relative; left:-3px;} #tblPhotos a:hover img {border:3px solid #333333;} /*BUY*/ .buyBox {padding:13px 0; border-bottom:1px dotted #a04011; width:744px;} .buyBox:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } .buyBox.last {border-bottom:none;} .buyBox h2 {text-transform:uppercase; color:#000; margin-bottom:15px;} .buyBox .desc {width:456px; float:left;} .buyBox .desc a {padding-left:15px; display:block; background:url(../images/listArrowBlue.png) no-repeat 0 2px;} .buyBox .links {width:288px; float:left;} .buyBox .links img {display:block; float:left; margin:0 0 20px 20px; _display:inline;} /* =7 Form –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #frmContact {padding-top:18px;} #frmContact label {font-weight:bold;} #frmContact input {width:202px; height:15px; padding:0;} #frmContact textarea {width:408px; height:103px; font-family:Arial, Helvetica, sans-serif; font-size:.96em;} .warning {color:#ff0000;} .success {color:#0000CC; font-weight:bold;} #frmContact #frmContactSubmit {width:204px; height:21px; background:url(../images/buttonSubmit.png) no-repeat 0 0; border:none; display:block; cursor:pointer;} #frmContact #frmContactSubmit:hover {background:url(../images/buttonSubmit.png) no-repeat -204px 0;} /* =8 Extra –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /*JPLAYER*/ div.jp-single-player, div.jp-single-player2 div.jp-playlist-player { /* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */ font-size:1.25em; font-family:Verdana, Arial, sans-serif; line-height:1.6; color: #666; position:absolute; z-index:100; right:26px; top:14px; } div.jp-single-player.services-player1 {top:12px; left:170px;} div.jp-single-player.services-player2 {top:12px; left:160px;} div.jp-single-player.services-player3 {top:12px; left:180px;} div.jp-single-player.services-player4 {top:12px; left:190px;} div.jp-interface { position: relative; width:40px; height:16px; } div.jp-single-player div.jp-interface { border-bottom:none; } div.jp-playlist-player div.jp-interface { } div.jp-interface ul.jp-controls { list-style-type:none; padding:0; margin: 0; } div.jp-interface ul.jp-controls li { overflow:hidden; text-indent:-9999px; } li.jp-play, li.jp-pause { display: block; position: absolute; top:0; width:20px; height:16px; cursor: pointer; } div.jp-single-player li.jp-play, div.jp-single-player li.jp-pause { left:0; } div.jp-playlist-player li.jp-play, div.jp-playlist-player li.jp-pause { left:48px; } li.jp-play { background: url(../images/spritePlayerButtons.png) 0 0 no-repeat; } li.jp-play:hover { background: url(../images/spritePlayerButtons.png) -60px 0 no-repeat; } li.jp-pause { background: url(../images/spritePlayerButtons.png) -20px 0 no-repeat; } li.jp-pause:hover { background: url(../images/spritePlayerButtons.png) -80px 0 no-repeat; } li.jp-stop { position: absolute; top:0; background: url(../images/spritePlayerButtons.png) -40px 0 no-repeat; width:20px; height:16px; cursor: pointer; } div.jp-single-player li.jp-stop { left:20px; } div.jp-playlist-player li.jp-stop { left:126px; } li.jp-stop:hover { background: url(../images/spritePlayerButtons.png) -100px 0 no-repeat; } li.jp-previous { position: absolute; left:20px; top:26px; background: url("../images/jplayer.blue.monday.jpg") 0 -112px no-repeat; width:28px; height:28px; cursor: pointer; } li.jp-previous:hover { background: url("../images/jplayer.blue.monday.jpg") -29px -112px no-repeat; } li.jp-next { position: absolute; left:88px; top:26px; background: url("../images/jplayer.blue.monday.jpg") 0 -141px no-repeat; width:28px; height:28px; cursor: pointer; } li.jp-next:hover { background: url("../images/jplayer.blue.monday.jpg") -29px -141px no-repeat; } div.jp-progress { position: absolute; overflow:hidden; top:32px; background-color: #ddd; width:122px; height:15px; } div.jp-single-player div.jp-progress { left:-999em; } div.jp-playlist-player div.jp-progress { left:164px; } div.jp-load-bar { background: url("../images/jplayer.blue.monday.jpg") 0 -202px repeat-x; width:0px; height:15px; cursor: pointer; } div.jp-play-bar { background: url("../images/jplayer.blue.monday.jpg") 0 -218px repeat-x ; width:0px; height:15px; } li.jp-volume-min { position: absolute; top:32px; background: url("../images/jplayer.blue.monday.jpg") 0 -170px no-repeat; width:18px; height:15px; cursor: pointer; } div.jp-single-player li.jp-volume-min { left:-999em; } div.jp-playlist-player li.jp-volume-min { left:296px; } li.jp-volume-min:hover { background: url("../images/jplayer.blue.monday.jpg") -19px -170px no-repeat; } li.jp-volume-max { position: absolute; top:32px; background: url("../images/jplayer.blue.monday.jpg") 0 -186px no-repeat; width:18px; height:15px; cursor: pointer; } div.jp-single-player li.jp-volume-max { left:-999em; } div.jp-playlist-player li.jp-volume-max { left:368px; } li.jp-volume-max:hover { background: url("../images/jplayer.blue.monday.jpg") -19px -186px no-repeat; } div.jp-volume-bar { position: absolute; overflow:hidden; top:37px; background: url("../images/jplayer.blue.monday.jpg") 0 -250px repeat-x; width:46px; height:5px; cursor: pointer; } div.jp-single-player div.jp-volume-bar { left:-999em; } div.jp-playlist-player div.jp-volume-bar { left:314px; } div.jp-volume-bar-value { background: url("../images/jplayer.blue.monday.jpg") 0 -256px repeat-x; width:0px; height:5px; } div.jp-play-time, div.jp-total-time { position: absolute; top:49px; width:122px; font-size:.64em; font-style:oblique; } div.jp-total-time { text-align: right; } div.jp-single-player div.jp-play-time, div.jp-single-player div.jp-total-time { left:130px; } div.jp-playlist-player div.jp-play-time, div.jp-playlist-player div.jp-total-time { left:164px; } div.jp-playlist { width:418px; left:-999em; position:absolute; } div.jp-playlist ul{ list-style-type:none; margin:0 0 10px 0; background-color:#ccc; border:1px solid #009be3; border-top:none; width:378px; font-size:.72em; } div.jp-single-player div.jp-playlist ul { padding:5px 20px 5px 20px; } div.jp-playlist-player div.jp-playlist ul { padding:10px 20px 20px 20px; } div.jp-single-player div.jp-playlist li{ padding:0 0 0 20px; font-weight:bold; } div.jp-playlist-player div.jp-playlist li{ padding:4px 0 4px 20px; border-bottom:1px solid #eee; cursor: pointer; } div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current { color:#0d88c1; list-style-type:square; list-style-position:inside; padding-left:6px; cursor: default; } div.jp-playlist-player div.jp-playlist li:hover { color:#0d88c1; } /*LIGHTBOX*/ /*LIGHTBOX*/ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; overflow: hidden; position: relative; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; } .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* =9 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/