/* @override http://www.forgevenue.org/css/layout.css */

/* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name: Forge
URI: http://www.forgevenue.org
Version: 1.0
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "type.css";

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

body{width:800px;margin:0 auto;position:relative;padding-top:30px;}
p{margin-bottom:20px}

#splash-link{display:block}

#branding{
	position:absolute;
	top:51px;
	/*left:36px; */
	left: 30px;
	width:115px;
	height:134px
}
	#branding a{display:block;height:134px}

ul#nav{
	height:20px
}
	ul#nav li{display:inline;margin:0 5px}

#content{
	float:right;
	width:600px;
	padding:20px 0px 10px 8px
}
	p#intro{padding-bottom:20px;margin-bottom:0}
	#content-main{
		width:400px;
		float:left
	}
	body#page-whatson #content-main{width:600px}
		#home-nav dd{padding:1px 5px}
		#home-nav dt{height:59px}
			#home-nav dt a{display:block;height:59px}
		#home-nav{width:396px;margin-top:10px}
		#home-nav dt.home-shop,#home-nav dt.home-listen,#home-nav dt.home-press{height:47px;float:left}
			#home-nav dt.home-shop a,#home-nav dt.home-listen a,#home-nav dt.home-press a{height:47px}
		#home-nav dt.home-shop{width:98px}
		#home-nav dt.home-listen{width:154px;margin:0 8px}
		#home-nav dt.home-press{width:127px}
		
		#whatson-who{padding:0 5px}
		#whatson-who li,#regular-events div,#regular-events dl{float:left;margin:0 5px 0 0;width:186px}
		#regular-events li{position:relative}
		#regular-events .event-pic img{width:185px}
		#regular-events .book-event{position:absolute;right:140px;bottom:5px}
		#regular-events h3 span {float:right;}
		body#page-shop #regular-events h3 span {float:none;}
		#regular-events dl{padding-bottom:35px}
			#regular-events dl dt{clear:left;float:left;width:70px}
			#regular-events dl dt.info{width: 186px;}
			#regular-events dl dd{margin-left:75px}
			#regular-events dl dt p{margin-left:0;padding-left:0}
		body#page-whatson #content h2{padding:10px 0}
		body#page-whatson #content h3{padding:4px}
		body#page-whatson #content #whatson-who h2,body#page-whatson #content h3{margin-bottom:8px}
		body#page-whatson #content #whatson-who img{width:67px;height:67px;float:left;margin-right:5px;margin-bottom:5px}
		body#page-whatson #content #whatson-who h2,body#page-whatson #regular-events li p,body#page-whatson #content h4,body#page-whatson #content h3{padding:2px 8px}
		
		body#page-shop #content h2{padding:10px 0}
		body#page-shop #content h3{padding:4px}
		body#page-shop #content #whatson-who h2,body#page-shop #content h3{margin-bottom:8px}
		body#page-shop #content #whatson-who img{width:67px;height:67px;float:left;margin-right:5px;margin-bottom:5px}
		body#page-shop #content #whatson-who h2,body#page-shop #regular-events li p,body#page-shop #content h4,body#page-shop #content h3{padding:2px 8px}
		
		body#page-hire #content div{position:relative}
		body#page-hire #content div .pdf-link{position:absolute;bottom:15px;left:200px}
		body#page-contact #content div,body#page-hire #content div{padding:15px 0}
		body#page-contact #content div h2,body#page-contact #content div p,body#page-contact #content div h3,body#page-hire #content div h2,body#page-hire #content div p,body#page-hire #content div h3,#contact-form fieldset{padding-left:200px}
		body#page-contact #content #come-and-eat{height:100px}
		
		#col1,#col2{float:left;width:190px;margin-right:10px}
		
		body#page-hire .hire-cover{float:left;margin-left:20px}
		
		body#page-visit p#intro{margin-bottom:5px}
		body#page-visit #content-main,body#page-visit #content-sub{margin-top:10px}
		
		body#page-hire #content h2{margin-top:-16px}

		#map-link{display:block;margin-left:8px;margin-bottom:10px}
		
		body#page-visit #content-sub ul,body#page-home #content-sub ul{margin:0 5px 5px 21px}
		body#page-home #content-sub img{float:right;margin:5px}
		body#page-home #content-sub img.alt{float:left}
		
		body#page-contact #content div #contact-form fieldset p{padding-left:0;margin-bottom:10px}
		#contact-form label{float:left;width:100px}
		#contact-form input{float:left;margin-bottom:3px;width:230px}
		#contact-form #register,#contact-form #addr2,#contact-form #addr3,#contact-form #addr4,#contact-form #addr5{margin-left:100px}
		#contact-form #register{width:100px}

	#content-sub{
		width:193px;
		float:right
	}
		#content-sub h2{clear:both}
		#content-sub h2,#content-sub p{padding:1px 8px}
		body#page-visit #content-sub h2{margin-bottom:5px}
		body#page-visit #content-sub p{margin-bottom:5px;margin-top:2px;}
		body#page-home #content-sub p{margin-bottom: 5px; margin-top: 2px;}

#forge-info{
	float:left;
	width:184px;
	padding-top:160px
}
	#forge-info p,#forge-info h2,#forge-info h3{margin-left:8px;margin-right:8px}
	#forge-info h2.alt{margin-bottom:5px;margin-left:0;margin-right:0;padding:1px 8px}
	#forge-info #map{margin-left:20px}
	
	#whatson-monthly{margin:0 0 10px 3px;}
		#whatson-monthly li,#whatson-monthly li a{height:35px;display:block;width:177px}
		
	#forge-info form{padding:0px 5px 10px;margin-top:-10px}
		#forge-info form #search{width:125px}
	
	#forge-info #spec-cover{margin-left:8px}

#site-info{height:16px}
	#site-info span.copyright{margin:0 3px; float:left;}
	#site-info span.credit{margin:0 3px; float: right;}

body#page-hire-entry #branding{top:20px}
body#page-hire-entry #content h2{padding:1px 8px;margin-bottom:5px}
body#page-hire-entry #site-info{width:176px;position:absolute;bottom:0px;left:8px;height:150px}
	body#page-hire-entry #site-info p,body#page-hire-entry #site-info h2{margin:0 0 15px}
body#page-hire-entry #content ul{margin-left:15px;margin-bottom:10px}

body#page-map,body#page-hire-entry{margin:0;padding:0}
body#page-map #branding{top:20px}
body#page-map #map-addr{position:absolute;right:10px;top:10px;width:150px}
	body#page-map #map-addr h2{margin-bottom:20px}
	
body#page-shop object {margin-left:10px;}
body#page-shop .event-info p.shopdetails {margin-bottom: 0;}
body#page-shop .event-info form {margin-left: 5px;}

body#page-hire-entry table {border-collapse: collapse; width: 100%; margin-bottom: 20px;}
body#page-hire-entry table th {text-align: left; font-weight: bold; border-bottom: 1px solid rgb(200,200,200);}
body#page-hire-entry table tr {vertical-align: top;}
body#page-hire-entry table td {padding: 3px;border-bottom: 1px solid rgb(200,200,200);}

/* follow us styles */
#followus p {margin-bottom:0;}
#followus ul {margin-left:10px;margin-bottom:20px;margin-top:10px;margin-right:10px;;}
body#page-home #followus ul li {margin-bottom:10px;}
body#page-home #followus ul li a {display:block;padding:5px;}