/* CSS Document */

/*------------------------------------------------------------------
1.0 Reset styles
-------------------------------------------------------------------*/

/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
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, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01% /* for opera and ie/win6+ */; line-height: inherit; font-family: inherit; text-align: left; vertical-align: top /* affects wrapping of inline images */; word-wrap: break-word; }
	
:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

select, input, textarea { font-size: 99%; } /* for Safari 2+ */

ol, ul { list-style: none; } /* affects the bullet placement; make sure to apply "vertical-align: baseline;" to local li styles */

hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .7em 0 .6em 0; clear: both; }
*html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .5em 0 .3em 0; clear: both; } /* for IE6 */
*+ html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .6em 0 .2em 0; clear: both; } /* for IE7 */

caption, th, td { text-align: left; font-weight: normal; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

blockquote, q { quotes: "" ""; }

button { padding: 0; width: auto; overflow: visible; }

em { font-style: italic; line-height: inherit; }
strong { font-weight: bold; line-height: inherit; vertical-align: baseline; }
.right { float: right; font: inherit; }
.clear { clear: both; }

a { line-height: normal; vertical-align: baseline; color: #600 /*#06C blue*/; }
a:visited { color: #900; }
a:hover { text-decoration: none; color: #600; background: #ffffee; }
a:active { }

/*------------------------------------------------------------------
2.0 Composition styles
-------------------------------------------------------------------*/

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; background: url(../images/red_3.gif) repeat-x; /*eosdev.com. */ }
#container { width: 50em; margin: 5em auto 0 auto; padding: 1em 0 0 0; text-align: left; border: 1px solid #222; border-width: 8px 0 0 0; }
#footer { width: auto; margin: 1em 0 1em 0; padding: 1em 0 0 0; border: 1px solid #222; border-width: 0 0 0 0; }
#aboutme, #writing, #termsandconditions, #resumevitae, #conferencework, #referrals { margin: 0 0 1em 0; }

.twocol { width: 48%; padding: 0; }
.twocol_indicia { width: 48%; padding: 0 0 1.5em 0; }
.bio { margin: 0 0 0 6em; }
.col_left { margin: 0; float: left; }
.col_right { margin: 0; float: right; }

.bottom { width: auto; padding: 1em; border: 1px solid #222; border-width: 1px 0 1px 0; }

/*------------------------------------------------------------------
3.0 Table (*sigh*) styles: for the Conference work section
-------------------------------------------------------------------*/

table.conf { width: 100%; border: 0; margin: .5em 0 0 0; border-collapse: collapse; color: #222; }
.conf th { font-size: .6em; padding: .6em; text-align: left; font-weight: bold; background: #f9f9f9; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #eee; border-width: 3px 0 1px 0; color: #999; }
.conf td { font-size: .8em; padding: .4em; text-align: left; font-weight: normal; border: 1px solid #eee; border-width: 0 0 1px 0; }
	th.org, td.org { width: 45%; }
	th.event, td.event { width: 40%; }
	th.days, td.days { width: 10%; }
	th.role, td.role { width: 5%; }

/*------------------------------------------------------------------
4.0 Typographic styles
-------------------------------------------------------------------*/

ul, ol { list-style: disc outside; margin: 0 0 0 1em; }
h1, h2, h3, h4, h5, h6, p, li { color: #222; font-weight: normal; }
h1 { font-size: 2.2em; line-height: 80%; padding: 0; margin: 0 0 .3em 0; letter-spacing: -.02em; }
h2 { font-size: 1.2em; line-height: 115%; margin: 0; }
	.lastsubhead { margin: 0 0 .5em 0; }
h3 { font-size: 1.19em; line-height: 100%; color: #222; font-weight: bold; letter-spacing: -.01em; width: auto; padding: 1em 0 .9em 0; border: 1px solid #222; border-width: 1px 0 0 0; display: block; }
	h3 a { color: #222; text-decoration: none; }
	.dimmed { font-size: .85em; font-weight: normal; margin: 0 0 0 .2em; color: #999; text-decoration: none; border: 1px dotted #bbb; border-width: 0 0 1px 0; }
	.dimmed:hover { background: #FFFFE0; text-decoration: none; }
h4 { font-size: .9em; line-height: 122%; color: #700; font-weight: bold; margin: 1.1em 0 .2em 0; }
	.breakingnews { margin: 0 0 1em 0; }
h5 { font-size: .82em; line-height: 136%; margin: 0 0 .7em 0; padding: .5em 0 0 0; border-top: 1px dotted #bbb; }
h6 { font-size: .7em; line-height: 136%; padding: 0; margin: 0; }
p, li { font-size: .82em; line-height: 136%; margin: 0 0 .5em 0; }
li { margin: 0 0 .2em 0; }
	.nobtmmargin { margin: 0; }
	.footerlink { font-size: inherit; vertical-align: baseline; font-weight: bold; color: #999; padding: 0 .4em 0 0; margin: 0 0 0 .4em; border: 1px dotted #bbb; border-width: 0 1px 0 0; }
	.nobrdr { padding: 0; margin: 0 0 0 .4em; border: 1px dotted #bbb; border-width: 0 0 0 0; }
	
img { margin: 0 .8em 0 0; float: left; display: block; }

/*------------------------------------------------------------------
4.1 Contextual typographic styles
-------------------------------------------------------------------*/

.highlight { background: #FFFFEe; padding: 2px 0px; }
.highlight_bold { background: #FFFFee; padding: 2px 0px; font-weight: bold; color: #700; }
.date { color: #444; font-weight: bold; vertical-align: baseline; margin: 0 1em 0 0; }