@media screen {  * { margin: 0; padding: 0; } body { background:url(http://www.charlesmkelley.com/bg.gif) repeat-x; font: 100%/1.3em "Arial Bold", "Arial Bold", Arial, sans-serif; color: black; text-align: center; } a:link { color: #b4b4b4; text-decoration: none; } a:visited { color: #b4b4b4; text-decoration: none; } a:hover { color: #b4b4b4; text-decoration: none; } a:active { color: #b4b4b4; text-decoration: none; } a img { border: 0; } a:active { outline: none; } a:focus { -moz-outline-style: none; }  h1, h2 { font-weight: normal; }  #container { width: 1024px; margin: 0 auto; font-size: 0.75em; text-align: left; }  #header { background: black; margin: 0 0 0; padding: 0px; padding-top: 0; } #header-inner { padding: 0 0 0; border: 0px; border-top: none; } #title { float: left; idth: 1024px; } h1 { padding: 0 0 0; font: 1.8em Arial, "Arial"; color: #8c8c8c; text-transform: uppercase; letter-spacing: -1px; line-height:1em; } h1 a:link { color: #8c8c8c; } p#tagline { margin: 0 0 0; font-size: 0.9em; }  ul#nav { float: right; font-size: .9em; text-align: right; text-transform: uppercase; } #nav li { float: left; list-style-type: none; display: block; margin-left: 10px; } #nav li a { float: left; height: 100%; display: block; padding: 10px 10px 5px 10px; } #nav li a:hover, body#home li#nav-home a, body#archives li#nav-archives a, body#contact li#nav-contact a, body#about li#nav-about a { background: #f9f9f9; }  #photo { background: #d7d7d7; margin: 0 0 0px; padding: 0px; } #photo-inner { background: #fff; padding: 0px; border: 0px solid #bbb9b9; } h2.photo-title { background: #d7d7d7; margin: 0 0 0px; padding: 0px; font-size: 1.3em; color: black; text-transform: uppercase; } h2.photo-title span { display: block; background: #fff; padding: 0px 0px; border: 0px solid #bbb9b9; } h2.photo-title2 { background: #d7d7d7; margin: 0 0 0px; padding: 0px; font-size: 4.5em; color: black; text-transform: uppercase; } h2.photo-title2 span { display: block; background: #fff; padding: 0px 0px; border: 8px solid #fff; } #photo-inner img { margin: 0 0 0px; padding: 0 0 0px; }  #photo-meta { float: left; width: 499px; background: #d7d7d7; margin: 0 0 20px; padding: 5px; } #photo-meta-inner { height: 30px; background: #fff; padding: 0 10px; border: 0px solid #bbb9b9; } #photo-meta ul { margin: 0; } #photo-meta ul li { list-style-type: none; display: inline; margin: 0; padding: 0 5px; border-right: 0px solid #e1e1e1; line-height: 30px; }  #navigate { float: right; width: 240px; font-size: 0.9em; } #navigate-inner { background: #d7d7d7; padding: 5px; text-align: center; } #navigate span.previous { float: left; } #navigate span.next { float: right; } #navigate span.previous, #navigate span.next { display: block; width: 48%; height: 30px; background: #fff; border: 0px solid #bbb9b9; } #navigate span.previous a, #navigate span.next a { display: block; padding: 0 5px; line-height: 30px; } #navigate span.previous a:hover, #navigate span.next a:hover { background: #f9f9f9; }  body#commentspopup { margin: 0 10px; } #comments { background: #e0e0e0; font-size: 0.75em; text-align: left; } #comments-header { background: #d7d7d7; margin: 0 0 20px; padding: 5px; padding-top: 0; } #comments-header-inner { padding: 10px; background: #fff; border: 0px solid #bbb9b9; border-top: none; } #comments-header h1 { margin: 0; padding: 0 0 5px; border-bottom: 0px solid #cececd; font: 1.5em Arial, "Arial", Arial; color: #8c8c8c; text-transform: uppercase; letter-spacing: -1px; line-height:1em; } #comments-header h1 a:link { color: #8c8c8c; } #comments-header h2 { padding: 5px 0 0; font-size: 0.9em; } #comments-info { margin: 20px 0 0; padding: 10px 0 0; border-top: 0px solid #cececd; } #comments-info p { font-size: 0.8em; } p.comments-meta { margin: 10px 0 0; padding: 0 0 5px 80px; border-bottom: 0px solid #BDA7B0; font-size: 0.9em; line-height: 1.2em; } div.comment-main { margin: 20px 0; padding: 10px; background: #fff; border: 0px solid #bbb9b9; font-size: 0.95em; } div.comment-main.authorcomment { background: #E8D9E1; } div.comment-meta { margin: 0 0 0 45px; font-size: 0.9em; line-height: 1.2em; } div.gravatar { float: left; } span.comment-meta-author { display: block; margin: 0 0 3px; padding: 0 0 3px; border-bottom: 1px solid #cececd; font-weight: bold; text-transform: uppercase; } div.comment-body { margin: 10px 0 0; } #comment-form { background: #d7d7d7; margin: 20px 0; padding: 5px; } #comment-form-inner { padding: 10px; background: #fff; border: 0px solid #bbb9b9; } #comment-form h2 { margin: 0; padding: 0 0 5px; border-bottom: 1px solid #cececd; font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif; color: #8c8c8c; text-transform: uppercase; letter-spacing: -1px; line-height:1em; } #comments-form label { display: block; font-size: 0.85em; text-transform: uppercase; letter-spacing: 0.2em; } #comments-form label em { font-style: normal; text-transform: none; letter-spacing: normal; } #author, #email, #url, #comment { width: 95%; margin: 0 0 10px; padding: 4px; background: #f7f7f7; border: 0px solid #e0e0e0; font: 0.9em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } #comment-submit { padding: 5px 10px; background: #888; border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font-size: 85%; color: #d5d5d5; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; } div.comment-form-info { margin: 10px 0 10px; border-bottom: 1px solid #cececd; font-size: 0.9em; color: #666; line-height: 1.4em; } div.comment-form-info p { margin: 5px 0; } p.trackback { overflow: hidden; }  #main { float: left; width: 490px; background: #d7d7d7; margin: 0 0 20px; padding: 5px; } #main-inner { background: #fff; padding: 0px; border: 0px solid #bbb9b9; } h2.page-title { padding: 0 0 5px; border-bottom: 1px solid #cececd; font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif; color: #8c8c8c; text-transform: uppercase; letter-spacing: -1px; line-height:1em; }  #side { float: right; width: 230px; background: #d7d7d7; padding: 0px; font-size: 0.9em; } #side-inner { background: #fff; padding: 0px; border: 0px solid #bbb9b9; } ul.arch-list { background: #fff; padding: 10px 0; } ul.arch-list li { list-style-type: none; border-bottom: 1px solid #e1e1e1; }  div.post { margin: 0px 0; padding: 0 0 0px; border-bottom: 0px solid #e1e1e1; } div.post-body { float: left; width: 80px; margin: 0 0px 0 0; padding: 0 0px 0 0; border-right: 1px solid #e1e1e1; } div.post-body img { padding: 0px; border: 0px solid #e1e1e1; } h3.post-title { font-size: 1.1em; font-weight: normal; } h4.post-meta { font-size: 0.8em; font-weight: normal; }  #footer { clear: both; padding: 0 0 0 15px; font-size: 0.8em; text-align: left; }  .clear { clear: both; height: 0; line-height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}  * html .clearfix {height: 1%;} .clearfix {display: block;}  } @media screen {#stimuli_lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #stimuli_lightbox a img{ border: none; } #stimuli_outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; } #stimuli_imageContainer{ padding: 10px; } #stimuli_loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; background: transparent center url(/wp-content/plugins/lightbox-2/Themes/Black/images/loading.gif) no-repeat; } #stimuli_hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #stimuli_imageContainer>#stimuli_hoverNav{ left: 0;} #stimuli_hoverNav a{ outline: none;} #stimuli_prevLink, #stimuli_nextLink{ width: 49%; height: 100%; background: transparent url(/wp-content/plugins/lightbox-2/Themes/Black/images/blank.gif) no-repeat;  display: block; } #stimuli_prevLink { left: 0; float: left;} #stimuli_nextLink { right: 0; float: right;} #stimuli_prevLink:hover, #stimuli_prevLink:visited:hover { background: url(/wp-content/plugins/lightbox-2/Themes/Black/images/prev.gif) left 55% no-repeat; } #stimuli_nextLink:hover, #stimuli_nextLink:visited:hover { background: url(/wp-content/plugins/lightbox-2/Themes/Black/images/next.gif) right 55% no-repeat; } #stimuli_imageDataContainer{ font: 12px Arial; background-color: #000; margin: 0 auto; line-height: 1.4em; } #stimuli_imageData { padding:0 10px; color: #fff; } #stimuli_imageData #stimuli_imageDetails{ width: 70%; float: left; text-align: left; } #stimuli_imageData #stimuli_caption{ font-weight: bold;} #stimuli_imageData #stimuli_numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;} #stimuli_imageData #stimuli_bottomNavClose{ width: 66px; float: right; padding-bottom: 1.0em;} #stimuli_imageData #stimuli_bottomNavClose{ background: url(/wp-content/plugins/lightbox-2/Themes/Black/images/closelabel.gif) right 55% no-repeat; padding-top: 1.0em; margin-bottom: 1.0em;} #stimuli_overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix {  height: 1%;  } }