/* --------------------------------------------------------------------
    
  1. CSS Reset                                                                  
  
 -------------------------------------------------------------------- */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
		outline: 0;
}

body {
		color: black;
		background: white;
		font-size: 62.5%;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		text-align: left;
		font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}

 













/* --------------------------------------------------------------------
    
  2. Layout                                                                  
  
 -------------------------------------------------------------------- */

body {
		background: rgb(185, 201, 163) url(../images/background_strip.png) top center repeat-x;
		margin: 0;
		padding: 0;
}

	div#container {
			position: relative;
			width: 1000px;
			min-height: 600px;
			margin: auto;
	}
    	
.ie /* ---- bugfix for ie6 */ 
			div#container {
					overflow: hidden;
			}
			
		div#container div#header {
				position: relative;
				width: 600px;
				height: 153px;
				top: 79px;
				margin: auto;
		}
		
			div#container div#header div.module_search {
					position: absolute;
					top: 12px;
					right: 9px;
			}
		
			div#container div#header p.branding{
					position: absolute;
					display: block;
					width: 792px;
					height: 90px;
					margin-top: 71px;
					text-align: center;
					display: none;
			}
		
		div#container div.module_main_menu {
    			position: relative;
    			float: left;
    			width: 190px;
    			margin: 95px 10px 0 0;
   	}
    	
.ie /* ---- bugfix for ie6 */ 
			div#container div.module_main_menu {
					display: inline;
			}
    	
    		div#container div.module_main_menu ul {
    				position: relative;
    				float: left;
    		}
    		
	    		div#container div.module_main_menu ul li {
						position: relative;
						float: left;
						clear: both;
						margin: 0.4em 0 0;
						overflow: hidden;
				}
				
		    		div#container div.module_main_menu ul li a {
							position: relative;
							display: block;
							width: 144px;
							padding: 0 0 8px 15px;
					}
					
			    		div#container div.module_main_menu ul li a.current {
			    			background: url(../images/current.png) no-repeat;
			    		}
		
		div#container div#content {
				position: relative;
				float: left;
				width: 600px;
				min-height: 400px;
				margin-top: 40px;
				padding: 0;
		}
		
			div#container div#content div#cookie {
					position: absolute;
					float: left;
			}
			
				div#container div#content div#cookie span {
						position: relative;
						display: block;
						float: left;
						padding: 1px 9px 0 0;
						background: url(../images/cookie_arrow.png) no-repeat center right;
				}
			
				div#container div#content div#cookie a {
						position: relative;
						display: block;
						float: left;
						padding: 1px 9px 0 5px;
						background: url(../images/cookie_arrow.png) no-repeat center right;
				}

				div#container div#content div#cookie em {
						position: relative;
						display: block;
						float: left;
						padding: 1px 0 0 5px;
				}
				
			div#container div#content h1,
			div#container div#content h2,
			div#container div#content h3 {
					padding: 48px 0 0 0;
					clear: both;
			}
			
			div#container div#content h2 {
					padding: 20px 0 0 0;
					clear: both;
			}
				
			div#container div#content p {
					margin-top: 1em;
			}
			
				div#container div#content p.date {
						position: absolute;
						top: 2.1em;
				}
				
				div#container div#content img {
						display: block;
						margin: 0 auto;
						max-width: 100%;
						height: auto;
				}
				
			div#container div#content form {
					position: relative;
					clear: both;
					width: 100%;
					margin-top: 2px;
			}
			
			div#container div#content form#delivery {
					border-bottom: none;
			}
			
			div#container div#content form fieldset {
					clear: both;
					border-top: 2px solid #ffffe1;
			}
				
				div#container div#content form fieldset legend {
						padding: 0 5px;
						margin-left: 20px;
				}
				
				div#container div#content form fieldset p.error {
						clear: both;
				}
				
				div#container div#content form label,
				div#container div#content dl dt {
						position: relative;
						display: block;
						float: left;
						clear: left;
						width: 220px;
						margin: 5px 10px 5px 0;
						text-align: right;
				}
				
				div#container div#content dl dt {
						margin-top: 1em;
						margin-bottom: 1em;
				}
				
					div#container div#content form#delivery label {
							margin-top: 0;
					}
				
				div#container div#content form select,
				div#container div#content form input,
				div#container div#content dl dd {
						position: relative;
						display: block;
						float: left;
						width: 300px;
						margin: 0 0 5px;
						padding: 4px 3px 4px 4px;
				}
				
				div#container div#content form input {
						background: transparent;
						border: 1px solid #888b78;
				}
				
				div#container div#content form input.checkbox {
						margin: 5px 0;
				}
				
				div#container div#content form div.image,
				div#container div#content form div.image img {
						float: left;
						clear: left;
				}
				
				div#container div#content form div.image img {
						margin-bottom: 10px;
				}
				
				div#container div#content form input.file {
						float: left;
						width: auto;
						border: none;
				}
				
				
/* ---------------- bugfix for Firefox 3 */
					div#container div#content form input[type=hidden] {
							visibility: hidden;
							padding: 0;
							border: none;
					}
					
					div#container div#content form table input {
							width: 24px;
					}
					
					div#container div#content form#delivery input {
							margin-bottom: 0.9em;
					}
				
				div#container div#content form textarea {
						position: relative;
						display: block;
						float: left;
						width: 300px;
						height: 8.3em;
						margin: 0 0 5px;
						padding: 4px 3px 4px 4px;
						background: transparent;
						border: 1px solid #888b78;
				}
				
				div#container div#content form textarea#notes {
						top: 0.9em;
				}
					
					div#container div#content form#delivery textarea {
							margin-bottom: 0.9em;
							width: 241px;
					}
				
					div#container div#content form input:focus,
					div#container div#content form textarea:focus,
					div#container div#content form input.focus,
					div#container div#content form textarea.focus {
							background: #ffffe1;
					}
					
				div#container div#content form button {
						position: relative;
						display: block;
						clear: both;
						margin-top: 29px;
				}
				
			div#container div#content ul.images {
					display: block;
					float: left;
					width: 100%;
					list-style: none;
					margin: 0;
					padding: 0;
			}
			
				div#container div#content ul.images li {
						display: block;
						float: left;
						margin: 0 12px 0 0;
						padding: 0;
				}
					
		div#container div#additional {
				position: relative;
				float: right;
    			width: 190px;
    			margin: 95px 0 0 10px;
    			}
		
.ie /* ---- bugfix for ie6 */ 
			div#container div#additional {
					overflow: hidden;
			}
		
			div#container div#additional div {
					position: relative;
			}
			
				div#container div#additional h2 {
						padding: 0.4em 0 5px;
				}
				
				div#container div#additional div ul {
						margin: 0 0 1.9em;
						padding: 0;
				}	
					
					div#container div#additional div li {
							position: relative;
							display: block;
							padding: 0;
					}
					
						div#container div#additional div li a {
								display: block;
								min-height: 23px;
								padding: 6px 0 6px;
						}
				
				div#container div#additional a.rss_feed {
						position: absolute;
						top: 3px;
						right: 0;
						width: 15px;
						height: 15px;
						overflow: hidden;
						text-indent: -5000%;
						border: none;
						background: transparent url(../images/rss_icon.png) no-repeat top left;
				}
				
			div#container div#additional div.module_gallery_navigation ul li {
					text-align: center;
			}
			
				div#container div#additional div.module_gallery_navigation ul li a span.image {
						margin: 0 auto;
				}
				
				div#container div#additional div.module_gallery_navigation ul li a span.text {
						display: block;
						margin-top: 0.25em;
				}
				
			div#container div#additional img {
					max-width: 100%;
			}
			
			p.meta {
					margin-top: 0 !important;
					margin-bottom: 0.5em !important;
			}
			
			.images li {
			   		text-align: center;
			}
				
				.images li a {
				  	 	text-decoration: none;
				}
				   
				   .images li a span {
				   			display: block;
				   			margin-bottom: 5px;
					}
			
			div#container p.pagination {
					position: relative;
					clear: both;
			}
				
				div#container p.pagination span {
						position: absolute;
						display: block;
						width: 100%;
						top: 0;
						text-align: center;
						z-index: -1;
				}
				
				div#container p.pagination a.next {
						float: right;
						right: 0;
				}

		div#container div#footer {
				position: relative;
				clear: both;
				width: 1000px;
				margin: 10px 0 0;
				padding: 25px 0 15px;
				text-align: center;
		}
		
			div#container div#footer p {
					margin: 0.5em 0;
			}
			






 












/**
 * Messages Styling
 */

			div#container div#content form.swapped,
			div#container div#content form.who {
					clear: none;
					width: auto;
					margin: 0;
			}
			
			div#container div#content form.swapped {
					float: left;
			}
			
				div#container div#content form.swapped label {
						float: left;
						clear: none;
						width: auto;
				}
			
				div#container div#content form.swapped input {
						float: left;
						width: auto;
						margin: 4px 5px 0 0;
				}
			
				div#container div#content form.swapped button {
						float: left;
						clear: none;
						margin: 0;
				}
			
			div#container div#content form.who {
					float: right;
			}
			
				div#container div#content form.who select {
						width: auto;
				}
				
				div#container div#content form.who button {
						float: left;
						clear: none;
						margin: 0 0 0 10px;
				}
				
			div#container div#content ul.messages {
					clear: left;
					margin: 0;
					padding: 0;
			}
			
				div#container div#content ul.messages li {
						display: block;
						float: left;
						width: 60%;
						margin: 20px 0 0;
						border-bottom: 2px solid #ffffe1;
				}
				
				div#container div#content ul.messages li.theirs {
						float: right;
				}
				
				div#container div#content ul.messages li.new {
						border: none;
				}
				
					div#container div#content ul.messages li span {
							display: block;
					}
					
					div#container div#content ul.messages li span.name,
					div#container div#content ul.messages li span.timestamp {
							font-size: 0.8em;
					}
					
					div#container div#content ul.messages li span.name {
							font-weight: 800;
					}
					
					div#container div#content ul.messages li span.timestamp {
							font-style: italic;
					}


 














/* --------------------------------------------------------------------
    
  3. Typography                                                                  
  
 -------------------------------------------------------------------- */

body {
		font-family: Georgia, Times, serif;
}

	a {
			color: #666;
	}

		a:hover {
				color: #000;
		}
		
		div#container div#content div#cookie a {
		}
	
		div#container div.module_main_menu ul li a {
				text-decoration: none;
				border-bottom: none;
				line-height: 1;
				font-size: 1.8em
		}

		div#container div#content div#cookie .youAreHere {
			text-transform: uppercase;
		}

	div#container div#header p.branding {
			color: #333333;
			font-family: Geneva, Helvetica, sans-serif;
			text-indent: 23px;
			font-size: 1em;
			font-weight: 100;
	}
	
	div#container div#content div#cookie {
			color: #555555;
			font-size: 1em;
			line-height: 1;
	}
	
		div#container div#content div#cookie a {
		}
		
	div#container div#content h1,
	div#container div#content h2,
	div#container div#content h3,
	div#container div#content form fieldset legend {
			font-size: 2em;
			line-height: 36px;
			color: #333333;
	}
	
	div#container div#content h2 {
			font-size: 1.8em;
	}
	
	div#container div#content h3 {
			font-size: 1.6em;
			font-weight: 800;
	}
		
	div#container div#content p,
	div#container div#additional p,
	div#container div#content li,
	div#container div#content dl dd {
			font-size: 1.6em;
			color: #555555;
			line-height: 1.39;
	}
	
		div#container div#content p.date {
				font-size: 0.9em;
				text-transform: capitalize;
				color: #aaaaaa;
				font-weight: 800;
	}
		div#container div#content p.error {
				color: red;
				font-weight: 800;
		}
	
			div#container div#content p.error a {
					color: red;
			}
	
		div#container div#content p:first-line {
		}
		
		div#container div#content p em {
				font-style: italic;
		}
		
		div#container div#content p strong {
				font-weight: 800;
		}
		
		div#container div#content form p {
				margin: 0 0 1em 0;
				
				font-size: 1.2em;
		}
		
		div#container div#content dl dt,
		div#container div#content form label,
		div#container div#content form p span.required {
				font-size: 1em;
				text-transform: uppercase;
				color: #555555;
		}
		
		div#container div#content form p span.required {
				font-size: 0.8em;
		}
		
		div#container div#content form input,
		div#container div#content form textarea {
				font-size: 1.1em;
				line-height: 1.23;
				font-style: italic;
				color: #555555;
		}
		
		div#container div#content ul.messages li.new {
				font-size: 1em;
		}
		
			div#container div#content ul.messages li.new span.name,
			div#container div#content ul.messages li.new span.timestamp {
					font-size: 1.3em;
			}
		
		div#container div#content form label.required,
		div#container div#content form p span.required {
				font-weight: 800;
		}
		
	div#container div#additional h2 {
			color: #333333;
			text-transform: uppercase;
			font-size: 1.1em;
			font-weight: 800;
	}
	
	div#container div#additional div li a {
			font-size: 1.1em;
			line-height: 1.3;
			font-weight: 800;
			text-transform: capitalize;
	}

		div#container div#additional div li a span.date {
				text-transform: uppercase;
				font-size: 0.75em;
				line-height: 1.08;
				color: #666666;
				font-weight: 400;
		}
	
.propertyName {
	font-size: .75em;
}

div#additional p.join {
		margin-bottom: 0.5em;
		
		font-size: 2em;
		font-weight: 800;
}


 













/* --------------------------------------------------------------------
    
  Colour Variations                                                                  
  
 -------------------------------------------------------------------- */

body.about-joining {
		background-color: rgb(251, 254, 194);
}

body.contact {
		background-color: rgb(228, 228, 209);
}

body.houses-to-swap {
		background-color: rgb(253, 253, 253);
}

body.how-it-works {
		background-color: rgb(159, 182, 137);
}

body.log-in,
body.members-area {
		background-color: rgb(202, 217, 202);
}

	body.about-joining div#container div.module_main_menu ul li a.current,
	body.houses-to-swap div#container div.module_main_menu ul li a.current {
			background-image: url(../images/current-dark.png);
	}
	
	body.about-joining div#container div#content form fieldset,
	body.houses-to-swap div#container div#content form fieldset {
			border-color: #555555;
	}
	
	body.about-joining div#container div#content div#cookie span,
	body.about-joining div#container div#content div#cookie a,
	body.houses-to-swap div#container div#content div#cookie span,
	body.houses-to-swap div#container div#content div#cookie a {
			background-image: url(../images/cookie_arrow-dark.png);
	}