/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ 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 { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 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; } a img { border: none; } /* General ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.1em; background:#fbfbfb; } #wrapper { margin:0 auto auto; max-width:870px; padding:10px; overflow:hidden; background:#fff; } div.column { float:left; } .row { border-top:#060 2px solid; padding-top:5px; } .clear { clear:both; } div.content { max-width:680px; } #title { font-family: 'Titillium Web', sans-serif; margin:0.5em 0 0; } #title a { font-size:1.5em; color:#060; text-decoration:none; } h1 { font-size:1.5em; margin:1.5em 0 0.5em; color:#060; } h2 { color:#060; font-size:1.2em; margin:1em 0 0.5em; } h3 { color:#060; font-size:1.1em; margin:1em 0 0.5em; } h1 a, h2 a, h3 a { text-decoration:none; } p { margin: 0.5em 0 0 0; } .bd { padding:3px 5px; border: 1px solid #000000; } .left { float:left; margin:10px 10px 10px 0; } .right { float:right; margin:10px; } .center { display:block; margin:10px auto; } .ad-right-big { float:right; margin:10px; border-left:#060 2px solid; height:600px; width:300px; } #link-unit { background:#060; padding:2px 5px 0 5px; float:left; width:468px; } /* Content ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #social { float:left; width:217px; height:22px; overflow:hidden; } #social-1 { float:left; width:270px; height:22px; margin:10px 0 15px -5px; } #fb { float:left; margin:2px 0 0 5px; } #twitter { float:left; margin:2px 0 0 5px; } #plusone { float:left; width:65px; margin:2px 0 0 5px; } #content { padding-bottom: 32767px; margin-bottom: -32767px; line-height:1.5em; } #content p { padding:0 1em 0.5em 0; text-indent:20px; } #content a { color:#060; text-decoration:none; } #content a:hover { text-decoration:underline; } li { list-style:inside; } /* Main Menu */ .menu { margin:20px 0 5px; } .menu li { list-style:none; float:left; margin:0 10px 5px 0; padding:20px; box-shadow: 0 2px 4px 0 #000; font-weight:bold; font-size:14px; background:#fbfbfb; border:#999 1px solid; } li.home { padding:0; } .menu li:hover { background:#FFF; cursor:pointer; color:#060; } .menu a { color:#000; text-decoration:none; display:block; padding:20px; background:#fbfbfb; color:#000; } .menu a:hover { color:#060; background:#fff; } .menu li ul { display:none; position:absolute; box-shadow: 0 2px 4px 0 #000; margin:20px 0 0 -21px; border:#999 1px solid; } .menu li:hover ul { display:block; z-index:100; } .menu li ul li { float:none; margin:0; padding:0; box-shadow:none; font-weight:normal; font-size:13px; border:none; border-bottom:#CCC 1px solid; } .menu li ul li:last-of-type { border-bottom:none; } /* Side Menu */ #menu { border-left:2px solid #060; width:160px; margin-bottom:10px; } #menu a { display:block; color:#000; text-decoration:none; font-size:12px; padding:15px 0 15px; } #menu h3 { margin-left:10px; } #menu ul { margin-bottom:30px; } #menu a:hover { color:#060; } #menu li { border-bottom:#CCC 1px solid; list-style:none; margin-left:10px; } /* Comments ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #comments { clear:both; } .comment { padding:5px 10px 10px 10px; margin:0 10px 10px 0; display:inline-block; border-left:#060 2px solid; background:#fbfbfb; } #name-and-date { font-size:11px; color:#666; } #name { float:left; margin-right:10px; } .author { font-weight:bold; text-transform:capitalize; } #date { float:right; } #details { clear:both; padding-top:5px; } #pagination-links { margin:10px; font-size:12px; color:#666; } #pagination-links a { font-size:12px; color:#666; } input, textarea { border:#CCC 1px solid; padding:3px; background:#fbfbfb; } input:focus, textarea:focus { border:1px #060 solid; background:#fff; } textarea { font-family:Arial, Helvetica, sans-serif; width:97%; height:150px; } .label, .input { float:left; margin:0 0 15px 0; } .label { min-width:4em; padding-top:3px; color:#666; } #message { color:#666; } .input { margin:0 10px 0 0; } #fax { display:none; } #submitbutton input { margin:10px 0 15px -2px; color:#fff; background:#060; border:#fff 2px solid; font-weight:bold; font-size:13px; padding:20px; } #submitbutton input:hover { color:#060; background:#fff; border:#060 2px solid; cursor:pointer; } /* Footer -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer { font-size:11px; margin-top:20px; border-top:2px solid #060; padding:10px 0 10px; text-align:right; } .spacing { margin: 0 5px 0 5px; } #footer, #footer a { color:#666; text-decoration:none; } #footer a:hover { color:#060; } .googleads { margin-left:auto; margin-right:auto; }