/* Reset */
html, body, div, ul, ol, dl, dd, dt li, h1, h2, h3, h4, h5, p, a, form, blockquote, img, a img, fieldset {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	text-decoration: none;
}

html
{
  font-size: 62.5%;
  font-family : Georgia, Times, serif;
  background-color: #fff;
  background-image : url('../images/background.png');
  background-repeat : no-repeat;
  background-position : top right;
}

a, a:visited, a:link
{
  color : #666;
  text-decoration: underline;
}
a:hover
{
  text-decoration: none;
}


/*
 * Header
 */
h1
{
  color : #aaa;
  font-size : 4em;
  margin : 1em 0 0 1em;
}
h2
{
  color : #666;
  font-size : 2em;
  margin : 0 0 0 1.2em;
  font-family : Verdana;
  font-weight : bold;
}
h3
{
  color : #666;
  font-size : 2em;
  font-family : Verdana;
  font-weight : bold;
}
h4
{
  color : #333;
  font-size : 1.8em;
  font-family : Verdana;
  font-weight : bold;
  margin-left : 20px;
}

/*
 * Navigation
 */
hr.nav
{ 
  border : 0;
  color : #732090;
  background-color : #732090;
  height : 3px;  
  margin-top : -2px;
}

ul.nav
{
  list-style : none;
  float : right;
  margin-right : 5em;
  margin-top : -12px;
}
  ul.nav li
  {
    float : left;
    margin-right : 1em;
    font-size : 2.5em;
    font-family : Verdana;
    font-weight : bold;
  }
    ul.nav li a, ul.nav li a:visited, ul.nav li a:link
    {
      color : #666;
      text-decoration: none;
    }
    ul.nav li a:hover
    {
      color:#aaa;
      text-decoration: none;
    }

    body.home ul.nav li.home a,
    body.services ul.nav li.services a,
    body.projects ul.nav li.projects a,
    body.blog ul.nav li.blog a,
    body.contact ul.nav li.contact a
    {
      color : #732090;
    }


/*
 * Global content
 */
div.content
{ 
  clear : left;
  margin-top : 4em;
  margin-left : 2em;
  margin-right : 10em;
}
    div.content p
    { 
      font-size : 1.6em;
      letter-spacing : .05em;
      line-height : 1.5em;
      margin-bottom : 1em;
      font-family : Verdana;
      color : #222;
    }
    div.content ul, div.content ol
    { 
      padding-left : 2em;
      margin : 0;
    }
    div.content li
    { 
      font-size : 1.6em;
      letter-spacing : .05em;
      line-height : 1.5em;
      font-family : Verdana;
      color : #222;
    }

div.footer
{ 
  clear : both;
  text-align : center;
  width : 30em;
  margin : 4em auto;
  border-top : #732090 solid 1px;
  padding-left : 8em;
}
    div.footer ul.footer_nav
    {
      list-style : none;
    }
        div.footer ul.footer_nav li
        {
          float : left;
          margin-right : 1em;
          font-size : 1em;
          font-family : Verdana;
        }
    div.footer p
    {
      color : #555;
      margin-top : 20px;
      margin-left : -6em;
    }

/*
 * Global form related
 */
div.form_wrapper
{ 
  float : left;
  clear : left;
  margin-bottom: 1em;
}
div.form_wrapper form div.form_field_wrapper
{ 
  float : left;
  clear : left;
}
  div.form_wrapper form dl div.form_field_wrapper
  {
    width : 780px;
    font-size : 1.6em;
    letter-spacing : .05em;
    line-height : 1.5em;
    font-family : Verdana;
    color : #222;
    padding : 10px;
    background-color : #e4e4e4;
  }
    div.form_wrapper form dl div.form_field_wrapper dt
    {
      font-weight : bold;
      float : left;
      width : 200px;
      padding : 10px;
      padding-left : 20px;
    }
    div.form_wrapper form dl div.form_field_wrapper dd
    {
      float : left;
      padding : 10px;
      width : 66%;
    }
      div.form_wrapper form dl div.form_field_wrapper dd input,
      div.form_wrapper form dl div.form_field_wrapper dd textarea
      {
        border : 1px #444 solid;
      }

      div.form_wrapper form dl div.form_field_wrapper_alt
      {
        background-color : #eee;
      }
      div.form_wrapper form dl div.form_submit_wrapper
      {
        background-color : #fff;
        padding : 0px;
      }
        div.form_wrapper form dl div.form_submit_wrapper dd input
        {
          border : 1px #444 solid;
          font-size : 1em;
          width : 200px;
        }
      div.form_wrapper form dl div.form_field_wrapper dd.form_error
      {
        background-color : #ef8c8c;
        border : #ef5050 solid 1px;
      }
      div.form_wrapper form dl div.form_field_wrapper dd textarea
      {
        width : 300px;
        height : 100px;
      }

/*
 * Home specific content
 */
body.home div.my_pic
{ 
  width : 100px;
  height : 100px;
  border : 2px solid #732090;
  float : left;
  margin : 10px 10px 0 0;
  background-image : url('http://www.gravatar.com/avatar/3198ddf1ecc5d37328e8a4255f128f4d.jpg?s=100');
}
body.home h3
{
  margin : 1em 0 0.5em 0;
}

/*
 * Contact page specific content
 */
body.contact dl.contact_list
{
  font-size : 1.6em;
  letter-spacing : .05em;
  line-height : 1.5em;
  font-family : Verdana;
  color : #222;
  margin-bottom : 1em;
  padding-left : 30px;
}
  body.contact dl.contact_list dt
  {
    font-weight : bold;
    float : left;
    width : 300px;
    padding-left : 20px;
    background-repeat : no-repeat;
    background-position : left center;
  }
    body.contact dl.contact_list dt.email
    {
      background-image : url('../images/icons/email.png');
    }
    body.contact dl.contact_list dt.phone
    {
      background-image : url('../images/icons/phone.png');
    }
    body.contact dl.contact_list dt.msn
    {
      background-image : url('../images/icons/msn.png');
    }
    body.contact dl.contact_list dt.twitter
    {
      background-image : url('../images/icons/twitter.png');
    }
    body.contact dl.contact_list dt.irc
    {
      background-image : url('../images/icons/irc.png');
    }


/*
 * Services page specific content
 */
body.services ul.sub_nav
{ 
  list-style : none;
  margin : 2em auto 0 auto;
  float : right;
}
  body.services ul.sub_nav li
  { 
    float : left;
    font-size : 2em;
    font-family : Georgia;
    color : #732090;
    padding : 0 10px 0 10px;
  }

body.services div
{
  clear : both;
  background-repeat : no-repeat;
  background-position : right top;
}
  body.services div.jump
  {
    padding-top : 4em;
  }
  body.services div.ecommerce
  {
    background-image : url('../images/services/ecommerce.png');
  }
  body.services div.cms
  {
    background-image : url('../images/services/cms.png');
  }
  body.services div.standards
  {
    background-image : url('../images/services/standards.png');
  }
  body.services div.seo
  {
    background-image : url('../images/services/seo.png');
  }
  body.services div.design
  {
    background-image : url('../images/services/design.png');
  }

body.services p.footnote
{
  font-size : 1.5em;
  margin-left : 1em;
  font-weight : bold;
  color : #732090;
  text-align : center;
}

/*
 * Blog page specific content
 */
body.blog h3
{ 
  clear : left;
}

body.blog p.marker
{
  clear : both;
  font-size : 2em;
  text-align : center;
  color : #732090;
}

body.blog div.post_actions
{
  margin-left : 1em;
}
  body.blog div.post_actions p
  {
    margin-left : 1em;
    color : #732090;
    float : left;
  }

body.blog div.comment
{
  padding : 5px;
  margin : 5px;
  background-color : #eee;
  border : solid #732090 1px;
  clear : left;
  float : left;
  width : 100%;
}
  body.blog div.comment img
  {
    padding: 0; margin : 0;
    float:left;
  }
  body.blog div.comment div.comment_user
  {
    float: left;
    width : 220px;
    padding-right : 2em;
    height : 100%;
  }
    body.blog div.comment div.comment_user p
    {
      font-size : 1em;
      float: right;
      clear : right;
      padding-left : 0;
      margin-left : 0;
    }
  body.blog div.comment p.comment_text
  {
    border-left : solid #732090 1px;
    display: inline-block;
    padding-left : 2em;
    clear : right;
    min-height : 52px;
    height:auto !important;
    height : 52px;
    margin-bottom : 0;
  }

body.blog div.category_list
{ 
  float : right;
  border : solid #732090 1px;
  background-color : #eee;
  padding : 10px;
}
  body.blog div.category_list p
  { 
    font-weight : bold;
    font-family : Georgia;
    text-align : center;
    border-bottom : solid #732090 1px;
  }
  body.blog div.category_list ul
  { 
    list-style : none;
  }
    body.blog div.category_list ul li
    { 
      font-size : 1.5em;
      padding-left : 10px;
      background-repeat : no-repeat;
      background-position : center left;
    }
    body.blog div.category_list ul li.selected
    { 
      background-image : url('../images/icons/arrow.png')
    }