/* ::::: http://themes.wpscientist.com/saico/wp-content/themes/saico-v1.0/style.css ::::: */ html, body, div, span, applet, object, iframe, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, label, legend, p, blockquote, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: black; background: none repeat scroll 0% 0% white; } :focus { outline: 0px none; } fieldset, img { border: 0px none; } ol, ul { list-style: none outside none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } .clear { clear: both; } .col-clear:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } .col-clear { } .wrap960 { margin: 0px auto; width: 960px; } .no-margin-bottom { margin-bottom: 0px ! important; } .display-none { display: none; } body { background: none repeat scroll 0% 0% rgb(238, 238, 238); } body.bg-color-blue { background-color: rgb(110, 137, 159); } body.bg-graphic-wood { background-color: rgb(110, 137, 159); } body.custom-bg-image-repeat { background-repeat: repeat; } body.custom-bg-image-left-top { background-position: left top; } body { font-family: "Droid Sans"; font-size: 12px; line-height: 20px; color: rgb(121, 127, 132); } p, ul, ol, pre, table, h1, h2, h3, h4, h5, h6, blockquote { margin-bottom: 20px; } ul ol, ol ul, ul ul, ol ol { margin-bottom: 0px; } h1, h2, h3, h4, h5, h6 { color: rgb(36, 41, 45); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: rgb(209, 211, 216); } h2 { font-size: 20px; line-height: 30px; font-weight: normal; font-family: "Droid Sans"; } h6 { font-size: 13px; line-height: 22px; font-weight: normal; font-family: "Droid Sans"; margin-bottom: 0px; } h2.section-heading { background: url('section-heading-bg.png') repeat-x scroll center center transparent; font-weight: bold; font-size: 14px; line-height: 16px; margin-bottom: 40px; overflow: hidden; } h2.section-heading span { float: left; display: block; margin-left: 18px; padding: 0px 10px; background: none repeat scroll 0% 0% rgb(255, 255, 255); } a { color: rgb(255, 66, 0); text-decoration: none; -moz-transition: color 0.1s ease-in 0s; } a:hover { color: rgb(255, 66, 0); text-decoration: none; -moz-transition: color 0.1s ease-in 0s; } #sidebar a:hover, #footer a:hover { color: rgb(255, 255, 255); } ul { list-style-type: square; list-style-position: inside; padding-left: 20px; } tr:nth-child(2n+1) { background: none repeat scroll 0% 0% rgb(238, 238, 238); } #sidebar input, #footer input, #sidebar textarea, #footer textarea { padding: 5px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(203, 202, 200); border-radius: 3px 3px 3px 3px; } body { padding: 30px 0px; } #container { } #navigation .sf-menu, .sf-menu * { margin: 0px; padding: 0px; list-style: none outside none; } #navigation .sf-menu { line-height: 1; z-index: 1000; } #navigation .sf-menu ul { position: absolute; top: -999em; width: 200px; } #navigation .sf-menu ul li { width: 100%; margin: 0px; } #navigation .sf-menu li:hover { visibility: inherit; } #navigation .sf-menu li:hover ul, #navigation .sf-menu li.sfHover ul { left: -8px; top: 25px; z-index: 99; } #navigation ul.sf-menu li:hover li ul, #navigation ul.sf-menu li.sfHover li ul { top: -999em; } #navigation ul.sf-menu li li:hover ul, #navigation ul.sf-menu li li.sfHover ul { left: 150px; top: 0px; } #navigation { margin-bottom: 50px; } #navigation ul { z-index: 1000; list-style-type: none; margin: 0px; padding: 0px 0px 2px; position: relative; background: url('navigation-item-sep-bg.html') no-repeat scroll center bottom transparent; } #navigation ul li { margin: 0px; padding: 2px 0px 0px; position: relative; background: url('navigation-item-sep-bg.html') no-repeat scroll center top transparent; } #navigation ul li a { position: relative; display: block; color: rgb(237, 240, 245); font-weight: bold; font-size: 13px; line-height: 13px; text-decoration: none; font-family: "Droid Sans"; padding: 15px 30px 13px; background: url('navigation-item-bg.html') repeat scroll 0% 0% transparent; } #navigation ul li a:hover { background: url('navigation-active-item-bg.html') repeat scroll 0% 0% transparent; } #navigation ul li.active a { background: url('navigation-active-item-bg.html') repeat scroll 0% 0% transparent; } #navigation ul ul { background: none repeat scroll 0% 0% transparent; padding-left: 15px; margin-top: -40px; margin-left: 190px; border-radius: 4px 4px 4px 4px; } #navigation ul ul li { background: url('navigation-subitem-bg.html') no-repeat scroll center bottom rgb(36, 41, 45); border-left: 1px solid rgb(31, 34, 36); border-right: 1px solid rgb(31, 34, 36); } #navigation ul ul li a { background: none repeat scroll 0% 0% transparent ! important; font-size: 11px; line-height: 14px; } #navigation ul ul li a:hover { color: rgb(254, 82, 25); background: none repeat scroll 0% 0% transparent; } #navigation ul ul li:last-child a { border-bottom: 0px none; } #navigation ul ul li li.active a, #navigation ul ul li li a:hover, #navigation ul ul li li.sfHover a { color: rgb(254, 82, 25); } #navigation ul li li:first-of-type { border-radius: 4px 4px 0px 0px; } #navigation ul li li:last-child { background: none repeat scroll 0% 0% rgb(36, 41, 45); border-radius: 0px 0px 4px 4px; } #navigation ul ul ul { margin: -10px 0px 0px -10px; } #navigation .nav-arrow { display: block; width: 16px; height: 19px; z-index: 1000; background: url('navigation-arrow-bg.html') repeat scroll 0% 0% transparent; position: absolute; top: 25px; left: 0px; } #slider-container { margin-bottom: 10px; } #slider { position: relative; background: none repeat scroll 0% 0% rgb(255, 255, 255); } #slider-inner div { position: relative; } #slider-inner .slider-slide { width: 100%; } #slider .slide-info { display: block; overflow: hidden; padding: 15px; background: url('slide-info-bg.html') repeat scroll 0% 0% transparent; position: absolute; top: 15px; left: 15px; border-radius: 3px 3px 3px 3px; } #slider .slide-title, #slider .slide-title-copy { font-family: "Droid Sans"; display: block; color: rgb(244, 244, 244); font-size: 14px; line-height: 14px; margin-bottom: 5px; font-weight: bold; } #slider .slide-description, #slider .slide-description-copy { display: block; font-size: 13px; line-height: 18px; color: rgb(244, 244, 244); } #slider .slide-title-copy { position: absolute; top: -100px; } #slider .slide-description-copy { position: absolute; bottom: -100px; } #slider .slider-slide img { display: block; } #slider-prev { display: block; width: 32px; height: 29px; position: absolute; z-index: 800; bottom: 10px; left: 15px; border-radius: 4px 4px 4px 4px; background: url('slider-arrow-left.html') no-repeat scroll 10px 8px rgb(40, 48, 53); -moz-transition: background-color 0.1s ease-in 0s; } #slider-next { display: block; width: 32px; height: 29px; position: absolute; z-index: 800; bottom: 10px; left: 52px; border-radius: 4px 4px 4px 4px; background: url('slider-arrow-right.html') no-repeat scroll 12px 8px rgb(40, 48, 53); -moz-transition: background-color 0.1s ease-in 0s; } #slider-nav { position: absolute; z-index: 800; bottom: 14px; left: 100px; } #slider-nav a { display: inline-block; width: 10px; height: 10px; margin-right: 10px; background: url('slider-nav-item.html') repeat scroll 0% 0% transparent; } #slider-nav a.activeSlide { background: url('slider-nav-active-item.html') repeat scroll 0% 0% transparent; } #slider-loader { height: 31px; background: url('loader.html') no-repeat scroll center center transparent; padding: 30px 0px; } #slider-container { display: none; } #main { overflow: hidden; } #main-content { float: right; width: 710px; } #content { background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 30px; } #post-content { } #sidebar { background: none repeat scroll 0% 0% rgb(0, 51, 102); padding: 30px 0px; width: 250px; float: left; } #logo { padding: 0px 30px; margin-bottom: 50px; } .blog-listing-regular, .blog-listing-regular li { margin: 0px 0px 50px; padding: 0px; list-style-type: none; position: relative; } .blog-listing-regular li { } .blog-listing-regular .blog-images { position: relative; padding: 3px; border: 1px solid rgb(230, 230, 230); box-shadow: 0px 0px 5px rgb(230, 230, 230); margin-bottom: 10px; } .blog-listing-regular .blog-images-inner img { display: block; } .blog-listing-regular .blog-info .blog-title { display: block; margin-bottom: 8px; } .blog-listing-regular .blog-info .blog-title, .blog-listing-regular .blog-info .blog-title a { color: rgb(64, 63, 63); font-size: 13px; line-height: 18px; font-weight: bold; } .blog-listing-regular .blog-info .blog-title a:hover { color: rgb(255, 66, 0); } .blog-listing-regular .blog-info .blog-meta { font-size: 11px; line-height: 11px; display: block; margin-bottom: 8px; font-family: "Droid Serif"; } .blog-listing-regular .blog-info .blog-description { display: block; } .portfolio-listing-regular { margin: 0px; padding: 0px; list-style-type: none; } .portfolio-listing-regular li { margin: 0px; padding: 0px; list-style-type: none; position: relative; } .portfolio-listing-regular li { margin-bottom: 40px; } .portfolio-listing-regular .portfolio-images { position: relative; padding: 3px; border: 1px solid rgb(230, 230, 230); box-shadow: 0px 0px 5px rgb(230, 230, 230); margin-bottom: 10px; } .portfolio-listing-regular .portfolio-images-inner img { display: block; } .portfolio-listing-regular .portfolio-info .portfolio-title { display: block; text-align: center; margin-bottom: 6px; } .portfolio-listing-regular .portfolio-info .portfolio-title, .portfolio-listing-regular .portfolio-info .portfolio-title a { color: rgb(64, 63, 63); font-size: 13px; line-height: 18px; font-weight: bold; } .portfolio-listing-regular .portfolio-info .portfolio-title a { display: inline-block; padding-bottom: 5px; background: url('bottom-border-dotted.html') repeat-x scroll center bottom transparent; } .portfolio-listing-regular .portfolio-info .portfolio-title a:hover { color: rgb(255, 66, 0); } .portfolio-listing-regular .portfolio-info .portfolio-description { display: block; text-align: center; font-size: 11px; line-height: 16px; font-family: "Droid Serif"; } .portfolio-images-nav { display: block; text-align: center; margin-bottom: 10px; margin-top: 6px; } .portfolio-images-nav a { display: inline-block; width: 8px; height: 8px; background: url('portfolio-nav-inactive.html') no-repeat scroll 0% 0% transparent; margin: 0px 2px; } .portfolio-images-nav a.activeSlide { background: url('portfolio-nav-active.html') no-repeat scroll 0% 0% transparent; } .portfolio-overlay { opacity: 0; z-index: 40; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; background: url('dark-opacity-70.html') repeat scroll 0% 0% transparent; text-align: center; cursor: pointer; } img.portfolio-overlay-inner { width: 0px; height: 0px; display: inline ! important; border-radius: 18px 18px 18px 18px; background: none repeat scroll 0% 0% transparent; } .widget { margin-bottom: 18px; } .widget h2.widget-title { margin: 0px -18px 18px; font-family: "Droid Sans"; padding: 16px 30px; font-weight: bold; color: rgb(209, 211, 216); font-size: 13px; line-height: 13px; background: url('widget-bg.html') repeat scroll center center transparent; } .widget .widget-inner { padding: 0px 18px; color: rgb(156, 160, 167); } .widget_nav_menu ul { list-style-type: none; margin: 0px; padding: 0px; } .widget_nav_menu ul li { margin: 0px; border-top: 1px solid rgb(47, 52, 56); border-bottom: 1px solid rgb(29, 33, 36); padding: 2px; } .widget_nav_menu ul li:last-child { border-bottom: 0px none; } .widget_nav_menu ul li:first-child { border-top: 0px none; } .widget_nav_menu ul li a { color: rgb(156, 160, 167); display: block; } .widget_nav_menu ul li a:hover { color: rgb(255, 66, 0); } .one-half { width: 310px; } .one-third { width: 196px; } body .two-third, body .one-half, body .one-third, body .one-fourth, body .three-fourth { display: block; float: left; margin-right: 30px; } body .two-third.last, body .one-half.last, body .two-third.last, body .one-third.last, body .two-third.last, body .one-fourth.last, body .two-third.last, body .three-fourth.last { margin-right: 0px; } #footer .widget.one-third { width: 320px; margin-right: 0px; } .separator { clear: both; height: 1px; } .separator.small { margin-bottom: 19px; } .separator.big { margin-bottom: 59px; } .tweet_list, ul.styled-list { margin: 0px 0px 20px; padding: 0px; list-style-type: none; } .tweet_list li, ul.styled-list li { margin: 0px 0px 5px; padding: 0px 0px 5px; } .service-icon { float: left; margin-right: 15px; } .service-content { overflow: hidden; } #footer { float: right; width: 960px; padding: 30px 0px; background: none repeat scroll 0% 0% rgb(0, 51, 102); } /* ::::: http://themes.wpscientist.com/saico/wp-content/themes/saico-v1.0/framework/_lib/dynamic-css.php ::::: */ /* ::::: http://fonts.googleapis.com/css?family=Droid+Sans&subset=latin,latin-ext ::::: */ @font-face { font-family: "Droid Sans"; font-style: normal; font-weight: 400; src: local("Droid Sans"), local("DroidSans"), url('s-biyweupv0v-yrb-cjcil3hpw3pgy2gai-ip7wpmi0.html') format("woff"); } /* ::::: http://fonts.googleapis.com/css?family=Shanti&subset=latin,latin-ext ::::: */ @font-face { font-family: "Shanti"; font-style: normal; font-weight: 400; src: local("Shanti"), url('egezy9lk-sd_x4kdqnr1sovvdin1pk8aktelpez5c0a.html') format("woff"); } /* ::::: http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext ::::: */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; src: local("Lato Regular"), local("Lato-Regular"), url('qiiyru-orokik8vfvxw6qveszw2xoq-xsnqo47m55da.html') format("woff"); } body { color: rgb(121, 127, 132); font-family: "Droid Sans"; font-size: 12px; font-weight: normal; font-style: normal; line-height: 20px; } a { color: rgb(255, 66, 0); } a:hover, #navigation ul ul li a:hover, #navigation ul ul li.active a, #navigation ul ul li li.active a, #navigation ul ul li li a:hover, #navigation ul ul li li.sfHover a, .blog-listing-regular .blog-info .blog-title a:hover, .portfolio-listing-regular .portfolio-info .portfolio-title a:hover, .widget_nav_menu ul li a:hover { color: rgb(255, 66, 0); } h2 { color: rgb(36, 41, 45); font-family: "Droid Sans"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 30px; } h6 { color: rgb(36, 41, 45); font-family: "Droid Sans"; font-size: 13px; font-weight: normal; font-style: normal; line-height: 22px; } #navigation ul li a { color: rgb(237, 240, 245); font-family: "Droid Sans"; font-size: 13px; font-weight: bold; font-style: normal; line-height: 13px; } #navigation ul li li a { color: rgb(237, 240, 245); font-family: "Droid Sans"; font-size: 11px; font-weight: bold; font-style: normal; line-height: 14px; } #navigation ul ul li.active a, #navigation ul ul li a:hover, #navigation ul ul li li.active a, #navigation ul ul li li a:hover, #navigation ul ul li li.sfHover a { color: rgb(254, 82, 25); } #sidebar h2.widget-title { color: rgb(209, 211, 216); font-family: "Droid Sans"; font-size: 13px; font-weight: bold; font-style: normal; line-height: 13px; } #slider .slide-title-copy { color: rgb(244, 244, 244); font-family: "Droid Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 14px; } #slider-prev, #slider-next { background-color: rgb(40, 48, 53); } #slider-prev:hover, #slider-next:hover { background-color: rgb(254, 82, 25); } .portfolio-title a { color: rgb(64, 63, 63); font-family: "Lato"; font-size: 13px; font-weight: bold; font-style: normal; line-height: 18px; } /* ::::: http://fonts.googleapis.com/css?family=Droid+Sans:400,700 ::::: */ @font-face { font-family: "Droid Sans"; font-style: normal; font-weight: 400; src: local("Droid Sans"), local("DroidSans"), url('s-biyweupv0v-yrb-cjcil3hpw3pgy2gai-ip7wpmi0.html') format("woff"); } @font-face { font-family: "Droid Sans"; font-style: normal; font-weight: 700; src: local("Droid Sans Bold"), local("DroidSans-Bold"), url('efpqqyg9gqcrobxxl-krmxbfhgvwbfsbdvg11qabg8w.html') format("woff"); } /* ::::: http://fonts.googleapis.com/css?family=Droid+Serif:400,700 ::::: */ @font-face { font-family: "Droid Serif"; font-style: normal; font-weight: 700; src: local("Droid Serif Bold"), local("DroidSerif-Bold"), url('qqt14e8dy39u-eybzmppwrbnbkkeowrkgshdregcocg.html') format("woff"); } @font-face { font-family: "Droid Serif"; font-style: normal; font-weight: 400; src: local("Droid Serif"), local("DroidSerif"), url('0aksp294htd-nvjgucytalria-7acmaedbvuclsi6gc.html') format("woff"); } /* ::::: http://fonts.googleapis.com/css?family=Arimo:400,700 ::::: */ @font-face { font-family: "Arimo"; font-style: normal; font-weight: 700; src: local("Arimo Bold"), local("Arimo-Bold"), url('unxpojilm3xslyxunwuve3yhjbspvc47ee6xr_80hnw.html') format("woff"); } @font-face { font-family: "Arimo"; font-style: normal; font-weight: 400; src: local("Arimo"), url('zs0wkeozuckne3boylynt6cwcynf_cdxxwclxiixg1c.html') format("woff"); } /* ::::: http://fonts.googleapis.com/css?family=Oswald:400,700 ::::: */ @font-face { font-family: "Oswald"; font-style: normal; font-weight: 700; src: local("Oswald Bold"), local("Oswald-Bold"), url('bh7276gfdcjmjapa_dkg6bo3ldcazywl9si6vvxl-qu.html') format("woff"); } @font-face { font-family: "Oswald"; font-style: normal; font-weight: 400; src: local("Oswald "), local("Oswald"), url('qpy-uilnkp-vfodbcs6r6-vvdin1pk8aktelpez5c0a.html') format("woff"); } /* ::::: http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700 ::::: */ @font-face { font-family: "PT Sans Caption"; font-style: normal; font-weight: 400; src: local("PT Sans Caption"), local("PTSans-Caption"), url('oxytdozbcxu8mtnbvbheszsuylnvnver3yfo1b3hwey.html') format("woff"); } @font-face { font-family: "PT Sans Caption"; font-style: normal; font-weight: 700; src: local("PT Sans Caption Bold"), local("PTSans-CaptionBold"), url('q-gjrfokee7jydppxast26-uhvvnr40seurdy78prvo.html') format("woff"); } /* ::::: http://themes.wpscientist.com/saico/wp-content/plugins/contact-form-7/styles.css?ver=3.1.1 ::::: */ #styleswitcher { position: absolute; top: 100px; left: -170px; padding-right: 54px; font-family: "Questrial"; z-index: 1200; } #styleswitcher-content { position: relative; z-index: 500; border-top: 1px solid rgb(255, 255, 255); width: 150px; padding: 10px; background: none repeat scroll 0% 0% rgb(247, 247, 247); border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0px 0px 6px 1px rgb(182, 184, 185); } .styleswitcher-section { margin-bottom: 20px; } .styleswitcher-section-title { display: block; line-height: 18px; font-size: 11px; border-bottom: 1px dashed rgb(197, 197, 197); color: rgb(103, 103, 103); margin-bottom: 10px; } #styleswitcher-hook { position: absolute; z-index: 400; right: 5px; top: 30px; display: block; width: 54px; height: 70px; background: url('styleswitcher-hook.html') no-repeat scroll center center transparent; } #styleswitcher-hook.hook-open { right: 0px; z-index: 500; } .styleswitcher-listing { overflow: hidden; } .styleswitcher-listing, .styleswitcher-listing li { list-style-type: none; margin: 0px; padding: 0px; } .styleswitcher-listing li { float: left; margin-right: 5px; cursor: pointer; } #styleswitcher-reset-all { display: block; font-size: 11px; line-height: 11px; padding: 8px 0px; text-align: center; background: none repeat scroll 0% 0% rgb(131, 166, 179); color: rgb(255, 255, 255); border-radius: 3px 3px 3px 3px; } .blog-post-thumbnail{ border: 1px solid #E6E6E6 ; box-shadow: 0 0 5px #E6E6E6; margin-bottom: 15px; padding: 3px; position: relative; }