html { min-height: 100%; margin: 0 0 1px; font-size: 100%; }
body { margin: 0; padding: 0 0 75px; background: #1a1a1a; color: #ccc; font: 62.5%/1.25 Verdana, Geneva, Arial, Helvetica, sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; }
/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
li, dt, dd, p, th, td, caption { font-size: 1.1em; }
/* ul, ol, dl, p { margin-bottom: 15px; } */
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }
img { border: none; -ms-interpolation-mode: bicubic; }
fieldset { border: none; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }
pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }
hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px; }
* html hr { margin: -5px 0 8px !important; }
a { color: #ffcc66; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }
/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #fff; font: normal 3em "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1 { font-size: 3em; }
h2 { font: normal 2.4em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }
/* HELPERS
------------------------------------------- */
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
legend.offset { display: none; }
.fl { float: left; }
.fr { float: right; }
/* LAYOUT ------------------------------------------- */
#topbar { display: block; margin: 0; padding: 12px 0 0; background: #000 url(/layout/images/topbar.gif) 0 0 repeat-x; border-bottom: 1px solid #333; }
#background { margin: 0 auto; background: url(/layout/images/background.jpg) 0 0 no-repeat; border-top: 1px solid #333; }
#wrapper { position: relative; width: 1000px; margin: 0 auto; }
#top { position: relative; height: 85px; }
#logo { position: absolute; left: 16px; top: 1px; }
#nav ul { float: left; list-style: none; padding-top: 8px; }
#nav ul li { float: left; padding: 0 20px; font: 1.6em "Trebuchet MS", Vedana, Geneva, Arial, Helvetica, sans-serif; }
#nav ul li a { color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#nav ul li a:hover { color: #ffcc66; } /* changed from ffed8e */
#nav ul li.active a { color: #ffcc66 !important; }
#nav ul li em { position: absolute; left: -10001px; overflow: hidden; }
#nav ul li-a { float: left; padding: 0 20px; font: 1.6em "Trebuchet MS", Vedana, Geneva, Arial, Helvetica, sans-serif; }
#nav ul li-a a { color: #ffcc66; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#content { }
div.content-wrapper { overflow: hidden; width: 1000px; margin: 0 auto 20px; padding: 0; }
#main { float: left; width: 670px; padding: 0; }
#side { float: right; width: 304px; }
#footer { width: 1000px; margin: 0 auto; color: #999; padding: 25px 0 0 0; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { margin: 0 0 10px; font-size: 1em; }
#footer p.first { font-size: 1.2em; }
#footer p.first a { color: #ffcc66; font-weight: bold; text-decoration: none; }
#footer div.side { float: right; padding: 4px 0 0 0; }
#footer div.side p { display: inline; float: left; margin: 0 0 0 3px; padding: 0 0 1px 10px; border-left: 1px solid #999; line-height: 1; }
#footer div.side p:first-letter { text-transform: lowercase; }
/* #footer div.side ul { float: left; list-style: none; margin: 0; padding: 0 10px 0 0; border-right: 1px solid #999; } */
#footer div.side ul li { float: left; padding: 0 5px 1px; border-left: 1px solid #999; font-size: 1em; line-height: 1; }
#footer div.side ul li.first { border-left: none; }
#footer div.side ul li.last { border-right: none; }
#footer div.sidebtm { float: right; padding: 11px 0 0 0; clear: right; }
#footer div.sidebtm ul li { float: left; padding: 0 5px 1px; border-left: 1px solid #999; font-size: 1em; line-height: 1; }
#footer div.sidebtm ul li.first { border-left: none; }
#footer div.sidebtm ul li.last { border-right: none; }
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
#skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 10px; z-index: 10001; width: 960px; padding: 2px 0; background: #333; color: #fff; font-size: 1.4em; text-align: center; }
/* GENERAL
------------------------------------------- */
div.header { display: block; min-height: 45px; height: auto !important; height: 45px; margin: 0 0 19px; padding: 8px 0 0 0; background: url(/layout/images/header-bg.png) no-repeat; border: 1px solid #333333; border-width: 0 0 1px }
div.header h1 { float: left; padding: 0; margin: 0; }
div.header div.additional { float: right; padding-top: 11px; margin: 0; }
div.header ul { display: inline; float: right; list-style: none; margin: 0 58px 0 0; padding: 11px 0 0; font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; }
div.header ul li { float: left; font-size: 1.4em; font-weight: bold; padding: 0 21px; }
div.header ul li a { color: #fff; text-decoration: none; }
div.header ul li a:hover { color: #ffed8e; }
div.header ul li.active a { color: #ffcc66; }
.rss-share a { display: block; width: 16px; height: 16px; overflow: hidden; background: url(/layout/images/icons/rss.png) 0 0 no-repeat; text-indent: -10001em; }
/* links-bar */
div.links-bar { min-height: 18px; height: auto !important; height: 18px; padding: 14px 14px; margin: 30px 0; border: 1px solid #1d1d1d; background: url(/layout/images/links-bar-bg.gif) repeat-x; }
.home div.links-bar { margin: 16px 0; }
div.links-bar p { float: left; margin: 0; color: #ccc; line-height: 16px; }
div.links-bar ul.links { float: right; margin: 0; padding: 0; list-style: none; }
div.links-bar ul.links li { float: left; padding-left: 10px; }
div.links-bar ul.links li a { display: block; overflow: hidden; height: 16px; text-indent: -10001em; }
div.links-bar ul.links li a.technorati { width: 16px; background: url(/layout/images/icons/technorati.png) 0 50% no-repeat; }
div.links-bar ul.links li a.stumble { width: 16px; background: url(/layout/images/icons/stumble.png) 0 50% no-repeat; }
div.links-bar ul.links li a.furl { width: 16px; background: url(/layout/images/icons/furl.png) 0 50% no-repeat; }
div.links-bar ul.links li a.blinklist { width: 16px; background: url(/layout/images/icons/blinklist.png) 0 50% no-repeat; }
div.links-bar ul.links li a.delicious { width: 16px; background: url(/layout/images/icons/delicious.png) 0 50% no-repeat; }
div.links-bar ul.links li a.newsvine { width: 16px; background: url(/layout/images/icons/newsvine.png) 0 50% no-repeat; }
div.links-bar ul.links li a.reddit { width: 16px; background: url(/layout/images/icons/reddit.png) 0 50% no-repeat; }
div.links-bar ul.links li a.digg { width: 16px; background: url(/layout/images/icons/digg.png) 0 50% no-repeat; }
/* blog */
div.box-a { border: 2px solid #000; margin: 0 0 10px 0; }
div.box-a-inner { display: block; position: relative; border: 1px solid #333333; }
* html div.box-a-inner { height: 1%; }
div.box-a .header { display: block; overflow: hidden; padding: 12px 35px 0 15px; margin: 0; min-height: 28px; background: #121212 url(/layout/images/bar-bg.gif) 0 0 repeat-x; border-bottom: 1px solid #2b2b2b; font: bold 1.4em "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ccc; text-transform: uppercase; }
* html div.box-a .header { overflow: visible; height: 28px; }
div.box-a p.rss-share { position: absolute; top: 13px; right: 16px; }
div.box-a div.wrap { padding: 15px 15px 8px 15px; background: #0a0a0a url(/layout/images/bbox-bg.gif) 0 100% repeat-x; }
div.box-a ul,
div.box-a ol { padding: 0; margin: 0; list-style: none; }
div.box-a ul li,
div.box-a ol li { padding: 0; margin: 0 0 15px; font: normal 1.2em "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; }
div.box-a ol li span.date,
div.box-a ol li span.author { display: none; }
div.box-a ul li a,
div.box-a ol li a { color: #fff; text-decoration: none; font-weight: bold; }
div.box-a ul li a:hover,
div.box-a ul li.active a,
div.box-a ol li a:hover,
div.box-a ol li.active a { color: #ffcc66; text-decoration: underline; }
div.box-a div.tags ul li { font-size: 1.4em; }
div.box-a ul.cols { overflow: hidden; }
* html .bbox ul.cols { height: 100%; }
div.box-a ul.cols li.odd { float: left; width: 90px; margin-right: 14px; }
div.post { position: relative; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
div.post h2 { padding-bottom: 8px; margin-bottom: 19px; font: normal 2.2em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ccc; border-bottom: 1px dashed #333333; }
div.post p { font-size: 1.2em; line-height: 2em; margin: 0 0 25px; }
/* FIX
------------------------------------------- */
div.links-bar, a.bttn, .pages-wrapper, .contactForm button, #add-comment button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }