/* 

  -----------------------------------
  Dr. Julie Salzano 2010 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: 1;}
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% Arial, Helvetica, sans-serif; color: #4B4B4C;}
#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: Arial, Helvetica, sans-serif;}
h1 {font-size: 2.1em; color: #664C4C; font-weight: normal; margin-bottom: 17px;}
h2 {color: #6C4E76; font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 1.2;}
h3 {font-size: 1.8em;}
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: 25px; }
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:hover {color: #CBFF5E;}
#mainContent {background-color: #FFF; margin: 0 auto 0; width: 700px; padding: 0 50px 10px; }
#mainContent p {font-size: .75em; line-height: 1.5; margin: 5px 0 12px;}
#mainContent a {color: #2B81F8;	font-size: 1em; font-weight: bold;}
#mainContent a:hover {color: #75AEFB;}

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

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

ul#specialties {margin: 20px 0 15px;}
ul#specialties li {float: left; width: 200px; margin-right: 50px;}
ul#specialties li#producer {margin-right: 0;}
ul#specialties li h2 {margin: 10px 0; font-weight: bold;}

p#copyright {position: absolute; left: 38%; bottom: 130px; margin-top: 50px; font-size: .7em;}

div#creator { position: absolute; left: 38%; bottom: 120px; text-align: right; color: #000; font-size: .7em; }
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: .8em; 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;}