body {
 background: #369 url(/image/bg_7.gif);
 font: 11px verdana, helvetica, sans-serif;
 color: #fff;
 padding: 0;
 margin: 0;
 text-align: center;
}
ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
hr {
 border: solid #147;
 border-width: 1px 0 0 0;
 height: 0;
}

/* default link formatting */
a:link {
 text-decoration: none;
 border-bottom: 1px solid #699;
 color: #9cc;
}
a:visited {
 text-decoration: none;
 border-bottom: 1px dotted #699;
 color: #699;
}
a:hover, a:active {
 text-decoration: none;
 border-bottom: 1px solid #fff;
 color: #fff;
}

/* placing divs (yeah, we're floating the whole thing and making it liquid */
#main {
 padding: 0;
 margin: 0;
}
#header, #back {
 padding: 0;
 margin: auto;
 width: expression(document.body.clientWidth > 950? "950px": "auto");
 max-width: 950px;
 min-width: 700px;
}
#float {
 text-align: left;
 float: left;
 width: 69%;
 margin-top: 10px;
}
#first {
 float: right;
 width: 75%;
}
#second {
}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#second {
 margin: 0 76% 0 6px;
 width: 19%;
 width /**/: auto;
}
#third {
 text-align: left;
 margin-left: 70%;
 width: 28%;
 width /**/: auto;
}
/* */

/* formatting divs */
html>body #headerbox {
 background: url(/image/bg-shadow-top.png) repeat-x left bottom;
}
#logo {
 background: url(/image/logo-sqare.png) no-repeat !important;
 background: url(/image/logo_sqare.gif) no-repeat;
 width: 120px;
 float: left;
 margin: 10px 10px 10px 2%;
}
#blog {
 background: url(/image/header-text-blog.gif) no-repeat 130px 0 !important;
 background: url(/image/header-text-blog.gif) no-repeat;
 height: 126px;
}
#normal {
 background: url(/image/header-text-normal.gif) no-repeat 130px 0 !important;
 background: url(/image/header-text-normal.gif) no-repeat;
 height: 126px;
}
#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
 overflow: hidden;
 display: block;
 background: none;
 border: 0;
 margin: 0;
 height: 0;
 padding-top: 106px;
 width: 120px;
 font-size: 1px;
}
#bestthing {
 text-align: center;
 background: #036 url(/image/bg-shine-top.gif) repeat-x top right;
 margin: 0;
 padding: 0;
}
.credit {
 background: #369 url(/image/bg-shadow-bottom.gif);
 float: none;
 clear: both;
 padding: 10px 12% 10px 10px;
 margin: 0;
 font-size: 9px;
 text-align: right;
 color: #eee;
}
#second ul, #third ul {
 padding: 0;
 margin: 0;
}
#header {
 width: 720px;
 margin: 0 auto;
 text-align: left;
}
#headerbox {
 padding: 20px 0 4px 0;
}
#header h2 {
 float: left;
 width: 80px;
 height: 80px;
}
#header h2 a, #header h2 img {
 border: 0;
}
#header li {
 float: right;
 height: 18px;
}
#header li a:link, #header li a:visited, #header li a:hover, #header li a:active {
 display: block;
 padding: 56px 8px 3px 8px;
 margin: 0 0 0 3px;
 border-bottom: 3px solid #036;
 font: bold 15px arial;
 color: #eee;
}
#header li a:hover {
 border-bottom: 3px solid #039;
 color: #036;
}

/* content */

/* headings */
#first h3 {
 font-family: arial,helvetica,sans-serif;
 font-size: 26px;
 font-weight: normal;
 color: #369;
 letter-spacing: 2px;
 margin: 2px;
}
#first h1 {
 background: url(/image/bg-title.gif) no-repeat left center;
 margin: 8px 10px 4px 0;
 text-indent: -20px;
 padding: 0 0 0 40px;
}
#first h1, #first h1 a:link, #first h1 a:visited, #first h1 a:hover {
 font-family: tahoma,arial,helvetica,sans-serif;
 font-size: 22px;
 font-weight: normal;
 text-decoration: none;
 background: normal;
 border: 0;
 color: #fff;
}
h2 {
 font-family: tahoma,helvetica,sans-serif;
 font-size: 10px;
 color: #369;
 font-weight: normal;
 letter-spacing: 1px;
 margin: 4px 0 0 4px;
}
#second h3, #third h3 {
 font-family: arial,helvetica,sans-serif;
 font-size: 14px;
 color: #ddd;
 margin: 12px 0 6px 0;
}
h3 img {
 vertical-align: middle;
 margin-right: 4px;
}
h4, h5 {
 font-family: tahoma,arial,helvetica,sans-serif;
 font-size: 19px;
 font-weight: normal;
 text-decoration: none;
 letter-spacing: 1px;
 margin: 16px 2px 8px 2px;
}
h5 {
 font-size: 17px;
}
#first .storycontent h2, #first .storycontent h3, #first .storycontent h4, #first .storycontent h5, #first .storycontent h6 {
 font: 18px tahoma, verdana, helvetica, sans-serif;
 color: #fff;
 letter-spacing: normal;
 margin: 8px 0;
 padding: 0;
}
#first .storycontent h3, #first .storycontent h4, #first .storycontent h5, #first .storycontent h6 {
 font: bold 12px verdana;
}

/* article */
.hide {
 display: none; /* hide elements we don't want to see normally */
}
.storycontent {
 margin: 0 2px 0 2px;
}
.post {
 margin: 0 0 24px 0;
}
.meta, .meta ul, .meta li, .meta p {
 margin: 0 0 0 4px;
 padding: 0;
 font-size: 9px;
 color: #bbc;
 font-family: verdana, sans-serif;
 display: inline;
}
.meta ul {
 margin: 0;
}
.meta li {
 margin: 0 3px 0 0;
}
.meta p {
 margin: 0 6px 0 0;
}
#first p, #first li {
 line-height: 1.618em; /* the golden ratio */
}
#first p {
 margin: 8px 0;
 padding: 0;
}
.storycontent ul {
 margin: 4px;
 padding: 0;
}
#first .storycontent ul li {
 margin: 6px 0 6px 2px;
 padding: 0 4px 0 24px;
 background: url(/image/icon-li.gif) no-repeat;
}
.comments {
 background: url(/image/icon-comments.gif) no-repeat left center;
 padding-left: 15px;
}
#commentlist {
 padding: 4px;
}
#commentlist li {
 padding: 5px 0 0 0;
 margin: 0;
 background: 0;
 clear: both;
 height: 110px;
 min-height: 110px;
 height /**/: auto;
}
#commentlist .e, #commentlist .e2, #commentlist .e3 {
 margin: 0;
 padding: 5px 0 5px 5px;
 float: left;
 height: 95px;
 width: 95px;
 overflow: hidden;
 border: 1px solid #147;
}
.e2 {
 background: #104070;
}
.e3 {
 background: #eee;
 color: #222;
}
#commentlist .f {
 float: none;
 margin-left: 100px;
 padding: 5px 8px 5px 8px;
 border-top: 1px solid #147;
}
#commentlist p {
 margin: 0;
 padding: 6px;
}
a:link.replynumber, a:visited.replynumber {
 font-size: 18px;
 text-align: right;
 text-decoration: none;
 border: none;
}
#info h3 {
 padding: 20px 0 0 0;
 margin: 0;
}
#second ul li, #third ul li {
 margin: 0;
 padding: 0;
 display: inline; /* this gets rid of the gaps */
}
#second ul li ul a:link, #second ul li ul a:visited, #third ul li ul a:link, #third ul li ul a:visited, #second ul li ul a:hover, #third ul li ul a:hover {
 font: 11px arial;
 display: block;
 text-decoration: none;
 border-bottom: 1px solid #104070;
 padding: 1px 6px;
 margin: 2px 0;
 width: 99%;
 width /**/: auto;
}
#second ul li ul a:hover, #third ul li ul a:hover {
 background-color: #025;
 font-weight: bold;
}
abbr, acronym {
 border-bottom: 1px dotted;
}
.storycontent img {
 border: 2px solid #147;
 padding: 3px;
}
img {
 border: 1px solid #369;
 padding: 1px;
}
.box {
 border: 1px solid #147;
 padding: 4px;
 margin: 4px;
 background: url(/image/bg-shine-box.gif) repeat-x;
}
code {
 font-size: 14px;
}
.next {
 height: 1px;
 line-height: 1px;
 font-size: 1px;
 clear: both;
}
#feeds strong {
 display: block;
 float: left;
 width: 50px;
}

/* let's do something special for the news */
#technews ul {
 height: 500px;
}
#technews a:link, #technews a:visited {
 height: 1.2em;
 height /**/: 1.1em;
 overflow: hidden;
}
#technews a:hover {
 height: auto;
}
/* let people know they visited these sites */
#links a:visited, #technews a:visited {
 background: url(/image/bg-visited.gif) no-repeat right bottom;
 padding-right: 20px!important;
}

blockquote {
 color: #eee;
 background: url(/image/quote.gif) no-repeat 0 4px;
 padding: 0 0 0 36px;
 margin: 10px 20px;
}
#commentlist blockquote {
 background: #025;
}
.spec p {
 font-family: arial, sans-serif;
 font-size: 26px;
 line-height: 26px;
}
.ar {
 height: 10px;
 width: 10px;
 border: 0;
 vertical-align: middle;
}
.noborder {
 border: 0;
}
.longimg {
 overflow: hidden;
 width: 100%;
}
.center {
 text-align: center;
}
.screenshotlist {
 text-align: center;
 overflow: auto;
 white-space: nowrap;
 width: 100%;
}
.xExtended p {
 margin-top: 0;
}
.linkcontent p {
 margin: 0;
}
.form-warn {
 color: #f00;
 background: #fff;
}