/* Compass
---------------------------------------------------------------------------------------------------*/
#compass{width:966px; margin:0 auto; text-align:left}
#compass p{position:absolute; height:2em; line-height:2em; color:#bdc8d0; text-align:left; 
background:url(img/compass.png) no-repeat 0 4px ; padding-left:20px}
#compass p span{}

/* Welcome
---------------------------------------------------------------------------------------------------*/
#welcome{height:2em; background:#002a4a; border-bottom:1px solid #275a81; line-height:2em}
#welcome p{width:966px; margin:0 auto; color:#bdc8d0; text-align:right}
#compass a:link, #compass a:visited,
#welcome a:link, #welcome a:visited{color:#bdc8d0}
#compass a:hover, #compass a:focus,
#welcome a:hover, #welcome a:focus{color:#bdc8d0}

/* Top
---------------------------------------------------------------------------------------------------*/
#top-print{display:none}
#top{background:transparent url(img/top-bg.png) no-repeat top center}
#top .top-inner{width:966px; margin:0 auto; height:125px; text-align:left}
#top .logo{padding:5px 0 0 0; background:transparent url(img/supertoinette.png) no-repeat 82px 8px; float:left}
#top .logo a{margin:0 0 0 0; width:230px; height:98px; display:block; position:relative}
#top .logo a img{position:absolute; left:-17px}
#top .logo span{position:absolute; top:-9999em}
#top-leaderboard{float:right; width:728px; margin:4px 5px 0 0}


/* Page
---------------------------------------------------------------------------------------------------*/
#page{width:966px; margin:0 auto; text-align:left}

/* Ads
---------------------------------------------------------------------------------------------------*/
.ad-sky, .ads-300-250{-opera-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; background:#fff; border:1px solid #e2e1d7; padding:0px 10px 15px 10px; text-align:center; font-size:.75em; color:#afafaf; margin-bottom:20px}
.ad-sky{padding:0; padding-bottom:10px}
.ad-sky span,
.ad-content span{margin:0 auto; text-align:center}
.g-ads-336-250{-opera-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; background:#fff; border:1px solid #e2e1d7; padding:0px 6px 15px 6px; text-align:center; width:336px}
.g-ads-468-60{-opera-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; background:#fff; border:1px solid #e2e1d7; padding:5px 9px 15px 9px; text-align:center}
.g-ads iframe, .g-ads img{margin:0 auto; text-align:left}
.g-ads-336-250 .ad-mention, 
.g-ads-468-60  .ad-mention{font-size:.75em; color:#afafaf}
.ads-300-250{height:260px}
.ad-sky{height:610px}

/* Content
---------------------------------------------------------------------------------------------------*/
#content{background:#fbfaf4 url(img/content-bg.gif) repeat-x; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff}
.left-content{margin:20px 20px 0 24px; float:left; width:546px; padding-bottom:20px}
.right-content{margin:20px 0 0 0; float:left; width:350px; padding-bottom:20px}
.error-content{margin:20px 20px 0 24px; padding-bottom:20px}

/* Footer
---------------------------------------------------------------------------------------------------*/
#footer{background:url(img/footer-bottom-bg.png) no-repeat bottom left; padding-bottom:6px; margin-bottom:40px; font-size:.92em}
#footer-top{border-left:1px solid #fff; border-right:1px solid #fff; background:#ecebe3 url(img/footer-bg.gif) repeat-x; padding:20px 0 10px}
#footer-top div{padding:0 0 5px 10px}
#footer-top a{color:#5e5d51}
#footer-top strong{float:left; display:block; width:120px; text-align:right}
#footer-top ul{margin:0 0 10px 140px}
#footer-top li{display:inline; padding-right:1em}
#footer-bottom{border-left:1px solid #fff; border-right:1px solid #fff; background:#e2e1d7 url(img/footer-bg.gif) repeat-x; padding:15px 20px 10px; line-height:1.6}
#footer-bottom div{float:left; padding-left:10px}
#footer-bottom p{margin-left:130px}
#footer-bottom p.s a{text-decoration:underline}

/* Clearing floats without extra markup / Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] 
---------------------------------------------------------------------------------------------------*/
.clear{display:inline-block}   
.clear:after, .container:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
* html .clear{height:1%}
.clear{display:block}
.clearboth{clear:both; height:1px; display:block}

/* Semi cols & cols
---------------------------------------------------------------------------------------------------*/
.cols{}
.semi-col-left{width:165px; float:left; margin-right:20px}
.semi-col-right{width:165px; float:left}
.last{margin-right:0 !important}