/* Inspired "The Perfect 'Left Menu' 2 Column Liquid Layout (Percentage

 * widths)" by Matthew James Taylor

 * http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm

 */

html { background-color: #111; font-size:12px } body { background-color: #322; font-family: Arial, Helvetica, sans-serif; font-size:1em; margin:0 auto; width: 660px; } h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; } h1 { font-size: 2em; line-height:1.5 } h2 { font-size: 1.5em; line-height:2 } h3 { font-size: 1.25em; line-height:1.6 } h4, h5, h6 { font-size: 1em; line-height:2 } i, em { font-style:italic; } b, strong { font-weight:bold; } #header { clear:both; width:100%; } #header h1 { color: #fff; font-size:2.75em; line-height:2.181818; margin: 0 auto; text-align:center; width: 50%; font-weight:bold; } #header h1 em { color:#ec6; font-style:normal; font-weight:bold; } #content { position:relative; clear:both; float:left; width:100%; overflow:hidden; } #body { background-color:#ec6; float:left; left:22%; overflow:hidden; padding:1em; position:relative; width:72%; } #body p { font-size:1.2em; line-height:1.25; margin:2% 0 0 0; } img.blurb { float:right; padding:4px; } #body p.signoff { font-style:italic; font-weight:bold; } #menu { float:left; overflow:hidden; right:76%; padding:1em; position:relative; width:18%; } #menu h2 { background-color: #ec6; clear:both; color:#223; display:inline; font-family: Arial, Helvetica, sans-serif; font-size:1em; line-height:2; padding:0 1em; } #menu ul { list-style:none; } #menu ul li { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:2; } #menu ul li a { display:block; width:10em; text-decoration:none; line-height:1.5; } #menu ul li a:link { color: #ec6; } #menu ul li a:visited { color: #ec6; } #menu ul li a:hover { color: #ff9; } #menu ul li a:active { color: #fd9; } #footer { clear:both; color:#dadada; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:2; font-style:italic; padding:1em; } #footer address { margin:0 auto; text-align:right; } #body td { vertical-align:top; padding:2px; } blockquote.ref { background-color:#dadada; font-family:Arial, Helvetica, sans-serif; font-style:italic; margin:1em 0; padding:4px; } div.VideoContainer { padding:1em; text-align:center; width:100%; } img.flickrthumb { border:3px solid #ddd; } table.photo td { width:86px; height:86px; text-align:center; vertical-align:middle; } #socmedia { display:none }