/*-------------------------------------------------------------------------------
	R E S E T
-------------------------------------------------------------------------------*/

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, dd, dl, dt, ol, ul, li, form, fieldset, label, table, caption, legend, thead, tbody, tfoot, th, tr, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline; }
ul, ol { list-style: none; }


/*-------------------------------------------------------------------------------
	B A S I C  S T Y L E S
-------------------------------------------------------------------------------*/

em, cite { font-style: italic; }
strong { font-weight: bold; }
hr { display: none; }
acronym, abbr { border-bottom: 1px dotted #666; } 


/* 	Global Link Settings
-------------------------------------------------------------------------------*/

a:link { color: #00f; text-decoration: underline; }
a:visited { color: #800080; text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { color: #00f; text-decoration: none; }


/* 	Hiding & Clearing
-------------------------------------------------------------------------------*/

/* hide
-------------------------------------------------------------------------------*/

span.type, 
div.footer li strong { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

/* clear
-------------------------------------------------------------------------------*/

ul.alternate-downloads:after, 
ul.footer:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }


/*-------------------------------------------------------------------------------
	S T R U C T U R E
-------------------------------------------------------------------------------*/

body { background: #eee; color: #333; padding: 2em 0 0; text-align: center; }
div.hresume, 
div.footer { font: 0.9em/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 auto; padding: 2em; text-align: left; width: 80%; min-width: 660px; max-width: 800px; }
div.hresume { background: #fff; border: 5px solid #333; }


/*-------------------------------------------------------------------------------
	H E A D E R S
-------------------------------------------------------------------------------*/

h1 a:link, h1 a:visited, h1 a:active { color: #000; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5 { color: #333; line-height: 1.2; }
h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } 
h4, h5 { font-weight: bold; } 
h1 { font-size: 4em; }
h2 { color: #555; font-size: 2em; padding: 0 0 1em; }
h3 { border-top: 2px solid #333; border-bottom: 1px solid #666; font-size: 1.3em; letter-spacing: .1em; line-height: 1; margin: 2.3em 0 1em 0; padding: .3em .1em .4em; text-transform: uppercase; }
h4 { font-size: 1.2em; }
h4, h5 { color: #444; padding: 0 0 .2em; }
ol.vcalendar li h4 { float: left; }
ol.vcalendar h5 { clear: both; font-style: italic; }


/*-------------------------------------------------------------------------------
	C O N T E N T
-------------------------------------------------------------------------------*/

/* general
-------------------------------------------------------------------------------*/

ul, ol, p { margin: 0 0 1em; color: #666; }
.dtstart, .dtend { font-size: 0.8em; }


/* contact information
-------------------------------------------------------------------------------*/

div.contact { margin: 0 auto; text-align: center; }
div.contact ul { margin: 0 auto; }
div.contact li { color: #333; display: inline; font-size: 1.1em; margin: 0; padding: 0 .7em; } 
div.contact li a:hover { text-decoration: none; } 

  
/* lists
-------------------------------------------------------------------------------*/

ul.summary, ol.vcard, 
ul.alternate-downloads { margin-left: 2em; }
ul.summary li, 
ol.vcard li, 
ul.alternate-downloads li { background: url(../images/bullet.png) no-repeat 0 7px; padding-left: 1.5em; }
ul.alternate-downloads li { float: left; margin: 0 1em 0 0; }
ul.summary li { margin-bottom: .3em; }
p.date abbr, 
ul.alternate-downloads acronym, 
div.footer acronym { border: 0; }


/* vcalendar
-------------------------------------------------------------------------------*/

ol.vcalendar li { background: url(../images/bullet.png) no-repeat 0 7px; border-bottom: 1px solid #eee; margin: 0 2em 1em; padding: 0 0 0 1.5em; }
ol.vcalendar li.education, 
ol.vcalendar li:last-child, 
ol.vcalendar li.last { border: 0; margin-bottom: 0; }
ol.vcalendar li p.date { float: right; clear: none; margin: 0; padding: 0; }
ol.vcalendar li p { clear: both; padding-top: .2em; }

 
/* skills
-------------------------------------------------------------------------------*/

ul.skills { padding: 0 2em; }
ul.skills ul { margin-bottom: 1.5em; }
ul.skills ul { padding: 0; }
ul.skills ul ul, 
ul.skills ul ul ul, 
ul.skills ul.software-applications ul { margin: 0; padding: 0; } 
ul.skills li { background: url(../images/bullet.png) no-repeat 0 7px; margin: 0; padding: 0 0 0 1.5em; }
ul.skills li li, 
ul.skills li li li { background: none; margin: 0; padding: 0; }
ul.skills ul.software-applications li { background: url(../images/bullet.png) no-repeat 0 5px; margin: .5em 0 0; padding: 0 0 0 1.5em; } 
ul.skills ul.software-applications li li { background: none; padding: 0; margin: 0; }
ul.skills li li { display: inline; margin: 0; padding: 0; }
ul.skills li li:after { content: ", "; }
ul.skills li li:last-child:after { content: ". "; }
ul.skills ul ul { display: inline; }
ul.skills ul.software-applications li { padding-bottom: .5em; padding-left: 1em; }
ul.skills ul.software-applications li:last-child, 
ul.skills ul.software-applications li.last { padding-bottom: 0; }
ul.skills ul.software-applications li li { padding-bottom: 0; padding-left: 0; }
ul.skills ul.software-applications li:after { content: ". "; }
ul.skills ul.software-applications li li:after { content: ", "; }
ul.skills ul.software-applications li li:last-child:after { content: ""; }
ul.skills ul.software-applications li { display: block; }
ul.skills ul.software-applications li li { display: inline; }
 

/*-------------------------------------------------------------------------------
	I C O N S
-------------------------------------------------------------------------------*/

/* phone */
a[href ^="callto:"] { background: url(../images/icon-phone.png) no-repeat center right; padding-right: 14px; }
/* email */
a[href ^="mailto:"] { background: url(../images/icon-email.png) no-repeat center right; padding-right: 21px; }
/* hCard */
a[href ^="http://h2vx.com/vcf/staceycordoni.com/"] { background: url(../images/icon-hcard.png) no-repeat center right; padding-right: 34px; }
/* pdf */
a[href$='.pdf'] { background: url(../images/icon-pdf.png) no-repeat center right; padding-right: 21px; }
/* doc */
a[href$='.doc'] { background: url(../images/icon-doc.png) no-repeat center right; padding-right: 20px; }
/* txt */
a[href$='.txt'] { background: url(../images/icon-txt.png) no-repeat center right; padding-right: 19px; }
/* microformats */
div.footer li li.vcard a { background: url(../images/icon-hresume.png) no-repeat center right; padding-right: 34px; }
/* HTML */
a[href ^="http://validator.w3.org/check?uri=referer"] { background: url(../images/icon-valid-html.png) no-repeat center right; margin-right: 12px; padding-right: 21px; }
/* CSS */
a[href ^="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"] { background: url(../images/icon-valid-css.png) no-repeat center right; padding-right: 21px; }
/* WAI-AAA */
div.footer li:last-child li a { background: url(../images/icon-checkmark.png) no-repeat center right; padding-right: 20px; }


/*-------------------------------------------------------------------------------
	F O O T E R
-------------------------------------------------------------------------------*/

div.footer p { float: left; }
div.footer ul { float: right; padding: 0 0 1em; }
div.footer ul ul { float: left; }
div.footer li { float: left; padding: 0 0 0 12px; }
div.footer li li { padding: 0; }