/**
 * module.content.css 
 * CSS for the Content Pages. 
 * @author Tony Collings
 * @package HWS
 * @version 1.0 
 * @date Jan 2013
 */
 
 

/*	core.css overrides
	------------------------------------------------------------------------- */ 
	
	
	/*	HOMEPAGE - index.tpl
		----------------------------------------------------------------------------------- */ 
		
		body#homepage .page-content {
			min-height: 550px; 
			text-align: center; 
			width: auto; 
		}
		div#girls{
			width: 100%; 
			margin: 40px 0px;  
			box-sizing: border-box; 
			margin-bottom: 100px; 
		}
		div#girls .girl {
			width: calc((100% / 3) - 20px); 
			margin-left: 20px; 
			display: inline-block; 
			text-align: center; 
			vertical-align: top; 
		}
		div#girls .girl:first-child {
			margin-left: 0px; 
		}
		
		a#bogc-vote {
			background: #f19134 url('img/shading/bogc-button-gradient.png') left top repeat-x;
			color: #fff; 
			text-transform: uppercase; 
			display: inline-block; 
			padding: 10px 15px; 
			font-weight: bolder; 
			display: inline-block !important; 
			border: 3px solid #fff !important; 
			-webkit-border-radius: 5px;
			border-radius: 5px;	
			-webkit-box-shadow: 0 0 10px 0 rgba(237,113,51,0.90);
			box-shadow: 0 0 10px 0 rgba(237,113,51,0.90);	
			position: absolute; top: -10px; right: 12px; 					 
			font-size: 14px; 
		}	
		a#bogc-vote:hover {text-decoration: none; }
		
		div#best-of-greenwich {
			width: 350px; 
			height: auto; 
			position: absolute; 
			bottom: 30px; right: 40px; 
		}
		
		div#best-of-greenwich a:not(a#bogc) {
			display: block; width: 100%; height: 100%; 
			cursor: pointer !important; 
			outline: none; 
			border: 0px; 
		}
		
		div#best-of-greenwich img {
			max-width: 100%; 
		}


	/*	PROFILE - pages/profile.tpl
		----------------------------------------------------------------------------------- */ 
		body#page-profile div.page-content{
			padding: 40px 67px /* 1024 - 890/2 */; 
			width: 890x;    
		}
			.page-content h1.page-title {
				font-size: 38px; 	
			}
		body#page-profile p {
			font-size: 14px; 
			margin-top: 40px; 	
		}
		body#page-profile p:first-child {
			margin-top: 0px; 	
		}
		
		#page-profile .colgroup {
			margin-top: 10px; 	
		}
			#p-images { 	
				text-align: center; 
				width: auto; 
			}
			#p-images .image,
			#p-copy .image {
				margin-top: 20px; 	
				width: auto; padding: 20px; 
				border: 1px solid #ebebeb; 
				-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);					
			}
			#p-copy  .image:first-child {
				margin-right: 20px; 	
			}
			#p-images .image:first-child {
				margin-top: 0px; 		
			}	
			
				span.image-credit {
					display: block; clear: both; 
					width: 	260px; /* 280px - this.padding */ 
					padding: 10px;  
					font-size: 10px; 
				}
				
					
				.page-curl {
					position: relative; 
					padding: 20px; 
					background-color: #fff; 
					text-align: center; 
					display: block; 
					width: auto; height: auto; 
				}
				
				.page-curl:before, .page-curl:after{
					position: absolute;
					width: 40%;
					height: 10px;
					content: ' ';
					left: 12px;
					bottom: 12px;
					background: transparent;
					-webkit-transform: skew(-5deg) rotate(-5deg);
					-moz-transform: skew(-5deg) rotate(-5deg);
					-ms-transform: skew(-5deg) rotate(-5deg);
					-o-transform: skew(-5deg) rotate(-5deg);
					transform: skew(-5deg) rotate(-5deg);
					-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
					-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
					box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
					z-index: -1;
				} 
				
				.page-curl:after{
					left: auto;
					right: 12px;
					-webkit-transform: skew(5deg) rotate(5deg);
					-moz-transform: skew(5deg) rotate(5deg);
					-ms-transform: skew(5deg) rotate(5deg);
					-o-transform: skew(5deg) rotate(5deg);
					transform: skew(5deg) rotate(5deg);
				}			
					
			#p-copy {
				width: 585px; margin-left: 20px; 	
			}


	
	/*	CONTACT - pages/contact.tpl 
		----------------------------------------------------------------------------------- */ 
		
		body#page-contact div.page-content{
			padding: 40px 67px /* 1024 - 890/2 */; 
			width: 890x;    	
		}
		
		body#page-contact div#intro{
			margin: 20px 0px; 	
			margin-bottom: 50px; 	
		}
		
			#intro #image {
				width: 530px; margin-right: 20px;  	
			}
			#intro #text{
				width: 200px; 
				position: relative; 
			}
			
			p#map-button{
				position: absolute; top: 15px; right: -80px; 	
			}
			
			div.store-address {
				text-align: left; 	
			}
			div.store-address span.unna {
				font-size: 24px;
				display: inline-block; 
				margin-bottom: 10px;  	
			}
		

		form#contact{
			padding: 0px; 	
			float: left; 
			width: 520px; 
		}
		form#contact label {
			width: 100px; 	
		}
		
		body#page-contact .form-errors{
			width: 580px; 
			background-color: #fff; 
			color: #e15947; 
			float: right; 	
			width: 310px; 
		}
		
		form#contact .form-buttons{
			text-align: right;
			width: 500px; 
		}

		
		input#cf_name,
		input#cf_email,
		input#cf_subject,
		textarea#cf_message{
			width: 350px; 
		}	
		input#cf_email {
			width: 327px; 	
		}
		
		
		div#success-message{
			padding: 20px; 
		}
		div#success-message a {
			display: inline-block; margin: 20px 0px; 
		}