body {
background: #020808;
padding-top: 16px;
font-family: 'Arial', sans-serif;
font-size: 16px;
color: #FFFFFF;
line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Oswald', sans-serif;
font-weight: normal;
text-shadow: 2px 2px 4px #000000;
}

a, a:visited, a:hover {
color: #FFFFFF;
text-decoration: none;
}

a:active, a:focus {
border: none;
outline: none;
}

a:-moz-any-link:focus {
border: none;
outline: none;
}




header .container {
background: #041010;
background: -webkit-linear-gradient(left, #041010, #082020, #041010);
background: -moz-linear-gradient(left, #041010, #082020, #041010);
background: -ms-linear-gradient(left, #041010, #082020, #041010);
background: -o-linear-gradient(left, #041010, #082020, #041010);
background: linear-gradient(left, #041010, #082020, #041010);
border: 1px solid #202020;
box-shadow: 2px 2px 4px #202020;
font-family: 'Arial', sans-serif;
color: #FFFFFF;
text-align: center;
}

header p.name {
margin: 16px 0px 8px 0px;
font-size: 40px;
line-height: 48px;
text-shadow: 2px 2px 4px #808080;
}

header p.affiliation {
margin: 16px 0px 8px 0px;
font-size: 16px;
line-height: 24px;
text-shadow: 1px 1px 2px #808080;
}

header .flexslider {
margin: 8px 0px 8px 0px;
background: transparent !important;
border: none !important;
border-radius: none !important;
box-shadow: 0px 0px 0px #808080;
}

header p.address {
margin: 0px 0px 8px 0px;
font-size: 16px;
line-height: 24px;
text-shadow: 1px 1px 2px #808080;
}





footer .container {
font-family: 'Arial', sans-serif;
font-size: 8px;
color: #FFFFFF;
line-height: 24px;
text-align: right;
}





.colorboxes {
margin: 16px 0px 16px 0px;
}

.box {
width: 24%;
margin: 8px 0.4% 8px 0.4%;
float: left;
color: #FFFFFF;
text-align: center;
text-shadow: 2px 2px 4px #000000;
border: 1px solid #000000;
}

.box .top {
font-size: 24px;
line-height: 32px;
}

.box .bor {
max-width: 60%;
margin: 4px auto 4px auto;
border-top: 1px solid #FFFFFF;
}

.box .bot {
font-size: 16px;
line-height: 24px;
}

.box .box1 {
background: #C04000;
border: 1px solid #FF6000;
padding: 16px 0px 8px 0px;
box-shadow: inset 0px 0px 4px #000000;
}

.content1 {
background: #C04000;
border: 1px solid #FF6000;
margin: 16px 0px 16px 0px;
padding: 16px 16px 16px 16px;
box-shadow: inset 0px 0px 4px #000000;
}

.box .box2 {
background: #0080C0;
border: 1px solid #00A0FF;
padding: 16px 0px 8px 0px;
box-shadow: inset 0px 0px 4px #000000;
}

.content2 {
background: #0080C0;
border: 1px solid #00A0FF;
margin: 16px 0px 16px 0px;
padding: 16px 16px 16px 16px;
box-shadow: inset 0px 0px 4px #000000;
}

.box .box3 {
background: #408000;
border: 1px solid #60A000;
padding: 16px 0px 8px 0px;
box-shadow: inset 0px 0px 4px #000000;
}

.content3 {
background: #408000;
border: 1px solid #60A000;
margin: 16px 0px 16px 0px;
padding: 16px 16px 16px 16px;
box-shadow: inset 0px 0px 4px #000000;
}

.box .box4 {
background: #8040C0;
border: 1px solid #A060FF;
padding: 16px 0px 8px 0px;
box-shadow: inset 0px 0px 4px #000000;
}

.content4 {
background: #8040C0;
border: 1px solid #A060FF;
margin: 16px 0px 16px 0px;
padding: 16px 16px 16px 16px;
box-shadow: inset 0px 0px 4px #000000;
}

.box a, .box a:visited, .box a:hover {
color: #FFFFFF;
text-decoration: none;
}





.border {
max-width: 80%;
margin: 16px auto 16px 0px;
border-top: 1px solid #FFFFFF;
}

.aboutme {
font-size: 12px;
}

.aboutme p.title{
margin: 32px 0px 16px 0px;
font-size: 18px;
text-shadow: 2px 2px 4px #000000;
}

.research {
font-size: 12px;
}

.research p.title{
margin: 32px 0px 16px 0px;
font-size: 18px;
text-shadow: 2px 2px 4px #000000;
}

.research p.subtitle {
margin: 16px 0px 0px 32px;
font-size: 14px;
font-weight: bold;
text-shadow: 1px 1px 2px #000000;
}

.research p.description {
margin: 0px 0px 0px 32px;
font-size: 12px;
}

.publications {
font-size: 12px;
}

.teaching {
font-size: 12px;
}

.teaching p.title{
margin: 32px 0px 16px 0px;
font-size: 18px;
text-shadow: 2px 2px 4px #000000;
}

.teaching p.subtitle {
margin: 16px 0px 0px 32px;
font-size: 14px;
font-weight: bold;
text-shadow: 1px 1px 2px #000000;
}

.teaching p.lecture {
margin: 16px 0px 0px 32px;
font-size: 14px;
}

.teaching p.thesis {
margin: 16px 0px 0px 32px;
font-size: 14px;
}

.teaching p.description {
margin: 0px 0px 0px 32px;
font-size: 12px;
}