.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 */

/* ------------------------------ */



* { margin: 0; padding: 0; border: 0; }



html { text-align: center; background-color: #3B6EA7; }



body {

 width: 768px;

 margin: 0 auto;

 text-align: left;

 background: #303030 url(side-l.png) left repeat-y;

 color: #e0e0e0;

 font-family: "Lucida Grande", Calibri, Verdana, Arial, helvetica, sans-serif;

 font-size: 90%;

 line-height: 1.4em;

}



a { color: #CFFEFF; border-bottom: 1px dotted #CFFEFF; text-decoration: none; }

a:hover { border-bottom: 1px solid #CFFEFF; }



h2 { margin: 2em 0 1em 0; }

h3 { margin: 0em 0 0.5em 0; }

ul h2, ul h3 { color: #d7efee; }



acronym { border-bottom: 1px dotted #505959; cursor: help; }



#wrapper { width: auto; background: url(side-r.png) right repeat-y; }



#ads-top {

 float: right;

 padding-right: 20px;

 padding-top: 30px;

 background: url(corner-ur.png) right top no-repeat;

}



#header { background: url(side-u.png) top repeat-x; width: auto; height: 128px; }

#header H1 { background: url(corner-ul.png) left top no-repeat; }

#header H1 A {

 text-indent: -9000em;

 display: block;

 height: 120px;

 width: 175px;

 margin-left: 50px;

 background: url(logo.jpg) bottom no-repeat;

 outline: none;

 border: 0;

}



#navigation {

 list-style-type: none;

 margin-bottom: 3em;

 margin-right: 10px;

 margin-left: 10px;

 color: #272727;

 background: #e0e0e0 url(chrome.png) repeat-x;

 font-size: 110%;

 font-weight: bold;

 line-height: 2em;

}

#navigation a { color: #272727; border: 0; }

#navigation a:hover { color: black; border-bottom: 1px solid black; }

#navigation LI { margin: 0 2em; display: inline; }



#promo { margin: 0 2em 2em 0; float: right; }

#promo H2 { margin: 0; }



#promo H2 A {

 display: block;

 text-indent: -9000em;

 outline: none;

 height: 192px;

 width: 192px;

 background-image: url(promo.jpg);

 border: 0;

}



#ads-small { margin-top: 3em; text-align: center; }



#news    { margin: 0 0 0 2em; width: 62%; }

#news UL { margin: 2em;list-style-type: none; }

#news LI { margin: 2em 0; }

#news .old-news P { font-size: small; color: #d0d0d0; }



#content { margin: 2em; }

#content UL LI { margin: 1em 3em; }

#content P { margin: 1em 0; text-indent: 1em; }



#categories { margin: 3em 2em; }

#categories H3 { margin-top: 1em; }

#categories>UL { margin-left: 1em; } /* invisible to IE6 < */

#categories LI {

 list-style-type: none;

 background: #373737 url(cat-bg.png) repeat-x;

 border-right: 1px solid #505959;

 width: 44%;

 float: left;

 margin: 1em 1.8%;

}

#categories LI IMG { 

 float: left;

 height: 80px;

 width: 80px;

 margin-right: 2em;

/* background: url(icon-bg.png);*/

}



#sidenav { margin-left: 2em; width: 21%; float:left }

#sidenav LI { margin-left: 1em; list-style-type: none; }

#sidenav SPAN { font-size: smaller }

#ads-side { margin: 4em 0 0 1em; }

#ads-side H3 { margin-left: -0.79em; }



.pages { background: #cffffe; color: #303030; font-weight: bold; font-size: 110%; margin-right: 1.8em; padding-left: 1em; }

.pages SPAN { background: #303030; color: #cffffe; padding: 0.2em; }

.pages A  { color: #303030; padding: 0.2em; border: 0; }

.pages A:hover { color: #505050; }



#desklets { margin: 0 0 2em 0; width: 67%; float: right; }

#desklets H2 { margin-top: 0; }

#desklets UL { clear: left; margin-right: 2em; }



#desklets LI { clear: both; margin: 2em 0; list-style-type: none; background: url(dots-bg.png) top left; }

#desklets LI IMG { margin: -1em 1em 1em 1em; float: right; background: #505059; padding: 0.2em; border: 1px solid #cffffe; }

#desklets LI H3 { background: url(dots-shadow.png) top left repeat-x; padding: 10px 0 0 0.8em; }

#desklets LI P { padding-left: 1em; }

#desklets LI P SPAN { font-weight: bold; }

#desklets LI .actions { clear: both; margin-top: 1em;}

#desklets LI .moreinfo { float: left; }

#desklets LI .download { float: right; margin-right: 1em; }

#desklets LI .description { text-align: center; }

#desklets LI TEXTAREA { text-align: left; margin: 1em auto; background: #353535; color: #e0e0e0; padding: 0.2em; border: 1px solid #505959; }

#desklets EM { font-style: normal; color: #d7efee; }



#links { margin: 2em; clear: both; }

#links H4 { margin-bottom: 0.5em; }

#links UL LI { float: left; list-style-type: none; width: 30%; margin: 0 1%; }

#links HR { text-align: center; border:0; border-top: 1px solid #505059; width: 66%; clear: both; }

#links>HR { visibility: hidden; }



/* hidden from IE6 < */

#links>UL { margin: 1em; }

#links>UL>LI { width: 31%; }



#footer { background: #3B6EA7 url(side-d.png) top repeat-x; padding-bottom: 12px; color: #cffeff; }

#footer .licence { background: url(corner-dr.png) top right no-repeat;  padding-right: 2em; padding-top: 12px; float: right; }

#footer .links { background: url(corner-dl.png) top left no-repeat; padding-left: 2em; padding-top: 12px; }