/*You need this! Never delete this! Make sweet, sweet love to this!
Eric Meyer reset stylesheet*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 25;
	padding: 0;
	border: 0.5;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial,sans-serif;
	vertical-align: baseline;
}
@charset "UTF-8";
/* CSS Document */

/*  =GENERAL

    ------------------------------------------------------ */

    body {

      background:#fff;

      font-family: Helvetica, Arial, Sans-Serif;

      font-size:100%;

      line-height:1.125em;  /* 16×1.125=18 */

    }

    

    p {

      color:#444;

      font-family: Helvetica, arial, Verdana, sans-serif;

      font-size:0.8em;

      line-height: 1.25em;

      margin:5;

      padding:10px;
  
      }

    

    strong {

      font-size: 1em;

      font-weight:bold;

    }

    

    h1, h2, {

      font-family: Helvetica, arial, Verdana, sans-serif;

    }

    

    h1 {

      color:#fff;

      font-size:1em;

      font-weight:bold;

      font-variant: small-caps;

      letter-spacing:-1px;

      line-height:0.9em;

      margin:0px 0 24px 0;

    }

    

    h2 {

      font-size:0.8em;

      font-weight:bold;

      margin:0;

      padding:100px 10px 0px 10px;

    }

    

    a, a:hover {cursor: crosshair; color: #C0FFC0; background-color: fff;

      text-decoration: none;

    }

  

/*  =EXPANDING BOX SECTION

  ------------------------------------------------------ */

  #expanding_box {

    background-color:#fff;

    height:125px;

    left:0;

    margin:0px !important;

    padding:15px;

    position:absolute;

    top:0;

    min-width:950px;

    width:100% !important;

  }

  

  .menu {

    background-color:#fff;

    height:125px;

    margin:0px !important;

    padding:0px;

    position:absolute;

    width:190px;

  }

  

  .menu ul {

    list-style:none;

    margin:0;

    padding:110px 10px 10px 10px;

    text-align:left;

  }


  .menu ul li {

    font-size:0.9em;

    font-weight:normal;

    margin-top:3px;

    padding-bottom:0px;

  }

  

  #design a { color:#000000; }

  #illustration a { color:#000000; }

  #photo a { color:#000000; }

  #resume a { color:#000000; }
  
  #links a { color:#000000; }

  #blog a { color:#000000; }

  

  #design a:hover, #illustration a:hover, #photo a:hover, #resume a:hover, #links a:hover, #blog a:hover {

    color:#33ff99;

  }

  

  .branding {

    background: #fff url('../images/thenunzi.jpg') no-repeat;

    height:215px;

    margin:0px !important;

    padding:0px;

    position: absolute;

    left:185px;

    width:550px;

  }


    }  

  .branding h2 {

    color:#fe0391;

    padding-top:0px !important;

  }

  

  .contact {

    background: #fff;

    font-size:0.75em;

    height:199px;

    margin:0px !important;

    padding-top:0px;

    position:absolute;

    right:0;

    width:100px;

  }

  

  .contact img {url('../images/thenunzi.png') no-repeat;

    background-color:000;

    border:none !important;

  }

  

/*  =MAIN CONTENT AREA

  ------------------------------------------------------ */

  

  #main_content {

    left:185px;

    position:absolute;

    top:100px;

    width:100%px;

  }

  

  #main_content ul {

    list-style:none;

    padding:10px;

    min-width:600px;

    width:100%px;

  }

  

  #main_content ul li.stripes {

    background: url('../images/pink_tile.gif') repeat-x;

    display:block;

    margin:30px 0 10px 0 ;

    padding:0px;

  }

  

  .first {

    margin-top:0px !important;

  }

  

  #main_content ul li p {

    background-color:#fff;

    color:#000;

    display:inline;

    font-size:0.75em;

    font-weight:bold;

    margin:0 0 0 30px;

    padding:3px 3px;
    
    A:link {color:"000"; text-decoration: (none, underlined, bold, italic, other)}

A:visited {color:"000"; text-decoration: (none, underlined, bold, italic, other)}

A:hover {color:"fff"; text-decoration: (none, underlined, bold, italic, other)

  }

  

  #main_content ul li img {

    background-color:#000;

    border:1px solid #000;

    margin-bottom:0px;

    display:block;

  }