/* CSS Document */

/* Authored by:
------------------------------------------
Heather Rose
January 2008
http://www.heatherrosedesign.com

License: Copyright (c) 2008, Heather Rose, All rights reserved.
Feel free to read and learn from this, but please don't steal.
------------------------------------------ */

/* Imported Styles
------------------------------------------ */
@import url(reset.css);

/* Go on just say it...
------------------------------------------ */
@import url(http://www.heatherrosedesign.com/css/reset.css);


/* Global
------------------------- */
  body { color: #333; background: #4D4F53 url(../img/bg.gif) repeat 50% 0; }
  a:link, a:visited, a:hover, a:active { color: #91785B; text-decoration: none; }
  body, input, table, td, th, textarea { font-family: "Lucida Grande", Helvetica, Verdana, Tahoma, Arial, sans-serif; }

  h1, h2 { font-family: Georgia, "Times New Roman", Times, serif; }
  h1 { clear: right; padding: 5px 0 5px 15px; color: #4D4F53; font-size: 2em; letter-spacing: 0.1em; background: #e6e6e6; border-bottom: 1px solid #ccc; }
  h2 { margin-top: 1.2em; color: #836C9A; font-size: 2em; }
	h3 { margin: 0.2em 0 1.4em 0; color: #333; font-weight: bold; font-size: 1.3em; text-transform: uppercase; letter-spacing: 0.1em; }

  #wrapper { margin: 0 auto 10px auto; width: 600px; background: transparent; } /* Contains all elements */
  #main-wrapper { width: 598px; background: #fff; border: 1px solid #333; border-width: 0 1px; } /* Keeps footer separate */


/* Header
------------------------- */
  #header { height: 150px; background: #b1a1ce url(../img/header-bg.jpg) no-repeat 0 0; }
  #header a { position: relative; left: 15px; top: 17px; display: block; width: 130px; height: 115px; overflow: hidden; }
  #header a span { display: block; width: 100%; height: 100%; background: transparent url(../img/logo.png) no-repeat 0 0; }
  #header img { width: 0; display: block; }


/* Nav
------------------------- */
  #nav { float: right; width: 100%; background: transparent url(../img/nav-bg.jpg) no-repeat 0 0; border: 1px solid #4D4F53; border-left: none; border-right: none; }
  #nav li { float: right; display: inline; border-left: 1px solid #4D4F53; }
  #nav a { padding: 4px 13px; display: block; color: #333; font-size: 1em; letter-spacing: .1em; text-transform: uppercase; background: transparent; }
  #nav a:hover, body#home a#n-home, body#portfolio a#n-portfolio, body#resume a#n-resume, body#about a#n-about, body#contact a#n-contact { background: #EFE5C4 url(../img/nav-over.gif) repeat-x 0 0; }


/* Content
------------------------- */
  #content { padding: 30px 40px; width: 518px; min-height: 200px; overflow: auto; }
	
	#content p { margin: 0.5em 0 1em; }
	#content p, #content li { line-height: 1.5em; }
  #content p, #content ul { font-size: 1.2em; }
	#content p.note { font-size: 1em; }
	
  #content a { border-bottom: 1px dotted #999; }
  #content a:hover { color: #000; border-bottom: 1px solid #DBCEAC; }
  #content acronym { border-bottom: 1px dotted #aaa; }
	
  .clear { clear: both; }

  /* HOME */
  ul.services { margin-top: 0; margin-left: 10px; }
  ul.services li { padding: 0 0 .7em 20px; line-height: 1.5em; background: transparent url(../img/arrow.gif) no-repeat 0 0; }

  /* PORTFOLIO */
  #thumbs { margin: 0 auto 40px; padding: 4px 2px 2px 4px; width: 468px; overflow: auto; border: 1px solid #ccc; }
  #thumbs li { float: left; display: inline; }
	#thumbs li.clear { clear: left; }
  body#portfolio #thumbs li a { border: 0; }
  #thumbs li a { margin: 0 2px 2px 0; display: block; width: 50px; height: 50px; border-bottom: 0; overflow: hidden }
  #thumbs li a:hover { background: #EFE5C4; }
  #thumbs li a img { width: 50px; height: 50px; }
  body#portfolio #content img { display: block; margin-top: 25px; }
  body#portfolio #content #thumbs img { display: inline; margin: 0; padding: 0; } /* Removes padding from thumbnail img */
  #thumbs.surgicalwest a#th-surgicalwest, #thumbs.cielogroup a#th-cielogroup, #thumbs.fixt a#th-fixt, #thumbs.simplynotecards a#th-simplynotecards, #thumbs.mars a#th-mars, #thumbs.steph a#th-steph, #thumbs.lpi a#th-lpi, #thumbs.par a#th-par, #thumbs.ccc a#th-ccc, #thumbs.costafootball a#th-costafootball, #thumbs.mcvc-web a#th-mcvc-web, #thumbs.remedypharm a#th-remedypharm, #thumbs.mcvc-brochure a#th-mcvc-brochure, #thumbs.lcoor a#th-lcoor, #thumbs.oa a#th-oa, #thumbs.bluestone a#th-bluestone { background: #e6e6e6; } /* Selects thumbnail of current page */
	body#portfolio #content img.border { border: 1px solid rgb(230,230,230); }

  /* RESUME */
  ul#skills { margin-left: 10px; list-style: none; }
  ul#skills li { padding-left: 20px; background: transparent url(../img/arrow.gif) no-repeat 0 0; }

  /* CONTACT */
  form { margin-top: 2em; }
  form p { padding: 0 0 1.5em 0; clear: left; }
  form p.note { clear: left; margin-left: 165px; padding: 0; font-size: 1em; line-height: normal; }
  label { float: left; margin-left: 15px; display: inline; width: 150px;  }
  input, textarea { float: left; display: block; width: 335px; }
  fieldset { margin-bottom: 1em; padding: 5px 10px 10px; border: 1px solid #999; }
  legend { margin: 2px 5px; color: #666; font-size: 1em; }
  fieldset#contactmethod, fieldset#projecttype { float: left; clear: both; margin-left: 165px; display: inline; width: 320px; }
  fieldset#contactmethod input, fieldset#projecttype input { margin-right: 5px; width: auto; }
  fieldset#contactmethod label, fieldset#projecttype label { margin: .5em 2em 0 0; width: auto; display: inline; font-size: 1.2em; }
  input#submit, input#reset { float: left; margin: 8px 0 15px 10px; display: block; width: auto; }
  input#submit { margin-left: 165px; }
  

/* Footer
------------------------- */
  #footer { clear: both; width: 600px; text-align: center; background: transparent url(../img/footer-bg.gif) no-repeat 0 100%; border-top: 1px dotted #333; }
  #footer p { margin: 0; padding: 10px 10px 12px; color: #8B8D8E; font-size: 1em; line-height: normal; }
  #footer p a { color: #8B8D8E; font-weight: bold; }
  #footer p a:hover { color: #333; border-bottom: 1px solid #DBCEAC; }