/* -------------------------------------------------------------- 
  
Main CSS - extends Blueprint
   
-------------------------------------------------------------- */

body {font-family: Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #555555; background: url(../images/resources/background3.jpg);  }

/* body { background: url(../images/resources/blueprint_grid_60+20x18.png); background-position: 50px 0; } */
/* body {font-family: Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #FFFFFF; background: #666666;  } */

/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, 
.span-6, .span-7, .span-8, .span-9, .span-10, 
.span-11, .span-12, .span-13, .span-14, .span-15, 
.span-16, .span-17, .span-18, .span-19, .span-20, 
.span-21, .span-22, .span-23, .span-24 {
  float: left;
  margin-right: 30px;
}

p, ul{
color: #FFFFFF;
}

a{
text-decoration: none;
color: #FF0068;

}

img{
border: 0;
padding: 0;
margin: 0;
}

.container{
 background: #2F242A; 
padding: 18px;
}

#main_content{
padding-top: 36px;

}

div#masthead{
margin-top:9px;
margin-bottom: 17px;

overflow: hidden;

}

ul#feature_list{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 2em;
border-bottom: 2px solid #FFFFFF;
}

ul.main_info{
padding: 0 0 2em 0;
list-style: none;
/*
border-bottom-width: 2px;
border-bottom-style: solid;
*/
margin: 0 0 2em 0;
}

ul.main_info li, ul#feature_list li{
margin-bottom: 1em;
}

.strapline, .section_header, .strap_header{
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom-width: 2px;
border-bottom-style: solid;
}

.section_header{
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 2px solid #ffffff;
}

#main_date, #times, #free{
border-bottom: none;
}

#times, #free{
padding-bottom: 0.5em;
margin-bottom: 0;
}

#main_date{
padding-bottom: 0;
margin-bottom: 1em;

}

.colour-1{
border-bottom-color: #8DC63F;
}
.colour-2{
border-bottom-color: #FFC60B;
}
.colour-3{
border-bottom-color: #5BC0B0;
}
.colour-4{
border-bottom-color: #DDCA23;
}
.colour-5{
border-bottom-color: #EF5DA2;
}

#address_holder{

width: 100%;
/*
padding-top: 2em;
border-top: 2px solid #5BC0B0;
*/
}

.sub_header{
border-bottom: 1px solid #FFFFFF;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}


ul#main_nav{
overflow: hidden;
list-style: none;
display: block;
width: 100%;
padding: 2px 0 0 0;
margin: 0;
margin-bottom: 9px;
margin-top: 18px;
position: relative;
}

ul#main_nav li{
padding: 0;
margin: 0 20px 0 0;
float: left;
width: 140px;
display: block;
overflow: hidden;

}

ul#main_nav li.last{
margin-right: 0;
}


ul.info{
list-style: none;
margin-left: 0;
}

.caption, .info{
font-family: "Andale Mono", sans-serif;
}

ul.sponsors{
list-style: none;
margin: 0;
overflow: hidden;
}

ul.sponsors li{
float: right;
margin-left: 20px;
}

ul.sponsors li.last{
float: right;
margin-left: 0px;
}

ul.sponsors li a{
	display: block;
	width: 140px;
	height: 140px;
	text-indent: -9999px;
}


p#inspired a{
	display: block;	
	width: 160px;
	height: 140px;
	text-indent: -9999px;
}

li#nh_logo a{
	background: url(../images/resources/logos/nottinghill_housing_140px_dark.jpg);
}

#inspired a{
	background: url(../images/resources/logos/2012_inspired_160px_dark.jpg);
}

li#rbkc_logo a{
	background: url(../images/resources/logos/rbkc_140px_dark.jpg);
}


#funding_note_holder{
height: 140px;
display: block;
position: relative;
padding-top: 10px;
overflow: hidden;

}

p.funding_note{
font-style: italic;
font-size: 90%;
padding-top: 18px;


}

p#inspired{
width: 160px;
height: 140px;
float: left;
margin-right: 20px;
overflow: hidden;
}



img.banner{
margin-bottom: 3em;

}

.gallery_item{
width: 300px;
float: left;
margin-right: 20px;
margin-bottom: 2em;
}

#gallery li.last{
margin-right: 0;
}

.contact{
list-style: none;
margin: 0 0 3em 0;
}

#footer{
position: relative;
overflow: hidden;
border-top:1px solid #333333;
padding-top: 54px;
}




#main_date{
font-size: 36px;
}

#gallery_holder{
display: block;
overflow: hidden;
}


ul.gallery_nav{

float: left;
display: block;
overflow: hidden;
margin: 0;
list-style: none;
position: relative;
width: 100%;
}

ul.gallery_nav li{
float: left;
display: block;
width: 50%;
border: none;

}

.article_img{
margin-bottom: 1em;
border: 1px solid #cccccc;

}

.gallery_img{
border: 1px solid #cccccc;
}

.gallery_img:hover{
border: 1px solid #666666;
}

ul#nav_categories{
margin: 0 0 2em 0;
list-style-type: none;

}

.credits{
margin: 0;
}

#credits{
padding-top: 18px;
padding-bottom: 0;
/* background: #f6f6f6; */
border-top:1px solid #333333;
font-size: 80%;

}

.valid_xhtml{
text-align: right;

}


#map{
width:620px;
height: 270px;
display: block;
margin-bottom: 2em;
}

.poster_thumb{
margin-bottom: 2em;
border: 5px solid #FFFFFF;
}

.note{
font-style: italic;
font-size: 90%;

}

.about_highlight{
color: #FFC60B;
}