/* PeterboroughToday.co.uk / The Guide section style sheet - 
Richard Kendall 2006 */
body {font-family: Verdana, Helvetica, sans-serif; color:#000; margin:0; padding:0; text-align:center; 
background:#fff url(gr/topbar-bg.gif) repeat-x top left;}

/* outer div, aligns box centre, red border */ 	
#pagecontent {margin:0 auto; padding:0; width:760px; text-align: left; color:#000;}
	
/* inner box */
#pagebody {margin:0; padding:5px 0; background:transparent;}

/* =header */
#pagecontent p.accessibility {font-size:x-small; margin:0; padding:3px;}
#pagecontent p.accessibility img {float: left; margin-right: 6px;}
#pagecontent #guide-header h1 a {float: left; margin-right: 6px; }
#pagecontent #guide-header p {margin-top: 0; padding-top: 0; }
/* #head {margin:0; padding:0; float:left;}
#head h1 {margin:10px 0 0 0; padding:0;}
#head p {font-size:x-small; margin:0; padding:3px;}
#head span a {float:right; display:inline; margin-top:5px;} */

/* left column */
#maincontent {float:left; width:480px; margin-bottom:10px; padding-top:5px; background:#fff;}

/* right column */
#sidebar {
	float:left;
	width:260px;
	padding:0;
	font-size:90%;
	margin-bottom:10px;
	border: 0;
}

img, img a {display:block; border:0; margin:0; text-decoration: none; padding:0;}

/* transport direct box */
#maincontent form {margin-left:10px;}

/* basic link styles */
#pagebody a {font-style:normal; font-weight:bold; font-variant:normal;}
#pagebody a:link {color:#002458; background:#fff; text-decoration:none; border-bottom:1px solid #DDDEF6;}
#pagebody a:visited {color: #223248; background:#fff; text-decoration:none; border-bottom:1px solid #223248;}
#pagebody a:hover, #pagebody a:active {color: #36c; background:#fff; text-decoration:none;}

#pagebody a.external {padding-right:18px; background: url(http://www2.peterboroughtoday.co.uk/custpage-images/graphics/externallink.gif) no-repeat right center}

#googlemap {display:inline; float: right; margin:0 0 5px 5px;}

/* general list styles */
#pagebody ul {padding:0; margin-left:1em; list-style-type:none;}
#pagebody li {margin:0; padding:0; list-style-type:none;}
#pagebody li a {padding:0 0 0.3em 25px; border:0; text-decoration:none;}
#pagebody li a:link, #pagebody li a:visited {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bullet.gif) no-repeat left top; border:0; text-decoration:none; line-height:120%; margin-bottom:3px;}
#pagebody li a:hover, #pagebody li a:active {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bullet-on.gif) no-repeat left top; border:0; text-decoration:none; line-height:120%; margin-bottom:3px;}
li.first  {color:#000; background-color:#fff; }
li.second {color:#444; background-color:#edf3fe; }

hr {margin:3px 0; padding:0; color:#F30; background:#FFF;}

/* heading tag + base styles */
h1, h2, h3, h4, h5, h6, p, ul, li {font-size:1em; padding:1px; margin:3px 5px 3px 10px; text-align:left; line-height:1.2em}
table {margin:5px 5px 5px 15px;}

/* sub heading section title */
h2 {font:bold normal large Tahoma, Arial, Helvetica, sans-serif;
color:#404F75; margin:0.5em 0.5em 0.2em 0.7em; padding:4px; letter-spacing: .1em;}
h2.intro {color:#fff; background:#f30; margin:5px 3px 5px 10px; border-bottom:1px solid #002458;}

#pagebody .howto h2 {font-size:85%; padding-left:6px;}

/* article headline */
#maincontent h3 {font:normal normal x-large "Trebuchet MS", Georgia, "Times New Roman", Times, serif; color:#f30; letter-spacing:0.1em; margin-left: 5px; margin-bottom:0em; padding-left:10px; clear:left;}

h3.intro {text-transform: uppercase;
color: #0099CC; margin-bottom: 0px; padding-bottom: 0px;}

/* article sub-headings */
h4 {font:bold normal 1em/110% Georgia, "Times New Roman", Times, serif; letter-spacing:.1em;}
#maincontent h4 {padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:15px; margin-left:13px}

/* article info text */
h5 {font:normal small Verdana, Helvetica, sans-serif; color:#3380DE; margin-bottom:0.8em; padding:2px 3px 6px 24px; 
background:url(gr/info.gif) no-repeat left top; }

p {font: normal small/1.4em Verdana, Helvetica, sans-serif; margin-left:1.2em; padding-bottom:0.7em;}

/* top of page links with up arrow */
#pagecontent p.pagenav a {font:bold Verdana, Helvetica, sans-serif; font-size:85%; color: #666;
margin-top:0em; margin-bottom:1.2em; padding-top:0.2em; padding-left:14px; background: url(gr/uparrow.gif) no-repeat left center}

/* differing link styles */
#sidebar li a {text-decoration:none; padding-top:0em;}

.music1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_rockstage.jpg) no-repeat left top; margin:0 auto;}
.bands1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_band1.jpg) no-repeat left top}
.listings1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_band1.jpg) no-repeat left top}
.theatre1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_theatre.jpg) no-repeat left top}
.arts1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_pencils.jpg) no-repeat left top}
.events1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_events.jpg) no-repeat left top}
.howto1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_howto1.jpg) no-repeat left top}
.clubs1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_dj.jpg) no-repeat left top}
.partyB {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_party-boys.jpg) no-repeat left top}
.partyG {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_party-girls.jpg) no-repeat left top}
.history1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_cathedral.jpg) no-repeat left top}
.party1 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/bg_party2.jpg) no-repeat left top;margin: 10px 0 0}

/* front page section text colours */
.colGuide {font-size:40px; font-weight: bold;color: #f30; text-transform:capitalize;}
body#theatre h4 {color:#6E3581}
body#bands h4 {color:#002458}
body#events h4 {color:#3E8522}
body#art h4 {color:#9F9D06; font-weight: bold}
body#music h4 {color:#2674B5}
body#howto h4 {color:#D6650A}
body#clubs h4 {color:#AC0303}
body#listings h4 {color:#B1792A}
body#places h4 {background:#c2d7f9; color:#002458}
/* front page section title bg colours */
body#theatre h2.intro {background:#6E3581}
body#bands h2.intro {background:#002458}
body#events h2.intro {background:#3E8522}
body#art h2.intro {background:#9F9D06;}
body#music h2.intro {background:#2674B5}
body#howto h2.intro {
	background: #D6650A;
	color: #2E597F;
	border: 0;
	margin-bottom: 10px;
}
body#clubs h2.intro {background:#AC0303}
body#listings h2.intro {background:#B1792A}
body#places h2.intro {background:#c2d7f9; color:#002458}

.dkGrayborder {margin:0.6em 0.6em 0.7em 0.5em; padding:0.2em; border:1px solid #002458; background:#DFEAF6 url(gr/silver-bgfade.jpg) repeat-x left bottom}
p.dkGrayborder {margin:0.6em; padding:0.3em; border:0;}
.dkGrayborder img {float:right; padding:0 0 4px 4px;}

.logocentre {text-align:center; margin:0px auto} 

/* party animals photoshop webgallery style */
table#thumbsTable {margin:0px; padding:4px 6px; width:300px; text-align:center; border:1px #f5f5f5 solid}

/* table id, with dotted top borders */
#lineup {font:10px Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 5px 6px}
#lineup td {padding:0px; margin:0px;}
#lineup p {margin:0px; padding:2px; border:solid; border-width:1px 0px 0px; border-color:#036 black black}

/* article indented boxes/divs with red borders */
#indentBox {margin:0.6em; padding:0.3em; border: 1px solid; border-color:#c00 #f99 #f99 #c00}

#pagebody h2 a:link {font:bold 14px Georgia, "Times New Roman", Times, serif; color:#036;}

/* Places to visit section */
body#places #maincontent ul li {display:block;}

/* =footer */
#footer {clear:both; width:100%; margin:5px 0 0 0; padding:0; background:#f5f5f5; border-top:1px solid #c2d7f9;}
#footer ul.guidelist {float:left; width:280px; margin:0; padding:0;}
#footer ul.etlist {margin:0 0 0 280px; padding:0 200px 20px 0; background:url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/guidefront-footer.gif) no-repeat right top;}
#footer ul li {font-size:10px; padding:0.2em 0.5em; list-style-type: none;}

#pagebody .listings {background: url(gr/listings-sign.gif) no-repeat left top;
width:260px; height:75px;margin-left: 5px;padding: 0;font-weight: bold}
#pagebody .listings a {text-decoration: none;}
#pagebody h6 a {line-height:120%;text-decoration: none;border-bottom:1px solid #CCE4FF;}


/* party animals styles */
body .party {text-align:center; margin:0px; padding:0px;}
.party #wrapper {text-align:center; width:760px; margin:0px auto 0px; padding:0px 0px 10px}
.party #pagebody {text-align:center; margin:0px; padding:0px;}
.party h2, .party p {padding-left:20px; margin-left: 10px}
.party img {display:inline; margin:15px 5px 0 5px}
.party table img a {text-decoration:none;border: 1px solid #333;padding:2px;background-color:#E6DBD0}
.party table {text-align:center;margin:20px auto}
.party table td {text-align:center; padding:2px 5px}

/* front page drop-down menu */
.party select {margin: 10px;text-align:left}

/* =listings date list */
ul#listingsdates {margin:3px 10px 8px 15px;}
ul#listingsdates li a {display:block; line-height:1.4em;}

#maincontent ul.easter {display:block;}
#maincontent ul.easter li {list-style-type:none; display:block; line-height:110%;}

body#listings #maincontent h4 {margin-top:0.5em; margin-bottom:0em;}

/* h3 sub-head block */
.subHead {font: bold normal small/1.2em Georgia, "Times New Roman", Times, serif;
color: #660033; display: block; padding:0.2em; border-top: 1px solid #CC6600; background: #F8F2E9;
margin: 0.2em 0em 0em;}

#globalnav {height:35px;}
#pagebody.partyBG {background: #FFFFFF}

/* =sidebar styles */
#guideinfo, #moreguide {padding:4px 0 0 0; margin:5px 0;}
#sidebar h2, #sidebar h3, #sidebar h4, #sidebar p, #sidebar ul {font-size:1em; padding-top:5px; margin:3px 3px 3px 10px;}
#sidebar h3 {margin-top:5px; font-size:105%;}
#sidebar h4 {line-height:120%; margin-bottom:6px;}
#sidebar h4 a { border-bottom:1px solid #c2d7f9; margin-left:15px}
#sidebar h4.guidefront {background: url(http://www2.peterboroughtoday.co.uk/incimages/ETfrontpages/the-guide.gif) no-repeat right top;
padding-right: 130px; height:160px;}
#sidebar ul {margin:0.2em; margin-left:10px}
ul#leisurelinks li {display:block;}

/* =howto & archive lists */
body#howto #maincontent h2, body#howto #maincontent h3 {margin-left:6px;}
body#howto #maincontent h4 {margin-bottom:0em;}
body#howto #maincontent h5 {margin-top:0.2em; margin-left:1.3em; padding-top:0em;}

#howtoarch {margin-right:0.2em;}
#howtoarch li {margin-right: 0.5em; padding:0.2em; list-style-type: none; font-size:90%;}
#howtoarch ul.htcategory li {display: block;}
#howtoarch h3 {margin:1px 3px; padding:2px;
background:#c2d7f9; border-bottom:1px solid #002458;}
#howtoarch h4 {padding:2px; margin:1em 0.2em 0.2em 0.2em;
font:bold 1em/1.1em Geneva, Arial, Helvetica, sans-serif; color:#804204; clear:left;
border-top:1px solid #002458; border-bottom:1px solid #002458;}
#howtoarch p {font-size:90%; margin-top:3px; margin-bottom:5px;}

/* howto box on guide home */
#maincontent #howtolatest {border:1px solid #D6650A; border-left:0;
 margin:0 5px 5px 0; padding:5px 5px 5px 10px; background:#F5D8C1;}

#howto-inc, body#howto #maincontent h2 {background: url(http://www2.peterboroughtoday.co.uk/pages/guide/gr/howto-latest-BG.gif) no-repeat left top; 
padding: 25px 3px 3px 5px; margin-left:6px;}

/* sidebar =boxes */
#moreguide .container {width:255px; border:0; margin:0 0 10px 10px;
color:#666; background: url(gr/rounded-right.gif) top right no-repeat;}

#moreguide h3 {line-height:1.4em;
  margin:0;
  padding:9px 9px 0 9px;
  background:url(gr/rounded-left.gif) top left no-repeat;
  }
#moreguide p.desc {line-height:1.4em;
  margin:0;
  padding: 0 0 0 9px;
  background: url(gr/rounded-left.gif) bottom left no-repeat;
  }
#moreguide p.desc em {
  display: block;
  padding:0 9px 9px 0;
  font-style: normal;
  background: url(gr/rounded-right.gif) bottom right no-repeat;
  }
#moreguide p.desc em img {float:right; display:inline;}
#moreguide .container a {text-decoration:underline; font-size:120%; color: #369; border-bottom:0;}
#moreguide .container a:hover {text-decoration:none;}

#pagebody ul.horiz-boxfade {background: #D6EEE3 url(http://www2.peterboroughtoday.co.uk/custpage-images/graphics/lgreen-horiz-fade.jpg) repeat-y left top;
border:1px solid #D6EEE3;padding: 3px 3px 3px 0}
#pagebody ul.horiz-boxfade li {margin-left: 20px; padding-left: 3px; background:none;border-bottom: 2px solid #D6EEE3}

/* =photos floated with no background/borders */
img.floatLeft {margin: 5px 5px 5px 0px; float: left}
img.floatRight {margin: 5px 0px 5px 5px; float: right}
/* photos WITH background colour and 1px borders */
.leftpic {margin:4px 8px 5px 10px; padding:4px; border:1px solid #f30;
background:#EDF4FC; float:left; display:inline;}
.rightpic, #latestcontent img, #howto-inc img {margin:4px 5px 5px 8px; padding:4px;
border:1px solid #f30; background:#EDF4FC; float:right; display:inline;}

/* image inline in flow of sidebar */
.sidebarpic {margin:2px 0px 3px 6px; padding:5px; border:1px solid #f30; background:#EDF4FC; display:block; text-align:center}

/* =floats photo and caption - plus p style, borders, margins must be 250px/200px wide!! */
#maincontent div.floatleft250, #maincontent div.floatleft200 {float:left; margin:0.3em 1em 1em 1.1em; padding:0;
	display: inline;
	border-top:1px solid #c2d7f9;
	border-right:2px solid #c2d7f9;
	border-bottom:2px solid #c2d7f9;
	border-left:1px solid #c2d7f9;
	margin: 0.3em 0.8em 0.8em 1em;
}
#maincontent div.floatleft200 {width:200px}
#maincontent div.floatleft250 {width:250px}
#maincontent div.floatleft250 img, #maincontent div.floatleft200 img {margin:0em; padding:0em; border-bottom:2px solid #c2d7f9}
div.floatleft250 p, div.floatleft200 p {margin:0em; padding:0.2em; font-size:0.8em; line-height:1.2em}


/* =adverts include */
#sidebar #adsinc {width:260px; margin:0 0 0 10px; padding:0;}
#sidebar #adsinc.inner {margin:5px 4px 6px 3px; padding:0.1em; background:#DCE8E9; border: 1px solid #5788D2;}
#sidebar #adsinc img {float:left; margin:0px 5px 5px 5px; display:inline;}
#sidebar #adsinc h2 {padding:0.1em; margin:0em 0.2em 0.2em 0.1em; background:none;}

/* =regional gigs box */
#regionalgigs {margin:0.6em 1em; padding:0.2em; background:#D6CB9A;
border-top:thin solid #F5F3E9; border-right:thin solid #AD9B47;
border-bottom:thin solid #AD9B47; border-left:thin solid #F5F3E9;}
#regionalgigs h2 {background:#F5F3E9; margin:0px; padding:2px; color:#AD9B47;
font:bold large Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #FF3300;}
#regionalgigs h3 {margin:5px 0 0 5px; padding-bottom:0;}
#regionalgigs ul li {display:block;}

/* guide main navigation list */
#nav {float:left; width:758px;
	margin:0px 0px 5px 2px;
	padding:10px 0 0 0;
	list-style-type: none;
	background: #fff url(gr/nav-bg-fade.jpg) repeat-x left bottom;
}
#nav li {float: left; margin: 0px; padding: 0px;
font-family: "Lucida Grande", sans-serif; font-size: 70%;}
#nav a {float: left; display: block; margin:0px 0px 0px 2px; padding:4px 8px; color:#333;
text-decoration:none; border:1px solid #924C3A; border-bottom:none; background:#F9E9A9 url(gr/off-bg.gif) repeat-x left top;}
#nav a:hover, body#daily #nav-daily a,
body#theatre #nav-theatre a, body#bands #nav-bands a,
body#events #nav-events a, body#music #nav-music a,
body#clubs #nav-clubs a, body#art #nav-art a,
body#listings #nav-listings a, body#places #nav-places a, body#howto #nav-howto a {
color: #333; padding-bottom: 5px; border-color: #653326;
background: #fff url(gr/on-bg.gif) repeat-x left top;}
#daysoutuk {margin: 0px 0px 0.3em 0.3em; padding: 0px; float: right; border: 0px;}

/* places of interest front main content list styles */
#maincontent.placescontent ul {margin-left:1em;}
#maincontent.placescontent ul li {font-size:small; font-weight:normal; margin-bottom:0.6em; padding:0.4em;}

/* search box from rollyo */
#rollyosearch {margin:0em 0em 1em 5px; padding:0px; border-bottom: 2px solid #D20000;}
#rollyosearch span {margin:0em; padding:0px;}
#rollyosearch h3 {margin:0px 5px 2px 5px; padding-top:0px; color:#D20000; font: bold 90% Arial, Helvetica, sans-serif;}
#rollyosearch p {font-weight:bold; padding-left:5px; margin-bottom:0px;font-size: 95%;}