/* Author: Josh Rubinstein Special thanks to: Eric Meyer for the css reset Copyright 2009 */ 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 { font-size: 62.5%; line-height: 1.5em; font-family: Arial, verdana, sans-serif; } ol, ul {list-style: none;} blockquote, q {quotes: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} body { background:url(/images/interface/bg_sea_04.jpg) no-repeat fixed center 5px;} #gradient { background: url(/images/interface/bg_gradient_03.png) repeat-x;} #wrapper { width: 940px; height: 100%; margin: 0 auto;} /*************************-- header --***************************/ #nav_bg { width: 100%; height: 52px; background: transparent url(/images/interface/header_shadow.png) repeat-x top left; z-index: 100; position: absolute; top: 0; left: 0;} @media screen { #nav_bg { position: fixed;} /* Don't do this at home */ * html { overflow-y: hidden;} * html body { overflow-y: auto;} * html #nav_bg { position: absolute; } /* All done. */ } #header { width: 925px; height: 44px; margin: 0 auto; background: #000000;} #header h1 { width: 200px; float: left; margin: 2px 0 0 12px;} #header h1 #logo { display: block; width: 200px; height: 37px; margin: 0; overflow: hidden; position: relative;} #header h1 #logo img {position: absolute; left: 0; } /*************************-- nav --******************************/ ul#main_nav { height: 43px; width: 490px; float: left; margin: 0 0 0 219px;} ul#main_nav li { float: left; display: inline; margin: 0 6px 0 0;} ul#main_nav li.last {margin: 0 0 0 0;} #main_nav li#home a { width: 70px; height: 41px; display: block; background:url(/images/interface/main_nav.gif) no-repeat; background-position: 0 3px; text-indent: -9009px; } #main_nav li#home a.active { background-position: 0 -77px;} #main_nav li#home a.active:hover { background-position: 0 -77px;} #main_nav li#home a:hover { background-position: 0 -37px;} #main_nav li#artifacts a { width: 92px; height: 41px; display: block; background:url(/images/interface/main_nav.gif) no-repeat; background-position: -76px 3px; text-indent: -9009px; } #main_nav li#artifacts a.active { background-position: -76px -77px;} #main_nav li#artifacts a.active:hover { background-position: -76px -77px;} #main_nav li#artifacts a:hover { background-position: -76px -37px;} #main_nav li#frames a { width: 104px; height: 41px; display: block; background:url(/images/interface/main_nav.gif) no-repeat; background-position: -175px 3px; text-indent: -9009px; } #main_nav li#frames a.active { background-position: -175px -77px;} #main_nav li#frames a.active:hover { background-position: -175px -77px;} #main_nav li#frames a:hover { background-position: -175px -37px;} #main_nav li#work a { width: 72px; height: 41px; display: block; background:url(/images/interface/main_nav.gif) no-repeat; background-position: -285px 3px; text-indent: -9009px; } #main_nav li#work a.active { background-position: -285px -77px;} #main_nav li#work a.active:hover { background-position: -285px -77px;} #main_nav li#work a:hover { background-position: -285px -37px;} #main_nav li#cache a { width: 70px; height: 41px; display: block; background:url(/images/interface/main_nav.gif) no-repeat; background-position: -362px 3px; text-indent: -9009px; } #main_nav li#cache a.active { background-position: -362px -77px;} #main_nav li#cache a.active:hover { background-position: -362px -77px;} #main_nav li#cache a:hover { background-position: -362px -37px;} #main_nav li#qa a { width: 52px; height: 41px; display: block; background:url(/images/interface/main_nav.gif) no-repeat; background-position: -438px 3px; text-indent: -9009px; } #main_nav li#qa a.active { background-position: -438px -77px;} #main_nav li#qa a.active:hover { background-position: -438px -77px;} #main_nav li#qa a:hover { background-position: -438px -37px;} /*************************-- end nav --******************************/ /*************************-- global pages --*********************/ #content { width: 940px; height: 100%; float: left; margin: 43px 0 0 0; background: transparent url(/images/interface/page_bg.png) repeat-y; padding: 0 0 0 7px;} /*#content.home { width: 940px; height: 100%; float: left; margin: 117px 0 0 0; background: transparent; padding: 0 0 20px 0;}*/ #content.home { width: 923px; height: 100%; float: left; margin: 60px 0 0 8px; background: transparent; padding: 0 0 54px 0; border-bottom: 1px solid #9D9D9D} img.shadow { float: left; position: absolute; width: 940px; height: 7px; margin: 0 0 0 -8px; padding: 0;} /****************************-- home page --*************************/ /*#framing_statement { width: 925px; height: 223px; float: left; } #framing_statement h1 { font-family: Georgia, Times, serif; font-size: 5.3em; line-height: 1.2em; font-weight: normal; color: #000000; margin: 20px 20px 0 20px; width: 905px; float: left; position: absolute;}*/ /**--change---*/ #framing_statement { width: 925px; height: 100%; float: left; } #framing_statement h1 { font-family: Georgia, Times, serif; font-size: 5.2em; line-height: 1.6em; font-weight: normal; color: #000000; margin: 50px 0 0 20px; width: 905px; float: left;} /**--change---*/ /*--add--*/ #framing_statement input.madlib { background: transparent url(/images/interface/madlib_input_bg.png) repeat-x; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #000000; width: 250px; height: 44px; font-size: .7em; margin:0; padding: 0; font-family: Arial, verdana, sans-serif; color: #ff0000; font-weight: normal; text-align: center;} #framing_statement label { font-family: Arial, verdana, sans-serif; color: #000000; font-size: .2em; font-weight: normal; position: absolute; margin: 40px 0 0 109px;} #framing_statement h1 a, #framing_statement_error h1 a { text-decoration: none; color: #000000; border-bottom: 1px dotted #e1e1e1;border-bottom: 1px dotted #666666; } #framing_statement h1 a:hover, #framing_statement_error h1 a:hover { color: #ff0000; } #recent_artifacts { float: left; display: inline; width: 494px; height: 440px; overflow: hidden; border: 1px solid #cccccc; background: #ffffff; font-family: Georgia, Times, serif; font-weight: normal; padding: 25px 20px 20px 20px; } #recent_artifacts h2 { font-family: Arial, verdana, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 1.3em; color: #666666;} #recent_artifacts h3 { margin: 10px 0 15px 0; width: 440px;} #recent_artifacts h3 a { font-size: 2.1em; font-weight: normal; line-height: 1.2em; color: #000000; text-decoration: none; margin: 0;} #recent_artifacts h3 a:hover { color: #ff0000; text-decoration: underline;} #recent_artifacts p { font-size: 1.3em; line-height: 1.7em; margin: 0 0 20px 0;} #recent_artifacts a { font-size: 1.2em; color: #ff0000; } #recent_artifacts a.continue_reading { font-size: 1.2em; color: #ff0000; display: block; margin: 15px 0 0 0; } #recent_artifacts a:hover { color: #000000; } #recent_artifacts a span.link-arrows { font-family: "Lucida Grande",Arial,sans-serif; font-size: .9em;} #recent_artifacts img { float: left; margin: 5px 14px 3px 0; border: 1px solid #cccccc;} #sandbox { float: left; display: inline; width: 364px; height: 442px; overflow: hidden; font-family: Georgia, Times, serif; font-weight: normal; padding: 25px 0 20px 0px; margin: 0 0 0 34px;} #sandbox h2 { font-family: Arial, verdana, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 1.3em; color: #666666;} #weather_content { float: left; display: inline; width: 364px; height: 400px; margin: 34px 0 0 0; overflow: hidden;} #weather_info { float: left; display: inline; width: 362px; border: 1px solid #cccccc; background: #ffffff; margin: -1px 0 0 0;} #weather_content ul {font-family: "Lucida Grande", Arial, sans-serif;} #weather_content li.ww_label {color: #000000; text-transform: uppercase; font-size: 1em; padding: 10px 15px;} #weather_content li.ww_data {padding: 0 0 10px 15px; margin: -10px 0 0 0; font-family: Arial, sans-serif;} #weather_content li {font-size:1.2em; color: #cccccc; list-style-position: outside;} #weather_content ul#ww_box { float: left; display: inline; padding: 0; margin: 0; border-bottom: 1px solid #cccccc; width: 362px; } #weather_content ul#ww_box li#description p { color: #666666; font-family: Georgia, Times, serif; padding: 15px;} #weather_content ul#ww_box li#description p a { color: #ff0000;} #weather_content ul#ww_location { float: left; display: inline; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; width: 362px;} #weather_content ul#ww_conditions { float: left; display: inline; width: 150px; border-right: 1px solid #cccccc; } *:first-child+html #weather_content ul#ww_box li#description p { font-size: .8em;} *:first-child+html #weather_content ul#ww_conditions { width: 160px;} #weather_content ul#ww_temp { float: left; display: inline; width: 170px; } #weather_content ul#ww_forecast { float: left; display: inline; width: 362px; border-top: 1px solid #cccccc;} /****************************-- end home page --*************************/ /****************************-- 404 page --*************************/ #framing_statement_error { width: 925px; height: 243px; float: left; border-bottom: 1px solid #cccccc; margin: 0 0 40px 0; } #framing_statement_error h1#error { font-family: Georgia, Times, serif; font-size: 5.3em; line-height: 1.2em; font-weight: normal; color: #000000; margin: 20px 20px 0 40px; width: 860px; float: left; position: absolute;} /****************************-- 404 page --*************************/ /**************************-- artifacts page --******************************/ #story_data { width: 925px; height: 100px; float: left; border-bottom: 1px solid #cccccc; position: relative;} #story_data ul { list-style-position: outside; } #tag_data { width: 925px; float: left; border-bottom: 1px solid #cccccc; position: relative;} #preamble,#years,#months,#location_filed, #pub_block, #days { position: absolute;} #preamble { float: left; display: inline; height: 84px; border-right: 1px solid #cccccc; width: 95px; padding: 16px 0 0 13px;} #preamble ul li { font-size: 1.1em; font-family: "Lucida Grande", Arial, sans-serif; color: #cccccc; text-transform: uppercase; line-height: 1.6em;} #preamble ul li.story_data_label { color: #000000; padding: 4px 0 0 0; background: url(/images/interface/arrow.gif) no-repeat 46px 9px; } #years { float: left; display: inline; width: 86px; height: 100px; border-right: 1px solid #cccccc; padding: 0 0 0 13px; margin: 0 0 0 108px;} #years li, #months li, #days li { font-size: 6.5em; font-family: "Arial", sans-serif; color: #cccccc; line-height: 1em; margin: 0; padding: 12px 0 0 0;} #months { float: left; display: inline; width: 86px; height: 100px; border-right: 1px solid #cccccc; padding: 0 0 0 13px; margin: 0 0 0 208px;} #days { float: left; display: inline; width: 86px; height: 100px; border-right: 1px solid #cccccc; padding: 0 0 0 13px; margin: 0 0 0 309px;} #story_data li.story_data_label { font-size: 1.1em; color: #000000; font-family: "Lucida Grande", Arial, sans-serif; text-transform: uppercase; margin: 0; padding: 0; } #location_filed { float: left; sidplay:inline; width: 394px; height: 100px; margin: 0 0 0 409px; padding: 0;} #location_filed ul#location { border-bottom: 1px solid #cccccc; height: 36px; padding: 16px 0 0 13px; } ul#location li.label, ul#filed li.label { font-size: 1.1em; font-family: "Lucida Grande", Arial, sans-serif; color: #000000; text-transform: uppercase;} ul#filed {height: 38px; padding: 8px 0 0 13px;} #pub_block { float: left; display: inline; width: 122px; height: 100px; margin: 0 0 0 803px; padding: 0;} ul#publish {border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 36px; margin: 0 0 0 0; padding: 16px 0 0 13px;} ul#publish li.label, ul#comments li.label { font-size: 1.1em; font-family: "Lucida Grande", Arial, sans-serif; color: #000000; text-transform: uppercase;} ul#publish li, ul#comments li, ul#location li, ul#filed li { font-family: "Arial", sans-serif; color: #cccccc; font-size: 1.4em;} /*--for tags--*/ ul#filed li.tags a, #comments_list ul#comments_list_filed li.tags a { color:#cccccc; text-decoration:none; } ul#filed li.tags a:hover, #comments_list ul#comments_list_filed li.tags a:hover { color:#ff0000; text-decoration:underline; } ul#comments {border-left: 1px solid #cccccc; height: 39px; padding: 8px 0 0 13px;} #artifact_headline { width: 925px; float: left; margin: 0; padding: 0; border-bottom: 1px solid #cccccc;} #artifact_headline h1 {font-family: "Georgia", Times, serif; font-size: 6em; font-weight: normal; line-height: 1em; padding: 17px 32px 24px 20px; } .wide { clear:both; width: 909px; height: 100%; margin: 0; padding: 30px 0 24px 16px;} .wide h3 { font-family: Arial, Verdana, sans-serif; font-size: 1.5em; color: #cccccc; text-transform: uppercase; font-weight: normal;} .wide p { font-family: "Georgia", Times, serif; font-size: 1.4em; line-height: 1.5em; padding: 0 0 26px 0; color: #333333;} .wide .first { margin: 0 20px 0 0;} /*-- #col_01 { float: left; width: 504px; height: 100%; margin: 0 48px 0 0; padding: 16px 0 24px 0;} #col_02 { float: left; width: 360px; height: 100%; margin: 0; padding: 22px 0 24px 0;} #col_02 p { font-family: "Georgia", Times, serif; font-size: 1.6em; padding: 0; line-height: 1.3em; padding: 0 0 20px 0;}--*/ .wide img, .wide img { padding: 20px 0 20px 0;} .wide p a, .wide p a { color: #ff0000; text-decoration: underline;} .wide p a:hover, .wide p a:hover { color: #000000;} /*--comments--*/ #comments_list { float: left; width: 925px; border-top: 1px solid #cccccc; } #comments_list ul { list-style-position: outside;} #comments_list ul#comments_list_count { float: left; display: inline; width: 109px; height: 44px; border-right: 1px solid #cccccc;} #comments_list ul#comments_list_filed { float: left; display: inline; width: 612px; height:44px; border-right: 1px solid #cccccc;} #comments_list li {font-family: "Arial", sans-serif; color: #cccccc; font-size: 1.4em; padding: 0 0 0 16px;} #comments_list li.label { font-size: 1.1em; font-family: "Lucida Grande", Arial, sans-serif; color: #000000; text-transform: uppercase; padding: 6px 0 0 16px; margin: 0;} #comments_list #next_prev {float: left; display: inline; width: 200px; } #comments_list #next_prev li { float: left; display: inline; height: 44px; margin: 0; padding: 0; font-family: "Lucida Grande", Arial, sans-serif; font-size: 1.1em; text-transform: uppercase;} #comments_list #next_prev li.prev { border-right: 1px solid #cccccc; width: 113px; position: absolute; } #comments_list #next_prev li.next { width: 91px; position: absolute; margin: 0 0 0 113px; border-left: 1px solid #cccccc;} #comments_list ul#next_prev a {display: block; padding: 14px 0 14px 16px; color: #000000; text-decoration: none;} #comments_list ul#next_prev a:hover { color: #ff0000; text-decoration: underline;} #comments_list .comment.author { float: left; width: 925px; border-top: 1px solid #cccccc; padding:0 0 20px 0; background: #efefef;} #comments_list .comment { float: left; width: 925px; border-top: 1px solid #cccccc; padding:0 0 20px 0;} #comments_list .comment a {color:#ff0000;} #comments_list .comment a:hover {color: #000000;} #comments_list .comment .avatar { float: left; width: 108px; height: 100%;} #comments_list .comment .avatar a { display: block; padding: 29px 0 61px 45px;} #comments_list .comment .avatar a img { border: 3px solid #000000; text-decoration: none; padding: 0;} #comments_list .comment .comment_entry { float: left; width: 776px; padding: 25px 0 0 18px; margin: 0;} #comments_list .comment .comment_entry p.date {font-family: "Lucida Grande", Arial, sans-serif; font-size: 1.1em; text-transform: uppercase; margin: 0 0 10px 0; color:#cccccc; } #comments_list .comment .comment_entry p.name { font-family: "Georgia", Times, serif; font-size: 1.3em; color: #ff0000; display: inline; padding: 0; text-decoration:underline;} #comments_list .comment .comment_entry p.name:hover {color:#ff0000;} #comments_list .comment .comment_entry p.name a { font-family: "Georgia", Times, serif; color: #ff0000; display: inline; padding: 10px 0 4px 0; text-decoration: none;} #comments_list .comment .comment_entry p.name a:hover { color: #000000; text-decoration: underline;} #comments_list .comment .comment_entry p {font-family: "Georgia", Times, serif; padding: 0; margin: 5px 0 0 0; font-size: 1.4em; line-height: 1.3em;} #comments_list #comment_form_box { float: left; width: 905px; background: #cccccc; padding: 30px 0 24px 20px;} #comments_list #comment_form_box h2 { font-family: Arial, verdana, sans-serif; font-size: 1.7em; text-transform: uppercase; margin: 0 0 34px 0; font-weight: normal;} #comments_list #comment_form p label { font-family: "Lucida Grande", Arial, sans-serif; font-size: 1.1em; text-transform: uppercase;} #comments_list #comment_form #comment_form_comment { float: left; display: inline; width: 500px; margin: 0 33px 0 0;} #comments_list #comment_form p textarea#yourComment { width: 500px; height: 230px; background: #ffffff none repeat scroll; border: 1px solid #999999; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 1.3em; padding: 0; line-height: 1.2em;} #comments_list #comment_form #comment_form_info { float: left; display: inline; width: 330px; margin: 0 0 25px 0;} #comments_list #comment_form #comment_form_info input { background: #ffffff none repeat scroll; border: 1px solid #999999; height: 24px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 1.3em; padding: 0; line-height: 1.2em;} #comments_list #comment_form #comment_form_info p input.info_field { width: 287px; margin: 0 0 22px 0;} #comments_list #comment_form #comment_form_info p.personal_pref { margin: 0 0 13px 0; } #comments_list #comment_form #comment_form_info p.personal_pref input { margin: 0; padding: 0; background: none; border: none; } #comments_list #comment_form #comment_form_info p label.checkbox_desc { font-family: Arial, verdana, sans-serfi; text-transform: none; } #comments_list #comment_form #comment_form_info p#comment_submit input { margin: 34px 0 0 0; height: 33px;} /**************************-- end artifacts page --******************************/ /****************--artifact landing--*********************/ #artifact_framing_stmnt { width: 925px; margin:0; padding: 0; border-bottom: 1px solid #cccccc;} #artifact_framing_stmnt h1 { font-family: "Georgia", Times, serif; font-size: 3em; font-weight: normal; line-height: 1.3em; padding: 17px 16px 17px 24px; } #artifact_framing_stmnt h1 a { color: #000000; text-decoration: none; border-bottom: 1px dotted #e1e1e1;} #artifact_framing_stmnt h1 a:hover { color: #ff0000;} #content .artifact_info { color: #cccccc; font-size: 1.2em; float: left; display: inline; width: 600px; margin:0 0 15px 0; padding: 0;} #artifacts_recent_wrapper { float: left; display: inline; margin: 30px 0 0 0; padding: 0; width: 925px; border-bottom: 1px solid #cccccc;} #artifacts_recent_wrapper h2 { font-family: Arial, Verdana, sans-serif; text-transform: uppercase; font-weight: normal; color: #000000; font-size: 1.9em; margin: 0 0 10px 0;} #monthly_most_recent { width: 925px; float: left; display: inline; margin: 0; padding: 0; margin: 0 0 0 24px; } #monthly_most_recent div {float: left; display: block; width: 267px;} #monthly_most_recent div.odd { margin: 0 37px;} #monthly_most_recent ul li a img {border: 1px solid #cccccc;} #monthly_most_recent ul li.title {font-size: 1.8em; font-family: Georgia, Times, serif; line-height: 1.1em; margin: 15px 0;} #monthly_most_recent ul li.title a {color: #000000; text-decoration: none;} #monthly_most_recent ul li.title a:hover { text-decoration: underline; color: #ff0000;} #monthly_most_recent ul li.excerpt {font-size: 1.2em; font-family: Arial, verdana, sans-serif; line-height: 1.3em; color: #333333;} #monthly_most_recent .pub_info {float: left; display: block; width: 267px; margin: 15px 0 0 0; padding: 0 0 40px 0;} #monthly_most_recent .pub_info ul {float: left; display: inline; width: 70px; color: #cccccc; font-size: 1.1em; line-height: 1.2em; height: 26px; list-style-position: outside; } #monthly_most_recent .pub_info ul li.label { font-family: "Lucida Grande", Arial, sans-serif; color: #000000; font-size: .9em; text-transform: uppercase;} #monthly_most_recent .pub_info ul.comments { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 0 10px; margin: 0 10px; } #monthly_most_recent .pub_info ul li a { color: #ff0000; text-decoration: none; font-family: Georgia, Times, serif; font-size: 1em; line-height: .5em;} #monthly_most_recent .pub_info ul li a:hover { text-decoration: underline;} #artifacts_tags_wrapper ul li { margin: 0 0 10px 0; color: #cccccc;} #artifacts_tags_wrapper { float: left; display: inline; margin: 0 0 0 24px; padding: 0; width: 925px; } #artifacts_tags_wrapper h2 { font-family: Arial, Verdana, sans-serif; text-transform: uppercase; font-weight: normal; color: #000000; font-size: 1.9em; margin: 0 0 10px 0;} #artifacts_tags_wrapper .artifacts_col { float: left; display: inline; width: 126px; height: 570px; margin: 0; padding: 20px 0 0 20px; border-right: 1px solid #cccccc; font-size: 1.2em;} #artifacts_tags_wrapper .artifacts_col_first { float: left; display: inline; width: 146px; height: 570px; margin: 0; padding: 20px 0 0 0; border-right: 1px solid #cccccc; font-size: 1.2em;} #artifacts_tags_wrapper .artifacts_col_last { float: left; display: inline; width: 126px; height: 570px; margin: 0; padding: 20px 0 0 20px; font-size: 1.2em;} #artifacts_tags_wrapper a { color: #666666; text-decoration: none; } #artifacts_tags_wrapper a:hover { color: #ff0000; text-decoration: underline; } #artifacts_tags_wrapper a span.tag-number {color: #ff0000; } /****************--end artifact landing--*********************/ /****************--artifacts tag results--********************/ #tag_data h1 {font-family:"Georgia",Times,serif; font-size:5em; font-weight:normal; line-height:1em; padding:24px 16px;} #tag_data h1 span.tag_title { color: #ff0000; text-transform: lowercase;} #tag_data h1 span.tag_title_month { color: #ff0000; text-transform: inherit;} #content #tag-excerpt-container { float: left; display: inline; font-family:"Georgia",Times,serif; padding: 25px 40px 20px 20px; width: 680px; border-right: 1px solid #cccccc; } #content #tag-excerpt-container .tag-excerpt { float: left; display: inline; margin: 0 0 70px 0; } #content #tag-excerpt-container .tag-excerpt img {float: left; display: inline; margin: 0 20px 0 0; border: 1px solid #cccccc;} #content #tag-excerpt-container .tag-excerpt ul { float: left; display: inline; list-style-position: outside; width: 520px;} #content #tag-excerpt-container .tag-excerpt ul li h2 a {font-family:"Georgia",Times,serif; font-size: 2em; text-decoration: none; color: #000000; font-weight: normal;} #content #tag-excerpt-container .tag-excerpt ul li.date {font-family: "Lucida Grande", Arial, sans-serif; font-size: 1.1em; text-transform: uppercase; margin: 0 0 10px 0; color:#cccccc;} #content #tag-excerpt-container .tag-excerpt ul li h2 a:hover {text-decoration: underline; color: #ff0000;} #content #tag-excerpt-container .tag-excerpt ul li p {font-size:1.3em; color: #333333;} #content #tag-excerpt-container .tag-excerpt ul li a { color: #ff0000;} #content #tag-excerpt-container .tag-excerpt ul li a:hover { color: #000000;} #content #tag-excerpt-container .tag-excerpt ul li a span.link-arrows { font-family: "Lucida Grande",Arial,sans-serif; font-size: .9em;} #content #tag-excerpt-container .tag-excerpt ul li { margin: 0 0 10px 0;} #content #all-tags { float: left; display: inline; width: 157px; padding: 20px 0 60px 20px; margin: 0 0 0 -1px; border-left: 1px solid #CCCCCC;} #content #all-tags h2 { font-family: Arial, sans-serif; color: #cccccc; text-transform: uppercase; margin: 0 0 5px 0; } #content #all-tags ul li { font-family: Arial, sans-serif; font-size: 1.2em; margin: 0 0 10px 0; } #content #all-tags ul li.tag { color: #000000;} #content #all-tags ul li span.tag-number {font-family: "Lucida Grande", Arial, sans-serif; font-size: .9em; color:#ff0000;} #content #all-tags ul li a { color: #666666; text-decoration: none;} #content #all-tags ul li a:hover { color: #ff0000; text-decoration: underline;} /****************--artifacts tag results--********************/ /****************--365 frames--*********************/ #current_frame { float:left; height:100px; position:relative; width:925px;} #current_frame #frame_number { float: left; display: inline; width: 140px; height: 100px; position: absolute; border-right: 1px solid #cccccc;} #current_frame #frame_number ul { list-style-position: outside; margin: 12px 0 0 16px;} #current_frame #frame_number ul li {color:#CCCCCC; font-family:"Arial",sans-serif; font-size:6.5em; line-height:1em; margin:0; padding:1px 0 0 0;} #current_frame #frame_number ul li.story_data_label {color:#000000; font-family:"Lucida Grande",Arial,sans-serif; font-size:1.1em; margin:0; padding:0; text-transform:uppercase;} #current_frame #frame_caption { float: left; display: inline; width: 780px; height: 100px; margin: 0 0 0 141px; position: absolute;} #current_frame #frame_caption p {font-family: "Georgia", Times, serif; font-size: 1.5em; font-weight: normal; line-height: 1.4em; padding: 21px 22px 16px 22px;} #recent_frame { float: left; width: 925px; height: 617px;} .frame_archive_row { float: left; width: 883px; height: 121px; border-top: 1px solid #cccccc; padding: 23px 21px 21px 21px;} .lastRow { height: 30px; width: 925px; border-bottom: none; margin: 0; border-top: none; padding: 0;} .frame_archive_row ul { float: left; display: inline; width: 161px; list-style-position: outside; } .frame_archive_row ul li { float: left; color: #cccccc; } .frame_archive_row ul li p { display: inline; color: #ff0000;} .frame_archive_row ul li p.story_data_label {color:#000000; font-family:"Lucida Grande",Arial,sans-serif; font-size:1.1em; margin:0; padding:0; text-transform:uppercase;} .frame_archive_row ul li p.enlarge { margin: 0 0 0 50px;} .frame_archive_row ul li p.enlarge a { color: #cccccc; text-decoration: none;} .frame_archive_row ul li p.enlarge a:hover { color: #ff0000;} .frame_archive_row ul.odd { margin: 0;} .frame_archive_row ul.even { margin: 0 19px 0 19px;} /****************--end 365 frames--*********************/ /****************--work--*********************/ #portfolio_framing_statement { width: 925px; float: left; margin: 0 0 40px 0;} #portfolio_framing_statement h1 {font-family: "Georgia", Times, serif; font-size: 4.5em; font-weight: normal; line-height: 1.2em; text-indent: -.4em; padding: 0; margin: 30px 0 0 40px;} #portfolio_current { float: left; width: 885px; margin: 0 0 0 0; border-top: 1px solid #cccccc; padding: 0 0 0 40px;} #sandbox-work { float: left; display: inline; width: 580px; height: 400px; margin: 0 34px 0 0; padding: 0 34px 30px 0; border-right: 1px solid #cccccc;} #sandbox-work h2 { margin: 40px 0 20px 0; width: 200px; font-size: 1.7em; color: #000000; text-transform: uppercase; font-weight: normal;} #sandbox-work ul { float: left; display: inline; list-style-position: outside;} #sandbox-work ul.bullets { float: left; list-style: disc; list-style-position: inside; color: #999999; margin: 10px 0; width: 300px;} #sandbox-work ul li.thumb { float: left; margin: 0 25px 20px 0; } #sandbox-work ul li.title { font-size: 1.7em; font-weight: bold; line-height: .9em; } #sandbox-work ul li.subtitle { font-size: 1.2em; margin: 5px 0 10px 0; line-height: .9em; color: #666666;} #sandbox-work ul.bullets { list-style: disc; list-style-position: inside; color: #999999; margin: 10px 0;} #sandbox-work ul li img { margin: 0 0 8px 0;} #sandbox-work ul li p { font-size: 1.2em; color: #666666; line-height: 1.5em;} #sandbox-work ul li a { color: #ff0000; text-decoration: none; display: block; float: left; font-size: 1.3em; font-family: "Georgia", Times, serif;} #sandbox-work ul li a:hover { color: #000000;} #freelance { float: left; display: inline; width: 200px; margin: 0;} #freelance h2 { margin: 40px 0 20px 0; font-size: 1.7em; color: #000000; text-transform: uppercase; font-weight: normal;} #freelance ul {width: 200px;} #freelance ul p { font-size: 1.2em; color: #666666; line-height: 1.5em;} #freelance ul li a {color: #ff0000; text-decoration: none; } #freelance ul li a:hover { text-decoration: underline;} .work_past {float: left; width: 885px; margin: 0 0 40px 0; padding: 0 0 0 40px; border-top: 1px solid #cccccc;} .work_past h2 { margin: 40px 0 20px 0; font-size: 1.7em; color: #000000; text-transform: uppercase; font-weight: normal; } .work_past .portfolio_row { float: left; width: 885px; margin: 0 0 35px 0; padding: 0;} .work_past .portfolio_row ul li a {font-family: "Georgia", Times, serif; font-size: 1.3em; color: #ff0000; text-decoration: none; display: block; padding: 0 0 8px 0; } .work_past .portfolio_row ul li a:hover { text-decoration: underline;} .work_past .portfolio_row_last {border-bottom: none;} .work_past ul { float: left; display: inline; width: 231px; margin: 0; list-style-position: outside;} .work_past ul.odd { float: left; display: inline; width: 230px; margin: 0 80px 0 80px;} .work_past ul li img { margin: 0 0 8px 0;} .work_past ul li p { font-size: 1.2em; color: #666666; line-height: 1.5em;} .work_past ul li.title { font-size: 1.7em; font-weight: bold; line-height: .9em;} .work_past ul li.subtitle { font-size: 1.2em; margin: 5px 0 10px 0; line-height: .9em; color: #666666;} .portfolio_row ul.bullets { list-style: disc; list-style-position: inside; color: #999999; margin: 10px 0;} /****************--end work--*********************/ /****************--cache--**************************/ body#cache #content { padding: 0 0 50px 7px; float:left;margin:43px 0 0; width:940px;} body#cache #content #cache_framing_stmnt { width: 925px; margin:0; padding: 0; border-bottom: 1px solid #cccccc;} body#cache #content #cache_framing_stmnt h1 { font-family: "Georgia", Times, serif; font-size: 3em; font-weight: normal; line-height: 1.3em; padding: 17px 16px 17px 24px; } body#cache #content #cache_framing_stmnt h1 a { color: #000000; text-decoration: none; border-bottom:1px dotted #e1e1e1;} body#cache #content #cache_framing_stmnt h1 a:hover { color: #ff0000;} body#cache ol { font-family: Georgia, Times, serif; font-size: 1.5em; margin: 0 0 0 45px; list-style-type: decimal; width: 880px; list-style-position: outside;} body#cache ol li { margin: 0 0 5px 0; list-style: decimal; list-style-position: outside;} body#cache ol li p { line-height: 1.2em;} body#cache ol li a { color: #ff0000; text-decoration: none;} body#cache ol li a:hover { text-decoration: underline;} body#cache h2.cache { font-family: Arial, verdana, sans-serif; font-size: 1.9em; color: #000000; text-transform: uppercase; font-weight: normal; margin: 30px 0 0 24px;} /****************--cache--**************************/ /****************--qa--**************************/ #qa_framing_statement { width: 925px; height: 180px; float: left; } #qa_framing_statement h1 { font-family: Georgia, Times, serif; font-size: 4em; line-height: 1.2em; font-weight: normal; color: #000000; margin: 30px 0 0 40px; width: 650px; float: left; position: absolute; text-indent: -.4em;} #qa_container { width: 885px; float: left; display: inline; padding: 0 0 10px 40px; margin: 0 0 50px 0; border-bottom: 1px solid #cccccc; } #qa_container h2 { float: left; display: block; width: 650px; font-family: Georgia, Times, serif; font-size: 2.4em; font-weight: normal; height: 45px; margin: 0 0 10px 0; cursor: pointer;} #qa_container h2:hover { color: #ff0000;} #qa_container h2 span.qa_num { width: 30px; float: left; display: inline; margin: -4px 0 0 0;} #qa_container h2 span.pipe { float: left; display: block; color: #cccccc; font-size: .9em; margin: 0 5px 0 0;} #qa_container h2 span.question { display: block; float: left; height: 40px; font-family: Georgia, Times, serif; line-height: 40px; margin: -12px 0 0 0; } #qa_container div { margin: 0 0 40px 0; float: left; display: inline; width: 620px; display: none;} #qa_container p { font-family: Arial, verdana, sans-serif; font-size: 1.4em; color: #666666; margin: 0 0 10px 0; line-height: 1.2em;} #qa_container p a { color: #ff0000;} #qa_container p a:hover { color: #000000;} #qa_container #self_portrait { width: 173px; height: 532px; position: absolute; margin: -15px 0 0 674px; z-index: 30; display: block;} *:first-child+html #qa_container #self_portrait { margin: -400px 0 0 10px; z-index: 30;} form#freeform {margin:10px 0 10px 0; float:left; display:inline;} form#freeform label {font-size:1.1em;font-family: Lucida Grande, arial, sans-serif; color:#000000; text-transform: uppercase;} form#freeform input#title, form#freeform #field_id_11 {background-color:#fff; border:1px solid #ccc; font-size:1.2em !important; font-family: sans-serif;} #contact-saef { float: left; display: inline; width: 600px; margin: 0; padding: 0 0 50px 40px;} #contact-saef h2 { font-weight: normal; text-transform: uppercase; font-size: 1.7em;} /*---form styles in qa--*/ form#freeform label.error { float: left; color: red; padding: 0; margin: -16px 0 20px 0; vertical-align: top; } form#freeform label { float: left; clear:both; } form#freeform input { width: 25em; height:2em; float: left; clear:both; border: 1px solid #cccccc; font-size:1.3em; margin: 0 0 15px 0; } form#freeform span#captcha-image { float:left; clear:both; margin:0 0 30px 0;} form#freeform textarea { width: 50em; height:20em; overflow-y: auto; float: left; clear:both; font-size:1.3em; font-family:Arial, Verdana, sans-serif; border: 1px solid #cccccc; margin: 0 0 18px 0; } form#freeform label span {color: red; padding-left: .2em; vertical-align: top; text-transform: none;} form#freeform input#cattachments { width: 20em; float: left; clear:both; border: 1px solid #cccccc;} /* BUTTONS */ form#freeform #submit-btn { padding: 0; line-height: 0; margin: 4px 14px 0 0; display: block;width: 84px; height: 41px; float: left;} /****************--qa--**************************/ /*****************-- footer --********************************/ #footer { float: left; width: 923px; margin: 0 0 0 8px; padding:0;} body#home_page #footer img.shadow { display: none;} #footer h2 { margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 1.7em; font-weight: normal;} #footer p strong { font-family: Georgia, Times, serif; font-size: 1.2em; color: #666666;} #footer p { font-family: Georgia, Times, serif; font-size: 1.4em; color: #666666; line-height: 1.5em; padding: 0 75px 0 0;} #footer .footer_item { border-bottom: 1px solid #9D9D9D; padding: 30px 0 24px 20px;} #footer .footer_item.books { border: none;} #footer .footer_item ul { float: left; display: inline; width: 140px; margin: 10px 12px 0 0;} #footer .footer_item ul.last { margin-right: 0; margin-left: 0;} #footer #one, #footer #two, #footer #three, #footer #four, #footer #five, #footer #six { display: none;} #one p.title, #two p.title, #three p.title, #four p.title, #five p.title, #six p.title { font-family: "Lucida Grande",Arial,sans-serif; text-transform: uppercase; display: block; width: 350px; border-bottom: 1px solid #000000; padding: 0 0 3px 0; margin: 0 0 6px 0;} #one p.excerpt, #two p.excerpt, #three p.excerpt, #four p.excerpt, #five p.excerpt, #six p.excerpt { font-family: Arial, verdana, sans-serif; color: #333333;} #search_bg { width: 100%; height: 55px; float: left; background: transparent url(/images/interface/footer_shadow.png) repeat-x top; bottom: 0;} #search_bg #footer_search { padding: 0 0 0 32px; margin: 6px auto 0; background: #000000; height: 49px; width: 925px;} #search_bg #footer_search p { margin: 0; padding: 0;} #search_bg #footer_search h2 { width: 170px; float: left; margin: 12px 0 8px; height: 24px; text-transform: uppercase; color: #ffffff; font-size: 1.7em; font-weight: normal;} #search_bg #footer_search input#search_input { float: left; background: #C0C0C0; border: none; height: 22px; width: 307px; margin: 11px 15px 0 0;} #search_bg #footer_search input { font-size: 1.3em; color: #666666; padding: 2px 0 3px 5px; } #search_bg #footer_search p#search_submit { padding: 0; line-height: 0; margin: 4px 14px 0 0; display: block;width: 91px; height: 40px; float: right;} #search_bg #footer_search p#search_submit input { margin: 0; padding: 0; width: 91px; height: 40px;} #search_bg #footer_search input#search_input:focus {background: #ffffff;} /*****************-- end footer --********************************/ /* CLEARFIX (http://www.positioniseverything.net/easyclearing.html) --------------------------------------------------------------------*/ /* This needs to be first because FF3 is now supporting this */ .clearfix {display: inline-block;} .clearfix:after { content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */