/** * Theme Name: ArchDaily Mark II * Theme URI: http://archdaily.com * Author: the PNET devteam * Author URI: http://plataformanetworks.com * Description: mean, lean & slim version of original AD.mx by pablonoel */ /**CSS RESET**/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;font-family:Helvetica, arial, sans-serif;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;margin:0;padding:0;border:0;} /**CSS RESET**/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Body */ body{font-family:Helvetica, Arial, Sans-serif;text-align: center;font-size:76%;color:#333;background:white;} /* Main Structure*/ #wrapper{margin:auto;width:1040px;text-align:left;} #content{width:1040px;position:relative;float:left;} #footer{width:1040px;position:relative;float:left;} /* Basic Typography and Text*/ /** Links */ a{color:#2e7cb6;text-decoration: none; outline:none;} a:hover{color:#7aa9d4;text-decoration:underline;} /* Text and Lists */ strong{font-weight:900;} em{font-style: italic;} p{display:block;} p, li{line-height:1.6em;} ul ul{padding:0 0 0 20px} hr{float:left;border:1px solid white;width:100%;margin:10px 0;display:block;} .hide{display: none;} .showface{display: none;} /* Basic Alignments */ .left{float:left!important} .right{float:right!important;} .center{text-align:center;} /** Image Alignments */ a.left img{padding:0 20px 20px 0!important;} a.right img{padding:0 0 20px 20px 0!important;} /* Internal Structure */ .full{position:relative;width:100%;margin:auto;} .col1{width:1040px;position:relative;margin:auto;} .col2{width:855px;position:relative;} .col3{width:530px;position:relative;} .col4{width:300px;position:relative;} .col5{width:160px;position:relative;} .col6{width:700px;position:relative;} .col7{width:720px;position:relative;} .col8{width:170px;position:relative;} .col9{width:830px;position:relative;} .col10{width:800px;position:relative; margin: 0 auto;} .mban, .cbox, .mbox{float:left;position:relative;margin:0 0 20px 0;} .mban.left{margin:0 10px 0 0;} .mban.right{margin:0;} .cbox.border, .mbox.border{border:1px solid #ddd;padding:10px;} .hidden{display:none;} /* Transparency Super FX-OMGBBQ */ .trans{z-index:1;} .trans .trans_bck{background:black;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;} .edit_post a{font-size:.9em;color:red !important;} /* HEADER*/ #login{background:black;color:#dcdddd;height:35px;} #login li{float:left;margin:0 10px;font-size:12px; font-weight: normal;} #login li a{color:white;} #login #mini, #login #redes { margin-top: 8px; } #login #mini { margin-left: -15px; } #site_selector li:first-child { margin-bottom: 5px; } #header{position:relative;height: 125px;} #header .col1{height:125px; text-align: center;} #header.small .col1{position:relative;height:90px;} #header big{display: inline-block; margin:30px 0 0; position: relative;} #header .home {overflow: hidden; padding-top: 15px;} #header .home a{overflow: hidden;position: relative;width: 145px;height: 75px;display: block;margin: 0 auto;} #header .slogan {margin-top: 10px;font-family: 'Source Sans Pro', Helvetica, sans-serif;font-size: 11px;font-style: italic;color: #000;} #header big a, #header big.small a{float:left;overflow:hidden;} #header h2{ display: inline-block; background: url(img/bck/h2-bg-sm.png) top left no-repeat; width: auto; height: 39px; color: white; padding: 6px 6px 0 10px; font-size: 17px; position: absolute; top: 5px; left: 99px; white-space: pre; line-height: 18px; } @media all and (-webkit-min-device-pixel-ratio: 1.5){ #header h2 { background: url(img/bck/h2-bg-sm-2x.png) top left no-repeat; background-size: auto 39px; } } .private #header h1 a{background:url(img/cnt/lgt_adbra_private.png) left top no-repeat;width:130px;height:105px;float:left;overflow:hidden;text-indent:-1000em;} #header .backto{float:right;margin:20px 0;font-size:1.2em;text-align:right;} #loginarea {position: absolute;font-family: 'Source Sans Pro', Helvetica;font-weight: normal;font-size: 12px;right: 0;top: 5px;z-index: 1;} .projects.section h2{background-position:left -132px!important;} .products.section h2{background-position:left -176px!important;} .companys.section h2{background-position:left -263px!important;} #msg{position:absolute;bottom:0px;right:0px;width:240px;padding:10px;background:#F2F7FC;text-align:center;font-size:1.1em;border-radius:5px 5px 0 0;} #socialcontainer {border-top: 1px solid #CCC; padding-top: 10px; margin-bottom: 50px;} #socialarea{ margin-bottom: 10px;} #redes{} #redes .twi{width:60px;float:right;margin:0;} #redes .fac{width:auto;float:right;margin:0;} #loginarea a {margin: 0;padding: 3px 6px;} #l_login {border-right: 1px solid #CCC;padding-right: 8px;} #menu{line-height: 35px;margin-bottom: 25px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;float: left;position: relative;z-index: 1000;background-color: #FFF;} #menu, #menu .col1 {height: 35px;} #menu-icon {display: none;width: 35px;height: 35px;left: 15px;top: 4px;z-index: 2;cursor: pointer;background-color: #08C !important;-webkit-transition: all 20ms ease-in-out;} #menu-icon i {display: block;width: 35px;height: 35px;margin: 5px 0 0 3px;background-image: url('img/menu-icon.png');} #menu.fixed {position: fixed; top: 0;} #menu .menu{float:left;position:relative;font-size:16px;z-index:10; font-weight: 600;} #menu .menu .menu-item{float:left; margin-right: 15px;} /* searchform + newsletter */ #login li#newsletter {margin-right: 0; position: relative; margin-top: -3px; color: #a3a3a3;} #login li#newsletter:hover p {color: #CCC;} #menu #searchform-holder, #newsletter {float: right; font-family: 'Source Sans Pro', Helvetica, sans-serif;margin-top: 4px;} #menu #searchform-holder #searchform, #newsletter #newsform {float: right; margin-top: 0px;position: relative;} #newsletter #newsform {margin: 0;} #searchform input#q, #newsletter #mce-EMAIL {padding: 5px; border: 1px solid black; width: 212px; padding-right: 15px;vertical-align: top;} #newsletter #mce-EMAIL {border: 1px solid #a3a3a3; background-color: black; color: #a3a3a3; -webkit-transition: 230ms all ease-in-out;} #newsletter:hover #mce-EMAIL {border: 1px solid #CCC;} #searchform .input_img {position: absolute;right: 4px;top: 5px;width:15px;} #newsletter #mc-embedded-subscribe {position: absolute;right: 3px;top: 4px;opacity: 0.55;width:21px;} p#stats, #newsletter p {font-size: 9px;float: left;text-align: right;line-height: 13px;text-transform: uppercase;margin-right: 5px;font-weight: normal; display: block; -webkit-transition: 230ms all ease-in-out;} p#stats span, #newsletter p span {display: block;} #searchform-holder p#stats {font-size: 9px;float: left;text-align: right;line-height: 12px;text-transform: uppercase;margin-right: 5px;font-weight: normal;display: block;color: black;margin-top: 1px;} #newsletter p {line-height: 10px; margin-top: 3px;} #menu .menu .menu-item a{color:#333;text-decoration:none;line-height: 35px;} #menu .menu .menu-item a:hover{color:#2E7CB6;} #menu .menu #back2top {width: 16px;height: 27px;overflow: hidden;margin: 3px 20px 0 0;} #menu .menu #back2top a{width: 16px;height: 27px;background-image: url(img/nu/nanoAD.png);text-align: left;text-indent: -9999px;-webkit-transition: 280ms all ease-in-out;display: block;cursor: pointer;} @media all and (-webkit-min-device-pixel-ratio: 1.5){ #menu .menu #back2top a{background-image: url(img/nu/nanoAD.2x.png);background-size:16px 27px;} } #menu .menu #back2top.collapsed {display: none;} /* Submenu background #f2f7fc border #6ba7d7 */ #menu .menu .menu-item a.sel{color:#333;text-decoration:none;background:#f8f8f8;border:1px solid #ccc;border-bottom:none;padding:9px 4px;z-index:1;position:relative;} #menu .menu-sub{float:left;position:absolute;top:28px;left:0;background:#f8f8f8;border:1px solid #ccc;width:1020px;padding:10px;display:none;text-align:left;} #menu .menu-sub ul{float:left;font-size:.9em;margin:0 0 10px 0;padding:0;} #menu .menu-sub ul.left{width:700px;} #menu .menu-sub ul.right{width:250px;} #menu .menu-sub ul li{float:left;} #menu .menu-sub ul .big{float:left;width:100%;} #menu .menu-sub a{color:#2e7cb6!important;text-decoration: none;font-weight:100;} #menu .menu-sub a:hover{color:#7aa9d4!important;text-decoration:underline;} /* SubMenu - Type B */ #menu .menu .subnav-holder .subnav {position: absolute; background-color: white;width: 215px;text-align: left;padding: 0 15px 10px;border-left: 1px solid #DDD;border-bottom: 1px solid #DDD;border-right: 1px solid #DDD;top: 33px;font-size: 14px;} #menu .menu .subnav-holder .subnav .menu-item {float: none;} #menu .menu .subnav-holder span.more-tip {font-size: 10px;position: relative;top: -1px;left: 3px;} #menu .menu .subnav-holder .subnav .menu-item a {line-height: 1.8em;} /* Featured posts carousel */ #feat_box{float:left;margin:0 0 30px 0;width:100%;height:365px;position:relative;} #feat_posts{float:left;position:absolute;top:0;left:0;width:744px;height:365px;overflow:hidden;} #feat_posts h3{position:absolute;bottom:40px;left:0;padding:10px 10px 10px 2px;background:white;width:230px;font-size:19px;line-height: 19px; font-family:'Source Sans Pro', sans-serif;} #feat_posts h3 span {font-size: 11px; color: black; display: block;} #feat_posts h3 a {font-weight: normal;} #feat_posts .large{position:absolute;top:0;left:0;width:530px;height:365px;overflow:hidden;background:black;} #feat_posts .large img {min-width: 530px; min-height: 365px; max-width: 600px; width: auto; height: auto;} #feat_posts .thumb{position:absolute;top:0;right:0;width:205px;height:120px;overflow:hidden;opacity:0.6;filter:alpha(opacity=60);} #feat_posts .thumb img {min-width: 205px; min-height: 120px; max-width: 220px; width: auto; height: auto;} #feat_posts .thumb.sel{opacity:1;filter:alpha(opacity=100);} #feat_posts .id1.thumb{top:0;} #feat_posts .id2.thumb{top:125px;} #feat_posts .id3.thumb{top:250px;} #feat_side {width: 286px;} /* Editor's Choice */ #editorschoice {position: relative; margin-bottom: 2px;} #editorschoice img {width: auto;height: 245px;} #editorschoice h3 {position: absolute;bottom: 20px;left: 0;padding: 5px;background: white;width: 190px;font-size: 14px; line-height: 15px; font-family:'Source Sans Pro', sans-serif;} #editorschoice h3 a {font-weight: normal;} #editorschoice h3 span {font-size: 10px;color: black;display: block;} #editorschoice figcaption {display: none;} #editorschoice figure, #editorschoice + div, #feat_side div[id*="div-gpt"] { width: 286px !important; overflow: hidden; } #feat_box img, #feat_box iframe {background-color: #F1F1F1;} /* FOOTER */ #footer{margin:80px 0 0 0;padding:20px 0;width:100%;background:#F7F7F7;text-align:center;position:relative;z-index:1;box-shadow:-1px 0 3px #eee; padding-top: 50px;} #footer .foot{padding:10px 0;width:100%;float:left;} #footer .dash{border-bottom:1px dashed #ddd;float:left;} #footer .mfoot{margin:auto;width:1035px;text-align:left;} #footer a{color:#666;} #footer h4{font-size:1em;font-weight:100;text-transform:uppercase;padding:0 0 5px 0;color:#666;float:left;width:100%;margin:0 0 10px 0;} #footer h4 strong{font-weight:900!important;} #footer .fbox{float:left;position:relative;margin:10px 0;} #footer #foot_about{width:490px;margin:10px 20px 10px 0;} #footer #foot_about h4 small{text-transform:lowercase;} #footer #foot_about .logo{float:left;margin:5px 20px 0 0;background: url(img/cnt/cnt_logo_footer.png) no-repeat;overflow:hidden;text-indent:-10000em;height:60px;width:120px;} #footer #foot_sigue{width:300px;} #footer #foot_sigue li{float:left;width:32px;height:32px;margin:0 5px 0 0;} #footer #foot_sigue li a{float:left;width:32px;height:32px;overflow:hidden;text-indent:-1000em;background:url(img/bck/bck_spr_follow_us.png) left top no-repeat;} #footer #foot_sigue li a:hover{background:url(img/bck/bck_spr_follow_us.png) left 98% no-repeat;} #footer #foot_sigue li a.fac{background-position:left top;} #footer #foot_sigue li a.fac:hover{background-position:left 98%;} #footer #foot_sigue li a.twi{background-position:-42px top;} #footer #foot_sigue li a.twi:hover{background-position:-42px 98%;} #footer #foot_sigue li a.fli{background-position:-86px top;} #footer #foot_sigue li a.fli:hover{background-position:-86px 98%;} #footer #foot_sigue li a.vim{background-position:-129px top;} #footer #foot_sigue li a.vim:hover{background-position:-129px 98%;} #footer #foot_info{width:200px;float:right;} #footer #foot_info ul{list-style:disc;float:left;padding:0 0 0 10px;} #footer #foot_info ul li{margin:0 0 0 10px;} #footer #themost{} #footer #themost aside{float:left;width:330px;} #footer #themost aside.left{margin:0 20px 0 0;} #footer #themost aside li{width:106px!important;height:106px!important;} #footer #themost aside li a{color:white!important;font-size:1em;line-height:1em;} #footer #themost img {position: absolute;} #footer #footer-partners {width: 100%; float: left; overflow: hidden; text-align: center; margin: 0 0 30px 0;} #footer #footer-partners li {display: inline-block; margin-right: 30px;} #footer #footer-partners li:last-child {margin-right: 0;} #footer #footer-partners li a {width: 169px; height: 93px; display: block; text-indent: -9999px; opacity: .5; -webkit-transition: opacity 300ms ease-in-out; background-image: url(img/nu/partners-sprites.png?v=1.1);} #footer #footer-partners li a:hover {opacity: 1;} #footer #footer-partners li.architecturalreview a {background-position: -5px 0;} #footer #footer-partners li.huffpo a {background-position: -170px 0;} #footer #footer-partners li.parq a {background-position: -342px 0; width: 150px;} #footer #footer-partners li.architectureforhumanity a {background-position: -505px 0;} #footer #footer-partners li.businessinsider a {background-position: -676px 0;} #footer #footer-partners li.architonic a {background-position: -840px 0;} #footer #footer-partners li.abitare a {background-position: -1013px 0;} #footer #footer-partners li.evolo a {background-position: -1178px 0;} #footer #footer-partners li.theroom a {background-position: -1343px 0;} #footer #footer-partners li.endeavor a {background-position: -1698px 0;} #footer #footer-partners li.fastcodesign a {background-position: -1520px 0;} #footer #footer-partners li.federatedmedia a {background-position: -1902px 0;} #footer .partners-carousel-container {width: 796px; margin: 0 auto 20px; overflow: hidden;} /* CONTENT */ /* Breadcrums */ .category #breadcrums {border-bottom: 1px solid #e5e5e5; padding: 10px 0;} .category .thumbnailsView #breadcrums {padding-top: 0; position: relative;} #breadcrums{float: left;width: 100%;margin: 0 0 10px 0;font-family: 'Source Sans Pro', Helvetica;font-size: 15px;} #breadcrums li{float:left;margin:0 5px 0 0;font-size:.8em;text-transform:capitalize;} #breadcrums li.crumbs {position: absolute;bottom: 5px;} /* CATVIEW view mode switcher */ #breadcrums #viewmode {float: right; overflow: hidden; margin-right: 0;} #breadcrums #viewmode a { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; background-image: url(img/icn/icn_thumbsorposts_s.png); background-position: bottom right; background-repeat: no-repeat; padding-right: 20px; color: black; font-family: 'Source Sans Pro', Helvetica; opacity: .25; /* modern browsers */ -moz-opacity:0.25; /* Firefox < 0.9 */ -khtml-opacity: 0.5; /*Safari 1/x */ height: 14px; line-height: 14px; cursor: pointer; position: relative; /*z-index: 1;*/ -webkit-transition: 300ms opacity ease-in-out; text-align: right; text-transform: lowercase; } #breadcrums #viewmode a:hover {text-decoration: none;} #viewmode #toggle-thumbs { margin-bottom: 5px; background-position: 49px 3px !important; } #viewmode #toggle-posts { } #breadcrums #viewmode a.toggled { cursor: default !important; /*z-index: -1;*/ width: auto; opacity: 1 !important; /* modern browsers */ -moz-opacity: 1 !important; /* Firefox < 0.9 */ -khtml-opacity: 1 !important; /*Safari 1/x */ } /* Dynamic cat view - posts container styles */ .thumbnailsView div.postviewContent, .thumbnailsView ul.meta { display: none; } .postsView div.postviewContent, .postsView ul.meta { display: block; } .postsView .theAuthor {display: none;} .postsView div.postviewContent {float: right; width: 530px; text-align: center;} #st1.postsView div.mpost {width: 100%; height: auto; margin-bottom: 10px; padding-top: 30px;} #st1.postsView div.mpost:first-of-type{padding-top: 0;} #st1.postsView div.postviewMeta {float: left; width: 280px; text-align: right;} #st1.postsView div.postviewMeta ul.meta {width: 150px; float: right;} #st1.postsView div.postviewMeta ul.meta li.theAuthor {display: none;} #st1.postsView div.mpost h3 {} #st1.postsView div.mpost h3 a { font-size: 21px; font-family: 'Source Sans Pro', Helvetica, sans-serif; font-weight: 400; line-height: 24px; color: black; } #st1.postsView .mpost figure{float: right;width: 100%;text-align: center; height: auto;} #st1.postsView.thumbnailsView .mpost figure{width: 530px;height: auto;} #st1 .mpost figure a img, #st1 .mpost a img {max-width: 100%; height: auto;} #st1.postsView.thumbnailsView .mpost figure a img, #st1 .mpost a img {width: auto;} #st1 .mpost figure a img {width: 100%;} /* Page titles */ .title{padding:0 0 10px 0;border-bottom:1px solid #eee;} .title strong{font-size:1em;font-weight:100;text-transform:uppercase;display:block;margin:0 0 3px 0;} .title h1{font-size:1.8em;text-transform:capitalize;font-family:'Source Sans Pro', Helvetica;} /* Asides */ #st2 aside, #sidebar aside {margin-bottom: 100px;} aside{float:left;width:100%;margin:0 0 20px 0;position:relative;} aside h4 {font-size:1.4em;line-height:1.1em;float:none;padding:0 0 3px 0;margin:0 0 10px 0;border-bottom:1px solid #e5e5e5;font-weight:100;width:100%;text-transform:uppercase;} aside h4 strong{display:block;} /* Asides - general stylings */ aside h5 a {color: #333;font-weight: 900;font-size: 16px;line-height: 19px;margin: 3px 0;} aside h5 a:hover {text-decoration: none; color: #2e7cb6;} aside .wp-caption-text {display: none;} aside .aside-more-link {display: block; margin-top: 3px;text-transform: uppercase;font-size: 10px;font-weight: 900;} /* localized fixes: select obras por pais */ #filter_country select {width: 160px;} /* Localized Asides CSS: Selected; */ #selected-thumbs { width: 101%;margin-left: -1%;} #selected-thumbs h4 {margin-left: 3px;width: 99.33%;} #selected-thumbs a {display: block;float: left;margin-left: 1%;width: 32.33%;max-height: 98px;overflow: hidden;margin-bottom: 3px;} #selected-thumbs img {width:100%; height: auto;} #selected-thumbs a:hover {text-decoration: none;} /* Localized fixes: Articles by Type */ #articles-type li {line-height: 20px; font-family: 'Source Sans Pro', Helvetica;} #articles-type li a {font-size: 11px;} /* Localized Asides CSS: Popular; */ #most-visited img {float: left; margin-right: 10px;} #most-visited ul {padding: 0; margin: 0;} #most-visited .wp-caption-text {display: none;} /* DEBUG: una mejor manera para no traer captions plz! */ #most-visited li {overflow: hidden; margin-bottom: 5px;} #most-visited a {font-weight: 900;} /* Localized Asides CSS: Publications & Competitions; */ #aside-publications p, #aside-competitions p {font-size: 18px; font-weight: 900; line-height: 21px;} /* Localized Asides CSS: Events; */ #aside-events a:hover {text-decoration: none;} #aside-events li {margin-bottom: 15px;} #aside-events span.event-date, #most-visited span.date {font-weight: 900; color: #2E7CB6;} #aside-events p.event-title {color: #333;font-weight: 900;font-size: 16px;line-height: 19px;margin: 3px 0;} #aside-events a:hover p.event-title {color: #666;} /* DEBUG: max-width for asides img, hopefully not necessary */ #st2 aside img, #sidebar img {max-width: 100%;} #home-interviews img.interview {width: 100%;max-width: 100%;} #aside-competitions h5 { margin: 3px 0 10px;} #aside-competitions h5 a { line-height: 1.1em; margin-bottom: 5px;} /* HOME STYLES */ .mpost{float:left;width:100%;margin:0 0 30px 0;position:relative;padding:0 0 10px 0;border-bottom:1px solid #ddd;} .mpost .meta{float:left;width:100%;font-size:11px; font-family: 'Source Sans Pro', Helvetica;} .mpost .meta li{display: inline;} .mpost .meta li.tags a {display: inline-block; margin-left: 10px;} .mpost .meta li.tags a:first-child {margin-left: 0;} .thumbnailsView .mpost .meta li.tags{float:none;margin:10px 0 0 0; line-height: 12px;} .thumbnailsView .mpost .meta li.tags a {float: none; margin: 0 0 0 3px; display: inline; color: #2B5BA3;} .mpost h3{} .mpost .text{float:left;width:100%;margin:10px 0;} .mpost figure figcaption{color:#666;} #st1 img { max-width: 100%; height: auto; } /* DEBUG: Byproduct of navkey + fixed top nav, post containers require additional top padding */ /* proposed strategies: navkey callback is object.top - 50px offset */ #st1 .mpost{padding:50px 0 5px 0;} #st1 .mpost:first-of-type{padding-top: 0;} #st1 .mpost h3 {font-size:28px; line-height:32px;} #st1 .mpost h3 a {color: black; font-weight: 600;} #main.cat_classic #st1 .mpost h3 a { font-size:28px; line-height:32px; font-weight: 600;} #st1 .mpost h3 a:hover {color: #2E7CB6; text-decoration: none;} #st1 .mpost p{margin:0 0 15px 0;} #st1 .mpost .mtext{float:left;width:100%;margin:10px 0 0 0; line-height: 1.6em;} #st1 .mpost .mtext ul {list-style: disc;margin-bottom: 15px;padding-left: 15px;} #st1 .mpost .mtext ol {list-style: decimal;margin-bottom: 15px;padding-left: 15px;} #st1 .mpost .mtext blockquote {background-color: #FAFAFA;padding: 15px;overflow: hidden;font-style: italic;color: #666; margin-bottom: 15px;} #st1 .mpost .mtext blockquote p {margin: 0; width: auto; margin-bottom: 5px;} #st1 .mpost .mtext strong {font-weight: 900;} #st1 .mpost .mtext em {font-style: italic;} #st1 .mpost .mtext em strong, #st1 .mpost .mtext strong em {font-weight: 900; font-style: italic;} #st1 .mpost .mtext .mpar{float:left;margin:0 0 10px 0;width: 100%;} #st1 .mpost .mtext .mpar figure img {max-width: 100%;height: auto;} #st1 .mpost .mtext .more-link{float:left;margin:10px 0 0 0;width:100%;} #st1 .mpost figure{margin:0 0 20px 0;width:100%;text-align:center;} #st1 .mpost figure figcaption{text-align:center;font-size:10px;} #st1 .mpost .alignleft, #post .alignleft {float: left; margin-right: 10px;} #st1 .mpost .alignleft img, #post .alignleft img {margin-right: 15px;} #st1 .mpost .alignright, #post .alignright {float: right; margin-left: 10px;} #st1 .mpost .alignright img, #post .alignright img {margin-left: 15px;} #st1 .mpost .mtext a[rel~='attachment']:nth-child(4n) img {margin-right: 0 !important;} #st1 .mpost figure.alignleft figcaption, #st1 .mpost figure.alignright figcaption { padding: 5px 0; } #st1 .mpost .social{float:left;width:100%;border-top:1px solid #eee;padding:10px 0 0 0;margin:15px 0 0 0;} #st1 .mpost .social li{float:left;margin:0 0 0 5px;position:relative;} #st1 .mpost .social li.facebook{margin-right: 10px;width: 100px !important;overflow: visible;} #st1 .mpost .social li.twitter{margin:0;width: 100px !important;overflow: visible;} #st1 .mpost .social li.more{float:right;font-size:1.2em;font-weight:900;} #st1 .mpost .social li.comments{margin:0 10px 0 0;top:2px;} #st1 .mpost .social li.comments a.title{padding:3px 5px 2px 5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;margin:0 7px 0 0;position:relative;z-index:2} #st1 .mpost .social li.comments a.title:hover{text-decoration:none;border:1px solid #7aa9d4;color:#2e7cb6;} #st1 .mpost .social li.comments a.title img{position:absolute;width:5px;height:9px;top:5px;right:-9px;} #st1 .mpost .social li.comments a.number{padding:3px 5px 2px 5px;background:white;border:1px solid #ccc;border-radius:3px;position:relative;z-index:1} /* socialite helper styles */ #st1 .mpost .social li.facebook span.vhidden { display: block; width: 47px; height: 20px; text-indent: -9999em; background-image: url(img/aux/fb-like-new.png); background-position: center; background-repeat: no-repeat; margin-right: 30px; background-size: 47px 20px; } #st1 .mpost .social li.twitter span.vhidden { display: block; width: 56px; height: 20px; text-indent: -9999em; background-image: url(img/aux/faux_TweetBtn.png); background-position: center; background-repeat: no-repeat; } li.twitter.vertical .twitter-share-button{ width: 50px !important; } #st1 .mpost .meta_box{float:left;width:490px;padding:0 20px;margin:0 0 20px 0;} #st1 .mpost .meta_box li{font-size:1.1em;line-height:1.7em;width:100%;float:left;} #st1 .mpost .meta_box li strong{float:left;width:120px;text-align:right;margin:0 20px 0 0;} #st1 .mpost .meta_box li span{float:left;width:350px;} #st1 .mpost .post_gallery{float:left;width:100%;} #st1 .mpost .post_gallery .gallery_img{width:125px;margin:3px;border:0;} #st1 .mpost .post_gallery figcaption{text-align:right!important;padding:0;margin:0;} #st1 div[id*="div-gpt-ad"] {margin-top: 50px;width: 100% !important;overflow: hidden;margin-bottom: 30px;} #home-interviews h3 a {font-size: 18px;font-weight: 900;line-height: 21px;} #home-interviews li {position: relative;} .video-overlay {display: block; width: 60px; height: 60px; text-indent: -9999px; background-image: url(img/aux/video-overlay.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; opacity: .65;} #home-interviews li:hover a.video-overlay {opacity: 1;} #st1 .mpost .minis, #st1 .mpost .post_gallery { width: 102%; margin-left: -2%; overflow: hidden; } #st1 .mpost .minis a[rel~='attachment'], #st1 .mpost .gallery_img {display: block;float: left;width: 23%;margin-left: 2%;} #st1 .mpost .minis img, #st1 .mpost.category-ad-recommends p a[rel~='attachment'] img, #st1 .mpost.category-ad-round-up p a[rel~='attachment'] img, #st1 .mpost.category-architecture-news p a[rel~='attachment'] img, #st1 .mpost.category-selected p a[rel~='attachment'] img { border: 1px solid #fff; } body.home .mpost.category-mini, #main.cat-classic .mpost.category-mini{float: left;width: 100%;margin: 0 0 40px 0;position: relative;} body.home .mpost.category-mini .meta, #main.cat-classic .mpost.category-mini .meta{float:none!important;font-size:.8em;margin:10px 0;} body.home .mpost.category-mini h3, #main.cat-classic .mpost.category-mini h3{font-weight: 900;font-size: 1.4em!important;line-height: 1.2em !important;margin-bottom: 15px;} body.home .mpost.category-mini .mtext, #main.cat-classic .mpost.category-mini .mtext{float:left;width:100%;margin:10px 0;} body.home .mpost.category-mini figure, #main.cat-classic .mpost.category-mini figure {float:left;width:200px!important;height:175px!important;overflow:hidden;margin:0 20px 20px 0!important;position:relative;} body.home .mpost.category-mini figure, #main.cat-classic .mpost.ad-archived figure {height:auto!important;} body.home .mpost.category-mini figure img, #main.cat-classic .mpost.category-mini figure img {max-width: 300px;} body.home .mpost.category-mini figure figcaption, #main.cat-classic .mpost.category-mini figure figcaption{display:none;} body.home .mpost.category-mini .social, #main.cat-classic .mpost.category-mini .social {margin:0!important;} body.home .mpost.category-mini figure img {width: 200px;} #st2{} #st2 .mpost {float:left;width:300px;padding:0 0 10px 0;margin:0 0 20px 0;} #st2 .mpost h3{font-size:1.3em;margin:0 0 3px 0;} #st2 .mpost p{font-size:.9em;color:#666;} #st2 .mpost:hover p{color:#222;} #st2 .mpost .img{float:left;margin:5px 10px 10px 0;} #st2 .mpost .img img{float:left;padding:5px;box-shadow:0px 0px 3px 1px #eee;} .gallery_img:hover img{box-shadow:0px 0px 4px 2px #2966aa;} /* Search styles */ #st1.search{} #st1.search #title{float:left;width:100%;margin:0 0 30px 0;} #st1.search #title h2{font-size:2em;margin:0 0 10px 0} #st1.search #title p{font-size:1.2em;} #st1.search .mpost{padding:0 0 5px 0;margin:0 0 10px 0;} #st1.search .mpost h3{font-size:1.8em;} #st1.search .mpost .mtext{float:left;width:530px;margin:10px 0;} #st1.search .mpost figure{float:left;margin:0;width:100px;text-align:center;background:#f5f5f5;} #st1.search .mpost figure figcaption{display:none;} #st1.search .mpost .meta_box{float:right;width:390px;} #st1.search .mpost .mpar{float:right;width:420px;} #st1.search .mpost .meta_box li{font-size:1.1em;line-height:1.7em;width:100%;float:left;} #st1.search .mpost .meta_box li strong{float:none;width:auto;text-align:left;margin:0;} #st1.search .mpost .meta_box li span{float:none;width:auto;} /* NU Search Styles */ #searchFilters { margin-bottom: 20px; font-family:'Source Sans Pro', Helvetica;} #searchFilters h4 {float: left;margin: 0 20px 0 0;font-weight: 600;font-size: 17px;line-height: 24px;} #searchFilters select {min-width: 130px; margin-right: 20px;} #searchFilters select:last-of-type {margin-right: 0;} #tagFilters {overflow: hidden;margin-top: 15px;margin-left: 60px;} #tagFilters li {float: left; margin-right: 20px;} #tagFilters li:last-of-type {margin-right: 0;} #tagFilters li a {background-color: whiteSmoke;border: 1px solid #CCC;border-radius: 2px;padding: 1px 5px;display: inline-block; margin-right: 15px; color: #444; text-decoration: none !important; padding-right: 20px;} #tagFilters li:last-of-type a {margin-right: 0;} .mtitle{padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dashed #eee;text-transform:uppercase;} .mtitle small{float:left;font-size:.9em;} .mtitle h2{float:left;font-size:.9em;margin:0 0 0 5px;} /*#popular-queries { border-bottom: 1px solid #EEE; margin: 0 0 10px; padding: 0 0 15px;}*/ #popular-queries a { padding: 0 4px 0 0;} /* POST STYLES */ #post{float:left;width:100%;position:relative;z-index:1;} #post header{float:left;width:100%;margin:0;position:relative;z-index:1;} #single-post-title { display: table-cell; vertical-align: bottom; width: 100%; height: 80px; padding: 0 320px 18px 187px; font-size: 24px; font-family: 'Source Sans Pro', Helvetica, sans-serif; line-height: 1.1em; color: #000; font-weight: 600; } header { position: relative; } .custom-tag-badge { position: absolute; display: block; height: 57px; width: 162px; left: 0; top: -80px; text-align: right; } .custom-tag-badge > a { display: table; width: 100%; height: 100%; } .custom-tag-badge .bottom-image { display: table-cell; vertical-align: bottom; height: 57px; } .custom-tag-badge img { max-width: 162px; max-height: 100%; } @media only screen and (min-width: 300px) and (max-width: 1040px) { .custom-tag-badge {display: none;} } #main.singlepost {margin-left: 186px;} #post #featured_img{float:left;width:100%;} #post figure{float:left;margin:0 0 20px 0;border-bottom:1px solid #f5f5f5;width:100%;text-align:center;} #post figure figcaption{float:right;text-align:center;font-size:.8em;padding:10px 0; width:100%;} #post #the_content {font-size:1.1em;line-height:1.7em;text-align:left!important; border-top: 1px solid transparent; margin-top: -1px;} #post #the_content p {margin:0 0 20px 0;} #post #the_content blockquote {padding-left: 20px; font-style: italic;} /* DEBUG: strange width:100% on attachments links (instead of imgs) inside the_content - overriding for gallery thumbs; */ #post #the_content a[rel~='attachment']{text-align:center!important;margin-right: 4px;} #post #the_content a[rel~='attachment']:last-child{margin-right: 0;} #post #the_content a.attachment img {width:100%;} #post #the_content figure{margin:0 0 20px 0;} #post #the_content figure:first-child img {width: 100%;} #post #the_content figure.alignleft {display: table; width: 1px; margin: 0 10px 0 0;} #post #the_content figure.alignright {display: table; width: 1px; margin: 0 0 0 10px; float: right;} #post #the_content ul {list-style-type: disc; padding-left: 20px; margin: 20px 0;} #post #the_content ol {list-style-type: decimal; padding-left: 20px; margin: 20px 0;} #post figure.alignright figcaption.wp-caption-text, #post figure.alignleft figcaption.wp-caption-text {text-align: center; padding: 5px 0 !important;} #post .meta_box{float:left;width:490px;padding:0 20px;margin:0 0 20px 0;} #post .meta_box h4{font-size:1.4em!important;font-weight:300;float:left;margin:0 0 20px 0;padding:0 0 5px 0;border-bottom:1px solid #bad2e1;width:100%;} #post .meta_box li{font-size:1.1em;line-height:1.7em;width:100%;float:left;} #post .meta_box li strong{float:left;width:140px;text-align:right;margin:0 20px 0 0;} #post .meta_box li span{float:left;width:320px;} #post .meta_box .mtec{margin:20px 0 0 0;float:left;width:100%;} #post .meta_box .mtec li strong{float:left;width:auto;text-align:left;margin:0 10px 0 0;} #post .meta_box .mtec li span{float:left;width:auto;} #post .meta_box .mtec .sub li strong{float:none;width:auto;text-align:left;margin:0;} #post #meta_bottom{padding:20px;background:#f2f8fb;padding:20px;} #post .post_gallery{float:left;width:100%;} #post .post_gallery .gallery_img{float:left;width:125px;height:160px;margin:3px;border:0;} #post .post_gallery figcaption{float:right;text-align:center;} #map{float:left;width:100%;margin:15px 0 0 0;} #map h4{font-size:1.4em;line-height:1.1em;float:left;padding:0 0 3px 0;margin:0;border-bottom:1px solid #ccc;font-weight:100;width:100%;text-transform:uppercase;} #map #map_canvas{width:530px;height:250px;float:left;margin:20px 0;} #the_content img.size-full, #the_content img.size-large{max-width:530px;width: expression(this.width > 530 ? 530: true);height: auto;} #the_cite{font-size: 12px;float: left;margin: 0 0 60px 0;font-family: 'Source Sans Pro', Helvetica;font-weight: normal;} #the_cite strong{float:left;width:100%;margin:0 0 5px 0; font-size: 16px; font-weight: 600;} /* N-relate: Related Content; */ #related{float:left;width:100%;margin:0 0 40px 0;} #related .nr_clear{display:none} #related .nrelate{float:left; width: 530px;} #related h3{font-size: 16px;line-height: 1.1em;font-weight: 600;font-family: 'Source Sans Pro', Helvetica;} #related .nr_panel{float:left;margin:0 14px 0 0;width:120px;} #related .nr_last_row{margin:0!important;} #related .nrelate a { font-weight: 600; font-family: 'Source Sans Pro', Helvetica; } #related .nrelate a:last-of-type {margin-right: 0;} #related .nrelate_default .nr_img { border: none !important; outline: none !important; padding: 0 !important; } #related .nrelate_default .nr_img_div { border: none !important; } #related .nrelate_default .nr_panel {padding: 0 !important;} #related .nrelate_default .nr_panel:hover { border: 1px solid white !important; background: none !important; padding: 0 !important; } .nrelate_default .nr_text .nr_post_title { color: black; font-family: 'Source Sans Pro', Helvetica; font-weight: 600; font-size: 12px; line-height: 13px; } #nrelatedbox { float: left; margin: 10px 0 30px 0; } #nrelatedbox .nr_title span { font-family: 'Source Sans Pro', Helvetica; font-weight: 600; } #nrelatedbox .nr_text { font-family: 'Source Sans Pro', Helvetica; font-weight: 100; font-size: 12px; } /* N-relate: Flyout; */ .nrelate_flyout .nr_title {font-family: 'Source Sans Pro' !important; font-weight: 600px !important;} .nrelate_flyout:hover .nr_title {color: #2E7CB6 !important;} .nrelate_flyout .nr_post_title {font-family: 'Source Sans Pro';font-size: 17px;line-height: 17px;margin-bottom: 5px !important;} .nrelate_flyout .nr_excerpt {font-size: 10px !important; line-height: 13px !important;} .nrelate_animate_style_nyt .nr_inner {padding: 5px 20px 0 0 !important;} /* Non-disqus comments */ h3#comments {font-size: 14px;font-weight: 900;border-bottom: 1px solid #CCC;padding-bottom: 10px;margin-bottom: 10px;} div#comments .navigation {overflow: hidden; margin-bottom: 15px;} div#comments .navigation .alignleft {float: left;} div#comments .navigation a {padding: 3px; background-color: #f4f4f4; border-radius: 5px; display: block;} div#comments .navigation .alignright {float: right;} .commentlist li.comment {position: relative;overflow: hidden;} .commentlist li.comment p {font-size: 11px;} .commentlist li.comment .commentmetadata {font-size: 10px;font-style: italic;position: relative; left: -42px;} .commentlist li.comment .comment-author .fn {font-weight: 900; color: #444;} .commentlist li.comment .comment-author .says {display: none;} .commentlist .reply {background-image: url(img/aux/comments-reply.png);background-position: top left;padding-left: 20px;background-repeat: no-repeat;float: right; margin-bottom: -5px;} .commentlist .reply a {font-weight: 900; font-size: 10px;} .commentlist li.comment .comment-body {padding-left: 41px;font-size: 11px;line-height: 16px;} .commentlist .comment-author.vcard {color: transparent;overflow: visible;margin-right: 10px;height: 20px;} #respond h3 {font-weight: 900;font-size: 16px;margin-bottom: 10px;} #respond label {margin-left: 3px;color: #a9a9b5;font-size: 13px; position: relative; top: -3px;} #respond label small {} #respond #submit {background: #E3E3E3;display: inline-block;padding: 9px 16px;color: #555;line-height: 1.1;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #A9B3C0;border: 1px solid rgba(75, 83, 94, 0.45);font-weight: 700;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .14),inset 0 1px 0 rgba(255, 255, 255, .25),inset 0 -2px 6px rgba(255, 255, 255, .55);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 6px rgba(255,55,255,.55);box-shadow: 0 1px 2px rgba(0, 0, 0, .14),inset 0 1px 0 rgba(255, 255, 255, .25),inset 0 -2px 6px rgba(255, 255, 255, .55);text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); margin: 2px 0;} #respond #submit:hover {background-color: #F1F1F1;} #commentform {position: relative;} #commentform p {} #commentform p label[for=subscribe] {font-size: 9px; vertical-align: top} #commentform .input_txt, #commentform .input_tar {border: 1px solid #C0C8D2; font-size: 12px; line-height: 16px; margin-bottom: 2px; padding: 5px; border-radius: 5px; box-shadow: 0 1px 2px #CCC inset;} #commentform .input_tar {margin-top: 5px; height: 32px;} /* DEBUG: hiding 2nd comment paginator; */ .comments-pagination {display: none;} /* DEBUG: hiding website field; */ #commentform #url, #commentform label[for=url] {display: none;} /* =Comments ----------------------------------------------- */ #comments h3 { border-bottom: 1px solid #CCC; font-size: 1.4em; line-height: 1.1em; float: none; padding: 0 0 3px 0; margin: 0 0 10px 0; font-weight: 100; width: 100%; text-transform: uppercase; font-family: 'Source Sans Pro', Helvetica; text-transform: none; font-weight: normal; } #comment-nav-above{ text-align: right; border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 10px; } #comment-nav-below{ text-align: right; margin-top: -10px; padding-bottom: 10px; } #comments .nav-pages{ display: inline; padding: 5px; } #comments .nav-pages a{ padding: 0 2px; } #comments .add-comment{ background: #EEE; border: 1px solid #CCC; padding: 10px; display: inline; } #comments-title { font-size: 10px; font-weight: 500; line-height: 2.6em; padding: 0 0 2.6em; text-transform: uppercase; } .nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } .commentlist { list-style: none; margin: 0 auto; } .content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; /* reset the width for the one-column and sidebar page layout */ } .commentlist article.comment { position: relative; overflow: hidden; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dotted #CCC; } li.comment.depth-3 article.comment {padding-bottom: 20px;} .commentlist .comment-content {position: relative; z-index: 99;} .commentlist article.comment.evil-container .fn { color: #666; } .commentlist article.comment.evil-container .comment-content {font-size: 10px;} .commentlist article.comment.good-container .fn { color: green; } .commentlist article.comment.good-container .comment-content {font-weight: 900;} .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } .commentlist .children { list-style: none; padding: 0 0 0px 30px; } .commentlist .children li.comment .fn { display: block; } /* CK-Karma */ .comment_karma {position: absolute; top: -20px; right: 0; opacity: .4; -webkit-transition: 230ms opacity ease-in-out;} article.comment:hover .comment_karma {opacity: 1;} .comment_karma span {vertical-align: baseline;margin-left: 5px;font-size: 12px;position: relative;top: -2px;} .comment-meta .fn { font-style: normal; } .comment-meta a { font-weight: bold; } span.edit-link {display: none;} #commentlist li.comment time {position: absolute;left: 0;bottom: 0;font-size: 9px;font-weight: normal;color: #333; opacity: 0; -webkit-transition: 230ms opacity ease-in-out;} #commentlist li.comment article.comment:hover time {opacity: 1;} .comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover { } .commentlist .avatar { -moz-border-radius: 3px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px #CCC; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #CCC; float: left; padding: 0; margin-right: 10px; top: 0; width: auto; height: 37px; } .commentlist > li:before { /*content: url(images/comment-arrow.png);*/ left: -21px; position: absolute; } .commentlist > li.pingback:before { content: ''; } a.comment-reply-link { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; display: inline-block; font-size: 12px; padding: 0 8px; text-decoration: none; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } /* Post author highlighting (POST OWNERSHIP) */ .commentlist > li.bypostauthor { border-color: #d3d3d3; } .commentlist > li.bypostauthor .comment-meta { color: #575757; } .commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover { } .commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor.png); } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { border-color: #d3d3d3; } .filters{} .filters ul li{font-weight:900;} .filters ul li ul{} .filters ul li ul li{font-weight:300;} /* Social Widget */ .actibox{z-index:3;display:none;} .actibox li{cursor:pointer;} /* Social Widget - Vertical Behavior */ .actibox.vertical.fixed{position:absolute;} .actibox.vertical.fix{position:fixed;} .actibox.vertical.static{position:absolute;top:0;} /* Social Widget - Vertical Style*/ .actibox.vertical{;margin:0 0 0 -80px;width:55px;padding:5px;background:#f2f7fc;box-shadow:0px 1px 2px #ddd;} .actibox.vertical li{float:left;width:55px;margin:5px 0;padding:0;} .actibox.vertical li.facebook.vertical iframe{padding:0 0 0 3px;width:52px;} .actibox.vertical li .addthis_button_email{margin:auto;display:block;background:url(img/btn/btn_email.png?2) center top no-repeat;overflow:hidden;text-indent:-1000em;width:55px;height:20px;} .actibox.vertical li .addthis_button_email span{display:none;} .actibox.vertical li .twitter-share-button {width:55px!important;} .actibox.vertical li.comments{padding:0;text-align:center;} .actibox.vertical li.comments a{font-size:1.6em;background:#b4d1ec;border-radius:10px 10px 0 10px;padding:7px 5px;display:block;color:white;margin:0 0 3px 0;} .actibox.vertical li.comments a:hover{text-decoration:none;background:#7aa9d4;} .actibox.vertical li.comments span{color:#999;font-size:.8em;} /* Social Widget - Horizontal */ .actibox.horizontal{float:left;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:5px 0 3px 0;width:100%;margin:5px 0 0 0;} .actibox.horizontal li{float:left;margin:0 20px 0 0;} .actibox.horizontal li.comments{float:right!important;margin:0!important;width:105px;} .actibox.horizontal li.comments a{float:right;font-size:1.2em;margin:0 0 0 5px;background:#b4d1ec;border-radius:10px 10px 10px 0;padding:2px 10px;color:white;} .actibox.horizontal li.comments span{float:right;padding:3px 0 0 0;} /* leftnavmenu object */ .leftnavmenu li.cat-item {position: relative; padding: 3px;} .leftnavmenu li.cat-item:hover {background-color: #e4eff9;} .leftnavmenu ul.children {background: white;padding: 3px 3px 3px 0;position: absolute;overflow: hidden;z-index: 10;left: 160px;background-color: #e4eff9 ;width: 160px;top: 0;} .leftnavmenu ul.children li.cat-item {padding-left: 10px;} .leftnavmenu ul.children li.current-cat {background-color:#fff} .leftnavmenu li.current-cat > a {font-weight:900; } .leftnavmenu .current-cat-parent ul.children, .leftnavmenu .current-cat ul.children {background-color:#fff;position:static;} .leftnavmenu li.current-cat-parent, .leftnavmenu li.current-cat {background-color:#e4eff9;padding-bottom:0;} .page-template #pagination, .tag #pagination{width:710px;} .page-template-page-products-php #pagination {padding-left: 180px; width: 860px;} .home #pagination {max-width: 530px;width: 100%;} .archive.category #pagination, .archive.tag #pagination, .page-template-page-projects_view-php #pagination {width: 830px; max-width: 100%;} /* Standard pagination */ #pagination{float:left;margin:15px 0;position:relative; width: 530px;} #pagination .nav a{font-weight:900;padding:10px;width:90px;text-align:left;font-size:1.4em;border:1px solid #eee;background:#f5f5f5;border-radius:10px;} #pagination .nav:hover a{background:#7aa9d4;color:#fff!important;text-decoration:none;} #pagination .next a{float:right;text-align:center;} #pagination .prev a{float:left;text-align:center;} /* Pagenavi pagination */ #pagination {padding-top: 20px;} #pagination .wp-pagenavi {font-family: 'Source Sans Pro', Helvetica;font-size: 16px;font-weight: 600;color: #CCC; text-transform: uppercase; text-align: center;} #pagination .wp-pagenavi a {display: inline-block; color: black; margin: 0 5px; text-decoration: none !important; background-repeat: no-repeat;} #pagination .wp-pagenavi a:hover {color: #2E7CB6;} #pagination .wp-pagenavi span.current {display: inline-block; margin: 0 5px;} #pagination .wp-pagenavi a.first {margin: 0 6px 0 0;} #pagination .wp-pagenavi a.last {margin: 0 0 0 6px;} #pagination .wp-pagenavi a.nextpostslink, #pagination .wp-pagenavi a.previouspostslink {font-size: 21px; position: relative; line-height: 22px;} #pagination .wp-pagenavi a.nextpostslink {padding-right: 27px; background-image: url(img/bck/pagenaviArrows.png); background-position: right -60px; float: right;} #pagination .wp-pagenavi a.previouspostslink {padding-left: 27px; background-image: url(img/bck/pagenaviArrows.png); background-position: 0 1px; float: left;} /* // Deprecated but please dont delete just in case #pagination .navigator{text-align:center;float:left;width:100%;} #pagination .nav{font-weight:900;padding:7px 5px;width:90px;text-align:left;} #pagination .next{float:right;text-align:right;} #pagination .prev{float:left;text-align:left;} #pagination ul{float:left;position:absolute;left:110px} #pagination li.number{float:left;margin:0 2px;} #pagination li.empty{padding:5px 0;text-align:center;margin:0;} #pagination li.current{float:left;margin:0 5px;width:15px;padding:5px;background:#a9c6e2;color:white;text-align:center;font-weight:900;} #pagination li.number a{float:left;width:15px;padding:5px;text-align:center;text-decoration:none;} #pagination li.number a:hover{background:#a9c6e2;color:white;} */ .most_side{float:left;margin:0 0 20px 0;width:100%;} .most_side ul{float:left;width:100%;} .most_side ul li{float:left;width:95px;height:95px;margin:2px;position:relative;overflow:hidden;cursor:pointer;} .most_side ul li h3{position:absolute;z-index:2;left:0;bottom:0;display:none;width:100%;} .most_side ul li h3 a{color:white;padding:10px;font-size:.9em;float:left;line-height:1em} .most_side ul li h3 a:hover {text-decoration: none;} .most_side ul li a.img{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1} .most_side ul li a.img img{width:100%;height:100%;} .most_side.inter ul{float:left;width:100%;} .most_side.inter ul li{float:left;width:300px;height:175px;margin:0 0 5px 0;position:relative;overflow:hidden;cursor:pointer;} .most_side.inter li a span{position:absolute;width:300px;height:175px;float:left;background:url(img/bck/bck_play_btn.png) center center no-repeat;z-index:2;top:0;left:0;display:none;} .most_side.inter li:hover span{display:block;} .most_side.inter li a img{position:relative;z-index:1;} #flickr{background:url(img/icn/icn_flickr_25x25.png) 272px 10px no-repeat;} #flickr .flickr_faves {overflow: hidden;} #flickr .flickr_faves li {overflow: hidden; float: left; margin-right: 3px;} #flickr .flickr_faves li:last-child {margin-right: 0;} #flickr .flickr_faves li:first-child {float: none; width: 300px; height: auto; margin-bottom: 3px;} #flickr .flickr_faves li img {width: 98px; height: 98px;} #flickr .flickr_faves li:first-child img {width: 300px; height: auto;} #flickr .flickr_faves li {height: 98px;} #flickr .flickr_faves li:first-child {width: 300px; height: auto;} /* INSTAGRAM: Middlebar Widget; */ #instagram{background:url(img/icn/icn_instagram_25x25.png) 272px 10px no-repeat;} #instagram div{float:left;} #instagram #instapress-shortcode-1-image-1 {margin-bottom: -10px; margin-right: 0 !important;} #instagram .instapress-shortcode-image {margin-right: 3px;} #instagram #instapress-shortcode-1-image-4 {margin-right: 0} #instagram .instapress-shortcode-image img {width: 98px; height: auto;} #instagram #instapress-shortcode-1-image-1 img {width: 300px;} /* INSTAGRAM: Landing page; */ #instagrampage .instapress-shortcode-image {width: 208px; height: 208px; margin: 0; overflow: visible;position: relative;} #instagrampage .instapress-shortcode-image img {width: 208px; height: 208px; -webkit-transition: all 140ms ease-in-out;} #instagrampage .instapress-shortcode-image:hover img {width: 300px;height: 300px;position: absolute;z-index: 999;top: -53px;left: -53px;-webkit-box-shadow: 0 0 9px #444;border: 3px solid rgba(255, 255, 255, .65);-webkit-border-radius: 3px;} .flybox{display:none;position:absolute;width:200px;background:white;padding:10px;border:1px solid #eee;box-shadow:1px 1px 2px #ccc;border-radius:0 10px 10px 10px;z-index:10;} .flybox img{float:right;margin:0 0 10px 10px;} .flybox p{margin:10px 0 0 0;display:block} .flybox h5{font-weight:900;font-size:1.2em;display:block;} .twtr-hd{display:none;} .twtr-ft{display:none;} .fbConnectWidgetFooter{display:none!important;} /* Forms */ #cformsform{float:left;width:100%; font-family: 'Source Sans Pro';} .linklove{display:none;} #cformsform ol{float:left;width:100%;} #cformsform p{float:left;width:100%;text-align:left;} #cformsform select { display: block; height: 30px; width: 98%; border: 1px solid #CCC; font-size: 14px; } #cformsform li.textonly {font-size: 20px;font-family: 'Source Sans Pro', Helvetica;margin: 15px 0;} #page{position:relative; padding-top: 0px;} #page h2{width:100%;margin:0 0 20px 0;font-size:24px;font-weight:600; font-family: 'Source Sans Pro', Helvetica;} #page h4{float:left;width:100%;margin:0 0 20px 0;font-size:1.4em;font-weight:normal;border-bottom:1px solid #ccc;padding:0 0 5px 0; font-family: 'Source Sans Pro';} #page p{margin:0 0 30px 0;line-height:1.6em;} #page ul{margin:0 0 30px 0;line-height:1.6em;float:left;width:100%;list-style: disc; padding-left: 15px;} #page ul li{margin:0 0 10px 0;float:left;width:100%;} #page ul.citas {list-style-type: none; margin: 0; padding: 0;} #page cite{font-weight:100;display:block;font-style: italic;font-size:1.1em;margin:0 0 5px 0;padding:10px;background:#f5f5f5;width:95%;float:left;border-radius:5px;} #page .left{width:390px;} #page .right{width:390px;} #page ul.citas {list-style-type: none; padding-left: 0;} #page ul.citas li{margin:0 0 30px 0;text-align:right;} #page ul.citas li cite{text-align:justify;} #page ul.citas li small{display:block;} .page-id-1213 #page .right{width:320px;padding:20px;background:#f5f5f5;border-radius:10px;} .page-id-1213 #page .right ul{float:left;list-style:disc;padding:0 0 0 15px;} .page-id-1213 #page .left{width:400px;} .cform{float:left;width:100%;} .cform ol{float:left;} .cform ol li{float:left;margin:0 0 10px 0;width:100%; position: relative;} .cform ol li span{display:block;font-size:.8em;color:#666;} .cform ol li span.emailreqtxt, .cform ol li span.reqtxt {position: absolute; top: 0; right: 10px; letter-spacing: 1px;} .cform ol li label{display:block;font-size:1.1em;margin:0;} .cform ol li label span{font-size:1em!important;color:#333;font-weight:900;} .cform ol li input{display:block;font-size:1.1em;padding:5px;border:2px solid #ddd;width:95%;} .cform ol li textarea{display:block;font-size:1.1em;margin:0 0 5px 0;padding:5px;border:2px solid #ddd;width:95%;} .cform ol li .cf_error{border-color:red;} .cform .cf-sb{float:left;text-align:center;width:100%;} .cform .cf-sb input{background-color: #2E7CB6;background-color: #2E7CB6;color: white;font-weight: 600;text-transform: uppercase;font-family: 'Source Sans Pro';-webkit-border-radius: 3px;border: none;padding: 8px 35px;clear: both;display: block;font-size: 13px;margin-right: 8px; cursor: pointer;} .cform .cf-sb input:hover{background-color: #398ecd !important;} #usermessagea.cf_info { font-family: 'Source Sans Pro'; text-align: center; font-size: 16px; font-weight: 600; -webkit-border-radius: 4px; position: absolute; top: 56px; width: 380px; } #usermessagea.cf_info.success { color: #69BF00; } #usermessagea.cf_info.failure { color: #f00; } form.contact-form input {display: block;font-size: 1.1em;padding: 5px;border: 1px solid #DDD;width: 95%;} form.contact-form .contact-submit input{padding:10px 5px;width:97%;border-radius:5px;background:#7aa9d4;border:1px solid #2e7cb6;color:white;cursor:pointer;} form.contact-form .contact-submit input:hover{background:#2e7cb6;border:1px solid #2e7cb6;cursor:pointer;} form.contact-form textarea{display:block;font-size:1.1em;margin:0 0 5px 0;padding:5px;border:1px solid #ddd;width:95%;} #feedback{position:absolute;z-index:10;width:200px;height:200px;top:0;right:0;display:none;} /* Helper CSS */ #debug{display:none;} .margin5right {margin-right: 5px;} #p404{margin:-5px 0 0 0!important;} #p404 #f404{background:url(img/bck/bck_404.jpg) center top no-repeat;height:345px;position:relative;box-shadow:0 2px 2px #ccc;margin:0 0 15px 0;} #p404 #f404 h1{background:url(img/bck/bck_404msg_en.png) center top no-repeat;width:755px;height:307px;position:absolute;top:35px;left:160px;text-indent:-1000em;overflow:hidden;} #p404 #f404 small{position:absolute;bottom:10px;right:10px;} #searching{} #searching h4{font-size:1.8em;font-weight:100;display:block;float:left;width:100%;margin:0 0 10px 0;} #searching h5{font-size:1.5em;font-weight:100;display:block;float:left;width:100%;margin:20px 0 10px 0;} #searching .search{margin:0 0 20px 0;width:420px;} #searching .search form{margin:10px 0 0 0;} #searching .search .input_txt{padding:5px;width:220px;float:left;} #searching .search input[type="submit"]{float:left;padding:6px 15px 6px 15px!important;border:0;background:#333;color:white;border-radius:0 10px 10px 0px;} #searching .search ul{list-style: square;float:left;margin:0 0 0 5px;} #searching .search ul li{margin:0 20px 0 10px;padding:0px} #searching .featured{margin:0 0 20px 0;width:600px;} #searching .featured h4{margin:0 0 10px 14px;} #searching .featured ul{} #searching .featured ul li{float:right;width:125px;height:125px;margin:0 0 0 15px;padding:5px;box-shadow:0px 0px 2px 2px#eee;position:relative;} #searching .featured ul li h3{position:absolute;bottom:0;right:0;width:125px;margin:5px;font-size:.9em;line-height:1.2em;display:none;} #searching .featured ul li h3 a{color:white;padding:5px;float:left;} .footnotes{float:left;width:100%;margin:15px 0 0 0;padding:15px 0 0 0;border-top:1px dashed #ccc;background:#f9f9f9;} .footnotes ol{list-style:decimal;float:left;margin:0 10px 20px 30px;} .footnotes ol li{float:left;margin:7px 0;width:100%;font-size:.9em;} img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden} #filters li{width:100%;margin:10px 0;float:left;} #filters li .info{float:right;} #filters li ul{display:none;float:right;padding:10px;background:#f5f5f5;width:90%;} #filters li li{margin:0;} #formate{float:left;width:100%;margin:0 0 20px 0;border-bottom:1px solid #999;padding:0 0 20px 0;} #formate p{float:left;width:300px;margin:0 20px 10px 0;} #formate p.button{float:left;width:100%;margin:0;text-align:center;} #formate label{display:block;} #formate select{float:left;width:300px;} #landing_projects{} #landing_projects .hbox{float:left;margin:10px 0 10px 0;border-bottom:1px dashed #eee;padding:0 0 10px 0;} #landing_projects .hbox h3{font-size:2em;} #landing_projects .hbox ul{float:left;width:100%;margin:10px 0;} #landing_projects .hbox ul li{float:left;margin:0 15px 10px 0;font-size:1.2em;} #landing_projects .hbox ul li:first-child{display:none;} #landing_projects .hbox ul li a{float:left;padding:5px 10px;border:1px solid #eee;background:#f5f5f5;border-radius:5px;} /* Fix for Flyout */ .single-post #sidebar, .single-post .col4{z-index:0!important;position: relative;} /* NEW Single Styles */ #single-metaholder { font-family: 'Source Sans Pro', Helvetica; margin-right: 24px; width: 162px !important; float: left; border-top: 1px solid #DDD; text-align: right; padding-top: 10px; position: absolute; z-index: 99; } #single-metaholder.fixed {position: fixed; top: 50px; z-index: 999;} #single-metaholder li {font-size: 11px; clear: both; line-height: 12px;float: right;position: relative;} #single-metaholder li a {font-weight:normal;} #single-metaholder li.theDate {font-size: 30px;font-weight: 700;width: 58px; margin-bottom: 5px;} #single-metaholder span.theDate_day {float: left; margin-top: 5px;} #single-metaholder span.theDate_month {display: block;font-size: 12px;text-transform: uppercase;float: right;font-weight: 900; color: #000;} #single-metaholder span.theDate_year {display: block;font-size: 11px;float: right; color: #000;} #single-metaholder li.theAuthor {margin-bottom: 5px;} #single-metaholder li.theAuthor a {color: black;} #single-metaholder li.tags a {margin: 0 0 0 3px;font-weight: normal;font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;color: #2E7CB6;font-size: 11px;} #single-metaholder li.share.email {display: block;background: url(img/btn/btn_email.png) center top no-repeat;overflow: hidden;text-indent: -1000em;width: 55px;height: 20px;} #single-metaholder li.share.email span {background-image: none;} /* Relative positioning: there should be a better way for this :/ */ #single-metaholder li#singlePost-bookmark {margin-top: 20px;} #single-metaholder li.share.twitter{margin: 5px 0;} #single-metaholder li.share.googleplus.vertical{margin-bottom: 5px;} #single-metaholder li.share.facebook.vertical {} #single-metaholder li.share.pinterest.vertical {margin: 30px 0 5px 0;} #single-metaholder li.share.pinterest.vertical iframe {width: 47px !important;} #single-metaholder li.share.email {} /* Date: Admins & Future only; (this will change when date goes into production) */ .home #st1 li.theDate {font-family: 'Source Sans Pro';font-size: 30px;font-weight: 700;width: 58px;margin-bottom: 5px;position: absolute;left: -80px;list-style-type: none;line-height: 12px;top: 54px;} .home #st1 li.theDate span.theDate_day {float: left; margin-top: 5px;} .home #st1 li.theDate span.theDate_month {display: block;font-size: 12px;text-transform: uppercase;float: right;font-weight: 900; color: #000;} .home #st1 li.theDate span.theDate_year {display: block;font-size: 11px;float: right; color: #000;} .page-template-futuro-php #st1 li.theDate {font-family: 'Source Sans Pro';font-size: 30px;font-weight: 700;width: 58px;margin-bottom: 5px;position: absolute;left: -80px;list-style-type: none;line-height: 12px;top: 54px;} .page-template-futuro-php #st1 li.theDate span.theDate_day {float: left; margin-top: 5px;} .page-template-futuro-php #st1 li.theDate span.theDate_month {display: block;font-size: 12px;text-transform: uppercase;float: right;font-weight: 900; color: #000;} .page-template-futuro-php #st1 li.theDate span.theDate_year {display: block;font-size: 11px;float: right; color: #000;} #singlePost-social { float: right; padding: 0; margin: 15px 0 0 0; } .archive.tag, .archive.category{} #st1.thumbnailsView .mpost {float:left;width:270px;height:210px;overflow:hidden;margin:0 10px 0 0;position:relative; padding-top: 0 !important;} #st1.thumbnailsView .mpost h3 {font-size:13px!important; line-height: 15px;} #st1.thumbnailsView .mpost figure, .archive.category .mpost figure{margin:0!important;padding:0!important;height: 160px; overflow: hidden;} #main.cat_classic #st1 .mpost figure {height: auto;} #st1.thumbnailsView .mpost figure img {margin:0!important;padding:0!important;width:270px;} .archive.category .mpost figcaption{display:none;} #main.cat_classic .mpost figcaption{display:block; margin-bottom: 10px;} #st1.thumbnailsView .mpost .meta, .archive.category .mpost .meta{margin:0 0 5px 0;} #st1.thumbnailsView .mpost {margin-right: 6px\0/ !important; margin-right: 10px;} #st1.thumbnailsView .mpost:nth-child(3n+4) {margin-right: 0;} .dsq-widget-list{} .dsq-widget-list li{float:left;margin:0 0 10px 0!important;width:100%;padding:0 0 5px 0!important;border-bottom:1px solid #f5f5f5} .dsq-widget-list li a img{float:left;margin:5px 5px 5px 0!important;} .dsq-widget-list li span{margin:0!important;} .dsq-widget-list li p{margin:2px 0 0 40px!important;font-size:.9em!important;float:left;} #feat_side{} #feat_side .mbox{width:280px;padding:10px;background:url(img/bck/bck_bnr_feat_home.png) left bottom no-repeat;margin:0 0 10px 0;} #feat_side h4{font-size:1.4em;line-height:1.1em;float:left;padding:0 0 3px 0;margin:0 0 10px 0;border-bottom:1px solid #ccc;font-weight:100;width:100%;text-transform:uppercase;} #feat_side h4 strong{display:block;} #feat_side a.editorschoice {display: block; position: relative;} #feat_side img.editors-thumb {width: 300px; height: 180px;} #feat_side a.editorschoice h3 {background-color: white; position: absolute;top: 100px;left: 0;width: 160px;padding: 5px;font-weight: 900;font-size: 14px;} #feat_side #home_presented{} #feat_side #home_presented ul{float:left;} #feat_side #home_presented ul li{float:left;position:relative;} #feat_side #home_presented ul li a{float:left;position:relative;} #feat_side #home_presented ul li a:hover{top:-1px;} #feat_side #home_newsletter{margin:0;} #feat_side #home_newsletter p{line-height:1.4em;} #feat_side #home_newsletter form{float:left;width:100%;margin:10px 0 0 0;} #feat_side #home_newsletter form .input_txt{float:left;padding:5px;border:1px solid #ccc;font-size:1.2em;width:268px;} #feat_side #home_newsletter form .input_txt:hover{border:1px solid #7aa9d4;} #feat_side #home_newsletter form .input_btn{float:left;background:#5d93c8;color:white;text-transform:uppercase;border:0;border-radius:5px;padding:5px 40px;margin:10px 0 10px 80px;cursor:pointer;} #feat_side #home_newsletter form .input_btn:hover{background:#7aa9d4;} #most_popular{} #most_popular .nr_title{display:none;} #most_popular .nr_inner{float:left;margin:0;padding:0;width:100%;} #most_popular .nr_panel{float:left;width:95px;height:95px;overflow:hidden;position:relative;margin:2px;padding:0;} #most_popular .nr_panel .nr_img_div{float:left;width:95px;height:95px;;} #most_popular .nr_panel .nr_img_div img{float:left;width:95px!important;height:95px!important;} #most_popular .nr_text {float:left;width:75px!important;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.7);padding:10px;text-align:left;font-weight:100;font-size:.9em;line-height:1.2em;display:none;} #most_popular .nr_text .nr_post_title {float:left;color:white;opacity:1;} /* PRoduct stuffg */ .single-product{} .single-product h1{font-size: 2em!important;} .single-product #post{z-index:2;} .single-product h1{font-weight:100!important;} .single-product h1 strong{font-weight:900;} .single-product #the_gallery{width:100%;} .single-product #the_gallery .feat{position:relative;float:left;width:530px;height:380px;overflow:hidden;margin:0 0 10px 0;} .single-product #the_gallery .feat figure{position:absolute;top:0;left:0;margin:0;border:0;} .single-product #the_gallery .feat figure.sel{z-index:1;} .single-product #the_gallery .feat figure figcaption{display:none;} .single-product #the_gallery .thumb{position:relative;float:left;} .single-product #the_gallery .thumb figure{float:left;width:125px;height:125px;margin:0 10px 0 0;opacity:0.6;filter:alpha(opacity=60);} .single-product #the_gallery .thumb figure.eq3{margin:0;!important} .single-product #the_gallery .thumb figure.sel{opacity:1;filter:alpha(opacity=100);} .single-product #the_gallery .thumb figure figcaption{display:none;} .single-product .data{width:508px;border:1px solid #ccc;padding:10px;} .single-product .data h4{float:left;width:95px;font-size:1.2em;text-transform:uppercase;padding:0 0 60px 0;} .single-product .data h4 strong{display:block;} .single-product .data .right{width:405px;float:right;} .single-product .hover li{float:left;margin:0 0 10px 10px;position:relative;overflow:hidden;cursor:pointer;width:125px;height:125px;} .single-product .hover li a{float:left;position:relative;overflow:hidden;cursor:pointer;width:125px;height:125px;} .single-product .hover li a:hover{text-decoration:none;} .single-product .hover li h3{position:absolute;z-index:2;left:0;bottom:0;display:none;width:105px;color:white;padding:10px;font-size:.9em;float:left;line-height:1em} .single-product .hover li img{width:125px;height:125px;position:absolute;left:0;top:0;z-index:1} .single-product #the_files h4{background:url(img/bck/bck_box_documents.png) center bottom no-repeat;} .single-product #the_projects h4{background:url(img/bck/bck_box_projects.png) center bottom no-repeat;} .single-product #the_files li{float:left;width:125px;margin:0 0 10px 10px;} .single-product #the_files li h5{font-weight:900;display:block;} .single-product #the_files li a{font-size:.9em;} .single-product #product_bar{} .single-product #product_bar #fbox{position:absolute;z-index:1;top:0px;width:300px;} .single-product #product_bar #fbox.fixed{position:fixed;z-index:1;top:20px;width:300px;} .single-product #contact_form{width:300px;} .single-product #navigator{float:left;width:300px;padding:0 0 10px 0;border-bottom:1px solid #eee;margin:0 0 20px 0;} .single-product #navigator h4{display:block;width:100%;font-size:.8em;color:#333;float:left;margin:0 0 10px 0;} .single-product #navigator a{float:left;width:120px;background:url(img/btn/btn_bck_clear.png) left center no-repeat;color:white;text-transform:uppercase;padding:10px;border:0;border-radius:5px;cursor:pointer!important;text-align:center;font-size:.9em;box-shadow:0 1px 1px #999;} .single-product #navigator a[rel="next"]{float:right;} .single-product #navigator a:hover{background-position:right center;text-decoration:none;} .single-product #contact_form ul{float:left;width:300px;position:relative;height:50px;margin:0;z-index:1} .single-product #contact_form ul li{float:left;width:148px;} .single-product #contact_form ul li a{float:left;padding:10px;width:130px;text-align:center;font-size:1.4em;font-weight:900;color:#0764AD;} .single-product #contact_form ul li.active{border: 1px solid #DAE8F6;border-bottom:0;background:#F1F7FC;} .single-product #contact_form ul li.active a{} .single-product #contact_form form{padding:10px;border: 1px solid #DAE8F6;background:#F1F7FC;float:left;width:278px;margin:-11px 0 0 0;} .single-product #contact_form form p{float:left;width:100%;margin:5px 0;} .single-product #contact_form form input.input_txt{border:1px solid #eee;padding:7px 7px 7px 25px;width:245px;border-radius:3px;color:#666;} .single-product #contact_form form input[name="contact_form[name]"]{background:url(img/bck/bck_forms_products.png) 2px 5px no-repeat white;} .single-product #contact_form form input[name="contact_form[email]"]{background:url(img/bck/bck_forms_products.png) 2px -70px no-repeat white;} .single-product #contact_form form input[name="contact_form[office]"]{background:url(img/bck/bck_forms_products.png) 2px -32px no-repeat white;} .single-product #contact_form form input[type="checkbox"]{font-size:.9em;} .single-product #contact_form form input[type="submit"]{float:left;width:220px;background:url(img/btn/btn_bck_normal.png) left center no-repeat;color:white;text-transform:uppercase;padding:10px;border:0;border-radius:5px;cursor:pointer!important;text-align:center;font-size:.9em;box-shadow:0 1px 1px #999;margin:0 0 0 30px;} .single-product #contact_form form input[type="submit"]:hover{background-position:right center;text-decoration:none;} .single-product #contact_form form .input_sel{border:1px solid #eee;padding:7px;width:276px;border-radius:3px;background:white;color:#666;} .single-product #contact_form form .input_tar{border:1px solid #eee;padding:7px;width:261px;border-radius:3px;background:white;color:#666;font-family:Helvetica, sans-serif;font-size:.9em;} .single-product #meta_bar{padding:40px 0 0 0;} .single-product #meta_bar .mbox{width:170px;} .single-product #meta_bar h4{font-size:1.2em;} .single-company{} .single-company #the_content{} .single-company #the_content figure{float:right;width:300px;margin:0!important;border:0;padding:0!important;} .single-company #the_content .mbox{width:410px;margin:0!important;} .single-company h4{font-size:1.4em;line-height:1.1em;float:none;padding:0 0 3px 0;margin:0 0 10px 0;border-bottom:1px solid #ccc;font-weight:100;width:100%;text-transform:uppercase;} .single-company h4 strong{display:block;} .single-company #the_products{float:left;width:100%;margin:10px 0 0 0;} .single-company #the_products ul{float:left;} .single-company #the_products li{float: left;margin: 5px;width: 203px;height: 160px; cursor: pointer;} .page-template-page-products-php{} .page-template-page-products-php .mpost{float:left;width:210px;height:180px;overflow:hidden;margin:0 5px 0 0;position:relative;padding:10px 15px;} .page-template-page-products-php .mpost h3 {font-size:1.2em!important;} body.tax-ad_products #st1 .type-product {float: left;width: 210px;overflow: hidden;margin: 0 5px 0 0;position: relative;} body.tax-ad_products #st1 .type-product h3 {font-size: 1.2em !important; line-height: 1.5em !important;} .page-template-page-products-php .mpost figure{margin:0 0 5px 0!important;padding:0!important;width:230px;height:130px;} .page-template-page-products-php .mpost figure img{margin:0!important;padding:0!important;width:230px;height:130px;} .page-template-page-products-php .mpost figcaption{display:none;} .page-template-page-products-php .mpost .meta{margin:0 0 5px 0;} .page-template-page-products-php .mpost .meta li{line-height:1.2em;} #site_selector{position:relative;margin:0;height:20px;float:left; overflow: hidden;} #site_selector ul{float:left;margin:0;background:black;color:white;border:0;padding:0 15px 10px;position:relative;z-index:10;overflow:hidden;left: -10px;} #site_selector li {float:none;margin:0;padding:0;} #site_selector li a{ background:url(img/bck/bck_flags_nonfw.png)left 3px no-repeat; padding: 2px 0 2px 20px; float: left; margin: 0; text-align: left; cursor: pointer; line-height: 15px; display: block; width: 103px; } @media all and (-webkit-min-device-pixel-ratio: 1.5){ #site_selector li a { background:url(img/bck/bck_flags_nonfw_2x.png)left 3px no-repeat; background-size: 15px 70px; } } #site_selector #bck_cl{background-position:left -56px} #site_selector #bck_com{background-position:left -36px} #site_selector #bck_mx{background-position:left 4px} #site_selector #bck_br{background-position:left -16px} .product_executive {float: left; margin-right: 5px;} .executive_name {font-size: 14px;font-weight: 900;margin-bottom: 5px;} .executive_desc {font-size: 11px; line-height: 14px;} /* Author pages */ #author_head { border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; padding-bottom: 7px; overflow: hidden; } .author_name {font-size: 19px;line-height: 19px;font-family: 'Source Sans Pro', Helvetica, sans-serif; color: black;} .author_avatar {float: left; margin-right: 10px;} .author_bio, .author_bio p {line-height: 16px;} /* DEBUG: Typography overrides: post titles, main nav menu,; */ #st1 .mpost h3, #menu .menu .menu-item, #header h2, nav#login {font-family: 'Source Sans Pro', Helvetica, sans-serif;} /* Make sure we have room for our comment avatars */ .one-column .commentlist > li.comment { margin-left: 102px; width: auto; } /* Talking avatars take up too much room at this size */ .one-column .commentlist > li.comment { margin-left: 0; } .one-column .commentlist > li.comment .comment-meta, .one-column .commentlist > li.comment .comment-content { margin-right: 85px; } .one-column .commentlist .avatar { background: transparent; display: block; padding: 0; top: 1.625em; left: auto; right: 1.625em; } .one-column .commentlist .children .avatar { background: none; padding: 0; position: absolute; top: 2.2em; left: 2.2em; } .one-column #respond { width: auto; } .entry-meta .edit-link a, .commentlist .edit-link a { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; float: right; font-size: 12px; line-height: 1.5em; font-weight: 300; text-decoration: none; padding: 0 8px; } .entry-meta .edit-link a:hover, .commentlist .edit-link a:hover { background: #888; color: #fff; } /* sidebar-page.php comments */ /* Make sure we have room for our comment avatars */ .page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback { margin-left: 102px; width: auto; } /* And a full-width comment form */ .page-template-sidebar-page-php #respond { width: auto; } /* Comment Form */ #respond { position: relative; margin-top: 10px; } #respond input[type="text"], #respond textarea { background: #fff; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 10px; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555; display: inline-block; font-size: 13px; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; } #respond textarea { resize: vertical; width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1; } #respond .comment-notes, #respond .logged-in-as { font-size: 13px; } #respond p { margin: 10px 0; } #respond .form-submit { float: right; margin: -20px 0 10px; } #respond input#submit { background: url(img/btn/btn_bck_normal.png) left center no-repeat; color: white; text-transform: uppercase; padding: 10px 25px; border: 0; border-radius: 5px; cursor: pointer!important; text-align: center; font-size: .9em; box-shadow: 0 1px 1px #999; } #respond input#submit:hover{ background-position:right center; text-decoration:none; } #respond input#submit:active { background: #1982d1; color: #bfddf3; } #respond #cancel-comment-reply-link { color: #444; text-decoration: none; margin-top: 20px; position: absolute; top: 10px; right: 0; text-transform: none; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } .commentlist #respond { margin: 3.625em 0 0; width: auto; } #reply-title { color: #373737; font-size: 24px; font-weight: bold; line-height: 30px; } #cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; } #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; } #respond input[type=text] { padding: 7px 7px 7px 25px; color: #666; display: block; width: 45%; } #respond form input[name="email"] { background: url(img/bck/bck_forms_products.png) 2px -70px no-repeat white; } #respond form input[name="author"] { background: url(img/bck/bck_forms_products.png) 2px 5px no-repeat white; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; } #commenting_avatar { float:left; } #commenting_avatar img { width: 25px; height: 25px; border: 1px solid #CCC; } #logged-info { font-size: 11px; padding-left: 35px; line-height: 28px; } /* AD Login */ .ui-dialog {text-align: left;} /* boton like v2 - direct import desde archdaily.com, ¿por que no llegan estilos si ad-login.js esta enabled? */ #ad_like_star { width: 65px; height: 67px; position: relative; left: 5px; float: right; z-index: 990; } .fast-bookmark { background-repeat: no-repeat; height: 67px; display: inline-block; background-image: url(img/bookmark-icon.png?v=2.4); color: transparent !important; background-position: top center; } #folder-bookmark { display: none; background: #f1f1f1; color: #333; height: 67px; position: absolute; right: -12px; top: 0; padding: 0 3px; text-decoration: none; line-height: 70px; -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: pointer; } #folder-bookmark.hover {display: inline-block;} #folder-bookmark div#bookmarkcontainer { text-shadow: none !important; text-align: left; display: none; color: #4A4A4A; top: 0px; left: 16px; position: absolute; width: 205px; background: white; -moz-box-shadow: 0 0 3px #666; -webkit-box-shadow: 0 0 3px #666; box-shadow: 0 0 3px #CCC; padding: 0; margin: 0; font-size: 12px; line-height: 17px; -webkit-transition: all 20ms ease-in-out; } a.btn_like.fast-bookmark:hover, #folder-bookmark:hover { background-color: #f1f1f1 !important; } a.home-bookmarking { background-image: url('img/newfoldericon-minisprites-35x35.png?v=2.1'); background-repeat: no-repeat; border-bottom: none; height: 28px; padding: 15px 0 10px 38px; } a.home-bookmarking:hover{ text-decoration: none; } #folder-bookmark.expanded { background-color: white; color: #0F6CB7; text-shadow: 1px 0 0 #0A4778; } #folder-bookmark div#bookmarkcontainer p { font-size: 10px; font-weight: 100; text-transform: uppercase; margin: 0; padding: 8px 5px 5px 5px; color: #0F6CB7; } #folder-bookmark div#bookmarkcontainer ul { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; margin: 5px 0; max-height: 300px; overflow-y: scroll; padding: 2px 0; } #folder-bookmark div#bookmarkcontainer li { text-align: left; font-size: 11px; padding: 5px; padding-right: 20px; margin: 3px 0; -webkit-transition: all 20ms ease-in-out; width: 160px; } #nulist-name { padding: 5px; margin: 5px; width: 150px; background: white; border: 1px solid #CCC; color: #444; } #in-nulist strong { color: #0F6CB7; font-weight: 900; font-style: normal; display: inline-block; background: #F7F7F7; margin-right: 5px; padding: 0 3px; } /* Gallery shortcode CSS overrides */ dl.gallery-item img {border: none !important;} dd.gallery-caption {font-size: 10px;} /* Viper's Video Quicktags aux */ .vvqbox {clear: both;} .vvqbox { margin: 0 auto 20px !important; } /* CForms aux */ select#cd_field_1.input_sel {padding: 10px; display: block; border: 1px solid #CCC; background-color: white; width: 383px; height: 26px;} /* Special: Venice 2012 Biennale coverage links @ home & cat_classic; */ .home a.venice2012tag, .cat_classic a.venice2012tag { display: block; width: 65px; position: absolute; left: -83px; opacity: .35; -webkit-transition: 230ms opacity ease-in-out; -moz-transition: 230ms opacity ease-in-out; transition: 230ms opacity ease-in-out; } .mpost:hover a.venice2012tag, .mpost:hover a.venice2012tag {opacity: 1;} /* Special */ .firstposthome {width: 125px; height: 125px; float: left; margin-right: 10px;} .firstposthome:last-child {margin-right: 0;} .globalhome300x250 {width: 100%; float:left; overflow: hidden;} body.single .globalhome300x250{border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;width: 100% !important;overflow: hidden;} .globalhome350x200firstpost {width: 300px; clear: left; margin: 0 auto 20px;} .globalhome160x600 {margin:0 auto; text-align:center;} .globalhome530x200 {width: 100%; float: left;} .featureddfp {margin-top: 2px;} .gallerydfp {width: 728px; float: right;} .globalsidebar160x93 {width: 160px; height: 93px; margin-bottom: 7px;} .single300x250 {width: 300px; height: 250px; margin: 0 auto 50px; clear: both;} /* Sponsored posts v2 */ #st1 .post .mtext .sponsoredBy, #the_content .sponsoredBy { padding: 20px; text-align: center; font-weight: 600; color: #444; margin-bottom: -10px; text-transform: uppercase; font-size: 10px; } #st1 .post .mtext .sponsoredBy a img, #the_content .sponsoredBy a img { margin: 10px auto; } #dialog-message{ text-align: center; } /*ipad landingpage*/ #ipad_contenedor{margin:30px auto 30px;border:0;width:1040px;text-align:center;} #ipad_content{margin: 0 30px;height: 560px;text-align: left;} #ipad_content h2{font-family: 'Source Sans Pro', sans-serif;font-weight: 400;color: #0d6db0;font-size: 72px;margin:40px 0 20px 0;} #ipad_content h3{font-size: 30px;font-family: 'Source Sans Pro', sans-serif;font-weight: 400;color:black;margin:20px 0 20px 0;} #ipad_content img{margin-right: 30px;float: left;} #ipad_features{float:left!important;padding: 0 0 50px 0;border-top: 1px solid #666;} #ipad_features h4{text-align: center;color: #333333;font-size: 22px;font-family: 'Source Sans Pro', sans-serif;font-weight: 200;text-transform: uppercase; padding:20px;} #ipad_features ul{margin: 0;list-style: none;padding: 0;} #ipad_features ul li{font-weight: 300;color: #333333;font-size: 13px;line-height: 18px;float: left;width: 260px;text-align: center;margin: 0;} #ipad_features ul li img{-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;margin-bottom: 10px;} #ipad_footer{font-size: 12px;color: #333;} /*BOTY 2012*/ .contest_timeline { background-color:#F4F8FB; margin: 10px 0; } .contest_timeline_status { height: 9px; width: 100%; background-color: #ccc; display: block; position: relative; } .time_now { height: 9px; width: 0%; display: block; background: url("./banner-boty/timeline_now_red.png") no-repeat top right #f04247; } .contest_timeline_status .nomination_phase, .contest_timeline_status .votation_phase { border-right: 1px solid white; top: 0px; padding-bottom: 0px; height: 9px; position: absolute; } .nomination_phase, .votation_phase { border-right: 1px solid #4183C4; height: 100%; position: absolute; top: 0px; margin-bottom: 2px; display: inline-block; } .nomination_phase { width: 50%; } .votation_phase { min-width: 35%; right: 0px; } .contest_timeline_desc { height: 18px; width: 100%; display: block; font-size: 170%; font-weight: 200; position: relative; margin-top: 2px; text-align: left; color: #0d6db0; padding: 34px 0px 0px 10px; } #feat_side a{ text-decoration: none; } #feat_side a:hover { text-decoration: none; } .contest_timeline_desc .nomination_phase, .contest_timeline_desc .votation_phase { border-right: 1px solid white; position: absolute; } .contest_timeline_home_nominate{ width: 300px; height: 115px; background: url("./banner-boty/BOTY2012-countdown.jpg"); } .contest_timeline_home_vote{ width: 300px; height: 115px; background: url("./banner-boty/BOTY2012-countdown-vote.jpg"); } .contest_timeline_home_process{ width: 300px; height: 115px; background: url("./banner-boty/BOTY2012-countdown.jpg?v=2"); } .contest_timeline_home_finish{ width: 300px; height: 115px; background: url("./banner-boty/BOTY2012-countdown-finish.jpg"); } .float_left { float: left; display: inline; margin-right: 10px; } /*.fb_iframe_widget iframe { position: static !important; }*/ #flickr-container>div { width: 303px; margin-left: -3px; } #flickr-container>div a { width: 98px; height: auto; float: left; overflow: hidden; text-align: center; margin-left: 3px; } #flickr-container>div a:first-child { width: 300px; height: 100%; } #flickr-container>div a img { width: 100%; max-width: 100%; height: auto; } #flickr-container>div a:first-child img { width: 100%; margin-top: 0; } #neufert{ overflow: hidden; width: 102%; margin-left: -2%; margin-top: 50px; } #neufert h4 { margin-left: 2%; font-family: 'Source Sans Pro', 'Helvetica', sans-serif; font-size: 20px; font-weight: 600; margin-bottom: 20px; } .neufert-product { float: left; width: 23%; margin-left: 2%; margin-bottom: 20px; } .neufert-product img { width: 100%; margin-bottom: 5px; } #neufert .product-title a { font-family: 'Source Sans Pro', 'Helvetica', sans-serif; font-size: 12px; font-weight: 400; color: black; line-height: 1.1em; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*MOBILE*/ @media only screen and (min-width: 300px) and (max-width: 600px) { #st2, .search #header, #newsletter { display: none; } #site_selector li a { text-indent: -99999999999; overflow: hiden; min-width: 25px; padding: 2px 0 5px 20px; } #login #redes li { margin-left: 12px !important; margin-right: 0; } #login li { font-size: 11px; } #login #redes { margin-top: 10px; } #st1 { width: 100%; } #post .meta_box li strong { width: 100px; } #search_results .result { width: 48%; } .chzn-container, .chzn-container-single, .text-search-field { width: 100% !important; } } @media only screen and (min-width: 600px) and (max-width: 1039px) { #st1 { width: 60%; } #st2 { width: 37%; } #search_results .result { width: 31.3%; } .search-filters { width: 102%; margin-left: -2%; } #current_search_form .chzn-container, #current_search_form .chzn-container-single, #current_search_form .text-search-field { display: block; float: left; width: 48% !important; margin: 7px 0 1px 2%; } } @media only screen and (min-width: 300px) and (max-width: 1039px) { #feat_box, #sidebar, #single-metaholder .theDate, #single-metaholder .tags, #single-metaholder .share, #single-metaholder .theAuthor, .attachment .DFP-banner, #footer .dash .mfoot, .next_gallery, .previous_gallery, .menu .new-item .new-alert, #foot_info { display: none !important; } #wrapper { margin-top: 90px; } .attachment #wrapper { margin-top: 37px; } body.search #wrapper { margin-top: 20px; } #header .home { overflow: visible; } .home #pagination { width: 60%; max-width: 60%; } #the_content div[id*="newsroom-picture"] { width: 100% !important; } #login .col1, #header .col1, #menu .col1, #footer .mfoot, #content, #ver_imagen, #search_results, #search_form_options, .search #pagination, #current_search_form .form_container, #applied_filters, .attachment header { width: 100% !important; padding-left: 15px; padding-right: 15px; } #wrapper, #main, #attachment, #imagenav-buttons, #ver_imagen_center, #current_search_form, .search #content, .mtext iframe, #the_content iframe, #p404 #f404, #searching { width: 100% !important; float: none; padding: 0; } .fichas_container { margin: 80px auto 0px; width: 280px; } object, embed { width: 100% !important; height: auto; } object, embed { min-height: 200px; overflow: hidden; position: relative; } #menu { margin-bottom: 40px; } .search #menu { margin-bottom: 20px; } aside h5 a { font-size: 13px; } .instapress-shortcode { width: 101%; margin-left: -1%; } .instapress-shortcode .instapress-shortcode-image { width: 32.3%; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 1% !important; margin-left: 1% !important; } .instapress-shortcode .instapress-shortcode-image:first-child { width: 99%; margin-left: 1%; } .instapress-shortcode-image a, .instapress-shortcode-image a img { width: 100% !important; } #instafeed a:first-child img { width: 99%; } #flickr #flickr-container { overflow: hidden; } #flickr-container > div { width: 101%; margin-left: -1%; } #flickr-container > div li, #flickr-container > div > a { width: 32.3%; margin-left: 1%; } #flickr-container > div a:first-child, #flickr-container > div a[href*="flickr"]:first-child { width: 100%; margin-left: 1%; max-height: 300px; } #flickr #flickr-container > div li:first-child img, #flickr #flickr-container > div a[href*="flickr"]:first-child img { width: 99%; } #flickr #flickr-container > div a[href*="flickr"]:first-child { margin-left: 0.5%; } #main.singlepost { margin-left: 0 !important; } #single-post-title { padding-left: 0 !important; } #the_content img { max-width: 100%; height: auto; } #current_search_form { line-height: 38px; } .attachment header h1 { left: 15px; } .imagenav.next_img { width: 50%; } .imagenav.previous_img { width: 50%; } body.attachment header { height: 105px; } body.attachment #attachment figure img.galleryitem { max-width: 100%; max-height: none; } body.attachment #menu { position: absolute; top: 0; } #current_search_form { height: auto; min-height: 40px; } #current_search_form #new_search input#search_text { width: 100% !important; } #applied_filters .loading { right: 12px; } .text-search-field { margin-top: 1px !important; } #current_search_form #new_search img { margin-top: 6px !important; } #single-metaholder { position: absolute !important; width: 35px !important; height: 35px; left: 15px; top: 30px !important; margin-right: 0; border-top: 0; padding-top: 0; } #single-metaholder li#singlePost-bookmark { margin-top: 0px; } #singlePost-bookmark, #single-metaholder li { float: left; } .fast-bookmark { background-image: url('img/newfoldericon-minisprites-35x35.png?v=2.2'); height: 35px; } #ad_like_star { width: 35px; height: 35px; left: 0; } #folder-bookmark { height: 35px; line-height: 38px; } } @media only screen and (min-width: 300px) and (max-width: 767px) { #page .left ul, #page .left h4, #ver_imagen #image-social, .single-post #st2, #st1 .mpost .social .facebook, #st1 .mpost .social .twitter, #header big h2, #gallery-1 .gallery-caption, #newsletter p { display: none; } #login #redes li { margin-left: 7px; } #newsletter #mce-EMAIL { width: 180px; } #header .flag { top: 23px; left: 89px; } #header big a, #header .home a { width: 130px; height: 66px; } #header big a img, #header .home a img { width: 100%; height: auto; } #st1 .mpost h3, #single-post-title { font-size: 20px; } #st1 .mpost .social .more { font-size: 12px; } #flickr .flickr_faves li { height: 70px; overflow: hidden; } #footer .partners-carousel-container { width: 172px; } #footer #themost aside { width: 100%; } #footer #themost aside.left { margin: 0 0 25px 0; } #foot_about, #foot_sigue, #foot_info { width: 100% !important; float: none; margin-bottom: 35px; } #single-post-title { padding-right: 45px !important; } #page .left, #page .right { width: 100%; float: right; } #page .right form { margin-top: 5px; } #searching .featured.right, #searching .search { width: 100%; float: none; } #searching .search { margin-bottom: 30px; } #p404 #f404 h1, #p404 #f404 h2 { margin-left: 0; text-align: center; } #p404 #f404 h1 { font-size: 30px; } #p404 #f404 h2 { font-size: 20px; } #searching h4 { font-size: 1.3em; } #searching h5 { font-size: 1.2em; } #f404 { background-color: #FFF; opacity: .8; } #gallery-1 .gallery-item { border: 1px solid #FFF; font-size: 0; line-height: 0; } #single-metaholder { left: 100%; margin-left: -49px; } } @media only screen and (min-width: 768px) and (max-width: 1039px) { #menu .menu { font-size: 14px; } #menu .menu-item { margin-right: 11px; } #st1 .mpost h3 { font-size: 24px; } #page .left, #page .right { width: 48%; } #single-post-title { padding-right: 50% !important; } #footer .partners-carousel-container { width: 766px; } #foot_about { width: 100%; margin-bottom: 35px; } #foot_sigue, #foot_info { width: 50%; } #main.singlepost { float: left; width: 60% !important; } #single-metaholder { left: 60%; margin-left: -34px; } } @media only screen and (min-width: 950px) and (max-width: 1039px) { div[id*='div-gpt-ad'], div[id*='div-gpt-ad'] iframe, #google_image_div { height: 315px !important;} } @media only screen and (min-width: 890px) and (max-width: 949px) { div[id*='div-gpt-ad'], div[id*='div-gpt-ad'] iframe, #google_image_div { height: 282px !important;} } @media only screen and (min-width: 840px) and (max-width: 889px) { div[id*='div-gpt-ad'], div[id*='div-gpt-ad'] iframe, #google_image_div { height: 265px !important;} } @media only screen and (min-width: 300px) and (max-width: 800px) { #selected-thumbs a {margin-bottom: 1px;} } @media only screen and (min-width: 300px) and (max-width: 940px) { #st1 .post .social .twitter, #st1 .post .social .facebook, #stats span, #st1 .post .social .publication_date, #menu #stats, #menu .subnav-holder, #back2top { display: none !important; } #menu, #menu .col1 { height: 45px; } #searchform-holder, #menu-icon { position: absolute; } #menu-icon { display: block; } #st1 .post h3 { font-size: 24px; line-height: 1.1em; } #searchform-holder { right: 15px; } #searchform-holder #q { width: 100% !important; height: 35px; } #searchform .input_img { right: 8px; top: 11px; } #searchform-holder { padding-left: 69px; } #searchform-holder, #searchform-holder #searchform { width: 100%; } .menu { position: absolute; width: 100%; max-width: 500px; top: 43px; height: 0; overflow: hidden; background-color: #FFF; -webkit-transition: height 400ms; transition: height 400ms; overflow-y: auto; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 0; } .menu.show-menu { height: 257px; overflow: hidden; border-bottom: 1px solid #ddd; } .menu-item { float: none !important; margin-right: 0 !important; line-height: 35px; } .menu-item a { display: inline-block; width: 100%; padding: 0 15px; } #menu .menu { font-size: 15px; text-align: left; } } @media only screen and (min-width: 600px) and (max-width: 670px) { #search_results .result { height: 125px; } } @media only screen and (min-width: 671px) and (max-width: 720px) { #search_results .result { height: 140px; } } @media only screen and (min-width: 460px) and (max-width: 490px) { #search_results .result { height: 140px; } } @media only screen and (min-width: 430px) and (max-width: 459px) { #search_results .result { height: 130px; } } @media only screen and (min-width: 300px) and (max-width: 429px) { #search_results .result { height: 120px; } } @media only screen and (min-width: 1025px) { #current_search_form .text-search-field { float: right; } #current_search_form .form_container { margin-top: 6px; } #st1 .mpost figure a img { width: auto; } } .gm-map iframe { width: 100% !important; } .gm-map iframe #geo-mashup { width: 100% !important; } .vvqbox { width: 100% !important; height: auto !important; } .archmaterials-ads { margin-bottom: 30px; } .archmaterials-ads div{ margin-bottom: 10px; } #single-map-container { padding: 0px; width: 530px; margin-top: 40px; } #single-map { width: 530px; height: 300px; } .single-map-image{ display: block; text-align: center; } .single-map-helper{ display: block; text-align: center; margin-top: 7px; } #global-map-container { padding: 0px; width: 1040px; background: url(http://ad009cdnb.archdaily.net/assets/world-map-bg.jpg) no-repeat; background-size: 100%; position: relative; } #global-map-container .loading{ width: 200px; padding: 55px 20px 20px; position: absolute; top: 50%; left: 50%; margin: -57px 0 0 -100px; text-align: center; font-family: 'Source Sans Pro', 'Helvetica', sans-serif; background: url(http://ad009cdnb.archdaily.net/assets/AD_Loading.gif) no-repeat #fff center 18px; } #global-map-container .loading span { display: block; font-weight: 600; font-size: 13px; } #global-map { width: 1040px; height: 580px; } .new-item { position: relative; } .menu .new-item .new-alert { display: block; position: absolute; top: -17px; left: 50%; height: 16px; line-height: 16px; padding: 0 6px; font-size: 8px; font-family: "Verdana", sans-serif; font-weight: normal; text-transform: uppercase; color: #FFF; background-color: #0F6CB6; margin-left: -25px; } .menu .new-item .new-alert:after { display: block; position: absolute; width: 0; height: 0; bottom: -8px; left: 21px; content: ""; border: 4px solid rgba(0, 0, 0, 0); border-top-color: #0F6CB6; } #st2 div[id*="div-gpt-ad"] { clear: both; } #the_content img { max-width: 100%; height: auto; } .sponsor-single-container { height: 28px; margin-bottom: 10px; text-align: right; } .sponsor-single-container .sponsor-logo {height: 28px;} .sponsor-single-container em { line-height: 28px; color: #999; height: 28px; display: inline-block; vertical-align: top; margin-right: 5px; } /* Fix facebook like button bug on chrome */ .single .fb_iframe_widget,.single .fb_iframe_widget > span {width: 47px !important; height: 61px !important; overflow: visible;} /*======================UI MODAL===========================*/ #ui-modal .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, .85); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; } #ui-modal.show-modal .overlay { visibility: visible; opacity: 1; } #ui-modal .modal-container { display: inline-block; position: fixed; top: 50%; left: 50%; width: 320px; height: 584px; padding: 38px 35px; margin: -292px 0 0 -160px; background: white; z-index: 1001; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #ui-modal.show-modal .modal-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } #ui-modal .close-icon { position: absolute; right: 10px; top: 10px; font-size: 18px; color: black; width: 20px; height: 20px; line-height: 20px; font-family: 'Helvetica', 'Arial', sans-serif; } #ui-modal .close-icon:hover { color: #999; text-decoration: none; } #ui-modal h4 { text-align: left; line-height: 1.5em; font-size: 20px; font-weight: 300; margin-bottom: 30px; } #ui-modal input[type="text"], #ui-modal input[type="email"], #ui-modal input[type="submit"] { display: block; width: 100%; } #ui-modal input[type="text"], #ui-modal input[type="email"] { border: 1px solid #CCC; height: 30px; line-height: 30px; padding: 0 10px; margin-bottom: 20px; font-size: 12px; font-weight: 400; color: #999; } #ui-modal .cform ol li textarea { border: 1px solid #CCC; padding: 10px; margin-bottom: 20px; height: 100px; width: 100%; color: #999; font-size: 12px; font-weight: 400; line-height: 1.5em; } #ui-modal input[type="submit"], #ui-modal .mediakit-btn { display: inline-block; height: 40px; line-height: 40px; font-size: 13px; background: #026CB6; border: 0; font-weight: 600; color: white; text-transform: uppercase; padding: 0 20px !important; } #ui-modal .mediakit-btn { margin: 10px 0 20px; } #ui-modal input[type="submit"]:hover, #ui-modal .mediakit-btn:hover { background: #5E95C7; }