/* WHAT */

body {
	background-color:#ffffff;
	font-family: 'Poppins','Noto Sans',verdana, arial, sans-serif;
	background-image: url("/images/fractals2.png");
	
	background-position: left top;
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  padding: 0px;
  color:#0d202a;
  height:100%;

}

p {margin:1em; margin-top:10px; line-height: 1.5em; font-size:.9em;}
td p {margin:1em; margin-top:10px; line-height: 1.5em; font-size:1em;}
ul {list-style-position: outside;}
ul li {margin-left:.1em;}
div.cvcontent p {margin:0; padding:0; margin-top:1em; line-height: 1.5em;}
p ul li {margin-left:.1em;}
div.text p {color:#255c5f; width:90%; text-align:justify;font-weight:200}
div.text {padding:5px;margin:0;}
td {margin:0; line-height: 1.5em; font-size:.9em;top:0;}

#inner td h1 {font-size:2em;
padding:.3em;
margin:0;
font-family: 'Alumni Sans','Anton','Bebas Neue';
font-weight:600;
line-height: 90%;
color:#036598;
margin-bottom:0;
padding-bottom:0;
}


h1 {font-size:2em;
padding:.3em;
margin:0;
font-family: 'Alumni Sans','Anton','Bebas Neue';
font-weight:600;
line-height: 90%;
color:#036598;
margin-bottom:0;
padding-bottom:0;
}

h2, h3, h4 {font-family: 'Alumni Sans','Anton','Bebas Neue'; color:#036598;font-weight:400; margin:3px;}
h2 {font-size:1.8em;}
h3 {font-size:1em;}

table {margin:0;padding:0; margin-top: 30px;}
td {margin:0; padding:3px;}

tr {vertical-align:top;}
table {border-bottom:1px solid #036598;}


#nav {
  border-radius: 5px;
  display: block;
  position:fixed;
  left:0;
  margin:0;
  margin-top:120px;
  padding:0;
  padding-left:5px;
  margin-left:0;
  padding-top: 1.2em;
  background-color:rgba(255,255,255,0.8);
  border:3px solid #519821;
  width:95px;
  padding-bottom: 1em;
}
#nav div {
  display:block;
  margin:0;
  padding:5px;
}
#nav ul {padding:0; margin:0;}
#nav li {display:block; padding-bottom: 2px; padding-top: 2px; padding-left:4px; padding-right: 2px; margin:0; width:90px; margin-left: -6px; font-size: .8em;
border-bottom: 1px solid #5c6798;
}
#nav li :hover {
    display:block;
  margin-left:4px;
}
#nav li a {
  color:#036598;
  text-decoration:none;
  
}
#titlebar p {text-align:center; padding:0; margin: 0;color:#1fb4fe;font-family: 'Bebas Neue';font-size: 1em;}
#titlebar2 p {text-align:center; padding:0; margin: 0;color:#1fb4fe;font-family: 'Bebas Neue';font-size: 1.5em;}

#videos p {padding:0; margin: 0;}
#titlebar {
  color:#1fb4fe;
  padding: 5px; 
  border:0px;
  margin:0;
  padding: 5px; 
  background: rgba(255,255,255, .5);
   position: fixed;
  right:0px;
  left:0px;
  top: 0px;
  text-align:center;
}
}
#titlebar_bak {
  border-radius: 5px;
  border:1.5px solid #1fb4fe;
  width:69%;
  margin:auto;
  margin-top:0px;
  color:#1fb4fe;
  padding: 5px; 
  background: rgba(255, 255, 255, .5)
  top:0;
  left:0;
  margin-top:2px;
 -webkit-box-shadow: 10px 15px 10px 2px #353e51;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow: 10px 15px 10px 2px #353e51;  /* Firefox 3.5 - 3.6 */
 box-shadow: 10px 15px 10px 2px #353e51;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  border-radius:5px;
  z-index:10;
}
#titlebar2 {
  border-radius: 5px;
  border:0;
  width:90%;
  margin:auto;
  padding: 0; 
}




#titlebar2 .tag {font-family: 'Special Elite',verdana, arial, sans-serif;font-size:.9em;line-height:1em;}

#callout1 {
  border-radius: 8px;
  border:2px solid #0000cc;
  width:380px;
  min-height:150px;
  margin:auto;
  margin-top:10px;
  padding: 0; 
  background: rgba(255,255,255, 0.8)
}


#callout2 {
  border-radius: 5px;
  border: 2px solid #01a4e8;
  width:380px;
  min-height:150px;
  margin:auto;
  margin-top:10px;
  padding: 0px; 
  background: rgba(255,255,255, 0.8)
}
#callout3 {
  border-radius: 5px;
  border:2px solid #e9549e;
  width:380px;
  min-height:150px;
  margin:auto;
  margin-top:10px;
  padding: 0; 
  background: rgba(255,255,255, 0.8)
}

#callout4 {
  border-radius: 5px;
  border:2px solid #01afa5;
  width:380px;
  min-height:150px;
  margin:auto;
  margin-top:10px;
  padding: 0; 
  background: rgba(255,255,255, 0.8)
}

#cv1 {
  border:1px solid #1fb4fe;
  min-height:20em;
  margin:auto;
  position:relative;
  background: rgba(255,255,255, .92);
 -webkit-box-shadow: 10px 15px 10px 2px #353e51;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow: 10px 15px 10px 2px #353e51;  /* Firefox 3.5 - 3.6 */
 box-shadow: 10px 15px 10px 2px #353e51;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  border-radius:10px;
  z-index:10;
  height:100%;
  min-height:90%;
  overflow:hidden;
}
#cv1 h1 {font-size:1.5em;
padding:0;
margin:0;
margin-left:.5em;
font-weight:200;
}

.dropdown {
  position:absolute;
  display: block;
  padding: 12px 16px;
  font-weight:bold;
}
.dropdown:hover {
  color:#00aba2;
}
.dropdown-content {
  display: none;
}


.dropdown:hover .dropdown-content {
  position:relative;
  display: block;
  left:150px;
  top:-2em;
  width:600px;
  max-width:80%;
  max-height:400px;
  overflow:auto;
  overflow-x:visible;
  padding-top:0;
  font-weight:normal;
  z-index: 1;
}
.cvtext p {padding:2;margin:2;}
.dropdown-name {color:#00aba2;font-weight:200;}

.dropdown:hover .dropdown-name {
  position:relative;
  display: block;
  font-size:2em;
  font-family:"Shalimar";
  font-weight:250;
  z-index:1;
  left:50px;
  top:-.5em;
  color:#0aa4fa;
  opacity: 1;
height:auto;
overflow:auto;
}

#footer_bak{
  position:fixed;
  bottom:10px;
  left:10px;
  font-style:italic;
  color:#353134;
  width:70%; border-radius: 15px;
  border:0;
  background: rgba(0,0,0, 0.2);
  font-size:.8em;
  padding:5px;
  padding-top:4px;
  text-align:center;
  text-align:center;
}

#footer {
  border:0px;
  margin:0;
  padding: 5px; 
  background: rgba(255,255,255, .5);
   position: fixed;
  right:0px;
  left:0px;
  bottom: 0px;
  font-size:.7em;
  font-style:italic;
  text-align:center;
  z-index:-1;
}

.card {
  width:300px;
  background-color:#ffffff;
 -webkit-box-shadow: 10px 15px 10px 2px #3f3f3f;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow: 10px 15px 10px 2px #3f3f3f;  /* Firefox 3.5 - 3.6 */
 box-shadow: 10px 15px 10px 2px #3f3f3f;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  border-radius:5px;
}

.card img {width:300px; border-radius:5px;}

div.caption {text-align:center; padding:5px; border-radius:5px;}



a {text-decoration:none;}

/* unvisited link */
a:link {
  color: #01437e;
}

/* visited link */
a:visited {
  color: #0565ab;
}

/* mouse over link */
a:hover {
  color: #f2cf63;
}

/* selected link */
a:active {
  color: #ffd242;
} 


.collapsible {
  background-color: rgba(0,0,0, 0.0);
  color: #00aba2;
  cursor: pointer;
  font-family:"Zilla Slab";
  width: 100%;
  border: none;
  text-align: left;
  padding-bottom:1em;
  padding-left:1em;
  outline: none;
  font-size: 1em;
}

.active, .collapsible:hover {
  background-color: rgba(0,0,0, 0.0);
  font-family:"Zilla Slab";
  color:#0aa4fa;
  margin:0;
  /* line-height:.5em; */
}
.collapsible:hover {color: #f77625;}

.cvcontent {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-family:"Zilla Slab";
  margin-bottom:0;
  margin-top:-1.5em;
}

#content {
border:0;
border-radius:10px;
margin:auto;
margin-bottom:3em;
padding-bottom:0;
width:65%;
max-width:1600px;
height:100%;
min-height:90%;
overflow:hidden;
 -webkit-box-shadow: 10px 15px 10px 15px rgba(0,0,0, .3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow: 10px 15px 10px 2px rgba(0,0,0, .3);  /* Firefox 3.5 - 3.6 */
 box-shadow: 10px 15px 10px 2px rgba(0,0,0, .3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

    
}
#inner {
border:0;
margin:auto;
margin-bottom:0;
padding-bottom:0;
padding-right:15px;
width:85%;
max-width:1600px;
height:auto;
overflow:hidden;
}

#content h1, h2, h3, h4 {
margin-left: 15px;
}
#content p, ul, dl {
margin-left: 20px;
margin-right:10%;
margin-bottom:.1em;
}

#mcv {border:0;
  width: 29%;
  margin:0;
  padding: 5px;
  padding-bottom:0;
  margin-bottom:3em;
   position: relative;
  right:0px;
  text-align:left;
  border-radius:10px;
z-index:1;
background: rgba(255,255,255, .92);
overflow:hidden;
border:1px solid #1fb4fe;
 -webkit-box-shadow: 10px 15px 10px 2px rgba(0,0,0, .3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow: 10px 15px 10px 2px rgba(0,0,0, .3);  /* Firefox 3.5 - 3.6 */
 box-shadow: 10px 15px 10px 2px rgba(0,0,0, .3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#mcv ul {list-style-position: outside;margin-left:.1em;line-height:1.3em;margin-top:-.5em;}
#mcv ul li {margin:.5em;font-size:.9em;}
#mcv h1 {margin-top:25px; line-height:1em;}
#mcv p {line-height:1.5em; 
font-family:'Poppins'; 
font-weight:100; 
font-size:.9em;
    
}

#mcvS {float:right;
width:68%;
padding:0;
margin:0;
margin-bottom:3em;
z-index:1;
background: rgba(255,255,255, .92);
overflow:hidden;
border-radius:10px;
border:1px solid #1fb4fe;
 -webkit-box-shadow: 7px 15px 8px 2px rgba(0,0,0, .2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow: 7px 15px 8px 2px rgba(0,0,0, .2);  /* Firefox 3.5 - 3.6 */
 box-shadow: 7px 15px 8px 2px rgba(0,0,0, .2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#mcvS ul {width:90%;list-style-position: outside;margin-left:.1em;line-height:1.2em;}
#mcvS ul li {margin-left:.1em;font-size:.9em;margin-top:.7em;}
#mcvS ul ul li {margin-left:.1em;font-size:1em;margin-top:.7em;}

#mcvS h1 {margin-top:25px; line-height:1em;}
#mcvS p {line-height:1.5em; 
font-family:'Poppins'; 
font-weight:100; 
font-size:.9em;}

#mcvS li {font-family:'Poppins'; 
font-weight:100; 
}

#titlebar a:link {
text-shadow: 2px 2px 2px #ffffff;}
#titlebar a:visited {
text-shadow:  2px 2px 2px #ffffff;}
#titlebar a:hover {
    color:#ffffff;
text-shadow:  2px 2px 2px #01437e;}