/* Theme Name: Dotkite Description: Dotkite theme Version: 2.0 Author: Stelios */ /* Begin Typography & Colors */ body, html { margin: 0px; padding: 0px;} body {font-family: Arial, Helvetica, Sans-serif;} .left { float: left;} .right { float: right;} .clear { clear: both;} a { outline: none; moz-outline: none;} .p6 { padding: 6px;} #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane h2.news-h2 { font-size: 16px !important;} #body-wrapper { position: relative; overflow: auto; } #right-container { overflow: hidden; width: 190px; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 99; padding-right: 11px;} #right-wrapper { position: absolute; left: 0px; top: 0px; right: 0px; width: 190px; } #right-dk, #right-dkl { width: 190px; background: #fff; text-align: left; line-height: 25px; margin: 0px;} #right-dkl .top { width: 170px; height: 110px; background: url('img/dkl-logo.png') 0px -20px no-repeat; cursor: pointer; margin: 0 0 0 10px; display: block;} #right-dkl .bottom { width: 170px; height: 110px; background: url('img/dk-logo.png') 0px 0px no-repeat; cursor: pointer; margin: 0 0 0 10px; display: block;} #right-dk .top { width: 170px; height: 110px; background: url('img/dk-logo.png') 0px -20px no-repeat; cursor: pointer; margin: 0 0 0 10px; display: block;} #right-dk .bottom { width: 170px; height: 110px; background: url('img/dkl-logo.png') 0px 0px no-repeat; cursor: pointer; margin: 0 0 0 10px; display: block;} .shadow { width: 10px; background: none; height: 100%; position: absolute; z-index: 100; } .shadow .s1 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity: 0.35; opacity: 0.35;} .shadow .s2 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=31); -moz-opacity:0.31; -khtml-opacity: 0.31; opacity: 0.31;} .shadow .s3 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=27); -moz-opacity:0.27; -khtml-opacity: 0.27; opacity: 0.27;} .shadow .s4 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=23); -moz-opacity:0.23; -khtml-opacity: 0.23; opacity: 0.23;} .shadow .s5 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=19); -moz-opacity:0.19; -khtml-opacity: 0.19; opacity: 0.19;} .shadow .s6 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=15); -moz-opacity:0.15; -khtml-opacity: 0.15; opacity: 0.15;} .shadow .s7 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=11); -moz-opacity:0.11; -khtml-opacity: 0.11; opacity: 0.11;} .shadow .s8 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=7); -moz-opacity:0.07; -khtml-opacity: 0.07; opacity: 0.07;} .shadow .s9 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=3); -moz-opacity:0.03; -khtml-opacity: 0.03; opacity: 0.03;} .shadow .s10 { width: 1px; background: #000; height: 100%; float: left; filter:alpha(opacity=1); -moz-opacity:0.01; -khtml-opacity: 0.01; opacity: 0.01;} .main-nav-container { width: 150px; height: 100%; padding: 0px 20px; margin: 80px 0 0 0;} .main-nav-container a { width: 84px; height: 25px; display: block; text-indent: -9999px; margin: 1px 0px;} .main-nav-container a#portfolio, .main-nav-container a#dkportfolio { background: url('img/main-nav-bcg.png') 0px 0px no-repeat;} .main-nav-container a#portfolio:hover, .main-nav-container a#portfolio.nav-active, .main-nav-container a#dkportfolio:hover, .main-nav-container a#dkportfolio.nav-active { background: url('img/main-nav-bcg.png') -84px 0px no-repeat;} .main-nav-container a#company, .main-nav-container a#dkcompany { background: url('img/main-nav-bcg.png') 0px -25px no-repeat;} .main-nav-container a#company:hover, .main-nav-container a#company.nav-active, .main-nav-container a#dkcompany:hover, .main-nav-container a#dkcompany.nav-active { background: url('img/main-nav-bcg.png') -84px -25px no-repeat;} .main-nav-container a#contact, .main-nav-container a#dkcontact { background: url('img/main-nav-bcg.png') 0px -50px no-repeat;} .main-nav-container a#contact:hover, .main-nav-container a#contact.nav-active, .main-nav-container a#dkcontact:hover, .main-nav-container a#dkcontact.nav-active { background: url('img/main-nav-bcg.png') -84px -50px no-repeat;} .main-nav-container a#news, .main-nav-container a#dknews { background: url('img/main-nav-bcg.png') 0px -75px no-repeat;} .main-nav-container a#news:hover, .main-nav-container a#news.nav-active, .main-nav-container a#dknews:hover, .main-nav-container a#dknews.nav-active { background: url('img/main-nav-bcg.png') -84px -75px no-repeat;} .main-nav-container a#collection { background: url('img/main-nav-bcg.png') 0px -100px no-repeat;} .main-nav-container a#collection:hover, .main-nav-container a#collection.nav-active { background: url('img/main-nav-bcg.png') -84px -100px no-repeat;} .main-nav-container a#rss { background: url('img/main-nav-bcg.png') 0px -125px no-repeat; margin-top: 25px;} .main-nav-container a#rss:hover, .main-nav-container a#rss.nav-active { background: url('img/main-nav-bcg.png') -84px -125px no-repeat; margin-top: 25px;} #slideshow-loader { position: absolute; right: -60px; width: 50px; height: 50px; background: #fff url('img/ajax-loader.gif') center no-repeat; z-index: 999; font-size: 11px; color: #333;} #left-container { overflow: hidden; height: 100%; position: absolute; left: 190px; top: 0px; z-index: 2;} /*#left-container.loading, .bcg-wrapper.loading { background: #fff url('img/ajax-loader.gif') center no-repeat;}*/ #content-container { position: relative; height: 100%; width: 100%; } #bar-bottom { width: 100%; font-size: 11px; background: url('img/opacity.png') repeat; color: #fff;} #bar-top a { font-size: 11px; color: #fff; text-decoration: underline; } #bar-top a:hover { font-size: 11px; color: #fff; text-decoration: none; } #bar-top { font-size: 11px; background: url('img/opacity.png') repeat; color: #fff; position: absolute; right: 0px; display: block !important; top: -30px; z-index: 2;} #bar-top-l2 { color: #fff; width: 100%; display: block !important;} #login-form-wrapper { position: absolute; display: none; top: 0px; left: 0px; z-index: 108; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;} #login-form-wrapper #lf-overlay { position: absolute; top: 0px; left: 0px; background: #fff; opacity: 0.5; z-index: 109;} #login-form-container { font-size: 11px; background: url('img/login-form-bcg.png') repeat; color: #fff; display: block; z-index: 110; width: 341px; height: 122px; left: 45%; top: 30%; padding: 60px 45px 30px 45px; position: absolute; z-index: 110;} #login-form-wrapper a#login-close { font-size: 11px; color: #fff; text-decoration: none; right: 5px; top: 5px; position: absolute; } #login-form-wrapper form { padding: 40px 50px; line-height: 20px; font-size: 14px; color: #D5D5D5; } #login-form-wrapper form input.text { width: 136px; padding: 2px; background: #D5D5D5; border-bottom: 1px solid #5A5957; border-right: 1px solid #5A5957; border-left: 1px solid #858687;border-top: 1px solid #858687; font-size: 11px; color: #000;} /*#login-form { width: 300px; height: 150px; background: url('img/opacity.png') repeat; }*/ #image-swap { overflow: hidden; height: 100%; width: 100%; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; position: absolute; z-index: 1; background: #fff; right: 0px; top: 0px;} /*HOME PAGE STYLES */ #home-page-bbar { padding: 6px 6px 0px 6px;} .bcg-wrapper { position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; background-position: center center; z-index: 1;} #bcg-holder { position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; background-position: center center; opacity: 0.0; z-index: 2;} #nav-2 { position: absolute; width: 200px; background: #fff; left: -200px; top: 0px; height: 100%; z-index: 98;} #nav-3 { position: absolute; width: 200px; background: #fff; left: -200px; top: 0px; height: 100%; z-index: 97;} #nav-bottom { position: absolute; height: 150px; bottom: -150px; background: #000; right: 0px; z-index: 97; } #content-1 { width: 600px; height: 600px; margin: auto; background: fuchsia;} #content-2 { width: 600px; height: 600px; margin: auto; background: green; opacity: 0.0;} /*COMPANY PAGE STYLES */ #p-company.content-container { overflow: hidden; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; } #p-company.content-container #nav-wrapper { overflow: hidden; height: 100%; width: 410px; position: absolute; left: 0px; top: 0px; z-index: 2;} #p-company.content-container #nav-l1 { width: 110px; height: 100%; position: absolute; left: -146px; z-index: 10; padding-right: 11px; } #p-company.content-container #nav-l1 .shadow { z-index: 10; right: 0px;} #p-company.content-container #nav-l1 .nav-content { width: 111px; background: #fff; position: absolute;} #p-company.content-container #nav-l1 .nav-content .menu { margin-top: 190px; padding-left: 13px;} #p-company.content-container #nav-l1 .nav-content .menu a { width: 92px; display: block; text-indent: -9999px; margin: 1px 0px;} #p-company.content-container #nav-l1 .nav-content .menu a#our-profile { background: url('img/page-company-nav.png') 0px 0px no-repeat; height: 30px;} #p-company.content-container #nav-l1 .nav-content .menu a#our-profile:hover, #p-company.content-container #nav-l1 .nav-content .menu a#our-profile.nav-active { background: url('img/page-company-nav.png') -92px 0px no-repeat; height: 30px;} #p-company.content-container #nav-l1 .nav-content .menu a#m-services { background: url('img/page-company-nav.png') 0px -30px no-repeat; height: 20px; } #p-company.content-container #nav-l1 .nav-content .menu a#m-services:hover, #p-company.content-container #nav-l1 .nav-content .menu a#m-services.nav-active { background: url('img/page-company-nav.png') -92px -30px no-repeat; height: 20px;} #p-company.content-container #nav-l1 .nav-content .menu a#tce { background: url('img/page-company-nav.png') 0px -52px no-repeat; height: 20px;} #p-company.content-container #nav-l1 .nav-content .menu a#tce:hover, #p-company.content-container #nav-l1 .nav-content .menu a#tce.nav-active { background: url('img/page-company-nav.png') -92px -52px no-repeat; height: 20px;} #p-company.content-container #nav-l1 .nav-content .menu a#design-services { background: url('img/page-company-nav.png') 0px -71px no-repeat; height: 20px;} #p-company.content-container #nav-l1 .nav-content .menu a#design-services:hover, #p-company.content-container #nav-l1 .nav-content .menu a#design-services.nav-active { background: url('img/page-company-nav.png') -92px -71px no-repeat; height: 20px;} #p-company.content-container #nav-l1 .nav-content .menu a#communication-services { background: url('img/page-company-nav.png') 0px -90px no-repeat; height: 20px;} #p-company.content-container #nav-l1 .nav-content .menu a#communication-services:hover, #p-company.content-container #nav-l1 .nav-content .menu a#communication-services.nav-active { background: url('img/page-company-nav.png') -92px -90px no-repeat; height: 20px;} #p-company.content-container .nav-content { height: 100%; clear: left; float: left;} #p-company.content-container #nav-l2 { width: 281px; height: 100%; position: absolute; left: -291px; z-index: 8; padding-right: 10px; padding-right/*\**/: 14px\9; } #p-company.content-container #nav-l2 .shadow { z-index: 6; right: 0px;} #p-company.content-container #nav-l2 .nav-content { width: 281px; width/*\**/: 285px\9; position: absolute; z-index: 8; left: 0px; background: #fff; } #p-company.content-container #nav-l2 .nav-content h1 { margin: 145px 0px 0px 0px; padding: 0px 0px 0px 23px; height: 45px; text-indent: -9999px;} #p-company.content-container #nav-l2 .nav-content h1#our-profile { background: url('img/title-company-profile.png') 23px top no-repeat; } #p-company.content-container #nav-l2 .nav-content h1#tce { background: url('img/title-company-tcetm.png') 23px top no-repeat; } #p-company.content-container #nav-l2 .nav-content h1#design-services { background: url('img/title-company-design.png') 23px top no-repeat; } #p-company.content-container #nav-l2 .nav-content h1#communication-services { background: url('img/title-company-communication.png') 23px top no-repeat; } #p-company.content-container #nav-l2 .nav-content .scroll-wrapper { padding: 23px; width: 220px; height: 400px; overflow: hidden; position: relative; } #p-company.content-container #nav-l2 .nav-content #scroll-content { top: 0px; position: absolute; font-size:11px; line-height: 16px; color: #7F7F7F; width: 220px; } #p-company.content-container #nav-l2 .nav-content #scroll-pane { padding: 23px; width: 255px; width/*\**/: 259px\9; height: 400px; font-size:11px; line-height: 16px; color: #9A9A9A; } #p-company.content-container #slider { width: 16px; height: 300px; position: absolute; z-index: 7; left: 264px; top: 250px; } #p-company.content-container a.ui-slider-handle { width: 16px; height: 115px; display: block; position: absolute; background: transparent url('img/slider.png') no-repeat; z-index: 7; } /*CONTACT PAGE STYLES */ #p-contact.content-container { overflow: hidden; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; } #p-contact.content-container #nav-wrapper { overflow: hidden; height: 100%; width: 290px; position: absolute; left: 0px; top: 0px; z-index: 2;} #p-contact.content-container .nav-content { height: 100%; clear: left; float: left;} #p-contact.content-container #nav-l2 { width: 240px; height: 100%; position: absolute; left: -256px; z-index: 8; } #p-contact.content-container #nav-l2 .shadow { z-index: 6; right: 0px;} #p-contact.content-container #nav-l2 .nav-content { width: 230px; position: absolute; z-index: 8; left: 0px; background: #fff; } #p-contact.content-container #nav-l2 .nav-content .scroll-wrapper { padding: 23px; width: 183px; height: 400px; overflow: hidden; position: relative; } #p-contact.content-container #nav-l2 .nav-content #nav-content-wrapper { margin-top: 145px;} /* #p-contact.content-container #nav-l2 .nav-content #scroll-content { top: 0px; position: absolute; font-size:11px; line-height: 16px; color: #9A9A9A; width: 183px; } #p-contact.content-container #nav-l2 .nav-content #scroll-content a { color: #9A9A9A; text-decoration: none; } #p-contact.content-container #nav-l2 .nav-content #scroll-content .brown { color: #413000; font-size: 12px; font-weight: bold;} #p-contact.content-container #nav-l2 .nav-content #scroll-content .gray { color: #4F4F4F; font-size: 12px; font-weight: bold;}*/ #p-contact.content-container #nav-l2 .nav-content #scroll-pane { padding: 23px; width: 204px; height: 400px; font-size:11px; line-height: 16px; color: #9A9A9A; } #p-contact.content-container #nav-l2 .nav-content #scroll-pane a { color: #9A9A9A; text-decoration: none; } #p-contact.content-container #nav-l2 .nav-content #scroll-pane .brown { color: #413000; font-size: 12px; font-weight: bold;} #p-contact.content-container #nav-l2 .nav-content #scroll-pane .gray { color: #4F4F4F; font-size: 12px; font-weight: bold;} #p-contact.content-container #nav-l2 .nav-content h1#contact { display: none;} #p-contact.content-container #nav-l2 .nav-content h2#offices { margin: 0px 0 0px; padding: 0px; height: 17px; text-indent: -9999px; background: url('img/subtitle-offices.png') left top no-repeat; } #p-contact.content-container #nav-l2 .nav-content h2#recruitment { margin: 30px 0 0px; padding: 0px; height: 17px; text-indent: -9999px; background: url('img/subtitle-recruitment.png') left top no-repeat; } #p-contact.content-container #nav-l2 .nav-content h2#contact-us { margin: 30px 0 0px; padding: 0px; height: 17px; text-indent: -9999px; background: url('img/subtitle-contactus.png') left top no-repeat; } #p-contact.content-container #slider { width: 16px; height: 300px; position: absolute; z-index: 7; left: -30px; top: 250px; } #p-contact.content-container a.ui-slider-handle { width: 16px; height: 115px; display: block; position: absolute; background: transparent url('img/slider.png') no-repeat; z-index: 7; } /*PORTFOLIO PAGE STYLES */ #p-portfolio.content-container { overflow: hidden; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; } #p-portfolio.content-container #nav-wrapper { overflow: hidden; height: 100%; width: 406px; position: absolute; left: 0px; top: 0px; z-index: 2;} #p-portfolio.content-container #nav-l1 { width: 110px; width/*\**/: 109px\9; height: 100%; position: absolute; left: -146px; z-index: 10; padding-right: 11px; padding-right/*\**/: 12px\9; } #p-portfolio.content-container #nav-l1 .shadow { z-index: 10; right: 0px;} #p-portfolio.content-container #nav-l1 .nav-content { width: 111px; background: #fff; position: absolute; left: 0px;} #p-portfolio.content-container #nav-l1 .nav-content .menu { margin-top: 190px; padding-left: 13px;} #p-portfolio.content-container #nav-l1 .nav-content .menu a { width: 66px; display: block; text-indent: -9999px; margin: 1px 0px;} #p-portfolio.content-container #nav-l1 .nav-content .menu a#m-tce { background: url('img/page-portfolio-nav.png') 0px 0px no-repeat; height: 27px;} #p-portfolio.content-container #nav-l1 .nav-content .menu a#m-tce:hover, #p-portfolio.content-container #nav-l1 .nav-content .menu a#m-tce.nav-active { background: url('img/page-portfolio-nav.png') -64px 0px no-repeat; background/*\**/: url('img/page-portfolio-nav.png') -65px 0px no-repeat\9; height: 27px;} #p-portfolio.content-container #nav-l1 .nav-content .menu a#m-products { background: url('img/page-portfolio-nav.png') 0px -27px no-repeat; height: 27px; } #p-portfolio.content-container #nav-l1 .nav-content .menu a#m-products:hover, #p-portfolio.content-container #nav-l1 .nav-content .menu a#m-products.nav-active { background: url('img/page-portfolio-nav.png') -64px -27px no-repeat; background/*\**/: url('img/page-portfolio-nav.png') -65px -27px no-repeat\9; height: 27px;} #p-portfolio.content-container #nav-l1 .nav-content .menu a#m-identities { background: url('img/page-portfolio-nav.png') 0px -54px no-repeat; height: 27px;} #p-portfolio.content-container #nav-l1 .nav-content .menu a#m-identities:hover, #p-portfolio.content-container #nav-l1 .nav-content .menu a#m-identities.nav-active { background: url('img/page-portfolio-nav.png') -64px -54px no-repeat; background/*\**/: url('img/page-portfolio-nav.png') -65px -54px no-repeat\9; height: 27px;} #p-portfolio.content-container .nav-content { height: 100%; clear: left; float: left;} #p-portfolio.content-container #nav-l2 { width: 130px; padding-right: 10px; padding-right/*\**/: 12px\9; height: 100%; position: absolute; left: -150px; z-index: 8; } #p-portfolio.content-container #nav-l2 .shadow { z-index: 6; right: 0px;} #p-portfolio.content-container #nav-l2 .nav-content { width: 131px; position: absolute; z-index: 8; left: 0px; background: #fff; padding-top: 30px; } /* #p-portfolio.content-container #nav-l2 .nav-content .scroll-wrapper { padding: 0px; width: 130px; height: 100%; overflow: hidden; position: relative; } #p-portfolio.content-container #nav-l2 .nav-content #scroll-content { top: 0px; position: absolute; font-size:11px; line-height: 16px; color: #7F7F7F; width: 130px; }*/ #p-portfolio.content-container #nav-l2 .nav-content #scroll-pane { width: 147px; height: 400px; font-size:11px; line-height: 20px; color: #777777; padding: 0px; } #p-portfolio.content-container #slider { width: 16px; height: 300px; position: absolute; z-index: 7; left: -20px; top: 250px; } #p-portfolio.content-container a.ui-slider-handle { width: 16px; height: 115px; display: block; position: absolute; background: transparent url('img/slider.png') no-repeat; z-index: 7; } #p-portfolio.content-container a.portfolio-item {display: block; width: 108px; padding: 10px 0px 10px 23px; margin: 10px 0px; font-size: 10px; color: #6B6B6B; text-decoration: none; line-height: 12px;} #p-portfolio.content-container a.portfolio-item.p-active {display: block; background: #C8C8C8; color: #fff;} #p-portfolio.content-container a.portfolio-item .p-img-wrapper { width: 90px; height: 90px; background: #D8D8D8; border: 1px solid #E1E1E1; margin-bottom: 10px;} #p-portfolio.content-container a.portfolio-item strong { font-size: 12px;} div#post-data-holder { position: absolute; z-index: 2; right: 0px; bottom: -141px; width: 600px; background: url('img/opacity.png') repeat; height: 140px;} div#post-data-holder .col-holder { background: url('img/opacity.png') repeat; height: 120px;} div#post-data-holder .col-holder h3 { margin: 0px; font-size: 14px; font-weight: bold; padding: 0px; color: #fff; } div#post-data-holder .pd-images { font-size: 11px; color: #fff; padding: 5px 15px; background: url('img/opacity.png') repeat;} div#post-data-holder .pd-image-switch { display: block; background: url('img/image-switch-bullet.png') center center no-repeat; width: 15px; height: 15px; text-indent: -9999px; margin-right: 5px;} div#post-data-holder .pd-image-switch.activeSlide, div#post-data-holder a.pd-image-switch:hover { background: url('img/image-switch-bullet-over.png') !important;} div#post-data-holder #div-line { width: 100%; height: 1px; line-height: 1px; background: #fff; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;} div#post-data-holder .pd-col1 { font-size: 12px; color: #BBBBBB; padding: 5px 10px 5px 15px; line-height: 16px;} div#post-data-holder .pd-col1 a { color: #fff; text-decoration: underline;} div#post-data-holder .pd-col1 a:hover { text-decoration: none;} div#post-data-holder .pd-col2 { width: 250px; font-size: 11px; color: #fff; padding: 5px 10px 0px 10px; line-height: 16px; height: 95px; overflow: hidden; } div#post-data-holder .pd-col3 { width: 250px; font-size: 11px; color: #fff; padding: 5px 15px 0px 10px; line-height: 16px; height: 95px; overflow: hidden; } div.hp-col { width: 300px; font-size: 11px; color: #B3B4B4; padding: 10px 10px 5px 15px; line-height: 14px; height: 90px; overflow: hidden; margin-right: 10px; background: transparent url(img/hp-col-divider.png) no-repeat scroll 134px 13px;} div.hp-col img, div.hp-col a { display: block; } /*NEWS PAGE STYLES */ #p-news.content-container { overflow: hidden; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; } #p-news.content-container #nav-wrapper { overflow: hidden; height: 100%; width: 580px; position: absolute; left: 0px; top: 0px; z-index: 2;} #p-news.content-container .nav-content { height: 100%; clear: left; float: left;} #p-news.content-container #nav-l2 { width: 570px; height: 100%; position: absolute; left: -590px; z-index: 8; } #p-news.content-container #nav-l2 .shadow { z-index: 6; right: 0px;} #p-news.content-container #nav-l2 .nav-content { width: 560px; position: absolute; z-index: 8; left: 0px; background: #fff; } #p-news.content-container #nav-l2 .nav-content .scroll-wrapper { padding: 23px; width: 183px; height: 420px; overflow: hidden; position: relative; } #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper { margin-top: 110px;} #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane { padding: 23px; width: 534px; height: 400px; font-size:11px; line-height: 20px; color: #777777; } #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane h2 { color: #413000; margin: 0px; font-size: 16px !important;} #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane h2 a { color: #413000; text-decoration: none;} #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane h2 a:hover { text-decoration: underline;} #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane .entry { line-height: 16px; } #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane .postmetadata { padding: 3px 5px; background: #E2E2E2; margin: 0px;} #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane .posttags { padding: 3px 5px; color: #646464; margin: 0px;} #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane .posttags a, a.more-link { color: #413000; text-decoration: underline; } #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane .posttags a:hover, a.more-link:hover { text-decoration: none; } #p-news.content-container #nav-l2 .nav-content #nav-content-wrapper #scroll-pane .post { margin-bottom: 15px; width: 510px !important; padding: 0px 5px !important;} #p-news.content-container #nav-l2 .nav-content #scroll-content { top: 0px; position: absolute; font-size:11px; line-height: 16px; color: #9A9A9A; width: 183px; } #p-news.content-container #nav-l2 .nav-content #scroll-content a { color: #9A9A9A; text-decoration: none; } #p-news.content-container #nav-l2 .nav-content #scroll-content .brown { color: #413000; font-size: 12px; font-weight: bold;} #p-news.content-container #nav-l2 .nav-content #scroll-content .gray { color: #4F4F4F; font-size: 12px; font-weight: bold;} #p-news.content-container #slider { width: 16px; height: 300px; position: absolute; z-index: 7; left: -30px; top: 250px; } #p-news.content-container a.ui-slider-handle { width: 16px; height: 115px; display: block; position: absolute; background: transparent url('img/slider.png') no-repeat; z-index: 7; } #news-assets { line-height: 16px; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0} #news-assets a { color: #4D4D4D; text-decoration: underline; font-size: 11px; display: block; font-weight: bold;} #news-assets a:hover { color: #4D4D4D; text-decoration: none; font-size: 11px; } #news-assets h2 {color: #2F2306; font-size: 16px; font-weight/*\**/: bold\9; } #news-assets a#search-link { background: #413000; float: left; padding: 6px 5px 2px; line-height: 14px; font-size: 12px; font-weight: bold; color: #fff; border: 1px solid #978E74; margin-left: 3px; text-decoration: none;} #news-assets a#search-link:hover { background: #fff; color: #413000; } #news-assets input#search-input { float: left; border: 1px solid #978E74; font-size: 11px; line-height: 11px; padding: 4px;} .commentlist a { color: #413000; text-decoration: none;} .commentlist a { text-decoration: underline;} #submit { background: #413000; padding: 6px 5px 2px; line-height: 11px; font-size: 11px; font-weight: normal; color: #fff; border: 1px solid #978E74; text-decoration: none; cursor: pointer;} h3#comments, #respond h3 { padding: 3px 5px; background: #E2E2E2; margin: 0px; font-weight: normal; color:#777777; font-size: 11px;} #commentform { margin-bottom: 25px;} #scroll-pane { padding: 23px; width: 204px; height: 400px; font-size:11px; line-height: 16px; color: #9A9A9A; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 20px!important; height: 100%; background: none; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: none; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; width: 16px; height: 115px !important; background: transparent url('img/slider.png') no-repeat; cursor: pointer; overflow: hidden; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: none; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } #p-portfolio .jspVerticalBar { right:-4px; top:9px; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /** WDP AJAX Comments Default stylesheet http://webdeveloperplus.com/wordpress/new-wordpress-plugin-wdp-ajax-comments/ **/ .wdpajax-error{ border:1px solid #f9d9c9; padding:5px; color:#ff3311; } .wdpajax-success{ border:1px solid #339933; padding:5px; color:#339933; } .wdpajax-loading{ background:#f0f0f0; padding:5px; } label.error{ float:none !important; padding-left:5px; color:#ff3311; }