body {
    background-color: rgb(70,70,70);
    color: rgb(150,150,150);
    font-family: Arial, Futura, Verdana, sans-serif;
    font-weight: normal;
    font-size: 13px;
    margin: 0 0 0 0;
  }
 
h1,h2 {
    font-size: 2em;
    color: rgb(233,233,233);
    font-weight: bold;
    text-align: right;
	text-transform: uppercase;
}

h2 {
    margin: 0 0 0.2em 0;
}

#cv-main {
	width: 45%;
	margin: 1% auto 1% auto;
	text-align: justify;
	color: rgb(233,233,233);
	background-color: rgb(25,25,25);
	padding: 17px;
	border-radius:1em;
}

a {
	text-decoration: none;
	color: rgb(100,100,100);
}

#cv-main a:hover, #header a:hover, a:hover {
	color: #c0ff00;
}

.single {
	position: absolute;
	top: 5%;
}

#main ul {  
    list-style-type: none;
	padding-top:8em;
}

#main ul li {  
	text-align:right;
}
  
#main ul li ul {
    margin: 0;
    padding: 0;
}

#main ul li ul li {
    display: inline-block;
    margin: 0 0 10px 5px;
	padding: 0 0 0 0;
    position: relative;
	border-radius: 0.7em;
	box-shadow: 
				0px 2px 3px rgba(255,255,255,0.4),
				0px -2px 5px rgba(0,0,0,0.5);
	overflow:hidden;
	height:170px;
	width:170px;
}

.shadow {
	width: 100%;
	height: 170px;
	position:absolute;
	box-shadow:	0px 10px 20px rgba(0,0,0,0.2) inset,
				0px -10px 10px rgba(255,255,255,0.2) inset;
	border-radius: 0.7em;
}
  
#main a {
	display: inline-block;
}

.single img,
#main ul li ul li a img {
	display:block;
	border: none;
	background-color:#000;
	height:170px;
	width:170px;
	margin:0 0 0 0;
	border-radius: 0.7em;
}

.single img:hover,
#main ul li ul li:hover a img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-backface-visibility: hidden;
  opacity: 0.85;
  filter: alpha(opacity=85);
  height:200px;
	width:200px;
	margin:-30px 0 0 -15px;
}

.single img,
#main ul li ul li a img {
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#main ul li .overlay {
    position: absolute;
    width: 98%;
    z-index: 999;
		padding:0.4em 3% 0.4em 3%;
		text-align: center;
    font-size: 1em;
    background-color: rgba(22,22,22,0.8);
    color: rgba(255,255,255, 1);
    cursor: pointer;
		box-shadow: 0 0em 2em rgba(0,0,0,0.5);
		bottom:0;
		display:none;
}


 #main ul li ul li:hover .overlay {
	display:block;
}

#main ul li a {
	text-decoration: none;
}

  #main div.round-block {
    display: inline-block;
    padding: 1.2em 2em 1.4em 1.7em;
    margin-bottom: 0em;
	text-align:right;
	border-radius:1em 0 0 1em;
  }
  
  #main .round-block:hover {
	background-color: rgba(0,0,0,0.4);
	box-shadow:	0px 10px 20px rgba(0,0,0,0.2) inset;
}

  #main .round-block:hover h2{
	color: #c0ff00;
}
  
#main .round-block.side {
float:left;
border-radius: 0 1em 1em 0;
padding: 1.2em 1.7em 1.4em 1.4em;
text-align:left;
margin-left:-3em;
}

#header {
	position: absolute;
	left: 82%;
	font-size: 1.2em;
	color: rgb(233,233,233);
	text-align: right;
}
#header a {
	color: rgb(233,233,233);
}

.infobox {
    position: absolute;
	background-color: #fff;
}
.infobox ul {
	padding: 0 2em 0 1.7em;
	margin:0;
	list-style:none;
}

.infobox ul li {
	display:inline-block;
	padding:0;
	margin:0;
}
  
.infobox ul li a {
	padding: 1em 0.1em;
	display:inline-block;
	text-decoration: none;
}

.infobox a img {
    width: 40px;
    height: 40px;
	border:0;
}

footer {
      font-size: 14px;
      margin-top: 14em;
	  padding: 1.5em 0;
      text-align: center;
	  background-color: rgba(0,0,0,0.5);
	  box-shadow: 0 0 1em rgba(0,0,0,0.5);
  }
footer * {
      color: rgb(100,100,100);
      margin: 0;
      padding: 0;
      text-decoration: none;
  }

.extralist {
	margin-top: 2em;
}

.lecturelist {
	font-size: 1.3em;
}

.lecturelist td {
	padding: 0.6em;
	border-bottom: 1px solid rgb(150,150,150) !important;
	color: rgb(233,233,233);
}