/* ------------------------------------------- CSS MAP ------------------------------------------- A) GENERAL LAYOUT 1. Main 2. Header 3. Menus 4. Slider 5. Slogan and Quote 6. Main list 7. Footer 8. Guide B) PAGE / SINGLE 1. 2 Colums main 2. Sidebar 3. Fullwidth 4. Single & Page 5. Comments in single C) OTHERS 1. Widgets 2. Shortcode 3. Page Nav 4. 404 ------------------------------------------- */ /* A) GENERAL LAYOUT ------------------------------------------- 1. Main ------------------------------------------- */ html{overflow-y:auto;overflow-x:hidden;} .guidewrap,h1,h2,h3,h4,h5{ /* Set main title font */ font-family:abel, Arial, sans-serif; } #content{ padding-bottom:22px } /*------------------------------------------- 2. Header -------------------------------------------*/ #header{min-height:160px; width:100%;z-index:99;position:relative; } .headerbar{min-height:50px; height:auto;} .headerlogo{max-width:940px; margin:0 auto; padding:0 40px;} h1#logo{padding-top:37px;float:left;} h1#logo a{text-decoration:none; font-size:38px; color:#CCCCCC} .headerbarwrap{ max-width:940px; margin:0 auto; padding:0 40px;} .socialicons{ padding-top:13px;} .socialicons a{ display:block; float:left; margin-right:10px; margin-bottom:10px;} .socialicons img{ -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; } #search_header{ float:right;margin-top:-2px; width:120px; position:relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #search_header .textboxsearch_header{background:url(../img/space.gif); width:140px;height:13px; padding-top:6px; padding-bottom:6px;border:0 none; font-size:12px; margin-left:10px;color:#666; } #search_header .submitsearch_header{ width:17px; height:17px; position:absolute; right:4px; top:5px; border:0 none;text-indent:-5000px; overflow:hidden; cursor:pointer; background: url(../img/search_header.png) no-repeat; } /*------------------------------------------- 3. Menus -------------------------------------------*/ .nav{font-weight:200; font-size:13px;float:right; position:relative; z-index: 990; line-height:20px;margin-top:22px;} .nav2{font-weight:200; font-size:13px;float:left; position:relative; z-index: 990; line-height:20px;margin-top:22px; margin-left:-10px; margin-bottom:20px;} .nav_tri{display:inline-block;font-size:1px; width:7px; height:7px; margin-left:5px; } .nav_tri_original{background-image:url(../img/menustri_grey.png);} /*Menu level one*/ .nav ul{list-style-type:none;left:0;top:0;} .nav ul li{position:relative; float:left;} .nav ul li a{padding:10px;text-decoration:none;display:inline-block; } .navhover{ display:none; width:100%; height:100%;position:absolute; left:0; top:0; -moz-border-radius-topright:2px; -moz-border-radius-topleft:2px; -webkit-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; border-top-right-radius:2px; border-top-left-radius:2px;} .nav ul li span{ display:block;font-size:11px} /*Submenus*/ .nav ul ul{display:none; font-size:12px;width:140px;text-align:left;padding:10px 0 10px 0;margin:0;z-index:999; position:absolute;top:40px; left:0px;right:auto; -moz-border-radius-topright:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; -webkit-border-top-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; } .nav>ul>li:last-child ul{ right:0; left:auto; -moz-border-radius-topleft:2px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; -webkit-border-top-left-radius:2px; border-top-right-radius:0px; border-top-left-radius:2px; } .nav>ul>li:last-child ul ul, .nav>ul>li:nth-last-child(2) ul ul{right:140px; left:auto; -moz-border-radius-topleft:2px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:0px; -webkit-border-top-right-radius:0px; -webkit-border-top-left-radius:2px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:2px; border-top-right-radius:0px; border-top-left-radius:2px; border-bottom-right-radius:0px; border-bottom-left-radius:2px; } .nav ul li li{display:block; position:relative;} .nav li li{float:none;clear:both; margin:0; padding:0; z-index: 20; } .nav ul ul li a{display:block;padding:0 10px 0 10px;margin-top:0;margin:0;width:120px;height:30px;line-height:30px; } .nav ul ul ul{top:-10px;left:140px; right:auto;z-index: 998; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; } .nav ul li a{position: relative;} .mobileMenu{ margin: 10px 0 10px;padding: 10px;width: 100px; font: 13px; -webkit-appearance: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: .8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} /* ------------------------------------------- 4. Slider -------------------------------------------*/ .slidew{ margin:0 auto;padding-bottom:5px;} /*jQuery Brick Slide */ .slide10u{ max-width:940px; position:relative;margin-left:auto; margin-right:auto; } .slide10u ul{ padding:0; margin:0} .slide10u .tabs{position: absolute; top: 0; left: 0;z-index:98;} .slide10u .tabs li{width:184px; height:185px; float:left; display:block;margin-bottom:5px; margin-right:0; overflow:hidden;background:url(../img/slide_10u_mark.png) no-repeat left top; box-shadow: 2px 2px 9px 2px ;} .slide10u .tabs li:nth-child(1), .slide10u .tabs li:nth-child(2), .slide10u .tabs li:nth-child(3), .slide10u .tabs li:nth-child(4), .slide10u .tabs li:nth-child(6), .slide10u .tabs li:nth-child(7), .slide10u .tabs li:nth-child(8), .slide10u .tabs li:nth-child(9), .slide10u .tabs li.border-r{margin-right:5px;} .slide10u li:nth-child(6), .slide10u li:nth-child(7), .slide10u li:nth-child(8), .slide10u li:nth-child(9), .slide10u li:nth-child(10), .slide10u li.border-b{ margin-bottom:0;} .slide10u li .active{display:block !important;} .slide10u .slide-back ,.slide10u .slide-back2 {width: 184px;height:185px;overflow:hidden;text-align:left;cursor:pointer; display:none; background-image:url(../img/bg_slider_block.png); filter:alpha(opacity=90); opacity: .9; } .slide10u h2{font-size:16px; font-weight:200; line-height:20px;display:inline-block; padding:6px 10px 4px 10px; margin:10px 10px 0 10px; color:#fff;background-color:rgba(0, 0, 0, 0.2);} .slidemore{ display:inline-block;line-height:20px;height:20px; padding:4px 20px 6px 10px; margin:0 10px 0 10px; vertical-align:bottom;color:#fff; background-image:url(../img/ico_more_white.gif); background-repeat:no-repeat; background-position:90% 53%;background-color:rgba(0, 0, 0, 0.2);} ul.bgimg{width:940px; height:375px;overflow:hidden;position:relative;z-index:9;} ul.bgimg li{width:940px; height:375px;list-style:none;} ul.bgimg img{width:940px; height:375px;} ul.bgimg div{width: 184px;height:185px;display:block; float:left; display:none; background-color:#fff;} ul.bgimg2{width:940px; height:375px;overflow:hidden;position:absolute;z-index:7; top:0px; left:0px;} ul.bgimg2 li{width:940px; height:375px;list-style:none;} ul.bgimg2 img{width:940px; height:375px;} ul.bgimg2 div{width: 184px;height:185px;display:block; float:left; display:none;} #load{ text-align:center;padding:6px 6px 3px 6px;position:absolute;left:47%;top:43%;background:#fff;z-index:998; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: .8; -moz-border-radius:3px;-webkit-border-radius:3px; } #load p{color:#9f9f9f; } /*6 units*/ .slide6u{ width:625px; position:relative;margin-left:auto; margin-right:auto; margin-bottom:5px; } .slide6u ul{ padding:0; margin:0} .slide6u .tabs{position: absolute; top: 0; left: 0;z-index:98;} .slide6u .tabs li{width:205px; height:205px; float:left; display:block;margin-bottom:5px; margin-right:0; overflow:hidden;background:url(../img/slide_6u_mark.png) no-repeat left top;} .slide6u .tabs li:nth-child(1), .slide6u .tabs li:nth-child(2), .slide6u .tabs li:nth-child(5), .slide6u .tabs li:nth-child(4), .slide6u .tabs li.border-r{margin-right:5px;} .slide6u li:nth-child(4), .slide6u li:nth-child(5), .slide6u li:nth-child(6), .slide6u li.border-b{ margin-bottom:0;} .slide6u li .active{display:block !important;} .slide6u .slide-back ,.slide6u .slide-back2 {width: 205px;height:205px;overflow:hidden;text-align:left;cursor:pointer; display:none; background-image:url(../img/bg_slider_block.png); filter:alpha(opacity=90); opacity: .9; } .slide6u h2{font-size:18px; font-weight:200; line-height:20px;display:inline-block; padding:6px 10px 4px 10px; margin:10px 10px 0 10px; color:#fff;background-color:rgba(0, 0, 0, 0.2);} .slide6u ul.bgimg{width:625px; height:415px;overflow:hidden;position:relative;z-index:9;} .slide6u ul.bgimg li{width:625px; height:415px;list-style:none;} .slide6u ul.bgimg img{width:625px; height:415px;} .slide6u ul.bgimg div{width: 205px;height:205px;display:block; float:left; display:none; background-color:#FFFFFF;} .slide6u ul.bgimg2{width:625px; height:415px;overflow:hidden;position:absolute;z-index:7; top:0px; left:0px;} .slide6u ul.bgimg2 li{width:625px; height:415px;list-style:none;} .slide6u ul.bgimg2 img{width:625px; height:415px;} .slide6u ul.bgimg2 div{width: 205px;height:205px;display:block; float:left; display:none;} /*jQuery Nivo Slide */ #slidewrap{height:373px;margin-left:auto;margin-right:auto;background: url(../img/bg_slide.png) no-repeat 50% 0;} #slider {width:940px;height:373px;margin-left:auto;margin-right:auto;background:url(../img/loading-dark.gif) no-repeat scroll 50% 50% #333; } .bg_nivoslide{ display:block; position:absolute; left:0; top:0; width:940px; height:373px; background:url(../img/bg_nivoslide.png) no-repeat;} #slider img {position:absolute;top:0px;left:0px;} #slider a {border:0 none;display:block;position:relative;} /* The Nivo Slider styles */ .nivoSlider {position:relative;} .nivoSlider img {position:absolute;top:0px;left:0px;display:none; z-index:98} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;} /* The slices in the Slider */ .nivo-slice {display:block;position:absolute; top:0;z-index:50;height:100%;} /* Caption styles */ .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:89;} .nivo-caption p {padding:5px;margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} .nivo-controlNav {position:absolute; right:20px;bottom:20px;Z-INDEX: 99; } .nivo-controlNav a { border:0 none;display:inline-block; float:left;margin-right:5px;text-indent:-9999px;width:65px;height:45px;cursor:pointer;z-index:99;} .nivo-controlNav a.active{ border:2px solid #efefef;} .nivo-controlNav a img{width:65px; height:45px;display:inline-block; position:static;border-style:solid; border-width:2px; border-color:rgba(0,0,0,0.3);} .nivo-controlNav a.active img{ border-color:#CCC;} .nivo-directionNav a{border:0 none;display:block;height:34px;text-indent:-9999px;width:32px;} a.nivo-nextNav{background-position:-32px 0;right:10px;} a.nivo-prevNav{left:10px;} #slidehalf #slider{width:625px;height:415px;margin-left:auto;margin-right:auto;background:url(../img/loading-dark.gif) no-repeat scroll 50% 50% #333;} #slidehalf { margin-bottom:5px;} .slidehalf-mobile{ margin-bottom:5px;} /* ------------------------------------------- 5. Slogan and Quote -------------------------------------------*/ .slogn_full,.slogn_half{ font-size:16px; font-style: italic; padding-left:10px; padding-right:10px; } .slogn_full{padding-top:38px;padding-bottom:37px; margin-bottom:5px;text-align:center; color:#666; text-shadow:#efefef 0 1px 1px;} .slogn_half{padding-top:18px;padding-bottom:17px; margin-bottom:5px;text-align:center; color:#606060; text-shadow:#efefef 0 1px 1px;} .quote_full{ width:460px; height:125px; font-size:14px; font-style:italic; line-height:30px; padding:50px 240px 20px 240px; margin-left:auto; margin-right:auto; margin-bottom:5px; color:#717171; } .quote_full p{font-style:italic;} .quote_half{width:355px; height:85px; font-size:14px; font-style:italic; line-height:30px; padding:50px 135px 50px 135px; margin-left:auto; margin-right:auto; margin-bottom:5px; color:#717171;} .quote_half p{font-style:italic;} /* ------------------------------------------- 6. Main List -------------------------------------------*/ /**** Isotope Filtering ****/ .isotope-item {z-index: 2;} .isotope-hidden.isotope-item {pointer-events: none;z-index: 1;} /**** Isotope CSS3 transitions ****/ .isotope,.isotope .isotope-item {-webkit-transition-duration: 0.8s;} .isotope {-webkit-transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;} /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s;} /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none;} #list_wrap{ margin-left:-5px;padding-bottom:35px;zoom: 1;} li.list_box{float: left; display:block;width:310px;padding:20px 0 15px 0;margin:0 0 5px 5px;} li.listbox_u1imgonly img, li.listbox_ufullimg img, li.listbox_u1imgm img, li.listbox_u1imgb img, li.listbox_ublog1img img, li.list_box iframe, li.list_box object, li.list_box embed {width:310px;} .list_wrap_col2_c1{ margin: 0 auto; margin-left:0;zoom: 1; clear:both} .list_wrap_col2_c1 li.list_box { display:block;width:625px;padding:20px 0 15px 0;margin:0 0 5px 5px;} li.list_box h2 { font-size:20px; padding-left:20px;padding-bottom:20px; padding-right:20px; font-family:} li.list_box .expert{padding:20px 20px 5px 20px; display:block; clear:both;} li.listbox_u1imgonly, .list_wrap_col2_c1 li.listbox_u1imgonly{ padding-bottom:0; } li.listbox_u1imgonly2 { padding-top:0;} li.listbox_u1imgonly2 h2{ padding-top:20px; padding-bottom:5px;} li.listbox_u3imgs li{ float:left;} li.listbox_u3imgs img{width:103px; height:103px;} li.listbox_u3imgs li:nth-last-child(2) img{ width:104px;} li.listbox_u3imgs .expert{ padding-top:17px} li.listbox_ufullimg, .list_wrap_col2_c1 li.listbox_ufullimg{ padding:0} li.listbox_u5imgs img{width:62px; height:62px;} li.listbox_u5imgs li{float:left; } li.listbox_u5imgs .expert{ padding-top:18px;} li.listbox_u1imgb, .list_wrap_col2_c1 li.listbox_u1imgb{ padding-bottom:0;} li.listbox_u1imgb .expert{ padding-bottom:0px;} li.listbox_u1imgb h2{ padding-left:20px; padding-bottom:0;} li.listbox_u1imgb a.readmore{ margin-bottom:20px; margin-top:15px;} .list_wrap_col2_c1 li.listbox_ublog1img{padding-top:0;} li.listbox_ublog1img{ padding-top:0;} li.listbox_ublog1img h2{ padding-top:22px; padding-bottom:12px;} li.listbox_ublog1img .date{font-size:11px; width:80px; height:18px; padding-left:17px; line-height:18px; margin:1px 0 7px 20px; display:block; color:#ababab; background: url(../img/ico_date.gif) no-repeat 0 57%; } li.listbox_ublog1img .expert{ padding-top:0;} li.listbox_uvideo h2{ padding-top:15px; padding-bottom:0} .icovideo{width:310px; height:200px; position:absolute;background:url(../img/bg-thumb-videoplay-s.png) no-repeat 50% 50% ;} .list_wrap_col2_c1 .icovideo{width:625px; height:195px;} #infscr-loading{ z-index:999; width:89px; height:30px; position:absolute; left:45%; bottom:0;background: url(../img/loading-big.gif) no-repeat;} #infscr-loading img{ display:none} #page-nav{ display:none} .list_wrap_col2_c1 li.listbox_u3imgs img{ width:208px; height:208px;} .list_wrap_col2_c1 li.listbox_u3imgs li:nth-last-child(2) img{ width:209px} .list_wrap_col2_c1 li.listbox_u5imgs img{ width:125px; height:125px;} .list_wrap_col2_c1 li.listbox_u5imgs .expert{padding-top:15px} .list_wrap_col2_c1 li.listbox_u3imgs .expert{padding-top:17px; padding-bottom:0;} .list_wrap_col2_c1 li.listbox_commn { padding:18px 0 17px 0;} .list_wrap_col2_c1 li.listbox_u1imgonly2 { padding-top:0;} .list_wrap_col2_c1 li.listbox_u1imgonly2 h2{ padding-top:20px; padding-bottom:5px;} .list_wrap_col2_c1 li.listbox_u1imgb img, .list_wrap_col2_c1 li.listbox_u1imgm img, .list_wrap_col2_c1 li.listbox_ufullimg img, .list_wrap_col2_c1 li.listbox_u1imgonly img, .list_wrap_col2_c1 li.listbox_u1imgonly2 img, .list_wrap_col2_c1 li.listbox_ublog1img img, .list_wrap_col2_c1 li.list_box iframe, .list_wrap_col2_c1 li.list_box object, .list_wrap_col2_c1 li.list_box embed { width:625px;} li.listbox_commn h2{ padding-bottom:0;} li.listbox_commn.sticky h2 { background-repeat: no-repeat; background-position: 100% 50%; background-image: url(../img/sticky.png);} li.list_box iframe{ z-index:1;} li.list_box a.imgwrap{ display:block; position: relative} li.listbox_uvideo,.list_wrap_col2_c1 li.listbox_uvideo{ padding-top:0} a.readmore{ display:inline-block; padding-right:12px;margin:10px 0 5px 20px;background-repeat:no-repeat;background-position: 100% 63%;} a.readmore:hover{color:#333;background-image:url(../img/menustri_dark.png);} .back {width:100%;height:100%;text-align:center; display:none;position:absolute; left:0; top:0;} .backbg{display:block;width:100%;height:100%; position:absolute; left:0; top:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter:alpha(opacity=20); opacity: .2; } .back .icoimage{width:100%;height:100%;background:url(../img/zoom.png) no-repeat 50% 50%;} .back .icozoom{width:39px;height:39px;position:absolute; top:47%; left:0;background:url(../img/zoom.png) no-repeat;} .back .icomore{width:39px;height:39px;position:absolute; top:47%; left:auto; right:0;background:url(../img/zoom_more.png) no-repeat;} .video-wrap{ overflow:hidden; margin:0; padding:0;position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;} .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-wrap-swf{ overflow:hidden; margin:0; padding:0;} /* ------------------------------------------- 7. Footer -------------------------------------------*/ #footer{padding-top:20px;} #footbox{padding-bottom:15px;} #footbox a{color:#999;} #footer_trggle{width:32px; height:32px; margin-top:-5px; float:right; cursor:pointer;-webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} #footer_trggle:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: .8;} #footunder{display:none; height:204px; padding:40px 0 40px 0;} #footunderwrap{} .contactform{} .textinfo{float:left; width:290px; padding-right:20px; margin-right:5px; height:225px;} #footunderwrap h2{font-size:18px; padding-bottom:20px; color:#696969;} .textinfo a{font-style:italic; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; } .footericons {margin-top:20px;} .footericons a{display:inline-block; padding-right:10px; padding-bottom:10px;} .footericons img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity: .6; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; } .footericons img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity: 1; } #footunderwrap input{ width:130px; height:13px; padding:7px 10px; margin-right:10px; float:left;} #footunderwrap input.website{ width:234px;} #footunderwrap input.idi_send{ float: none; width:auto; cursor:pointer; border:none; height:29px; margin-left:0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} #footunderwrap input.idi_send:hover{color:#b9b9b9;} #footunderwrap textarea{width:558px;height:48px;overflow:auto;resize:none;padding:7px 10px 7px 10px;margin-top:10px;margin-bottom:8px;} .sending{ float:left; display:block;width:80px ;height:27px;line-height:27px;color:#666;} .success{ color:#454545;} #footunderwrap .ver_question{ color:#666 } #top{ z-index:999; width:37px; height:37px; position: fixed; bottom:140px;right:5px; cursor:pointer; display:none; -webkit-transition-duration: 0.30s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.30s; -moz-transition-timing-function: ease-out;} .verify-wrap{ margin-bottom:10px; } .verify-wrap input{ float:none; } /* ------------------------------------------- 8. Guide -------------------------------------------*/ .guidewrap{ font-size:14px;min-height:55px; margin-bottom:5px;} .guidewrap h2{padding-top:18px;padding-left:20px;} ul#filterable{ font-size:14px;display:inline-block; float:right; margin-right:20px;} #filterable li{font-size:14px; line-height:55px;float:left;margin-left:20px;} #filterable li a{color:#666;} .breadcrumbs{ padding-top:18px; padding-left:20px;} .breadcrumbs li{float:left; margin-right:3px;} .breadcrumbs a{color:#666;} /* B) PAGE / SINGLE ------------------------------------------- 1.Two Colums main ------------------------------------------- */ #clum2_wrap{ padding-bottom:22px} #clum2_main { float:right; width:625px; margin-left:5px;} /* ------------------------------------------- 2. Sidebar ------------------------------------------- */ #clum2_sidebar {} #clum2_sidebar_left { max-width:310px; float:left; } .clum2_sidebar_unit { padding-bottom:20px;} .clum2_sidebar_unit li{ list-style:none;} .clum2_sidebar_unit li.widget-container{ padding:20px; margin-bottom:5px;} .clum2_sidebar_unit li.widget-container:last-child{ margin-bottom:0;} .clum2_sidebar_unit h3{ font-size:18px; line-height:20px;font-weight:normal; margin-bottom:13px; margin-top:2px;margin-top:2px;} .clum2_sidebar_unit h3 a{ color:#666;} .clum2_sidebar_unit li a {text-decoration: none;} /* ------------------------------------------- 3. full width ------------------------------------------- */ #fullwidth_main{ margin-bottom:57px;} /* ------------------------------------------- 4. Single & Page ------------------------------------------- */ .singal_main{ margin-bottom:57px;padding:20px;} .sigalcomm{ margin-bottom:10px;} h1.pagetitle{font-size:36px;line-height:40px; padding-bottom:20px;} .clum2_box{ max-width:585px;padding:0;} #fullwidth_main .clum2_box{ max-width:900px;} .clum2_box_meta{padding:20px 0 0 0;} .clum2_box_meta .meta_date{display:block; padding-top:20px;} ul.sharing {padding-bottom:35px;margin-bottom:0; } ul.sharing li{width:24px; margin-right:10px; float:left;} .clum2_commnum {float:right;} .entry{ overflow:hidden;} .entry p { margin-bottom:20px;} .clum2_box .entry .gallery p{ display:none} .entry ul {list-style: disc; margin:0 25px 18px 25px;} .entry ol {list-style: decimal; margin:0 25px 18px 25px;} .entry .attachment{ padding-bottom:20px;} .entry img{ max-width:585px; height:auto;} #fullwidth_main .clum2_box .entry img{ max-width:900px; height:auto;} blockquote { margin-top:20px; padding-left:50px;} .alignright{ text-align:left; } .alignleft{ text-align:right; } .aligncenter { text-align: center; margin-left:auto; margin-right:auto; } .entry img.alignleft{ float:left; margin-right:10px; margin-bottom:10px; } .entry img.alignright{ float:right; margin-left:10px; margin-bottom:10px;} .entry img.aligncenter{ margin:0 auto; } .entry img.alignnone,.entry img.alignleft,.entry img.alignright,.entry img.aligncenter{ height:auto; } /*page*/.pageunit h1{font-size: 30px;margin-bottom:30px; } ul.post_gallery { margin:-30px 0 0 0;} /*post type gallery*/ .post_gallery li{ float:none; list-style:none; margin-left:0; margin-top:30px; padding-bottom:30px; background:url("../img/line_bg.png") repeat-x bottom;} .post_gallery .des{ font-size:12px; display:block; padding-top:20px; color:#999;} /*shortcode*/ .clum2_box .entry .gallery{ margin-left:-15px;} .clum2_box .entry .gallery .gallery-item{ float:left; margin-left:15px; margin-bottom:15px;} .clum2_box .entry .gallery br{ display:none;} #gallery-1 img{ border:none;} p.nopost{ padding:20px; color:#999;} .singlepageno{ padding-top:20px;} /*AD in post page */ .adinpost_top, .adinpage_wrap_half{margin-bottom:5px;} .adinpost_middle{margin-top:20px;} .adinpost_bottom{ margin-top:-5px; margin-bottom:10px;} .adinpage_wrap_full{ margin-bottom:5px;} .adinpage_bottom{ margin-top:40px; margin-bottom:-57px;} /* ------------------------------------------- 5. Comments in single -------------------------------------------*/ .linebg{height:32px; margin-bottom:38px;background:url(../img/line_bg.png) repeat-x bottom; } #comments_box{ padding-bottom:8px; margin-top:-10px; } #comments_box h3#comments{font-size:18px; padding-bottom:20px;color:#999;} #comments_box h3#comments span{padding-right:10px; } #comments_box li{ margin-bottom:20px;} #comments_box li li{ padding-left:20px; margin-top:20px; margin-bottom:0;} ul.children{ margin-top:-1px;} #comments_box li cite{font-style:normal;} #comments_box .avatar{float:left;} #comments_box .avatar img{width:28px;height:28px;float:left; margin-top:4px; margin-bottom:-9px;} #comments_box .date{float:right; display:block; font-size:10px; color:#bfbfbf; } .comment-meta{padding-left:48px;} .comment{padding-left:48px} #comments_box ul{ margin-bottom:0;} .commnetsnavi{text-align:right; padding-top:20px; color:#666;} .commnetsnavi a{ color:#333;} .commnetsnavi .page-numbers{padding:0 0 0 4px;} .comment-meta span.reply{margin-left:10px;} .comment-meta span.reply a{font-size:10px; padding:2px 4px;} .comment-meta span.reply a:hover{ color:#333;} #respond {padding-bottom:20px;} #respond .logged{color:#666;font-size:1em;margin-top:10px;} #respond .logged a,#respond h3 a,#respond small a{color:#666;} #fullwidth_main #respond textarea{width:878px;height:108px;padding:5px 12px 5px 8px;margin-bottom:11px;margin-top:13px;} #respond textarea{width:566px; height:108px;padding:5px 9px 5px 8px;margin-bottom:11px;margin-top:13px;} #respond #author{width:134px;height:19px;float:left;margin-right:18px;padding:3px 10px 3px 8px;} #respond #email{width:134px;height:19px;float:left;margin-right:18px;padding:3px 10px 3px 8px;} #respond #url{width:220px;height:19px;float:left;padding:3px 10px 3px 8px;} #fullwidth_main #respond #url{width:536px;} #labeltitle {font-size:1em;margin-top:20px;margin-bottom:20px; color:#666;} #labeltitle p{margin:0; padding:0;} #labeltitle .labeltitle1{ float:left; width:188px;margin-right:18px; display:block;} #labeltitle .labeltitle2{ float:left; width:188px;margin-right:18px; display:block;} #labeltitle .labeltitle3{float:left; width:187px; display:block;} #respond input,#respond textarea {background-color:#fafbfc; border:1px solid #ccc;color:#666;} #respond .send_btn{height:25px; line-height:25px; margin-top:5px; margin-bottom:-3px;padding-left:10px; padding-right:10px; cursor:pointer; float:right; border:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; } #respond .send_btn:focus{ border:none;} #respondwrap{ margin-top:20px; display:none} #respond .respondbtn{ padding:6px 10px 6px 10px;cursor:pointer;border:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} #respond .respondbtn a{ color:#fff;} /* C) OTHERS */ /* ------------------------------------------- 1. Widgets ------------------------------------------- */ #map_canvas{ margin-bottom:20px;} #map_canvas img,#map_canvas iframe,#map_canvas object,#map_canvas embed{margin-bottom:0; max-width:none} .widget_uxmaps{ overflow:hidden; } .clum2_sidebar_unit li.widget_search{ padding:12px 10px 13px 10px;} .search_title{margin-bottom:20px;color:#CCC;} .search-form{height:26px; margin-top:2px;overflow:hidden;border-width:1px;border-style:solid; border-color:#efefef;} .textboxsearch{background:url(../img/space.gif);width:240px;height:25px;border:0 none; font-size:16px; margin-left:10px;color:#666; } .submitsearch{ display:none; float:right; margin-right:5px; cursor:pointer;border:0 none;text-indent:-5000px; overflow:hidden; width:28px; height:28px;color:#888; } /**/.submitsearchy{cursor:pointer;background:url(../img/search_light.png) no-repeat right;} .search-formhover{border-width:1px;border-style:solid; border-color:#666; background-color:#e2e2e2;} .archive_lab, .search_title{margin-bottom:20px; font-size:18px; color:#666;} .boxborder{ height:26px; width:288px;position: absolute; z-index:1; display:none; top:0; left:0;border-width:1px;border-style:solid; border-color: #666; background-color:#e2e2e2; } li.widget_search h3{ display:none;} .clum2_sidebar_unit li.widget_search .widget_con{ margin-top:0} /*Tag*/ .tagcloud a{font-size:10px;padding:5px 8px 5px 8px;margin-bottom:10px; margin-right:3px;display:inline-block; background: url(../img/bg_main_02.png);} /*Rss*/ .clum2_sidebar_unit h3 a.rsswidget img{ padding-bottom:5px;} .clum2_sidebar_unit h3 a.rsswidget { vertical-align:middle} /*Calendar*/ #calendar_wrap table{width:99%; } #calendar_wrap table caption{ padding-bottom:10px;} #calendar_wrap table thead,#calendar_wrap table caption{ text-align:left;} #calendar_wrap table thead tr,#calendar_wrap table thead tr th{ text-align:center;} #calendar_wrap table tfoot td#prev{text-align:left; padding-top:10px; } #calendar_wrap table tfoot td#next{padding-top:10px;} .widget_calendar tbody a{ color:#333;} .widget_calendar thead{ } .widget_calendar tbody { text-align:center} .widget_calendar tfoot{ } .widget_calendar tbody td{ } /*Recent Comments*/ .clum2_sidebar_unit li.widget_recent_comments{ } .clum2_sidebar_unit ul.recentcomments{list-style:none;padding-left:0; margin-:-20px;} .clum2_sidebar_unit li.recentcomments{ height:40px; display:block; overflow:hidden; margin-top:20px;} .clum2_sidebar_unit li.recentcomments:first-child{ margin-top:0;} .recentcomments .avatars{ float:left; display:block; margin-right:20px; padding-top:6px;} /*Twetter*/ .clum2_sidebar_unit ul.tweet_list li, .textwidget blockquote.twitter-tweet{ margin-top:20px; padding-left:40px;} .clum2_sidebar_unit ul.tweet_list li:first-child{ margin-top:0;} .tweet_time{ display:block } /*Flickr*/ .flickr_widget ul.flickrarea{ margin-left:-10px; display:block; } .flickr_widget ul.flickrarea li{width:130px; height:60px; float:left; padding-bottom:10px; margin-left:10px;} .flickr_widget img{ width:130px; height:60px; } /*Social icons*/ .clum2_sidebar_unit .widget_uxsocialinons ul{ margin-left:-20px;} .clum2_sidebar_unit .widget_uxsocialinons li{ float:left; margin-left:17px; margin-bottom:17px;} .footwidget .widget_uxsocialinons h3{ display:none;} .footwidget .widget_uxsocialinons li{ float:left; margin-left:20px;} /*Maps*/ .gmnoprint img{ margin-bottom:0;} /*AD*/ ul.adimg{ margin-left:-20px;} ul.adimg li{ float:left; margin-left:20px; margin-top:20px;} ul.adimg li:first-child,ul.adimg li:nth-child(2){ margin-top:0} /* ------------------------------------------- 2. Shortcode -------------------------------------------*/ /*coloum*/ .one-third-c {width:30%;float: left;margin-right:3%;} .one-half-c {width:45%;float: left;margin-right:5%;} .one-fourth-c {width:20%;float: left;margin-right:5%;} .one-fifth-c {width:18%;float: left;margin-right:2%;} .one-sixth-c {width:15%;float: left;margin-right:1%;} .five-sixth-c {width:79%;float: left;margin-right:1%;} .two-fifth-c {width:38%;float: left;margin-right:2%;} .three-fifth-c {width:58%;float: left;margin-right:2%;} .four-fifth-c {width:78%;float: left;margin-right:2%;} .three-fourth-c {width:70%;float: left;margin-right:5%;} .two-third-c {width:63%;float: left;margin-right: 3%;} .one-fourth-c.last, .one-third-c.last, .two-third-c.last , .one-half-c.last,.three-fourth-c.last,.one-fifth-c.last,.two-fifth-c.last,.three-fifth-c.last,.four-fifth-c.last,.one-sixth-c.last,.five-sixth-c.last { margin-right:0; margin-bottom:0; } /*buttons*/ a.btn{ display: inline-block;padding:4px 10px 4px 10px;cursor:pointer;color:#fff; border-style:solid; border-width:1px; margin-bottom:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out;} a.btn.yellow{ color:#fff;background-color:#daaa1a; border-color:#d37200;} a.btn.black{ color:#fff; background-color:#333; border-color:#585858; } a.btn.grey{ color:#fff; background-color:#666; border-color:#585858; } a.btn.blue{ color:#fff;background-color:#1171e6; border-color:#0063dd; } a.btn.green{ color:#fff;background-color:#009b50; border-color:#008143;} a.btn.pink{ color:#fff;background-color:#f025ab; border-color:#e01b9d;} a.btn.red{ color:#fff;background-color:#dc5631; border-color:#cb4c29;} a.btn:hover{ color:#fff;background-color:#717171; border-color:#666;} /*typograph*/ .entry h1, h1.typograph { font-size: 32px; line-height:40px;margin: 0 0 20px 0; } .entry h2,h2.typograph { font-size: 28px; line-height:40px;margin: 0 0 20px 0; } .entry h3,h3.typograph { font-size: 24px; line-height:20px;margin: 0 0 20px 0; } .entry h4,h4.typograph { font-size: 18px; line-height:20px;margin: 0 0 20px 0; } .entry h5,h5.typograph { font-size: 16px; line-height:20px; margin: 0 0 20px 0; } .entry h6,h6.typograph { font-size: 12px; line-height:20px;margin: 0 0 20px 0; } /*hr line*/ .line { clear:both; color:#999; border-bottom-width:1px; height:19px;} .line_solid{ border-bottom-style: solid;} .line_dot{ border-bottom-style:dotted;} .line_dashed{ border-bottom-style: dashed;} .line_double{ border-bottom-style: double;} .line_groove{ border-bottom-style: groove;} .line_red{ border-bottom-color: #cc6666;} .line_pink{ border-bottom-color: #882a7e;} .line_brown{ border-bottom-color: #e3a600;} .line_green{ border-bottom-color: #5bae55;} .line_blue{ border-bottom-color: #4c8ac5;} .line_grey{ border-bottom-color: #ccc;} .line_dark{ border-bottom-color: #666;} .line_black{ border-bottom-color: #000;} .line_blank{ height:20px; clear:both; display:block;} .line_clear{ height:0; clear:both;} p.paragraph{line-height:20px;} /*message box*/ .messagebox_blue{ background-color: #e2f3ff; background-image:url(../img/ico_mesg1.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #99ccff; color:#005a8e; padding:19px 20px 19px 48px; margin-top:20px; } .messagebox_green{ background-color: #e7ffe8; background-image:url(../img/ico_mesg2.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #99ff99; color:#218e00;padding:19px 20px 19px 48px; margin-top:20px; } .messagebox_orange{ background-color: #fff4d8; background-image:url(../img/ico_mesg3.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #c97900; color:#c97900;padding:19px 20px 19px 48px;margin-top:20px; } .messagebox_red{ background-color: #ffe4e4; background-image:url(../img/ico_mesg4.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #ff9999; color:#9b0000;padding:19px 20px 19px 48px;margin-top:20px; } /*image*/ .imgborder0{ border:none;} .imgborder1{ border:10px solid #ccc; box-sizing: border-box; } .imgborder2{ border:5px solid #777; padding:5px; box-sizing: border-box; } .imgborder3{ border:1px solid #ccc; padding:9px; box-sizing: border-box; } .imgborder4{border:5px solid #d3ddea; box-sizing: border-box; } .imgtext img{ margin-bottom:10px; box-sizing: border-box; } .imgtextimgleft{ margin-right:20px; float:left } .imgtextimgright{ margin-left:20px; float:right } .imageshover{ position: relative; margin-left:auto; margin-right:auto;} .imageshoverimg{position: absolute;top: 0; left: 0;z-index:98;} .imageshoverp{ text-align:center; height:40px;line-height:40px; font-size:14px; color:#999; background-color:#000; position: absolute;bottom: 0; left: 0; z-index:99; display:none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity: .6;} /*font color*/ .fontblack { color:#000;} .fontdark{ color:#333;} .fontgrey { color:#999;} .fontred { color: #CC0000;} .fontgreen { color: #339933;} .fontyellow { color: #FFCC00;} .fontorange { color: #FF6600;} .fontblue { color: #003399;} .fontbrown { color: #CC6600;} .fontpink { color: #FF3399;} /**/ .job{} .job_title{font-family:Tahoma , arial, serif; padding-left:10px; cursor:pointer;} .job_desc{ display:none; margin-top:20px; margin-bottom:20px; padding-left:20px;} .entry .job h6{ font-size:14px; font-family:Tahoma , arial, serif; } /* ------------------------------------------- 3. Page Nav -------------------------------------------*/ .wp-pagenavi a, .wp-pagenavi span {text-decoration: none;margin-left:8px;font-size:11px; height:21px; width:35px;line-height:21px; text-align:center; display:inline-block; color:#6d6e71;} .wp-pagenavi .pages{ width:auto; display:none;} .wp-pagenavi{height:21px; line-height:21px; float:right;margin:-10px -10px 5px 0;z-index:999} .wp-pagenavi a.nextpostslink,.wp-pagenavi a.previouspostslink { background:none;} /* ------------------------------------------- 4. 404 -------------------------------------------*/ .opps{ max-width:690px; margin-left:auto; margin-right:auto; margin-top:130px; margin-bottom:160px;} .opps h1{ display:block; float:left; width:245px;font-size:100px; font-family:Arial; font-weight:400; padding-left:20px;padding-top:32px;} .opps .u404con{float:right;width:380px; font-size:24px; margin-left:40px} .u404{} .u404tit{} .u404con1{} .u404con span{font-size:14px; display:block; margin-top:20px;} /*------------------------------------------- Your additional styles -------------------------------------------*/ .wp-caption{} .wp-caption-text{} .gallery-caption{} /*code css*/ code, pre {border:1px dashed #BBB;color:#666;padding:0.6em 5px 0.75em 5px;margin:0.75em 0 ; display:block; } #column.left-column h4 { margin-left:-47px; } .alpha { margin-left: 0 } .omega { margin-right: 0 } .sticky{} .bypostauthor{} .aligncenter{ text-align:center;}