@charset "utf-8";

/*
 * CSS for MichaelIngrassia.com v10.1
 * (c) 2012 Michael Ingrassia
 */

body
{
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-color: #fff;
  color: #333;
  font: 14px Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans-Serif;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}

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

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

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

.footer
{
  clear: both;
  margin: 1em 0px 0px 0px;
  border: 0px;
  padding: 0.5em 0px 0.5em 0px;
  background-color: #fff;
  color: #333;
  font-size: 0.75em;
}

/*
 * TITLES
 */

.siteTitle
{
  margin: 0px;
  border: 0px;
  padding: 0.75em 0px 0.25em 0px;
  font-size: 3em;
  font-weight: 300;
  letter-spacing: 0.15em;
  color: #fff;
  text-shadow: #333 0px 2px 2px;
}

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

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

/*
 * 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 20px;
}

/*
 * LINKS
 */

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

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

/* 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: 0px;
  border: 0px;
  padding: 2em 0px 1em 0px;
  font-size: 1em;
}

.findmebar li
{
  margin: 0px;
  border: 0px;
  padding: 0px;
  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;
}

/*
 * 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;
}

/*
 * GENERATIVE ART
 */

.artSection
{
  clear: both;
  padding: 5px 0px 5px 0px;
}

.artSection img
{
  border: 0px;
  padding: 2px;
}

.artSection a:hover img:hover
{
  border: 1px solid #333;
  padding: 1px;
}

.artThumbMain
{
  float: left;
  margin: 0px 4px 10px 0px;
}

/*
 * MENU
 */

.menu
{
  margin: 0px;
  border: 0px;
  padding: 8px 0px 31px 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: 8px 13px;
  color: #fff;
  float: left;
  line-height: 100%;
  text-decoration: none;
  text-shadow: #333 0px 1px 1px;
  font-weight: normal;
}

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

/* HIGHLIGHT SELECTED ITEM */

#bodyAbout #navAbout,
#bodyGenerative #navGenerative,
#bodyPhoto #navPhoto,
#bodyCV #navCV
{
  background: #fff;
  color: #333;
  text-shadow: none;
}