/* ---- Typography ---- */
	
body { font-family: 'Droid Serif', Cambria, Georgia, serif; }

body { font-size: .9em; }
small { font-size: .85em; }
.image-index p, .date, .tags, .legend, #content-en, #content-es, .image-name, .vcard, .credits { font-size: small; }
.js-enabled #gallery-navigation, #cboxPrevious, #cboxNext { font-size: 2em;}

body { line-height: 1.4; }

small, .tags { font-weight: normal; }

#previous-image, #next-image, #cboxPrevious, #cboxNext { font-weight: 900; }

#image-wrapper { text-align: center; }
#slug-web .image-index li { vertical-align: top; }

/* ---- Colours ---- */

body, .image-index li a, .image-index li a:hover, .image-index li a:focus { color: #333; }
.date, .credits { color: #999; }
a, a.web, div[lang=en] p:first-child:before { color: #3080cb; }
a:hover, a:focus, a:hover .tags, a:focus .tags, a.il:hover, a.il:focus, a.auvi:hover, a.auvi:focus, a.st:hover, a.st:focus, a.dg:hover, a.dg:focus, a.web:hover, a.web:focus { color: #fff; }
a:hover .date, a:focus .date { color: #ddd;}
a.il, div[lang=es] p:first-child:before { color: #f00; }
a.auvi { color: #f90; }
a.st { color: #093; }
a.dg { color: #c3c; }

body, #cboxOverlay { background-color: #fff; }
a:hover, a:focus, #home a:hover, #home a:focus { background-color: #3080cb; }

#content li:nth-child(odd) { background-color: #eee; }
#content .image-index li:nth-child(odd) { background-color: transparent; }

a.il:hover, a.il:focus { background-color: #f00; }
a.auvi:hover, a.auvi:focus { background-color: #f90; }
a.st:hover, a.st:focus { background-color: #093; }
a.dg:hover, a.dg:focus { background-color: #c3c; }
a.web:hover, a.web:focus { background-color: #3080cb; }
.image-index a:hover, .image-index a:focus { background-color: transparent; }

hr, li a img, p a img { border: 0; }
hr { border-top: medium solid #eee; }
body { border-top: 10px solid #eee; }

.image-index li a img { border: medium solid #eee; /*-moz-box-shadow: 0 2px 4px #999;*/ -moz-border-radius: .25em; -webkit-border-radius: .25em; border-radius: .25em; }
.image-index li a:hover img, .image-index li a:focus img { border: medium solid #3080cb; }
.current strong { border-bottom: medium solid #666; }

/*#navigation li+li { border-left: thin solid #ccc; }*/


/* ---- Boxes ---- */

a { text-decoration: none; }

html, body, #project-navigation a, .image-index h3, h1 { margin: 0; }
#navigation { margin: -1em -2em 1em; }
.image-index p { margin-top: 0; }
.vcard .photo { margin-right: 1em; }
#header h1 { margin-right: .5em; }
ul, ol { margin-left: 0; }
#navigation li+li { margin-left: .25em; }
li a img { margin-right: .25em; }

#content li, #content li a { margin: 0 -2em; padding: 0 2em; }
#content .image-index li, #content .image-index li a { margin: 0 .25em .25em 0; padding: 0; }

body { padding: 1em 2em; }
#nav a { padding: .1em .25em; }
#navigation { padding: .5em 2em; }
.email:before, .tel:before { padding-right: .25em; }
ul, ol { padding-left: 0; }
#navigation li+li { padding-left: .5em; }
#content-en, #content-es { padding-right: 20px; }

/* ---- Lists ---- */

ul, li { list-style: none; }

/* ---- Positioning, hide and show ---- */

#gallery-navigation, ol.children, a .legend, #slug-index .image-name { display: none; }

#header, #footer, .nav, #content li a, .image-name, .js-enabled #media .image:first-child, .image-index li a:hover span.legend, .image-index li a:focus span.legend, #cboxClose { display: block; }

#navigation li { display: inline; }

#navigation li a, .image-index li, .js-enabled #gallery-navigation, #header h1 { display: inline-block; }

#content-en, #content-es, .vcard { display: table-cell; }

#image-holder .image, .vcard .photo { float: left; }

#image-wrapper { overflow: hidden; }

/* ---- Dimensions ---- */

p { max-width: 36em; }
#image-wrapper { width: 560px; }
#image-wrapper #image-holder { width: 100000000px; }
#image-wrapper #image-holder div.image { width: 560px; }
#content-en, #content-es { max-width: 270px; }
.vcard { min-width: 250px; }

hr { height: 0; }

/* ---- Other ---- */

/* Generated content */

div[lang=en] p:first-child:before { content: 'en: '; }
div[lang=es] p:first-child:before { content: 'es: '; }
.email:before { content: '\2709 '; }
.tel:before { content: '\260e '; }
q:before { content: '\00ab'; }
q:after { content: '\00bb'; }







/* Gallery navigation */

#gallery-navigation { position: relative; width: 560px; }
#previous-image, #next-image, #gallery-count { position: absolute; top: 5px; padding-top: 200px; }
#previous-image, #next-image { width: 270px; height: 230px; }
#previous-image { left: 0; text-align: left; }
#next-image { right: 0; text-align: right; }
#gallery-count { left: 225px; }

a#previous-image span, a#next-image span, #gallery-count span, #cboxPrevious, #cboxNext { color: #fff; background-color: #333; padding: .1em .5em; margin: 0 .5em; }

a#previous-image, a#next-image, #gallery-navigation #gallery-count, #cboxPrevious, #cboxNext { opacity: 0; }
a#previous-image:hover, a#previous-image:focus, a#next-image:hover, a#next-image:focus, #gallery-navigation:hover #gallery-count, #gallery-navigation:focus #gallery-count, #cboxPrevious:hover, #cboxNext:hover { opacity: .8; }
a#previous-image:hover, a#previous-image:focus, a#next-image:hover, a#next-image:focus, #gallery-navigation:hover #gallery-count, #gallery-navigation:focus #gallery-count { background-color: transparent; }


/* Layout */

.image-index li a span.legend { display: none; position: absolute; margin: 3px 3px; padding: 2px 7px; background-color: #3080CB; color: #fff; }

#slug-web span.legend { width: 186px; }
#slug-publishing span.legend { width: 88px; }


/* Colorbox */

#colorbox, #cboxOverlay, #cboxWrapper, #cboxLoadingOverlay, #cboxLoadingGraphic, #cboxTitle, #cboxTitle, #cboxCurrent, #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { position: absolute; }
#cboxContent { position: relative; }
#cboxOverlay { position: fixed; }
#colorbox, #cboxOverlay, #cboxWrapper { z-index: 9999; }
#cboxOverlay, #cboxLoadedContent iframe { height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { display: block; border: 0; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
#cboxLoadingOverlay { background: url(images/loading.gif) center center no-repeat #fff; }
#cboxClose{ top: -2em; }
#colorbox, #cboxOverlay, #cboxWrapper, #cboxLoadingOverlay, #cboxLoadingGraphic { top: 0; }
#colorbox, #cboxOverlay, #cboxWrapper, #cboxLoadingOverlay, #cboxLoadingGraphic, #cboxNext{ right: 0; }
#cboxPrevious, #cboxNext { top: 50%; bottom: -2em; }
#cboxPrevious, #cboxClose { left: 0; }
#cboxOverlay, #cboxLoadedContent iframe, #cboxLoadingOverlay, #cboxLoadingGraphic { width:100%; }
#cboxTitle { width: 100%; text-align: center; bottom: -2em; }
#cboxPrevious, #cboxNext { height: 1.3em; }


#slug-index h1 { background-image: url('../../images/logo-.png'); background-repeat: no-repeat; background-position: left top; width: 200px; height: 86px; display: block !important; clear: both; text-indent: -999em; margin-bottom: .5em; }

/*li a[title]:after { content: attr(title); margin-left: 1em; color: #333; font-size: small; }*/
/*#slug-index { background: transparent url('../../images/DSC00225.JPG'); }*/

#home a, a#previous-image span, a#next-image span, #gallery-count span, #cboxPrevious, #cboxNext { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#home a { background: #333 url('images/logo-blanco-16.png') no-repeat center center; color: #fff; text-indent: -999em; width: 16px; height: 16px; padding: 5px; margin-top: 5px; }