/* Theme Name: Longkong 2010 Theme URI: http://longkongstudio.com/ Description: Wordpress theme design for Longkong Studio Co.,Ltd. Version: 0.5 Author: Longkong studio Author URI:http://longkongstudio.com/ Tags: Longkong studio Longkong 2010 v1 http://longkongstudio.com/ This theme was designed and built for Longkong Studio Co.,Ltd. by daclubb, whose blog you will find at http://longkongstudio.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}table {border-collapse:collapse; border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ol,ul { list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym { border:0;} /* * Longkongstudio Stylesheet * Copyright (c) 2009 Recommended Reading, Inc. (http://www.longkongstudio.com) */ /**------------GENERIC HTML TAG----------**/ html {background:#e5e5e5;} body {font: 12px Tahoma, Helvetica, sans-serif ,verdana; color: #333333; /*background:url(images/bg.png) repeat-x;*/} img,a {outline:none;} a {color:#2786c2;text-decoration:none;} a:hover {color:#ffcc00;} a:active {color:#eebb00} input {vertical-align:middle;} h1 {font-size:30px;} h2 {} h3{} h4{} h5{} h6{} input, button { } button { cursor: pointer; } hr { display: none; } p {padding:5px 0 15px 0;} blockquote{} strong { font-weight: bold; } em { color:#999999;} a.current:hover {cursor:default;} /**------------GENERIC CLASS-----------**/ #main-col{zoom:1;} #main-col:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; } .afterclear {zoom:1;} .afterclear:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; } .floatleft {float:left;} .floatright {float:right;} .haft{width:50%;} .half{width:50%;} .read-more {vertical-align:baseline;border-top:1px solid #eee;} .read-more a {font-family:Verdana;color:#999999;font-size:95%;text-decoration:underline;padding:5px 35px 0 0;height:15px;background:url(images/go-to-link.png) no-repeat right 0;display:block;text-align:right;} body div .read-more {vertical-align:baseline;line-height:15px;} .read-more a:hover {color:#ffcc00;} .read-more a:hover{background-position:right -20px;} .read-more a:active{background-position:right -40px;} body.home .read-more {} .stupid-bottom .first-line-one-col-item h3 {font-size:40px;} .post h3 {font-size:22px;padding:2px 15px 0 0;} .page h3 {font-size:22px;padding:2px 15px 0 0;} .orange-en,.orange-vn {font-family:Corbel;font-weight:bold;font-size:14px;} #first-line-one-col p.orange-en,#first-line-one-col p.orange-vn {font-family:Corbel;font-weight:bold;font-size:24px;line-height:27px;color:#999;} .ver-nav li.orange-en,.ver-nav li.orange-vn {font-family:Corbel;font-weight:bold;font-size:15px;} /**------------MAIN LAYOUT------------**/ div#page {width:100%;padding:1px auto 10px;margin:0 auto 10px;background:url(images/top-yellow.png);padding-top:10px} #headOuter {background:#f1f1f1 url(images/header_bg.gif) repeat-x top;border-bottom:1px solid #d8d8d8;} .home #headOuter {height:680px;border-bottom:1px solid #d8d8d8;} .home #contentOuter {border-top:1px solid #fff;border-bottom:1px solid #ccc;background:#fff;} #header,#nav,#content,#local-link,#footer {position:relative;width:960px;margin:0 auto;} #header {height:160px;} #content {padding:1px 10px 30px;_padding:0px 10px 30px;background:none;margin:10px auto 5px;position:relative; width:930px;} .inner {padding:0 20px;} /*-------Foot--------*/ .home #footerOuter {border-top:1px solid #fff;} #footerOuter {width:100%;background:#f1f1f1;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} #copyright {float:right;color:#bbb;background:#e5e5e5;display:block;width:100%;padding :15px 5px 10px ;text-align:right;border-top:1px solid #fff;} #copyright .inner {width:960px;margin:0 auto;display:block;font-size:0.8em;} #copyright .inner a {color:#999;} /*1 COLUMN*/ body div#page .one-colums {width:960px;padding:1px 0 25px;_margin-top:0px; } .one-colums .stupid-top {width:960px;margin:0 auto;background:url(images/one-top-bg.png) top left no-repeat; padding:10px 0 0;} .one-colums .stupid-bottom {width:960px;padding:0 0 10px;background:url(images/one-bottom-bg.png) bottom left no-repeat;/*padding:0 10px;*/} body div#page .one-colums #main-col {background:url(images/one-bg.png) repeat-y; width:940px;padding:10px;} /*2 COLUMNS*/ body div#page .two-colums {width:960px;background:url(images/one-top-bg.png) top left no-repeat; padding:10px 0 0;} .two-colums .stupid-top {width:960px;padding:0 0 10px;background:url(images/one-bottom-bg.png) bottom left no-repeat;/*padding:0 10px;*/} .two-colums .stupid-bottom {width:940px;padding:10px ;background: url(images/one-bg.png) bottom left} .two-colums #left-col {float:left;width:230px;margin:0 0 0 0;} .two-colums #main-col {float:left;width:630px;} .two-colums #right-col {float:right;width:250px;margin:0 0 0 20px;} .page .two-colums #main-col {float:left;width:680px;} .page .two-colums #right-col {float:right;width:220px;margin:0 0 0 20px;} .fb-box {float:left;width:250px;} .tweet-box {float:right;width:250px;} .page .two-colums #right-col .fbConnectWidgetTopmost {width:250px!Important;} .fbConnectWidgetTopmost {width:250px;} .fb-box iframe {overflow:scroll;} .fb-box iframe .fbConnectWidgetTopmost {width:250px!Important;} .page .two-colums #right-col .twtr-timeline {height:500px!Important;} .page-id-1209 .two-colums #right-col {float:right;width:520px;margin:0 0 0 20px;} .page-id-1209 .two-colums #main-col {width:380px;} /*3 COLUMNS*/ .three-colums #left-col {float:left;width:305px;margin:0 10px 0 0;} .three-colums #main-col {float:left;width:305px;margin:0 10px 0 0 ;} .three-colums #right-col {float:right;width:300px;margin:0 0 0 0;} body div#page .three-colums {padding:1px 10px 30px;} body.home div#page .three-colums {margin-top:-35px;} /*---------------BRANNDING----------------*/ #branding {position:absolute;top:50px;} #branding a {background:url(images/logo.png) no-repeat;width:476px;height:77px;display:block;text-indent:-19999px;} /*---------------ANNOUNCE----------------*/ #announce {font-size:20px;text-align:center;margin-top:-15px;z-index:50;position:relative;text-shadow:0 1px 1px #fff;} #announce em {font-weight:bold;color:#444;font-style:italic;margin:0 5px 0 0;} /*--------------Tool--------------------*/ #member {position:absolute;top:75px;right:0;} #lan {position:absolute;top:102px;right:0;} #lan li {display:inline} #lan li a{float:left;text-indent:-1999px;width:25px;height:18px;} #lan li .qtrans_flag_and_text {padding-left:5px;} .quick-login {padding:5px 100px 5px 60px;z-index:100;width:250px;margin:15px 0 0 0;} .quick-login {list-style-type:none;} .quick-login li {margin:5px;text-align:right;} .quick-login li.logli,.quick-login li.pwdli { margin:5px;} .quick-login li.logli input,.quick-login li.pwdli input {} .quick-login li.logli label,.quick-login li.pwdli label {margin:5px;} .quick-login input#log ,.quick-login input#pwd {background:#fff;width:150px;border:1px solid #eee;outline:1px #eee;} .quick-login input#log:focus ,.quick-login input#pwd:focus {background:yellow;} .member-list li {float:left;margin-left:5px;} .quick-login a {color:#eeeeee;} .quick-login a:hover {color:#eebb00;} .quick-login a:active {color:#ddaa00;} .login-title {font-family:Verdana;font-size:19px;color:#fff; border-bottom:1px solid #eee;padding:15px 2px;font-weight:bold;} .login-title span {color:#ffcc00;} .login-title-th {font-family:Tahoma;font-size:27px;color:#fff; border-bottom:1px solid #eee;padding:15px 2px;} .login-title-th span {color:#ffcc00;} .close-login { color: white;font-weight:bold; background:#ffcc00;padding:5px;float:right;} .close-login:hover {background:#ff0000; color: white;} .close-login:active{background:#cc0000; color: white;} input.button {cursor:pointer;} .th-login {} /*quick admin*/ #vid10 {width:500px;} #vid10 a { color:#fff;} #vid10 a:hover {color:#f00;} #vid10 h3 {color:#fc0;font-size:150%;font-weight:bold;margin:15px 0 5px 0;} /*lang*/ #header .qtrans_flag_th {background:url(images/th.jpg) no-repeat;} #header .qtrans_flag_en {background:url(images/gb.jpg) no-repeat;} #header .qtrans_flag_vn {background:url(images/vn.jpg) no-repeat;} #lan ul.qtrans_language_chooser li a {width:23px;height:14px;background-position:0 0;} #lan ul.qtrans_language_chooser li a:hover {background-position:0 -14px;} #lan ul.qtrans_language_chooser li.active a {background-position:0 -28px;cursor:default;} /*--------------Banner-----------------*/ #banner{margin:10px auto 0;width:960px;min-height:417px;background:url(images/screen_t.jpg) no-repeat bottom center;} #small-banner {margin:20px 0 30px 0;padding:0 7px;display:inline;width:270px;} #small-banner li {border:none;display:inline;padding:0;} #small-banner li img ,.third-small-banner img{border:#d0d0d0 1px solid;} #small-banner li img {float:left;width:125px;display:block;margin:0 0px 0 17px;_margin:0 0px 0 9px;} #small-banner li.first-small-banner img {margin-left:5px;_margin-left:7px;_margin-right:10px;} #small-banner li p {padding:0 0 0 0;margin:0 0 0 0;} #small-banner li.first-small-banner a img,#small-banner li.secound-small-banner a img {} .third-small-banner {width:270px;padding:0!important;text-align:right;margin:0 auto;/*margin:175px auto 0;_margin:175px auto 0;*/} .third-small-banner p {padding:0;} .third-small-banner p img {margin:2px 0 0 0;} #banner-page {margin:0 10px;} /**-------------NAVIGATION-------------**/ /*hor nav*/ .hor-nav {position:relative;} .hor-nav li {display:inline;float:left;} .hor-nav li a{} #nav { padding:0;width:960px;height:38px;background-image:url('images/nav-bg.png');} #nav .hor-nav li {display:inline;float:none;} #nav .hor-nav li a {float:left; height:0px; padding-top:38px; overflow:hidden;position: relative;z-index: 1;} #nav .hor-nav a{cursor:pointer;background-image:url('images/nav-bg.png');background-repeat:no-repeat;} .sub-nav {background:#eee url(images/sub-nav-bg.png) repeat-x; height:15px;padding:7px 0 7px 47px;width:915px;margin:0 auto;} .sub-nav li {color:#aaa;margin:0 10px 0 0;} .sub-nav li a {margin-right:5px;} #nav .hor-nav li a{ -webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} #nav .hor-nav li a:active {-webkit-transition:none;} /*Main Nav*/ #nav .hor-nav li#navHome a {width:71px;background-position:0px 0;} #nav .hor-nav li#navProducts a {width:89px;background-position:-71px 0;} #nav .hor-nav li#navServices a {width:90px;background-position:-160px 0;} #nav .hor-nav li#navAbout a {width:75px;background-position:-250px 0;} #nav .hor-nav li#navNews a {width:71px;background-position:-325px 0;} #nav .hor-nav li#navContact a {width:78px;background-position:-396px 0;} /* BUTTONS:HOVER */ #nav .hor-nav li#navHome a:hover {background-position:0px -38px;} #nav .hor-nav li#navProducts a:hover {background-position:-71px -38px;} #nav .hor-nav li#navServices a:hover {background-position:-160px -38px;} #nav .hor-nav li#navAbout a:hover {background-position:-250px -38px;} #nav .hor-nav li#navNews a:hover {background-position:-325px -38px;} #nav .hor-nav li#navContact a:hover {background-position:-396px -38px;} /* BUTTONS:ACTIVE */ #nav .hor-nav li#navHome a:active {background-position:0px -76px;} #nav .hor-nav li#navProducts a:active {background-position:-71px -76px;} #nav .hor-nav li#navServices a:active {background-position:-160px -76px;} #nav .hor-nav li#navAbout a:active {background-position:-250px -76px;} #nav .hor-nav li#navNews a:active {background-position:-325px -76px;} #nav .hor-nav li#navContact a:active {background-position:-396px -76px;} /* BUTTONS.CURENT */ #nav li#navHome a.current, #nav li#navHome a.current:hover {background-position:0px -114px;} #nav li#navProducts a.current, #nav li#navProducts a.current:hover {background-position:-71px -114px;} #nav li#navServices a.current, #nav li#navServices a.current:hover {background-position:-160px -114px;} #nav li#navAbout a.current, #nav li#navAbout a.current:hover {background-position:-250px -114px;} #nav li#navNews a.current, #nav li#navNews a.current:hover {background-position:-325px -114px;} #nav li#navContact a.current, #nav li#navContact a.current:hover {background-position:-396px -114px;} #nav li a.current {} /*TOP MENU*/ /* #topmenu {height:30px;float:right;background:#0d72a3 left 45px no-repeat;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;} #topmenu .hor-nav{margin:5px 0 0 0;} #topmenu:hover {height:40px;} #topmenu:hover .hor-nav{margin:15px 0 0 0;} */ #topmenu {margin-top:-12px;height:40px;float:right;background:url(images/top-menu-bg.png) left top no-repeat;} #topmenu .hor-nav{margin:12px 0 0 0;float:right;height:20px;padding:5px 0 0 0;} #topmenu .customer {border-right: 1px solid #8baaba;padding:0 5px 0 6px;} #topmenu .Request {padding:0 6px;} #topmenu a { padding:1px;color:#fff;margin-top:10px;font-weight:bold;} #topmenu a span{color:#fc0;} #topmenu a:hover span {color:#fc0;} #topmenu a:hover {background:#3f9fdc;} #topmenu a:active {background:#085383;} /* #topmenu {height:50px;float:right;background:url(images/topmenu_left_bt.jpg) #0d72a3 left 45px no-repeat;} #topmenu .hor-nav{height:15px;float:right;background:url(images/topmenu_right_bt.jpg) right 45px no-repeat;margin:25px 0 0 0;} #topmenu:hover {background-color:#0d72a3;background:url(images/topmenu_left.jpg) left 45px no-repeat;} #topmenu .hor-nav:hover {background:url(images/topmenu_rightjpg) right 45px no-repeat;} */ /*background:#71b4d5;color:#fff;-moz-border-radius-bottomleft:5px;--moz-border-radius-bottomright:5px;}/* /*------------SEARCH------------*/ /*on nav*/ #nav #searchform input#s,#nav #searchform input#searchsubmit {float:left;border:0;outline:0;} #nav #searchform div.search {background:url(images/search-feild-left.png) no-repeat left;height:20px;padding-left:20px;width:160px;z-index:2;top:10px;right:10px;position:absolute;_top:10px;_left:85px;_position:relative;_background:none;} /*#nav #searchform div.search {margin:10px 0 0 100px;}*/ #nav #searchform input#s {background:url(images/search-feild-middle.png);height:16px;padding:2px 0;font-size:14px;font-style:italic;color:#cbcbcb;width:140px;} #nav #searchform input#s:focus {color:#3e3e3e;font-style:normal;} #nav #searchform input#searchsubmit {height:20px;} /*-----sepesific style----*/ .two-colums h2 {font-size:28px;margin:0 10 15px;} .two-colums div.post h3 {font-size:15px;font-weight:bold;} .inner div.post {border-bottom:1px solid #ccc;padding:1.5em 0;margin 10px 0;} .two-colums #main-col .inner small {color:#666666;font-size:14px;margin:2px;} .two-colums #main-col .inner .post h3 {font-size:2em;font-weight:normal;} /*benefit or side sub nav */ .two-colums #left-col .ver-nav {border-top:1px solid #e3e3e3;} .benefit-nav li.title {font-weight:bold;background:#ececec;} .benefit-nav li.title h2{font-size:17px;_font-size:15px;text-shadow:0 1px 0 #fff;} .benefit-nav li a {padding:10px 30px;display:block;} .benefit-nav li a:hover {background:#efefef url(images/arrow-right2.png) no-repeat center right;} .benefit-nav li a:active {background:#aaa url(images/arrow-right2.png) no-repeat center right ;} .benefit-nav li a.current {background:#efefef url(images/arrow-right2.png) no-repeat center right ;} .sub-nav a:active {color:#ccaa00; } .sub-nav a.current {color:#ddaa00;} /*----Customer 's Zone-----*/ .category-cust-zone {} .category-cust-zone #main-col {line-height:20px;} .category-cust-zone #main-col ul {margin:10px 11px 20px;} .category-cust-zone #main-col .half h3 {font-size:17px;color:#333; _font-size:17px;text-shadow:0 1px 2px #eee;background:#ccc;box-shadow: 0 1px 2px rgba(0,0,0,.2);padding:5px 10px;margin:5px 10px 0 0;-moz-border-radius:10px;font-family:"Trebuchet MS";} .category-cust-zone #main-col .half h3:hover {} .category-cust-zone #main-col .half h3.title {background:#067cb7;background: -moz-linear-gradient(top, #067cb7, #006699);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#067cb7', endColorstr='#006699');-moz-border-radius:0px;-moz-border-radius-topright:10px;font-size:20px;text-shadow:0 1px 2px #333;color:#fff;font-weight:bold;font-family:"Trebuchet MS";} /*-------HOME module---------*/ body.home .module {background:#fff url(images/module-bottom-bg.png) no-repeat bottom;position:relative;width:303px;padding:0 0 10px 0;} body.home .module h2,.home .module h3{padding:0 15px} body.home .module li {list-style-type:none;} body.home .news-front {background:#fff url(images/module-bottom-bg.png) no-repeat bottom;height:890px;} body.home div#page div#content .news-front h2 {background:url(images/module-head-bg.png) top no-repeat!Important;} .products-front,.testimonails-front,.news-front,.blog-front,.services-front{position:relative;} .products-front,.video-front {height:400px;} .testimonails-front {height:470px;} .products-front,.news-front,.video-front {margin-top:20px;} .testimonails-front,.blog-front,.services-front {margin-top:10px;} .blog-front,.services-front {height:225px;} .video-front div.videowrap{} .services-front li ,.blog-front li{padding-bottom:7px;} .home .products-front .module-inner {padding-bottom:61px;} .home .video-front .module-inner {padding-bottom:89px;} .home .testimonails-front .module-inner {padding-bottom:31px;} .home .services-front .module-inner {padding:25px 10px 55px;} .home .blog-front .module-inner {padding-bottom:81px;} .home .news-front .module-inner {height:800px;} /*Module-head*/ body.home .module h2{background:url(images/module-head-bg.png) top no-repeat;height:30px;border-bottom:1px #ccc solid;color:#2786c2;margin:0;} body.home .module h2 a {width:200px;height:10px;text-indent:-19999px;padding:22px 0 0 0;display:block;background-position:left center;} body.home .module-inner {padding:15px 10px 50px;border-left:1px solid #ccc;border-right:1px solid #ccc;position:relative;} .products-front h2 a{background:url(images/our-products.png) no-repeat ;} .video-front h2 a {background:url(images/longkong-video.png) no-repeat ;} .testimonails-front h2 a {background:url(images/testimonails.png) no-repeat ;} .services-front h2 a {background:url(images/services.png) no-repeat ;} .blog-front h2 a{background:url(images/longkong-blog.png) no-repeat ;} .news-front h2 a {background:url(images/news.png) no-repeat ;display:block;height:39px;} /*module testimonials*/ body.home .testimonails-front {background:#ffffff url(images/module-bottom-bg.png) no-repeat bottom !Important;} body.home .testimonails-front blockquote h3 a{font-size:150%;} body.home .testimonails-front blockquote h3 {padding-top:10px;margin-top:15px;float:right;} body.home .testimonails-front blockquote .logo {float:right;clear:both;} body.home .testimonails-front blockquote .logo img {height:60px;} body.home .testimonails-front blockquote {height:400px;line-height:20px;overflow:hidden;} body.home .testimonails-front .module-inner {background:#ffffff url(images/testimonails-front-bg.png) no-repeat;} .testimonails-box blockquote {height:300px;line-height:20px;no-repeat; padding:10px;margin:0 0 20px 0;} .testimonails-box {background:#ffffff url(images/module-bottom-bg.png) no-repeat bottom !Important; margin-bottom:10px;} .testimonails-box .module-inner {background:#ffffff url(images/testimonails-front-bg.png) no-repeat;padding:15px 10px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;position:relative;} .testimonails-box h2 {height:19px;padding:10px;font-size:15px;font-weight:bold;color:#eee;text-shadow:0 1px 0 #000;background:#eee url(images/module-head-bg.png) top no-repeat!Important;} div.testimonails-box{width:300px;height:400px;float:left;margin:5px 5px 10px;background:#fff url(images/module-bottom-bg.png) no-repeat bottom;} #testimonail-wrap {margin:30px 0;} /*----------Product-----------*/ .products-front ul li {float:left;margin-bottom:15px;_margin-bottom:8px;display:block;height:60px;} .products-front ul li img {float:left;padding:4px;background:#feeeb5;margin:0 10px 0 0;} .products-front ul li img:hover {background:#fc0;} .products-front ul li a:hover img {background:#ffcc00;} .products-front ul li:hover img {background:#ffcc00;} body.home .products-front ul li h3 {font-size:14px;font-weight:bold;padding:0;} .one-colums p{padding:2px 0 18px;line-height:18px;} .pjm-main {height:280px;background:url(images/lite-gradient.png) repeat-x;padding:10px 0 5px;} .pjm-main h3 {padding-bottom:15px;} .pjm-main h3 a{font-size:30px;} .pjm-main h3 a:hover {color:#000;} .pjm-main .text {width:40%;padding-left:8%;margin-top:20px;} .pjm-main .text h6 {font-size:16px;} .pjm-main .more-link {display:none;} .pjm-main .read-more {border:none;margin:20px 0 0;display:block;} .pjm-main .img {width:50%} .second-line-three-col-item h3.orange {height:13px;} .second-line-three-col-item .product-detail {padding:30px;} .second-line-three-col .second-line-three-col-item {float:left;width:260px;margin:0 20px;_margin:0 15px} .first-line-one-col-item .text {margin-top:20px;} .second-line-three-col {margin-top:40px;} .second-line-three-col-item h3 {margin:5px 0 15px 0;} .second-line-three-col-item h3 a {font-size:25px;} .second-line-three-col-item .text {position:relative;height:260px;} .second-line-three-col-item .read-more {position:absolute;bottom:10px;right:0;width:260px;padding-top:10px;} .second-line-three-col-item .more-link {display:none;} #first-line-one-col h3.orange {font-size:46px;_font-size:30px;} #first-line-one-col p.orange {font-size:25px;line-height:30px;_font-size:17px;color:#999;margin:0px 0 0 0;} #first-line-one-col h3.orange-en {} #first-line-one-col p.orange-en {} #first-line-one-col h3.orange-en {} #center {text-align:center;} .product-detail h3 {font-size:30px;_font-size:20px;color:#2786c2;margin:0 0 25px 0;} /*feature table*/ #feature-comp {width:100%;} #feature-comp td,#feature-comp th{padding:10px;margin:2px;background:#E8EDFF;border-top:1px solid #fff;} #feature-comp tr:hover td,#feature-comp tr:hover th {background:#f9feFF;cursor:text;} #feature-comp td,.tableHeading th{text-align:center;} #feature-comp th {background:#c7cbdd;} #feature-comp tr.tableHeading th {background:#97a7dc;font-size:20px;font-weight:bold;text-shadow:0 1px 0 #ccc;} #feature-comp tr.category td,#feature-comp tr.category th ,#feature-comp tr.subhead td,#feature-comp tr.subhead th{font-size:16px;background:#97a7dc;font-weight:bold;text-shadow:0 1px 0 #ccc;} #feature-comp tr.subhead td,#feature-comp tr.subhead th {border:0;text-align:center;} /*read more front*/ .products-front .read-more,.blog-front .read-more ,.services-front .read-more,.testimonails-front .read-more {position:absolute;bottom:0px;right:0;padding:12px 2px 5px; margin:4px 13px 8px 13px;width:270px;} .blog-front .read-more ,.testimonails-front .read-more {padding:12px 2px 5px; margin:4px 13px 8px 13px;} /*video*/ .video-wrap {background:url(images/longkong-loader.gif) no-repeat center;} body.home div.video-front .video-nav {margin-top:15px;_margin-top:0px;clear:left;position:absolute;bottom:5px;right:10px;} body.home div.video-front .video-nav,body.home .video-front .video-nav .next-video ,.video-front .video-nav .back-video {padding:0;} body.home div.video-front .video-nav .next-video ,body.home div.video-front .video-nav .back-video {padding:0;} .video-front .video-nav {float:left;height:25px;} .video-front .video-nav .next-video a {background:url(images/next-video.png) no-repeat;margin-left:135px;} .video-front .video-nav .back-video a {background:url(images/back-video.png) no-repeat;} .video-front .video-nav .next-video a,.video-front .video-nav .back-video a{ width:70px;height:25px;background-position:0 0;display:block;text-indent:-19999px;} .video-front .video-nav .next-video a:hover,.video-front .video-nav .back-video a:hover {background-position:0 -25px;} .video-front .video-nav .next-video a:active,.video-front .video-nav .back-video a:active {background-position:0 -50px;} .video-wrap .pagenigation {position:absolute;bottom:10px;right:10px;} .video-wrap .wp-pagenavi span.pages ,.video-wrap .wp-pagenavi a,.video-wrap .wp-pagenavi a:link,.video-wrap .wp-pagenavi a:visited{border:0;padding:1px 2px;width:10px;} .video-wrap .wp-pagenavi .current {font-weight:normal;color:#fff;border:1px solid #fff;background:#2786C2; padding:1px 2px;} .video-wrap .wp-pagenavi a:hover {color:#fff; background:#49a8e4; } .video-wrap .wp-pagenavi a:active { background:#0564a0;} .video-wrap .vdoView {position:absolute;bottom:10px;left:15px;} .video-wrap .wp-pagenavi span.pages {color:#999;background:none;} .video-front h3 {margin:15px 0 0 0;} .video-front h3 a {font-size:14px;font-weight:bold;} .video-front em {float:left;} .back-video,.next-video {float:left;} .see-big {background:#ccc;padding:2px 5px;color:#fff;float:right;margin:0 6px 0 0;} .see-big:hover {color:#fff;background:#2786c2;} .see-big:active {color:#fff;background:#135782;} #video-wrap .video-content {padding:0;} .video-content:hover .see-big{color:#fff;background:#f00;} .video-content:hover .see-big:hover{color:#fff;background:#d00;} .video-content:hover .see-big:active {color:#fff;background:#aa0000;} div.video h3 a {font-size: 150%;margin:10px 0;} .close-popup,.close-login {float: right; color: white;font-weight:bold;font-size:2em; background:#ffcc00;padding:5px 7px;} .close-popup:hover,.close-login:hover {background:#ff0000;color: white;} .close-popup:active,.close-login:active{background:#cc0000;color: white;} .vdo-pop {padding: 90px 50px 50px 80px; background:url(http://www.longkongstudio.com/wp-content/uploads/2009/01/lk_video3.png) no-repeat 80px top #eee;} .close-login a:hover {color:#fff;} .vdo-pop h3 {margin:15px 0 5px 0;} .loginpop {background:#0D72A3;padding:20px 40px;border:3px solid #F8C300} /*News Front*/ .news-front li {padding:12px 0;width:270px;} .news-front li:first-child {padding-top:0!Important} .news-front li {border-bottom:1px solid #e0e0e0;} .news-front li span {width:165px;float:left;} .news-front li em {float:right;} #news-front-list {margin-bottom:37px;} /*service*/ .service-box {width:400px;float:left;margin:6px 25px;_margin:3px 12px;} #main-col div.service-box .text h3 {font-size:1.3em;} .service-box .pic {width:125px;height:125px;margin:0 20px 0 5px;_margin:0 10px 0 2px;} .service-box .text {width:250px;margin-left:150px;_margin-left:75px;position:relative;height:150px;} .service-box .read-more {margin-top:15px;_margin-top:7px;padding-top:10px;_padding-top:5px;position:absolute;bottom:8px;_bottom:4px;//position:relative;} #banner-sv img {margin-bottom:15px;} .service-box .text h3 {margin-bottom:2px;} /*page*/ .side-banner img {margin-left:10px;} /*local-link*/ #local-link {padding:0 15px 50px;width:930px;} #local-link .stupid-top {padding:30px 0 0 0;} #local-link ul,#local-link li,#local-link ol {list-style-type:none;} #local-link ul li {list-style-position:inside;} #local-link li.widget li {padding: 0 0 5px 0;} .local-link {float:left;} .local-link a {color:#555;font-size:12px;} .local-link a:hover {color:#000;} .local-link a:active {color:#333;} .local-link1,.local-link2,.local-link3 {width:193px;margin:0 10px;} .local-link1 {margin-left:0;} .local-link4 {width:300px;margin:0;} #local-link .widgettitle {font-size:17px;_font-size:15px;_font-weight:bold;margin-bottom:15px;} div.local-link {padding-top:10px;} .sb-title {margin:0;padding:0;} .widgettitle {margin:0;padding:0;} div.local-link p {padding:0;margin:0;} p.yourip {font-size:11px;color:#555;} /*feed*/ ul.feedlist {padding-bottom:20px;} ul.feedlist li {float:left; margin:0 5px 0 0;} ul.feedlist li input.email-fill {width:210px;height:18px;color:#aaa;font-style:italic;} ul.feedlist li input.email-fill:focus {background:yellow;font-style:normal;} ul.feedlist li input.submit {display:block;border:0;outline:0;width:50px; height:20px;background:url(images/subscript.png) no-repeat;text-indent:-19999px;} ul.feedlist li input.submit:hover {cursor:pointer;background-position:0 -20px;} ul.feedlist li input.submit:active {cursor:pointer;background-position:0 -40px;} ul.feedlist li input.submit-en,ul.feedlist li input.submit-vn {display:block;border:0;outline:0;width:50px; height:20px;background:url(images/subscript-en.png);} ul.feedlist {zoom:1;} ul.feedlist:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; } .so-media {display:block;_margin:50px 50px 50px 0;_claer:both;} .so-media a {width:23px; height:23px; text-indent:-9999px;display:block;margin:3px;float:left;} .facebook a {background:url(images/facebook.jpg) no-repeat;} .feed a {background:url(images/feed.jpg) no-repeat;} .twitter a {background:url(images/twitter.jpg) no-repeat;} #text-4 {clear:left;} /*---slider**/ /* image replacement */ .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block;overflow:hidden;text-indent:-8000px; } /* // image replacement */ .ver-nav li {font-size:15px;_font-size:15px;} div div .cform {width:700px;} .cf-fs1 label#label-2-3 textarea {width:600px;} /*post*/ /*.post .entry p {padding:0;margin:1ex 0;}*/ .post .entry {margin-top:8px;} /*.post {border-bottom:1px dashed #ccc;}*/ /*News & Blog*/ #main-col .post h3 {font-size:1.8em;font-weight:normal;} #main-col .post p {line-height:22px;} #main-col .entry {margin:10px 35px 0 0;} #main-col small {font-size:14px;color:#666;margin:2px; } .has-left {border-left:#e5e5e5 solid 1px;} /*sidebar*/ .blogsidebar {margin:20px 0 0 10px;;} .blogsidebar .widgettitle {font-size:1.5em;background:#efefef;padding:0.5ex;width:210px;} .blogsidebar .widget li {padding:1ex 0;list-style-type:none;} .blogsidebar .the_view {margin:5px 25px 20px 5px} .blogsidebar .the_view li {color:#999;border-bottom:1px solid #e3e3e3;} .pagenigation {margin-top:15px;clear:both;} #testimonail-wrap .pagenigation {margin:10px 33px 0 3px;float:left;} /*achieve*/ .pagetitle {font-size:2em;margin:0 0 1ex 0;padding:0 0 1ex 0;border-bottom:1px dashed #ccc;} /*relate*/ .related {margin:20px 0;} .related ul {margin:3px;} .related ul li {margin:13px 0;} .rightbar #main-col .related h3 {width:200px;font-size:1.5em;padding:3px;background:#efefef;} /*previous next*/ .previous-next {margin:20px 0 0 0;} .previous {margin:0 30px 0 0;} /*comment*/ .comments-list {width:600px;} .comments-list h2 { color:#000; font: bold 26px/30px "Arial"; letter-spacing: -1px; padding-bottom: 20px;} .comments-list div.entry { margin-bottom: 25px; padding: 25px; border: 1px solid #e5e5e5; background: #ffffff;} .comments-list div.alt { border: 1px solid #e5e5e5; background: #f4f4f4;} .comments-list p.name { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000;} .comments-list p.avt { padding: 0px; margin: 0px; float: right;} .comments-list p.avt img { border: solid 1px #ccc;} * html .comments-list p.avt { left: -60px; } .comments-list p.date { font-size: 11px; margin-bottom: 5px;} .comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999; text-decoration: underline;} .comments-list .con { font: normal 12px/17px "Verdana"; margin-right: 90px; color:#333;} .comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;} .comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; } .comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; } .commentlist{width:600px;} h3#comments { color:#000; font: bold 26px/30px "Arial"; letter-spacing: -1px; padding-bottom: 20px;} .commentlist li { margin-bottom: 25px; padding: 25px; border: 1px solid #e5e5e5; background: #ffffff;} .commentlist .even { border: 1px solid #e5e5e5; background: #f4f4f4;} img.avatar {padding: 0px; margin: 0px 5px 0 0; float: left;border: solid 1px #ccc;} .commentlist .fn { font-weight:bold; font-style:normal;font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000;} .commentlist .commentmetadata { font-size: 11px; margin-bottom: 15px;} .commentlist .commentmetadata a, .commentlist .commentmetadata a:visited, .comments-list p.date a:hover { color:#999; text-decoration: underline;} .reply {margin:15px 0;} .commentlist li .children li {padding:5px;margin-bottom:5px;} .commentlist li .children li .fn {display:block;margin:3px;} .commentlist li .children li .fn:after {content:" reply :";margin:0 5px;font-weight:normal;} .commentlist li .children li span.says {display:none;} .commentlist li .children li .commentlist .commentmetadata {text-decoration:none;} .commentlist li .children li .commentmetadata a, .commentlist li .children li .commentmetadata a:visited, .comments-list p.date a:hover { color:#999; text-decoration: none;} .commentlist li .children li img.avatar {height:32px;width:32px;float:none;display:block;} a#cancel-comment-reply-link {color:red;} a#cancel-comment-reply-link:hover {color:#4779AC;} .commentlist li p {max-width:320px;clear:left;} .video-content:hover .see-big{color:#fff;background:#f00;} .video-content:hover .see-big:hover{color:#fff;background:#d00;} .video-content:hover .see-big:active {color:#fff;background:#aa0000;} .comment-edit-link {padding:3px;background:#eee;color:#fff;} .commentlist li:hover .comment-edit-link {color:#fff;background:#f00;} .commentlist li:hover .comment-edit-link:hover {color:#fff;background:#d00;} .commentlist li:hover .comment-edit-link:active {color:#fff;background:#a00;} .coment-number {background:#CCCCCC none repeat scroll 0 0;color:#EEEEEE;float:right;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;font-size:1.5em;line-height:18px;padding:8px;text-align:center;width:25px;clear:none;} /* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .comments-form { border: 1px solid #e5e5e5; background: #f4f4f4; padding: 20px; color: #333333;margin-top:15px;} .comments-form h3 { color:#000; font: bold 26px/30px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #e5e5e5; } .comments-form p { padding: 7px 0px; color:#808080;} .comments-form .required { font-weight: normal; color:#cc0000;} .comments-form input { border: 1px solid #ccc; background: #ffffff; padding: 5px; width: 250px; margin-right: 7px; } .comments-form textarea { border: 1px solid #ccc; background: #ffffff; padding: 4px; width: 98%;} .comments-form .button { border: outset 1px #000; background: #666; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 5px;} #commentform { border: 1px solid #e5e5e5; background: #f4f4f4; padding: 20px; color: #333333;margin-top:15px;} #respond h3 { color:#000; font: bold 26px/30px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #e5e5e5; } #commentform p { padding: 7px 0px; color:#808080;} #commentform .required { font-weight: normal; color:#cc0000;} #commentform input { border: 1px solid #ccc; background: #ffffff; padding: 5px; width: 250px; margin-right: 7px; } #commentform textarea { border: 1px solid #ccc; background: #ffffff; padding: 4px; width: 98%;} #commentform #submit { border: outset 1px #000; background: #666; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 5px;} /* Easy Slider */ #banner li{margin:0;padding:0;list-style:none;position:relative;z-index} #banner li p {margin:0;padding:0;} #banner li div {margin:0;padding:0;} #slider2{margin-top:1em;} /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ #slider li, #slider2 li{ width:960px;height:225px;overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;} #nextBtn, #slider1next{left:696px;} #prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{display:block;position:relative;width:30px;height:77px;background:url(../images/btn_prev.gif) no-repeat 0 0;} #nextBtn a, #slider1next a{background:url(../images/btn_next.gif) no-repeat 0 0;} /* numeric controls */ ol#controls{height:17px;padding:2px 5px 0;top:375px;width:115px;margin:10px 5px 0 840px ; position:absolute;background:url(images/banner-num-nav.png) no-repeat left center ;} ol#controls li{display:inline;list-style:none;margin-top:3px;} ol#controls li a{color:#555;padding:0 4px;margin:0 1px;text-decoration:none;font-weight:bold;color:#ffffff;font-size:10px;border:1px white solid;} ol#controls li a:hover{background:#ffcc00;} ol#controls li a:active{background:#ccaa00;} ol#controls li.current a{background:#5DC9E1;color:#fff;} ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} #controls1 {padding-left:7px;} /* // Easy Slider */ #posttools10 {top:20px!Important;} .linklove a,.linklove em {color:white;cursor:default} .cf-ol textarea {width:600px;} .cf-fs1 {padding:20px;border:1px solid #ccc;} .cf-fs1 legend {font-size:3em;color:#333;} #label-2-3 span {width:100px;display:block;color:#2786C2;margin:2px 0;} .cf-sb #sendbutton2 {background: #666666; border:1px outset #000000; color:#FFFFFF; font-size:11px; font-weight:bold; padding:4px 5px; width:auto;} .cf-sb #sendbutton2:hover {background: #777;} .cf-sb #sendbutton2:active {background: #333;} .reqtxt {display:block;color:red;} .page-id-975 #main-col .entry {margin:0;padding:0;}