/* ------------------------------------------- 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 ------------------------------------------- */ /* A) GENERAL LAYOUT ------------------------------------------- 1. Main ------------------------------------------- */ html{overflow-y:auto;overflow-x:hidden;} body{background:#fff;background-attachment: fixed; -moz-border-radius:0 1px;/*For firefox bgimg-fixed wired border bug*/} .guidewrap,h1,h2,h3,h4,h5,#logo{font-family:abel, Arial, sans-serif;} #filterable li.current a,.comment-meta span.reply a,.entry a,.wp-pagenavi span.current,a.readmore,#content .clum2_box_meta a:hover,.clum2_unit .clum2_unit_meta a:hover,.wp-pagenavi a:hover,li.widget_homelist li a:hover,.clum2_sidebar_unit a:hover,.widget_archive li a:hover,.clum2_sidebar_unit li.menu-item a:hover,.commnetsnavi a:hover,.breadcrumbs a:hover,li.list_box h2 a:hover,#comments_box .author a:hover{ color:#c14b2b;} .backbg,#respond .respondbtn:hover,#respond .send_btn:hover,#footunderwrap input.idi_send:hover{ background-color:#c14b2b;} #respond input:focus,#respond textarea:focus,#footunderwrap input:focus,#footunderwrap textarea:focus{ border:1px solid #c14b2b;} ::selection {background:#c14b2b;color:#fff;} ::-moz-selection{ background:#c14b2b;color:#fff;} ::-webkit-selection {background:#c14b2b;color:#fff;} #content{width:1020px;margin-left:auto; margin-right:auto;padding-bottom:57px;} .line_main{height:3px; font-size:1px;background:url(../img/bg_main_02_b.png) repeat-x;} /*------------------------------------------- 2. Header -------------------------------------------*/ #header{width:100%;height:160px;z-index:99;position:relative; } .headerbar{height:50px;background:#f0f0f0;} .navwrap{width:940px;margin-left:auto;margin-right:auto;} .headerlogo{width:940px; height:125px;margin-left:auto;margin-right:auto; clear:both; position:relative} h1#logo{padding-top:37px;float:left;} h1#logo a{ font-size:48px;text-decoration:none; color:#CCC} .headerbarwrap{ width:940px;margin-left:auto;margin-right:auto;} .socialicons{ padding-top:13px;} .socialicons a{ display:block; float:left; margin-right:10px;} .socialicons img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity: .3; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; } .socialicons img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity: 0.7; } #search_header{ float:right;margin-top:-2px; width:120px; position:relative; background-color:#e7e7e7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); opacity: .9; } .search-form_header{border-style:solid; border-width:1px;border-color:#e2e2e2;} #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; } .search_header_over{border-color:#c14b2b;} /*------------------------------------------- 3. Menus -------------------------------------------*/ .nav{font-weight:200; font-size:13px;float:right; position:relative; z-index: 990; line-height:20px;margin-top:22px;} .nav_tri{display:inline-block;font-size:1px; width:7px; height:7px; margin-left:5px; background: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;color:#666;} .navhover{ display:none; width:100%; height:100%;position:absolute; left:0; top:0;background: url(../img/bg_menu_b.png); -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;} .navhovercolor{ color:#c14b2b;} .nav ul li span{ display:block; color:#b9b9b9; 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:60px; left:0px;right:auto;background: url(../img/bg_menu_b.png); -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;} /* ------------------------------------------- 4. Slider -------------------------------------------*/ .slidew{padding-bottom:5px;width:1020px;background: none; } /*jQuery Brick Slide */ .slide10u{ 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;} .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:#FFFFFF;} 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{ width:1020px; height:373px;margin-left:auto;margin-right:auto;background: url(../img/bg_slide.png) no-repeat 0 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;} /* ------------------------------------------- 5. Slogan and Quote -------------------------------------------*/ .slogn_full,.slogn_half{ font-size:16px; font-style: italic; } .slogn_full{ width:938px; margin-left:auto; margin-right:auto; padding-top:37px;padding-bottom:36px; margin-bottom:5px;text-align:center; color:#666; text-shadow:#efefef 0 1px 1px; background-color:#f8f8f8; border:1px solid #f4f4f4;} .slogn_half{width:623px; margin-left:auto; margin-right:auto; padding-top:17px;padding-bottom:16px; margin-bottom:5px;text-align:center; color:#606060; text-shadow:#efefef 0 1px 1px; background-color:#f8f8f8; border:1px solid #f4f4f4;} .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; background:#efefef url(../img/blockquote_b.png) no-repeat 121px 36px; } .quote_full p{font-style:italic;} .quote_half{width:355px; height:85px; font-size:14px; font-style:italic; line-height:30px; padding:50px 135px 20px 135px; margin-left:auto; margin-right:auto; margin-bottom:5px; color:#717171; background:#efefef url(../img/blockquote_half_b.png) no-repeat;} .quote_half p{font-style:italic;} /* ------------------------------------------- 6. Main List -------------------------------------------*/ #list_wrap{ margin: 0 auto; padding-left:35px;zoom: 1;} #list_wrap_col2{ margin: 0 auto; margin-left:-5px;zoom: 1; clear:both} li.list_box{float: left; display:block;width:310px;padding:20px 0 15px 0;margin:0 0 5px 5px;background-color: #f8f8f8; color:#999;} #list_wrap_col2_c1{ margin: 0 auto; margin-left:0;zoom: 1; clear:both} #list_wrap_col2_c1 li.list_box {float: left; display:block;width:625px;padding:20px 0 15px 0;margin:0 0 5px 0;background-color: #efefef; color:#717171;} li.list_box h2 { font-size:20px; padding-left:20px;padding-bottom:20px; padding-right:20px;} li.list_box h2 a{color:#333;} li.list_box h2 a:hover{color:#c14b2b; } 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_u1imgonly img {width:310px;} 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 img{width:310px; } 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_u1imgm img{width:310px;} li.listbox_u1imgb,#list_wrap_col2_c1 li.listbox_u1imgb{ padding-bottom:0;} li.listbox_u1imgb img{width:310px;} 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 img{width:310px;} 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,#list_wrap_col2_c1 li.listbox_uvideo{ padding-top:0} li.listbox_uvideo h2{ padding-top:15px; padding-bottom:0} li.list_ad{ padding:0; background:none} .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{ position:absolute; left:45%; bottom:-40px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: .8;} #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 { width:625px;} li.listbox_commn h2{ padding-bottom:0;} li.list_box iframe{ z-index:1;} li.list_box a.imgwrap{ display:block; position: relative} a.readmore{ display:inline-block; padding-right:12px;margin:10px 0 5px 20px;background-repeat:no-repeat;background-position: 100% 63%;color:#c14b2b;background-image:url(../img/menustri_sienna.png);} 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; background-color:#c14b2b; } .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;} #top{ width:37px; height:37px; position: fixed; bottom:140px;right:5px; cursor:pointer; display:none; background:url(../img/top_b.png) no-repeat 50% 50%;-webkit-transition-duration: 0.30s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.30s; -moz-transition-timing-function: ease-out;} #top:hover{ background:url(../img/top-a_b.png) no-repeat 50% 50%;} .video-wrap{ overflow:hidden; margin:0; padding:0;} /* ------------------------------------------- 7. Footer -------------------------------------------*/ #footer{ padding-top:20px; background:#f0f0f0;} #footbox{width:940px;margin-left:auto;margin-right:auto;padding-bottom:20px;color:#999; text-shadow:#ccc 0 1px 1px;} #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;} .footer_open{background:url(../img/footunder_btnopen_b.png);} .footer_close{background:url(../img/footunder_btnclose_b.png);} #footunder{ display:none; height:204px; padding:40px 0 40px 0; background:#f0f0f0;} #footunderwrap{ width:940px;margin-left:auto; margin-right:auto;} .textinfo{float:left; width:290px; padding-right:20px; margin-right:5px; height:225px;color:#999} #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; color:#999; } .textinfo a:hover{ color:#c14b2b} .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{ float:left; width:130px; padding:7px 10px 7px 10px;margin-right:10px; border:1px solid #e2e2e2;height:13px;background-color:#e7e7e7;color:#b9b9b9;} #footunderwrap input.website{ width:234px;} #footunderwrap input.idi_send{ float: none; width:auto; cursor:pointer; border:none; height:29px;background-color:#e2e2e2;color:#666; -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; background-color:#c14b2b} #footunderwrap textarea{width:558px;height:68px;overflow:auto;resize:none;padding:7px 10px 7px 10px;margin-top:10px; margin-bottom:10px;border:1px solid #e2e2e2; background-color:#e7e7e7;color:#b9b9b9;} .sending{ float:left; display:block;width:80px ;height:27px;line-height:27px;color:#666;} .success{ color:#454545; } /* ------------------------------------------- 8. Guide -------------------------------------------*/ .guidewrap-fullw{ width:940px; margin-left:auto; margin-right:auto;} .guidewrap{ font-size:14px;height:55px; margin-bottom:5px;background: #f8f8f8; color:#666; } .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;float:left;margin-left:20px; padding-top:18px; } #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{ width:940px; margin-left:auto; margin-right:auto} #clum2_main {float: left;width: 625px; position:relative;} /* ------------------------------------------- 2. Sidebar ------------------------------------------- */ #clum2_sidebar {float: left;padding:0 0 0 20px; width:310px;margin-left:20px;} #clum2_sidebar_left {width:310px;float: left; margin-right:5px;} .clum2_sidebar_unit { padding-bottom:20px;} .clum2_sidebar_unit li{ list-style:none;} .clum2_sidebar_unit li.widget-container{ padding:20px;margin-bottom:5px; background-color:#f8f8f8;} .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; color:#666;} .clum2_sidebar_unit h3 a{ color:#666;} .clum2_sidebar_unit li a {text-decoration: none;} .clum2_sidebar_unit,.clum2_sidebar_unit a{color:#666} /* ------------------------------------------- 3. full width ------------------------------------------- */ #fullwidth_main{ width:900px; margin-left:auto; margin-right:auto; padding:20px;background-color:#f8f8f8; } .u404{margin-left:auto; margin-right:auto; margin-top:130px; margin-bottom:160px; color:#666; } .u404 a{color:#666} .u404tit{ font-size:100px; font-family:Arial; font-weight:400; padding-left:20px;padding-top:12px; } .u404con1{ font-size:24px; padding-top:12px; margin-bottom:20px;} .u404con2{font-size:14px;} /* ------------------------------------------- 4. Single & Page ------------------------------------------- */ #singal_main_wrap{ float:left;width:585px;} .singal_main{ float:left; width:585px; padding:20px;background-color:#f8f8f8; } .singal_main_withad{width:585px; padding:20px;background-color:#efefef;} .sigalcomm{ margin-bottom:10px;} h1.pagetitle{font-size:36px;line-height:40px; padding-bottom:20px; color:#333} .clum2_box{padding:0;color:#666;} #content .clum2_box_meta{padding:20px 0 0 0;} #content .clum2_box_meta a{color:#333;} #content .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;} #content .clum2_commnum {float:right;} .entry{ overflow:hidden;} .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;} .entry p { margin-bottom:20px;} #fullwidth_main .clum2_box .entry img{ max-width:900px; height:auto;} blockquote { margin-top:20px; padding-left:50px; background:url(../img/quote.png) 0 0 no-repeat; } /*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{ width:940px; margin-left:auto; margin-right:auto; 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 .author a{ color:#333;} #comments_box .author a:hover{ color:#c14b2b;} #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; color:#666;} #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;color:#fff; background-color:#717171; -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;color:#fff;background-color:#717171; -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 ------------------------------------------- */ .widget_archive li a,.clum2_sidebar_unit li.menu-item a,.clum2_sidebar_unit li.cat-item a,li.widget_pages li a,li.widget_links li a,li.widget_meta li a,li.widget_rss li a{background-image:url(../img/widgetlist_666.png); background-repeat:no-repeat; background-position: 0 63%; padding-left:20px;} .widget_archive li a:hover,.clum2_sidebar_unit li.menu-item a:hover,.clum2_sidebar_unit li.cat-item a:hover,li.widget_pages li a:hover,li.widget_links li a:hover,li.widget_meta li a:hover,li.widget_rss li a:hover{ background-image:url(../img/widgetlist_sienna.png);} #map{height:200px; margin-bottom:20px;} .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; } /*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_b.png); color:#666;} /*AD*/ ul.adimg{ margin-left:-20px; margin-top:-20px;} ul.adimg li{ float:left; margin-left:20px; margin-top:20px;} /*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:13px;} .recentcomments .avatars{ float:left; display:block; margin-right:20px; padding-top:6px;} /*Twetter*/ .clum2_sidebar_unit ul.tweet_list li{ margin-top:20px; padding-left:40px; background: url(../img/ico-tweet.png) no-repeat 0px 4px;} .clum2_sidebar_unit ul.tweet_list li:first-child{ margin-top:13px;} .tweet_time{ display:block } .tweet_time a{ color:#333;} /*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;} /* ------------------------------------------- 2. Shortcode -------------------------------------------*/ /*coloum*/ .one-third {width: 282px;float: left;margin-right: 20px;} .one-half {width: 440px;float: left;margin-right: 20px;} .one-fourth {width: 210px;float: left;margin-right: 20px;} .three-fourth {width: 670px;float: left;margin-right: 20px;} .two-third {width: 590px;float: left;margin-right: 20px;} .one-fourth.last, .one-third.last, .two-third.last , .one-half.last,.three-fourth.last { margin-right:0; } /*buttons*/ a.btn{ display: inline-block;padding:4px 10px 4px 10px;cursor:pointer;color:#fff; border-style:solid; border-width:1px; -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.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*/ h1.typograph { font-size: 32px; line-height:40px;margin: 0 0 20px 0; } h2.typograph { font-size: 28px; line-height:40px;margin: 0 0 20px 0; } h3.typograph { font-size: 24px; line-height:20px;margin: 0 0 20px 0; } h4.typograph { font-size: 18px; line-height:20px;margin: 0 0 20px 0; } h5.typograph { font-size: 16px; line-height:20px; margin: 0 0 20px 0; } 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; } .imgborder2{ border:5px solid #777; padding:5px;} .imgborder3{ border:1px solid #ccc; padding:9px;} .imgborder4{border:5px solid #d3ddea;} .imgtext{ } .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; -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;background: url(../img/ico_career.gif) no-repeat left; color:#333; } .job_title:hover{ color:#C14B2B;} .job_desc{ display:none; margin-top:20px; margin-bottom:20px; padding-left:20px;} .job h6{ 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; padding:15px 25px 20px 0;} .wp-pagenavi a.nextpostslink,.wp-pagenavi a.previouspostslink { background:none;} /*------------------------------------------- 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;}