p a, .edits a, i a {
    padding:2px 3px 0px 3px;
    margin-top:0px;
    display:inline-block;
    /* border-top:dashed thin #e472c4;
    border-bottom:dashed thin #e472c4; */
    background-color:#50c4b7;
    color:white;
}
p a:hover, .edits a:hover, i a:hover {
    background-color: #e472c4;
}
ul, ol {
    padding:30px 20px 20px 50px;
    background-color: #444;
    color:white;
    border-radius: 35px;
    width:80%
}
ul ul, ol ul {
    padding:5px 5px 5px 20px;
}
ul img, ol img {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;
}
li a {
    padding:0px 3px 0px 3px;
    margin-top:2px;
    display:inline-block;
    /* border-top:dashed thin #e472c4;
    border-bottom:dashed thin #e472c4; */
    background-color:#eee;
    color:#555;
}

li a:hover {
    background-color: #e472c4;
    color:white;
}

h4 {
    /* font-size:20px; */
    margin-bottom:-16px;
    margin-left:30px;
    padding-top:4px;
    font-weight: normal;
    font-style: italic;
    border-top:thin solid #DDD;
    width:250px;
}

.dr {
    display:block;
    position:relative;
    margin-bottom:-10px;
    margin-left:-6px;
    border-radius:20px;
    width:206px;
    height:120px;
    text-align:left;
    padding:0px;
    background-color:#777;
}
.dr img {
    position:absolute;
    bottom:0px;
    width:115px;
    margin-left:20px;
}

.alert {
    background-color:#ffff66;
    padding:10px;
    border-top:dashed #333 thin;
    border-bottom:dashed #333 thin;
    text-align: center;
    font-style: italic;
    font-size:16px;
}

.intro {
    margin-bottom:40px;
    position:relative;
    left:-14px;
}
.intro a {
    padding:10px 15px;
    background-color:#50c4b7;
    text-decoration: none;
    color:white;
    margin:5px;
}
.intro a:hover {
    background-color:#e472c4;
}
.skills {
    position:relative;
    left:-5px;
    display:inline-block;
    margin-bottom:5px;
    text-align:left;
    width:590px;
    font-size: 16px;
    padding:10px;
    color:#ccc;
    background-color: #333;
    border-radius:14px;
}

.plain {
    padding:0px !important;
    background-color:transparent !important;
    color:#50c4b7 !important;
    font-size:18px;
}

.plain:hover {
    padding:0px !important;
    background-color:transparent !important;
    color:#e472c4 !important;
}

p strong, li strong {
    color:#f58e25;
}

p em {
    display: inline-block;
    padding:5px 10px;
    margin-top:20px;
    margin-bottom:5px;
    background-color:#eee;
    text-transform: uppercase;
    font-size:18px;
    font-style:normal;
}
.c {
    font-family:courier;
    border:1px dashed #999;
    padding:10px 20px 10px 10px;
    display:inline-block;
    white-space: pre-wrap;
}

.c pre {
  margin-top:8px;
  margin-bottom:-16px;
  white-space: pre-wrap;
}

.id {
    font-size:14px;
    display:block;
    background-color:#acd241;
    color:white;
    width:18px;
    height:18px;
    padding:3px 1px 0px 3px;
    margin-top:-20px;
    margin-left:-20px;
}

 #submitButton {
     vertical-align: top;
     padding:14px 20px !important;
     background-color:#50c4b7;
     text-decoration: none;
     color:white;
     display:inline-block;
     margin-right:10px;
 }
 .viewButton {
     vertical-align: top;
     padding:10px 14px !important;
     background-color:white !important;
     text-decoration: none;
     color:#888 !important;
     display:inline-block;
     margin-right:10px;
     margin-bottom:10px;
     width:600px;
     text-align:left;
     text-transform:none;
 }

 #submitButton:hover, .viewButton:hover {
     color:white !important;
     background-color:#e472c4 !important;
 }

 #fixedID {
     font-size:30px;
     font-style:italic;
     margin-right:50px;
     position: relative;
     top:5px;
 }
 #idtop a {
     padding:5px;
     background-color:#50c4b7;
     text-decoration: none;
     color:white;
 }
 #idtop a:hover {
     background-color:#e472c4;
 }

 #curriculum {
     margin-top:30px;
 }
 #curriculum a {
     padding:15px 25px;
     background-color:#50c4b7;
     text-decoration: none;
     color:white;
 }
 #curriculum a:hover {
     background-color:#e472c4;
 }

#vid {
    display:block;
    position:relative;
    text-align:right;
    margin-top:-60px;
    opacity:.7;
}
#vid:hover {
    opacity:1;
}
#vid img {
    width:80px;
    padding-right:40px;
}

 .ace_editor {
     position: relative !important;
     border: 1px solid lightgray;
     /*margin: auto;*/
     height: 320px;
     width: 99%;
 }
 .scrollmargin {
     height: 500px;
     text-align: center;
 }
 .ace_content {
    /*padding-left:5px !important;*/
    user-select: none;
 }

 h1 {font-weight:normal; font-style:normal; text-align:left; font-size:24px; background-color:#333; color:#eee; padding:5px 10px;}
 section {overflow:hidden; margin:20px 0px; border-radius:30px; padding:20px; background-color:white}
 section h2 {opacity:.8; font-style:normal; background-color:#eee; text-align:left; font-size:24px; text-transform:uppercase; color:#fb4758; padding:5px 10px; margin-bottom:10px;}

 .partBar {cursor:pointer; margin: 20px 10px 0px 0px; background-color:#555; color:white; padding:0px; height:38px;}
 .part {display:none; margin:0px 10px 20px 0px; padding:20px; background-color:#ddd; overflow:hidden;}

 .references {
     margin-top:30px;
     padding:20px;
     border-radius: 20px;
     background-color: #333
 }
 .references img {
     width:250px;
 }
 .references tr {
     color:#ccc;
     vertical-align: top;
 }
 .references a {
     padding:3px; background-color: #ccc;
     color:#333;
 }
 .references a:hover {
     padding:3px; background-color: #fff;
     color:#333;
 }

 .mods {margin:10px 0px -10px 0px;}

 .mods button {
     background-color:#50c4b7;
     color:white;
     border:none;
     padding:5px;
     width:30px;
     cursor:pointer;
 }
 .mods button:hover {
     background-color:#e472c4;
 }
 .num {
     padding:4px;
     color:white;
     background-color: #333;
     width:38px;
     height:30px;
     text-align:center;
     display:inline-block;
 }
 .show {
     position:relative;
     float:right;
     margin-right:12px;
     font-size:14px;
     margin-top:7px;
     padding:4px 6px 3px 6px;
     width:60px;
     text-transform: uppercase;
     text-align:center;
     background-color:#50c4b7;
     color:#fff
 }
 .show:hover, .selected:hover {
     background-color: #e472c4 !important;
 }
 .selected {
     color:white;
     border:none;
     padding:5px;
     width:30px;
     cursor:pointer;
     background-color: #f58e25 !important;
 }