html { background-color: #222; }

.publist .altmetric-embed {
    float: right;
    clear: right;
}
.altmetric-embed a {
    border-bottom: none;
    background-color: white;
    border-radius: 100%;
}

body {
	font-family: "Lucida Grande", 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	font-size: medium; 
	color: #CCC;
	background-color: #151515;
	padding: .5em 15px;
	width: 80%;
	max-width: 60em;
	margin: 1em auto;
	border: 3px solid #333;
	line-height: 1.4;
}

img.logo {
	float: left;
	clear: left;
	padding: 0px 30px 10px 0px;
}

img.logo2 {
	float: right;
	clear: right;
	padding: 0px 0px 10px 30px;
}

img.tinylogo {
	float: left;
	padding: 0 10px 5px 0;
}

.labmember {
	float: right;
	margin: 0 0 1em 1em;
	width: 150px;
	height: 200px;
	text-align: center;
	font-size: smaller;
}
a.labmember { border: none !important; }

h1, th {
	font-size: medium;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: .25em 0;
	border-top: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	clear: both;
}

h2 {
	font-size: medium;
	font-weight: bold;
	text-align: left;
	color: #FFF;
}

h3 {
	font-size: medium;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	color: #FFF;
}

strong {
	font-weight: bold;
	color: #C00;	
}

ul {
	list-style: none;
	padding: 0;
	margin: .5em;
}

tt {
	padding: .1em .5em;
	border: 1px dotted #AAA;
}

li {
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 10px 2px 25px;
}

ul.star li, ul.dl li, ul.pdf li, li.star, li.dl, li.pdf, li.podcast, ul.ppt li, li.ppt { 
	padding-left: 0px; 
	margin-left: 25px; 
}

.podcast { list-style-image: url(/images/icons/podcast.png); }
.star { list-style-image: url(/debruine/images/bullets/star.gif); }

.dl { list-style-image: url(/debruine/images/bullets/dl.gif); }

ul.pdf li, li.pdf { list-style-image: url(/images/pdf.gif); }

ul.publist li { margin-bottom: 1em; }

.pubnav {
	clear: both;
	font-size: smaller;
}

.pubnav li { 
	display: inline; 
	padding: 0;
	margin: 0;
}

.pubnav ul { margin: 0; padding: 0;}

.pubnav ul li { 
	font-size: smaller; 
	position: relative; 
	left: 18em;
	top: -1.5em;
	width: 8em;
	padding: 0 .5em;
	margin: 0; 
}


dt {
	text-align: center; 
	color: #C00;
	padding: 0 0 .5em 0;
}

dd { margin: 0; }

.divide {
	text-align: center;
	background: #222;
	font-weight: bold;
	color: #CCC;
	padding: .25em 0;
}

p { text-align: left; }

.submit { 
	display: block;
	margin: 1em auto;
}

.linkbox { 
	display: block; 
	float: right; 
	padding: .5em;
}

code, pre { 
	display: inline;
	font-family: "Courier New", Courier, monospace;
 }
 
 /* Browser specific (not valid) styles to make preformatted text wrap */		

code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.code {
	display: block;
	border: 1px dotted #C00;
	padding: .25em .5em;
	background-color: #FFE0CC;
	color: black;
	font: 100% "Courier New", Courier, monospace;
	width: 90%;
	overflow: auto;
	overflow-x: scroll;
}

ul.news li { padding: .5em; text-align: left; }

.curpage {
	color: #FFF; 
	font-weight: bold; 
	border: 2px dotted #C00;
	padding: 3px;}

.paper {
	clear: both;
}
.paper a:hover {
	color: #C00;
	background-color: #151515;
}

/* LINKS */

a {
	text-decoration: none; 
	border-bottom: 1px dotted #C00;
}

a:link,
#menu a:link { color: #FFF; }

a:visited { color: #CCC; }

#menu a:visited { color: #FFF; }

a:hover,
#menu a:hover { color: #C00; }

a:active,
#menu a:active { 
	color: #FFF;
	background-color: #C00;
}

.jnd_buttons a { border: 0; }

.jnd_buttons a:active { 
	color: #C00;
	background-color: transparent; 
}

a.podcast {
	background: transparent url(/images/icons/podcast.png) no-repeat 0 0;
	padding-left: 25px;
}
a.quicktime, a.wmv, a.mp3 {
	background: transparent url(/images/icons/quicktime.png) no-repeat 0 0;
	padding-left: 25px;
}
a.wmv {
	background: transparent url(/images/icons/wmv.png) no-repeat 0 0;
}
a.mp3 {
	background: transparent url(/images/icons/mp3.png) no-repeat 0 0;
}

a.pdf {
	background: transparent url(/images/pdf.gif) no-repeat 0 0;
	padding-left: 25px;
}

a.ppt {
	background: transparent url(/images/ppt.png) no-repeat 0 0;
	padding-left: 25px;
}

a img { border: 0; }

#menu {
	font-variant: small-caps;
	margin: .5em 0 25px 0;
	width: 100%;
}

.submenu { 
	text-align: center; 
	margin: 0 0 15px 0;
}

#menu li, .submenu li {
	display: block; 
	float: left;
	padding: 10px;
}

#menu a, .submenu a {
	font-weight: bold;
	padding: 3px;
	border: none;
}

hr { 
	clear: both;
	width: 100%;
	height: 3px;
	color: #333;
	background-color: #333;
	padding: 0;
	border: 0;
	margin: 1em 0;
}

hr.invisible { 
	height: 0; 
	color: transparent; 
	background-color: transparent; 
}

#webmenu {
	font-size: smaller;
	float: right;
	width: 15em;
	border-left: 1px dotted white;
	margin-left: 2em;
}
#webmenu h2, #webmenu li ul { margin: .25em; }

#address {
	font-size: x-small;
	clear: both;
	text-align: center;
	margin: 0px 20px 0 0;
}

#address li {
	display: inline;
	padding: 0;
}

.download {
	clear: left;
}
.download img {
	float: left;
	padding-right: 10px;
}
.download .bottomnote {
	float: left;
	clear: left;
	width: 60px;
}

.note { font-size: x-small; }

.rightnote { 
	text-align: right;
	font-size: x-small;
}

.bottomnote, .disclaimer {
	text-align: center;
	font-size: x-small;
}

.disclaimer { 
	color: #222; 
	clear: both;
	padding-top: 1em;
}

.bottombutton {
	text-align: center;
	clear: both;
	padding-top: 2em;
}
.bottombutton a:link, .bottombutton a:visited {
	font-variant: small-caps;
	padding: 3px 5px 3px 5px;
	border: 1px dotted white;
}

.author {
	font-weight: bold;
	color: #C33;
}

.author a:link, .author a:visited {
	font-weight: bold;
	color: #C33;
}

.abstract {
	margin: 1em;
}

.authlist {
	font-size: small;
	margin-left: 2em;
}

.journal { 
    font-style: italic; 
    color: rgba(220,220,255);
}
.volume { font-weight: bold; }
.title { color: #FC9; }

.bibtex li {
	padding: 0 0 0 2em !important;
	margin: 0 !important;
}


table {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.shade { background-color: #222; }

table.averages, .figright, .figleft { font-size: smaller; text-align: center; }

.figleft { float: left; margin: 1em 2em 1em 1em; }

.figright { float: right; margin: 1em 1em 1em 2em; }

.figure { width: 350px; margin: 1em auto;}

.caption { font-size: smaller; padding-top: .5em;}

caption { background: #CCC; color: #151515; padding: .25em; font-weight: bold; }

img.avg { border: 2px dotted white; }

.logout {
	padding: .25em .5em; 
	background-color: #222; 
	font-size: small; 
	border: 1px dashed white !important;
}

.photoalbum img { border: 2px solid #999; }

#thumbnails img { width: 50px; height: 50px; float: left; margin: 2px; }

#thumbnails a:hover { color: #F66 } #thumbnails a:link #thumbnails a:visited { color: #999 }

#mainimg img { width: 400px; } 

.photoalbum td { vertical-align: top; width: 50%; }
.photoalbum th {
	border: none;
}

input[type=button], input[type=submit], input[type=reset] {
	background-color: #C00;
	color: #FFF;
	border: 2px outset #FFF;
}

input[type=reset] {
	background-color: #611;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background-color: #F00; }

input[type=button]:active, input[type=submit]:active, input[type=reset]:active { border: 2px inset #FFF; }

/*-------------------------------------------------
ROUND-CORNER ( http://virtuelvis.com/gallery/css/rounded/ )
-------------------------------------------------*/

.listbox {
	display: block; 
	float: left; 
	margin: 1em;
}

.rounded li, .listbox li {
	padding-left: .5em;
}

.rounded.star li,
.rounded li.star,
.rounded li.pdf {
	padding-left: 0px !important;
	margin-left: 25px !important;
}

.rounded, .listbox { 
	padding: 20px !important; 
	background: #222 url(/images/corners2/top-left.gif) scroll no-repeat top left;
	color: #CCC;
}

.warning {
	padding: 10px !important; 
	background: #C00 url(/images/corners2/top-left_red.gif) scroll no-repeat top left;
}

.rounded:after, .listbox:after, .warning:after {
	text-align: right;
	display: block;
	line-height: 0.1;
	font-size: 1px;
	height: 0px;
	padding: 0;
}

.rounded:after, .listbox:after {
	content:  url(/images/corners2/bottom-right.gif);
	margin: 0 -20px;
}

.warning:after {
	content:  url(/images/corners2/bottom-right_red.gif);
	margin: 0 -10px;
}

.rounded + p { padding-top: 1em; }




ul#login_info {
	font-size: smaller;
	float: right;
	/*width: 30%;*/
	text-align: right;
	padding: 0;
	margin: 0;
}

#login_info li { 
	display: inline; 
	margin: 0;
	padding: 0 .25em 0 .5em;
	/*white-space: nowrap;*/
}

#login_info li + li { border-left: 1px dotted #CCC; }

#login_info a:link, #login_info a:visited { color: #C00; }

#login_info a:hover, #login_info a:active { color: #FFF; }

#login_info li#login { border: 0; }

#loginbox {
	display: none;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	font-size: smaller;
	text-align: right;
}