/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0; text-align:center; font-size:100.01%; font-family: Arial, Tahoma, Verdana, Helvetica, Geneva, _Sans, sans-serif; background: #fff; color: #383838; }
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l{float:left;}
.r{float:right;}
.alignCenter {text-align: center}
.marginBottom {margin-bottom: 10px;}
.floatl {float: left;}
.floatr {float: right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow}
.swf {outline:none}
.warning {color:#bb0018; font-weight: bold;}/*to highlight text*/

a {	color: #0521b7; text-decoration: underline;}
a:hover {text-decoration: none}

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/* WIDTHS */
.s40 { width:40px; }
.s45 { width:45px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s90 { width:90px; }
.s100 { width:100px; }
.s260 { width:260px; }

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff; display:none;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#wrapall {width:980px; margin:0 auto; text-align: left;}
#insideWrap {width:100%; font-size: 0.8em; background:url(../img/bg/wrapall.gif) repeat-y top left; float: left; } 

/* Universal Styling*/
h1 {margin:0 0 10px 0; color:#110798; font-size:2.0em; text-transform:uppercase;}
h1 a {text-decoration: none; }
h2 {margin: 10px 0 10px 0; }
h2.noMarginTop {margin: 10px 0 12px 0; } /*for headings in thirdcolumn, to make them flush if at top of column*/
h4 {margin: 10px 0 10px 0; color:#233D98; font-size: 1.2em;}
p {line-height: 1.5em; margin: 10px 0 10px 0;}
p.note {font-size: 0.9em;}
p.smsTerms {font-size: .85em; font-weight:bold}
p.email {padding: 0 0 0 20px; background: url(../img/icons/email.gif) no-repeat; font-size: 0.85em;}
p.backToTop {clear: both; text-align: right;  }
p.backToTop a {padding: 0 0 0 13px; background: url(../img/icons/arrow04.gif) no-repeat center left; text-decoration:none; text-transform: uppercase; font-size: 0.85em;}
p.backTo {padding: 0 0 0 15px; clear: both; background: url(../img/icons/arrow03.gif) no-repeat  0 2px;}
.story p.backToTop {margin-bottom: 0px; clear: both; text-align: right; }
.story.twitter {padding-bottom: 60px; background: url(/img/icons/twitter.gif) no-repeat bottom left} /*Icon sourced from http://www.smashingmagazine.com/2009/01/23/friday-freebies-flavours-icon-set-and-cute-tweeters-icon-set/*/
p.columnistIntro {margin-top: 0px; margin-right: 10px; margin-left: 10px; font-size: 0.85em; color:#666}
p.storyBy { font-size: 0.85em; font-weight:bold; }
a.email {padding: 1px 0 1px 20px; background:url(../img/icons/email.gif) no-repeat left center}
/*.................................................. HEADER ................................................*/
#header { padding: 15px 0 10px 15px; width:965px; background: url(../img/bg/header.gif) no-repeat  ; float:left; clear: both;  }
#header h1 {margin: 0px; padding: 0px; display:inline; float: left }

#headerRight {padding: 0 0 0 10px; float: left; width: 718px; }
#bannerAd {z-index:2000; position:absolute; width: 728px; height: 90px;}

#topLinks {margin-top: 101px; clear: both; font-size: 1.0em; float:left; width: 100%;}
#topLinks ul {float: left; }
#topLinks li {margin: 0 16px 0 0; display: inline; float: left; text-indent: -9000px; }
#topLinks li#link02 {margin-left: 0px}
#topLinks li#link06 {margin: 0}
#topLinks li a {display: block; height: 25px; background-repeat:no-repeat; outline: none; }
#topLinks li a:hover {background-position: 0 -25px ; }
#topLinks li#link01 a {background-image:url(../img/logos/sunday-world-bingo.gif); width: 50px;}/*Bingo*/
#topLinks li#link02 a {background-image:url(../img/facebook.gif); width: 130px;}/*Mobile Magic*/
#topLinks li#link03 a {background-image:url(../img/twitter.gif); width: 130px;}/*Online Casino*/
#topLinks li#link04 a {background-image:url(../img/logos/sunday-world-dating.gif); width: 170px;}/*Dating*/
#topLinks li#link05 a {background-image:url(../img/logos/special-editions.gif); width: 127px;}/*Special Editions*/
#topLinks li#link06 a {background-image:url(../img/logos/advertisers.gif); width: 96px;}/*Advertisers*/

/*.................................................. Mainmenu ...............................................*/
#mainmenuWrap {padding: 0 0 0 10px;}
#mainmenu { height:87px; width:958px;  position:relative;  z-index:500; clear: both;  text-transform: uppercase; font-size: 0.85em; background:url(../img/bg/mainmenu.gif) no-repeat 0 0}
#mainmenu p {padding-left: 3px;}
#mainmenu ul { float:left; }
#mainmenu li { float:left; }
ul#menu01 {margin: 5px 0 0 0; padding: 0 0 0 10px;  width: 953px;}
ul#menu01 a { padding: 4px 9px 5px 8px; display:block; float:left;  text-decoration:none;  white-space:nowrap;  color:#fff; font-weight: bold;}
#menu01 li.on a, #menu01 a:hover {background: #fff; color:#000}
#menu01 li#m10 a {padding-left: 45px; background: url(../img/logos/sunday-world-mag.gif) no-repeat #0e98ef 0 0; color:#fff}
#menu01 li#m10 a:hover {background: url(../img/logos/sunday-world-mag.gif) no-repeat #fe0000 0 -35px; color:#fff;}
#menu01 li.on#m10 a {background: url(../img/logos/sunday-world-mag.gif) no-repeat #fe0000 0 -35px; color:#fff;}
#menu02 {margin: 2px 0 3px 0; }
#menu02 li.last a {border: 0px;}
#menu02 a { padding: 2px 3px 2px 6px; display:block; float:left;  text-decoration:none;  white-space:nowrap;  font-weight: bold;  border-right: 1px dotted #dadada;}
/*Styling for positioning of menu02 is in the css relative for that section*/
#menu02 li {/*margin-right: 2px; margin-left: 2px; */ text-transform: none; }
#menu02 li a {color: #000; font-weight:normal; }
#menu02 li a:hover {background: #ddd; border-right: 1px dotted #ddd;}
#menu02 li.on a, #menu02 li.on a:hover {background: #fe0000; color: #fff; border-right: 1px solid #fe0000;}
#menu02 li.on.last a {border: 0px;}
#mainmenu p {margin:0 0 0 8px; padding: 0px; line-height:1.0em }
#mainmenu p.tagline {margin-top: 8px; margin-bottom: 5px}
#mainmenu p.r {margin: 0px; line-height:1.0em }
#bcrumb {padding: 10px 0 0 0; font-size: 1.0em; text-transform: lowercase; color:#000; clear:both;}
#bcrumb span {color:#666}
#bcrumb a {padding: 0 8px 0 0; background:  url(../img/icons/arrow01.gif) no-repeat center right}
#bcrumb p.r {margin-right: 10px; text-transform: none}

/*........................ MAIN this wraps the left and right columns........................*/
#main { margin: 10px 0 0 0; padding: 0px 0 10px 15px; float:left;  clear:both; width: 965px ;}

/*......... RIGHTCOL HOME ...............................................*/
#rightCol {float: left; width: 950px;}

/*.................................................. LEFTCOL ...............................................*/
#leftCol {float: left; width: 570px; }
#leftCol h1 {margin-right: 0px}

/*............................................. COLUMN THREE ...............................................*/
#thirdCol {margin: 0 0 10px 0; float: right; width:380px; }
#thirdCol h1 {padding: 5px 5px 5px 10px; font-size: 1.5em; }
/*#thirdCol h2 {font-size: 1.5em; }*/

/*.................................................. CONTENT ...............................................*/
/* column widths
1 Column - 190px
2 Column - 380px
3 Column - 570px
4 Column - 760px
5 Column - 950px
*/
.story {margin: 0 0 10px 0; padding: 10px 10px 10px 10px; border: 1px dotted #ddd; clear: both; }
.columnHolder01 {padding: 0 0 0 5px; width: 185px;  float: left; }
.columnHolder01 .story {width: 163px; }
.columnHolder01wide {width: 190px;  float: left;}
.columnHolder01wide .story {width: 163px;}
.columnHolder02 {width: 380px; float:left; }
.columnHolder02 .story {width: 358px; }
.columnHolder02narrow {width: 374px; float:left; }
.columnHolder02narrow .story {width: 340px; }
.columnHolder03 {width: 570px; float: left; }
.columnHolder03 .story {width: 538px; }
.columnHolder04 {width: 760px; float: left; }
.columnHolder04 .story {width: 728px; }
.columnHolder05 {width: 950px; float:left; }
.columnHolder05 .story {width: 928px; }
.noMarginRight {margin-right: 0px;  }
.gossip {background: #666; color:#fff; font-weight:bold; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;}
.story h2 {margin: 0 0 10px 0; text-transform: uppercase; font-size: 1.7em;  }
.story h3 {margin:10px 10px 10px 0; color:#110798; font-size:1.4em; text-transform:uppercase; font-style:italic; clear: both; }
.story h3.inline {clear:none}
/*#thirdCol .story h3 {display: inline } I HAD TO REMOVE THIS AS IT CAUSED LAYOUT ISSUES IN IE6*/

p.statement {padding: 5px; background: #000; color:#fff}

blockquote {margin: 0 0 10px 0; padding: 12px 0 3px 0; background: url(../img/bg/blockquote01.gif) no-repeat #fded09; clear:both;}
blockquote.l {margin: 10px 10px 10px 0; float:none}
blockquote.r {margin: 10px 0 10px 10px; float:none}
blockquote p { margin: 10px; font-family: "trebuchet ms", "lucida sans unicode"; font-size: 1.3em;  color: #000; line-height: inherit}
blockquote p.firstQuote {margin: 25px 10px 10px 10px;  text-indent: 30px;}
blockquote cite {margin: 10px; }

/*ADVERTS*/
.advert {margin: 10px 0; }
.ad180 {padding: 0 0 0 5px; clear: both; margin: 0 0 10px 0; display: block}
.ad185 {clear: both; margin: 0 0 10px 0; display: block; }
a.ad300 {margin: 10px 0; text-align:center; display:block; outline: none;}
a.ad320 {margin: 10px 0; text-align:center; display:block; outline: none;}
.ad370 {margin: 10px 0; display: block}

/*SlideShowPro*/
object {outline: none; }
/*************************** LISTS ***************************************/
/*Numbered or Ordered Lists*/
ol {margin:10px 0 10px 25px;}
ol li {margin: 0 0 8px 0;}

ol.abc li {list-style:lower-alpha}

#main .story ul {margin: 10px 0 10px 10px; }
#main .story ul li {margin: 0 0 8px 0; padding: 0 0 0 15px; background: url(../img/icons/arrow02.gif) no-repeat 0 2px }
#main ul.specialEditions {float: left; width: 148px; margin: 0 20px 15px 0}
#main ul.specialEditions img {display: block}
#main ul.specialEditions  li {padding-left: 0px; background: none; margin: 0 0 5px 0; display: block; width: 100%; text-align:center}
#main ul.specialEditions.l {margin-top: 10px;}

/*Previous and Next*/
/*........... Pagination for Results ............*/
.prevNext {float: left; padding: 0; margin: 0px 0 10px 0; clear: both; width: 100% ;  }
#main .story .prevNext li {margin: 0 5px 0 0; padding: 0px; display: inline; float:left;  background: none; }
.prevNext li a { padding: 2px 6px; border: 2px solid #ddd; font-weight:bold; text-decoration: none; font-size: 1.0em; display: block}
.prevNext li a:hover {color:#659505}
.prevNext li.current a { border: 2px solid #659505; color:#659505}

/*Archive Lists*/
#main ul.archiveList li {text-transform: uppercase}
/*************************** IMAGES ***************************************/
.photoLeft {padding: 10px 0 5px 0 ; margin: 0 10px 10px 0; float: left; width: 200px; text-align: center; background:#fff;}/*Max Width of photo should be 190px*/
.photoRight {padding: 10px 0 5px 0 ; margin: 0 0 10px 10px; float: right; width: 200px; text-align: center; background:#fff;}/*Max Width of photo should be 190px*/
.photoLeft p, .photoRight p {margin: 5px 0; font-weight: bold; text-align:center; clear:both; display: block}
.photoLeft img, .photoRight img {padding: 3px 8px 8px 3px;  background:url(../img/bg/image-shadow.gif) no-repeat bottom right; display: block; }
.photoLeft.wide, .photoRight.wide {width: 360px} /*Max Width of photo should be 350px*/

img.r {margin: 0 0 8px 8px;}
img.l {margin: 0 8px 8px 0;}

/*Images with Captions - new code - do not delete*/
/*Max width for the image should be 510px*/
/*Max width of images using the imgcaption class in third col is 330px*/
.arc90_imgcaptionTXT {font-size: 0.9em; text-align: left; font-weight: bold; }
p.arc90_imgcaptionALT {	/*margin-top: 2px; */margin-bottom: 6px; font-size: .65em; text-align: right;}
span.arc90_imgcaptionALT {	display: none;}
.arc90_imgcaption {	text-align: center;	/*padding: 5px 5px 0 5px; */ margin: 1em 0; width: 9em; /*background:#000;*/ /*color: #fff*/ color: #000}
.arc90_imgcaption.floatl {margin: 0 8px 8px 0; float: left;}
.arc90_imgcaption.floatr {margin: 0 0 8px 8px; float: right;}
#main .arc90_imgcaption.floatn {margin: 0 0 8px 0; float: none; clear:both; }
/*and for when javascript is disabled, the images will still float correctly*/
img.imgcaption {margin: 0 8px 8px 0; float: left; padding: 3px; }
img.imgcaption.floatr {margin: 0 0 8px 8px; float: right; padding: 3px;}

/*************************** TABLES ***************************************/
table { border-collapse: collapse;}
table.data td {padding: 3px; text-align: left; vertical-align: top; background: #eaeaea;}
table.data th {padding: 3px; text-align: left; vertical-align: top; background: #ddd;}
.columnHolder03 table {width: 535px;}
/*************************** FORMS ***************************************/
fieldset {border: 0px}
form input {margin: 2px 0; padding: 3px 5px; border: 1px solid #ddd; font-size: 1.0em}
form input.cb {border: 0px; padding: 0px;}
form input.submit {padding: 2px 3px; border: 1px solid #ddd; background:#fe0101; color:#fff; font-weight: bold; text-transform:uppercase}
form select {padding: 2px 1px; border: 1px solid #ddd; font-size: 1.0em}

/*.................................................. FOOTER ...............................................*/
#footer {padding: 0 15px 10px 15px; width: 950px; float: left; clear:both;  background: url(../img/bg/footer.gif) no-repeat bottom left #fff; font-size: 0.85em; }
#footer .l {padding: 5px 0 0 0; border-top: 1px solid #ccc; width: 80%;  }
#footer li {display: inline; margin: 0 5px 0 0; }
#footer li span {margin-left: 5px; color:#FF0000}
#footer li a {font-weight: bold;}
#footer a {text-decoration: none; color:#000;}
#footer a:hover {color:#FF0000}
#footer .linksWrap {margin: 0 0 5px 0; padding: 5px 0 5px 0; float: left;  border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; clear:both; width: 100%}
#footer p {margin: 0px;}
#footer p a {color: #999}
#footer li.advertising a {color:#FF0000}
#footer li.advertising a:hover {color:#000}
#credits {clear: both;}

/* VIDEO*/
#playerWrapper {float:left; }
#player {  padding: 0 0 20px 0; width: 100%; text-align: center; color: #888; clear: both;  z-index: 600; background:url(/media-player/swp.gif) no-repeat bottom right}
#thirdCol #player img.floatr {margin: 0px; background: none; padding: 0px; display: block; clear: both;}
#thirdCol #player {margin: 0 0 0px 0; }
#leftCol #player {width: 560px;}
#innerWrapper { width: 100%; float:left; }
#innerWrapper h1 {margin: 5px 0; padding: 0px; color: #fff; text-align:center; }
#thirdCol #innerWrapper {margin-bottom: 10px; background: #000}
#playerWrapper ul {clear: both; float: left; width:100%; font-size: 0.85em;}
#playerWrapper ul li {  margin: 0 1px 0 0; display: inline; float:left; }
#playerWrapper ul li a {padding: 15px 31px 5px 30px; color: #fff; display: block; font-weight: bold; background: url(../img/icons/icon-channel.gif) no-repeat 0 10px; text-decoration: none; }
#playerWrapper ul li.on a, #playerWrapper ul li a:hover {padding: 10px 31px 10px 30px; background-position: 0 -50px; background-color: #fff; text-decoration: none; color:#000 }

/*INDIVIDUAL PAGES*/
.storyIntroHolder {font-size: 1.0em;clear:both; float:left; }
.storyImage {float: right; }
.storyIntro {margin: 0 0 10px 0; clear: both; float:left; width: 100%; }
.storyIntroHolder img {margin: 0 0 10px 10px; padding: 5px; background:#ccc;  }
.storyIntroHolder h2 {font-style: italic}
#leftCol .storyIntroHolder p.readMore {margin: 0px;  text-align: right; }
.storyIntroHolder p.readMore a {color: #cc33cc; }

ul.stories {padding: 0 0 10px 0; margin: 0 0 10px 0; width: 100% ; float:left; clear: both; }
ul.stories li {margin: 0px;}
ul.stories li.title {width: 100%; float:left; display: inline; text-transform: uppercase; font-size: 1.2em;}
ul.stories li a {font-weight: bold; text-decoration: none; }
ul.stories li.desc { margin-bottom: 5px; width: 100%; float:left; display: inline;}
ul.stories li.readMore {margin: 5px 0 0 0; width:100%; text-align: right; font-style:italic; text-transform:uppercase; clear:both;}

#main #columnistInfo {margin: 0 10px 10px 0; padding: 5px 10px; border-style: dotted; border-width:1px; border-color:#ddd; background-repeat:no-repeat; background-position:bottom right}
body.fiveCol #main #columnistInfo {margin-right: 0px;}
#main #columnistInfo h1 {padding: 0px; margin: 0 0 3px 0; font-weight: bold; background: none;}
#main #columnistInfo h2 {padding: 0px; margin:0px 0 0px 0; border: none; text-transform:none; font-size: 0.85em; font-weight: bold;}
#main #columnistInfo a {font-weight:normal;}
#main #columnistInfoRight h1 {padding: 0px; margin: 0 0 3px 0; font-weight: bold; background: none;}
#main #columnistInfoRight h2 {padding: 0px; margin:0px 0 0px 0; border: none; text-transform:none; font-size: 0.85em; font-weight: bold;}


iframe {margin: 10px 0 10px 8px;}/*to position the Entertainment.ie iframe panel*/
iframe.l {margin-right: 10px; }
/*Credits*/
/*Icons*/
/*http://www.everaldo.com*/

/*HOLLYWOOD GOSSIP*/
img#image40935 {width: 350px}/*emergency css - to fix perez hilton - very wide images in feed causing page layout issues*/