/* Theme Name: Layover Theme URI: http://layover.gothemeteam.com/ Version: 1.8 Author: Theme Team Author URI: http://themeforest.net/user/goThemeTeam Tags: Layover */ /* JA */ /* Navegador LODEMO */ p{font-size:19px !important} .pagnosotros .promo_slider{height:748px !important} .pagservicios .promo_slider{height:865px !important} #nav { overflow:hidden; height:35px; float:left; font-family: 'Arial'; } .catnav { height:35px; float:left; } .catnav ul { list-style: none; margin-left:0px; margin-top:0em; padding:0em; background-color: #2c2c2c; background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); background-repeat: repeat-x; border-color: #0055cc #0055cc #003580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filtre: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); filtre: progid:dximagetransform.microsoft.gradient(enabled=false); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .catnav li { float: left; margin: 0; margin-left:10; padding: 0; list-style-type: none; } .catnav a { display: block; margin: 0; font-size: 14px; color: #969797; font-weight: 300; list-style-type: none; text-decoration:none; letter-spacing: -1px; height: 35px; } .catnav li ul { float:left; margin:0; padding:0; margin-top: 0px; margin-left: 15px; } .catnav li:hover ul {} .catnav li a:hover { color: #fff; /*#05C*/ text-decoration: none; margin-top: 0px; margin-left: 0px; background-image: url('../images/bgoption.png'); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .catnav li ul { list-style: none; position: absolute; width: 200px; /* JALA */ display:none; } .catnav li:hover ul, #nav li.sfhover ul { display:block !important } .catnav li li { float: left; margin: 0; padding: 0; width: 200px; /* JALA */ } .catnav li li a { height: 40px; line-height: 36px; color: #ffffff; margin: 0; padding: 0 10px; } .catnav li li a:hover { padding: 0 10px; color: #ff0000; background-color: #2c2c2c; background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); background-repeat: repeat-x; } .catnav li:hover, .catnav li.sfhover { position: static;overflow:hidden; } /* Fin navegador */ body{background-image: url('images/bgbody.jpg'); background-position: top; background-repeat: repeat-x; background-color: #dadada;} .barralodemo{background-image: url('images/barralodemo.jpg');background-position: center;background-repeat: no-repeat;height: 35px;position: relative;z-index: 9999;} .navigation{margin-top: 19px;} .footerUno{font-family: 'Advent Pro', sans-serif; font-size: 25px; color: #000000;} .footerDos{font-family: 'Advent Pro', sans-serif; font-size: 14px; color: #000000;} .footerTres{font-family: 'Advent Pro', sans-serif; font-size: 18px; color: #000000;} .footerCuatro{font-family: 'Advent Pro', sans-serif; font-size: 16px; color: #000000;} .textwidget{margin-top: 20px;} .full-width-slider li{background-repeat: no-repeat;} .footer { margin-top: 40px; } /* Posiblemente se cambie JL */ /* Cobertura */ .pagcobertura { text-align: center; padding-bottom: 50px; } .pagcobertura h1 { font-family: 'Advent Pro', sans-serif; font-size: 90px; font-weight: 600; margin-top: 40px; margin-bottom: 15px; color: #3e3e3e; } .pagcobertura h2 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; margin-bottom: 20px; line-height: 32px; } .pagcobertura p { font-family: 'Advent Pro', sans-serif; font-size: 17px; color: #000000; margin-bottom: 30px; line-height: 18px; } /* Cliente */ .pagcliente { text-align: center; } .pagcliente h1 { font-family: 'Advent Pro', sans-serif;font-size: 90px; font-weight: 600; margin-top: 40px; margin-bottom: 15px; color: #3e3e3e; } .corpored h1{ font-size: 90px !important;font-weight: 600 !important; } .pagcliente h2 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; line-height: 32px; margin-bottom: 20px; } .pagcliente p { font-family: 'Advent Pro', sans-serif; font-size: 16px; color: #000000; margin-bottom: 20px; line-height: 18px; } .clientes { margin: 20px 40px 20px 40px; } .imagencliente { margin-top: -150px; position: relative; z-index: -999999; } } /* Contacto */ .pagcontacto {} .pagcontacto h1 { font-family: 'Advent Pro', sans-serif; font-size: 90px; font-weight: 600; margin-top: 25px; margin-bottom: 25px; color: #3e3e3e; } .pagcontacto h2 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; line-height: 32px; margin-bottom: 20px; } .pagcontacto h3 { font-family: 'Advent Pro', sans-serif; font-size: 30px; margin-top: 0px; margin-bottom: 15px; color: #ff010d; } .pagcontacto p { font-family: 'Advent Pro', sans-serif; font-size: 16px; color: #000000; margin-bottom: 30px; line-height: 18px; } .pagcontacto h4 { font-family: 'Advent Pro', sans-serif; font-size: 16px; color: #000000; margin-bottom: 0px; margin-top: 0px; line-height: 18px; } .pagcontacto h5 { font-family: 'Advent Pro', sans-serif; font-size: 25px; color: #000000; line-height: 32px; } .pagcontacto h6 { font-family: 'Advent Pro', sans-serif; font-size: 20px; margin-top: 0px; margin-bottom: 15px; color: #ff010d; } .pagcontacto label { font-family: 'Advent Pro', sans-serif; font-size: 18px; font-weight: 400; color: #000000;} .pagcontacto img { margin-bottom: 50px; } .contactoizquierda { float: left; width: 460px; } .contactoderecha { float: right; width: 460px; } .inputnombre{width: 340px;} #nombre_6{border-top: solid 2px #9c9c9c;} .inputempresa{width: 340px; margin-top: 5px;} #empresa_7{border-top: solid 2px #9c9c9c;} .inputcorreo{width: 340px; margin-top: 5px;} #correo_8{border-top: solid 2px #9c9c9c;} .inputtelefono{width: 340px; margin-top: 5px;} #telefono_9{border-top: solid 2px #9c9c9c;} .inputestado{width: 158px; margin-top: 5px;} #estado_10{border-top: solid 2px #9c9c9c;} .inputpais{width: 158px; margin-top: 5px;} #pais_11{border-top: solid 2px #9c9c9c;} .inputmensaje{width: 340px;height: 60px; margin-top: 5px;} #mensaje_12{border-top: solid 2px #9c9c9c;} .inputsubmit{float: right; font-family: 'Advent Pro', sans-serif; font-size: 18px;} /* Nosotros */ .pagnosotros { text-align: center; } .pagnosotros h1 { font-family: 'Advent Pro', sans-serif; font-size: 90px; font-weight: 600; margin-top: 25px; margin-bottom: 35px; color: #3e3e3e; } .pagUnoNosotros { text-align: center; } .pagUnoNosotros h1 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; margin-bottom: 30px; font-weight: 400; } .pagUnoNosotros p { font-family: 'Advent Pro', sans-serif; font-size: 17px; color: #000000; margin-bottom: 30px; font-weight: 400; } .pagDosNosotros { text-align: center; } .pagDosNosotros h1 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; margin-bottom: 30px; font-weight: 400; } .pagDosNosotros p { font-family: 'Advent Pro', sans-serif; font-size: 17px; color: #000000; margin-bottom: 30px; font-weight: 400; } .pagTresNosotros { text-align: center; } .pagTresNosotros h1 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; margin-bottom: 10px; font-weight: 400; } .pagTresNosotros p { font-family: 'Advent Pro', sans-serif; font-size: 17px; color: #000000; margin-bottom: 10px; font-weight: 400; } /* Servicios */ .pagservicios { text-align: center; } .pagUnoServicios { text-align: center; } .pagUnoServicios h1 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; margin-bottom: 10px; font-weight: 400; } .pagUnoServicios p { font-family: 'Advent Pro', sans-serif; font-size: 16px; color: #000000; margin-bottom: 10px; font-weight: 400; } .pagDosServicios { text-align: center; } .pagDosServicios h1 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; margin-bottom: 10px; font-weight: 400; } .pagDosServicios p { font-family: 'Advent Pro', sans-serif; font-size: 16px; color: #000000; margin-bottom: 10px; font-weight: 400; } .pagDosServicios h2 { font-family: 'Advent Pro', sans-serif; font-size: 23px; color: #e10011; margin-bottom: 10px; font-weight: 400; } .pagTresServicios { text-align: center; } .pagTresServicios h1 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; margin-bottom: 10px; font-weight: 400; } .pagTresServicios p { font-family: 'Advent Pro', sans-serif; font-size: 16px; color: #000000; margin-bottom: 10px; font-weight: 400; } .pagCuatroServicios { text-align: center; } .pagCuatroServicios h1 { font-family: 'Advent Pro', sans-serif; font-size: 30px; color: #000000; margin-bottom: 10px; font-weight: 400; } .pagCuatroServicios h2 { font-family: 'Advent Pro', sans-serif; font-size: 23px; color: #000000; margin-bottom: 10px; font-weight: 400; } .pagCuatroServicios p { font-family: 'Advent Pro', sans-serif; font-size: 16px; color: #000000; margin-bottom: 10px; font-weight: 400; } .prevNS { float: left; margin-top: 180px; } .nextNS { float: right; margin-top: 150px; } .promo_slider_nav { font-family: 'Advent Pro', sans-serif; font-size: 20px; } .menuservicios { background-image: url('images/bgmenuservicios.png');background-position: center;background-repeat: no-repeat;height: 35px; } .menuservicios span { padding: 10px 19px 10px 19px; } /* FIN JA */ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#333; } .main-container { color:#666; min-height:500px;} .main-container p a, body.blue .navigation div > ul > li.current-menu-item > a, body.blue .navigation div > ul > li.current_page_item > a, body.blue .navigation div > ul > li.current_page_ancestor > a, body.blue .navigation div > ul > li.current-menu-ancestor > a, .footer p a, .col-side a, body.blue .article blockquote, .commentlist p a { color:#2494db;} body.blue { background:#eaf3f8;} body.blue .main-container { background-color:#fff;} body.blue .top { border-bottom: none;} body.blue .bottom { border-top: none;} body.blue .navigation div > ul > li > a, .link-more { color:#2e5266;} .postmeta, .postmeta a, .footer .article, .subnav li.current_page_item > a, .subnav li.current-menu-item > a, .tweets .msg-meta, .commentlist time { color:#999; } .footer, .footer a { color:#666; } .article li, .commentlist { color:#888; } .header { position: relative; z-index:99; background-image: url('images/bgmenu.png'); background-repeat: repeat-x; height: 111px; /* JA */ } .navigation div > ul { margin-left:-20px; white-space: nowrap;} .navigation div > ul li { position:relative;} .navigation div > ul li a { display: block; } .navigation div > ul > li:hover > a, .navigation div > ul ul { background-image: url('images/bgopmenu.jpg'); background-repeat: repeat; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #595959; border-top-style: solid; border-top-width: 2px; border-top-color: #595959; padding: 13px 20px 13px 20px; } .navigation div > ul ul { font-size:14px; position: absolute; display: none; min-width:185px; white-space:nowrap; z-index:2; } .navigation div > ul ul li + li { background: url(images/nav-divider.png) repeat-x left top; padding-top:5px;} .navigation div > ul ul li a { display: block; padding: 15px 20px; color:#fff!important; } .navigation div > ul ul li a:hover { background-color:#11476a; } .navigation div > ul > li { float:left;} .navigation div > ul > li.parent > a { }/*background-image: url(images/nav-arrow.png); background-repeat: no-repeat; background-position: center 36px;*/ .navigation div > ul > li.current-menu-item > a, .navigation div > ul > li.current_page_item > a, .navigation div > ul > li.current_page_ancestor > a, .navigation div > ul > li.current-menu-ancestor > a { color:#ffffff;}/*f3466a*/ .navigation div > ul > li > a { font-size:16px; line-height:12px; height:12px; padding: 15px 10px; color:#fff; font-family: 'Advent Pro', sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .navigation div > ul > li > ul { left: 0; top: 52px;} .navigation div > ul > li ul ul { left: 99%; top: 5px; border: solid 1px rgba(0,0,0,0.2);} .navigation div > ul li:hover { z-index:3; } .navigation div > ul li:hover > ul { display: block!important;} .top{padding-top:15px;border-bottom: 2px solid #f6f6f6;} .comments-box h2, #respond h2 { border-bottom: solid 1px #e5e5e5; } .top form { float:left; padding: 15px 0 0;} form.searchform input { float:left; width: 175px; margin-right:-1px; } form.searchform button > span { height:0; display: inline-block; background: url(images/btn-search.gif); width:23px; padding-top:22px; overflow:hidden; float:left; border: solid 1px #e5e5e5; box-shadow: -1px 0 2px rgba(0,0,0,0.05); -moz-box-shadow: -1px 0 2px rgba(0,0,0,0.05); -webkit-box-shadow: -1px 0 2px rgba(0,0,0,0.05);} .logo h1 { font-size:30px; margin-top: -10px; /* padding: 15px 0 25px; JA */} .messagehp{padding:20px 0 20px 0;} .messagehp{font-size: 16px;color:#666;} .normal-slider, .big-image-slider { /*background: url(images/divider.png) repeat-x left bottom; JA */ padding-bottom:30px; margin-bottom:40px; margin-top:-15px; } .normal-slider > div, .big-image-slider > div { position:relative;} .normal-slider ul li, .big-image-slider ul li { width: 940px; height:380px; position:relative; } .normal-slider ul li > div.grid_4 { margin:30px 0 0 0; } .normal-slider .postmeta { margin: 10px 0 25px;} .normal-slider .link-more { margin-top: 20px;} ol#controls { text-align:center; padding-top:20px;} ol#controls li { display: inline; margin: 0 4px;} ol#controls li a { display: inline-block; width:10px; height:0; padding-top: 10px; overflow:hidden; background: url(images/dots.png) no-repeat center top;} ol#controls li a:hover { background-position: center -10px; } ol#controls li.current a { background-position: center -20px; } .big-image-slider .slider-texts { height: 340px; width: 260px; padding: 20px; background: url(images/mask.png); position: absolute; left:0; top:0; color:#d9e5ed; } .big-image-slider .slider-texts h2 a { color:#fff!important;} .big-image-slider .postmeta { border-top: solid 1px #656f75; border-bottom: solid 1px #656f75; margin-bottom:25px; } .big-image-slider .postmeta .post-categories { padding-left: 165px;} .big-image-slider .postmeta .dot { padding: 0 7px;} .big-image-slider .postmeta, .big-image-slider .postmeta a { color:#eee; } .big-image-slider .link-more a { background-image: url(images/arrow-lightblue.png); color:#8ad1fd;} /* Slider Full Width */ .full-width-slider { height:667px; margin-bottom:15px; /* background: url(images/divider.png) */ repeat-x left bottom;} .full-width-slider > div { position: absolute; width:100%; height: 800px; left:0; z-index:1;} .full-width-slider ul li { background-position: center top; width: 100%; height: 800px;} .full-width-slider ul li a { display: block; height:400px; cursor: default;} .full-width-slider-nav { display: none; width: 70px; height:30px; background: url(images/slider-arrows.png); position:absolute; left: 50%; margin-left: 400px; margin-top: -30px; z-index:99; } .full-width-slider-nav span { width: 30px; float:left; } .full-width-slider-nav span + span { margin-left:10px; } .full-width-slider-nav a { display: block; height:0; padding-top:30px; overflow:hidden; } .full-width-slider #prevBtn, .full-width-slider #nextBtn { width: 30px; height:30px; } .full-width-slider #nextBtn { background-position: right top; } .nivo-slider { padding: 0 0 60px; margin-bottom: 40px; margin-top:-15px;background: url(images/divider.png) repeat-x left bottom; } .nivo-slider > div { height:380px; margin: 0 auto; position:relative;} .nivo-slider img { position:absolute; top:0px; left:0px; display:none;} .nivo-slider > a { border:0; display:block;} .nivo-controlNav { position:absolute; width:100%; left:0; text-align: center; bottom: -35px; background:url(../images/dots.png) no-repeat; } .nivo-controlNav a { margin: 0 5px; width:10px; height:0; display: inline-block; padding-top:10px; overflow:hidden; background: url(images/dots.png) no-repeat left top; } .nivo-controlNav a:hover { background-position: left -10px;} .nivo-controlNav a.active { background-position: left -20px;} .nivo-caption a { color:#efe9d1; text-decoration:underline; } .nivo-directionNav { position:relative; clear:both;} .nivo-directionNav a { display: block; width:30px; height:0; padding-top:30px; overflow:hidden; background:url(images/arrows.png) no-repeat; border:0;} a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } .postmeta { border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; font-size:12px; margin: 8px 0 15px; padding: 10px 0; min-height: 10px; line-height:1; } .postmeta .post-categories { padding-left: 225px;} .postmeta .dot { padding: 0 10px; } .comment-stats { background: url(images/icon-comment.png) no-repeat left center; padding-left:12px; } p.link-more { margin-top:10px;} p.link-more a { font-size:12px; line-height:1; display:inline-block; background: url(images/icon-arrow.png) no-repeat right 1px; padding-right:15px;} div.left.nav a { color:#2494db;font-size:12px; line-height:1; display:inline-block; padding-right:15px;} div.right.nav a { color:#2494db;font-size:12px; line-height:1; display:inline-block; padding-right:15px;} .small-image-listing .article, .normal-slider .article, .big-image-slider .article { font-size: 11px; } .small-image-listing .postmeta, .normal-slider .postmeta, .big-image-slider .postmeta { font-size: 10px; } .big-image-listing .thumbnail img { width: 700px; } .full-width-listing .thumbnail img { width:940px; } .small-listing .thumbnail img { font-size:220px; } .full-width-listing .post + .post { padding-top: 50px; margin-top:40px; background: url(images/divider.png) repeat-x left top; } .full-width-listing .post h2 { font-size:20px; } .small-image-listing .post h2 { font-size:20px; } .thumbnail { position: relative;} .thumbnail, .thumbnail a, .thumbnail img { float:left; } .thumbnail a, .flickr_badge_image a { background-color:#000;} .thumbnail a:hover img, .flickr_badge_image a:hover img { opacity:0.9;} .thumbnail span.frame { position: absolute; left:0; top:0; width:100%; height:100%; display:none;} .miniG span.frame span { background-image: url(images/frame.png); display: block;} .thumbnail span.frame > span {padding-right: 5px; background-position: right top; background-repeat: repeat-y;} .thumbnail span.frame > span > span { padding-left: 5px; background-position: left top; background-repeat: repeat-y;} .thumbnail span.frame > span > span > span { background-position: left bottom; background-repeat: repeat-x; padding-bottom:5px;} .thumbnail span.frame > span > span > span > span {background-position: left top; background-repeat: repeat-x; padding-top:5px; } .thumbnail span.frame .empty { background:none!important; } .flickr_badge_image { position: relative; margin: 0 20px 20px 0;} .flickr_badge_image.even { margin-right:0; } .flickr_badge_image.top { margin-top:0; } .flickr_badge_image img { width: 80px; height:80px;} .flickr_badge_image, .flickr_badge_image a, .flickr_badge_image img { float:left; } .flickr_badge_image span.frame { position: absolute; left:0; top:0; width:100%; height:100%; display:none;} .flickr_badge_image span.frame span { background-image: url(images/frame.png); display: block;} .flickr_badge_image span.frame > span {padding-right: 5px; background-position: right top; background-repeat: repeat-y;} .flickr_badge_image span.frame > span > span { padding-left: 5px; background-position: left top; background-repeat: repeat-y;} .flickr_badge_image span.frame > span > span > span { background-position: left bottom; background-repeat: repeat-x; padding-bottom:5px;} .flickr_badge_image span.frame > span > span > span > span {background-position: left top; background-repeat: repeat-x; padding-top:5px; } .flickr_badge_image span.frame { display: block;} .flickr_badge_image span.frame .empty { background:none!important; height:70px; } .flickr_badge_image + p { clear:both; line-height:1;} .flickr_badge_image + p a { background: url(images/icon-flickr.png) no-repeat left center; padding-left: 25px; } .flickr_link { background: url(images/icon-flickr.png) no-repeat left center; padding-left: 25px; } .clearfix > .thumbnail { margin-bottom: 15px;} .col-side .widget { font-size:11px; } .widget + .widget { margin-top: 20px; } .widget h2 { font-size: 12px; margin-bottom: 20px; } .widget h3 { font-size:16px; } .widget .posts li + li { margin-top: 25px;} .col-side > .widget { background: #f5f5f5; padding: 20px; } .col-side .contactinfo { font-size:12px; line-height:1.5; } .col-side .contactinfo h2 { margin-bottom: 10px;} .col-side .contactinfo p + p { margin-top: 10px; } .col-side .widget_themeteam_search, .col-side .widget_themeteam_contact_info,.col-side .widget_themeteam_subscribe { padding: 0;background: none; } .widget + .widget_themeteam_search, .widget + .widget_themeteam_contact_info, .widget + .widget_themeteam_subscribe { margin-top:35px;border-top: solid 1px #e5e5e5;padding: 30px 0 0; } .col-side .widget_themeteam_subscribe h2, .col-side div.searchform h2 { margin-bottom: 10px;} .col-side .widget_themeteam_subscribe p + p { margin-top: 10px; } .col-side .widget_themeteam_subscribe input[type=text] { float:left; width: 130px; } .col-side .widget_themeteam_subscribe button { float:left; } .col-side .widget_themeteam_subscribe button > span { background: #f0f0f0 url(images/line.gif) repeat-x left top; border: solid 1px #dadada; font-size:11px; width: 69px; margin-left:-1px; line-height:22px; height:22px; float:left; } button.contact > span { background: #f0f0f0 url(images/line.gif) repeat-x left top; border: solid 1px #dadada; font-size:11px; width: 69px; line-height:22px; height:22px; float:left; } button.comment > span { background: #f0f0f0 url(images/line.gif) repeat-x left top; border: solid 1px #dadada; font-size:11px; width: 110px; line-height:22px; height:22px; float:left; } .subnav li { line-height:1; } .subnav li + li { margin-top: 10px; } .subnav li.current_page_item > a, .subnav li.current-menu-item > a { background: url(images/bullet-arrow.png) no-repeat left 1px; padding-left: 10px; display: inline-block;} #recent-tweets li { word-wrap: break-word; padding-left:25px; font-size:11px; line-height:1.5; position:relative;} #recent-tweets li:before { content: ""; position:absolute; display: inline-block; width: 19px; height:15px; left: 0; margin-top: 2px; background: url(images/icon-bird.png) no-repeat left top; } #recent-tweets li + li { margin: 15px 0 0; padding-top: 15px; border-top: solid 1px #dcdcdc; } #recent-tweets .msg-meta { font-size:10px; margin-top: 5px; } .post + .post { margin-top:40px; } .main-container { padding: 10px 0; } .footer { font-size: 12px; /*line-height:1.5;*/ background-image: url('images/bgfooter.jpg'); background-repeat: repeat-x; height:147px; /* JA */ } .footer .grid_12 {/* border-top: solid 1px #e5e5e5; padding: 30px 0; JA */} .footer h2 { margin-bottom:10px; } .footer li { margin: 0 0 5px; } .footer .first { margin-left:0;} .footer .last { margin-right:0;} .footer p { margin-bottom: 8px;} .social-networks a { display: inline-block; background-repeat: no-repeat; background-position: left center; line-height:16px; padding-left:25px; } .social-networks a.link-facebook { background-image: url(images/icon-facebook.png); } .social-networks a.link-twitter { background-image: url(images/icon-twitter.png); } .social-networks a.link-flickr { background-image: url(images/icon-flickr.png); } .social-networks a.link-vimeo { background-image: url(images/icon-vimeo.png); } .social-networks a.link-linkedin { background-image: url(images/icon-linkedin.png); } .social-networks a.link-rss { background-image: url(images/icon-rss.png); } .footer .success-msg { background: url(../images/bg-success-msg.png) no-repeat left top; width:227px; height:156px; padding-top:55px; text-align:center; color:rgba(255,255,255,0.4);} .footer .success-msg p { font: italic 12px Georgia, "Times New Roman", Times, serif; margin-bottom:60px;} .footer .success-msg p + h4 { text-transform: uppercase;} .single-post .thumbnail { margin-bottom: 25px; } .single-post .article { line-height:1.7; } .article { font-size:12px;line-height:1.6; } .single-post .thumbnail, .article p, .article dl, .article hr, .article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article ol, .article ul, .article pre, .article table, .article address, .article fieldset, .article blockquote, .article q { /* JA */ } blockquote { background:url(images/border.png); padding: 10px; color:#f3466a;font-size:16px; line-height:1.5; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;} blockquote > div { background-color:#fff; margin:0; padding: 15px 20px;} .article ul li {list-style: disc;margin: 2px 0 2px 40px; padding: 0 10px;} .article ol li {list-style: decimal;margin: 2px 0 2px 40px; padding: 0 10px;} .article blockquote { color:#f3466a; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; } .article blockquote > div > * { margin: 0; } .article blockquote > div > * + * { margin: 15px 0 0;} .about-the-author { padding: 25px 0 35px; border-top: solid 1px #e5e5e5; font-size:12px; line-height:1.6; } .about-the-author h2 { font-size:12px; margin-bottom: 20px; } .about-the-author h4 { margin-bottom: 10px; line-height:1; } .divider { background: url(images/divider.png) repeat-x left bottom; height:10px; clear:both;} .comments-box, #respond { padding-top: 80px;} .comments-box h2, #respond h2 { font-size: 18px; padding-bottom: 10px;} .commentlist li { padding-top: 30px; min-height:96px; line-height: 1.6; font-size:12px;} .commentlist li + li, .commentlist .children { border-top: solid 1px #e5e5e5; margin-top: 30px; } .commentlist h3 { margin-bottom:3px; line-height:1; font-size:16px; text-transform:capitalize;} .commentlist time { text-transform: uppercase; font-size:11px; } .commentlist p + p { margin-top:10px;} .commentlist .children { margin-left:80px;} #respond h2 { margin-bottom: 30px;} #respond input[type=text] { width: 200px; clear:both;} #respond textarea { width: 680px; } #respond .first { margin-left:0;} #respond .last { margin-right:0;} #respond .clear { height:30px; } .mini-slider { width:300px; position:relative; overflow:hidden;} .mini-slider ul li { width:300px; height:210px;} .mini-slider #prevBtn, .mini-slider #nextBtn, .mini-slider #prevBtn a, .mini-slider #nextBtn a { background: url(images/arrow-slider.png) no-repeat left top;} .mini-slider #nextBtn, .mini-slider #nextBtn a { background-position: right top;} .mini-slider #nextBtn,.mini-slider #prevBtn { position: absolute; width:30px; height:30px; bottom:30px;} .mini-slider #nextBtn a, .mini-slider #prevBtn a { display: block; height:0; padding-top:30px; overflow:hidden;} .mini-slider #nextBtn { right:0;} /*****************************/ mark { display: inline-block; padding: 0 5px; color:#333;} mark.slateblue{ background-color:#afedfa;} mark.skyblue{ background-color:#7ceefb;} mark.lightblue{ background-color:#5ce3fe;} mark.blue{ background-color:#bbc6ff;} mark.coffee{ background-color:#fbd5cf;} mark.camel{ background-color:#ffb7c7;} mark.ochre{ background-color:#ffdab9;} mark.lightgreen{ background-color:#ffa7a7;} mark.green{ background-color:#d2f9ad;} mark.darkgreen{ background-color:#bdfabf;} mark.yellow{ background-color:#fff5a8;} mark.darkyellow{ background-color:#fffb78;} mark.purple{ background-color:#ffbeec;} mark.darkpurple{ background-color:#f56ce5;} mark.gray{ background-color:#e5e5e5;} mark.greymetal{ background-color:#ccc;} mark.red{ background-color:#ffcece;} mark.darkred{ background-color:#ff5e66;} #layover-messages { background-color:#f3f3f3; padding: 25px 0; font-size:22px; line-height:1.35em;} #layover-messages div + div { text-align:center;} .feature h2 { line-height: 1.1em; margin-bottom:10px; font-size:16px;} .feature h2 img { vertical-align:middle;} .feature p { font-size:12px; line-height: 1.4em; } .contactform .success-msg { background: url(images/bg-success-msg.png) no-repeat left top; width:227px; height:156px; padding-top:55px; text-align:center; color:rgba(255,255,255,0.4);} .contactform .success-msg p { color:#777777;font: italic 12px Georgia, "Times New Roman", Times, serif; margin-bottom:60px;} .contactform .success-msg p + h4 {color:#777777; text-transform: uppercase;} .mainContactForm input{width:300px;} .mainContactForm textarea{width:300px;} .mainContactForm p{padding-bottom:20px;} .miniContactForm input{width:150px;} .miniContactForm textarea{width:150px;} .miniContactForm p{padding-bottom:20px;} .breadcrumbs { text-transform: uppercase; font-size:11px; } .breadcrumbs ul{margin-bottom:35px; padding-bottom:25px; border-bottom: 2px solid #f6f6f6;} .breadcrumbs li { float:left; padding: 0px 0px 5px 0; height:11px;} .breadcrumbs li + li { padding-left:5px; } .breadcrumbs li a { color:#979797; font-weight: normal;} .breadcrumbs .sep{padding-left:20px;width:8px; height:10px; background: url(images/b_arrow.png) no-repeat center;} .breadcrumbs li:first-child { min-width: 25px;} .breadcrumbs li:last-child, .breadcrumbs li.last { background: none; } .filter { padding-bottom: 30px; color:#808080; font-size:11px; } .filter ul, .filter li { float:left; } .filter ul { padding-right:30px;} .filter li { line-height:15px; } .filter li a { padding: 0 15px; display:block; color:#535353;} .filter li.active a { color:#303030; background-color:#fff;} .filter li:first-child { padding-right:10px;} .filter li a:hover { color:#303030;} .filter li.sep{border-right:2px solid #eee;width:1px;height:15px;} #topstories, .tabs { background: url(images/bg-topstories.gif) repeat-x left top!important; border:none!important; margin:0!important; min-height:40px;} .tabs li { float:left; background: url(images/bg-topstories-sep.png) no-repeat right top; padding-right:1px;} .tabs li a { display: block; line-height: 40px; text-transform: uppercase; color:#808080; padding: 0 10px;} .tabs li a:focus { outline:0;} .tabs li:first-child a { background: url(images/bg-topstories-sep.png) no-repeat left top; } .tabs li.active a { background-color:#fff; color:#333;} .tabs li a:hover { color:#333;} #topstories .tabs-content { padding: 50px 0; position:relative;} #topstories .tabs-content > div > div { margin: 0 30px;} #topstories .tabs-content li { width: 200px; height:200px; float:left; margin: 0 10px; position:relative;} #topstories .tabs-content li a { color:#fff;} #topstories .tabs-content li img { float:left;} #topstories .tabs-content li h3 { font-size: 13px; font-weight:normal; position: absolute; width:100%; height:32px; line-height:32px; bottom:0; left:0; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; text-indent: 5px; } #topstories .tabs-content li small { position: absolute; right:0; top:0; padding:5px 7px; background-color:#000; color:#989898; font-size:10px; text-transform:uppercase;} #topstories .prevBtn, #topstories .nextBtn { position: absolute; width: 17px; height:0; font-size:0; padding-top: 24px; overflow:hidden; top:128px; background-image:url(images/arrows.png); background-repeat: no-repeat; cursor:pointer;} #topstories .prevBtn { background-position: left top; left:0;} #topstories .nextBtn { background-position: right top; right:0;} #last-tweet { background-color:#e7f9ff; border-top: solid 1px #d3eef8; padding: 7px 0; color:#5ca3bb;} #last-tweet a { color:#1c4b54;} #last-tweet > div > div > div { padding: 12px 0 12px 70px; min-height:15px; background: url(images/i_tweet-bird.png) no-repeat left top; } .clearCode{height:25px;} .col1-layout { padding-top: 35px;} .posttags a { display: inline-block; background-color:#f3f6f6; border: solid 1px #d4d4d4; padding:5px; margin-right:3px; font-size:12px; color:#006478;} #searchform p { margin-bottom: 10px;} .read-more, .show-code, .fancy-link { display: inline-block; padding: 0 10px 0 0; font-size:12px; cursor:pointer;} .read-more { background: url(images/read-more.png) no-repeat right center;} .show-code { font-size:13px; font-weight:bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; background: #e8e8e8 url(images/arrow_show-code.png) no-repeat 110px 15px; padding:12px 45px 13px 15px; line-height:1; font-family:Arial, Helvetica, sans-serif; color:#333!important; text-transform:uppercase; } .show-code.open {background-position: 110px -15px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; } .fancy-link {text-transform:uppercase;} .portfolio .entry h2, .testimonial .article { background: url(images/quote.png) no-repeat left top; width:90%!important; padding-left:10%; float:left;} /*set the common button */ .button.small.commonBtn > span { background-position: left top;} .button.small.commonBtn > span > span { position: right top; } .button.medium.commonBtn > span { background-position: left top;} .button.medium.commonBtn > span > span { position: right top; } .button.large.commonBtn > span { background-position: left top;} .button.large.commonBtn > span > span { position: right top; } /*code*/ pre{white-space:pre; background-color:#e8e8e8; padding: 20px; } code{ color:#000;font:normal 88% "Courier New", Courier, monospace;white-space:nowrap; } pre code{display:block;clear:both;line-height:28px;color:#000;overflow:auto;white-space:normal;background:url(images/code-bg.png) no-repeat left top; border:solid 1px #d2d1d1;padding:0 10px 0px 35px;} code .comment{color:#888;} code .class, code .rules{color:#000;font-size:100%;} code .value, code .title, code .string{color:#000;} code .tag{color:#000;} code .keyword{color:#000;} .preloader{background:url(images/ajax-loader-1.gif) center center no-repeat #ffffff;display:inline-block;} /*galleria */ .layoverFrame { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } img.layoverFrame { padding:6px; margin:2px; } img.layoverFrame { background-color:rgba(255, 255, 255, 0.2); } img.layoverFrame { box-shadow: 0 1px 3px rgba(0, 0, 0, .6); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .6); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .6); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .6); } .googleMap { border: solid 1px #ccc; padding: 0 3px; } .col5 { margin:0!important;} .col5 .grid_3{ width:172px;} .clear + .clear { height:0;} .page-title { clear: both; margin-bottom:10px;} .page-title h1{padding: 15px 0 35px;background: url(images/divider.png) repeat-x left bottom;} .much-codes > * { margin-left: 10px; margin-right:10px;} h1.slateblue,h2.slateblue,h3.slateblue,h4.slateblue,h5.slateblue,h6.slateblue, header.red { color: #3b555a;} h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue, header.blue { color: #1d254e;} h1.camel,h2.camel,h3.camel,h4.camel,h5.camel,h6.camel, header.camel { color: #43252c;} h1.coffee,h2.coffee,h3.coffee,h4.coffee,h5.coffee,h6.coffee, header.coffee { color: #57403b;} h1.darkgreen,h2.darkgreen,h3.darkgreen,h4.darkgreen,h5.darkgreen,h6.darkgreen, header.darkgreen { color: #59553a;} h1.darkpurple,h2.darkpurple,h3.darkpurple,h4.darkpurple,h5.darkpurple,h6.darkpurple, header.darkpurple { color: #4f2349;} h1.darkred,h2.darkred,h3.darkred,h4.darkred,h5.darkred,h6.darkred, header.darkred { color: #641111;} h1.darkyellow,h2.darkyellow,h3.darkyellow,h4.darkyellow,h5.darkyellow,h6.darkyellow, header.darkyellow { color: #884000;} h1.yellow,h2.yellow,h3.yellow,h4.yellow,h5.yellow,h6.yellow, header.yellow { color: #7f7c20;} h1.skyblue,h2.skyblue,h3.skyblue,h4.skyblue,h5.skyblue,h6.skyblue, header.skyblue { color: #5d95a0;} h1.lightblue,h2.lightblue,h3.lightblue,h4.lightblue,h5.lightblue,h6.lightblue, .read-more.lightblue, header.lightblue { color: #1a818d;} h1.red,h2.red,h3.red,h4.red,h5.red,h6.red, header.red { color: #96171d;} h1.purple,h2.purple,h3.purple,h4.purple,h5.purple,h6.purple, header.purple { color: #af1082;} h1.ochre,h2.ochre,h3.ochre,h4.ochre,h5.ochre,h6.ochre, header.ochre { color: #5d2424;} h1.lightgreen,h2.lightgreen,h3.lightgreen,h4.lightgreen,h5.lightgreen,h6.lightgreen header.lightgreen { color: #578c26;} h1.greymetal,h2.greymetal,h3.greymetal,h4.greymetal,h5.greymetal,h6.greymetal, header.greymetal { color: #4d4d4d;} h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey, header.grey { color: #6f6f6f;} h1.green,h2.green,h3.green,h4.green,h5.green,h6.green, header.green { color: #375038;} @import url(http://fonts.googleapis.com/css?family=Advent+Pro:400,600,200,500);