body {
	margin:0;
	color:#333;
	text-align:center;
	background-image: url(/gfx/backfade.gif);
	background-repeat: no-repeat;
	background-position: center 85px;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

a img{border: 1px solid #CCC;padding:2px;margin:3px}
a:hover img{border: 1px solid #3AED00;padding:2px;}
a:hover{color: #3AED00;border: 0px ;} /* Dummy definition to overcome IE bug */

a:link { color:#300;}
a:visited { color:#300;}
a:hover { color:#CD0388;}
a:active { color:#603;}

body#magazine #col2 h4 a:link { color:#CD0388;}
body#magazine #col2 h4 a:visited { color:#CD0388;}
body#magazine #col2 h4 a:hover { color:#300;}
body#magazine #col2 h4 a:active { color:#CD0388;}

#pagenav a:link, .pagenav a:link { color:#EEE; text-decoration:none; background:#666;padding:4px 6px 4px 6px;border:1px #333 solid;}
#pagenav a:visited, .pagenav a:visited { color:#EEE; text-decoration:none; background:#666;padding:4px 6px 4px 6px;border:1px #333 solid;}
#pagenav a:hover, .pagenav a:hover  { color:#333; text-decoration:none; background:#EEE;padding:4px 6px 4px 6px;border:1px #666 solid;}
#pagenav a:active, .pagenav a:active  { color:#EEE; text-decoration:none; background:#666;padding:4px 6px 4px 6px;border:1px #666 solid;}

h1, h2, h3, h4, h5, h6 {font-family: "Helvetica", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
letter-spacing: -1px;
color:#333}
h2 span {color:#666}
#col2 h3 span {color:#db7c01}

#footer a:link { color:#FFF;}
#footer a:visited { color:#FFF;}
#footer a:hover { color:#FC3;}
#footer a:active { color:#F99;}
#footer a {font-weight:bold;}

#wrapper {text-align:left;}
#subwrapper {width:920px;margin-left:auto;margin-right:auto;text-align:left;border-left:1px #666 solid;border-right:1px #666 solid;background-color:#FFF}

#col1 {float:left;width:155px;padding-right:10px;padding-top:20px;margin-right:10px}
body#articles #col1 h5 {font-size:14pt}

div#email-updates {border-bottom:1px #CCC dashed;padding-bottom:6px}
div#email-updates a {text-decoration:none;}
div#email-updates h3 {font-size:14pt}
div#email-updates h3 span {color:#61B300}
div#email-updates form{
border:1px #CCC solid;padding:8px;
}
#col2 {float:left;width:510px;border-left:1px #CCC solid;border-right:1px #CCC solid;padding-bottom:20px;padding-left:15px;padding-top:20px;padding-right:15px;margin-right:15px;margin-bottom:20px;border-bottom:1px #CCC solid;}
body#magazine #col1 h2 {font-size:8pt;margin-bottom:4px;}
body#magazine #col2 h3 {font-size:16pt;margin:4px;}
body#magazine #col2 h4 {font-size:16pt;margin:4px;}

body#articles #col2 h2 {font-size:18pt;margin:4px;}
body#articles #col2 h3 {font-size:16pt;margin:12px;color:#333}


body#podcasts #col2 h2,
body#listings #col2 h2,
body#tv #col2 h2,
body.magazine #col2 h2,
body#rates h2
{color:#CD0388}

#col2 h2 {padding-bottom:8px;border-bottom:1px #CCC dashed;font-size:18pt;}
#col2 h4 {font-size:14pt}

ul#compList li {margin-bottom:15px}

#col3-home {float:left;padding-top:20px;padding-left:0px;width:340px;}
#col3 {float:left;padding-top:20px;padding-left:0px;width:140px;padding-bottom:10px}

#col3 h4 {font-size:10pt;margin-bottom:5px;}

h2.light {color:#CD0388}

/* -- Homepage cols -- */
body#magazine #col1 {float:left;width:180px;padding-right:20px;margin-right:20px}
body#magazine #col2 {float:left;width:260px;border-right:1px #CCC solid;padding-right:20px;margin-right:20px}
body#magazine #col3 {float:left;width:250px}

body#magazine #col3 {margin-bottom:10px}
body#magazine #col3 h4 {font-size:8pt;margin-bottom:5px;padding-bottom:6px;border-bottom:1px #CCC dashed;}
body#magazine #col3 h5 {font-size:14pt;margin-bottom:8px;margin-top:4px;}


/* Homepage stuff */
#hello {border-top:1px #CCC solid}
#hello p {font-size:8pt;margin:5px}
#team ul {list-style:none;margin-left:0;padding-left:0}
#team ul li {font-size:7pt;margin-bottom:5px}
h3#subtitle {font-size:10pt}
h3#currentIssue strong {color:#FF6B00}

#features h4 {margin-bottom:2px;border-top:1px #CCC dashed;padding-top:8px}
#features h4 a {text-decoration:none}
#features p {margin:0 0 5px 0;font-size:10pt}

/*-- Categories nav --
ul#categories {list-style:none;margin-left:0;padding-left:0}
ul#categories li {margin-bottom:5px;padding-bottom:5px;border-bottom:1px #CCC solid}
*/
div.pagenav a:link, a.glow:link{ color:#333; background:#EEE;padding:2px 8px 2px 8px;border:1px #CCC solid;}
div.pagenav a:visited, a.glow:visited{ color:#333; background:#EEE;padding:2px 8px 2px 8px;border:1px #CCC solid;}
div.pagenav a:hover, a.glow:hover{ color:#2f9900;background:#e5e5e5;padding:2px 8px 2px 8px;border:1px #e5e5e5 solid;}
div.pagenav a:active, a.glow:active{ color:#2f9900;background:#e5e5e5;padding:2px 8px 2px 8px;border:1px #CCC solid;}

div.pagenav a, a.glow {text-decoration:none;}
div.pagenav {font-size:10pt;}
div.pagenav strong.pagenow {padding:2px 8px 2px 8px}

#quotes {}
.scroll {}

div#content {padding:0 20px 10px 20px;background-color:#FFF}
div#content img {margin-top:8px;}
#content p {line-height:140%;}

#header {
	background-color:#333;	
	border-bottom:8px #000 solid;
	background-image: url(/gfx/header_bg.png);
	background-repeat: repeat-x;
	padding:8px;

}
#header div {width:920px;margin-left:auto;margin-right:auto;	position:relative;}
#header h2 {display:none}

#header h1 {margin:0;width:280px}
#header h1 a {
 display: block;
 width:512px;
 background-image: url(/gfx/header_logo.png);
 background-repeat: no-repeat;
 padding-top:70px; height: 0 !important;
 height /**/: 70px; overflow: hidden;
}

img#wave-top{border:0;position:absolute;right:0px;top:-8px}
img#latesthomes-top{border:0;position:absolute;right:170px;top:-8px}

/* the 2nd stage front page stuff */
ul.viewlatest {background-color:#EEE;border:1px #CCC dashed;list-style:none;margin-left:0;padding-left:0}
ul.viewlatest li {padding: 10px 0 10px 10px;margin-left:0;font-size:11pt;line-height:150%}
ul.viewlatest li img {border:0}

p#inThisIssue {margin-left:220px}

a.flash {
	background-image:url(/gfx/comp_flash.png);
	background-repeat: no-repeat;
padding:8px 0 8px 40px;
}
a.pdf {
background-image:url(/gfx/comp_pdf.png);
	background-repeat: no-repeat;
padding:8px 0 8px 40px;
}

/* Tab nav stuff */
/* --------------------------------------------------- */
#nav {
  float:left;
  width:100%;
 background:#FFF url("/gfx/nav_bg.png") repeat-x bottom;
  font-size:8pt;
font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
  line-height:normal;
  }
#nav ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#nav li {
  float:left;
  background:url("/gfx/nav_norm_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#nav a {
  float:left;
  display:block;
  background:url("/gfx/nav_norm_right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#333;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
color:#61B300;
}

body#magazine #nav #magnav,
body.magazine #nav #magnav,
body#articles #nav #articlesnav,
body#about #nav #aboutnav,
body#listings #nav #listingsnav,
body#jobs #nav #jobsnav,
body#radio #nav #radionav,
body#podcasts #nav #podcastsnav,
body#tv #nav #tvnav,
body#rates #nav #ratesnav,
body#chart #nav #chartnav,
body#distribution #nav #distributionnav,
body#contact #nav #contactnav
{background-image:url("/gfx/nav_norm_left_on.gif");}
  
body#magazine #nav #magnav a,
body.magazine #nav #magnav a,
body#articles #nav #articlesnav a,
body#about #nav #aboutnav a,
body#listings #nav #listingsnav a,
body#jobs #nav #jobsnav a,
body#tv #nav #tvnav a,
body#chart #nav #chartnav a,
body#radio #nav #radionav a,
body#podcasts #nav #podcastsnav a,
body#rates #nav #ratesnav a,
body#distribution #nav #distributionnav a,
body#contact #nav #contactnav a
{
background-image:url("/gfx/nav_norm_right_on.gif");
color:#333;
padding-bottom:5px;
}

/* cat nav */
ul#categories {list-style:none;padding-left:0;margin:0 0 25px 0;}
#categories li {font-size:10pt}
#categories li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-bottom: 1px solid #CCC;
background-color: #EEE;
text-decoration: none;
width: 90%;
outline:none;
}

html>body #categories li a {width: auto;}

#categories li a:hover
{
background-color: #CCC;
color: #333;
}
/* --------------------------------------------------- */

/* -- END ROLLOVERS -- */


ul#viewlatest, ul#issue, ul#backIssue {background-color:#EEE;border:1px #CCC dashed;list-style:none;padding-left:0}
ul#viewlatest li, ul#issue li, ul#backIssue li {padding: 10px 0 10px 10px;margin-left:0;font-size:11pt;line-height:150%}
ul#viewlatest li img, ul#issue li img, ul#backIssue img{border:0}

ul#backIssue {margin-left:220px}

#viewlatest, ul#issue {margin-bottom:15px}
#viewlatest ul, ul#issue {list-style:none;}
#viewlatest ul li, ul#issue li {padding: 10px 0 10px 35px;}
#viewlatest ul li.flash, ul#issue li.flash{
	background-image:url(/gfx/comp_flash.png);
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
#viewlatest ul li.pdf, ul#issue li.pdf {
background-image:url(/gfx/comp_pdf.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#recent-posts, #whats-on, #recent-jobs, #brighton-photos{border-bottom:1px #CCC dashed}
#brighton-photos{
	border-top:1px #CCC dashed;
	
}
#recent-posts h4, #recent-jobs h4, #whats-on h4, #recent-jobs, #brighton-photos h4{font-size:14pt;margin-bottom:5px}
#brighton-photos h4{color:#61B300}
#recent-jobs h4 {color:#F31C24}
#recent-posts h4 {color:#ff6b00}


#recent-jobs th {color:#FFFFFF;background-color:#333;padding:10px;border-bottom:2px #666 solid;font-size:10pt}
#recent-jobs table#jobGrid {width:99%}
#recent-jobs #jobGrid td {padding:10px;background-color:#EEE;border-bottom:1px #CCC solid;font-size:10pt}
#recent-jobs #jobGrid td.note {font-size:8pt}
#recent-jobs #jobGrid tr {margin:8px;}
#recent-jobs li, #recent-jobs p {font-size:10pt}

#whats-on h4 {color:#3F9AD0}
#brighton-photos img {margin:0 3px 2px 0}
#brighton-photos h4 {background-image: url(/gfx/flickr-logo.png);
	background-repeat: no-repeat;
	background-position: right bottom;}


#quotes {border:1px #CCC solid;padding:5px;background:#EEE;margin: 0 0 10px 0;width:110px;font-size:8pt}
#quotes p.note{color:#8C6E4C;text-align:right;}

#rates table {font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:10pt;width:275px;}
#rates table td {text-align:left;}
#rates table th {border-bottom: 1px #666 solid;}
th {text-align:left;}

div.rate img {float:left;margin-right:20px;}
div.rate table{width:275px}
div.rate {border-bottom:1px #CCC solid;padding-bottom:15px;padding-top:15px}

#issuewrap {}

div.issuepage {width:200px;height:435px;padding:5px;border:1px #CCC solid;float:left; font-size:8pt;margin: 0 20px 20px 0;}
div.issuepage div p.text {padding:5px;}
div.issuepage p {margin: 5px 0 5px 0;}
div.issuepage img.left {border:1px #CCC solid}

.roll img{border: 1px solid #ccc;}
.roll:hover img{border: 1px solid #333;}
.roll:hover{color: #333;border: 0px ;} /* Dummy definition to overcome IE bug */

div.pagenav {margin:5px 0 5px 0;}

#CRcomp {width:520px;background-color:#6C8FC8;padding-bottom: 385px; background-image:url(/comp/villa.jpg); background-position:bottom;color:#FFF; background-repeat:no-repeat;}
#CRcomp a {color:#FFF}
#CRcomp p, #CRcomp h3 {padding:0 10px 0 10px}
#CRcomp p#Q {font-weight:bold;font-size:14pt;border-top:1px #FFF dashed;border-bottom:1px #FFF dashed;padding:15px}

#front_ad {padding-top:10px;border-top:1px #CCC dashed}

#contactCol2{margin-right:40px}

#footer {
color:#FFF;font-size:10pt;
background-color:#333;
	border-top:3px #666 solid;
	background-image: url(/gfx/title_fade.gif);
	background-repeat: repeat-x;
	clear:both;
	padding:20px;
	}
#footer img {border:0}
#footerSubWrapper{
padding:20px;
}

#footer div.foot-menu h5 {font-size:12pt;color:#FC3;margin:0;padding:0}
#footer div.foot-menu {width:175px;float:left;margin-right:10px;padding-left:10px;margin-bottom:20px;border-right:1px #000 dashed}
#footer div.foot-menu ul {list-style:none;margin-left:0;padding-left:0}
#footer div.foot-menu ul li {margin-bottom:0.5em}
/* -------------------------------- */
.call {
	padding-left:20px;
	border-top:1px #CCC dashed;
	border-bottom:1px #CCC dashed;
	font-size:14pt;
	background-image: url(/gfx/cellphone.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.newsfeed {padding-left:20px;list-style:none;
background-repeat: no-repeat;
background-position: left center;
}

/* -- Listings  */

h2#mobile {
font-size:14pt;
	padding-left:60px;
	height:3em;
	background-image: url(/gfx/listings_phones.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul#listings-menu li {font-size:12pt;margin-bottom:8px}

ul#listings-submenu {display: inline;list-style: none;margin:0px;padding:0}
ul#listings-submenu li {
font-size:8pt;
display:inline;
margin:0px;
padding:0px;line-height:160%;
}


#listings-submenu a {padding:6px 8px 8px 8px;text-decoration:none;position:relative;border-right:1px #CCC solid;}
#listings-submenu a.last {border-right:none;}

#listings-submenu a:link {}
#listings-submenu a:visited {}				
#listings-submenu a:hover {color:#2f9900;background-color:#DDDDDD}
#listings-submenu a:active {}



div#guide-menu{padding-bottom:8px;margin-bottom:8px;border-bottom:1px #CCC dashed}

ul#guide-day-choose{
border-bottom:1px #CCC solid;
margin-left:5px;
padding-left:5px;
padding-bottom:10px;
}

ul#guide-day-choose li,
body#tv #col2 ul li
 {margin-bottom:6px}
div#guide h3 {color:#2f9900;font-size:16pt}

/* -- Radio */
body#radio h2 {color:#bd1a8d}
body#radio p#listen {
	padding:10px 10px 10px 28px;
	border:1px #CCC dashed;
	background-color: #EEE;
	background-image: url(/gfx/music.png);
	background-repeat: no-repeat;
	background-position: 5px 20px;
	font-size:16pt;
	width:250px;
}
#radioSubContent {width:260px;float:right;padding:2px 10px;border:1px #CCC dashed}
#radioSubContent img {border:0}
#radioSubContent h4 {font-size:10pt}
#radioSubContent span {color:#db7c01}

/* -- Venues */
#venuenav a:link { color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #CCC solid;}
#venuenav a:visited { color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #CCC solid;}
#venuenav a:hover { color:#AA9270; background:#CCC;padding:2px 4px 2px 4px;}
#venuenav a:active { color:#333; text-decoration:none; background:#CCC;padding:2px 4px 2px 4px;border:1px #CCC solid;}
#venuenav {border-bottom:1px #CCC dashed;}
#venuenav p {line-height:200%}

body.venues #col2 ul {list-style:none;margin-left:0}
body.venues #col2 ul li {margin:0 0 4px 0;}
body.venues ul li.letter {margin:15px 0 0 0;font-size:16pt;}
body.venues h2.letter {margin:15px 0 0 40px;font-size:16pt;}
body.venues #col2 ul a {font-weight:normal}

/* -- Podcasts -- */
body#podcasts h3 span.normal {font-weight:normal;font-size:8pt;color:#666}
div.episode{border-bottom:1px #CCC dashed;padding-bottom:10px;}

body#podcasts p#listen {
	padding:10px 10px 10px 28px;
	border:1px #CCC dashed;
	background-color: #EEE;
	background-image: url(/gfx/music.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	font-size:16pt;
}

div#tunein {margin-top:40px;padding-top:15px;border-top:1px #CCC solid}

/* -- Jobs */

body#jobs #col2 div.list a:link { color:#000;}
body#jobs #col2 div.list a:visited { color:#333;}
body#jobs #col2 div.list a:hover { color:#ed1c24;}
body#jobs #col2 div.list a:active { color:#000;}

body#jobs div#search-jobs h2 {color:#ed1c24;margin-bottom:2px;padding-bottom:2px}
body#jobs div#job-cat-menu h2 {color:#61B300;margin-bottom:2px;padding-bottom:2px}
body#jobs div#job-cat-menu ul {padding-left:8px;margin-top:4px;margin-left:8px;}
body#jobs #col2 h2 {
	color:#FFF;
	background-color:#ed1c24;
	padding:15px 10px 15px 10px;
	border-bottom:none;
	font-size:14pt;
	background-image: url(/gfx/jobs_header.png);
	background-repeat: no-repeat;
	background-position: 380px center;
}

body#jobs div.list h3{margin-bottom:3px}
body#jobs div.list p {margin-top:5px;margin-bottom:4px}
body#jobs div.list p.note{text-align:right}
div.list {border-bottom:1px #CCC dashed;padding-bottom:10px;margin-bottom:10px}

#job-cat-menu, #search-jobs {border-bottom:1px #CCC dashed}
#search-jobs {padding-bottom:8px}

#social img {border:0}


/*-- awards --*/
body#awards h4 {
border-top:1px #CCC dashed;
margin-top:5px;
padding-top:5px;
color:#ff6b00;
font-size:12pt;
}


/*-- Postbox --*/
form#postbox {border-top:1px #CCC dashed;
border-bottom:1px #CCC dashed;
padding:8px 0 8px 0;
position:relative}


form#postbox .box {font-size:12pt;padding:6px;width:95%}
form#postbox .smallbox {font-size:12pt;padding:6px;width:35%}
form#postbox .button {font-size:12pt;padding:6px;}
form#postbox .drop {font-size:12pt;}
form#postbox div {margin-bottom:6px}

/*-- Web ads --*/
#ad-nav {border-bottom:1px #CCC dashed;padding-bottom:15px;margin-bottom:10px}
#ad-nav ul {display: inline;list-style: none;margin: 0px;position:relative;right:20px}
#ad-nav li {display: inline;margin-left: 12px;font-size:10pt;font-weight:bold}
#ad-nav a {padding:6px 9px 6px 9px;text-decoration:none;position:relative}
#ad-nav a:link {color:#333;background-color:#CCC}
#ad-nav a:visited {color:#333;background-color:#CCC}
#ad-nav a:hover {color:#2f9900;background-color:#e5e5e5}
#ad-nav a:active {color:#2f9900;background-color:#e5e5e5}

body.web-rates #col2 h3 {margin:5px;padding:0;font-size:14pt;color:#2f9900}
body.web-rates #col2 h4{margin:5px;padding:0;}

div.bbox {border-bottom:1px #CCC dashed}

.ad-eg {width:150px;float:left;
border-right:1px #CCC dashed;padding:5px
}

/* Cinemas */
#cinemas h4 {font-size:12pt;color:#ff6b00}
#cinemas p {font-size:8pt}
#cinemas {padding-bottom:5px;margin-bottom:5px;border-bottom:1px #CCC dashed}

/*
#side-banner{width:220px;margin-right:10px;padding-right:10px;border-right:1px #CCC solid}

 #front-banner{width:255px} */

/* -- icons */
.icon{
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding-left:20px;
}

.email {background-image: url(/gfx/email.png);}
.phone {background-image: url(/gfx/cellphone.png);}
/* .url {background-image: url(/gfx/icon_link.gif);} */
.itunes {background-image: url(/gfx/itunes_icon.gif);}
.mp3 {background-image: url(/gfx/download-music-green.gif);}
.podcast{background-image: url(/gfx/rss_podcast.png);}
.rss{background-image: url(/gfx/rss.png);}
.chartrss{background-image: url(/gfx/rss_chart.png);}
.map{background-image: url(/gfx/map.png);}

.pdfSmall{background-image: url(/gfx/pdf_icon.gif);}

form#searchform{padding:8px 0 8px 0;margin:8px 0 8px 0;border-top:1px #CCC dashed;border-bottom:1px #CCC dashed}
form.searchform{padding:0 0 6px 0;margin:0 0 8px 0;border-bottom:1px #CCC dashed}

.articleRSS, .articleRSS a:hover {background-image: url(/gfx/rss.png);}

a.rss {text-decoration:none}

.left {float:left}
.right {float:right}
.note {font-size:8pt;}
.red {color:#F00;}
.purple{color:#96592C}
.light{color:#8C6E4C}
.grey {color:#999;}
.big {font-size:12pt;}
h3.big {font-size:24pt;}
.icon {position:relative;top:2px;}
img.icon {border:0}
.dash{border-top:1px #999 dashed;border-bottom:1px #999 dashed;border-right:0;border-left:0;padding:8px 0 8px 0}
label {font-size:10pt;font-weight:bold;}
.box {border: 1px #CCC solid;padding:3px; background:#EEE;margin-bottom:6px;font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#333}
.button {color:#FFF;background: #666; border:1px #333 solid;padding:3px;font-weight:bold;font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;font-size:10pt}

.clear{clear:both}
a.clean {text-decoration:none}

img.left, img.right{margin:10px;}
.greybg {background-color:#EEE;}

.highlight {color:#61B300;}