/* WHAT */

body {
	background-color:#ffffff;
	font-family: "Zilla Slab",verdana, arial, sans-serif;
	background-image: url("/images/rcbg1.png");
	background-position: left top;
	background-size: 250px;
  background-attachment: fixed;
  background-repeat:repeat-y;
  padding: 0px;
}

p {margin:1em; padding-top:0; line-height: 1.5em;}
div.cvcontent p {margin:0; padding:0; margin-top:1em; line-height: 1.5em;}

div.text p {color:#000000; width:90%; text-align:justify;font-weight:200}
div.text {padding:5px;margin:0;}

h1 {font-size:1.5em;
padding:.3em;
margin:0;
font-family: "Shalimar";font-size: 2em;font-weight:250;
font-weight: bold;
font-size: 2.5em;
line-height: 90%;
color:#313864;
margin-bottom:0;
padding-bottom:0;
)
    
}

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



#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 #ec710f;
  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:#313864;
  text-decoration:none;
  
}
#titlebar p {text-align:center; padding:0; margin: 0;color:#563aa7;font-family: "Zilla Slab";font-size: 1.5em;}
#titlebar2 p {text-align:center; padding:0; margin: 0;color:#563aa7;font-family: "Shalimar";font-size: 2.8em;}

#videos p {padding:0; margin: 0;}
#titlebar {
  border-radius: 5px;
  border:1px solid #ec710f;
  width:70%;
  margin:auto;
  margin-top:0px;
  padding: 5px; 
  background: rgba(68,54,113, 0.3;);
  top:0;
  left:0;
  margin-top:2px;
}
#titlebar2 {
  border-radius: 5px;
  border:0;
  width:90%;
  margin:auto;
  padding: 0; 
  background: rgba(255, 255, 255, .5)
}

#titlebar2 .tag {font-family: "Zilla Slab",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:0;
  height:70%;
  min-height:20em;
  margin:auto;
  margin-top:20px;
  padding-bottom:15px;
  background: rgba(255,255,255, 0.8)
  background-color:#ffffff;
 -webkit-box-shadow: 5px 10px 8px 2px #3f3f3f;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow: 5px 10px 8px 2px #3f3f3f;  /* Firefox 3.5 - 3.6 */
 box-shadow: 5px 10px 8px 2px #3f3f3f;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  border-radius:5px;
  z-index:10;
}
#cv1 h1 {font-size:2em;
padding:0;
margin:0;
margin-left:.5em;
font-weight: bold;
font-size: 2.5em;
}

.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;
  align:center;
}

#footer {
  border-radius: 5px;
  border:0;
  width:70%;
  margin:auto;
  padding: 5px; 
  background: rgba(68,54,113, 0.3;);
   position: fixed;
  left: 5px;
  bottom: 5px;
  font-size:.7em;
  font-style:italic;
}

.card {
  width:300px;
  background-color:#ffffff;
 -webkit-box-shadow: 5px 10px 8px 2px #3f3f3f;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow: 5px 10px 8px 2px #3f3f3f;  /* Firefox 3.5 - 3.6 */
 box-shadow: 5px 10px 8px 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: #00aba2;
}

/* visited link */
a:visited {
  color: #00aba2;
}

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

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


.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:1.5em;
  margin-top:-1.5em;
}

#content {
border:none;
margin:auto;
margin-bottom:10%;
width:70%;
}
#content h1, h2, h3, h4 {
margin-left: 15px;
}
#content p, ul, dl {
margin-left: 20px;
margin-right:10%;
}