@charset "utf-8";

/*
 * CSS for MichaelIngrassia.com v9
 * (c) 2010 Michael Ingrassia
 */

body
{
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-color: #fff;
  color: #333;

  font: 11px verdana, helvetica, geneva, arial, sans-serif;
/*
  font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
*/
  font-weight: normal;
}

.pageCenter
{
  width: 640px;
  margin: 0px auto 0px auto;
  border: 0px;
  padding: 0px;
}

.header
{
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-color: #333;
  background-image: url(header.jpg);
  background-position: center 0;
  background-repeat: repeat;
  color: #fff;
}

.main
{
  margin: 0px;
  border: 0px;
  padding: 2.5em 0px 0.5em 0px;
  background: #fff;
  color: #333;
}

.footer
{
  margin: 0px 0px 10px 0px;
  border: 0px;
  padding: 1px 0px 5px 0px;
  background-color: #fff;
  color: #333;
  font-size: 0.8em;
}

/*
 * TITLES
 */

.siteTitle
{
  margin: 0px;
  border: 0px;
  padding: 0.75em 0px 0.5em 0px;
  font-size: 3em;
  font-weight: normal;
  letter-spacing: 0.15em;
  color: #fff;
}

.pageTitle
{
  margin: 0px;
  border: 0px;
  padding: 0.5em 0px 0.25em 0px;
  font-size: 2em;
  font-weight: normal;
}

.pageSubtitle
{
  margin: 0px;
  border: 0px;
  padding: 0.5em 0px 0.25em 0px;
  font-size: 1.5em;
  font-weight: normal;
}

/*
 * PARAGRAPHS
 */

p
{
  margin: 0px;
  border: 0px;
  padding: 0.5em 0px 0.25em 0px;
}

/* QUICK FORMAT FIX FOR CV SECTION */
/* DO SOMETHING MORE LATER */

#bodyCV .main ul
{
  margin: 0px;
  border: 0px;
  padding: 0px 0px 0px 15px;
}

/* QUICK FORMAT FIX FOR PULSE:PRODUCED SECTION */
/* DO SOMETHING MORE LATER */

#bodyPulseProduced .main ul
{
  margin: 0px;
  border: 0px;
  padding: 0px 0px 0px 15px;
}

/* QUICK FORMAT FIX FOR PULSE:CONSUMED SECTION */
/* DO SOMETHING MORE LATER */

#bodyPulseConsumed .main ul
{
  margin: 0px;
  border: 0px;
  padding: 0px 0px 0px 15px;
}

/*
 * LINKS
 */

a
{
  color: #0F5B7F;
  text-decoration: none;
  font-size: 1em;
  font-weight: normal;
}   

a:hover
{
  color: #0F5B7F;
  text-decoration: underline;
  font-weight: normal;
}

/* I FEEL LIKE THIS IS A HACK TO COVER A BAD PAGE DESIGN */
/* links in titles should be smaller */

.pageSubtitle a
{
  font-size: 0.65em;
}

/*
 * FIND ME BAR
 */

.findmebar
{
  margin: 40px 0px 1px 0px;
  border: 0px;
  padding: 0px;
  font-size: 1em;
}

.findmebar li
{
  position: relative; /* establish containing block for hover bubble positioning */
  margin: 0px;
  border: 0px;
  padding: 0px 2px 0px 2px;
  display: inline;
  list-style-type: none;
}

.findmebar img
{
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.findmebar a
{
  margin: 0px;
  border: 0px;
  padding: 0px;
  color: #333;
  text-decoration: none;
}

.findmebar a .findmetext,
.findmebar a .findmearrow
{
  display: none;
}

.findmebar a:hover .findmetext
{
  display: inline;
  position: absolute;
  left: -6px;
  top: -41px;
  padding: 8px;
  background-color: #333;
  color: #fff;
  float: left;
  line-height: 100%;
  white-space: nowrap;
}

.findmebar a:hover .findmearrow
{
  display: inline;
  position: absolute;
  width: 0px;
  left: 1px;
  top: -15px;
  margin: 0px;
  border: 9px solid #fff;
  border-width: 9px 9px 0px 9px;
  border-color: #333 #fff;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
}

/*
 * PHOTO GRID
 */

.photogrid
{
  padding: 5px 0px 5px 0px;
}

.photogrid img
{
  margin: 0px;
  border: 0px;
  padding: 2px;
}

.photogrid img:hover
{
  margin: 0px;
  border: 1px solid #333;
  padding: 1px;
}

.photogrid a
{
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.photogrid a:hover
{
  margin: 0px;
  border: 0px;
  padding: 0px;
}

/*
 * MENU
 */

.menu
{
  position: relative; /* establish containing block for submenu positioning */
  margin: 0px;
  border: 0px;
  padding: 8px 0px 22px 0px;
}

.menu li
{
  margin: 0px;
  border: 0px;
  padding: 0px;
  display: inline;
  list-style-type: none;
}
	
.menu li a:link,
.menu li a:visited
{
  margin: 0px 3px;
  border: 1px solid #fff;
  padding: 5px 10px;
  color: #fff;
  float: left;
  line-height: 100%;
  text-decoration: none;
}

.menu li a:hover
{
  background: #333;
}

/* HIGHLIGHT SELECTED ITEM */

#bodyAbout #navAbout,
#bodyCV #navCV,
#bodyArtStatement #navArt,
#bodyArtGallery #navArt,
#bodyPhoto #navPhoto,
#bodyPulseProduced #navPulse,
#bodyPulseConsumed #navPulse
{
  background: #fff;
  color: #333;
}

/*
 * SUBMENU
 */

.submenu
{
  display: none;
}

.submenu li a:link,
.submenu li a:visited
{
  margin: 0px 4px;
  border: 1px solid #fff;
  padding: 2px 10px
  background: #fff;
  color: #333;
  line-height: 90%;
  text-decoration: none;
}

.submenu li a:hover
{
  border: 1px solid #333;
  background: #333;
  color: #fff;
  text-decoration: none;
}

/* DISPLAY PROPER SUBMENU */

#bodyArtStatement #subArt,
#bodyArtGallery #subArt,
#bodyPulseProduced #subPulse,
#bodyPulseConsumed #subPulse
{
  margin: 0px;
  border: 0px;
  padding: 0px;
  display: inline;
  list-style-type: none;
  position: absolute;
  left: 0px;
  top: 36px;
}

/* HIGHLIGHT SELECTED SUBMENU ITEM */

#bodyArtStatement #navArtStatement,
#bodyArtGallery #navArtGallery,
#bodyPulseProduced #navPulseProduced,
#bodyPulseConsumed #navPulseConsumed
{
  border: 1px solid #333;
  background: #fff;
  color: #333;
}