@import url('/styles/beta.css');
/* copyright 2008 Anthony Ettinger */

html { color: #005567; background: #00272e; min-width: 600px; max-width: 1024px; margin: auto; }
body { margin: 2em 10%; font: small/1.2 'Lucida Grande', sans-serif;  }
body { font-family: Garamond, 'Goudy Old Style', 'Georgia', 'Times New Roman', serif; }

code { border: 1px solid #005567; color: inherit; background-color: #e2f2f5; padding: .5em 1em; font-family: 'Courier New', Courier, Fixed; font-size: 85%; }

#layout { border: 1px solid #003c47; }

.clfx:after { content: '.'; clear: both; display: block; visibility: hidden; overflow: hidden; height: 0; font-size: 0; }

/* percents are relative to parent */
#head { color: #004653; background: #90ddeb url('/images/bg_head.png') repeat-x left top; }
#ribbon { background: transparent url('/images/bg_ribbon.png') no-repeat top left; margin: 0; padding: 0; display: block; width: 78px; height: 78px; border: none; outline: none; text-indent: -9999px; }
h1, h2, h3, h4, h5 { font-family: 'Georgia', 'Times New Roman', serif; }
h1 { font-size: x-large; color: inherit;  margin: -1.5em 0 0 0; padding: 0 3em 1em 2.5em; }
h1 small { display: block; color: #016779; background-color: transparent; font-size: small; letter-spacing: .18em; }
h2 { font-size: large; }
h3 { font-size: medium; font-weight: normal; margin-bottom: .5em; }
h4 { font-size: small; }
h5 { font-size: x-small; }

/*
a:link, a:visited { color: #be2; background-color: inherit; text-decoration: none; }
a:active, a:hover { color: #3cf; background-color: inherit; text-decoration: underline; }
*/

.note { font-size: 85%; }

#nav { width: 100%; float: left; clear: left; list-style: none; color: #00272e; margin: 0;  padding: 1em 0 0 0; background: #92ecfc url('/images/bg_nav.png') repeat-x left top; font-family: 'Lucida Grande', sans-serif; }
#nav li:first-child { margin-left: 1.8em; border-left: 1px solid #00313d; }
#nav li.alt { border-right: none; }
#nav li { float: left; display: block; margin: 0; padding: 0; font-size: small; background: #008097 url('/images/bg_nav_inactive.png') repeat-x left top; color: #e2f2f5; border-top: 1px solid #005463; border-right: 1px solid #00313d; border-bottom: 1px solid #008097; text-transform: lowercase; }
#nav .active { color: #002329; background: #fff url('/images/bg_nav_active.png') repeat-x left top; color: #002329; border: 1px solid #fff; }
#nav .active a:link, #nav .active a:visited { color: #002329; background-color: transparent; }
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active { color: #e2f2f5; text-decoration: none; display: block; padding: .5em 1.5em; outline: none; }
#nav a:hover { color: #fff; background-color: transparent; display: block; padding: .5em 1.5em; outline: none; }

#txt { background: #fff url('/images/bg_text.png') repeat-x left bottom; color: #00313d; font-size: 1.2em; line-height: 1.4; margin-bottom: 0; padding: 3em 4.5em 2em 3em; font-family: Garamond, 'Goudy Old Style', 'Georgia', 'Times New Roman', serif; }
#txt ul { list-style-type: square; }
#txt ul.feed { list-style-type: none; padding-left: 1em; }
#txt ul.feed > li { padding-left: 3em; background: transparent url('/images/ico_favorite.png') no-repeat left top; }
#txt p.last { margin-bottom: 0; }
#txt p { text-align: justify; }
#txt a:link, #txt a:visited, #txt a:active { color: #12809e; font-weight: normal; background-color: inherit; }
#txt a:hover { background-color: inherit; color: #44b5c9; }
#txt li a:link, #txt li a:visited, #txt li a:active { color: #12809e; background-color: inherit;  }
#txt li a:hover { background-color: inherit; color: #44b5c9; }
#txt p a:link, #txt p a:visited, #txt p a:active { color: #12809e; background-color: inherit; }
#txt p a:hover { background-color: inherit; color: #44b5c9; }
#txt ul q { margin-left: .5em; }
#txt dl { font-size: medium; }
#txt p.skills { margin-bottom: 2em; }
#txt #experience, #txt #education h2 { font-size: 1.3em; }
#txt .job, #txt ul.feed > li { padding-bottom: .5em; margin-bottom: 1.5em; /* border-bottom: 1px solid #e3e3e3; */ } 
#txt .job a:after { content: ' [link]'; }
#txt .job ul { list-style-type: circle; margin-top: 0; }
#txt #education { border-top: 1px solid #e3e3e3; }
#txt #education ul { list-style-type: square; }
#txt .job h2 { font-size: 1em; margin-bottom: .5em; font-weight: bold; }
#txt .job h2 small { font-weight: bold; display: block; font-size: .92em; } /* job title */
#txt .job h3 { font-size: 1em; margin-top: 0; }
#txt .job h3 br { display: none; }
/*
#txt ul strong, #txt ul em { font-size: smaller; }
*/
#txt ol { padding-left: 1em; font-size: smaller; }
#txt ol.thumbs { list-style-type: none; }
#txt ol.thumbs li { float: left; display: block; margin-right: 1em; margin-bottom: .8em; }
#txt ol.abstract p { margin-top: 0; }
#txt ol.abstract li { margin-bottom: .5em; }
#txt ol.thumbs img { border: none; }
#txt abbr { border-bottom: 1px #00313d dotted; }
#photos #txt ul.feed li p:first-child { display: none; }

/* footer */
#foot { color: #70aab4; /*66a4af*/ background-color: #00677a; font-weight: normal; border-top: 1px solid #003e4a; margin-top: 0; position: relative; padding: .5em 1em; font-size: medium; font-family: 'Lucida Grande', sans-serif; }
#foot div { float: left; margin-right: 3em; }
#foot h3 { font-family: inherit; margin: .5em auto 0 auto; }
#foot ul { list-style-type: square; }
#foot li { margin-bottom: .5em; }
#foot a:link, #foot a:visited, #foot a:active { color: #00d1e5; background-color: inherit; text-decoration: none; }
#foot a:hover { color: #0ff; background-color: inherit; text-decoration: underline; }

#legal { color: #005567; background-color: inherit; font: small/normal 'Lucida Grande', sans-serif; text-align: right; padding: 0 1em; line-height: 3.0em; margin-top: 0; }
#legal span { float: left; }
#legal a:link, #legal a:visited { color: #005567; background-color: inherit; text-decoration: none; }
#legal a:active, #legal a:hover { color: inherit; text-decoration: underline; }