/* reset */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;
	vertical-align: baseline;	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none; }
table {	border-collapse: collapse;	border-spacing: 0; }

/* main */

body { 
	background: #1b273c url("/images/bg.png") no-repeat center top;
	color: #454546; 
	width: 100%; 
	display: table; 
	font-family: "Sabon LT Std", "Hoefler Text", "Palatino Linotype", "Book Antiqua", serif;
	font-size: 16px;
	}
/* remove this once you have content */
body { height: 900px; }

h1 { font-size: 2.2em; line-height: 20px; }
h2 { font-size: 1.6em; line-height: 20px; font-variant: small-caps;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 1px;
}
h3 { line-height: 10px; }

p { margin-bottom: 8px;}
a { color: #47658f; }
a:hover { color: #6f87aa; }


/* total header with menu 181px */
#wrap { overflow: auto; }
#header { margin: 0 auto; width: 848px; height: 135px; position: relative; }
	#header h1 { font-family: "Georgia, Times New Roman, Times, Serif"; font-size: 1.6em; float: right; margin: 25px 0 6px 0;}
	#header p#description { clear: right; float: right; font-style: italic; font-size: 1.2em;}
#menu { margin: 0 auto; width: 848px; height: 38px; font-size: 1.2em; }
	#menu ul { margin: 23px 0 0 40px;}
	#menu li { float: left; margin-right: 40px; }
	#menu a { text-decoration: none; color: white; }
	#menu a:hover, #menu #current { text-decoration: none; color: #27354A;}
#content-wrap { margin: 0 auto; width: 848px;}
#content { min-height: 550px; padding: 0 40px 12px 40px; background-color: #eef0f1;  }

#photo { float: left; margin-right: 10px;}
#greeting { width: 800px; margin: 0px auto; font-size: 1.8em; padding: 10px 0; }

.skills { border: 2px dotted gray; background-color: #e9e5d2; padding: 10px; width:430px; overflow: auto; margin-bottom: 10px; }
.skills div { float: left; padding-left: 20px; }
#skills-main { background-color: #dee5eb;}
#skills-main div { width: 190px;}

#projects { clear: both; }
#about-me { clear: both; margin-top: 15px; }

#footer { line-height: 16.5px; background-color: #c4bfaf; margin: 0; overflow: auto; height: 100%; border-top: 2px solid #898278; padding: 0 40px;  }
#footer div { float: left; padding: 10px; width: 25%; }

#contact img { margin-right: 15px; vertical-align: bottom;}
#contact li { font-family: arial, helvetica, sans-serif; font-size: 13px; margin-bottom: 8px;}

#twitter { margin-right: 50px;}
#twitter-link { display:block; text-align:right; font-family: arial, helvetica, sans-serif; font-size: 13px; }
#twitter_update_list li { margin-bottom: 12px; font-family: arial, helvetica, sans-serif; font-size: 13px;}

#links a { font-family: arial, helvetica, sans-serif; font-size: 13px; }