/* 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 { margin: 0 .25in; background: #fff; color: #333; font-size: 10pt; }
	a:link, a:visited { color: #666; text-decoration: none; }
	body, input, table, td, th, textarea { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
	p { margin: .7em 0; line-height: 1.5em; }

	h1, h2 { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; }
	h1 { padding: .925in 0 .0725in .125in; color: #000; font-size: 14pt; border-bottom: 1px solid #999; }
	h2 { margin-top: 1.2em; color: #AC98DB; font-size: 14pt; }

	#container, #main-container { width: 100%; }


/* H I D D E N
------------------------- */
	#nav { display: none; }
	

/* Header
------------------------- */
	#header { float: right; height: 115px; }
	#header a { position: relative; right: .125in; top: 0; display: block; width: 125px; height: 115px; overflow: hidden; }
	#header a span { display: block; width: 100%; height: 100%; }
	#header img { width: 130px; height: 115px; display: block; }


/* Content
------------------------- */
	#content { clear: right; padding: .25in; }

	#content p { margin: 0.5em 0 1em; }
	#content p, #content li { line-height: 1.5em; }
  #content p, #content ul { font-size: 10pt; }
	#content p.note { font-size: 8pt; }
	
	#content a[href^="/"]:after { content: " (http://www.heatherrosedesign.com" attr(href) ")"; }
	#content p a:link { border-bottom: 1px solid #ddd; }
  
	#content acronym { border-bottom: 1px dotted #aaa; }
  .clear { clear: both; }

	
	/* Home */
	ul.services { margin-top: 0; margin-left: 20pt; }
	ul.services li { padding: 0 0 .5em 0; list-style-type: circle; }

	/* Portfolio */
	#thumbs { float: left; margin-bottom: 30pt; padding: 5px 2px 5px 5px; font-size: 6pt; border: 1px solid #e6e6e6; }
	#thumbs li { float: left; display: inline; }
	body#portfolio #thumbs li a { border: 0; }
	#thumbs li a { margin-right: 2px; display: block; width: 50px; height: 50px; border-bottom: 0; overflow: hidden }
	#thumbs li a img { width: 50px; height: 50px; }
	body#portfolio #content img { padding-top: 15px; }
	body#portfolio #content #thumbs img { padding: 0; } /* Removes padding from thumbnail img */

	/* Resume */
	#skills { margin-left: 20pt; }
	#skills li { list-style-type: circle; }

	/* Contact */
	form { margin-top: 2em; }
	form p { padding: 0 0 5px 0; clear: left; line-height: 2em; }
	form p.note { clear: left; margin-left: 135px; font-size: 70%; line-height: normal; }
	label { float: left; margin-left: 15px; display: inline; width: 150px; font-weight: bold; font-size: 90%; }
	input, textarea { float: left; display: block; width: 330px; }
	input#submit, input#reset { float: left; margin-top: 8px; margin-bottom: 15px; display: block; width: 162px; }
	input#submit { margin-left: 165px; }
	input#reset { margin-left: 5px; }
	fieldset { margin-bottom: 5px; padding: 5px 5px 10px 5px; border: 1px solid #b1a1ce; }
	legend { margin: 2px 5px; font-weight: bold; font-size: 90%; }
	#contactmethod, #projecttype { float: left; clear: both; margin-left: 165px; display: inline; width: 320px; }
	#contactmethod input, #projecttype input { margin: 0 8px 0 0; display: block; width: 14px; }
	#contactmethod label, #projecttype label { margin: 0 4px 0 6px; padding-top: 5px; display: inline; color: #666; font-weight: normal; font-size: 85%; }
	#contactmethod label { width: 80px; }
	#projecttype label { width: 150px; }


/* Footer
------------------------- */
	#footer { clear: both; width: 100%; text-align: center; }
	#footer p { margin: 0; padding: 8px 10px 10px; color: #666; font-size: 8pt; line-height: normal; }
	#footer p a { color: #666; font-weight: bold; }