/* neutralise! */
* {
	margin:0;padding:0;border:0;
}

/*-----------------------------------------------------------------------------------------*/
/* This hack allows you to have a containing element expand to the size of it's contents
by giving it a class of "clearfix" */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
   /*display: inline-block;*/
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----------------------------------------------------------------------------------------*/

body {
	margin:0;padding:0;
	/*font-size:100%;*/
	font-size: 14px;
	background:url(/images/body_bg.gif) top center repeat-y;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
}

#wrapper {
	width:770px;
	background-color:#fff;
	color:#000;
	background-image:url(/images/sidebar_bg.gif);
	background-position:top right;
	background-repeat:repeat-y;
	margin:auto; /* this is simulated for IE < 6 in the midpassfilter */
}

/*h1 {
	height:170px;
	float: left;
	overflow:hidden;
}*/
div#mastheadhome {
	position: relative;
	height:170px;
	overflow:hidden;/* not sure why, but IE Win needs this */
	background: transparent url(/images/headerbgd_bankside_only.jpg) 173px 0px no-repeat;
}
div#mastheadbankside {
	position: relative;
	height:170px;
	overflow:hidden;/* not sure why, but IE Win needs this */
	background: transparent url(/images/headerbgd_bankside_only.jpg) 173px 0px no-repeat;
}
#textresize {
position:absolute;
top:7px;
left:480px;
font-family: "trebuchet ms", Verdana, "Bitstream Vera Sans", sans-serif;
font-weight:bold;
font-size:11px;
}
#textresize a{
color:#4a285a;
text-decoration:none;
font-weight:bold;
}
#toptopnav {
position:absolute;
top:7px;
left:630px;
font-family: "trebuchet ms", Verdana, "Bitstream Vera Sans", sans-serif;
font-weight:bold;
font-size:11px;
}
#toptopnav a{
color:#4a285a;
text-decoration:none;
font-weight:bold;
}

ul#areanav {
	position: absolute;
	bottom: 0px;
	left: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: "trebuchet ms", Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 12px;
	line-height: 12px;
	width: 597px;
}
ul#areanav li {
	float: left;
	border-left:1px solid #eee;
	border-right:1px solid #999;
	height: 37px;
	vertical-align: middle;
}
ul#areanav li.first {
	float: left;
	border-left:0px solid #eee;
	border-right:1px solid #999;
	height: 37px;
	vertical-align: middle;
}
ul#areanav li.last {
	float: left;
	border-left:1px solid #eee;
	border-right:0px solid #999;
	height: 37px;
	vertical-align: middle;
}

ul#areanav li a {
	float: left;
	display: block;	
	padding: 10px 4px 3px 6px;
	font-size:12px;
	/*color:#66656a;*/
	color: #444;
	text-decoration:none;
	font-weight: bold;
	margin-top: 5px;
}
ul#areanav li.first a, ul#areanav li.last a {
	float: left;
	display: block;	
	padding: 2px 7px 3px 10px;
	/*font-size:10px;*/
	/*color:#66656a;*/
	color: #444;
	text-decoration:none;
}
#sidebar {
	float:right;
	width:200px;
	background-color:silver;
	
	/*min-height:380px;
	height:auto !important;
	height:380px;*/
}

#content {
	float:left;
	width:560px;
	background-color:green;
	padding-right: 10px !important;
}

#footer {
	clear:both;
	width:100%;/* IE acts weird without this */
	background-color:red;
}

form input.text,form textarea {
	border:1px solid #ccc;
	border-top:1px solid #666;
	border-left:1px solid #666;
	background-color:#fff;
	padding:1px;
}

form input.button {
	border:1px solid #ccc;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	background-color:#eee;
	padding:0;
	margin: 0;
}

/*------------------------------------------------------------------*/
/* topnav */


/* topnav DEFAULT*/
#topnav {
	position:relative;
	margin:0;padding:0; 
	background-color:#fff;
	font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", sans-serif !important;
	color:#fff;
	font-size:0.8em !important;
}
#topnav ul {
	margin:0;padding:6px 0 6px 35px;/* padding to account for additional height of abs pos search form */
	background:url(/images/topnav_bg_left.gif) bottom left no-repeat;
}
#topnav ul li {
	margin:0;padding:0;
	display:inline;
}

#topnav ul li.current {
	color:#ddd !important;
}
#topnav ul li a:link {
	color:#fff;
	text-decoration:none;
}
#topnav ul li a:visited {
	color:#fff;
	text-decoration:none;
}
#topnav ul li a:hover {
	color:#ff6900;
	background-color:#fff;
}


/* topnav BANKSIDE*/
#topnavbankside {
	position:relative;
	margin:0;padding:0; 
	background-color:#d90099;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
	color:#fff;
	font-size:0.8em;
}
#topnavbankside ul {
	margin:0;padding:6px 0 6px 35px;/* padding to account for additional height of abs pos search form */
	background:url(/images/topnavbankside_bg_left.gif) bottom left no-repeat;
}
#topnavbankside ul li {
	margin:0;padding:0;
	display:inline;
}

#topnavbankside ul li.current {
	color:#FFC194;
}
#topnavbankside ul li a:link {
	color:#fff;
	text-decoration:none;
}
#topnavbankside ul li a:visited {
	color:#fff;
	text-decoration:none;
}
#topnavbankside ul li a:hover {
	color:#ff6900;
	background-color:#fff;
}



/*------------------------------------------------------------------*/
/* content */
#content {
	background-color:#fff;
	font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
	background-image:url(/images/content_top_right.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:10px 0 20px 0;
}

#content h1 {
	color:#B54900;
	font-size:1.3em;
	margin-bottom:7px;
	font-weight:normal;
	letter-spacing:0.08em;
	margin:10px 0 5px 20px;
}

#content a:link {
	color:#0041B5;
}

#content a:visited {
	color:#0041B5;
}

#content a:hover {
	color:rgb(166,0,0);
}

#content a.btt {
	font-size:0.7em;
}

#content h2 {
	margin:5px 15px 3px 20px;
	font-size:1em;
	border-bottom:1px solid silver;
	font-weight:normal;
	color:#B54900;
}
#content h3 {
	margin:5px 15px 3px 20px;
	font-size:0.9em;
}
#content h4 {
	margin:5px 15px 3px 20px;
	font-size:0.9em;
	color: #000 !important;
}
#content h1 a:link, #content h2 a:link {
	text-decoration:none;
	color:#B54900;
}

#content h1 a:visited, #content h2 a:visited {
	text-decoration:none;
	color:#B54900;
}

#content h1 a:hover, #content h2 a:hover {
	text-decoration:none;
	color:#FF9A00;
}

#content p {
	padding:3px 15px 5px 20px;
	font-size:0.9em;
}

#content p.event-dates {
	font-size:0.8em;
	font-style:italic;
	padding:2px 20px;margin:0;
}

#content p.post_info {
	color:green;
}

#content p.post_error {
	color:red;
}

#content dl.frm {
	margin:10px 20px;
	font-size:0.9em;
}

#content dl.frm dt {
	vertical-align:middle;
}
#content dl.frm dd {
	margin-left:4em;
	margin-top:-1.2em;
	margin-bottom:8px;
}


#content ul,#content ol {
	margin-left:40px;
	font-size:0.9em;
}

#content li {
	padding-bottom:5px;
}

#content li p {
	padding:0;margin:0;
}

#content table {
	border-collapse:collapse;
	margin:10px 20px;
	font-size:0.9em;
	clear:right;
}

#content table td, #content table th {
	padding:3px 5px;
	border:1px solid silver;
}

#content table th {
	background-color:silver;
	color:#333;
}

#content div.sub-cat-teasers {
	margin: 10px 0 0 20px;
	font-size:0.9em;
}

#content div.entry {
	margin-bottom:10px;
}

#content div.entry blockquote {
	margin-left:10px;
}

#content div.feature-column h2, #content div.feature-column h1 {
	margin:0 0 5px 0;
}

#content div.feature-column p {
	padding:0;
}

#content div.entry p img {
	float:left;
	margin-right:6px;
}

#content div.three-col {
	width:163px;
	margin-right:15px;
	float:left;
}

#content div.two-col {
	width:250px;
	margin-right:16px;
	float:left;
}

#content div.entry-images {
	margin:0 15px 10px 15px;
	float:right;
}

#content div.home-images {
	text-align:center;
}

#content span.venue-detail-title {
	font-weight:bold;
	/*width: 110px;
	display: block;
	float:left;*/
}

#content ul.venue-details {
	list-style-type:none;
	padding:7px 0 0 0;margin:15px 20px 10px 20px;
	border-top:1px dotted #ccc;
	clear:both;
}

#content ul.venue-details li {
	font-size:0.9em;
	margin:0; padding:0;
}

body.whats-on #content div.two-col {
	width:275px;
	margin-right:5px;
}

body.whats-on #content div.entry {
	margin:0;padding:0;
}

#content span.event-date {
	font-size:0.8em;
	color:#666;
}


#about-southwark-map {
	float:right;
	margin-right:15px;
}

#about-southwark-images {
	float:left;
	margin-left:15px;
}
#about-southwark-images img {
	padding:0;margin:0;
}

#about-southwark-images p {
	padding:0;margin:0 0 2px 0;
}

a.permalink {
	background:transparent url(/images/arrow.gif) center right no-repeat;
	padding-right:10px;
	}
/*------------------------------------------------------------------*/
/* sidebar */


/* sidebar DEFAULT*/
#sidebar {
	font-family:Verdana,Geneva,Helvetica,sans-serif;
	background-color:#fff;
	padding:0 0 40px 0;
}

#sidebar h3 {
	background-color:#ff6900;
	color:#fff;
	font-size:80%;
	padding:5px 0 3px 5px;margin:0;	
}


#sidebar ul {
	padding:0; margin:0;
}

#sidebar ul li {
	padding:0;margin:0;
	list-style-type:none;
	border-top:1px solid #eee;
	border-bottom:1px solid #999;
	background-color:#ccc;
	font-size:0.8em;
}

#sidebar ul li a {
	display:block;
	width:188px;
	padding:4px 0 4px 12px;margin:0;
}

#sidebar ul li a:link {
	color:#666;
	text-decoration:none;
	background-color:transparent;
}

#sidebar ul li a:visited {
	color:#666;
	text-decoration:none;	
}

#sidebar ul li a:hover {
	color:#fff;
	background-color:#ff6900;
	border-top-color:#FFC194;
}


#sidebar ul li ul {
	background-color:#e3e3e3;
	padding:2px 0 3px 5px;
}

#sidebar ul li ul li {	
	border:0;
	margin-left:8px;
	padding:2px 0 2px 9px;
	font-size:95%;
	background:url(/images/submenu_bullet.gif) center left no-repeat !important;
	/*list-style-type:square !important;*/
	background-color:transparent;
}

#sidebar ul li ul li a {
	display:inline;
	padding:0;margin:0;
}

#sidebar ul li ul li a:link {
	color:#666;
	text-decoration:none;
	background-color:transparent;
}

#sidebar ul li ul li a:visited {
	color:#666;
	text-decoration:none;
	background-color:transparent;
}

#sidebar ul li ul li a:hover {
	text-decoration:underline;
	background-color:transparent;
	color:#666;
}
#sidebar form#searchform {
	margin-left: 12px;
	padding: 0;
}
#sidebar form#searchform label {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
	color:#fff;
	font-size:0.8em;
}
#sidebar form {
	margin:0;padding:0;/* margin needed for IE5 which has probs with abs pos elements and margins */
}

#sidebar form p {
	margin:0;padding:4px 12px 0 0;
}

#sidebar form input.text {
	width:7em;
}






















/*------------------------------------------------------------------*/
/* footer */

#footer {
	padding:0; margin:0;	
	/*background:url(/images/css/southwark_council_logo.gif) top right no-repeat;*/
	background-color:#666;
	color:#ccc;
	/*border-bottom:6px solid #B54900;*/
	font-family: "trebuchet ms", Verdana, "Bitstream Vera Sans", sans-serif !important;
	font-size:0.8em !important;
	height:55px;
}

#footer p {
	padding:5px;margin:0 0 0 10px;
}

#footer p.copyright {
	margin-right:150px;
	float:left;
}
#footer p.logo {
	float:right;
	margin:0;padding:0;
}
#footer p.logo img {
	margin: 5px 5px 0 0;
}

/*------------------------------------------------------------------*/
/* Misc */

div#entry-459 {
	background:transparent url(/images/silver_award.jpg) 400px 148px no-repeat;
}

div#entry-459 h2 {
	position:relative;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden; 
	/* */ 
} 

div#entry-459 h2 span {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1; /*for Opera 5 and 6*/ 
} 

div#entry-459 h2, div#entry-459 h2 span {
	height:47px;
	width:190px;
	background: transparent url(/images/frost_fair_title.gif) top left no-repeat; 
} 
#newsBu {
	display: block;
	text-align: center;
	margin: 12px 0 12px 0;
}
#surveyBu {
	display: block;
	text-align: center;
	margin: 12px 0 12px 0;
}

/* Tantek midpass filter to correct width of menu items on IE5.x due to additional borders */
@media tty {
 i{content:"\";/*" "*/}} @import 'midpassafter.css'; /*";}
}/* */

#searchResults dl {
	margin: 10px 0 20px 20px;
}

#searchResults dl dt, #searchResults dl dd {
	margin-left: 0px;
}

#searchResults .info {
	font-size: 0.8em;
	color: #666 !important;
	text-decoration: none;
	font-weight: normal;
}

.imageleft {
float: left;
margin: 0 10px 10px 0;
}

.imageright {
float: right;
margin: 0 0 10px 10px;
}

/**
* Form reformatting
*/

#content .formDiv table {
	
}

#content .formDiv table th {
	text-align: left;
}

#content .formDiv table td, #content .formDiv table th {
	border: none;
/*	border-bottom: 1px solid #eee; */
	background-color: transparent;
	padding: 5px;
	margin: 0;
}

#content .formDiv input, #content .formDiv select, #content .formDiv textarea {
	border: 1px solid silver;
	width: auto;
	padding: 1px;
	font-size: 1em;
}

#content .formDiv input {
	padding: 2px;
}

#content .formDiv select option {
	padding: 0 10px 0 0;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

#home-events-left {
	float: left;
	width: 280px;	
	display: inline;
}

#home-events-right {
	float: right;
	width: 260px;
}

/* CALENDAR STYLES */

#calendarContainer {
	margin-left: 20px;
}

table#calendar {
	margin: 3px 0 3px 0;
}

table#calendar tr {

}

table#calendar td {
	background-color: #fff;
	color: #666;
	font-size: 1.1em;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	text-align: center;
	padding: 5px;
	width: 20px;
}

table#calendar th {
	text-align: center;
	padding-bottom: 3px;
	font-size: 0.8em;
	background-color: #aaa;
	color: #fff;
}

table#calendar td span.nolink {
	display: block;
}

table#calendar td.othermonth {
	color: #ccc;
	background-color: #f0f0f0;
}

table#calendar td.curday {
	background-color: #D90099 !important;
	color: #fff !important;
}

table#calendar td.curday a {
	color: #fff !important;
}


table#calendar td.active {
	background-color: #fff;
	font-weight: bold;
	color: #666;
}

table#calendar td a:hover, table#calendar td a, table#calendar td a:link, table#calendar td a:visited {
	text-decoration: none;
	color: #333;
}

/*** BEGIN send a photo PHP page styles ***/ 

div.form_div{
	margin: 10px 0 5px 20px;
}

div.form_div input, div.form_div select, div.form_div textarea {
	border: 1px solid silver;
	width: auto;
	padding: 1px;
	font-size: 1em;
}
div.form_div input { padding: 2px;}
div.form_div div.row input.hidden {display:none;}
div.row{
	clear: both;
	margin-top: 1em;
}
div.row label {
	display: block;
	float: left;
	width: 100px;
}
div.row input{
	display: block;
	margin-left: 105px;
}

div.row input.text {
	border: 1px solid silver;
}
/*** END send a photo PHP page styles ***/ 


/*** BEGIN photo gallery ***/ 
#photo_gallery, #photo_gallery li{ list-style: none; margin: 0; padding: 0;}

#photo_gallery li { 
	float: left;
	display: block;
	text-align: center;
	margin-top: 1em;
	margin-right: 1em;
}

#photo_gallery li a{
	display: block;
	text-decoration: none;
	border: 0;	
}

#photo_gallery li a img{
	background: #ddd;
	padding: 7px;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/*** END photo gallery ***/ 



#content #upcoming_events{
	list-style: none;
	padding: 0;
	margin-left: 20px;
}

/*** BEGIN Family Friendly page styles ***/

body#family-friendly #content div.subcategory h2{margin-top: 2em; clear: both;}
body#family-friendly #content ul.category-list{
	list-style: none;
	margin-left: 20px;
}
body#family-friendly #content .subcategory ul li {clear: both; margin: 5px 15px 5px 0;padding: 0; border: 1px solid #e3e3e3; background-color: #fafafa;}
body#family-friendly #content .subcategory ul li a{text-decoration: none; display: block; font-weight: bold; padding: 5px;}
body#family-friendly #content .subcategory ul li a:hover{ background: #efefef; border: #ccc;}
body#family-friendly #content .subcategory ul li span.title{ display: inline;}
body#family-friendly #content .subcategory ul li a span.ffcomments{ color: #aaa; font-weight: normal; display: inline; font-size: 0.9em;} 
body#family-friendly #content .subcategory div.lcaption{float:left; margin: 0px 10px 0px 0;}
body#family-friendly #content .subcategory .rcaption{float:right; margin-left: 10px; }
/*** END Family Friendly page styles ***/