/* Jello layout */ body { padding: 0 350px 0 350px; margin: 0; text-align: center; background: #fff url(images/faded_top.gif) repeat-x; } #banner { margin: 0; padding: 0; background-color: transparent; } #quicknav { margin: 0 0 30px 0; padding: 0; background-color: transparent; } #sizer { margin: 0 auto 0 auto; width: 50%; max-width: 300px; background-color: transparent; } #expander { background-color: transparent; margin: 0 -350px 0 -350px; min-width: 700px; position: relative; } /* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/ * html #expander { height: 0; } #wrapper { width: 100%; background-color: transparent; } #content { width: 66%; margin-right: 2%; text-align: left; float: right; display: inline; padding-left: 1em; } #sidebar { width: 26%; float: left; display: inline; text-align: left; margin-left: 1%; padding-top: 8em; } #footer { border-top: 1px solid #a8a8a8; } /* hacks */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ---------------- BELOW HERE IS ALL STYLE NO SUBSTANCE -------------------- */ /* sitewide elements */ body { font: normal 1em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; line-height: 120%; color: #222222; } p { } h1 { } h2 { font: normal 2.0em Georgia, 'Times New Roman', Times, serif; letter-spacing: -0.8px; line-height: 120%; margin: 0; border-bottom: 1px solid #ccc; padding: 0 0 0.1em 0; } h3 { font: normal 1.5em Georgia, 'Times New Roman', Times, serif; letter-spacing: -0.8px; margin: 32px 0 -0.75em 0; } h4 { font: normal 1.2em Georgia, 'Times New Roman', Times, serif; letter-spacing: -0.4px; margin: 20px 0 -0.75em 0; } span.strike { color: #b4b4b4; text-decoration: line-through; } em { color: #363636; } a { color: #0099EB; } a:link { color: #0099EB; } a:hover { color: #dc143c; } a:visited { color: #9370db; text-decoration: none; } a:visited:hover { color: #dc143c; } a.img { border: 0px; text-decoration: none; } hr { border: 0; width: 60%; color: #daa520; background-color: #daa520; height: 1px; } /* DIV specific elements and style */ #banner { font: normal 0.7em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; } #quicknav { color: #a8a8a8; font: normal 0.76em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; } #quicknav a { color: #F09000; } #quicknav a:hover { color: #dc143c; } #quicknav a:visited { color: #9370db; } #content { font: normal 0.9em Georgia, 'Times New Roman', Times, serif; line-height: 135%; } .navpara { margin: 0; padding: 0; } .blogpost { margin-bottom: 88px; } .blogpostfooter { font-size: 0.78em; color: #696969; } .postdate { font: normal 0.73em Georgia, 'Times New Roman', Times, serif; color: #a8a8a8; margin: 0; padding: 0.4em 0 0 0; } .postdate a { text-decoration: none; } .postdate a:hover { text-decoration: underline; } #sidebar { color: #696969; font: normal 0.7em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; line-height: 110%; } #sidebar a { color: #F09000; text-decoration: none; } #sidebar a:hover { color: #dc143c; text-decoration: underline; } #sidebar p { margin: 0 0 10px 0; } #sidebar h4 { margin: 30px 0 0 0; font-weight: bold; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;} #searchbox { margin: 1em; padding: 0; text-align: right;} .searchform { padding: 0; margin: 0; } .search { width: 180px; height: 14px; font-size: 100%; color: #bbb; padding: 0; border: 1px solid #E8E8E8; font-family: lucida sans unicode, lucida grande, verdana, arial, sans-serif; font-size: 0.8em; } input { background-color: #f5f5f5; border: 1px solid #E8E8E8; color: #999; height: 18px; } #footer { color: #696969; font: normal 0.7em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; } #comments, #respond { margin: 2em 0 0 5px; } #commentform { margin:10px; padding:10px; } #outer .commentlist { margin: 0; padding: 0; } .commentlist li { list-style:none; margin: 1em 0; padding: 0.5em; } .commentlist li p { margin:0 1em; } .commentlist li.alt .cmtinfo { font-size:1em; background: url(images/a34.gif) repeat-x top; padding:5px; margin-bottom: 10px; position:relative; border:#ddd 1px solid; } .commentlist li .cmtinfo { font-size:1em; background: url(images/a32.gif) repeat-x top; padding:5px; margin-bottom: 10px; position:relative; border:#eee 1px solid; } .commentlist li .cmtinfo em { margin:0; padding:0 1em; text-align:right; font-style:normal; color:#999; } .commentlist li cite { font-style:normal; font-weight:bold; } textarea { width: 90%; padding:5px; height: 20em; border: 1px solid #ccc; background:#F9F9F7; } #outer input.text { background:#F9F9F7; border:#ccc 1px solid; } .commentlist li.highlight { background-color: #fbfbfb; border: solid 1px #f5f5f5; } .blogroll { } .leftlinks { width: 130px; float: left; text-align: left; padding: 0; margin: 0 0 0 4px; background-color: transparent; } .rightlinks { width: 130px; float: right; text-align: left; padding: 0; margin: 0 0 0 6px; background-color: transparent; } .miniposts { margin: 12px 0 20px 0; } #minipost p { margin-bottom: 50px; } p.minipost { padding: 0 0 12px 0; } blockquote { margin: 26px; font-size: 0.96em; padding-left: 16px; border-left: 1px solid #daa520; line-height: 110%; font-style: italic; }