#headline-carousel .home-thumb { box-shadow: none; border: 0; padding: 0;}.ficha { margin-bottom: 20px; float: left; width: 100%; } .author #main h1 { margin: 0 0 15px 0;} .floating-box { padding: 1% 0 0 0; width: 120px; float: right; margin-left: 20px;  } .filas { margin-bottom: 10px;}
.superinfo { background: url(/_ext/cdn2.iconfinder.com/data/icons/circular_icons/information.png) no-repeat; padding-left: 22px;}
/*@font-face { font-family: 'fontello'; src: url('/wp-content/themes/lightly/library/fonts/icons/fontello.eot'); src: url('/wp-content/themes/lightly/library/fonts/icons/fontello.eot') format('embedded-opentype'), url('/wp-content/themes/lightly/library/fonts/icons/fontello.woff') format('woff'), url('/wp-content/themes/lightly/library/fonts/icons/fontello.ttf') format('truetype'), url('/wp-content/themes/lightly/library/fonts/icons/fontello.svg') format('svg'); font-weight: normal; font-style: normal; }  .widget_nav_menu [class^="icon-"], .widget_nav_menu [class*=" icon-"] { display:block; speak: none; position:relative; padding-left:25px; text-align:left; float:left; width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  }  .widget_nav_menu [class^="icon-"]:before, .widget_nav_menu [class*=" icon-"]:before { font-family: fontello; font-style: normal; position:absolute; left:0; }  .widget_nav_menu .menu li:after { content:""; }  .icon-rss:before { content: "\f310"; } .icon-facebook:before { content: "\f300"; } .icon-twitter:before { content: "\f301"; } .icon-twitter:before { content: "\f302"; font-size:.8em; } .icon-icq:before { content: "\f308"; } .icon-github:before { content: "\f306"; font-size:.8em; } .icon-google:before { content: "\f305"; } .icon-skype:before { content: "\f307"; } .icon-vimeo:before { content: "\f303"; } .icon-tumblr:before { content: "\f304"; } .icon-youtube:before { content: "\f309"; } #sidebar-top .widget_nav_menu [class^="icon-"], #sidebar-top .widget_nav_menu [class*=" icon-"]{ display:inline; float:none; }  */ 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]), [hidden] { display: none; }  /** Base Styles **/  .no-mobile { display: none;}  html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.5; } body, button, input, select, textarea { font-family: sans-serif; color: #333; }  /** IE Fixes **/ img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; }  /** Links **/ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; }  /** Typography **/ h1 { font-size: 2em; } /* fixes html5 bug */ p { -webkit-hyphens: auto; -moz-hyphens: auto; -epub-hyphens: auto; hyphens: auto; } abbr[title] { border-bottom: 1px dotted; } b, strong, .strong { font-weight: bold; } dfn, em, .em { font-style: italic; } small, .small, sub, sup { font-size: 75%; } ins, .ins { background: #ff9; color: #000; text-decoration: none; } mark, .mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } hr { display: block; height: 1px;border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote { margin: 1.5em 40px; } q { quotes: none; } q:before, q:after { content: ''; content: none; } ul, ol { margin: 1.5em 0; padding: 0; } dd { margin: 0; } nav ul, nav ol, .widget ol, .widget ul, .commentlist { list-style: none; list-style-image: none; margin: 0; }  /* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */ sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }  /** Forms **/ form, fieldset, form ul, form ol, fieldset ol, fieldset ul { margin: 0; border: 0; } legend { border: 0; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0;padding: 0; } textarea { overflow: auto; vertical-align: top; }  /* Colors for form validity */ input:invalid, textarea:invalid { background-color: #f0dddd; }  /** Tables **/ table { border-collapse: collapse;border-spacing: 0; }  /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after, nav[role=navigation] .menu ul:before, nav[role=navigation] .menu ul:after { content: ""; display: table; } .clearfix:after, nav[role=navigation] .menu ul:after { clear: both; } .clearfix, nav[role=navigation] .menu ul { zoom: 1; }  /* wordpress junk */ .wp-smiley { margin: 0 !important;max-height: 1em; }   /****************************************************************** PRINT STYLESHEET ******************************************************************/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999;page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } }  /****************************************************************** COMMON & REUSABLE STYLES ******************************************************************/  /* text alignment */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; }  /* highlighting search term on search page */ mark, .search-term { background: #EBE16F; }  /* alerts & notices */ .help, .info, .error, .success { margin: 10px;padding: 5px 18px;border: 1px solid #cecece; } .help { border-color: #E0C618;background: #EBE16F; } .info { border-color: #92cae4;background: #d5edf8; } .error { border-color: #fbc2c4;background: #fbe3e4; } .success { border-color: #c6d880;background: #e6efc2; } .placeholder{ color:#bbb !important; }  /****************************************************************** BASE MOBILE STYLES Be light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. ******************************************************************/  body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.7em; color: #555; background:#eee; }  /********************* LAYOUT & GRID STYLES *********************/  #container { max-width: 90%; max-width:310px; margin:0 auto; border: 1px solid #eee; border-radius: 4px; background:#fff; overflow:hidden; }  .wrap{ } .col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { padding:0 5%; }   /********************* LINK STYLES *********************/  a, a:visited { color:#715FA2; text-decoration:none; }  a:hover, a:focus { text-decoration:underline; }  a:active {} a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); }  /****************************************************************** H1, H2, H3, H4, H5 STYLES ******************************************************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family:'Copse', Georgia, "Times New Roman", Times, serif; font-weight: 500; color:#000; line-height: 1.2em; }  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { color:#130e0e; }  h1, .h1 { font-size: 2.571em; line-height: 1.278em; }  h2, .h2 { font-size: 1.75em; line-height: 1.333em; margin-bottom:0.750em; }  h3, .h3 { font-size: 1.143em; line-height:1.5em; }  h4, .h4 { font-size: 1em; line-height:1.429em; }  .post_content h2, .post_content h3, .post_content h4 { font-size: 1.45em; margin-bottom: 15px;  }   h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }  img{ max-width:100%; height:auto; }  /********************* HEADER SYTLES *********************/  #header-ad{ border-bottom:#ddd 1px solid; text-align:center; } #header-ad .widget h4{ display:none; } #logo { text-align:center; } #logo { margin:30px 0 30px; font-size:64px;letter-spacing:-0.05em; line-height:70px;  } #logo img { margin-bottom:-5px;} #logo span{ display:block; font-size:16px; letter-spacing:normal; line-height:30px;} #logo a{ color:#000; text-decoration:none; }  #sidebar-top{  display: none ;} #sidebar-top .widget{ margin:0; } /********************* NAVIGATION STYLES *********************/  .nav { border-bottom:#bbb 4px solid; float:none; clear:both; }  .nav .menu { margin: 1.1em 0 0; }  .nav .menu > ul { background:none; text-align:center; padding-bottom:30px; } .nav .menu li, .nav .menu > li { background-color:inherit; background:none; display:inline; text-align:center; } .nav .menu li a { font-family:'Copse', Georgia, "Times New Roman", Times, serif; font-size:1.143em; line-height:1.5em; background-color:inherit; color:#222; margin-bottom:-1px; text-decoration: none; padding: 0.25em 0.5em; } .nav .menu li:after { content:"/"; color:#bbb; } .nav .menu li:last-child:after { content:""; }  .nav .menu li:nth-child(2n) > a{ border-right:none; }  .nav .menu li a:hover, .nav .menu li.current-menu-item a, .nav .menu li.current_page_item a, .nav .menu li.current-page-ancestor a { color:#715FA2;}   .nav .menu ul li:hover > ul { display:none; } .nav .menu .sub-menu, .nav .menu .children { display:none; }  .nav .menu ul ul li a { padding-left: 30px; }  /********************* BREADCRUMBS *********************/ #breadcrumbs{ background:#fafafa; font-size:0.786em; line-height:1.273em !important; padding-top:20px; padding-bottom:20px; line-height:1em; border-bottom:#ddd 1px solid; } #breadcrumbs a:after{ content:" "; background:url(/wp-content/themes/lightly/library/images/arrow-little.png) 50% 3px no-repeat; padding-right:10px; padding-left:10px; } #breadcrumbs a{ text-decoration:none; color: #222; } /********************* POSTS & CONTENT STYLES *********************/  #content { position:relative; }  #main{ padding-top:30px; }  .hentry { position:relative; }  /* post meta */ .meta{ font-family:'Lato', Arial, Helvetica, sans-serif; font-size:0.95em; color: #aaa ; margin:15px 0 1em;  }  /*	Post title class, The global style for post title, make the link black colored ( inversed color of global link ) */ .post-title, .post-title-small{ font-weight:normal; margin-top:0; margin-bottom:0.243em; } .post-title a{ color:#000 !important; } .post-title-small a{ color:#222 !important; } .post-title a:hover, .post-title-small a:hover{ color:#715FA2; } /*	Comment count, The style square buble speak */ .comment-count a{ font-family:Arial, Helvetica, sans-serif; font-size:0.714em; line-height:1.4em; background:#222; color:#fff; text-align:center; text-decoration:none; min-width:13px; padding:1px 5px; position:absolute; right:0; top:0; } .comment-count a:hover{ background:#715FA2; } .comment-count a:after { content:""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #222; position:absolute; bottom:-5px; left:0; z-index:100; } .comment-count a:hover:after{ border-left: 5px solid #715FA2; } .home-thumb{ max-width:100%; } /*	Post content */ .post_content { border-bottom:#ddd 1px dotted; margin-bottom:1.5em; } .post_content p { margin-bottom:1em; } .post_content .read-more{ margin-top:0; }  .post_content .home-thumb img{ margin:5px 0 0.714em; }  .post_content img { margin: 0 0 1.5em; max-width: 100%; height:auto; }  .post_content p { margin:0 0 1.25em 0 ; } .post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; } .post_content ul, .post_content ol { list-style-position:outside; line-height:1.7; margin-left: 1.4em; margin-right: 2.2em; } .post_content li { margin-bottom: 10px; } .post_content ul li { list-style-type: disc; } .post_content ol li { list-style-type: decimal; }  .post_content blockquote { background:#fafafa; color:#222; line-height:1.6em; margin: 1.5em 0 ; padding:1em 1.3em 0.1em ; border-left:#bbb 1px dotted; }  .post_content dl { margin:1.75em 0 1.75em; } .post_content dt { font-style:italic; margin-top:1.25em; font-size:1.13em; font-weight:700; } .post_content dd { font-style:italic; font-size:.85em; margin-top:1em; line-height:1.6em; }  /*	image alignment. */ .bypostauthor{} .sticky{} .alignleft, img.alignleft { float:left; margin-right:20px; } .alignright, img.alignright { float:right; margin-left:20px; } .aligncenter, img.aligncenter { text-align:left; max-width:100%; display: block; margin: 0 0 15px 0; } .post_content video, .post_content object, .post_content iframe { max-width: 100%; border:none; } .post_content .fluid-width-video-wrapper{ margin-bottom:2.143em; } .post_content pre, .post_content code { background: #eee; border: 1px solid #cecece; padding: 10px; }  /* wp caption image */ .wp-caption { max-width:100%; background: #eee; padding: 5px; } .wp-caption img { margin-bottom: 0; width: 100%; margin-top: 0 !important; height:auto; } .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0; text-align: center; font-style: italic; }  /* image gallery styles */  .gallery { width:100%; margin: 0 auto 1.429em; } .gallery .gallery-item { float: left; margin: 0 5% 2% 0; padding:0; text-align: center; width: 26.33333333%; } .gallery-columns-2 .gallery-item { width: 50%; margin:0; } .gallery-columns-4 .gallery-item { width: 25%; margin:0; } .gallery img { border: 1px solid #eee !important; padding: 4px; margin:0; } .gallery img:hover { background: white; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; }  /*	Custom post style, type-1 is post with big picture and title, type-2 is a bulleted title type-3 is post with small thumbnail and title */ .type-1 .post_content{ padding-bottom:0.214em; }  .type-1 .comment-count-meta{ display:none; }  .single #main h1.post-title{ font-size: 1.75em; line-height: 1.25em; } #main .default-post{ margin-bottom:10px; } .post_content{ padding-bottom: 10px; } #main .default-post:last-child{ margin-bottom:0; background:#fee; } .type-2 .post_content, .type-3 .post_content{ border-bottom:none; margin-bottom:0.714em; } .type-2 .author-meta, .type-3 .author-meta{ display:none; } .type-2:nth-child(1) .post_content{ border-bottom:#ddd 1px dotted; padding-bottom:0.714em; margin-bottom:1.429em; } .type-2{ padding-left:10px; margin-bottom:-0.357em; } .type-2:last-child{ margin-bottom:-0.714em; } .type-2 .post-title{ position:relative; padding-right:0; }  .type-2 .post-title:before, .type-2 .post-title-small:before{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; content:"\2022"; color:#715FA2; margin-left:-12px; position:absolute; }  .type-2 .meta, .type-3 .meta{ margin-bottom:-0.091em; } .type-3 { padding-bottom:0; margin-bottom:20px; border-bottom:#ddd 1px dotted; } .type-3:last-child{ padding-bottom:0; margin-bottom:-0.357em; border-bottom:none; } .type-3 .home-thumb img { max-width:55px; margin-top:5px; height:auto; }  .widget_posts article{ position:relative; }  /* hide carousel on the little screen */ #headline-carousel{ display:none; } #headline-carousel{ position:relative; width:100%; background-color:#f6f6f6; position:relative; overflow:hidden; border-bottom:#ddd 1px solid; padding-bottom:20px; padding-top:20px; z-index:10; }  #headline-carousel .custom-loop .widgettitle{ margin-left:20px; margin-right:20px; margin-left: 2.1276596%; margin-right: 2.1276596%; } #headline-carousel .loop-items{ width:500%; } #headline-carousel .loop-items article{ float:left; width:4%; height:100%; padding:0 0.4166667%; margin-bottom:20px; /*padding:20px;*/ border-right:#ddd 1px dotted; /*margin-left:-1px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #headline-carousel .loop-items .hentry{ border-bottom:none; margin-bottom:0; } #headline-carousel .loop-items .hentry img{ margin-bottom:10px; max-height: 160px; } #headline-carousel .custom-loop nav a{ font-size:14px; text-decoration:none; color:#fff; padding:2px; display:block; position:absolute; top:36%; outline:none; opacity:1; } #headline-carousel .custom-loop nav a span{ display:block; background-color:#000; padding:8px 14px 10px; } #headline-carousel .custom-loop nav .nav-index{ display:none; } #headline-carousel .custom-loop nav a:hover span{ opacity:1; background-color:#715FA2; } #headline-carousel .custom-loop nav .slider-prev{ left:10px; } #headline-carousel .custom-loop nav .slider-next{ right:10px; }  /*	Style for featured slider, big slider placed on homepage */  /* featured posts */ #featured-posts{ position:relative; width:100%; position:relative; overflow:hidden; border-bottom:#ddd 1px solid; padding-bottom:20px; margin-bottom:20px; } #featured-posts .loop-items{ width:1000%; } #featured-posts .loop-items article{ float:left; width:10%; height:100%; padding:0%; margin-bottom:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #featured-posts .loop-items article .h1{ font-size:1.75em; line-height:1.25em; } #featured-posts .loop-items .hentry{ border-bottom:none; margin-bottom:0; } #featured-posts .loop-items .hentry img{ margin-bottom:10px; width: 100%; max-height: 380px; } #featured-posts .custom-loop nav{ display:block; text-align:center; width:100%; border-top:#ddd 1px dotted; padding-top:15px; margin-top:10px; margin-bottom:-5px; } #featured-posts .custom-loop nav a{ color:#222; font-size:0.857em; padding:0px 10px; margin:0; border-right:#ddd 1px dotted; } #featured-posts .custom-loop nav a:last-child{ border-right:none; } #featured-posts .custom-loop nav .active-index{ color:#bbb; }  /*	Single post special, All individual treatment on single posts */ .single #main, .page #main{ border-top:none; padding-top:30px; } .single .hentry section{ margin-bottom:0 !important; border-bottom:none; } .single .post header, .page .hentry header{ margin-bottom:30px; padding-bottom:10px; float: left; width: 100%; border-bottom:#ddd 1px dotted; }  .single .post footer{ clear: both; margin:0 -2.857em; position:relative; padding-left:2.857em; padding-right:2.857em; padding-bottom:0.714em; } .single #main .post_content { max-width: 74%; float: left; } .single #main .post_content, .page-default #main .post_content{ margin-bottom:0; } .single .post footer #article-footer-meta{ position:relative; z-index:10; float: left; width: 95%; padding:5px 5% 1.071em 0; margin-bottom:20px; border-top:#ddd 1px dotted; border-bottom:#ddd 1px dotted; } .single .post footer #article-footer-meta:after{ display:block; content:""; float:none; clear:both; } #social-share{ display:block; } .share-button{ width:15px; height:15px; background-color:#fee; background-image:url(/wp-content/themes/lightly/library/images/social.png); text-indent:-9999px; overflow:hidden; display:block; float:left; margin-left:1px; } .social-twitter{ background-position:-16px 0; } .social-google{ background-position:-32px 0; } .social-tumblr{ background-position:-48px 0; } .social-su{ background-position:-64px 0; } .social-linkedin{ background-position:-80px 0; }  .single .post footer #author-box, .single .post footer #related-box, .post_content #related-box{ margin-bottom: 25px; float: left; width: 100%; } .single .post footer #author-box .post-title{ font-size:1.143em; margin-bottom:3px; } #author-box { background: #fff; padding: 2% 0; width: 100% !important; } #author-box img { padding: 4px; box-shadow: 0 3px 0 #eee; border: 1px solid #eee;} .single .post footer #related-box header{ border-bottom:none; margin-bottom:0; } .single .post footer #related-box header img{ margin-bottom:10px; max-width: 25px; } ul.related { margin: 0 0 1.5em 2em !important; } ul.related li { margin-bottom: 5px;}  /*	Posts navigation, style for next and previous post on single post */ .post-nav{ /*background:#f6f6f6;*/ position:relative; border-top:#ddd 1px dotted; border-bottom:#ddd 1px dotted; margin:0 0 20px; padding:0 ; } .post-nav:before{ content:""; position:absolute; display:block; left:50%; top:0; width:0; height:100%; border-right:#ddd 1px dotted; z-index:0; }  .post-nav a{ display:block; width:50%; padding:15px 0; text-decoration:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  } .post-nav a .post-title-small, .post-nav a .meta{ padding:0; } #main .post-nav a .post-title-small{ color:#000; } #main .post-nav a:hover .post-title-small{ color:#715FA2; text-decoration:underline; } .post-nav a[rel=prev]{ float:left; padding-right:20px; } .post-nav a[rel=next]{ float:right; text-align:right; padding-left:20px; }  /****************************************************************** PAGE NAVI STYLES ******************************************************************/ .page-navigation{ width:100%; clear:both; float:none; background:#fff; padding:0; padding-bottom:20px; position:relative; margin-top:-15px !important; } .page_navi { padding: 0; float:right; margin-top:6px; } .page_navi li { float: left; margin-left: 10px; } .page_navi li, .wp-prev-next li, .page-of { margin-left:0; color:#bbb; font-size:0.857em; } .page_navi li:last-child{ background:none; } .page_navi li:last-child a{ padding-right:5px; } .page_navi li a, .page_navi li span, .wp-prev-next li a { padding:0px 15px; border-right:#ddd 1px dotted; margin:0; color:#222; display: block; line-height:1em; text-decoration: none; position: relative; } .page_navi li:last-child a{ border-right:none; } .page_navi li a:hover { color:#000; text-decoration:none; border-bottom:none; } .page_navi li .current { color:#bbb; }  .wp-prev-next .prev-link { float: left; } .wp-prev-next .next-link { float: right; }  .page-navigation, .wp-prev-next { margin: 1.1em 0 0; } .homepage-navigation{ margin-top:-5px; padding-top:0; } .homepage-navigation:before{ display:none; } .homepage-navigation .nextpostslink{ font-size:0.786em; }  .not-found .post_content, .error404 .post_content, .page .post_content { border-bottom:none;  } .search .page .post_content{ border-bottom:#ddd 1px dotted; } /* fallback previous & next links */ .wp-prev-next .prev-link { float: left; } .wp-prev-next .next-link { float: right; }   /****************************************************************** COMMENT STYLES ******************************************************************/  .commentlist { padding:0; margin-bottom:20px; } .commentlist ul { padding:0; margin:0; } .commentlist li { position: relative; clear: both; overflow: hidden; margin:0; list-style:none; } .commentlist li[class*=depth-] { margin-left:4%; } .commentlist li.depth-1 { margin-left: 0; } .commentlist article{ padding:1em 0 1.429em; border-bottom:#bbb 1px dotted !important; position:relative; } .commentlist li.depth-1 > article{ border-left:none; } .commentlist li.depth-1:first-child > article:first-child{ padding-top:0; } .commentlist .vcard {  } .commentlist li.depth-1 > article .vcard { margin-left: 0; } .commentlist .vcard cite.fn { font-family:'Copse', Georgia, "Times New Roman", Times, serif; font-style:normal; font-size: 1.143em; } .commentlist .meta{ margin-top:0px; margin-bottom:0; } .commentlist .meta a{ color:#bbb; } .commentlist .vcard .time { font-size:12px; color:#bbb; display:block; } .commentlist .vcard .time a { text-decoration: none; } .commentlist .vcard .time a:hover { text-decoration: underline; } .commentlist .vcard img.photo {} .commentlist .vcard img.avatar { position: absolute; right: 0; top: 1.5em; } .commentlist li.depth-1:first-child > article .vcard img.avatar{ top: 0; } .commentlist li .comment_content { padding-right:60px; } .commentlist li.depth-1 > article .comment_content{ padding-left:0; } .commentlist li .comment_content p { font-size: 1em; margin: 0.7335em 0 0; } .commentlist li ul { } .commentlist .comment-reply-link { font-size:0.786em; } .commentlist a.comment-reply-link:hover { opacity: 1; }  /****************************************************************** COMMENT FORM STYLES ******************************************************************/  #respond { margin: -2px 0 20px; padding:0; position:relative; } .commentlist li #respond{ margin-left:4%; border-bottom:#ddd 1px dotted; } #comment-form-title {  } #comment-form-elements { margin: 0.75em 0 0; position:relative; } #respond #comment-form-elements li { clear:none; overflow: hidden; list-style:none; width:50%; border:#ddd 1px solid; margin-bottom:15px; padding:5px 0; } #comment-form-elements label { display:none; } #comment-form-elements label span { color:#ccc; } #comment-form-elements small {} #author, #email, #url, #comment { background:none; font-size: 1em; color:#222; } #author:focus, #email:focus, #url:focus, #comment:focus { outline: none; } #author, #email, #url { font-family:'Lato', Arial, Helvetica, sans-serif; padding:6px 10px; width:100%; border:none; } #url{ margin-right:0; } #allowed_tags { font-size: 0.846em; line-height: 1.5em; margin: 1.5em 10px 0.7335em 0; }  #comment { font-family:'Lato', Arial, Helvetica, sans-serif; resize: none; width:100%; height: 150px; border:#ddd 1px solid; padding:12px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }  #commentform {} .comments-logged-in-as { margin-bottom:20px; } .required-attr{ color:#bbb; float:left; width:50%; margin:1.818em 0 0; } #submit { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:12px; line-height:10px; color:#fff; text-decoration:none; background-color:#222; padding:10px 10px; border:none; float:right; margin:5px 0; } #submit:hover{ background-color:#715FA2; }   /* form validation */ #commentform input:invalid, #commentform textarea:invalid { border-color: red; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; } #commentform input:valid {}  /* no comments */ .nocomments { margin: 0 20px 1.1em; }   /********************* SIDEBARS & ASIDES *********************/  .sidebar, #main, .f-widget { overflow:hidden; } .sidebar{ padding-top:20px; } .widget { padding: 0; margin: 0 0 1.429em; } .widgettitle, #disqus_thread h4 { font-size:1.143em; font-size:18px; color:#000; margin-top:0; margin-bottom:20px; position:relative; } .widgettitle:before{ width:100%; position:absolute; content:""; bottom:-1px; height:2px; border-top:#888 1px dotted; border-bottom:#888 1px dotted; z-index:1; } .widgettitle > span{ background:#fff; color: #fff; font-size: .85em; text-transform: uppercase; padding:1px 8px 3px 8px; z-index:10; position:relative; }  /*	Search form widget style */ #searchform{ border:#ddd 1px solid; background:#fff; padding-bottom:2px; position:relative; padding-right:60px; } #searchform label{ display:none; } #searchform #s{ font-family:'Lato', Arial, Helvetica, sans-serif; font-size:0.875em; color:#bbb; border:none; background:none; padding:10px 6px; width:100%; } #searchform #searchsubmit{ background:url(/wp-content/themes/lightly/library/images/searchbtn.png) left top no-repeat; text-indent:100px; padding:7px 10px; border:none; float:right; margin-top:-1px; display:block; position:absolute; width:20px; right:2px; top:10px; /*margin-bottom:-1px;*/ } #searchform #searchsubmit:hover{ color:#222; }  /*	Video widget style */ .widget_video{ boder-top:#ddd 1px solid; overflow:hidden; position:relative; } .widget_video iframe{ border:none; } .widget_video .video-post-wrap{ position:relative; width:1000%; } .widget_video .video-post-wrap .the-video{ width:10%; float:left; } .widget_video .video-post-wrap .meta, .widget_video .video-post-wrap .post-title{ margin-bottom:10px; padding:0; } .widget_video nav{ background:#fff; font-size:0.875em; line-height:1em; position:absolute; right:0; bottom:10px; height:20px; } .widget_video nav a{ color:#222; } .widget_video nav .slider-prev{ border-right:#ddd 1px dotted; padding-right:10px; } .widget_video nav .slider-next{ padding-left:10px; }  .widget_video .video-container { position: relative; padding-bottom: 60.25%; padding-top: 30px; margin-bottom:20px; height: 0; overflow: hidden; }  .widget_video .video-container iframe, .widget_video .video-container object, .widget_video .video-container embed { border:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  /*	Tabs style */ .tabs-widget h4 span{ visibility:hidden; } .tabs{ margin-top:-10px; } .tabs ul.nav-tab{ border-bottom:#ddd 1px dotted; padding-bottom:20px; } .tabs ul.nav-tab li{ float:left; padding:0 10px; margin-bottom:-2px; margin-top:-1px; padding:0 10px 3px; } .tabs ul.nav-tab li.second_tab, .tabs ul.nav-tab li.third_tab{ border-left:#ddd 1px dotted; } .tabs ul.nav-tab li h3{ font-family:'Lato', Arial, Helvetica, sans-serif; padding:0; margin:0; } .tabs ul.nav-tab li h3 a{ display:inline-block; font-weight:normal; letter-spacing:0; color:#bbb; text-decoration:none; margin-bottom:0; outline:none; } .tabs ul.nav-tab li.tab-active  h3 a{ color:#333; } .tabs .tab-content{ margin-top:20px; } .tabs .hide{ display:none; }  /* flickr widget */ .widget_flickr{ margin-left:-1px; } .flickr_widget{ } .widget_flickr img{ width:65px; height:65px; margin-left:1px; float:left; margin-bottom:1px; }  /* social media links widget */ .widget_social .social-links{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:#ddd 1px solid; } .widget_social .social-links li{ float:left; padding:0; margin:0; } .widget_social .social-links li a{ color:#000; border-right:#ddd 1px solid; display:block; padding:6px 10px 6px 31px; } .widget_social .social-links a:hover{ color:#715FA2; } .widget_social .social-links .twitter-link{ background:url(/wp-content/themes/lightly/library/images/twitter.png) 10px 8px no-repeat; } .widget_social .social-links .rss-link{ background:url(/wp-content/themes/lightly/library/images/feed.png) 10px 8px no-repeat; border-right:none; } .widget_social .social-links .facebook-link{ background:url(/wp-content/themes/lightly/library/images/facebook.png) 10px 8px no-repeat; } .widget_comments li{ border-bottom:#ddd 1px dotted; padding-bottom:20px; margin-top:20px; }  /* advertisement 125 */ .widget_ad125{ } .widget_ad125 ul li{ width:50%; text-align:center; float:left; } .widget_ad125 ul li a{ margin:0 auto; max-width:100%; display:block; text-align:center; } .widget_ad125 ul li img{ max-width:100%; }  /* twitter widget */ .widget_twitter li{ margin-bottom:1em !important; } .textwidget p { margin:0 0 1.5em; } .textwidget img{ margin-bottom:-5px; }  #sidebar-top .widgettitle{ display:none; } #sidebar-top .widget ul{ text-align:right; } #sidebar-top .widget ul ul{ display:none; } #sidebar-top .widget ul li{ display:inline; } #sidebar-top .widget ul li:after { content:"/"; margin:0 10px; } #sidebar-top .widget ul li:last-child:after{ content:""; margin:0 0; } #sidebar-top a{ max-width:100%; } #sidebar-top img{ margin-bottom:-5px; max-width:100%; }  /********************* FOOTER STYLES *********************/  .footer { background:#111; border-top:#000 4px solid; clear: both; padding-top:20px; color:#fff; } .footer a, .footer a.widget-more{ color:#715FA2; } .footer .widgettitle{ color:#bbb; border-top-color:#888; } .footer .widgettitle span{ background:#111; } .footer-links { margin:0; } .footer-links ul {} .footer-links li { display:inline; } .footer-links li:after{ content:" |"; font-size:0.8em; margin:0 0.4em; } .footer-links li:last-child:after{ display:none; } .footer-links li a { line-height:1em; } /* remember, no hover in mobile */ .footer-links li a:hover {}  /* highlight current page */ .nav li.current-menu-item a, .nav li.current_page_item a {}  /* be careful with the depth of your menus */ .footer-links .sub-menu { display:none; }  .attribution { font-size:0.9em; background:#000; text-align:center; padding:20px 0 20px; margin:0; } .attribution p{ margin-top:5px; margin-bottom: 0; }   /** Supporting Contact Form 7 **/  .wpcf7-text, .wpcf7 textarea{ border:#ddd 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:6px 10px; } .wpcf7 textarea{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%; }  .wpcf7-submit { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:10px; color:#fff; text-transform:uppercase; text-decoration:none; background-color:#222; padding:8px 10px 8px 10px; border:none; margin:5px 0; } .wpcf7-submit:hover{ background-color:#715FA2; }  #topbar {	width: 100%;	top: 0; background: #fff url(/wp-content/themes/lightly/library/images/header_shadow.png) repeat-x; height: 37px; 	float: left;	position: fixed;	z-index: 100000;	font-size: 12px; } #topbar > div {	padding: 5px 15px; } #topbar div .blog a span { display: none ;} #topbar > div > a { margin-right: 20px; margin-left: 15px; float: left; } #topbar div .blog a img { } #topbar div .blog a {cursor: pointer;  margin-right: 12px; height: 26px; float:left; width: 24px; display: block;outline: none; padding-top: 1px;} #topbar div .blog a.active { border-bottom: 3px solid; } #topbar div .blog a span.active { display: inline-block; width: auto; padding-left: 6px; position: relative; top: -8px; z-index: 1000; color: #000; font-weight: bold; margin-right: 10px;} .widtha { width: auto !important;} #topbar .right a { margin: 5px 5px 0 5px; border-right: 1px solid #ddd; line-height: 14px; color: #000; padding-right: 10px;} #topbar .right a:last-child { border-right: 0 ;}  #topbar .left .blog a { display: none;} #topbar .left select {display: inline-block;} #topbar .right { display: none ;}  .nolabel label { display: none !important} .ad990 { margin: 30px auto 15px auto; text-align: center; float: left; width: 100%; } .cse input.gsc-input, input.gsc-input { padding-bottom: 4px  !important; } .cse form.gsc-search-box, form.gsc-search-box{ padding-left: 0  !important; padding-top: 0 !important; padding-right: 0  !important;} .cse .gsc-control-cse, .gsc-control-cse { padding: 0  !important; border: 0 !important; } .gsc-above-wrapper-area-container, table.gsc-search-box { margin-bottom: 0 !important; margin-top: 0 !important;} .gsc-result-info { padding-left: 0 !important;} .gform_wrapper .top_label input.medium{ padding: 5px;} .wide img { display: block; width: 100%; margin-top: 0 ;}  .gform_widget .gform_body { float: left; clear: none ;} .gform_widget .gform_footer { float: left; clear: none !important ;} .gform_widget .gform_wrapper .gform_footer { padding-top: 0 !important; margin-top: 0 !important;} .gform_widget .gform_heading { margin-bottom: 10px } .gform_widget .gform_wrapper .top_label input.medium { width: 120px; margin-right: 10px } .gform_widget .gform_wrapper h3.gform_title { font-size: 1.3em; margin: 0 0 10px;} .gform_widget .ginput_container input { border: 0; padding: 8px 8px 5px 8px !important; background: #ddd;} .gform_widget .ginput_container { width: 170%; background: #ddd; } .gform_widget .gform_button { background: black; border: 0;color: white;padding: 5px 12px 4px 12px;font-size: 13px;text-transform: uppercase; } .valoracion { background: #369; color: #fff; padding: 0 5px; border-radius: 2px; margin-right: 5px;} .post_content .gform_wrapper li, .post_content .gform_wrapper ul { list-style-type: none; margin: 0;} .post_content .gform_wrapper li { margin-bottom: 15px} .divp { float: left; margin: 0 10px 0 0;} .pt-social { float: left; width: 100%; margin: 0 !important;} .pt-social iframe { margin-top: 0 !important;} .sep { margin-right: 15px ;} ul.chirp { padding: 0; margin: 0; } ul.chirp li { position: relative; list-style: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 0px 30px 10px 60px; } ul.chirp li img { position: absolute; left: 0px; top: 5px; margin-right: 10px; width: 40px; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; } ul.chirp li a { color: #d41853; } ul.chirp li .meta { display: block; font-size: 0.6em; line-height: 1; letter-spacing: 0.2em; text-transform: uppercase; } ul.chirp li .meta, ul.chirp li .meta a { color: #bbb; text-decoration: none; font-weight: 600; } ul.chirp li .meta a:hover { color: #777777; } .chirp-tweets-empty { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; color: #ccc; position: absolute; left: 0; right: 0; top: 161px; bottom: 0; z-index: 1; background: #fff; } .chirp-tweets-empty.hide { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } .chirp-tweets-empty > p { border: 3px dashed rgba(0, 0, 0, 0.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; top: 20px; right: 20px; bottom: 20px; left: 30px; margin: 0; } .chirp-tweets-empty > p > span { display: block; position: absolute; top: 50%; padding: 0; margin: 0; text-align: center; width: 100%; margin-top: -25px; font-size: 50px; color: rgba(0, 0, 0, 0.2); }  .well, .post_content .wp-polls { min-height: 20px; padding: 2% 3%; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .post_content .wp-polls { float: left; margin: 10px 0; width: 94%;} .post_content .wp-polls p { margin-bottom: 0;} .btn { display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); padding: 4px 14px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: 18px; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover { background-position: 0 -15px; color: #333; text-decoration: none; } .btn-yellow { background-color: hsl(44, 100%, 46%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd051", endColorstr="#eaac00"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ffd051), to(#eaac00)); background-image: -moz-linear-gradient(top, #ffd051, #eaac00); background-image: -ms-linear-gradient(top, #ffd051, #eaac00); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd051), color-stop(100%, #eaac00)); background-image: -webkit-linear-gradient(top, #ffd051, #eaac00); background-image: -o-linear-gradient(top, #ffd051, #eaac00); background-image: linear-gradient(#ffd051, #eaac00); border-color: #eaac00 #eaac00 hsl(44, 100%, 41%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33); -webkit-font-smoothing: antialiased; } .btn-luko { border-radius: 0; padding: 10px; color: white; font-family: Capriola; color: #7F6316 !important; text-shadow: none; } .pt-activity-stream .btn-earn { padding: 0 !important; border: 0 !important; background: none !important; }  .widget_polls-widget p { text-align: left !important }   .wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li { text-align: left; background-image: none; display: block; } .wp-polls ul, .wp-polls-ul, .wp-polls-ans ul  { text-align: left; list-style: none; float: none; } .wp-polls ul li:before, .wp-polls-ans ul li:before, #sidebar ul ul li:before { content: ''; } .wp-polls IMG, .wp-polls LABEL , .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG { display: inline; border: 0px; padding: 0px; margin: 0px; } .wp-polls-ul { padding: 0px; margin: 0px 0px 10px 10px; } .wp-polls-ans { width:100%; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; /* background-color: #ffffff; */ } .wp-polls-loading { display: none; text-align: center; height: 16px; line-height: 16px; } .wp-polls-image { border: 0px; } .wp-polls .Buttons { border:none; padding: 5px; color: #fff;  } /* Polls Archive Paging */ .wp-polls-paging a, .wp-polls-paging a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-polls-paging a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-polls-paging a:hover { border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } .wp-polls-paging a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-polls-paging span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF; } .wp-polls-paging span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } .wp-polls-paging span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; }  .wp-polls .pollbar { margin: 3px 0; padding: 3px; height: 10px; background: #F8FAF2; } .resultbar { height: 10px}    /*** GENERAL STYLES ***/  .dpSocialBar_container { position:fixed; left:10px; top:325px; width:40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index:9999; }   .dpSocialBar_container .dpSocialBar_wrap { position:relative; z-index:999; background:#f4f4f4; width:95%; min-height:34px; min-width:30px; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; overflow:hidden; text-align: left; }  .dpSocialBar_container .dpSocialBar_arrow_down { position:absolute; bottom:-30px; left:5px; width:22px; height:22px; background:url(/wp-content/themes/lightly/library/images/icons/arrows.png) no-repeat 0 0; z-index:9999; }  .dpSocialBar_container .dpSocialBar_arrow_down:hover { background-position:-22px 0; }  .dpSocialBar_container .dpSocialBar_arrow_down:active { background-position:-44px 0; }  .dpSocialBar_container .dpSocialBar_arrow_up { position:absolute; top:-30px; left:5px; width:22px; height:22px; background:url(/wp-content/themes/lightly/library/images/icons/arrows.png) no-repeat 0 -22px; z-index:9999; display:none; }  .dpSocialBar_container .dpSocialBar_arrow_up:hover { background-position:-22px -22px; }  .dpSocialBar_container .dpSocialBar_arrow_up:active { background-position:-44px -22px; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon { border:0; width:32px; height:32px; position:relative; opacity:0.7; }  .dpSocialBar_container .dpSocialBar_wrap a { margin:5px 3px; }  .dpSocialBar_container .dpSocialBar_caption { opacity:0; position:absolute; display:none; }  .dpSocialBar_container .dpSocialBar_caption span { color:#000; font-size:10px; font-family:Tahoma, Geneva, sans-serif; text-align:center; padding:5px 10px; min-width:100px; background:#f4f4f4; display:block; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon:hover { opacity:1; }  /*** POSITION ***/ .dpSocialBar_container.right{ left:auto; right:0; width:34px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }  .dpSocialBar_container.top{ left:100px; top:0; height:35px; width:auto; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-top:0; padding-bottom:1px; }  .dpSocialBar_container.bottom{ left:100px; top:auto; bottom:0; height:34px; width:auto; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }  .dpSocialBar_container.top .dpSocialBar_icon, .dpSocialBar_container.bottom .dpSocialBar_icon{ position: absolute; }  .dpSocialBar_container.right .dpSocialBar_wrap { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }  .dpSocialBar_container.top .dpSocialBar_wrap { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }  .dpSocialBar_container.bottom .dpSocialBar_wrap { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }  .dpSocialBar_container.top .dpSocialBar_arrow_down { right:-30px; top:5px; left:auto; bottom:auto; background-position:0 -66px !important; }  .dpSocialBar_container.top .dpSocialBar_arrow_down:hover, .dpSocialBar_container.bottom .dpSocialBar_arrow_down:hover { background-position:-22px -66px !important; }  .dpSocialBar_container.top .dpSocialBar_arrow_down:active, .dpSocialBar_container.bottom .dpSocialBar_arrow_down:active { background-position:-44px -66px !important; }  .dpSocialBar_container.bottom .dpSocialBar_arrow_down { right:-30px; bottom:5px; left:auto; top:auto; background-position:0 -66px !important; }  .dpSocialBar_container.top .dpSocialBar_arrow_up { left:-30px; top:5px; bottom:auto; background-position:0 -44px !important; }  .dpSocialBar_container.bottom .dpSocialBar_arrow_up { left:-30px; bottom:5px; top:auto; background-position:0 -44px !important; }  .dpSocialBar_container.top .dpSocialBar_arrow_up:hover, .dpSocialBar_container.bottom .dpSocialBar_arrow_up:hover { background-position:-22px -44px !important; }  .dpSocialBar_container.top .dpSocialBar_arrow_up:active, .dpSocialBar_container.bottom .dpSocialBar_arrow_up:active { background-position:-44px -44px !important; }  .dpSocialBar_container.top .dpSocialBar_wrap a, .dpSocialBar_container.bottom .dpSocialBar_wrap a { margin:5px; }  /*** SKIN ***/  .dpSocialBar_container.dark { border: 1px solid #000; }  .dpSocialBar_container.dark .dpSocialBar_wrap { border:1px solid #646464; background:#282828; }  .dpSocialBar_container.dark .dpSocialBar_arrow_down { background:url(/wp-content/themes/lightly/library/images/icons/arrows_dark.png) no-repeat 0 0; }  .dpSocialBar_container.dark .dpSocialBar_arrow_down:hover { background-position:-22px 0; }  .dpSocialBar_container.dark .dpSocialBar_arrow_down:active { background-position:-44px 0; }  .dpSocialBar_container.dark .dpSocialBar_arrow_up { background:url(/wp-content/themes/lightly/library/images/icons/arrows_dark.png) no-repeat 0 -22px; }  .dpSocialBar_container.dark .dpSocialBar_arrow_up:hover { background-position:-22px -22px; }  .dpSocialBar_container.dark .dpSocialBar_arrow_up:active { background-position:-44px -22px; }  .dpSocialBar_container.dark .dpSocialBar_caption { border:1px solid #000; }  .dpSocialBar_container.dark .dpSocialBar_caption span { color:#fff; background:#282828; border:1px solid #646464; }  /*** ICONS ***/  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_twitter { background:url(/_ext/cdn5.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/32/twitter.png) no-repeat transparent 0 0; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_facebook { background:url(/_ext/cdn5.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/32/facebook.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_linkedin { background:url(/_ext/cdn5.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/32/linkedin.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_flickr { background:url(/wp-content/themes/lightly/library/images/icons/btn_flickr_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_skype { background:url(/wp-content/themes/lightly/library/images/icons/btn_skype_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_rss { background:url(/wp-content/themes/lightly/library/images/icons/btn_rss_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_google { background:url(/_ext/cdn5.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/32/google.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_contact { background:url(/wp-content/themes/lightly/library/images/icons/btn_contact_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_youtube { background:url(/wp-content/themes/lightly/library/images/icons/btn_youtube_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_orkut { background:url(/wp-content/themes/lightly/library/images/icons/btn_orkut_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_myspace { background:url(/wp-content/themes/lightly/library/images/icons/btn_myspace_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_digg { background:url(/wp-content/themes/lightly/library/images/icons/btn_digg_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_lastfm { background:url(/wp-content/themes/lightly/library/images/icons/btn_lastfm_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_delicious { background:url(/wp-content/themes/lightly/library/images/icons/btn_delicious_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_tumblr { background:url(/wp-content/themes/lightly/library/images/icons/btn_tumblr_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_picasa { background:url(/wp-content/themes/lightly/library/images/icons/btn_picasa_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_vimeo { background:url(/wp-content/themes/lightly/library/images/icons/btn_vimeo_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_reddit { background:url(/wp-content/themes/lightly/library/images/icons/btn_reddit_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_technorati { background:url(/wp-content/themes/lightly/library/images/icons/btn_technorati_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_website { background:url(/wp-content/themes/lightly/library/images/icons/btn_website_24.png) no-repeat transparent; }  .dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_pinterest { background:url(/wp-content/themes/lightly/library/images/icons/btn_pinterest_24.png) no-repeat transparent; }   /****************************************************************** iPAD & TABLET STYLES These is your iPad styles. They will be visible to anyone who resizes their browser from the smallest size to the next break point. ******************************************************************/ 
@media only screen and (min-width: 480px) {   #container{ max-width:460px; max-width:95%; margin-top: 50px; }  /*	Thumbnail on homepage, this for mobile view, make the image left floated */ #main .home-thumb{ max-width:42%; float:left; margin-bottom:0.714em; margin-right:1.428em; border: 1px solid #eee; box-shadow: 0 3px 0 #eee; padding: 4px; } #main .home-thumb img{ margin-bottom:-5px; }  #main .default-post header, #main .default-post .post_content, #main .default-post footer { padding-left:45%; }  .single #main h1.post-title { font-size: 2.857em; line-height: 1.2em; }  .single .post footer #article-footer-meta p{ margin:0; padding:1.071em 0 0; display:block; float:left; width:auto; } .single .post footer #article-footer-meta .tags-title{ border-left:#ddd 1px dotted; padding-left:10px; margin-left:10px; } #social-share{ position:absolute; right:0; top:0.357em; }  #featured-posts .loop-items article .h1{ font-size:2.571em; line-height:1.2em; } #featured-posts h4 { display: none;}  .widget_ad125 ul li{ width:25%; }  } /* end of media query */  /****************************************************************** DESKTOP & JUST BIGGER THAN AN iPAD This is your standard iPad size or average tablet size. It's also a decent size for desktop users. ******************************************************************/ 
@media only screen and (min-width: 768px) {  .no-mobile { display: inline-block;} #topbar .left .blog a { display: inline-block;} #topbar .left select {display: none;} #sidebar-top, #topbar .right { display: inline-block;}   /****************************************************************** WORDPRESS BODY CLASSES want to style a page via body class? go ahead ******************************************************************/  #container{ width:95%; max-width:1000px; }  #logo{ text-align:left; }  /********************* LAYOUT & GRID STYLES *********************/  .wrap { width: 100%; } /***** Grid Options down here, where they are usable ******/ /* layout options */ .col220 { width:25%; } .col300 { width:33.3333333%; } .col480 { width:50%; } .col620 { width:66.66666666%; } .col700 { width:75%; } .col940 { width:100%; }  /* layout & column defaults */ .col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; position: relative; padding-left: 1.0638298%; padding-right: 1.0638298%; padding-left:20px; padding-right:20px; padding-left: 2.1276596%; padding-right: 2.1276596%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }  /* floats */ .left { float: left; } .right { float: right; }  /* default styles & fixes */ .first { margin-left: 0; } /* fixes alignment */ .last { margin-right: 0; } /* fixes alignment */   /********************* HEADER SYTLES *********************/  .header {} #sidebar-top{ margin:30px 0 0; } /********************* NAVIGATION STYLES *********************/  .nav { border-top:#ddd 1px dotted; }  .nav .menu { margin:0; }  .nav .menu ul { margin:0; border-bottom:none; padding-bottom:0; }  .nav .menu li { float: left; position: relative; border-left:#ddd 1px dotted; width:auto; } .nav .menu > li:last-child{ border-right:#ddd 1px dotted; } .nav .menu li a { border-bottom: 0; display:block; background:none; color:#222; font-size:1.143em; border-right:none; border-bottom:none; border-top:none; padding:0.65em 1.071em; } .nav .menu li:after { content:""; } .nav .menu > li:hover > a, .nav .menu > li.current-menu-item > a, .nav .menu > li.current_page_item > a, .nav .menu > li.current-page-ancestor > a { color:#715FA2; }  /* plan your menus and drop-downs wisely. */ .nav .menu ul li ul { background:#fff; text-transform:none; width: auto; border: 1px solid #ddd; position: absolute; top:0; display: none; z-index: 8999; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }  /* show the dropdowns on hover */ .nav .menu ul li:hover > ul { top: auto; display: block; margin-left:-1px; } .nav .menu ul ul li { display:block; float:none; padding:0; text-align:left; border-left:none; } .nav .menu ul ul li a { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:1em; text-transform:none; font-weight:normal; border-right: 0; display: block; margin:0 1.5em; padding:0.357em 5px 0.357em 0; border-bottom:#ddd 1px solid !important; } .nav .menu ul ul li a:hover{ color:#715FA2; } .nav .menu ul ul li:first-child a {} .nav .menu ul ul li:last-child > a { border-bottom: 0 !important; }  .menu ul ul ul{ margin-top:-2.143em; left:180px; }  /* more levels */ .nav .menu ul li:hover ul ul { } .nav .menu .has-child > a{ background: url(/wp-content/themes/lightly/library/images/arrow-little.png) right 50% no-repeat; }   /********************* POSTS & CONTENT STYLES *********************/  .type-3 .home-thumb{ float:left; margin-bottom:0; } .home #inner-content, .archive #inner-content, .single #inner-content, .page #inner-content, .search #inner-content, .error404 #inner-content { position:relative; }  #inner-content:before{ content:""; display:block; position:absolute; z-index:0; width:33.333%; height:100%; top:0; right:0; border-left:#ddd 1px solid; }  .archive #main{ border-top:none; position:relative; }  .single #main .post_content, .page-default #main .post_content{ margin-bottom:0; }  #headline-carousel{ display:block; } /********************* SIDEBARS & ASIDES *********************/ .sidebar iframe{ max-width:100%; } .widget li { margin-bottom: 0.75em; } .widget li ul { margin-top: 0.75em; padding-left: 1em; } .widget_ad125 ul li{ width:50%; }  /********************* FOOTER STYLES *********************/  .footer { position:relative; padding-top:0; } .footer #footer-widgets{ padding-top:20px; position:relative; border-right-color:#000; border-left-color:#000; } #inner-footer{ position:relative; border-right-color:#000; } #inner-footer:before{ content:""; display:block; position:absolute; width:50%; height:100%; top:0; left:-1px; border-right:#000 1px solid; border-right-color:inherit; } .footer #footer-widgets:before{ content:""; display:block; position:absolute; z-index:0; width:50%; height:100%; top:0; right:25%; border-right:#000 1px solid; border-left:#000 1px solid; border-right-color:inherit; border-left-color:inherit; } } /* end of media query */  /****************************************************************** AVERAGE VIEWING SIZE This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. ******************************************************************/ 
@media only screen and (max-width: 768px) { .single #main .post_content { max-width: 100%;} .floating-box{display:none;} } 
@media only screen and (min-width: 992px) { .no-mobile { display: inline-block }  #container{ max-width:1140px; }   } /* end of media query */  /****************************************************************** SUPER LARGE MONITORS STYLES This is for super wide monitors for the l33t people. If you worked in a good base in the previous styles, this should work pretty seamlessly. ******************************************************************/ 
@media only screen and (min-width: 1280px) { .single #main .post_content { max-width: 80%;} #container { max-width: 1280px; }  .wrap { }  } /* end of media query */  /****************************************************************** RETINA (iPhone 4 & 5) OR SUPER HIGH RES SCREENS STYLES This is for the high res phones or devices. ******************************************************************/ 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { /* insert styles here */  } /* end of media query */ 
#topbar .right a.noborder { margin: 5px 0; border-right: 0;} #topbar .right a.noborder span { color: #000 !important; }