#main {
    width: 1000px;
    margin: 5px auto 0;
    padding:0;
    width:1000px;
}
#main-content {
    float: left;
    width: 635px;
}
#wide-content{
	margin-right:10px;
}
#wide-content, #main-content{
	margin-bottom: 15px;
    margin-left: 10px;
}
#nav-col{
    width:200px;
    float:left;
    }
#section-col-1{
    width:400px;
    float:left;
    }
#section-col-2{
    width:220px;
    float:left;
    margin-left:15px;
    }
#right-column {
    float:left;
    margin-bottom:35px;
    margin-left:10px;
    margin-right:0;
    min-height:600px;
    width:330px;
}
#right-column-inner {
    margin-left: 5px;
}
#right-column ul {
    margin: 0;
    padding: 0; 
}
#leaderboard {
    display: block; 
    padding: 10px 0;
    margin-bottom: 10px;
}
.ad-notice{
    margin: 10px 0 0;
}
.ad{
    margin: 0 0 10px;
    text-align:center;
}
/* ----------------------- HEADER ------------------------------ */
#header {
    height: 175px;
    margin-bottom:10px;
    width:100%;
    position:relative;
    z-index: 3; /*ie position z-index on relative positions fix */
} 
#header-inner{
    width:970px;
    margin:0 auto;
}
#header-link {
    float:left;
}

#header-date {
    position: absolute; 
    top: 70px; 
    right: 600px; 
}

#header-ad {
    position: absolute;
    top: 15px;
    right: 50px;
    width: 234px;
    height: 60px;
}
#search-box{
    width:500px;
    float:right;
}
#search-box #inner-search{
    margin: 25px 30px 0 0;
}
#search-box #inner-search #searchForm input{
    font-size:1.2em;
    border:#666 1px solid;
    margin-right:5px;
    color:#0F3D6E;
}
#search-box #inner-search #searchForm input#searachparam{
    width:200px;
}
#search-box #inner-search #searchForm input#submit-search{
    background:#0F3D6E;
    color:white;
}
#search-box #inner-search #searchForm input#submit-search:hover{
    cursor:pointer;
}
#search-box #adv-search{
    font-size:.9em;
}


/* ----------------------- FOOTER -------------------------------- */
#footer {
    margin:0 auto;
    padding: 10px 0 0 0;
   /* width:100%; */
    clear:both;
}

#footer p{
    margin:10px auto;
}
    
/* --------------------- SECTION ---------------------------------- */
#section-featured #featured-main{
    width:355px;
    float:left;
}
#section-featured #featured-main-alt{
    width:630px;
    float:left;
}
#section-featured .featured-two, #section-featured .featured-three {
    width:250px;
    float:right;
}
#section-sub-col, #home-sub-col{
    width:175px;
    float:left;
    margin: 0 10px 0 0;
    height:100%;
}
.featured-bottom{
    width:440px;
    float:right;
}
#section-bottom-left{
    width:400px;
    float:left;
}
#section-bottom-right{
    width:210px;
    float:left;
    margin-left:10px;
}

/* -------------------------------- BLOCKS  --------------------------------------- */
ul.bar-item, .bar ul.video-hbar, .bar ul.gallery-hbar, .bar ul.potd-hbar{
    float:left;
    padding:0;
}
ul.bar-item, .bar ul.video-hbar li, .bar ul.gallery-hbar li, .bar ul.potd-hbar li{
    float:left;
    width:125px;
    margin:0 25px 0 0;
}
ul.teaser-list{
    
}
.list{
	margin-bottom:10px;
}
#home-section-teasers ul.teaser-list{
    width:100%;
    padding:0;
}
#home-section-teasers ul.teaser-list img{
    float:left;
    margin: 0 5px 5px 0;
}
#home-section-teasers ul.teaser-list h4.teaser-list-header{
    padding:10px;
    margin:0;
}
#home-section-teasers ul.teaser-list li{
    clear:both;
    margin:0 0 5px 10px;
}
#top-blogs-block{
    margin: 10px 0;
    height:110px;
}
#right-column .stripes-central-block-inner, #right-column .pacsports-block-inner, #right-column .eurosports-block-inner{
    height:110px;
}
#right-column .tabbed-block{
    margin:15px 10px;
}
#right-column #gamer-button{
    margin:10px auto;
    text-align:center;
}
/* 
 * POLOPOLY SITE ENGINE *LAYOUT* MASTER TEMPLATE
 * ---------------------------------------------
 * This stylesheet contains basic layout for a 
 * Site Engine implementation.
 *
 * This document declares widths, relations, 
 * margins and paddings. See ui.css for "look and 
 * feel" declarations.
 * 
 * Refer to Site Engine documentation for further
 * explanation of the declared elements below.
 *
 * NOTE: rules beggining with an underscore (_)
 * are IE hacks and should remain as is.
 */
 

/* THE "SITE" CONTAINER */
.borderLayout {
	width: 100%;
	overflow: hidden;
	_height: 1%;
}


/* A MAIN GRID COLUMN */
.borderLayoutColumn {
	float: left;
	overflow: hidden;
	_height: 1%;
}


/* TOP & SUB MENU */
.borderLayoutMastHead .menu.menuTop,
.menu.menuPage {
	overflow: hidden;
	_height: 1%;
}
.borderLayoutMastHead .menu.menuTop LI,
.borderLayoutMastHead .menu.menuPage LI {
	float: left;
}

/* CONTAINER */
.container {
	overflow: hidden;
	_height: 1%;
}

/* NAVIGATION PATH ELEMENT */
.navpath {
	overflow: hidden;
	_height: 1%;
}
.navpath LI {
	float: left;
}

/* twoColumns container layout */
.container.twoColumns .col1,
.container.twoColumns .col2 {
	width: 49.9%;
	float: left;
	overflow: hidden;
}
.container.twoColumns .col1 ul.linklist{
    margin-right:5px;
}
.container.twoColumnsLeftHeavy DIV.col1 {
	float: left;
	width: 62.5%;
	overflow: hidden;
}
.container.twoColumnsLeftHeavy DIV.col2 {
	float: left;
	width: 37.5%;
	overflow: hidden;
}
.container.twoColumnsRightHeavy DIV.col1 {
	float: left;
	width: 37.5%;
	overflow: hidden;
}
.container.twoColumnsRightHeavy DIV.col2 {
	float: left;
	width: 62.5%;
	overflow: hidden;
}


/* threeColumn container layout */
.container.threeColumns DIV.col1,
.container.threeColumns DIV.col2,
.container.threeColumns DIV.col3 {
	float: left;
	width: 33.333%;
	overflow: hidden;
}
.container.threeColumnsLeftHeavy DIV.col1 {
	float: left;
	width: 50%;
	overflow: hidden;
}
.container.threeColumnsLeftHeavy DIV.col2,
.container.threeColumnsLeftHeavy DIV.col3 {
	float: left;
	width: 25%;
	overflow: hidden;
}
.container.threeColumnsRightHeavy DIV.col3 {
	float: left;
	width: 50%;
	overflow: hidden;
}
.container.threeColumnsRightHeavy DIV.col1,
.container.threeColumnsRightHeavy DIV.col2 {
	float: left;
	width: 25%;
	overflow: hidden;
}
.container.threeColumnsCenterHeavy DIV.col2 {
	float: left;
	width: 50%;
	overflow: hidden;
}
.container.threeColumnsCenterHeavy DIV.col1,
.container.threeColumnsCenterHeavy DIV.col3 {
	float: left;
	width: 25%;
	overflow: hidden;
}

/* fourColumn container layout */
.container.fourColumns DIV.col1,
.container.fourColumns DIV.col2,
.container.fourColumns DIV.col3,
.container.fourColumns DIV.col4 {
	width: 25%;
	float: left;
	overflow: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.hide {
  display: none;
}