/*
Theme Name: Wu Wei
Theme URI: http://equivocality.com/wu-wei
Description: A clean, minimalist, grid-based theme featuring an alternate dark colour scheme, custom background, and custom header
Version: 2.3
Author: Jeff Ngan
Author URI: http://equivocality.com/
Tags: black, white, light, fixed-width, two-columns, custom-background, custom-header, sticky-post, translation-ready, rtl-language-support, custom-menu

This theme was designed and built by Jeff Ngan, http://equivocality.com/
Dedicated to Michael Babin

License: GNU General Public License (GPL) version 3
License URI: http://www.gnu.org/copyleft/gpl.html

*/

/*** Reset Styles ************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, acronym, abbr, blockquote, pre, a, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1.5;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}
a img {border:none;}


/*** General *****************************************************************/

body {background-color:#fff; color:#444444; margin:0; padding:0; text-align:center; font-family: 'Open Sans', Helvetica, Arial, sans-serif;}

p {clear:both; font-size:0.9em; line-height:1.5em; margin:0 0 1.5em;}
small {font-size:0.75em;}

a:link, a:visited {color:#cc0000; text-decoration:none;}
a:hover {color:#bb0000/*9BD7D5*/;}

.center-column img {margin:0 0 1.5em;}
.center-column img.aligncenter {margin:0 auto 1.5em auto;}
.center-column img.alignleft {margin-right:1.5em;}
.center-column img.alignright {margin-left:1.5em;}

.center-column .pull-1 {margin-left:-8.571em; width:41.428em}
.center-column .pull-2 {margin-left:-17.143em; width:50em;}
* html .center-column .pull-1, * html .center-column .pull-2 {position:relative;} /* Fix for IE6 */

.full-column {border-bottom:1px solid #d1d9dc;}
.center-column {width:58.334em; margin:0px auto; text-align:left; clear:both;}

.alignright {display:inline; float:right;}
.alignleft {display:block; float:left; margin-right:auto;}
.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.wp-caption {max-width:95%; border:1px solid #ddd; text-align: center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}
.clearboth {clear:both;}

ul {list-style-type:circle;}
ol {list-style-type:decimal;}

.navigation {padding:0.333em 0; font-size:1.5em; border-top:1px solid #d1d9dc;}
.previouspostslink {text-align:right;}
.image-attachment .navigation .alignleft a:before {content: '« '}
.image-attachment .navigation .alignright a:after {content: ' »'}

.pagetitle {padding:0.333em 0; font-size:1.5em; color:#cc0000/*#959ea1*/; position:relative; border-top:1px solid #d1d9dc;}
.pagetitle span {position:absolute; left:240px;}

#searchform {margin:0 0 1.5em; font-size:1.167em;}


/*** Header ******************************************************************/

.menu-main {display: block; float: left; font-size: 11px; font-weight: bold; width: 58.334em;}
.menu-main ul {list-style: none; margin: 0; padding: 0;}
.menu-main li {float: left; position: relative;}
.menu-main a {border-top: 3px solid #fff; color: #6a797d; display: block; line-height: 10px; margin-right:1.819em; padding: 20px 0 10px; text-decoration: none; width: 9.08em;}
.menu-main a:hover {border-color: #ff8a00;}
.menu-main .current_page_item a {border-color: #6a797d;}
.menu-main ul ul {display: none; float: left; position: absolute; top: 43px; left: 0; z-index: 99999;}
.menu-main ul ul li {min-width: 180px;}
.menu-main ul ul ul {left: 180px; top:0;}
.menu-main ul ul a {background: #6a797d; border-color: #6a797d; color: #fff; font-weight: normal; height: auto; margin: 0; padding: 8px 10px 12px 10px; width: 160px;}
.menu-main li:hover > a {border-color: #ff8a00;}
.menu-main ul ul li:hover > a {border-color: #6a797d;}
.menu-main ul ul a:hover {background: #5A676A; border-color: #5A676A !important;}
.menu-main ul li:hover > ul {display:block;}

.blog-name {font-size:4.5em; font-weight:bold; line-height:1em;}
.blog-name a:link, .blog-name a:visited {color:#d1d9dc; text-decoration:none;}
.blog-name a:hover {color:#ff8a00;}

.description {margin-top:0.5em; font-size:1.5em; color:#6a797d;}

#header {
	padding:4em 0;
	/*background-image:url('http://www.albertolluch.com/pictures/aboutme2.jpg');*/
	background-image:url('https://dl.dropboxusercontent.com/u/2271084/www/alberto-lluch.jpg');
	background-repeat:no-repeat;
	background-position: 475px 00px;
}


/*** Posts and Pages *********************************************************/

.center-column .hentry, .center-column .page {border-top:1px solid #d1d9dc; padding-top:1.5em;}
* html .post, * html .page {height:1%;} /* Fix for IE6 */

.center-column .sticky {border-top:3px solid #d1d9dc;}

h1 {color:#cc0000/*#959ea1*/; font-size:2.5em; font-weight:bold; line-height:1em; padding-bottom:0.6em;}
h1 a:link, h1 a:visited {#cc0000/*#959ea1*/; text-decoration:none;}
h1 a:hover {color:#cc6600/*#ff8a00/*;}

h2 {font-size:2.5em; margin-bottom:1em;  line-height:3em; padding-bottom:0.6em;}
h3 {font-size:1.5em; margin-bottom:1em;  line-height:3em; padding-bottom:0.6em;}
h4 {font-size:1.167em; margin-bottom:0.867em; text-transform:uppercase;}
h5 {font-size:1.167em; margin-bottom:0.867em; text-transform:uppercase; color:#999;}
h6 {font-size:1.167em; margin-bottom:0.867em; text-transform:uppercase; color:#ccc;}

.post-info {float:left; /*width:18.333em;*/ margin:0 1.667em 0 0; word-wrap:break-word; overflow:hidden;}

.timestamp {float:left; font-size:1.5em; color:#959ea1;}
.timestamp a:link, .timestamp a:visited {color:#959ea1;}
.timestamp a:hover {text-decoration:underline;}

.sticky .timestamp {display: none;}

.comment-bubble {float:left; font-size:1.5em; margin-left:0.5em; text-align:center;}
.comment-bubble a:link, .comment-bubble a:visited {color:#959ea1; text-decoration:none; display:block; width:27px; height:32px; background:url(images/comment-bubble.png) no-repeat 0 2px;}
.comment-bubble a:hover {color:#ff8a00;}
.sticky .comment-bubble {margin-left: 0;}

.post-content {float:left; clear:left; /*width:38.333em;*/ overflow:visible;}
.post-content img {/*max-width:32.875em;*/}
.post-content img.alignleft {margin:1.5em 1.5em 0 0;}
.post-content img.alignright {margin:1.5em 0 0 1.5em;}
.post-content img.alignnone {margin:1.5em 0 0;}
.post-content img.aligncenter {margin:1.5em auto;}

blockquote {background: url(images/blockquote.png) no-repeat top left; margin-left:7em; padding-left:3em; font-style:italic;}

.post-content ul, .post-content ol {margin:0 0 1.5em; padding:0; font-size:1.167em;}
.post-content ul li, .post-content ol li {margin-left:3em; padding-left:0em; line-height:1.5em;}
.post-content ul li ul, .post-content ol li ol, .post-content ul li ol, .post-content ol li ul {font-size:1em; margin-bottom:0;}

pre {white-space:pre-wrap; word-wrap:break-word; margin:0 0 1.5em;}

dl {margin:0 0 1.5em;}
dt {font-weight:bold; font-size:1.167em;}
dd {font-size:1.167em; margin-left:8.571em;}

acronym, abbr {border-bottom:1px dotted #333;}

hr {color:#d1d9dc; height:1px; background-color:#d1d9dc; border:0;}

.more-link {display:block; margin-top:1.5em;}

.post-meta-data {position:relative; margin:0 0 0 10em; height:100%; overflow: hidden; padding:0.333em 0; border-top:1px solid #d1d9dc;}
.post-meta-data span {display:block; float:right; clear:both; width:38.333em;}
.lteIE7 .post-meta-data span {margin-top:-1.5em;}

.gallery {margin:0 0 1.5em 0; padding:0;}
.gallery-icon {float:left; text-align:left; padding:0; margin:0; }
.gallery img, .gallery a img {text-align:left; border:solid 1px #D9D9D9; background:#ffffff; padding:4px; margin:0; height:120px; width:120px;}
.gallery a:hover img {border-color:#666666; background:#fff; text-align:left;}
.gallery-caption {margin:0 0 0em 0; font-size:0.833em; line-height:1.167em; color:#666; padding-right:20px;}

table {margin:1.5em 0; padding:0; border-collapse:collapse;}
table th {padding:0.5em; border:1px solid #d1d9dc; background-color:#f8f8f8;}
table tr {margin:0; padding:0;}
table tr td {padding:0.5em; border:1px solid #d1d9dc;}

img.wp-smiley {margin:0;}

pre {font-size:1.25em;}


/*** Form Elements ***********************************************************/

.post input[type=text], #respond input[type=text] {border: 1px solid #333;}
.post textarea, #respond textarea {border: 1px solid #333;}


/*** Comments ****************************************************************/

#comment-wrapper {padding-left:10em; border-top:1px solid #d1d9dc;}

h3#comments {color: #959ea1; font-size:1.5em; font-weight:normal; height:100%; padding:0.333em 0; position:relative;}
h3#comments span.comment-number {display:block; width:6.667em;}
h3#comments span.comment-message {position:absolute; top:0.333em; left:6.667em;}

ol.commentlist {margin:0; padding:0;}
ol.commentlist li {list-style:none; position:relative; border-top:1px solid #d1d9dc; padding:0.333em 0 0 10em;}
ol.commentlist li.bypostauthor {border-top:1px solid #6a797d;}
ol.commentlist li.comment-author-admin {border-top:1px solid #6a797d;}
ol.commentlist li.comment div.vcard {padding-top:1.0em; }
ol.commentlist li.comment div.vcard cite.fn {font-size:1.167em;}
ol.commentlist li.comment div.vcard img.avatar {position:absolute; left:0em; padding-top:0.333em;}
* html ol.commentlist li.comment div.vcard img.avatar {left:-10em;} /* Fix for IE6 */
ol.commentlist li.comment div.vcard span.says {visibility:hidden;}
ol.commentlist li.comment div.comment-meta {margin-bottom:1em;}
ol.commentlist li.comment div.reply {position:absolute; top:8px; right:3px;}
ol.commentlist li.pingback div.vcard {padding-top:1.0em;}
ol.commentlist li.pingback div.vcard cite.fn {font-size:1.167em;}
ol.commentlist li.pingback div.vcard span.says {visibility:hidden;}
ol.commentlist li.pingback div.reply {position:absolute; top:8px; right:3px;}

ol.commentlist li ul, ol.commentlist li ol {margin-bottom:1.5em;}
ol.commentlist li ul li {list-style-type:circle; border-top:0; margin-left:3em; padding-left:0em; line-height:1.5em;}
ol.commentlist li ol li {list-style-type:decimal; border-top:0; margin-left:3em; padding-left:0em; line-height:1.5em;}

ol.commentlist li ul li ul, ol.commentlist li ol li ol  {margin-bottom:0;}

ol.commentlist .children {margin-left:-3em;}
ol.commentlist .children li {list-style:none; position:relative; border-top:1px solid #d1d9dc; padding:0.333em 0 0 10em;}

#respond {position:relative; padding:0; border-top:1px solid #d1d9dc; margin-bottom:3em;}
#respond h3 {font-size:1.5em; color:#959ea1; padding:0.333em 0; font-weight:normal;}
#respond p {height: 100%; position: relative;}
#respond p input[type=text],
#respond p.comment-notes input,
#respond p.comment-form-author input,
#respond p.comment-form-url input {left: 19.8%; position: absolute;}
#respond p input#submit {left: 20%; position:relative;}
#respond .comment-form-comment {overflow: hidden;}
#respond .comment-form-comment label {position:absolute; top: 0; left: 0;}
#respond .comment-form-comment textarea {position: relative; left: 19.8%; font-size: 1em; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; width:79%;}
#respond .form-allowed-tags {display: none;}

.cancel-comment-reply {position:absolute; top:8px; right:3px;}

#commentform {border-top:1px solid #d1d9dc; padding-top:1em;}

.nocomments {border-top:1px solid #d1d9dc; padding:1em 0 0 8.571em;}

.form-field {position:relative; margin-bottom:1em; height:100%;}
.form-field span {position:absolute; left:8.571em;}
.form-field #author, .form-field #email, .form-field #url {background-color:#fcfcfc; border:1px solid #333;}
.form-field span textarea#comment {background-color:#fcfcfc; border:1px solid #333; width:32.857em; height:200px; font-size:1em; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

.comment-box {margin-bottom:200px;}


/*** Sidebar + Widgets *******************************************************/

.center-column-sidebar {width:58.334em; margin:0px auto; text-align:left; clear:both; overflow:hidden;}

#footer-widgets {width:60em; border-top:1px solid #d1d9dc; margin:0 0 1em 0; overflow: hidden; padding:1em 0 0 0;}
#footer-widgets .widget-area {float: left; font-size:1.167em; line-height:1.5em; margin-right:1.429em; width: 15.5em; list-style: none; overflow: hidden;}
#footer-widgets .widget li {list-style: none;}
#footer-widgets li .widgettitle {font-size:1.714em; color:#959ea1; padding:0.333em 0;}

table#flickr_badge_uber_wrapper {margin: 0;}
table#flickr_badge_uber_wrapper tr td {border: none; padding: 0;}
#flickr_badge_wrapper {border: none !important;}
table#flickr_badge_uber_wrapper img {max-width: 15.713em; margin: 0;}

.widget_rss img,
.widget_authors img {margin: 0;}


/*** Footer ******************************************************************/

#footer {margin:2em 0; padding:0.5em 0 0 0; border-top:3px solid #eee; font-size:0.916em; color:#d1d9dc; line-height:1em;}
#footer a:link, #footer a:visited {margin:0; padding:0; color:#959ea1; font-weight:bold;}
#footer a:hover {color:#ff8a00;}

.credits {float:left;}
.bottom-link {float:right;}

#twitter-feed {float:right; height: 8px; width: 250px; margin: 0 0 0 0; padding: 0 0 0 0;}
#twitter-feed img {margin: 0 0 0 0; padding: 0 0 0 0;}



/*** DBLP ******************************************************************/

/* dropdown */
.drop-down { display:inline-block; position:relative;
             color:#505b62; font-size:medium; font-weight:normal;
             padding:0px; margin:0px; }
.drop-down a {  color:#505b62; text-decoration:none; }
.drop-down a:hover { color:#505b62; text-decoration:underline;  }
.drop-down>.head { display:inline-block; position:relative; font-size:smaller; background:#ffffff;
                   border:2px #ffffff solid; width:20px; height:20px; }
.drop-down:hover>.head { border-color:#cccccc;  border-bottom-color:#ffffff; z-index:33;}
.drop-down>.head img { padding:2px; }
.drop-down>.body { display:none; position:absolute; top:22px; left:-20px;
          font-size:smaller; background:#ffffff; width:200px;
          border:2px #cccccc solid; padding:4px; margin:0px; }
.drop-down>.body p { padding:0px; margin:0px 0px 0.3ex 0px; }
.drop-down>.body.nowrap { white-space:nowrap; width:auto; }
.drop-down:hover>.body { display:block; z-index:22; }

* heading menu */
nav.head { display:inline; color:#505b62; margin-right:0.5em; }
nav.head>ul { display:inline; list-style:none; white-space:nowrap; padding:0px; }
nav.head .drop-down { vertical-align:bottom }
nav.head .drop-down a {  color:#505b62; text-decoration:none; }
nav.head .drop-down a:hover { color:#505b62; text-decoration:underline;  }
nav.head .drop-down>.head { background:#7d848a; border:2px #7d848a solid; }
nav.head .drop-down:hover>.head { background:#5b6870; border-color:#cccccc; }
nav.head .drop-down>.body { white-space:nowrap; width:auto; }
nav.head .drop-down>.body ul { padding:0px; margin:0px 0px 0.5ex 0px; }
nav.head .drop-down>.body ul>li { display:block; padding:0px; margin:0px 4px 0px 0px; }
nav.head .drop-down>.body>ul>li>a>img { vertical-align:-2px; padding-right:0.3em; }

/* view options selector */
.selector-box  { float:right; display:inline; white-space:nowrap; margin: 0ex 0em 2ex 1em;}
.selector-box a {  color:#505b62; text-decoration:none; }
.selector-box a:hover { color:#505b62; text-decoration:underline;  }
.selector-box>img { margin-right:0.5em; vertical-align:-4px; }

.selector>.head { width:auto; height:auto; min-height:18px;
                  border:2px #cccccc solid; padding: 1px 8px 1px 20px; margin:0px;
                  background:#ffffff url("../img/dropdown.dark.16x16.png") no-repeat left center; }
.selector>.body { top:22px; left:0px; white-space:nowrap; width:auto; min-width:100%; }
.selector>.body ul { padding:0px 0px 0px 15px; margin:0px }
.selector>.body ul.options { padding:0px; margin:0px }
.selector>.body ul.options>li { display:block; padding:0px 8px 2px 16px; margin:0px }
.selector>.body ul.checkboxes { padding:0px; margin:0px }
.selector>.body ul.checkboxes>li { display:block; padding:0px 4px 0px 0px; margin:0px }

/* faq tooltip */
.faq>.head { width:20px; height:16px; }
.faq>.head img { padding:2px 4px; }
.faq>.body { top:18px; left:-20px; }
.faq>.body>ul { padding:0px 0px 0px 15px; margin:0px }

/* info section */
.info-section { margin:2ex 0em 4ex; padding:0px; }
.info-section>div { margin:1ex 0em; padding:0px; }
.info-section>div>.hide-head { display:inline; }
.info-section>div>.hide-body { margin:0px; padding:0px; }

.info-section>div>.hide-body li { list-style-type:square; }
.info-section>div>.hide-body em { font-size:small; }

/* boxed */
.boxed { float:left; font-size:small; margin:2ex 0em 1ex 2em; border:1px }
.boxed>.box-head { font-weight:400; font-style:italic; background:#cccccc; padding:0.25ex 0.5em; }
.boxed>.box-body { background:#ebebeb; padding:0.25ex 0.5em; }

/* wordcloud */
.wordcloud { position:relative; float:left; width:40%;
             background:#ebebeb; font-size:medium;
             margin:2ex 0em 1ex 2em; padding:0.5ex 0.5em 1ex 1em; }
.wordcloud>span { margin-right:10px; }
.wordcloud>.faq { float:right; margin:0ex 0em 0.5ex 0.5em;}

/* histogram */

.histogram { position:relative; height:60px; margin:0ex 0em; padding:0.5ex 0em; }
.histogram>.faq { float:right; margin:0ex 0em 1ex 1em;}

.histogram>dl { margin:0px; padding:0px; }
.histogram>dl>dt { display:none; margin:0px; padding:0px; }
.histogram>dl>dd { position:relative; float:left; display:inline;
                  width:40px; height:40px; margin:4px 0px 0px; padding:0px; }
.histogram>dl>dd>span.bar { position:absolute; display:block; width:33px; bottom:0; left:0;
                            z-index:1; height:50%; background:url("../img/bluebar.png") repeat-y; }
.histogram>dl>dd>span.bar>span { display:block; font-size:10px; font-style:normal; float:left;
                                 position:absolute; bottom:-2.5ex; left:0px;
                                 text-align:center; width:33px; }

.histogram>dl>dd>span.p0{height:0%;}
.histogram>dl>dd>span.p5{height:5%;}
.histogram>dl>dd>span.p10{height:10%;}
.histogram>dl>dd>span.p15{height:15%;}
.histogram>dl>dd>span.p20{height:20%;}
.histogram>dl>dd>span.p25{height:25%;}
.histogram>dl>dd>span.p30{height:30%;}
.histogram>dl>dd>span.p35{height:35%;}
.histogram>dl>dd>span.p40{height:40%;}
.histogram>dl>dd>span.p45{height:45%;}
.histogram>dl>dd>span.p50{height:50%;}
.histogram>dl>dd>span.p55{height:55%;}
.histogram>dl>dd>span.p60{height:60%;}
.histogram>dl>dd>span.p65{height:65%;}
.histogram>dl>dd>span.p70{height:70%;}
.histogram>dl>dd>span.p75{height:75%;}
.histogram>dl>dd>span.p80{height:80%;}
.histogram>dl>dd>span.p85{height:85%;}
.histogram>dl>dd>span.p90{height:90%;}
.histogram>dl>dd>span.p95{height:95%;}
.histogram>dl>dd>span.p100{height:100%;}

/* side menu */

.side { position:fixed; top:33%; right:0px; margin:0px; padding:0px; }
.side .icon { border:0px; width:16px; height:16px; padding:2px; }
.side .generic-icon { display:block; width:20px; text-align:center;
                      color:#5b6870; font-weight:800; }
.side .generic-thin-icon { display:block; width:20px; text-align:center;
                           color:#5b6870; font-weight:400; }

.side a { text-decoration:none; color:#ebebeb; }
.side a:hover { text-decoration:none; }

.side>ul { list-style:none; white-space:nowrap; background:#cccccc;
           margin:0px; padding:8px 2px 8px 4px; }
.side>ul>li:hover { background:#ebebeb; }

.side>ul>li { border-right:8px solid #cccccc; list-style-type:none; }
.side>ul>li.underline { border-bottom:1px solid #7d848a; }
.side>ul>li.book { border-right-color:#f8c91f; }
.side>ul>li.incollection { border-right-color:#ef942d; }
.side>ul>li.article { border-right-color:#ab4173; }
.side>ul>li.inproceedings { border-right-color:#3262a4; }
.side>ul>li.editor { border-right-color:#56c1b7; }
.side>ul>li.reference { border-right-color:#b6d235; }
.side>ul>li.informal { border-right-color:#626a70; }
.side>ul>li.decade { font-size:small; }

/* toc list */

.toc-list { margin:1ex 0em 4ex; padding:0ex 0em 0ex 2.5em; }
.toc-list li { list-style-type:square; }

/* publ lists */

.publ-section { margin:2ex 0em 4ex; padding:0px; }
.publ-list { margin:1ex 0em 4ex; padding:0px; }
.publ-list>li { display:table; margin:0ex 0em 1ex; padding:0px;}
.publ-list>li.year { font-size:small; font-weight:800; }
.publ-list>li.heading { font-size:small; }
.publ-list>li>div { display:table-cell; padding:0px 2px; }

.publ-list>li.entry>div.box>img { width:12px; height:12px; }
.publ-list>li.book>div.box>img { background:#f8c91f; }
.publ-list>li.incollection>div.box>img { background:#ef942d; }
.publ-list>li.article>div.box>img { background:#ab4173; }
.publ-list>li.inproceedings>div.box>img { background:#3262a4; }
.publ-list>li.editor>div.box>img { background:#56c1b7; }
.publ-list>li.reference>div.box>img { background:#b6d235; }
.publ-list>li.informal>div.box>img { background:#626a70; }

.publ-list>li.entry>div.nr { min-width:2.5em; text-align:center; white-space:nowrap;
                             padding-left:4px; }
.publ-list>li.entry>nav { display:table-cell; }
.publ-list .person { }
.publ-list .title { color:#666666; font-weight:700; }

/* publ menu */
nav.publ { display:inline; padding:0ex 0.5em; }
nav.publ>ul { display:inline; list-style:none; white-space:nowrap; padding:0px; }
nav.publ .drop-down { vertical-align:-3px; }
nav.publ .drop-down>.body { white-space:nowrap; width:auto; }
nav.publ .drop-down>.body ul { padding:0px; margin:0px 0px 0.5ex 0px; }
nav.publ .drop-down>.body ul>li { display:block; padding:0px; margin:0px 4px 0px 0px; }
nav.publ .drop-down>.body>ul>li>a>img { vertical-align:-2px; padding-right:0.3em; }
nav.publ .drop-down>.body ul.bullets>li { display:list-item; padding:0px;
                                          margin:0px 4px 0px 15px; }

/* coauthor index */
.index { display:table; border-collapse: collapse; border-spacing:0.5em 0.2ex;
         margin:2ex 0em 4ex; padding:0px; }
.index>div { display:table-row; }
.index>div>div { display:table-cell; margin:0px; padding:1px 4px; }
.index>div>div:first-child { text-align:right; color:#666666; min-width:2em; }
.index>div>div.col-boxes { white-space:nowrap; }
.index>div>div.col-boxes>div { display:inline-block;  background:#ffffff; width:8px; height:12px;
                               border:1px #cccccc solid; vertical-align:-2px;
                               padding:0px; margin:0px 1px; }
.index>div>div.col-boxes>a { display:inline-block; position:relative; overflow:hidden;
                             background:#ebebeb; width:8px; height:12px;
                             border:1px #cccccc solid; vertical-align:-2px;
                             padding:0px; margin:0px 1px; }
.index>div>div.col-boxes>a>img { position:absolute; width:12px; height:16px; }
.index>div>div.person { white-space:nowrap; }

/* color i=0..11: hsl( 50+i*150 mod 360, 100%, 75% ) */
/* color i=12..23: hsl( 65+i*150 mod 360, 100%, 75% ) */

.index .col-0 { background:hsl( 50,100%,75%); }
.index .col-1 { background:hsl(200,100%,75%); }
.index .col-2 { background:hsl(350,100%,75%); }
.index .col-3 { background:hsl(140,100%,75%); }
.index .col-4 { background:hsl(290,100%,75%); }
.index .col-5 { background:hsl( 80,100%,75%); }
.index .col-6 { background:hsl(230,100%,75%); }
.index .col-7 { background:hsl( 20,100%,75%); }
.index .col-8 { background:hsl(170,100%,75%); }
.index .col-9 { background:hsl(320,100%,75%); }
.index .col-10 { background:hsl(110,100%,75%); }
.index .col-11 { background:hsl(260,100%,75%); }

.index .col-12 { background:hsl( 65,100%,75%); }
.index .col-13 { background:hsl(215,100%,75%); }
.index .col-14 { background:hsl(  5,100%,75%); }
.index .col-15 { background:hsl(155,100%,75%); }
.index .col-16 { background:hsl(305,100%,75%); }
.index .col-17 { background:hsl( 95,100%,75%); }
.index .col-18 { background:hsl(245,100%,75%); }
.index .col-19 { background:hsl( 35,100%,75%); }
.index .col-20 { background:hsl(185,100%,75%); }
.index .col-21 { background:hsl(335,100%,75%); }
.index .col-22 { background:hsl(125,100%,75%); }
.index .col-23 { background:hsl(275,100%,75%); }

.index .col-24 { background:#7d848a; }