/* 

	Description:Controls m4 homepage specific styles

	Modified:25/06/2009 DS

	

	Index  

	---------------------------------------------

	1. HEADER - overwrites header styles from base.css

	2. BODYCONTENT - columns,SIFR containers,home-headlines,popular and etc 

	3. ERRORPAGE - 404 and 500 error pages

*/

/*************************** @1. HEADER ***************************/

#header-logo {

background:transparent url(../images/logo.png) no-repeat scroll left top;

_margin-bottom:17px;

width:450px;

height:66px;

}



#header-logo img {

width:400px;

}



/* Bigben, bingo and sponsorship box */

#big-ben {

float:right;

margin:20px 10px 0 0;

width:468px;

height:60px;

background-color:#ffffff;

border:solid #000000 1px;

}





#menu{_margin-top:0px;}



/* FIX: added padding for IE6 */

/*************************** @2. BODYCONTENT ***************************/

/* Ticker */

.ticker0 {

clear:both;

display:inline!important;

float:left;

margin:5px 0 0 12px;

width:613px;

}



#content-col {

display:inline;

float:left;

margin:5px 13px 0px 5px;

width:613px;

}





/* Columns */

#l-col {

display:inline;

float:left;

margin:0 0 5px 7px;

width:468px;

}



#c-col {

display:inline;

float:left;

margin:0 1px 5px 0;

width:155px;

}



#r-col {

display:inline;

float:left;

margin:-20px 7px 5px 0;

width:310px;

}





.c145-145,.c145-300,.c145-456,.c300-145,.c300-300,.c300-456,.c456-145,.c456-300,.c456-456,.c456-301 {

display:inline;

float:left;

margin:5px;

overflow:hidden;

}



.c145-145 {

margin-left:6px;

height:147px;

width:222px;

}



.c145-300 {

width:145px;

}



.c145-456 {

height:456px;

width:145px;

}



.c300-145 {

height:145px;

width:300px;

}



.c300-300 {

height:300px;

width:300px;

}



.c300-456 {

height:456px;

width:300px;

}



.c456-145 {

height:145px;

width:456px;

}



.c456-300 {

width:456px;

}

.c456-301 {

width:613px;

}



.c456-456 {

height:456px;

width:456px;

}



#l-col .l3 .c145-456,#l-col .l8 .c145-456 {

float:right;

}



/* custom float  */

.l10 .c300-456,.l11 .c300-456 {

height:455px;

}



/* FIX: float issue */

.l9 .c300-456 {

float:right;

}



/* Most Popular Widget*/

#popular {

padding-top:10px;

}



.col-first, .col {

float:left; 

width:145px; 

}



.col-first {

margin:5px 3px 5px 5px;

}



.col {

background:transparent url(../images/BgColumns.gif) repeat-y scroll 0 0;

margin:5px 3px 5px 0;

padding-left:7px;

}



#col_right_sitewide *{

display:none!important;

}

#promo-puffs {

background:#fff;

padding-left:7px;

}



#promo-puffs:after {

content:".";

display:block;

clear:both;

height:0;

visibility:hidden;

}



#latest{

display:inline;

float:left;

overflow:hidden;

margin:5px;

width:445px;

border:solid #CCCCCC 1px;

padding:5px;

}



#poll{

display:inline;

float:left;

margin-left:10px;

margin-top:10px;

width:280px;

border:solid #CCCCCC 1px;

padding:5px;

}



.poll {

font-size:12px;

text-align:left;

}

.polltd {

padding:0px;

margin:0px;

vertical-align:middle;

}



.arsivtd {

padding:0px;

margin:0px;

font-size:10px;

}