/*

Title:      savvypop master screen styles
Author:     ryan@savvypop.com
Copyright:  2008, savvypop.  All rights resevered.

*/

/* Global Document Settings
---------------------------- */
body
{
  margin: 0 0 3em 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  color: rgb(12,0,81);
  background: url("img/bg.gif") no-repeat top center white;
}
#wrap
{
  margin: 11em auto;
  width: 65em;
}

/* Heading Styles And Structure
---------------------------- */
#head
{
  border-bottom: .6em double rgb(12,0,81);
}
#head img
{
  float: left;
  display: inline;
}
#head ul
{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#head ul li
{
  padding: 0;
  float: left;
  display: inline;
  list-style-type: none;
}
#head ul li a 
{
  width: 8.5em;
  margin-top: 1em;
  padding: 1em .3em .5em 1.7em;
  display: block;
  color: rgb(12,0,81);
  text-decoration: none;
  line-height: 1.4em;
  font-size: 1.2em;
}
#head ul li a strong
{
  display: block;
  font-weight: bold;
  font-size: 1.2em;
}
#head ul li a:hover
{
  padding-left: 1.4em; 
  background: url("img/nav-hover.gif") no-repeat top right rgb(229,166,1);
  border-left: .4em solid rgb(12,0,81);
  color: white;
}

/* Main Content Styles And Structure
---------------------------- */
#content 
{
  clear: both;
  margin: 1em 0;
  padding: 0 1em;
}
#content h1 {  font-size: 1.7em;  }
#content p {  font-size: 1.3em; line-height: 1.3em;  }
#content ul#about {  font-size: 1.3em; line-height: 1.4em; margin: 0 0 3em 0;  }

/* Portfolio Navigation */
h1.folio
{
  width: 3.8em;
  float: left;
  display: inline;
}
ul.folio 
{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.folio li 
{
  padding: 0 .7em .5em 0;
  float: left;
  display: inline;
  list-style-type: none;
}
ul.folio li a 
{
  padding: 0;
  float: left;
  display: inline;
}
ul.folio li a:hover img
{
  margin-bottom: -.3em;
  border-bottom: .3em solid rgb(229,166,1); 
}
ul.folio img 
{
  border: .1em solid black;
  padding: .1em;
}

/* Portfolio Details */
#work
{
  margin: 2em 0;
  overflow: hidden;
  font-size: 1.4em;
}
#work img
{
  float: left;
  display: inline;
  border: .1em solid black;
  margin: 0;
  padding: 0;
}
#work #desc 
{
  float: left;
  display: inline;
  overflow: hidden;
}
#work h2
{
  font-size: 1.2em;
  margin: 0;
  padding: 0 0 1em 1.3em;
}
#work h3
{
  margin: 0 0 1em 0;
  padding: .4em 0 .4em 1.4em;
  background: url("img/h3bg.gif") no-repeat top right rgb(229,166,1);
  font-weight: bold;
  color: white;
}
#work p
{
  width: 14.4em;
  margin: .2em 0;
  padding: 0 0 0 1.4em;
  line-height: 1.4em;
  font-size: 1em;
}
#work p em
{
  font-weight: bold;
  line-height: 2em;
}

/* Footer Styles And Structure
---------------------------- */
#foot
{
  clear: both;
  margin: 0;
  padding: 0;
  border-top: .5em double rgb(12,0,81);
  font: bold 1.2em Helvetica, Arial, sans-serif;
}