/*  
Theme Name: Lanbroute
Theme URI: http://www.lanbroute.com 
Description: Lanbroute
Version: 2.0
Author: Goio Telletxea 
Author URI: http://www.lanbroute.com
*/
/* @group Variables */
/* @group Color */
/* @end */
/* @end */
/* @group Fonts */
body,
label,
input,
select,
optgroup,
option,
textarea,
button,
.story .meta {
  font-family: 'ratio-1', 'ratio-2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Chaparral */
em,
h1,
h2,
h3,
h4,
h5,
h6,
cite,
#search-results h3,
#sidebar h3 {
  font-family: 'chaparral-pro-1', 'chaparral-pro-2', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, sans-serif;
}
/* Baskerville */
q,
blockquote,
.presentation .actually,
.contact-area .adr,
.contact-area .contact,
.entradilla,
.entradilla2 {
  font-family: Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
}
/* @end */
/* @group Reset */
html {
  /*This odd 100.01% value for the font size compensates for several browser bugs.
First, setting a default body font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements.
Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers.
Safari, on the other hand, has a problem with a font-size of 101%.
The current “best” suggestion is to use the 100.01% value for this property.*/

  font-size: 100.01%;
}
html, body {
  margin: 0;
  padding: 0;
}
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
q,
cite,
a,
abbr,
acronym,
address,
big,
small,
code,
samp,
var,
tt,
pre,
del,
ins,
strike,
dfn,
kbd,
em,
strong,
font,
img,
s,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  font-size: 100%;
  vertical-align: baseline;
}
:link, :visited {
  text-decoration: none;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
pre,
p,
blockquote {
  margin: 0;
  padding: 0;
}
dl, ul, ol {
  list-style: none;
  list-style-type: none;
}
/* NOTA: tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
a:hover,
a:active,
a img,
:link img,
:visited img {
  border: none;
  outline: none;
  outline-style: none;
}
:focus {
  outline: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
pre,
code,
tt,
samp {
  font-size: .750em;
}
kbd {
  text-transform: uppercase;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
pre {
  white-space: pre;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/* @end */
/* @group HTML elements */
body {
  background: #fff;
  color: #333;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
pre,
p,
blockquote {
  margin: 0 0 1.5em 0;
}
/* @group headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1;
  margin: 0 0 .25em 0;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.125em;
}
/* @end */
a {
  color: #0099cc;
}
a:hover {
  color: #666;
}
acronym, abbr {
  border-bottom: 1px dotted;
  cursor: help;
}
/* img {background: url(images/img_preloader_arrows.gif) no-repeat 50% 50%;}*/
pre {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
  overflow: auto;
  padding: 1em 0;
  width: 100%;
}
/* @group q, bockquote, cite */
q, blockquote {
  font-style: italic;
}
blockquote {
  background: url(images/blockquote.gif) no-repeat 10px top;
  border-left: 1px dotted #333;
  border-right: 1px dotted #333;
  font-size: 1.125em;
  line-height: 1.25;
  margin: 1em 0;
  padding: 0 1em 0 45px;
}
blockquote:first-letter {
  float: left;
  font-size: 2.5em;
  font-weight: bold;
  margin: 0 0.15em -0.2em 0;
  padding: 0;
}
cite {
  font-style: normal;
}
/* STANDARD QUOTES */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
q:lang(sv) {
  quotes: '\201D' '\201D' '\2019' '\2019';
}
q:lang(da) {
  quotes: '\00BB' '\00AB' '\203A' '\2039';
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
/* SAFARI SUPPORT */
q:before {
  content: '\201C';
}
q:after {
  content: '\201D';
}
q q:before {
  content: '\2018';
}
q q:after {
  content: '\2019';
}
/* BLOCKQUOTES */
blockquote * {
  quotes: none;
}
blockquote > *:before {
  content: '\201C';
}
blockquote > *:after {
  content: '\201D';
}
blockquote q:before {
  content: '\2018';
}
blockquote q:after {
  content: '\2019';
}
/* LANGUAGE-SPECIFIC QUOTES SAFARI STYLE */
*[lang~='da'] q:before,
q[lang~='da']:before,
*[lang~='da'] blockquote > *:before,
blockquote[lang~='da'] > *:before {
  content: '\201E';
}
*[lang~='da'] q:after,
q[lang~='da']:after,
*[lang~='da'] blockquote > *:after,
blockquote[lang~='da'] > *:after {
  content: '\201C';
}
*[lang~='da'] q q:before,
q[lang~='da'] q:before,
*[lang~='da'] blockquote q:before,
blockquote[lang~='da'] q:before {
  content: '\2019';
}
*[lang~='da'] q q:after,
q[lang~='da'] q:after,
*[lang~='da'] blockquote q:after,
blockquote[lang~='da'] q:after {
  content: '\2019';
}
*[lang~='sv'] q:before,
q[lang~='sv']:before,
*[lang~='sv'] blockquote > *:before,
blockquote[lang~='sv'] > *:before {
  content: '\201D';
}
*[lang~='sv'] q:after,
q[lang~='sv']:after,
*[lang~='sv'] blockquote > *:after,
blockquote[lang~='sv'] > *:after {
  content: '\201D';
}
*[lang~='sv'] q q:before,
q[lang~='sv'] q:before,
*[lang~='sv'] blockquote q:before,
blockquote[lang~='sv'] q:before {
  content: '\2019';
}
*[lang~='sv'] q q:after,
q[lang~='sv'] q:after,
*[lang~='sv'] blockquote q:after,
blockquote[lang~='sv'] q:after {
  content: '\2019';
}
/* @end */
kbd {
  background: #eee;
  border-top: .15em solid #ccc;
  border-right: .25em solid #aaa;
  border-bottom: .3em solid #888;
  border-left: .2em solid #bbb;
  color: #000;
  font-size: 1em;
  font-weight: normal;
  font-family: "Lucida console", Courier, monospace, sans-serif;
  line-height: 2;
  padding: .05em .2em;
}
/* @group lists */
dt, dd {
  margin: 0;
}
dt {
  clear: both;
  float: left;
  font-weight: 700;
  margin: 0 .25em 0 0;
}
dd {
  margin: 0 0 .25em 0;
}
dl.one_line dd {
  margin: 0;
}
/* @end */
/* @group forms */
fieldset {
  padding: 1em;
}
label,
input,
select,
optgroup,
option,
textarea,
button {
  font-size: 1em;
}
legend {
  display: none;
}
input,
select,
optgroup,
option,
textarea {
  background-color: #fff;
}
input, textarea, select {
  background-color: #f8f8f8;
  border: 1px solid #868686;
  padding: .5em;
}
input:hover, textarea:hover {
  color: #ddd;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
}
input:focus, textarea:focus {
  color: #333;
  background-color: #fff;
  border: 1px solid #333;
  cursor: default;
}
textarea {
  overflow: auto;
}
optgroup {
  font-style: normal;
}
option {
  background: #fff;
  cursor: pointer;
  padding: 0 0 0 1em;
}
/* @end */
/* @group tables */
table,
caption,
thead,
th,
tr,
td {
  border-collapse: collapse;
  border-spacing: 0;
}
table,
thead,
th,
tr,
td {
  border: 1px solid #ccc;
}
table {
  width: 100%;
}
caption {
  border-top: 1px solid #ccc;
  font-size: 1.5em;
  padding: .5em;
}
th {
  text-align: left;
}
th, td {
  padding: .5em;
  vertical-align: top;
}
/* @group thead */
/* @end */
/* @group tbody */
/* @end */
/* @group tfoot */
/* @end */
/* @end */
iframe {
  margin: 0;
}
/* @group Selection rules */
/* Selección general */::-moz-selection, ::selection {
  background: #d4f699;
  color: #7aa62f;
}
/* Selección de enlaces */a::-moz-selection, a::selection {
  background: #f5f5f5;
  color: #666;
}
/* estilos de idiomas */
/*
a[hreflang]:after {content: " [" attr(hreflang) "] ";}

:lang(en):after{
	content: " [en] ";
	font-weight: bold;
}

:lang(en) {}
*/
/* @end */
/* @end */
/* @group Layout */
/* @group .topnote */
.topnote {
  background: #ffffcc;
  border-bottom: 1px solid #cccc00;
  font-size: .875em;
  left: 0;
  line-height: 1.15;
  margin: 0;
  padding: .5em 2.25em .5em .5em;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 1px 1px 0 #fff;
  z-index: 100;
  -webkit-box-shadow: 0 0 0.5em #ffff4d inset;
  -moz-box-shadow: 0 0 0.5em #ffff4d inset;
  box-shadow: 0 0 0.5em #ffff4d inset;
}
.topnote .sorry {
  font-style: italic;
}
.topnote .close {
  background-image: url(images/topnote_close.png);
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 1em;
  top: 50%;
  width: 16px;
}
/* @end */
/* @group #header */
#header {
  background: rgba(255, 255, 255, 0.75);
  border-right: 1px solid #ddd;
  border-top: 5px solid #d4f699;
  height: 100%;
  position: fixed;
  width: 25%;
  z-index: 10;
}
#header .inside {
  margin: 0;
  padding: 1em 2em;
}
#header h1 a {
  display: inline-block;
}
#header .description {
  margin: 0;
}
#main_menu {
  background: #111;
  border-bottom: .125em solid #333;
  border-top: .125em solid #333;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
}
#pages_menu {
  font-weight: lighter;
  line-height: 1.25;
  margin: 0;
  padding: 1em 0;
}
#pages_menu li {
  margin: 0 0 .25em 0;
}
#pages_menu a {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 1px 0 #202020;
  -moz-box-shadow: 0 1px 0 #202020;
  box-shadow: 0 1px 0 #202020;
  background: #000000 url(images/page.gif) no-repeat 0.75em 0.75em;
  color: #fff;
  display: inline-block;
  padding: .5em .75em .5em 1.75em;
  text-shadow: 1px 1px 1px #000;
}
#pages_menu a:hover {
  -webkit-box-shadow: 0 1px 0 #404040;
  -moz-box-shadow: 0 1px 0 #404040;
  box-shadow: 0 1px 0 #404040;
  background-color: #1d1d1d;
  color: #666;
}
#pages_menu a:active {
  left: 1px;
  position: relative;
  top: 1px;
}
.current-cat a,
.current-cat a:hover,
.current-cat a:active,
.current_page_item a,
.current_page_item a:hover,
.current_page_item a:active {
  -webkit-box-shadow: 0 1px 0 #202020;
  -moz-box-shadow: 0 1px 0 #202020;
  box-shadow: 0 1px 0 #202020;
  background-color: #000;
  color: #333;
  cursor: default;
}
/* @end */
#cont {
  margin: 0;
}
#cont .inside {
  padding: 3em 2em 1em 2em;
  position: relative;
}
/* @group .primary */
.primary {
  float: left;
  margin: 0;
  width: 62%;
}
.primary img {
  /*margin: .5em .5em .5em 0;*/
}
/* @end */
/* @group .secondary */
#secondary {
  background: #f5f5f5 url(images/secondary_bg.gif) no-repeat center bottom;
  border-top: 1px solid #e5e5e5;
  margin: 0;
  padding: 1px 2em;
}
.secondary {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0.5em 0.5em 1em #ffffff inset, -0.5em -0.5em 1em #ffffff inset;
  -moz-box-shadow: 0.5em 0.5em 1em #ffffff inset, -0.5em -0.5em 1em #ffffff inset;
  box-shadow: 0.5em 0.5em 1em #ffffff inset, -0.5em -0.5em 1em #ffffff inset;
  background: #f5f5f5;
  border: 1px solid #ddd;
  float: right;
  padding: 2%;
  width: 31%;
}
.secondary p {
  line-height: 1.2em;
}
.secondary h2 {
  border-bottom: 1px solid #ddd;
  margin: 0 0 .5em 0;
  padding: .25em 0;
}
.secondary .admin-tools {
  margin: 1em 0;
}
.secondary .banner {
  display: block;
  text-align: center;
  padding: .25em;
  border: 1px solid #ddd;
  margin: 0 auto 2em auto;
  background: #fff;
}
.secondary .banner:hover {
  border: 1px solid #333;
  background: #d5f091;
}
/* @group .featured */
/* Datos de tags y fecha del post en la columna izquierda de una página de un post individual */
.secondary .featured dl {
  margin: 0;
}
.secondary .featured dd {
  margin: 0 0 .5em;
}
.secondary .featured .tags {
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: .5em;
}
.secondary .featured .tags p {
  margin: 0;
}
.secondary .featured .tags li {
  display: inline;
}
/* @end */
/* @group #months */
#months {
  background-color: #fff;
  color: #000;
  margin: 0;
}
#months h2 {
  -webkit-border-top-right-radius: 0.25em;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0.25em;
  -moz-border-top-right-radius: 0.25em;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0.25em;
  margin: 0;
  padding: .5em;
  background-color: #ccc;
  background-image: none;
  border: none;
  color: #666;
  text-align: center;
  text-shadow: 1px 1px #fff;
}
#months li {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0;
  text-align: center;
  text-shadow: 1px 1px #fff;
}
#months a {
  border: .25em solid #fff;
  display: block;
  padding: .5em;
}
#months a:hover {
  -webkit-box-shadow: 0 0.25em 0.5em #cccccc inset;
  -moz-box-shadow: 0 0.25em 0.5em #cccccc inset;
  box-shadow: 0 0.25em 0.5em #cccccc inset;
  background: #f5f5f5;
  text-shadow: 1px 1px #fff;
}
/* @end */
/* @end */
/* @group .story */
.story {
  margin: 0 0 5em;
}
.story h1 {
  font-size: 2em;
  line-height: 1;
}
.story h1 a {
  color: #333;
}
.story h1 a:hover {
  color: #999;
}
.story h1 a:active {
  left: 1px;
  position: relative;
  top: 1px;
}
.story h2 {
  background: #f0f8ff url(images/h2_bg.gif) no-repeat left top;
  border-top: 1px solid #333;
  font-size: 1em;
  margin: 0 0 .5em;
  padding: .5em 0 .5em 2.75em;
  text-transform: uppercase;
}
.story h3 {
  border-bottom: 1px dotted #ddd;
  font-size: 1em;
  margin: 1.5em 0 .5em 0;
  padding: 0 0 .25em 0;
}
/* @group .meta */
.story .meta {
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  color: #666;
  font-size: .875em;
  line-height: 1.5;
  margin: 1em 0;
  padding: .25em 0;
  text-shadow: 1px 1px #fff;
}
.story .meta a {
  color: #0099cc;
}
.story .meta a:hover {
  background-color: #fff;
  color: #ccc;
}
.story .meta .date {
  font-style: italic;
}
/* @group .comment-num */
.story .meta .comment-num {
  background: #fff;
  border: 1px solid #ddd;
  display: inline-block;
  font-size: .857em;
  /*12px*/

  padding: 1px;
  text-transform: uppercase;
}
.story .meta .comment-num a {
  background-color: #d4f699;
  color: #000;
  display: block;
  text-decoration: none;
  padding: .35em .5em;
}
.story .meta .comment-num a:hover {
  background-color: #222;
  color: #666;
  text-shadow: 1px 1px #000;
}
/* @end */
.story .meta .category {
  font-size: .857em;
  /*12px*/

  text-transform: uppercase;
}
/* @end */
.story img {
  background: none url(images/img_preloader_arrows.gif) no-repeat center center;
}
.story li {
  background: url(images/story_li_bullet.gif) no-repeat 0 0.5em;
  padding: 0 0 0 1.25em;
}
.story a img {
  border: 1px solid #ededed;
}
.story a:hover img {
  /*
	border: 1px solid #ccc;
	padding: 0 0 0 1em;
	background: #000 url(images/story_a_img_bg.gif) repeat-y left bottom;
	*/

}
/* @group .more */
.story .more {
  font-size: .875em;
}
.story .more a {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  background: #f5f5f5;
  color: #999;
  display: inline-block;
  font-weight: 700;
  padding: .5em;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #fff;
}
.story .more a:hover {
  background: #333;
  color: #fff;
  text-shadow: none;
}
/* @end */
/* @end */
/* @group .footer-search */
.footer-search {
  -webkit-box-shadow: 0.25em 0.25em 1em #ffffff inset, -0.25em -0.25em 1em #ffffff inset;
  -moz-box-shadow: 0.25em 0.25em 1em #ffffff inset, -0.25em -0.25em 1em #ffffff inset;
  box-shadow: 0.25em 0.25em 1em #ffffff inset, -0.25em -0.25em 1em #ffffff inset;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 0;
}
.footer-search .inside {
  padding: 1em 2em;
}
.footer-search label {
  display: block;
  font-size: .875em;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.footer-search input {
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.05) inset;
  border: 1px solid #999;
  margin: 0 0 0 1em;
  padding: .5em;
  position: relative;
  top: .1em;
  width: 50%;
}
.footer-search input:hover {
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline-block;
}
.footer-search input:focus {
  -moz-box-shadow: 1px 3px 5px #ccc inset, 0px 3px 4px #ccc;
  -webkit-box-shadow: 1px 3px 5px #ccc inset, 0px 3px 4px #ccc;
  box-shadow: 1px 3px 5px #ccc inset, 0px 3px 4px #ccc;
  border: 1px solid #999;
}
/* @end */
/* @group #sidebar */
#sidebar {
  margin: 0;
}
#sidebar .inside {
  padding: 2em;
}
#sidebar h2 {
  padding: 0 0 0 .25em;
  border-left: 0.25em solid #d4f699;
  border-top: none;
  border-bottom: none;
  background: none;
  font-weight: 100;
  line-height: 1;
  margin: 0 0 1em 0;
  text-transform: none;
}
#sidebar h3 {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 1em;
  margin: 0 0 .5em 0;
  padding: .5em 0;
  text-transform: uppercase;
}
#sidebar p {
  line-height: 1.35;
}
/* @group .about */
#sidebar .about {
  float: left;
  font-size: .875em;
  margin: 0 6% 0 0;
  width: 30%;
}
/* @group .socialmedia */
.socialmedia li {
  float: left;
  font-size: .688em;
  margin: 0 .15em .15em 0;
  padding: 0;
  text-transform: uppercase;
}
.socialmedia a {
  background: no-repeat left center;
  display: block!important;
  height: 37px;
  text-indent: -9999px;
  width: 37px;
}
.socialmedia .twitter a {
  background-image: url(images/socialmedia/picons/32/picons33.png);
}
.socialmedia .facebook a {
  background-image: url(images/socialmedia/picons/32/picons36.png);
}
.socialmedia .linkedin a {
  background-image: url(images/socialmedia/picons/32/picons41.png);
}
.socialmedia .flickr a {
  background-image: url(images/socialmedia/picons/32/picons34.png);
}
.socialmedia .delicious a {
  background-image: url(images/socialmedia/picons/32/picons49.png);
}
.socialmedia .slideshare a {
  background-image: url(images/socialmedia/picons/32/picons.png);
}
.socialmedia .dribbble a {
  background-image: url(images/socialmedia/picons/32/picons32.png);
}
.socialmedia .forrst a {
  background-image: url(images/socialmedia/picons/32/picons31.png);
}
.socialmedia .behance a {
  background-image: url(images/socialmedia/picons/32/picons.png);
}
.socialmedia .lastfm a {
  background-image: url(images/socialmedia/picons/32/picons42.png);
}
.socialmedia .skype a {
  background-image: url(images/socialmedia/picons/32/picons37.png);
}
/* @end */
/* @end */
/* @group .dates */
#sidebar .dates {
  float: left;
  width: 30%;
}
#sidebar .dates ul {
  border-top: 1px solid #ddd;
  font-size: 1.2;
  line-height: 1.2;
  margin: 1em 0;
}
#sidebar .date {
  border: none;
  color: #333;
  display: block;
  font-size: .75em;
}
#sidebar .date em {
  font-size: 1.167em;
  /*14px*/
}
#sidebar .dates li {
  border-bottom: 1px solid #ddd;
  padding: .5em 0;
  margin: 0;
}
/* @end */
/* @group .categories */
#sidebar .categories {
  float: right;
  width: 30%;
}
#sidebar .categories ul {
  border-top: 1px solid #ddd;
  margin: 1em 0;
}
#sidebar .categories li {
  border-bottom: 1px solid #ddd;
  font-size: .75em;
  margin: 0;
  padding: .5em 0;
  text-transform: uppercase;
}
/* @end */
/* @end */
/* @group #footer */
#footer {
  margin: 0;
}
#footer .inside {
  padding: 2em;
}
#footer  .copyright {
  margin: 0 0 .25em;
}
#footer  .details {
  color: #999;
  font-size: .75em;
  line-height: 1.25em;
}
#footer  .details .license {
  position: relative;
  top: 2px;
}
#footer .syndication a {
  background: url(images/socialmedia/picons/16/picons50.png) no-repeat left center;
  margin: 0 .5em 0 0;
  padding: 0 0 0 21px;
  text-decoration: none;
}
/* @end */
/* @group .contact-area */
.contact-area {
  margin: 0;
}
.contact-area h1 {
  font-style: italic;
}
.contact-area a {
  color: #d4f699;
}
.contact-area a:hover {
  color: #97e214;
}
.contact-area .inside {
  background: #000;
  color: #fff;
  padding: 2em;
}
.contact-area p {
  line-height: 1.25;
}
.contact-area .adr, .contact-area .contact {
  font-style: italic;
}
.contact-area .adr {
  margin: 0 0 .25em;
}
.contact-area .data {
  font-size: .875em;
}
.contact-area .data abbr {
  border-bottom-color: #333;
  color: #999;
}
.contact-area .data span {
  color: #666;
}
.contact-area .skype a {
  background: url(images/socialmedia/picons/32/picons37.png) no-repeat 0 center;
  display: inline-block;
  padding: .5em 0 .5em 2.5em;
}
.uservoice {
  padding: 0 0 0 1.4em;
  background: url(images/copyright_bullet.gif) no-repeat left 0.35em;
}
/* @end */
/* @end */
/* @group Modules */
/* @group Comments */
/* @group .comment-head */
.comment-head {
  border-bottom: 1px solid #e3e3e3;
  padding: 1em 0;
}
.comment-head .details {
  font-size: .95em;
}
.comment-head h2 {
  font-size: 1.5em;
}
.comment-head p.comments_quantity {
  font-size: 2em;
  margin: 0;
}
/* @end */
/* @group #comments */
#comments, #comments li {
  margin: 2em 0;
}
#comments .content {
  border-left: 1px dotted #ccc;
  float: left;
  line-height: 1.35;
  margin-left: 2%;
  padding: 0 0 0 2%;
  width: 73%;
}
#comments .content h3 {
  font-size: 1em;
}
#comments .pingback cite .author {
  background: url(images/trackback_pingback.gif) 100% 0 no-repeat;
  display: block;
  padding-top: 4.25em;
}
#comments cite {
  float: left;
  font-style: normal;
  padding: 0 2% 0 0;
  text-align: right;
  width: 20%;
}
#comments cite .admin-tools {
  margin: .25em 0;
}
#comments cite .admin-tools a {
  background: #666;
  border: 1px solid #999;
  float: right;
  margin: 0 .25em;
  padding: 0 .25em .25em 0;
  text-decoration: none;
}
#comments cite .author {
  font-size: 1.2em;
  line-height: 1.15;
}
#comments cite .author a {
  text-decoration: none;
}
#comments cite span {
  display: block;
  font-size: .75em;
}
/* @end */
/* @group #comment-form */
#comment-form {
  padding: 0 0 100px;
}
#commentform input {
  width: 23.91em;
}
#commentform input, #commentform textarea {
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
}
#commentform input:hover, #commentform textarea:hover {
  -webkit-box-shadow: 1px 3px 5px rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 1px 3px 5px rgba(128, 128, 128, 0.5);
  box-shadow: 1px 3px 5px rgba(128, 128, 128, 0.5);
}
#commentform input.submit {
  width: auto;
  float: none;
}
#commentform label {
  display: inline-block;
  padding: .3em;
  text-shadow: 1px 1px #fff;
  width: 10em;
}
#commentform textarea {
  height: 10em;
  margin: 0 0 1em;
  width: 100%;
}
#commentform textarea:hover {
  background: #ffffff url(images/commentform_textarea_bg.gif) no-repeat right bottom;
}
#commentform textarea:focus {
  background: #fff;
}
/* @end */
/* @end */
/* @group Navegación entre posts */
/* navegación entre posts */
#post-nav {
  background: #000;
  color: #fff;
  border-top: .25em solid #333;
  margin: 0;
  text-align: center;
}
#post-nav .inside {
  padding: .5em;
}
#post-nav strong {
  display: block;
  font-size: .813em;
  /*13px*/

  text-transform: uppercase;
}
#post-nav a {
  color: #d4f699;
}
#post-nav a:hover {
  color: #acee3b;
}
#post-nav p {
  margin: 0;
  text-align: center;
}
/* @end */
/* @end */
/* @group Pages */
/* @group Home */
/* @group .presentation */
.presentation {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 1em 0 0;
}
.presentation .who {
  font-size: 1.75em;
  font-style: italic;
  font-weight: 100;
  line-height: 1.15;
  margin: 0 0 1em 0;
}
.presentation .who strong {
  display: block;
  font-size: 4em;
  font-weight: 900;
  line-height: 1;
}
.presentation .who a {
  font-size: .75em;
}
.presentation .actually {
  font-size: .875em;
  line-height: 1.25;
  text-transform: uppercase;
}
.presentation .contact_me {
  -webkit-border-radius: 1.25em;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  -webkit-box-shadow: -1px -1px 0 #cccccc;
  -moz-box-shadow: -1px -1px 0 #cccccc;
  box-shadow: -1px -1px 0 #cccccc;
  background: #f5f5f5;
  display: inline-block;
  line-height: 1.25;
  padding: .5em 1em;
  text-shadow: 1px 1px #fff;
}
.presentation .contact_me a span {
  color: #333;
}
/* @end */
/* @end */
/* @group Category */
.category-intro {
  color: #666;
  font-size: 1.5em;
  font-style: italic;
  font-weight: 100;
  line-height: 1.25;
}
/* @group Portfolio */
.category-portfolio .primary {
  width: auto;
}
.project-preview {
  background: #f5f5f5;
  border: 1px solid #ddd;
  display: inline-block;
  margin: 0 3.125% 2.5%;
  overflow: hidden;
  padding: 1.25%;
  position: relative;
  vertical-align: top;
  width: 39%;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
.project-preview h2 {
  color: #333;
  font-size: 1.25em;
  margin: 0 0 .25em;
}
.project-preview .thumb {
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  background: #fff;
  border: 1px solid #ddd;
  display: block;
  margin: 0;
  padding: .5em;
  text-align: center;
}
.project-preview .thumb a:hover {
  background: #f5f5f5;
  border: 1px solid #ccc;
}
.project-preview .thumb img {
  color: #999;
  font-size: .75em;
  height: auto;
  max-width: 100%;
}
.project-preview .thumb-caption {
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  -webkit-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  background: #000;
  bottom: 0;
  color: #fff;
  display: none;
  left: 0;
  margin: 0;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
}
.project-preview .thumb-caption:hover {
  /*cursor: pointer;*/
}
.project-preview .meta {
  line-height: 1.2;
}
.project-preview .meta li span {
  font-weight: 700;
}
.project-preview .description {
  font-size: .875em;
  margin: 0 0 .5em;
}
.project-preview .year {
  margin: 0 0 .5em;
}
.project-preview .categories {
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  font-size: .75em;
  margin: 0 0 .5em 0;
  padding: .5em 0;
  text-transform: uppercase;
}
.project-preview .more {
  margin: 0;
}
.project-preview .more a {
  background: #0099cc;
  color: #fff;
  display: inline-block;
  font-size: .75em;
  font-weight: 700;
  line-height: 1.15;
  padding: .5em .75em;
  text-transform: uppercase;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
.project-preview .more a:hover {
  background: #004d66;
  color: #fff;
}
/* @end */
/* @end */
/* @group Basque designers */
/* @group #basqueDesignersIndex */
#basqueDesignersIndex {
  margin: 0 0 4em 0;
}
#basqueDesignersIndex p {
  margin: 0 0 5px 0;
}
#basqueDesignersIndex ul {
  font-size: 1em;
}
#basqueDesignersIndex li, #basqueDesignersIndex li a {
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
}
#basqueDesignersIndex li {
  background: #f5f5f5;
  margin: 0 0 .25em 0;
  -webkit-box-shadow: 0 0 .5em #ccc inset;
  -moz-box-shadow: 0 0 .5em #ccc inset;
  box-shadow: 0 0 .5em #ccc inset;
}
#basqueDesignersIndex li a {
  background: #fff;
  border: 1px solid #ddd;
  display: inline-block;
  padding: .5em;
}
#basqueDesignersIndex li a span {
  color: #ddd;
  display: inline-block;
  font-weight: 700;
  text-align: right;
  width: 1.5em;
}
#basqueDesignersIndex li a strong {
  color: #666;
}
#basqueDesignersIndex li a:hover span {
  color: #111;
}
.catColorStat span {
  -moz-transform: rotate(-90deg);
  /* FF3.5+ */

  -o-transform: rotate(-90deg);
  /* Opera 10.5 */

  -webkit-transform: rotate(-90deg);
  /* Saf3.1+, Chrome */

  -ms-transform: rotate(-90deg);
  /* IE9 */

  transform: rotate(-90deg);
  zoom: 1;
}
/* @end */
#basqueDesigners h2 {
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  margin: 0 0 1em 0;
  padding: .5em 0 .35em 0;
}
#basqueDesigners li {
  display: inline;
  font-weight: 100;
}
#basqueDesigners li a {
  display: inline-block;
}
#basqueDesigners li a:visited {
  color: #999;
  background-color: #f3ffc4;
  font-weight: 700;
}
#basqueDesigners li a:visited:after {
  content: " ✓ ";
}
#basqueDesigners li a:visited:hover:after {
  content: " ✓ (visitado) ";
}
#basqueDesigners li:after {
  color: #333;
  content: ", ";
}
#basqueDesigners li:last-child:after {
  color: #333;
  content: ".";
}
#basqueDesigners .back2index {
  margin: 0 0 5em 0;
}
#basqueDesigners .back2index a {
  -webkit-box-shadow: 0 0 .25em #fff inset;
  -moz-box-shadow: 0 0 .25em #fff inset;
  box-shadow: 0 0 .25em #fff inset;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #333;
  display: inline-block;
  font-size: .75em;
  font-weight: 700;
  padding: .5em;
  text-shadow: 1px 1px 0 #fff;
  text-transform: uppercase;
}
#basqueDesigners .back2index a:hover {
  -webkit-box-shadow: 0 0 0.5em #ffffff inset, 1px 1px 0 #ffffff inset, -1px -1px 0 #ffffff inset;
  -moz-box-shadow: 0 0 0.5em #ffffff inset, 1px 1px 0 #ffffff inset, -1px -1px 0 #ffffff inset;
  box-shadow: 0 0 0.5em #ffffff inset, 1px 1px 0 #ffffff inset, -1px -1px 0 #ffffff inset;
  background: #ddd;
  border: 1px solid #999;
  color: #111;
}
/* Nota sobre nº de enlaces total al comienzo de la página */
.totalLinkStats {
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 1em;
  padding: .5em;
}
/* Nota sobre nº de enlaces en cada sección */
.linkStats {
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  background-color: #f3ffc4;
  display: inline-block;
  font-size: .875em;
  margin: 0 0 .25em 0;
  padding: .25em;
  text-shadow: 1px 1px 0 #fff;
  text-transform: uppercase;
}
/* gráfica de barras con estadísticas */
.catStats {
  text-align: center;
}
.catStat {
  background: #ccc;
  color: #fff;
  display: inline-block;
  font-size: .688em;
  font-weight: 700;
  margin: 0 1px 0 0;
  padding: .25em;
  text-align: center;
  vertical-align: bottom;
}
/* @end */
/* @group Project */
.primary .flickr-gallery img {
  height: auto;
  max-width: 100%;
}
.project-fields li {
  background: none;
  font-size: .875em;
  margin: 0 0 1em;
  padding: 0;
}
.project-sheet span {
  border-bottom: 1px solid #ddd;
  font-size: 0.857em;
  /*12px*/

  font-weight: 700;
  margin: 0 0 .25em 0;
  text-transform: uppercase;
}
.project-sheet .url a {
  word-wrap: break-word;
}
.project-sheet .short-description span, .project-sheet .category-tags span {
  display: block;
  margin: 0 0 .5em;
}
.project-sheet .category-tags a {
  background: #e5e5e5;
  color: #333;
  display: inline-block;
  font-size: 0.857em;
  /*12px*/

  font-weight: 700;
  margin: 0 .25em .25em 0;
  padding: .325em .5em;
  text-shadow: 1px 1px 0 #fff;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
}
.project-sheet .category-tags a:hover {
  -moz-box-shadow: 0 0 1px #ccc inset;
  -webkit-box-shadow: 0 0 1px #ccc inset;
  box-shadow: 0 0 1px #ccc inset;
  background: #fff;
  color: #0099cc;
}
/* @end */
/* @group Search results */
#search-results {
  background: #ccc;
  border-top: 1em solid #000;
  float: right;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  padding: 0;
  width: 30%;
}
#search-results h3 {
  background: #fff;
  margin: 0;
  padding: 0 0 1em 0;
  text-align: left;
}
#search-results small {
  border-bottom: 1px solid #555;
  border-top: 1px solid #666;
  display: block;
  font-size: .9em;
  padding: .5em 1em .7em 1em;
  text-align: left;
}
#search-results small a {
  color: #ccc;
}
#search-results ul li {
  margin: .5em 0;
  padding: 0 1em .5em 1em;
}
#search-results ul li a {
  border-bottom: 1px dotted #ccc;
  text-decoration: none;
}
#search-results ul li:hover {
  background: #202020;
}
/* @end */
/* @group Error 404 */
.error404 #cont .inside {
  padding: 0;
}
.error404 .notfound {
  background: #000;
  color: #fff;
  padding: 2em 23em 2em 2em;
}
/* @end */
/* @end */
/* @group CLASSES */
/* @group gravatar */
.gravatar {
  padding: .25em;
  background-color: #fff;
  border: 1px solid #ccc;
}
a .gravatar:hover {
  background-color: #000;
  border: 1px solid #d4f699;
}
/* @end */
/* @group .back2top */
a.back2top {
  display: inline;
  font-size: .9em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: .15em .4em .15em 1.5em;
  margin: 1em 0;
  color: #fff;
  border-top: 1px solid #0cf;
  border-right: 1px solid #0cf;
  border-bottom: 1px solid #0cf;
  border-left: 3px solid #0cf;
  background: #333333 url(images/back2top_bullet.gif) no-repeat 0.2em 0.35em;
}
a.back2top:hover {
  color: #333;
  border-top: 1px solid #0099cc;
  border-right: 1px solid #0099cc;
  border-bottom: 1px solid #0099cc;
  border-left: 0.25em solid #0099cc;
  background: #ffffff url(images/back2top_bullet.gif) no-repeat 0.2em 0.35em;
}
/* @end */
/* @group .back-top */
#back-top {
  bottom: 10px;
  right: 0;
  margin: 0;
  position: fixed;
  z-index: 100;
}
#back-top a {
  color: #666;
  display: block;
  font-size: .75em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
#back-top a:hover {
  color: #0099cc;
}
/* arrow icon (span tag) */
#back-top span {
  background: #33ccff url(images/back-top.png) no-repeat center 8px;
  display: block;
  height: 64px;
  margin-bottom: .75em;
  width: 32px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#back-top a:hover span {
  background-color: #99e6ff;
  height: 72px;
}
/* @end */
/* @group Button */
.btn {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  border: none;
  color: #fff;
  background-color: #000;
  font-size: .875em;
  padding: .5em;
  cursor: pointer;
  text-transform: uppercase;
  width: auto;
}
.btn:hover {
  background-color: #333;
  color: #fff;
}
.btn:active, .btn:focus {
  background-color: #d4f699;
  color: #000;
}
/* @end */
/* @group .btn-mini */
.btn-mini {
  background: #000;
  color: #fff;
  display: inline-block;
  font-size: .75em;
  font-weight: 700;
  line-height: 1.15;
  padding: .5em .75em;
  text-transform: uppercase;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
.btn-mini:hover {
  background: #0099cc;
  color: #fff;
}
/* @end */
/* @group Estilos antiguos en posts */
.entradilla {
  font-size: 1.5em;
  line-height: 1.2em;
  font-style: italic;
}
.entradilla:first-letter {
  font-size: 2.5em;
  float: left;
  margin: 0 .25em 0 0;
}
.entradilla2 {
  font-size: 1.4em;
  line-height: 1.3em;
  font-style: italic;
  background: #f3f3f3;
  color: #666;
  padding: 1em;
}
.agradecimiento {
  background: #000;
  color: #fff;
  padding: 1em;
  margin: 1em 0;
  font-size: 1.1em;
  border-top: 4px solid #d4f699;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.nota {
  color: #000;
  background: #ffc;
  padding: .5em;
  border: 1px solid #ccc;
  margin: 0 0 1em 0;
}
.note {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  color: #000;
  background: #ffc;
  font-size: .875em;
  font-style: italic;
  padding: .5em;
}
/* @end */
/* @group .referencias */
.referencias {
  background: #f7f7f7;
  padding: 1em;
  border-top: 4px solid #ccc;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 1em 0;
}
.referencias p {
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 0;
}
.referencias ul li {
  line-height: 1.4em;
  background: url(images/entrevista_bullet.gif) no-repeat left 0.15em;
  padding: .15em 0 0 2em;
}
/* @end */
.inside {
  margin: 0 0 0 25%;
  padding: 0 2em;
}
.left {
  float: left;
}
.right {
  float: right;
}
#errors {
  color: #f00;
  font-weight: bold;
}
.brouteline {
  background: url(images/brouteline_bg.gif) repeat-x center top;
  display: block;
  height: 17px;
  margin: 0;
}
/* @group .anchor_index */
.anchor_index {
  margin: 1em 0;
}
.anchor_index li {
  border-left: 4px solid #ddd;
  margin: .25em 0;
  padding: .35em;
}
/* @end */
/* @group Links rotos o quitados mediante plugin Broken Link Checker */
.broken_link, a.broken_link {
  color: #ccc;
  position: relative;
  text-decoration: line-through;
}
.broken_link:hover, a.broken_link:hover {
  color: #333;
  text-decoration: none;
}
.broken_link:hover:after, a.broken_link:hover:after {
  -moz-box-shadow: 0 0 .25em #fff inset, 0 0 .5em #fff;
  -webkit-box-shadow: 0 0 .25em #fff inset, 0 0 .5em #fff;
  box-shadow: 0 0 .25em #fff inset, 0 0 .5em #fff;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  background: #ffc;
  border: 1px solid #999;
  color: #222;
  content: " (no available)";
  font-size: .5em;
  font-weight: 700;
  line-height: 1.15;
  padding: .25em;
  position: absolute;
  right: -102px;
  text-align: center;
  text-shadow: 1px 1px 0 #fff;
  z-index: 1;
  width: 80px;
}
.removed_link, a.removed_link {
  text-decoration: line-through;
}
/* @end */
/* @group Del.ici.ous */
#delicious_maxkuri {
  margin: 0 0 3em 0;
}
.delicious-networkbadge {
  margin: 0 0 2.5em 0;
}
/* @group .delicious-posts */
.delicious-posts {
  margin: 0 0 2.5em 0;
}
.secondary h2.delicious-banner {
  font-size: 1.2em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.secondary h2.delicious-banner a {
  -webkit-border-top-right-radius: 0.25em;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0.25em;
  -moz-border-top-right-radius: 0.25em;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0.25em;
  background: #222;
  color: #fff;
  display: block;
  margin: 0!important;
  padding: .35em;
  text-align: center;
}
.delicious-posts ul {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0.25em;
  -webkit-border-bottom-left-radius: 0.25em;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0.25em;
  -moz-border-bottom-left-radius: 0.25em;
  -moz-border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
  border-top-left-radius: 0;
  background: #fff;
  border: 1px solid #ddd;
  font-size: .875em;
  line-height: 1.35;
  padding: 1em!important;
}
.delicious-post {
  background-image: none;
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 0;
}
.delicious-odd {
  background-color: #effbff;
}
.delicious-odd a {
  -webkit-box-shadow: 0 0 .5em #fff inset;
  -moz-box-shadow: 0 0 .5em #fff inset;
  box-shadow: 0 0 .5em #fff inset;
}
.delicious-even {
  background-color: #fff;
}
.delicious-even a {
  -webkit-box-shadow: 0 0 .5em #eee inset;
  -moz-box-shadow: 0 0 .5em #eee inset;
  box-shadow: 0 0 .5em #eee inset;
}
.delicious-post a {
  display: block;
  background: url(images/socialmedia/16x16/delicious.png) no-repeat 0.4em 0.55em;
  padding: .5em 0 .5em 2.2em;
}
.delicious-post a:hover {
  -webkit-box-shadow: 0 0 .25em #333 inset;
  -moz-box-shadow: 0 0 .25em #333 inset;
  box-shadow: 0 0 .25em #333 inset;
  color: #ddd;
  background-color: #000;
}
/* @end */
/* @group .delicious-tags */
.delicious-tags {
  font-family: 'ratio-1', 'ratio-2', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  margin: 0 0 2.5em 0;
}
.delicious-tags .delicious-cloud {
  line-height: 1.35;
  padding: 1em 0 0 0;
}
.delicious-tags .delicious-cloud li {
  float: left;
  margin: 0 .25em .25em 0;
}
.delicious-tags .delicious-cloud li a {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -webkit-box-shadow: -1px -1px 0.25em #eeeeee inset;
  -moz-box-shadow: -1px -1px 0.25em #eeeeee inset;
  box-shadow: -1px -1px 0.25em #eeeeee inset;
  background: #fff;
  border: 1px solid #ccc;
  color: #999!important;
  display: inline-block;
  padding: .25em .5em;
}
.delicious-tags .delicious-cloud li a:hover {
  -webkit-box-shadow: -1px -1px 0.25em #cccccc inset;
  -moz-box-shadow: -1px -1px 0.25em #cccccc inset;
  box-shadow: -1px -1px 0.25em #cccccc inset;
  background: #ddd;
  border-color: #ccc;
  color: #333!important;
  text-decoration: none;
  text-shadow: 1px 1px #fff;
}
.delicious-tags .delicious-cloud li a:active {
  left: 1px;
  position: relative;
  top: 1px;
}
.delicious-tags .delicious-cloud li .delicious-tag-count {
  color: #aaa;
  text-shadow: 1px 1px #fff;
}
/* @end */
/* @end */
/* @group flickr_maxkuri */
#flickr_maxkuri {
  margin: 0 0 3em 0;
}
#flickr_maxkuri p {
  clear: both;
}
.flickr_badge_image {
  float: left;
  margin: 0 .5em .5em 0;
}
.flickr_badge_image img {
  background: #fff;
  padding: .25em;
  border: 1px solid #ccc;
}
.flickr_badge_image img:hover {
  -webkit-box-shadow: 1px 0.25em 0.25em rgba(128, 128, 128, 0.75);
  -moz-box-shadow: 1px 0.25em 0.25em rgba(128, 128, 128, 0.75);
  box-shadow: 1px 0.25em 0.25em rgba(128, 128, 128, 0.75);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
  background-color: #d5f091;
  border: 1px solid #999;
}
#flickr_badge_source {
  text-align: center;
  margin: 0 .5em;
}
#flickr_badge_icon {
  float: left;
  margin-right: .25em;
}
/* @end */
/* @end */
/* @group Non-semantic helper classes */
/* Responsive images */
.responsive,
#header h1 a img,
.story img,
.banner_broute img,
.banner_tarjetas img {
  height: auto;
  max-width: 100%;
}
/* Hides any empty object like <p></p>. Typical in Wordpress posts.
NOTE: For now, this technique only works in supportive browsers, which seems to be anything based on Mozilla. Unfortunately, Safari applies the rule to all elements of the specified element type. Internet Explorer has absolutely no idea what we’re talking about here.
*/
/*
*:empty {display: none;}
*/
/* for image replacement */
.ir, .topnote .close {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden,
h1 span,
#header .description,
.contact-area .owner,
.contact-area .tags {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/* @group .clearfix */
/* CLEARFIX: j.mp/phayesclearfix */
.clearfix:after,
#cont .inside:after,
#content:after,
#footer .inside:after,
.homeIntro:after,
.mainContent:after,
.staffBlock:after,
.memberHeader:after,
.serviceThumb:after,
#main .inside:after,
.featuredArticle .meta:after,
#sidebar .inside:after,
#header ul#pages_menu:after,
#flickr_maxkuri:after,
.delicious-cloud:after,
.socialmedia ul:after,
#comments:after,
#comments li:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix,
#content,
#footer .inside,
.homeIntro,
.mainContent,
.staffBlock,
.memberHeader,
.serviceThumb,
#main .inside,
.featuredArticle .meta,
#sidebar .inside,
#header ul#pages_menu,
#flickr_maxkuri,
.delicious-cloud,
.socialmedia ul,
#comments,
#comments li {
  zoom: 1;
}
/* @end */
/* @end */
/* @group Browser specific styles */
/* Poner "inline" todos los elementos dispuestos en "inline-block" */
html.ie6 .project-preview,
html.ie7 .project-preview,
html.ie6 .btn-mini,
html.ie7 .btn-mini,
html.ie6 .story .meta .comment-num,
html.ie7 .story .meta .comment-num,
html.ie6 .story .more a,
html.ie7 .story .more a,
html.ie6 .contact-area .skype a,
html.ie7 .contact-area .skype a,
html.ie6 #header h1 a,
html.ie7 #header h1 a,
html.ie6 .project-sheet .category-tags a,
htm.ie7 .project-sheet .category-tags a {
  display: inline;
}
/* @end */
/* @group Diagnostic CSS */
/* @group Eric Meyer */
/* More info: http://meyerweb.com/eric/tools/css/diagnostics/ */
/*
1) The more advanced version, which uses the :not() syntax and outlines and so isn't suitable for IE7
Test HTML: http://meyerweb.com/eric/tools/css/diagnostics/demo-not.html
*/
/*
div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted red;}

img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}

table:not([summary]) {outline: 5px solid red;}
table[summary=""] {outline: 3px dotted red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;} 

a[href]:not([title]) {border: 5px solid red;} 
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
*/
/*
2) The IE7 version, which does much the same things but in a less straightforward manner and uses borders instead of outlines.
Test HTML: http://meyerweb.com/eric/tools/css/diagnostics/demo-onoff.html
*/
/*
div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty
{padding: 0.5em; background: yellow;}

*[style], img, a[href], font, center {border: 5px solid red;}
*[class=""], *[id=""] {border: 5px dotted red;}
table, th {border: 5px solid red;}

img {border: 5px solid red;}
img[alt][title] {border-width: 0;}
img[alt] {border-color: fuchsia;}
img[alt], img[title] {border-style: double;}
img[alt=""][title],
img[alt][title=""] {border-width: 3px;}
img[alt=""][title=""] {border-style: dotted;}

table[summary],
th[scope="col"],
th[scope="row"]
{border: 1px solid #AAA;}

a[title] {border-width: 0;}
a[title=""] {border-width: 3px;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
*/
/* @end */
/* @group Holmes */
/**
*	O
*	 \ HOLMES
*
*	------------------------
*
*	Holmes is stand-alone diagnostic CSS stylesheet that will highlight
*	potentially invalid or erroneous HTML(5) markup
*
*	@author 		Luke Williams
*	@author_url		http://www.red-root.com
*	@project_url	http://github.com/redroot/holmes/
*	@version		1.0.1 (25/04/2011)
*
*	@copyright 		Copyright Luke Williams 2011-
*
*	------------------------
*
*	How does it work?
*
*	Adding the class 'holmes-debug' to any element, ideally the body or html tag,
*	will set debug styles for any elements within that element. 
*
*	e.g.: 
*	<body class="holmes-debug">
*
*	------------------------
*
*	Debug colours and what they mean
*
*	- RED 			denotes an error, invalid markup or a missing attribute
*	- YELLOW 		denotes a warning, so potentionally erroneous markup or bad practice
*	- DARK GREY		denotes a deprecated element or element with deprecated or Non-W3C attributes
*
*	-------------------------
*
*	Notes
*
*	- 	I have chosen to keep all separate types of diagnostis separate, despite sharing
*		common CSS styles, to maintain readability
*
*/
/**************
	LINKS 
**************/
/*
.holmes-debug a:not([href]),
.holmes-debug a[href=""]
{outline: 3px solid red;}

.holmes-debug a[href="#"],
.holmes-debug a[href^="javascript"],
.holmes-debug a:not([title]),
.holmes-debug a[title=""]
{outline: 3px solid #fd0;}
*/
/**************
	IMAGES 
**************/
/*
.holmes-debug img:not([alt]),
.holmes-debug img[alt=""]
{outline: 3px solid red;}
*/
/*************************
	MISC ATTRIBUTES
**************************/
/*
.holmes-debug label:not([for]),
.holmes-debug label[for=""],
.holmes-debug input:not([name]),
.holmes-debug input[name=""],
.holmes-debug select:not([name]),
.holmes-debug select[name=""],
.holmes-debug textarea:not([name]),
.holmes-debug textarea[name=""],
.holmes-debug abbr:not([title]),
.holmes-debug abbr[title=""],
.holmes-debug [class=""],
.holmes-debug [id=""]
{outline: 3px solid red;}

.holmes-debug table:not([summary]),
.holmes-debug table[summary=""]
{border: 3px solid red;}
*/
/* 
Warnings here, for inline styles and event calls, 
ideally they should be external (CSS) and JS applied by JS scripts,
keep markup purely presentational!
(not sure about the js yet)
*/
/*
.holmes-debug [style],
.holmes-debug [onclick],
.holmes-debug [onblur],
.holmes-debug [onfocus],
.holmes-debug [onselect],
.holmes-debug [onload],
.holmes-debug [onunload]
{outline: 3px solid #fd0;}
*/
/*************************************************************************
	DEPRECATED & NON-W3C CONTENT ELEMENTS (darkgrey)
	Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
*************************************************************************/
/*
.holmes-debug applet, 
.holmes-debug acronym, 
.holmes-debug center, 
.holmes-debug dir, 
.holmes-debug font,   
.holmes-debug strike, 
.holmes-debug u, 
.holmes-debug i,
.holmes-debug b,
.holmes-debug big,
.holmes-debug tt,
.holmes-debug marquee,
.holmes-debug plaintext,  
.holmes-debug xmp
{border: 3px solid darkgrey;}
*/
/************************************************************************
	DEPRECATED NON-W3C ATTRIBUTES (darkgrey)
	Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
************************************************************************/
/*
body.holmes-debug[bgproperties], 
body.holmes-debug[topmargin], 
body.holmes-debug[rightmargin], 
body.holmes-debug[bottommargin], 
body.holmes-debug[leftmargin]
{outline: 3px solid darkgrey;}

.holmes-debug *[bordercolor], 
.holmes-debug *[bordercolordark], 
.holmes-debug *[bordercolorlight],
.holmes-debug table[frame]
{border: 3px solid darkgrey;}
*/
/*********************
	EMPTY ELEMENTS (warning level for now)
**********************/
/*
.holmes-debug div:empty, 
.holmes-debug span:empty,
.holmes-debug li:empty, 
.holmes-debug p:empty,
.holmes-debug td:empty, 
.holmes-debug th:empty
{border: 3px solid #fd0;}
*/
/* @end */
/* @end */
/* @group LESS Elements 0.4 */
/*---------------------------------------------------
		LESS Elements 0.4
	---------------------------------------------------
		A set of useful LESS mixins by Dmitry Fadeyev
		Special thanks for mixin suggestions to:
			Kris Van Herzeele,
			Benoit Adam,
			Portenart Emile-Victor
			
		More info at: http://lesselements.com
-----------------------------------------------------*/
/* @end */
/* @group Media queries for responsive design */
@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) · Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you:  j.mp/textsizeadjust 
    html {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} */
  #pages_menu li {
    float: none;
  }
  #sidebar .about, #sidebar .dates, #sidebar .categories {
    float: none;
    width: auto;
  }
}
/* @group Hardboiled Media Queries */
/* 
Hardboiled CSS3 Media Queries by Andy Clarke:
http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
Version date : 30th September 2010
Version: 0.9
License: Creative Commons CC Zero Declaration. No Rights Reserved.
*/
/* Smartphones (portrait and landscape) */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px){}*/
/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
  
}
/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {
  
}
/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  
}
/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  
}
/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  
}
/* Desktops and laptops */
@media only screen and (min-width : 1224px) {
  
}
/* Large screens */
@media only screen and (min-width : 1824px) {
  
}
/* iPhone 4 and high pixel ratio devices */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
  
}
/* @end */
/* @group Pragmatic responsive design: Minor breakpoints */
/* Info: (http://www.slideshare.net/yiibu/pragmatic-responsive-design) */
/* Small devices with media query support: some Android (Portrait), many S40 (Portrait), most S60 (Portrait) */
@media only screen and (min-width : 240px) {
  
}
/* Symbian Touch (Portrait) */
@media only screen and (min-width : 360px) {
  
}
/* iPhone(Lanscape), Android (Landscape), some Symbian touch (Landscape), some tablets (Landscape) */
@media only screen and (min-width : 480px) {
  
}
/* Some tablets (Portrait) */
@media only screen and (min-width : 600px) {
  
}
/* Some Symbian touch (Landscape) */
@media only screen and (min-width : 640px) {
  
}
/* iPad (Portrait), some Android tablets (Portrait) */
@media only screen and (min-width : 768px) {
  
}
/* Some tablets (Landscape) */
@media only screen and (min-width : 800px) {
  
}
/* Some tablets (Landscape) */
@media only screen and (min-width : 1280px) {
  
}
/* Many laptops */
@media only screen and (min-width : 1366px) {
  
}
/* @end */
/* @group Goio */
@media screen and (max-width: 780px), screen and (max-device-width: 480px) {
  .primary, .secondary {
    float: none;
    padding: 1em;
    width: auto;
  }
  #months ul {
    margin: 0;
    padding: 1em;
  }
  #months li {
    border-bottom: none;
    display: inline-block;
    margin: 0 0 .25em 0;
    padding: 0;
  }
  #months a {
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    border: none;
    padding: .15em .35em;
  }
  .secondary .banner {
    display: inline-block;
  }
  #sidebar .about {
    float: none;
    width: auto;
  }
  #sidebar .about, #sidebar .dates, #sidebar .categories {
    margin: 0 0 4em;
  }
  #sidebar .dates {
    float: left;
    width: 60%;
  }
  #sidebar .categories {
    float: right;
    width: 30%;
  }
  .footer-search .inside {
    padding: 1em 2em;
  }
  .presentation .who strong {
    font-size: 3em;
  }
}
@media screen and (max-width: 900px) {
  #header {
    position: relative;
    width: auto;
  }
  #header .inside {
    padding: .5em 1em;
  }
  #pages_menu:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  #pages_menu {
    padding: 0;
    zoom: 1;
  }
  #pages_menu li {
    float: left;
    margin: 0 .25em .25em 0;
  }
  .inside {
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .inside {
    padding: 0 1em;
  }
  #pages_menu li {
    float: none;
  }
  #sidebar .about, #sidebar .dates, #sidebar .categories {
    float: none;
    width: auto;
  }
  .project-preview {
    background: none;
    border: none;
    display: block;
    margin: 0 0 4em;
    padding: 0;
    width: 100%;
  }
  .category-intro {
    font-size: 1.15em;
  }
  #basqueDesigners li {
    font-size: 1em;
  }
  #basqueDesigners .back2index a, .linkStats {
    font-size: .563em;
  }
  .presentation .who strong {
    font-size: 2em;
  }
  .footer-search input {
    display: block;
    margin: 0 auto 1em;
    width: 80%;
  }
}
/* @end */
/* @end */
@media print {
  /* print styles inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after {
    content: " (" attr(href) ")";
  }
  abbr:after {
    content: " (" attr(title) ")";
  }
  .ir a:after {
    content: "";
  }
  /* Don't show links for images */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* css-discuss.incutio.com/wiki/Printing_Tables */tr, img {
    page-break-inside: avoid;
  }
  @page  {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}