@import url('https://fonts.googleapis.com/css?family=Nunito|Tauri&display=swap');

/* 

  -----------------------------------
  Dr. Julie Salzano 2020 Style Sheet (Reset)
  Author: Justin Agoglia
  Website: www.skylardesign.com
  -----------------------------------

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; 
	background: transparent;}

body {line-height: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */

:focus {outline: 0;}

/* remember to highlight inserts somehow! */

ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: collapse; border-spacing: 0;}

/* =Universal Styles 
  ----------------------------------- */
body { background: #7C857A url(../images/topBkg.jpg) repeat-x; }
html { font: 100% 'Nunito', sans-serif; color: #000; }
#wrapper { margin: 99px auto 20px; width: 834px; padding-bottom: 225px; background: url(../images/footerBkd.gif) no-repeat left bottom; position: relative;}
#masthead { margin: 0 auto 0; width: 834px; position: relative; border: 1px solid transparent; }
a { color: #5A6878; text-decoration: none;}
a:visited { color: #5A6878;}
a:hover { color: #95A2B0;}
a:active { background-color: #7C857A; color: #fff; text-decoration: none;}

* { margin: 0; padding: 0; }

h1, h2, h3, h4, ul, form { font-family: 'Tauri', sans-serif; line-height: 1.2; }
h1 { font-size: 2.1em; color: #000; font-weight: normal; margin-bottom: 17px; }
h2, h3 { font-size: 1.8em; font-weight: normal; line-height: 1.2; color: #666965; padding-bottom: .2em; }
#hm h2 { padding-bottom: .5em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.5em;}

ul, li {list-style: none;}

.clear {clear: both;}

/* =Content Styles
---------------------------------- */
#brand {position: absolute;	height: 61px; width: 262px;	left: 35px;	top: 25px;}
ul#mainNav {position: absolute; width: 440px; right: 10px; top: 35px; letter-spacing: .03em; }
ul#mainNav li {float: left; margin: 0 13px;}
/*ul#mainNav li a {font: bold 1em "Century Gothic", Arial, Verdana, sans-serif; text-transform: uppercase; color: #FFF;}*/
ul#mainNav li a {font: 1em 'Nunito', sans-serif; text-transform: uppercase; color: #FFF;}
ul#mainNav li a:hover {color: #CBFF5E;}
#mainContent {background-color: #FFF; margin: 0 auto 0; width: 700px; padding: .8em 50px 10px; }
#mainContent p {font-size: 1em; line-height: 1.7; margin: 5px 0 1em;}
#mainContent a {color: #2B81F8;	font-size: 1em; font-weight: bold;}
#mainContent a:hover {color: #95A2B0;}
#mainContent section img { display: block; float: left; }

#hm iframe { margin: 1em 0 .5em; }

#media #mainContent ul { margin-top: 7px; }
#media #mainContent li {list-style: disc; margin-left: 25px; padding-left: 6px; line-height: 1.2em;}
#publications .bk { float: left; margin: 0 1em 1em 0; }

section { float: left; margin-bottom: 2em; }
section > img { margin-top: 10px; } 
section #intro { float: right; width: 420px; margin-left: 40px; }
section#aboutJulie { float: left; width: 100% ; }

/* Buttons off Homepage*/
#mainContent .butt { width: 140px; height: 40px; background: #64466E; float:left;
  text-align: center; cursor: pointer; position: relative; box-sizing: border-box;
  overflow: hidden;   margin: 10px 0 20px 0;
}
#mainContent .butt a { color: #fff; text-decoration: none; line-height: 40px; transition: all .5s ease;
  z-index:2; position: relative;
}
#mainContent .eff { width: 140px; height: 40px; left:-140px; background: #9219BA; position: absolute; transition:all .5s ease; z-index: 1; 
}
#mainContent .butt:hover .eff { left:0; }
#mainContent .butt:hover a { color: #fff; }

iframe { margin: .5em 0 .5em; }

.vids { margin: 10px 0 30px; }

#resume ul.st { margin: 10px 0 35px;}
#resume ul.st li { font: 100% 'Nunito', sans-serif; color: #000; list-style: disc; margin-left: 1.5em; line-height: 1.6em; }
#media ul.youTube li { line-height: 2em; margin-bottom: .3em; }
#media ul.youTube a { font-weight: normal; }


p#copyright, div#creator { position: absolute; left: 38%; bottom: 120px; font-size: .8em; }
p#copyright { margin-top: 50px; }
div#creator { text-align: right; color: #000; }
div#creator a { margin-right: 40px; color: #8E609F; }
div#creator a:hover {color: #825B91;}

/* =Footer Styles
---------------------------------- */
#footer {float: left; width: 390px; margin-top: 70px;}
#footer p {font-size: .75em; text-align: right; margin-bottom: 2px;}
#footer p.author {margin-top: -2px;}
#footer a {color: #CCACCC;}
#footer a:visited {color: #B483B4;}
#footer a:hover, #footer a:active {color: #B483B4; text-decoration: underline; } 

/* =Tables
  ----------------------------------- */
table { background: #FFF; color: #666; width: 690px; empty-cells: show; font-size: 1em; margin: 0; text-align: left;  border-collapse: collapse; margin-bottom: 20px; line-height: 1.4;}
table thead th { background: #666; font-size: 1.2em; padding: 2px 0 2px 1em; margin: 0; text-align: left;}
td, th { padding: 5px 7px 5px 0;}
th { padding-left: 0;}
/* table tbody tr:hover {background-color: #E4E4F1;}  */

#photos .thumbs {padding: 5px; border: 2px solid #2F4F4F; color: #664A72; margin-bottom: 10px;}
.pdf {margin-right: 5px;}


/* =Uberlinks
---------------------------------- */
#home #homelink a, #bio #biolink a, #resume #resumelink a, #media #medialink a, #photos #photoslink a, #contact #contactlink a  {color: #CBFF5E; font-weight: bold; cursor: default;}