/* Roland Dunn | / CSS file Elastic measurements: 1em = 16px */ /* SUNDAY June 12th 2011. Targeting 1024x768- So, let's assume full width = 1024px #main-wrapper #main-section = 700px Using %'s wherever possible for widths ... */ /************** Start of stuff lifted from HTML5 Boilerplate CSS **************/ /** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; /* this inherits every aspect of font from the browser - weight, style, etc - so we need to reset font-weight of h1, h2, h3 - which we do in m.css */ vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } select, input, textarea, button { font:99% sans-serif; } /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } small { font-size: 85%; } strong, th { font-weight: bold; } td { vertical-align: top; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } /* These selection declarations have to be separate No text-shadow: twitter.com/miketaylr/status/12228805301 */ ::-moz-selection{ background: #3297fd; color:#fff; text-shadow: none; } ::selection { background:#3297fd; color:#fff; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #ffb43e; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /************** End of HTML5 Boilerplate CSS **************/ body { margin: 0em; padding: 0em; border:0em; background-color: #fff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 100%; color: #000; } p {margin: 0;padding: 0; border: 0; } form {margin: 0; padding: 0; border: 0; } span {padding: 0; border: 0; } ul, li {margin: 0; padding: 0; border: 0;} h1,h2,h3,h4 {margin: 0; padding: 0; border: 0;font-weight:bold;} img {border: none; margin: 0; padding: 0; border: 0;} a img {border: none;} a:hover {background: #ffb43e;} /* Define the wrappers */ #head-wrapper {margin: 0.625em 0em 0em 0em; border-bottom: 0.25em solid #ffb43e;clear: both;} #main-wrapper {margin: 0.625em 0em 0em 0em; clear: both;} #footer-wrapper {margin: 3.125em 0em 3.125em 0em; clear: both;border-top: 0.25em solid #ffb43e;} /* Clear class */ .clear {clear: both;height: 0em;line-height: 0;font-size: 0;} /* Main nav */ #head-wrapper #site-nav {float: left;width: 100%;margin: 0em 0em 0em 9.76%; line-height: 2.231em;font-size: 0.75em;} #head-wrapper #site-nav {} #head-wrapper #site-nav #follow-nav {margin: 0em; padding:0em; width:100%;float:left;} #head-wrapper #site-nav #follow-nav ul {margin: 0em; border:0em; float:left;display:block;line-height: 2.231em; padding-left:2px;} #head-wrapper #site-nav #follow-nav li {list-style-type: none; float: left; padding: 0em; color: #000;display:block;} #head-wrapper #site-nav #follow-nav li a:link {text-decoration:none;} #head-wrapper #site-nav #follow-nav li a img{vertical-align:text-bottom;} #head-wrapper #site-nav #follow-nav li a {margin-right:1px;color:#000;} #head-wrapper #site-nav #follow-nav li a img{vertical-align:text-bottom;} #head-wrapper #site-nav #follow-nav li a:hover {background: #ffb43e;} #head-wrapper #site-nav #follow-nav span {display:block;float:left;line-height: 2.231em; margin-left: 0.5em;font-size: 1em;color:#ffb43e;font-weight:bold;} #head-wrapper #site-nav #follow-nav span a{text-decoration:none;color:#ffb43e;} #head-wrapper #site-nav #follow-nav span a:hover{text-decoration:underline;background:#fff;color:#ffb43e;} #head-wrapper #site-nav #pnav {margin: 0em; padding:0em; float:left;} #head-wrapper #site-nav #pnav ul {margin: 0em; border:0em; float:left;display:block;line-height: 2.231em; padding-left:2px;} #head-wrapper #site-nav #pnav li {list-style-type: none; float: left; padding: 0em; color: #000;display:block;} #head-wrapper #site-nav #pnav li a {margin-right:0.83333em;color:#000;display:block;} #head-wrapper #site-nav #pnav li a:link {color:#000; text-decoration:none;} #head-wrapper #site-nav #pnav li a:visited {color:#000; text-decoration:none;} #head-wrapper #site-nav #pnav li a:hover {background: #ffb43e; } #head-wrapper #site-nav #pnav li.selected a {background: #ffb43e;margin-right:0.625em;color:#000;display:block;} #head-wrapper #site-nav #search-nav {margin: 0em; padding:0em; } #head-wrapper #site-nav #search-nav #searchform {margin:0em;padding:0em;} #head-wrapper #site-nav #search-nav #searchform input.searchtext {padding:0;margin:0;width: 12.5%;font-size: 1em;} #head-wrapper #site-nav #search-nav #searchform input.submit {color: #777;padding:0;margin:0;font-size: 1em;} /* Define the main section */ #main-wrapper #main-section {float: left;width: 68.3593%;margin: 0em 0em 0em 9.76%; } #main-wrapper #main-section {background-color:#fff;} #main-wrapper #main-section article header {background:#fff;margin-top:0.625em;} #main-wrapper #main-section article header ul {margin: 0em; border:0em; float:left;height:2.231em;line-height: 2.231em; font-size: 0.55em;} #main-wrapper #main-section article header li {list-style-type: none; float: left; padding: 0em;margin-right:0.4545em; height:1.9318em;line-height: 1.9318em; margin-bottom:0.4545em;color: #999; } #main-wrapper #main-section article header li a {} #main-wrapper #main-section article header li.share_social {margin: 0 1px 0 0;} #main-wrapper #main-section article header li.fb {margin-top:0.5%; } #main-wrapper #main-section article header li.gplus_one {margin-top:1.2%; margin-left:2px;} #main-wrapper #main-section article header li.twitter {margin-left:2px;} #main-wrapper #main-section article header ul.data_analysis_subnav {margin: 0em; border:0em; float:left;height:2.231em;line-height: 2.231em; font-size: 0.7em;} #main-wrapper #main-section article header h1 {clear: both;float:left;margin-top:0.5208em;font-family: georgia,serif;font-size: 1.3em;font-weight: bold;} #main-wrapper #main-section article header h1 a:link {color:#005689;text-decoration:none;} #main-wrapper #main-section article header h1 span.label {background-color: #D9FCDB;color:#888;font-weight: normal;} #main-wrapper #main-section article header p.bold_para {clear: both;font-weight: bold;font-size: 0.75em;padding-top:0.4166em;color:#555;} #main-wrapper #main-section article header p.bold_para span {font-weight: normal;font-size: 0.9em;padding-top:0.4166em;color:#555;} #main-wrapper #main-section article header p.bold_para span.data_analysis_error {font-weight: normal;font-size: 1em;padding-top:0.4166em;color:#f00;} /* width: 68.3593%; */ #main-wrapper #main-section article #main_body {clear: both;margin-top:0.625em;margin-bottom:0.625em;background-color: #fff;} #main-wrapper #main-section article #main_body #post {width:70%;} #main-wrapper #main-section article #main_body h2 {font-size: 1em;margin-top:1.25em;} #main-wrapper #main-section article #main_body h2.data_analysis_headings{clear:both;float:left;margin-top:1.5em;font-size: 1em;text-decoration:underline;} #main-wrapper #main-section article #main_body h3 {font-size: 0.75em;margin-top:0.8333em;} #main-wrapper #main-section article #main_body p {font-size: 0.75em;padding-top:0.4166em;} #main-wrapper #main-section article #main_body p.date_time{font-size: 0.55em;padding-top:0.4166em;color: #999;} #main-wrapper #main-section article #main_body p.ga_process_error{color: #a10;} #main-wrapper #main-section article #main_body p.ital{font-style:italic;padding-top:2.4166em;padding-bottom:2.4166em;} /* #main-wrapper #main-section article #main_body ul {margin: 0em; padding: 0em;padding-left: 1em;text-indent: -1em;} #main-wrapper #main-section article #main_body ul li {margin:0em; padding: 0em; font-size: 0.75em;list-style-type: disc; list-style-position: inside;margin-bottom:0.4166em;} */ #main-wrapper #main-section article #main_body ul {margin: 0em; padding: 0em;padding-left: 1em;} #main-wrapper #main-section article #main_body ul li {margin:0em; padding: 0em; font-size: 0.75em;list-style-type: disc; margin-bottom:0.4166em;} #main-wrapper #main-section article #main_body ol {margin: 0em; padding: 0em;padding-left: 1em;} #main-wrapper #main-section article #main_body ol li {margin:0em; padding: 0em; font-size: 0.75em; margin-bottom:0.4166em;} #main-wrapper #main-section article #main_body figure {margin:0em;padding:0em;display:inline-block;} #main-wrapper #main-section article #main_body figure figcaption {font-size: 0.45em;margin:0em;padding:0em;text-align:center;} #main-wrapper #main-section article #main_body img {margin-top:0.3125em;width:100%;} #main-wrapper #main-section article #main_body pre {color:#000;font-family: "courier new"; font-size:0.75em;} #main-wrapper #main-section article #main_body .list-item {clear:both;margin:0em;padding:0em;margin-bottom:0.3em;} #main-wrapper #main-section article #main_body .list-item table{font-size: 0.75em;border-collapse: separate;border-spacing:0.2em; width:100%;} #main-wrapper #main-section article #main_body .list-item th{border: solid #100001 1px;font-weight:bold;margin: 0.5em 0; padding: 5px 15px;background: #333333; color:#fff;} #main-wrapper #main-section article #main_body .list-item td{border: solid #100001 1px;vertical-align: baseline;margin: 0.5em 0; padding: 5px 15px;background: #fbf7f3; } #main-wrapper #main-section article #main_body .list-item figure {margin:0em;padding:0em;display:block;clear:both;float:left;} #main-wrapper #main-section article #main_body .list-item figure figcaption {font-size: 0.45em;margin:0em;padding:0em;text-align:center;clear:both;float:left;} #main-wrapper #main-section article #main_body .list-item img {margin-top:0.3125em;width:auto;clear:both;float:left;} #main-wrapper #main-section article #main_body .list-item ul.project_detail_nav {clear:left;margin: 0em; padding: 0em; border:0em; float:left;font-size: 0.85em;} #main-wrapper #main-section article #main_body .list-item ul.project_detail_nav li {list-style-type: none; float: left; margin: 0em; padding: 0em; border:0em; margin-right:0.4545em; color: #999; margin-bottom:0.4545em;} #main-wrapper #main-section article #main_body .list-item ul.project_detail_nav li a {} #main-wrapper #main-section article #main_body #component_div {margin-top:1em;} #main-wrapper #main-section article #main_body .content-list {clear:both;float:left;margin:0em;padding:0em;margin-bottom:0.5em;} #main-wrapper #main-section article #main_body .content-list h2{clear:both;float:left;margin-top:1.5em;} #main-wrapper #main-section article #main_body .content-list h3{clear:both;float:left;font-size: 0.85em;} #main-wrapper #main-section article #main_body .content-list h2.data_analysis{clear:both;float:left;margin-top:1.5em;color:#777} #main-wrapper #main-section article #main_body .content-list h3.data_analysis{clear:both;float:left;margin-top:2em;font-size: 0.85em;color:#000;} #main-wrapper #main-section article #main_body .content-list h4.data_analysis{clear:both;float:left;font-size: 0.85em;margin-top:0.8333em;} #main-wrapper #main-section article #main_body .content-list h4.data_analysis .report_status{color:#000;font-size: 0.80em;margin-left:0.5em;background:#555;} #main-wrapper #main-section article #main_body .content-list p{clear:both;float:left;} #main-wrapper #main-section article #main_body .content-list .list-item{clear:both;float:left;margin:0em;margin-bottom:0.5em;padding:0em;} #main-wrapper #main-section article #main_body .content-list .list-item h2{font-size: 0.75em;} #main-wrapper #main-section article #main_body .content-list .list-item p{width:60%;} #main-wrapper #main-section article #main_body .content-list .list-item p.cs_client{width:100%;} #main-wrapper #main-section article #main_body .content-list .list-item h3{font-size: 0.85em;} /* now here */ #main-wrapper #main-section article #main_body .content-list .list-item h3 span {margin-left:0.5em; font-weight: normal; font-size: 0.85em;} #main-wrapper #main-section article #main_body .content-list .list-item ul {clear:both;color:#555;margin: 0em; padding: 0em; border:0em; text-indent: 0em;float:left;font-size: 0.9em;} #main-wrapper #main-section article #main_body .content-list .list-item ul li {margin: 0em; padding: 0em; border:0em; list-style-type: none;list-style-position: outside;float:left;margin-right:0.25em;color: #555; } #main-wrapper #main-section article #main_body .content-list .list-item ul li a {} #main-wrapper #main-section article #main_body .content-list .list-item ul li.report_status {margin-left:0.5em;} #main-wrapper #main-section article #main_body .content-list .list-item ul li.report_status span {color:#ffb10a;font-weight:bold;} #main-wrapper #main-section article #main_body .content-list .list-item ul li.data_analysis_label a {background-color: #D9FCDB;color:#000;margin-left:0.5em;} #main-wrapper #main-section article #main_body .content-list .list-item ul li.data_analysis_label a:hover {background-color: #ffb43e;} #main-wrapper #main-section article #main_body .content-list .list-item ul.data_analysis_edit_delete {color:#555;margin: 0em; padding: 0em; border:0em; text-indent: 0em;clear:both;float:left;font-size: 0.9em;} #main-wrapper #main-section article #main_body #left_main_body_column {float:left;margin-top:0.625em;background-color: #fff;width:50%} #main-wrapper #main-section article #main_body #left_main_body_column .clear {clear:both;} #main-wrapper #main-section article #main_body #left_main_body_column .list-item {clear:both;float:left;margin:0em;padding:0em;} #main-wrapper #main-section article #main_body #left_main_body_column .list-item ul {width:100%;margin: 0em; padding: 0em; border:0em; text-indent: 0em;float:left;font-size: 0.9em;} #main-wrapper #main-section article #main_body #left_main_body_column .list-item ul li {margin: 0em; padding: 0em; border:0em; list-style-type: none;list-style-position: outside;float:left;margin-right:0.25em;; } #main-wrapper #main-section article #main_body #left_main_body_column .list-item ul li a {} #main-wrapper #main-section article #main_body #left_main_body_column .powered-by {font-size: 0.6em; } #main-wrapper #main-section article #main_body #left_main_body_column #jquery-twitter-widget ul {margin: 0em; padding: 0em;padding-left: 0em;text-indent: 0em;} #main-wrapper #main-section article #main_body #left_main_body_column #jquery-twitter-widget ul li {list-style-type: none; border-bottom: 0px solid #ccc;} #main-wrapper #main-section article #main_body #left_main_body_column .twitter {padding-bottom:1em; } #main-wrapper #main-section article #main_body #left_main_body_column .twitter span {} #main-wrapper #main-section article #main_body #left_main_body_column .twitter span ul {margin: 0em; padding: 0em;padding-left: 0em;text-indent: 0em;} #main-wrapper #main-section article #main_body #left_main_body_column .twitter span ul li {list-style-type: none; border-bottom: 0px solid #ccc;} /* background-color: #fbf7f3; */ #main-wrapper #main-section article #main_body #right_main_body_column {float:left;margin-top:0.625em;background-color: #fbf7f3;width:45%; margin-left:5%;} #main-wrapper #main-section article #main_body #right_main_body_column .list-item{background:#fbf7f3;margin:0em;padding:0em;} #main-wrapper #main-section article #main_body #right_main_body_column .powered-by {font-size: 0.6em; } #main-wrapper #main-section article #main_body #right_main_body_column #jquery-twitter-widget ul {margin: 0em; padding: 0em;padding-left: 0em;text-indent: 0em;} #main-wrapper #main-section article #main_body #right_main_body_column #jquery-twitter-widget ul li {list-style-type: none; border-bottom: 0px solid #ccc;} #main-wrapper #main-section article #main_body #right_main_body_column .twitter {padding-bottom:1em; } #main-wrapper #main-section article #main_body #right_main_body_column .twitter span {} #main-wrapper #main-section article #main_body #right_main_body_column .twitter span ul {margin: 0em; padding: 0em;padding-left: 0em;text-indent: 0em;} #main-wrapper #main-section article #main_body #right_main_body_column .twitter span ul li {list-style-type: none; border-bottom: 0px solid #ccc;} /* Canvas's ... and debug div */ /* Transform experiments .... */ /* #main-wrapper #main-section article #main_body #visib_canvas {background:#ff0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transform:scale3d(2, 2, 0) translate3d(0,0,0); } #main-wrapper #main-section article #main_body #buffer_canvas {-webkit-transform:scale3d(2, 2, 0) translate3d(0,0,0);} */ /* Default - no-transform experiments .... */ #main-wrapper #main-section article #main_body #visib_canvas {background:#ff0;-webkit-tap-highlight-color:rgba(0,0,0,0);} #main-wrapper #main-section article #main_body #buffer_canvas {} #main-wrapper #main-section article #main_body #debug {} #main-wrapper #main-section article #main_body #debugcanvas {background:#f5f;} #main-wrapper #main-section article footer {clear:both;border-top: 1px solid #999;padding-top:0.3125em;margin-top:1.5625em;color:#555;} #main-wrapper #main-section article footer p {font-size: 0.75em;} #main-wrapper #main-section article footer ul {margin: 0em; border:0em; float:left;line-height: 2.231em; font-size: 0.75em;} #main-wrapper #main-section article footer li {list-style-type: none; float: left; padding: 0em;margin-right:0.25em; } #main-wrapper #main-section article footer li a {} /* now here: width. left arrow, right arrow. spacing with next thing */ #main-wrapper #main-section article footer #prev-next-post {font-size: 0.75em;float:left; width:100%; } #main-wrapper #main-section article footer #prev-next-post #prev-post {width:50%; float:left; text-align: left;} #main-wrapper #main-section article footer #prev-next-post #next-post {width:50%; float:left; text-align: right;} #main-wrapper #main-section article #related {clear: both;float:left;background-color:#fff;width: 100%;margin-top:0.625em;margin-bottom:1.625em;} #main-wrapper #main-section article #related header h2 {font-size: 0.9em;} #main-wrapper #main-section article #related article {clear: both;float:left;} #main-wrapper #main-section article #related article h3 {font-size: 0.75em;} #main-wrapper #main-section article #related article p {font-size: 0.75em;width:60%;} #main-wrapper #main-section article #related ul {color:#555;margin: 0em; border:0em; float:left;font-size: 0.6em;} #main-wrapper #main-section article #related li {list-style-type: none; float: left; padding: 0em;margin-right:0.25em;color: #999; } #main-wrapper #main-section article #related li time {} #main-wrapper #main-section article #related li a {} /* Define the footer */ #footer-wrapper #site-footer {clear: both; float: left; width: 68.3593%;margin: 0em 0em 0em 9.76%; } #footer-wrapper #site-footer {} #footer-wrapper #site-footer ul {margin: 0em; border:0em; float:left;display:block;line-height: 2.231em; font-size: 0.75em;} #footer-wrapper #site-footer li {list-style-type: none; float: left; padding: 0em; color: #000;display:block;} #footer-wrapper #site-footer li a {margin-right:0.625em;color:#000;display:block;} #footer-wrapper #site-footer li a:hover {background: #ffb43e; } #footer-wrapper #site-footer li a img{vertical-align:text-bottom;} #footer-wrapper #site-footer li span {margin-right:0.375em;} /* Form stuff .... */ .cs_form_item {float:left; width:100%;background:#fafafa; border:0px; margin:0px; margin-top:0.5em;padding:0px;} .cs_form_item_label {float:left; width:100%;background:#fafafa; border:0px; margin:0px; margin-top:1.75em;padding:0px;} .cs_form_item label {color:#333;} .cs_form_date_item {float:left; width:40%;background:#fafafa; border:0px; margin:0px; margin-top:0.5em;padding:0px;} .cs_form_item span {float:left; } #main-wrapper #main-section article #main_body .cs_form_item_ga_options {float:left; width:100%;background:#fafafa; border:0px; margin:0px; margin-top:0.5em;padding:0px;font-size: 1em;} #main-wrapper #main-section article #main_body .cs_form_item_ga_options ul li {list-style-type: none; } #main-wrapper #main-section article #main_body .cs_form_item_ga_options ul {font-size: 1.2em;color:#444;} #main-wrapper #main-section article #main_body .cs_form_item_ga_options p {font-size: 1.2em;color:#444;} .cs_form_class {margin:0px; padding:0px; } .cs_form_submit_class {margin:0px; margin-top:1em; padding:2; border:0px; font-size: 1em; margin-right:10px; background: #666666; color:#ffffff; } .hidden_cs_form_item {width:100%;background: #fafafa;display:none; } #recaptcha_widget {float:left; width:100%;background: #fafafa; border:0px; margin:0px; padding:0px;} #recaptcha_image {float:left; width:100%;background: #fafafa; border:0px; margin:0px; padding:0px;} #main-wrapper #main-section article #main_body #main_form_div {clear:left; float:left; font-size: 0.8em; width:100%; background: #fafafa; border:1px solid #eeeeee; margin:10px 0px 10px 0px; padding-left:5px;} #main-wrapper #main-section article #main_body #main_form_div p {font-size: 1em;} #main-wrapper #main-section article #main_body #main_form_div ul.errorlist {padding: 0em; text-indent: 0em; color:#FF7800;} #main-wrapper #main-section article #main_body #main_form_div ul.errorlist li {list-style-type:none;list-style-position:outside;} /* Comments ..... */ #comments_section {clear:left; float:left;width:50%; } #add_comment_div {font-size: 0.7em; float:left; width:100%; background: #fafafa; margin:10px 0px 10px 0px; } #comment_form_div {font-size: 0.7em; float:left; width:100%; background: #fafafa; border:1px solid #eeeeee; margin:10px 0px 10px 0px; padding-left:5px;} #comment_form_div ul.errorlist {color:#FF7800;} #comment_form_div ul.errorlist li {list-style-type:none;list-style-position:outside;} #main-wrapper #main-section article #main_body #comment_form_div ul.errorlist li {list-style-type:none;list-style-position:outside;} #comment-preview {float:left; width:50%; background: #fafafa; border:1px solid #eeeeee; margin:10px 0px 10px 0px; padding-left:5px;} #comment-preview .preview-message { font-weight: normal; font-size: 0.8em; margin-top:5px;} #comment-preview .preview-message h1 { font-weight: bold; font-size: 0.8em; } #comment-preview .preview-message h2 { font-weight: bold; font-size: 0.8em; } #comment-preview .actual-comment { margin-top:15px; border:1px dotted #FF7800; } #comment-preview .actual-comment p { font-weight: normal; font-size: 0.8em; } dl#comments {width:50%;float:left; background: #fafafa; border:1px solid #eeeeee; margin:10px 0px 10px 0px; color:#555;} dl#comments dt {font-weight: normal; font-size: 0.7em;margin-top:10px;} dl#comments dd {font-weight: normal; font-size: 0.7em;} /************** Start of Media Specific CSS **************/ /** * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */ /****** Print .... ******/ @media print { /* Remove unwanted elements */ #head-wrapper, #follow-nav, #site-nav { display: none;} #footer-wrapper, #site-footer { display: none;} #main-wrapper, #main-section { width: 90%; margin: 5px; float: none; padding: 5px; border:0; } #main-wrapper #main-section article header li.share_social { display: none;} } /****** iPad scale .... ******/ @media only screen and (min-device-width: 649px) and (max-device-width: 900px) { /***** All ******/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } body {background-color: #fff;} /****** Navigation ******/ #head-wrapper #site-nav {margin: 0em auto 0em 3.5%; } #head-wrapper #site-nav #pnav {font-size: 1.1em;} #head-wrapper #site-nav #pnav li.selected {text-decoration:underline;color:#ffb43e;} #head-wrapper #site-nav #pnav li.selected a {background: #fff;color:#ffb43e;font-weight:bold;} /****** Main content ******/ #main-wrapper #main-section {margin: 0em auto 0em 3.5%; } /****** Footer ******/ #footer-wrapper #site-footer {margin: 0em auto 0em 3.5%; } } /****** Slightly larger smart-phones ******/ @media only screen and (min-device-width: 480px) and (max-device-width: 648px) { /***** All ******/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } body {background-color: #fff;} /****** Navigation ******/ #head-wrapper #site-nav {margin: 0em auto 0em 3.5%; } #head-wrapper #site-nav #follow-nav {clear:left;width:50%;} #head-wrapper #site-nav #pnav {font-size: 1.1em;width:90%;} #head-wrapper #site-nav #pnav li.selected {text-decoration:underline;color:#ffb43e;} #head-wrapper #site-nav #pnav li.selected a {background: #fff;color:#ffb43e;font-weight:bold;} #head-wrapper #site-nav #search-nav {} #head-wrapper #site-nav #search-nav #searchform input.searchtext {width: 22.5%;} /****** Main content ******/ #main-wrapper #main-section {margin: 0em auto 0em 3.5%; } #main-wrapper #main-section article #main_body #left_main_body_column {float:left;margin-top:0.625em;background-color: #fff;width:90%} #main-wrapper #main-section article #main_body #right_main_body_column {clear:both;margin-top:0.625em;background-color: #fbf7f3;width:90%; margin-left: 0em; } #main-wrapper #main-section article #related article p {width:90%;} #main-wrapper #main-section article #main_body .content-list .list-item p{width:90%;} /****** Footer ******/ #footer-wrapper #site-footer {margin: 0em auto 0em 3.5%; } dl#comments {width:90%;float:left; background: #fafafa; border:1px solid #eeeeee; margin:10px 0px 10px 0px; color:#555;} } /****** iphone and small smart-phones ******/ @media only screen and (min-device-width : 240px) and (max-device-width : 479px) { /* Why are a:link things not being reset? Top-level navigation, and bottom nav., what to do? Reset fonts? Set canvas to 320 to cover all bases */ /***** All ******/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } body {background-color: #fff;} /****** Navigation ******/ #head-wrapper #site-nav {width: 95%;margin: 0em auto 0em 3.5%; } #head-wrapper #site-nav #follow-nav {clear:left;width:50%;} #head-wrapper #site-nav #pnav {font-size: 1.1em;width:100%;} #head-wrapper #site-nav #pnav ul {display:inline;width:100%;} #head-wrapper #site-nav #pnav li {display:inline;width:50%;} #head-wrapper #site-nav #pnav li.selected {text-decoration:underline;color:#ffb43e;} #head-wrapper #site-nav #pnav li.selected a {background: #fff;color:#ffb43e;font-weight:bold;} #head-wrapper #site-nav #search-nav {} #head-wrapper #site-nav #search-nav #searchform input.searchtext {width: 22.5%;} /****** Main content ******/ #main-wrapper #main-section {float: left;width: 95%;margin: 0em auto 0em 3.5%; } #main-wrapper #main-section article #main_body #left_main_body_column {float:left;margin-top:0.625em;background-color: #fff;width:90%} #main-wrapper #main-section article #main_body #right_main_body_column {clear:both;margin-top:0.625em;background-color: #fbf7f3;width:90%; margin-left: 0em; } #main-wrapper #main-section article #related article p {width:90%;} #main-wrapper #main-section article #main_body .content-list .list-item p{width:90%;} /****** Footer ******/ #footer-wrapper #site-footer {clear: both; float: left; width: 95%;margin: 0em auto 0em 3.5%; } dl#comments {width:90%;float:left; background: #fafafa; border:1px solid #eeeeee; margin:10px 0px 10px 0px; color:#555;} } /************** End of Media Specific CSS **************/