/*** main CSS sheet (rob.css). Rob van Gerwen, 2004 ***/

/*** CSS3 VQS | Chapter 13 | cssreset-simple.css ***/
/* *{margin:0;padding:0;border:0;outline:0;line-height:1.4em;vertical-align:baseline;text-decoration:none;} */

/*** GENERAL STYLE SPECIFICATIONS ***/
input.text { border: 1px solid black;}
body{	font-family: 'Roboto', sans-serif; /** font-family: Verdana, "Lucida Sans", "Lucida Grande", Lucida, "Trebuchet MS", "Bitstream Vera Sans", Tahoma, Helvetica, Arial, sans-serif; /* inheritance in nn 4.x?? */
    font-size: 12px; /* inheritance in nn 4.x?? */
    color: #444; 
    background: rgb(226,226,226); /* Old browsers */	}
img { border: 0; }
p  { text-indent: 0; 
	margin-top: -0.1cm; 
	text-align: left;
	line-height: 1.3em;	}
p.date  {display: block;
/**    width: 8em; **/
    line-height: 0.2em;
    font-size: 1em; 
	text-decoration: none; 
    padding: 0.6em 1em;	
	position: fixed;	
	bottom: -1px;
	right: 28px;
	/** font-family:  "hoefler text", "palatino linotype", Palatino, "new century schoolbook", Times, serif; **/
	font-weight: 200;
	color: rgba(41,35,14,1); }
p.date:hover  {	
	color: rgba(0,0,0,0.8); 
	background-color: rgba(255,255,255,0.1); }

/* headings */
h1, h2, h3, h4, h5, h6  { 
	/** font-family:  "hoefler text", "palatino linotype", Palatino, "new century schoolbook", Times, serif; **/
	color: #000; 
	font-weight: bold; }
h2, h3, h5, h6 { 
	font-variant: small-caps; }
h1 { font-weight: normal;
/**	font-family: Helvetica, Arial, Verdana, "Lucida Sans", "Lucida Grande", Lucida, "Trebuchet MS", "Bitstream Vera Sans", Tahoma, sans-serif; /* inheritance in nn 4.x?? */ **/
	font-variant: small-caps, italic; 
	font-size: 2.8em;
	margin-left: 0px;
	margin-right: -36px;
	line-height: 1.2em; }
p.coll { width:100%;
	padding:12px 4px 2px 12px;
	margin:12px 26px 12px -12px;
	/** font-family:  "hoefler text", "palatino linotype", "Palatino", "new century schoolbook", "Times", serif; **/
	font-size:14px;
	line-height:1.1em;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.3);
	border-top:2px solid rgb(2,52,100); 
	border-top:2px solid rgba(2,52,100,0.2); 
	color: rgb(2,52,100);
	color: rgba(2,52,100,0.8);
	clear: both; }
p.coll img { margin-top: -14px;
	margin-left: -38px;
	float: left;}
h2 { font-weight: 600;
	 margin-top: 1.5em; }
h4 { margin-right: 0.1em; 
	line-height: 1.1em; 
	padding-bottom: 0.2em;
	margin-bottom: 0.8em;}
h5  { font-size: 200%;}
hr	{ margin: 6px 0 12px 0; }
a:link { color: #444;
	text-decoration: underline; 
	background-color: inherit; }
a:visited {	background-color: inherit;
	color: #036;
	text-decoration: underline; }
a:focus, a:hover, a.pdf:hover { background-color: yellow;
	color: #000;
	text-decoration: none; }
a:active { color: #eee;
	text-decoration: none; }
/*** keep the whitespace in front of the ^=, hides rule from konqueror this is css3, the validator doesn"t like it when validating as css2 ***/
#content a[href ^="http://"].not { background: none;     padding-right: 0;}
#content a[href ^="http://"].not img {	text-decoration: none;}
#content a[href ^="http://"] {
	background: url(http://www.phil.uu.nl/~rob/icons/externallink.png) center right no-repeat;
	background-size: 12px 12px;
    padding-left: 0px;
    padding-right: 18px;
    text-decoration: underline; }
div.not-content {	width: 651px;
	padding: 0 4px;
	margin-left: 28px;}
div.wrapper { overflow:auto; 
	width:760px; 
	height:250px; 
	margin-left: 0px; }
div.wrapper ol.achteruit-tellen  {  	width:680px;  }  

#style-2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5; }
#style-2::-webkit-scrollbar {	width: 12px;
	background-color: #F5F5F5; }
#style-2::-webkit-scrollbar-thumb {	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929; }
div.twitStream {
/**	border-width: 1px;
	border-style: solid;	
	border-color: rgba(221,221,221,.8);
	width: 651px; **/
	padding: 0 4px;
	margin-left: 28px;}
div.twitStream a img {     -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	border: 0; 
    height: 48px;
    color: #fff; 	
	background-color: #fff; /* hide borders in nn 4.x */ }
.twitStream a { text-decoration: none;}
.twitStream a:hover { text-decoration: none;
	background-color: #fff; }
.twitStream{	font-family: verdana;
	font-size: 11px; }
.twitStream a{	font-family: verdana;
	font-size: 11px; }
.tweet{	display: block;
	padding: .4em;
	margin: .4em 0; }
.tweet-left{	float: left;
	margin-right: 1em; }
.tweet-left img{ border: 0px solid #000000; }
.tweet p.text{	margin: 0;
	padding: 0; }

div.feedwind { max-width: 572px; 
	margin-left: 20px; }
.details div.feedwind { margin-left: 0px; }
/* 1. De volgende specs plaatsen plaatjes voor de links naar files vd genoemde soort; ze werken. 2. Enige probleem: hoe scale ik de plaatjes zo dat ze er mooi uit zien? pdf.png is ietsje te groot (is nog mee te leven, maar is niet perfect), maar jpg.png is veel te groot ... 3. Als ik ze kan scalen, kan ik dit aanzetten en moeten de applescripts van ls2tochtml aangepast (geen img-files meer inserten) 4. Als het werkt, dan ook toevoegen aan ucu.css 5. lijkt CSS3 code; ontsnapping voor IE? */
#content a[href$=".pdf"] {
	background: url(http://www.phil.uu.nl/~rob/icons/pdf_oud.gif) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".jpg"] {
	background: url(http://www.phil.uu.nl/~rob/icons/jpg.png) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".jpeg"] {
	background: url(http://www.phil.uu.nl/~rob/icons/jpg.gif) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".doc"] {
	background: url(http://www.phil.uu.nl/~rob/icons/word.png) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".docx"] {
	background: url(http://www.phil.uu.nl/~rob/icons/word.png) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".xls"] {
	background: url(http://www.phil.uu.nl/~rob/icons/excel.png) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".xlsx"] {
	background: url(http://www.phil.uu.nl/~rob/icons/excel.png) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".mp3"] {
	background: url(http://www.phil.uu.nl/~rob/icons/mp3.png) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".ppt"] {
	background: url(http://www.phil.uu.nl/~rob/icons/pp.png) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".txt"] {
	background: url(http://www.phil.uu.nl/~rob/icons/txt.png) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
#content a[href$=".zip"] {
	background: url(http://www.phil.uu.nl/~rob/icons/zip.gif) center right no-repeat;
	background-size: 12px 12px;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
/*.blog-entry-category {
	padding-left: 19px;
	background: no-repeat left center url(images/category.png);
	margin-left: 8px;}*/

/** LISTS LISTS LISTS LISTS**/
ol {margin-left: 0; 
	padding-left: 0;
	list-style-position: inside; 
	text-indent: 0;
	position: relative;
	top:0px;
	margin-left: 2em;
	margin-top: -10px; }
ul {margin-left: 0; 
	margin-top: -10px; 
	padding-left: 0;  
	list-style: none;
	list-style-position: inside; 
	position: relative;
	top:0px;
	left:-2px;}
ul li {	margin-left: 0px; }
/*** ol.achteruit-tellen komt van http://www.sitepoint.com/making-css-count-backwards/ ***/
ol.achteruit-tellen  {  margin-left: -1px; list-style-type:none; }  
ol.achteruit-tellen > li  {  counter-increment:start-from -1;  }  
ol.achteruit-tellen > li:before  {   content:counter(start-from) ". ";  }  
* html ol.achteruit-tellen { list-style-type:decimal; }  
*+html ol.achteruit-tellen { list-style-type:decimal; }  
ul.plain { list-style-image: url("../icons/ball-o.gif"); 
	list-style: inside; }
/*** ol.achteruit-tellen code voor in de html-file:
<ol class="achteruit-tellen" style="counter-reset:start-from 11">  
    <li>In tenth place..</li>  
    ...
    <li>In first place..</li>  
</ol>  ***/
ul.zebra, ol.zebra, ol.achteruit-tellen { list-style-position: outside; 
	max-width: 572px;
	padding-left: -10px; }
.zebra li:first-child, .achteruit-tellen li:first-child { border-top: solid 1px #ddd; }
.zebra li, .achteruit-tellen li { border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;	
	padding: 3px;
	position: relative;} /*** hierdoor kan ik de title absoluut positioneren, tov. de li; maar het positioneert de ul wel relatief tov zijn parent ***/
.zebra li:nth-child(odd), .achteruit-tellen li:nth-child(odd) { background-color: #eff4fd; }
.zebra li:nth-child(even), .achteruit-tellen li:nth-child(even) { background-color: #fff; }
.zebra li.head, ol.achteruit-tellen li.head { 	list-style-type:none; 
	color: #fff; 
	background-color: #9D0033;
	background-color: rgb(157,0,51);
    background-color: rgba(157,0,51,1);
/**	background-color: rgb(207,152,51);
    background-color: rgba(207,152,51,0.7); **/
	padding: 4px 3px 4px 3px;
	margin-top: 20px;
	font-size: 1.2em; 
	font-weight: normal; }
ol span.title, ul span.title {
	padding: 0 8px 0 4px;
	white-space:nowrap; 
	margin: 0 0 0 -3.2em;
	position: absolute;
	bottom: -12px;
	right:-3.8em;
	line-height: 1em;
	width: 28px;
	font-weight: bold; 
	font-weight: 600;
    background-color: #fff;
	color: #444; }
ol span.title:before, ul span.title:before, div.grouping .subtitle:before { content: "("}
ol span.title:after, ul span.title:after, div.grouping .subtitle:after { content: ")"}
ol.alpha { margin-left: 0px;
	list-style: inside; }
ol.alpha li { list-style-type: lower-alpha;  }
ol.argument { list-style-position: outside; 
	padding-left: 4px; } 
ol.argument li { padding-top: 8px;	}
ol.argument li ol { margin-left: 0px;
	list-style: inside; }
ol.argument li ol li { padding-top: 0;	
list-style-type: lower-alpha; }
ol.argument li:first-child { padding-top: 8px; }
ul.plain {	margin-left: -38px;
	margin-top: -10px; }
ul.lezen { list-style-image: url("../icons/ball-y.gif") ;  }
ul.kijken { list-style-image: url("../icons/ball-b.gif") ;  }
ul.nested { list-style-image: url("../icons/liggrijs.gif") ; } /** liggeel **/
ul.nested li:first-child {	margin-left: 0px; }
ul.nested li {	margin-left: 0px; }
ul.inleveren { list-style-image: url("../icons/ball-r.gif") ;  }
ul.puzzle {  list-style: inside; 
	margin-top: 0px; }
ul.puzzle li { 
	list-style: url("../icons/ball-o.gif") disc;  }

/* Sitemap voor onderaan de pagina - http://matthewjamestaylor.com/blog/equal-height-columns-5-column.htm
Start of Column CSS */
#container5 {	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#eff4fd; /* column 5 background colour */}
#container4 {	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	background:#fff; /* column 4 background colour */}
#container3 {	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	background:#eff4fd; /* column 3 background colour */}
#container2 {	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	background:#fff; /* column 2 background colour */}
#container1 {	float:left;
	width:100%;
	position:relative;
	right:20%;
	background:#eff4fd; /* column 1 background colour */}
#col1 {	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;}
#col2 {	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;}
#col3 {	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;}
#col4 {	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;}
#col5 {	float:left;
	width:20%;
	position:relative;
	left:98%;
	overflow:hidden;}

table { padding: 1px;
	background-color: inherit;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	width: 100%;}
table th { color: #777; 
	background-color: rgb(238,238,238);
    background-color: rgba(238,238,238,1);
	padding: 0.35em;
	vertical-align: bottom;
	font-size: 1.2em;
	font-style: italic;
	font-variant: small-caps; }
table td { color: #000;  
	vertical-align: bottom;
	padding: 0.1em 0.15em 0.2em 0.3em; }
table a:link { color: #777;
	text-decoration: none;}
table a:visited { color: #777; }
table a:hover { color: #000; 
	text-decoration: none;}
table a:focus { color: #000; 
	text-decoration: none;}
table th.issue { color: yellow; 
	background-color: #000;
	padding: 0.2em 0.3em;
	border-bottom: 12px solid #515057;
	font-size: 1em;
	font-weight: 300;
	font-style: normal;
	font-variant: normal; }
th.sub { padding: 0.15em;
	border-bottom: 2px solid #515057;
	background-color: rgb(238,238,238);
	background-color: rgba(238,238,238,0.7);
	text-align: left;
	font-style: normal;
	font-size: 1.0em;}
table strong { color: red;
	background-color: yellow; }
th.right	{ text-align: right;  }
td.head  { color: inherit; 
	background-color: inherit;
	padding-right: 0.2em; 
	text-align: right; 
	vertical-align: top; 
	min-width: 8em;  }
.clearfix {clear: both; }

/* INLINE MODIFIERS */
strong { background: inherit; 
	font-weight: 600; 
	color:  rgb(2,52,100);
	color:  rgba(2,52,100,1); /* rgb(159,6,8)*/  }
var { font-weight: 900; 
	font-style: smallcaps;
	background-color: inherit;
    color: #C00; /** voor MSIE **/
    color:  rgb(204,0,0);
	color:  rgba(204,0,0,0.8); }
acronym, abbr { font-family: inherit;
	font-style: normal; 
	border-bottom: 1px dotted #777;
	cursor: help; }
acronym, abbr hover { color: #000; }	
.dfn  { font-style: normal; 
	font-weight: 700;
	margin-bottom: 0.6cm; }
.small  { 	font-size: 0.7em; }
.big  { /** font-family: "Lucida Sans", "Lucida Grande", Lucida, "Trebuchet MS", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, Arial, sans-serif; **/
	font-style: normal; 
	font-weight: bolder; 
	font-size: 3em; 
	line-height: 3em; 
	vertical-align: sub; }
.theatre {color: #000;
	padding: 0.1em 0.2em;
	background-color: #9c0; }
.dance {color: #000;
	padding: 0.1em 0.2em;
	background-color: #fcf305; }
.music {color: #000;
	padding: 0.1em 0.2em;
	background-color: #3cc; }
.phil {color: #000;
	padding: 0.1em 0.2em;
	background-color: #f60; }
.comment { display: block;
    padding: 0 4px;
    background-color: rgba(255,0,0,0.2);
    color: rgba(0,0,0,0.7);}
.sample { display: block;
    padding: 0 4px;
    background-color: rgba(0,128,0,0.2);
    color: rgba(0,0,0,0.7);}
    
/*** PAGE STRUCTURE SPECIFICATIONS ***/
#container { margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-bottom: 0px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgb(0,0,0);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgb(0,0,0); 
	border-bottom: 1px solid rgba(0,0,0,0.25); 
 	background-color: #fff;
	max-width: 66em; 
	_width: 66em; }
div#head {	margin-left: 34px;}
div#content {	
	width: 60em; 
	clear: left;	}
div#search  { 	background-color: #fff;
	font-size: 1em; 
	margin-left: 0px;
	padding: 6px 2px 0px 0px;}
div#name {display: none; }
div.Logo { 	 	background-color: #fff;
	margin: 0;
	padding: 0; }
div.Logo a:hover, div.Footer a:hover { background-color: white; }
div.name, div#name { display: none; }
span.grieks  { display: none; }
p.bread { height: 0; 
overflow: hidden;
color: white;
background-color: white;}
.printOnly, span.printen { display: none; }
p#ms  { display: none; }
/* border: outset 1px #000;
background-color: #0069B3; /* #0068b1; */
/*padding : 4px 4px;
display : block;
width : 77px;
margin : 1px;
line-height : 1.2em; */

/* controls navigation */
div.Main { background-color: #fff;
	margin-bottom: 52px; 
	padding: 10px 30px 20px 20px; }
/* categories controls the set of buttons, on top, in the present sub-site */
div.categories {  	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: -60px;
	position: relative;
	line-height: 2.3em;
	padding: 0px 0.5em 0.5em 30px; 
	clear: left; }
div.categories a span, div.categories a:link, div.categories a:visited, div.categories a:hover, div.categories a:active { 	
	text-decoration: none; }
span.begrippen div.categories { margin-left: -4px; 
	margin-top: 4px;}
/* specifications of navigation buttons */
a.cbutton{
    background: #222 url(/icons/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 4px 9px 3px 7px;
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.4em;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
/**    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgb(0,0,0);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5); **/
    text-shadow: 0 -1px 1px rgb(0,0,0);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer; }
/* cbutton-Colors ---------- */
a.cbutton:link, a.cbutton:visited {
    color: rgb(255,255,255);
    color: rgba(255,255,255,1); 
    background-color: rgb(2,52,100);
    background-color: rgba(2,52,100,1); }
a.cbutton:active, a.cbutton:hover {
    color: rgb(64,55,22);
    color: rgba(64,55,22,1); 
    background-color: rgb(228,183,25);
    background-color: rgba(228,183,25,1); }

/*** CHILDREN OF #CONTENT ***/
p.menu { margin:	4px 0 18px 0;
	padding:  2px 4px 2px 14px;
	text-align: center;
	background-color: #ddd; 
	color: #036;
	border: 1px solid silver; }
div.datum  { padding:  12px 4px 0px 1px;
	color: #023464;
	background-color: #fff;
	border-top:2px solid rgb(2,52,100); 
	border-top:2px solid rgba(2,52,100,0.2); 
	/** font-family:  "hoefler text", "palatino linotype", "Palatino", "new century schoolbook", Times, serif; **/
	font-size: 2.2em; 
	line-height: 1em; 
	margin-top: 0;
	margin-bottom: 4px; }	
div.datum + p.coll { border-top: 0; }
summary + ul, summary + ol { margin-top: 0; }
h1.part { padding-top: 8px;
	padding-bottom: 0;
	line-height: 1.5em; 
	text-align: center; 
	color: #c90; 
	margin-top: 10px; 
	margin-bottom: -10px; }
/* verkleint spatie tussen de headings als ze samen voorkomen */
.categories + .categories, h1 + h2, h2 + h1 { margin-top: -0.5em; }
h2 + p.coll { margin-top: -0.5em; 
	text-align: center; }
div.asst { line-height: 1.2em;
	margin: 10px 10px 10px 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:  14px 4px 0 6px;	}

/* Module > figure */
figure {
  position: relative;
  z-index: 98;
  display: block;
  width: 30.1em; 
  margin: 12px 0 12px 0; }
figure > img {  width: 30em; 
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 10px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color="#6565", Direction=135, Strength=5);
	} 
figure.small {float: right; 
	margin-left: 20px;
	}
figure.right {float: right; 
	margin-left: 20px;
	}
figure.left {float: left; 
	margin-right: 20px;
	}
figure.full {  width: 59em; 
	margin:10px 0; 
	}
figure.full > img {  width: 59em; 
	}
figure.half {float: right; 
	margin-left: 14px;	
	width: 150px; 
	}
figcaption {
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	font-size: .9em;
	color: #fff;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out; 
	}
figure.small > figcaption {  	width: 100%;
	font-size: 1.4em;
	}
/* Display the captions on hover */
figure:hover figcaption {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000); }
/* Add padding and margin to the caption contents */
figcaption * {
  padding: 0 10px;
  margin: 0; }
figcaption *:first-child {
  padding-top: 5px; }
figcaption *:last-child {
  padding-bottom: 5px; }
/* Give captions and headings their own font */
figcaption h1,figcaption h2, figcaption h3, figcaption h4 {
  	/** font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; **/
	color: #fff; }

/* controls table rows */
table#search { margin-left: -4px;
	width: 40%;
	border: 0;}
table#search td { border-bottom: 0; }
/*** TABLE ROWS IN FORMS ***/
table.form { margin-top: 24px;
	margin-left: 0;
	border: 1px solid #000;
	color: #fff;
	background-color: #C03; 
	padding: 2px;
	border-spacing: 4px;}
table.form tr {	padding: 2px; }
table.form th { color: yellow;
	padding: 4px;
	font-style: normal;
	border: 1px solid #fff;
	background-color: #000; }
table.form td	{ padding: 3px 3px 3px 6px; 
	border: 0; 
	vertical-align: bottom;}
table.form strong {		background-color: inherit; 
	color: #000;
	font-weight: 700;}

/*** Tooltip http://www.menucool.com/tooltip/css-tooltip 
werkt niet bij mij ***/
/*** a.tip {outline:none; }
a.tip strong {line-height:30px;}
a.tip:hover {text-decoration:none;} 
a.tip span {    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:240px; line-height:16px; }
a.tip:hover span {    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    /*CSS3 extras*/
/*** a.tip span {    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;} ***/

/*** dit is mijn versie ***/
a.tip { position: relative;
		text-decoration: dotted; }
a.tip:hover:after {	content: attr(data-tip);
		color: #fff;
		text-decoration:none;
		font-size: 0.75em; /* 12px */
		line-height: 1.3334em; /* 16px */
		text-align: left;
		background-color: #666;
		border-radius: 0.3334em; /* 4px */
		padding: 0.6667em; /* 8px */
		width: 16.5em; /* 200px */
		opacity: 0.9;
		display: block;
		position: absolute;
		left: 0;
		bottom: 2em; /* 24px */
		z-index: 98;	}
a.tip:hover:before {		content: "";
		border: solid;
		border-color: #666 transparent;
		border-width: 0.5em 0.5em 0 0.5em; /* 6px 6px 0 6px */
		text-decoration:none;
		opacity: 0.9;
		display: block;
		left: 1em; /* 12px */
		bottom: 1em; /* 12px */
		position: absolute;
		z-index: 99;	}
/*** tooltip in tekst: ----------------
<p><a href="#" class="tip" data-tip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Donec a diam lectus sed sit amet ipsum mauris.">Hover to reveal a tooltip</a></p>
---------------------------------- ***/

/*** FORMATTED TABLES ***/
table.formatted { padding: 0 2px;
	/** font-family: Verdana, "Lucida Sans", "Lucida Grande", Lucida, "Trebuchet MS", "Bitstream Vera Sans", Tahoma, Helvetica, Arial, sans-serif; /* inheritance in nn 4.x?? */
	margin-left: 0.1em;
	border: 1px solid #ddd; }
/*** table.formatted span.bibitem { text-indent: 0; margin-top:0.6em; display: block; margin-bottom:-0.9em; background-color: inherit; color: inherit; padding: 0.5em; border: 1px solid #ddd; } ***/
table.formatted td, table.formatted td.head { 	background-color: #eee;
	background-color: rgb(238,238,238); /*** lichtgrijs = #eee voor IE ***/
	background-color: rgba(238,238,238,0.4);
    color: #000;  
    padding: 0.1em 0.15em 0.2em 0.3em; }
table.formatted a:link, table.formatted  a:visited { color: #000; 
    text-decoration: underline; }
table.formatted a:hover { background-color: yellow; 
    text-decoration: none; 
    color: #000; }
table.formatted a:focus { background-color: yellow; 
    text-decoration: none; 
    color: #000; }
table.formatted td.all, table.formatted td.theatre, table.formatted td.music, table.formatted td.dance, table.formatted td.phil {color: #000; }
table.formatted th { 
/***	color: yellow; 
	background-color: red; **/
	background-color: rgb(30,50,93); 
	background-color: rgba(30,50,93,0.4); 
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.9);
	padding: 0.35em 0.35em 0.35em 4.75em;
	border-bottom: 1px solid #000;
	font-size: 1.2em;
	font-style: normal;
	font-variant: small-caps; }
table.formatted th.issue, table.formatted th.h2 { color: #fdba30; 
	background-color: #e10010;
	padding: 0.2em 0.3em;
	border-top: 4px solid #555;
	border-bottom: 4px solid #555;
	font-size: 1em;
	font-weight: 300;
	font-style: normal;
	font-variant: normal; }
table.formatted strong { color: red;
	background-color: yellow; }
table.formatted var { background-color: inherit; 
	color: #B02425;
    color: rgb(204,0,0);
	color: rgba(204,0,0,0.8);}
table.zebra td, table.zebra th { border: 1px solid #ddd; }
table.zebra tr:nth-child(odd) td { background-color: #eff4fd; }
table.zebra tr:nth-child(even) td { background-color: #fff; }

/*** student tables ***/
table.student { padding: 0 2px;
	margin-left: 0.1em;
	border: 0;
    color: #000; }
table.student td { 	     background-color: #fff;
	background-color: rgb(255,255,255); /*** wit = #fff voor IE ***/
	background-color: rgba(255,255,255,0.4);
/***    background-color: #c90;
	background-color: rgb(204,153,0); /*** lichtoker = #c90 voor IE ***/
/***	background-color: rgba(204,153,0,0.4); ***/
	border: 0;
    vertical-align: bottom;
    min-width: 8em;
    text-align: right;
    padding-right: 4px;
    font-style: italic;
    color: #000;
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.8); 
    padding: 0.1em 0.15em 0.2em 0.3em; }
table.student th.jaar { text-align: center;
	vertical-align: bottom;
    font-size: 2em;
    padding-right: 4px;
	font-weight: 800;
/*    border: 1px solid #000; */
    color: #fff;
	color: rgb(255,255,255); /*** wit = #fff voor IE ***/
	color: rgba(255,255,255,0.8);
    background-color: #c90;
	background-color: rgb(204,153,0); /*** lichtoker = #c90 voor IE ***/
	background-color: rgba(204,153,0,1); 
	font-style: normal;
	font-variant: small-caps; } 
table.student th.titel { text-align: left;
	font-size: 1.4em;
	font-weight: 600;
    padding-left: 2px;
    color: #eee; 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.8); 
   	border-bottom: 1px solid #000;
	font-style: normal;
	font-variant: caps; } 
table.student td.naam { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.datum { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.studie { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.link { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.eerste { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.tweede { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.publicatie { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.E { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.W { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.carriere { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.verder { text-align: left;
    font-style: normal;
	font-weight: 600;
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    background-color: #023464;
	background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(2,52,100,0.2); }
table.student td.leeg { text-align: left;
    background-color: #023464;
	background-color: rgb(224,203,132); /*** lichtblauw = #023464 voor IE ***/
	background-color: rgba(224,203,132,0.1); 
    font-style: normal; }
table.student a:link, table.formatted  a:visited { color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); 
    text-decoration: underline; }
table.student a:hover { background-color: yellow; 
    text-decoration: none; 
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7);  }
table.student a:focus { background-color: yellow; 
    text-decoration: none; 
    color: #000; 
	color: rgb(25,25,25); 
	color: rgba(25,25,25,0.7); }

table.student strong { color: red;
	background-color: yellow; }
table.student var { background-color: inherit; 
	color: #B02425;
    color: rgb(204,0,0);
	color: rgba(204,0,0,0.8);}

/* FORM STYLES */
input:focus, select:focus, textarea:focus {
	background-color: #ddd; }
fieldset { padding: 4px; 
	background-color: #ddd; }
form strong { line-height: 1.2em; 
	color: yellow;
	background-color: #ccc; }
legend { font-style: italic; 
	font-size: 1.2em; }
label { font-size: 1.2em;
	font-weight: 700;
	margin-top: 4px; }
div#footnotes { display: none; }
span.bibitem { /* clear: both; */
    text-indent: 0; 
    line-height: 1.3em;
    color: #444; 
	background: url(../icons/toggle.png) center	left no-repeat;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-left: 18px; }
span.bibitem + p { margin-top: 8px;}
/*span.bibitem-p { text-indent: 0em; margin-left: 2em; margin-top:0.6em; margin-bottom:0.6em; }*/
div.rob { 	display:none; }
div.rob p { margin: 0em;   }
div.grouping {  
/*	width: 100%; */
	clear:both;
    position: relative;
	margin: 13px 0 2px 0; 
	padding: 2px 2px 4px 2px;  }
div.grouping .grouping {	width: 94%; 
	margin: 11px -58px 11px 0px; 
	padding: 10px 6px 2px 6px;  }
.grouping + .grouping { 	margin-top: 11px;
	}
div.grouping ul, div.grouping ol {	position: relative;
	top:0px;
	left:2.3%;
	width: 94%;	}
div.grouping span.title	{ 	padding: 9px 24px; 
	position: relative;
	top: -2px;
	left: -20px;
    text-align: center;
    font-style: italic;
    font-size: 2em;
	font-weight: 600;
	color: rgb(0,0,0);
	color: rgba(0,0,0,1);
	clear: both; 
    white-space: nowrap;	}
div.grouping .subtitle {
	padding: 0 8px 0 4px;
	white-space:nowrap; 
	margin: 0 0 0 -3.2em;
	position: absolute;
	top: -2px;
	right:-3.8em;
	background-color: #fff;
	line-height: 2em;
	width: 28px;
	color: #444; }
div.grouping span.title + ul { margin-top: 60px; }
div.grouping span.title a:link {	font-weight : 600; }
span.title + p.coll { margin-top: 6px;}
div.excursus {	font-size: 11px;
	margin: 8px 0 16px 0; 
	padding: 16px 6px 6px 6px; 
	border: 1px solid #fefefe;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
 	background-color: #fff;	}
div.excursus div.excursus {background-color: #eee;
	color: #666;}
div.excursus div.excursus h2, div.excursus div.excursus h3, div.excursus div.excursus h4 {background-color: #ddd;
	color: #666;}
div.lecturenotes h1, div.lecturenotes h2, div.lecturenotes h3, div.lecturenotes 
div.abstract  { 
	margin: 10px 0 10px 0; 
	padding:  6px; 
	max-width: 52em; 
	background-color: #f9f9f9; 
	color: #777;
	border: 1px solid #ddd; }
div.abstract p.coll { color:  #036; 
	border: 2px outset #ddd; 
	font-style: italic; 
	background: #ddd; 
	font-size: 180%; }
div.copyright { display: none;	}
span.update { display: none; }
p.toc { font-weight: 600; 
	font-style: normal;
	background-color: inherit;
    color: #C00; /** voor MSIE **/
    color:  rgb(204,0,0);
	color:  rgba(204,0,0,0.8); }
p.toc a { font-weight: 300; }
p.indent { text-indent: 1.5em; }
p.opdracht { padding:  0.4em 0.2em 0.3em 0.35em;
	color: #036; 
	background-color: #996; 
	font-weight: bold;
	font-size: 1.5em; 
	line-height: 1.5em; 
	border-left: 8px #000 solid; 
	margin-top: -6px;
	margin-bottom: 1em; }	

/* alleen voor de begrippenlijst; zie .alfabet in rob2.css voor de legenda */
p.begrippen  { margin-top: 12px;}
p.begrippen strong { font-size: 1.4em;
	font-weight: bold; 
	line-height: 1.2em;
	color: red;
	margin-right: 2px;
	margin-left: -2px;
	background: url(../icons/triangle.gif) center
	left no-repeat;
    padding-top: -12px;
    padding-left: 24px;
    padding-right: 4px;}


/*** OBSOLETE? ***/
div.hoofdtekst ul, div.hoofdtekst ol { 	list-style: inside; } /* koncon - philcon-site */
div.title {background-color: #5177c3;
	padding: 2px 6px;
	margin: 8px 0px 12px 0;
	width: 28px;
	text-align: center;
	font-weight: bold; 
	color: #eee; }

/* To be placed before <div id="content"> inhoudsopgaven van boeken */
span.toc { margin: 0.1em 0 -0.2em 34px; 
	line-height: 1.8em;
	width: 55em;
	padding: 0.1em 0em 0em 9px; }
.toc table { padding: 1px;
	background-color: inherit;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	width: 100%;
	color: #000; }
.toc table th { color: #777; 
	background-color: #eee;
	padding: 0.35em;
	border-bottom: 8px solid #515057;
	vertical-align: bottom;
	font-size: 1.2em;
	font-style: italic;
	font-variant: small-caps; }
.toc table td { color: #000;  
	border-bottom: 1px solid #ddd; 
	vertical-align: bottom;
	padding: 0; }

span.trekker { float: right; 
	width: 25%; 
	font-size: 120%; 
	font-weight: 300; 
	padding: 1em; 
	text-indent: -0.5em; 
	border: 1px 0 1px 1px;
	border-color: rgb(221,221,221);
	border-color: rgba(221,221,221,0.8);
	background-color: rgb(221,221,221);
	background-color: rgba(221,221,221,0.1);
	color: #777; 
	margin: 0.4em -7px 0.4em 0.5em; }

.update a:hover { background-color: red;
	color: #eee;
	text-decoration: none; }
	
/* Module > Details */
.details p { 	margin-top: 0.1em; }
.details details {	margin-left: 1.5em;
	margin-bottom: 1.2em;	}
.details summary {	font-size: 120%; 
	font-weight: 700;
	display: inline;	}
.details summary:hover {
		color: #52d;	}
.details summary:active {
		color: #d25;	}
/**	.details summary::-webkit-details-marker {
		margin-left: -1em;	} **/
summary::-webkit-details-marker {  display: none; }
summary:before {  content: "+"; 
  color: #000; 
  float: left; 
  font-size: 1.5em; 
  font-weight: bold; 
  margin: -6px 10px 0 0; 
  padding: 0; 
  text-align: center; 
  width: 20px;	}
/** alleen open summaries krijgen een -, iedere andere een + **/
details[open] summary:before {
  content: "+";	}
details[open] > summary:before {
  content: "-";	}

a:visited {	background-color: inherit;
	color: #036;
	text-decoration: underline; }
a:focus, a:hover, a.pdf:hover { background-color: yellow;
	color: #000;
	text-decoration: none; }
a:active { color: #eee;

/*** CONTROLS THE FOOTER ***/
.Footer { 	background-color: #fff;
	float: right;
	clear: both;
    font-size: 10px; /* inheritance in nn 4.x?? */
	margin-top: 10px;
	margin-left: 30px;
	padding-bottom: 4px;
	line-height: 1em;
    vertical-align: top;
    margin-right: 4px;  	}
.Footer a image { -moz-border-style: none; /* needed for mozilla */
	border: 0; 
    height: 24px;
    color: #fff; 	
	background-color: #fff; /* hide borders in nn 4.x */ }
.Footer a { text-decoration: none;}
.Footer a:hover { text-decoration: none;
	background-color: #fff; }
.Footer a.ignore {}
.Footer a.ignore:link {	text-decoration: none;}
.Footer strong { color: #fff; }
.Footer a.ignore:visited {}
.Footer a.ignore:hover {}
.Footer a.ignore:focus {}
.Footer a.ignore:active {} 
span.hide { display: none;}
div.statcounter { margin-bottom: 4px; border: none; }
a.statcounter { 	text-decoration: none; border: none; }
/*** span.FooterLinks { margin-left: 0.4em;
	float: right;
	margin-top: 6px; 
	color: #fff; 	
	white-space: nowrap; /* XXX: does not work in nn 4.x, so a bigger bg-image is needed... */ 
	} ***/
span.FooterIconsKLM { 
	padding: 16px 10px; /* assume 15px (16?) image */ 	}

/*** navigation-menu, must be loaded late ***/
#nav, #nav ul { /* all lists */	padding: 0;
	margin: -80px 0 0 0;
	list-style: none;
	float : left;
	width : 12em;		}
/** #nav {	/** dit zet een schaduw rond het navigatie-menu **/
/**	-moz-box-shadow: 12px 8px 18px rgba(111,112,115,05);
	-webkit-box-shadow: 12px 8px 18px rgba(111,112,115,05);
	box-shadow: 12px 8px 18px rgba(111,112,115,05);
	filter:progid:DXImageTransform.Microsoft.Shadow(color="#6699cc", Direction=135, Strength=5);	} **/
#nav li { /* all list items */	position : relative;
	top:-0px;
	left:-0px;
	float : left;
	line-height : 1.5em;
	margin-left: 0;
	margin-bottom : -1px;
	width: 12em; 	}
#nav ul li { /* sub list items */	top: 0px;
	left: -10px;	}
#nav li ul { /* second-level lists */	position : absolute;
	left: -999em;
	z-index: 300;
/**	-moz-box-shadow: 42px 12px 18px #6f7073;
	-webkit-box-shadow: 42px 12px 18px #6f7073;
	box-shadow: 42px 12px 18px #6f7073;
	filter:progid:DXImageTransform.Microsoft.Shadow(color="#6699cc", Direction=135, Strength=5); **/
	margin-left : 13.5em;
	margin-top : 0;		}
#nav li ul ul { /* third-and-above-level lists */	left: -999em;		}
#nav li a {	width: 12em;
	w\idth : 12.9em; 
	display : block;
    background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,1);
	color: #036;
    font-size: 11px; 
    font-weight : normal;
	text-decoration : none;
	border : 1px solid;
	border-color: rgb(0,0,0);
	border-color: rgba(0,0,0,0.6);
    padding : 0 0.5em;	    }
#nav li a:hover { color: rgb(255,255,255);
	color: rgba(255,255,255,0.9);
	background-color: rgb(15,42,82);
	background-color: rgba(15,42,82,1);	}
#nav a.blog:hover { color: rgb(255,255,255);
	color: rgba(255,255,255,1);
	background-color: rgb(205,55,38); 
	background-color: rgba(205,55,38,1); }
#nav a.social:hover { color: rgb(255,255,255);
	color: rgba(255,255,255,1);
	background-color: rgb(0,128,0); 
	background-color: rgba(0,128,0,1); }
#nav a.cp:hover { color: rgb(255,255,255);
	color: rgba(255,255,255,1);
	background-color: rgb(220,176,28); 
	background-color: rgba(220,176,28,1); }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -999em;	}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;	}  /* = lists nested under hovered list items */ 

/** Twitter stuff **/
blockquote.twitter-tweet {
  display: inline-block;
  padding: 16px;
  margin: 10px 0;
  max-width: 468px;
  border: #ddd 1px solid;
  border-top-color: #eee;
  border-bottom-color: #bbb;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  font: bold 14px/18px Helvetica, Arial, sans-serif;
  color: #000;
}
blockquote.twitter-tweet p {
  font: normal 18px/24px Georgia, "Times New Roman", Palatino, serif;
  margin: 0 5px 10px 0;
}
blockquote.twitter-tweet a[href^="https://twitter.com"] {
  font-weight: normal;
  text-decoration: underline;
  color: #8b0000;
  border-color: #dddddd;
  font-size: 12px;
}
a.twitter-share-button,
a.twitter-mention-button,
a.twitter-hashtag-button {
  display: inline-block;
  padding: 1px 3px 0 19px;
  border: #ccc solid 1px;
  border-radius: 3px;
  background: #f8f8f8 url(//platform.twitter.com/images/bird.png) 2px 3px no-repeat;
  background: url(//platform.twitter.com/images/bird.png) 2px 3px no-repeat,
              -webkit-linear-gradient(#fff, #dedede);
  background: url(//platform.twitter.com/images/bird.png) 2px 3px no-repeat,
              linear-gradient(#fff, #dedede);
  background-size: 16px 13px, auto auto;
 
  /* Text */
  font: bold 11px/17px Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  white-space: nowrap;
}
 
/* Color Highlight for keyboard navigation */
a.twitter-share-button:focus,
a.twitter-mention-button:focus,
a.twitter-hashtag-button:focus {
  outline: none;
  border-color: #0089cb;
}
/* start bibtex CSS */
span.biblabel{display:none;}
span.cmr-17{font-size:170%;}
span.cmr-12{font-size:120%;}
span.cmbx-10{ font-weight: bold;}
span.cmti-10{ font-style: italic;}
p.nopar { text-indent: 0em; }
a img { border-top: 0; border-left: 0; border-right: 0; }
center { margin-top:1em; margin-bottom:1em; }
td center { margin-top:0em; margin-bottom:0em; }
img.math{vertical-align:middle;}
li p.indent { text-indent: 0em }
span.footnotetext{ font-size:80%; font-style:italic; } 
div.obeylines-h,div.obeylines-v {white-space: nowrap; }
div.obeylines-v p { margin-top:0; margin-bottom:0; }
td.displaylines {text-align:center; white-space:nowrap;}
div.verbatim {font-family: monospace; white-space: nowrap; }
span.fbox {padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
table.minipage{width:100%;}
div.center, div.center div.center {text-align: center; margin-left:1em; margin-right:1em; margin-top:0.5em; margin-bottom:0.5em;}
div.center div {text-align: left;}
div.flushright, div.flushright div.flushright {text-align: right;}
div.flushright div {text-align: left;}
div.flushleft {text-align: left;}
div.framebox-c, div.framebox-l, div.framebox-r { padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
div.framebox-c {text-align:center;}
div.framebox-l {text-align:left;}
div.framebox-r {text-align:right;}
div.array {text-align:center;}
div.tabular, div.center div.tabular {text-align: center; margin-top:0.5em; margin-bottom:0.5em;}
table.tabular td p{margin-top:0em;}
div.td00{ margin-left:0pt; margin-right:0pt; }
div.td01{ margin-left:0pt; margin-right:5pt; }
div.td10{ margin-left:5pt; margin-right:0pt; }
div.td11{ margin-left:5pt; margin-right:5pt; }
td.td00{ padding-left:0pt; padding-right:0pt; }
td.td01{ padding-left:0pt; padding-right:5pt; }
td.td10{ padding-left:5pt; padding-right:0pt; }
td.td11{ padding-left:5pt; padding-right:5pt; }
div.newtheorem { margin-bottom: 2em; margin-top: 2em;}
span.TEX {letter-spacing: -0.125em; }
span.TEX span.E{ position:relative;top:0.5ex;left:-0.0417em;}
a span.TEX span.E {text-decoration: none; }
span.LATEX span.A{ position:relative; top:-0.5ex; left:-0.4em; font-size:85%;}
span.LATEX span.TEX{ position:relative; left: -0.4em; }
div.marginpar {width:20%; float:right; text-align:left; margin-left:auto; margin-top:0.5em; font-size:85%; text-decoration:underline;}
div.marginpar p{margin-top:0.4em; margin-bottom:0.4em;}
div.float {text-align:center;}
div.figure {text-align:center;}
td.equation { margin-top:1em; margin-bottom:1em; } 
td.eqnarray4 { width:5%; white-space: normal; }
td.eqnarray2 { width:5%; }
table.eqnarray-star, table.eqnarray {width:100%;}
div.eqnarray{text-align:center;}
div.pmatrix {text-align:center;}
span.pmatrix img{vertical-align:middle;}
div.pmatrix {text-align:center;}
img.cdots{vertical-align:middle;}
table.caption {text-align:center;}
h1.partHead{text-align: center; }
span.quote {margin-bottom:0.25em; margin-top:0.25em; margin-left:1em; }
span.verse{white-space:nowrap; margin-left:2em; }
div.maketitle {margin-top:1.5em; margin-left: -30px; margin-right: -36px; text-align:center; background-color: #023464; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-bottom: 0.4em;}
div.maketitle h1, div.maketitle h2 {text-align:center; color: #fff; }
h3.sectionHead{margin-top:2em;}
h4.likesubsectionHead{text-align:center; font-size:140%;}
div.maketitle{ margin-bottom: 2em; }
div.author, div.date {text-align:center;}
div.thanks{text-align:left; margin-left:10%; font-size:80%; font-style:italic; }
div.author{white-space: nowrap;}
span.quotation {margin-bottom:0.25em; margin-top:0.25em; margin-left:1em; }
span.abstract p {margin-left:5%; margin-right:5%;}
div.figure img.graphics {margin-left:10%;}
div.verbatiminput {font-family: monospace; white-space: nowrap; }
/* end css.sty */