/* ========================================================================================
DForDogs: Main Layout 
Version:1.0
Author: Raphael Marsh
Email: raphael@onbrand.co.uk
Last Updated: 08 September 2010
=========================================================================================== */

/* STANDARD FORMATTING 
=========================================================================================== */
* {
	margin: 0;
 	padding: 0;
}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:63.3%;
	margin:0;
	padding:0 0 15px 0;
	min-width:1000px;
	text-align:left;
	line-height:140%;                         
	background-color:#808080;
}


/* Generic 
=========================================================================================== */
h1 {
	font-size: 2.4em; margin:0;
}
h2 {
	font-size: 2.0em; margin:0;
}
h3 {
	font-size: 1.6em; margin:0;
}
img {
	border:none;
}
p {
	color:#7c7c7c; font-size:120%; margin:0;
}
	p a {
		color:#7c7c7c;
	}
ul {
	list-style-type:none; margin:0; padding:0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:underline;
}
.left {
	float:left;
}
.right {
	float:right;
}
hr {
	float:left; position:absolute; border:0; height:1px;
}

/* Structure 
=========================================================================================== */
div#wrapper {
	width:1000px; margin:auto; text-align:left; background:#fff;
}
#branding {
	height:140px; margin-bottom:20px;
}
#mainColumn {
	float:left; width:630px;
}
	#mainColumn.fullWidth {
		width:948px;
	}
#sideColumn {
	float:right; width:310px;
}
#pageContent {
	width:950px; padding:10px 25px 20px 25px;
}
#primaryNav {
	float:left; position:relative; width:700px; height:38px; top:114px;
}
#header {
	height:183px; z-index:50; background:#ccc;
}
.clear {
	clear: both; text-indent: -9999px;
}


/* Header Area 
=========================================================================================== */
.pics { height: 183px; width: 973px; padding:0; margin:0; overflow: hidden }
.pics img { height: 183px; width: 973px; top:0; left:0 }


#branding .logo {
	float:left; position:relative; margin:88px 15px 0 25px; width:103px; height:45px;
	background:#fff url(../images/generic/dfd-logo.gif) top no-repeat;
}
	#branding .logo a {
		display:block; overflow:hidden; width:103px; height:45px;
	}
	#branding .contact {
		float:right; position:relative; top:114px; right:25px; border:0; overflow:hidden; width:112px; height:22px;
		background:#fff url(../images/generic/dfordogs-name.gif) top no-repeat;
	}


/* Content
=========================================================================================== */		
	#mainColumn p {
		color:#7a7a7a; font-size:120%; line-height:150%;
	}	
	#mainColumn ul {
		/*float:left; width:45%;*/ list-style:disc; margin:0 10px 0 14px;
	}
		#mainColumn ul li {
			color:#7c7c7c; font-size:120%; line-height:140%; margin-bottom:4px;
		}
			#mainColumn ul li a {
				color:#bc1500;
			}


	
	#quotebox blockquote {
		float:right; width:580px;
		text-align: center;
		margin: 0;
		font-family: georgia, serif;
		font-size: 1.4em;
		letter-spacing: -1px;
		line-height: 1.2em;
		color: #555;
		background:#eeeeee url(../images/generic/fi_top.gif) top left no-repeat;
}
	#quotebox blockquote strong {
  		color: #bc1500 !important;
	}
	#quotebox #quote {
  		padding:20px; margin-right:10px;
  		background: url(../images/generic/fi_bottom.gif) right bottom no-repeat;
	}
	.author {
		font-size:110% !important; text-align:right; padding: 5px 10px 0 0; 
  		background: url(../images/generic/hpquote_bottom.gif) no-repeat bottom;
	}




#introPanel {
	padding:10px; border:#dbdbdb 1px solid;
}
#videoPanel {
	padding:10px; background:#f0f0f0; border:#e4e4e4 1px solid;
}
#contentPanel {
	background:#d6dfe7; padding:10px; border:#cbced2 1px solid;
}
	#mainColumn h2 {
		font-size:160%; line-height:150%; color:#333333; margin-bottom:10px;
	}
	#mainColumn h3 {
		font-size:120%; line-height:150%; color:#333333; margin-bottom:10px;
	}
	#mainColumn span.year {
		margin-left:20px; font-style:italic;
	}





#commentPanel {
	background:#ece2d8; padding:10px; border:#cdc8c3 1px solid;
}
	#commentPanel h2 {
		font-size:140%; line-height:150%; color:#686868; margin-bottom:10px;
	}
	#commentPanel p {
		color:#7a7a7a; font-size:120%; line-height:150%;
	}










.homeFeature {
	float:left; width:310px; background:#d6dfe7; margin-right:10px;
}
	.homeFeature h3 {
		font-size:130%; line-height:150%; color:#fff; font-weight:normal; 
		text-transform:uppercase; padding:5px 10px; background:#6d92b1;
	}
		.homeFeature h3 a {
			color:#fff; text-decoration:none;
		}
			.homeFeature h3 a:hover {
				text-decoration:underline;
			}
	.homeFeature p {
		font-size:120%; line-height:150%;
	}
	.homeFeature.end {
		float:right; margin-right:0px;
	}
	
	
	.homeFeature p.strapline {
		color:#fff; padding:10px; background:#6d92b1;
	}
	.homeFeature .content {
		padding:9px; border:#bfc5ca 1px solid; height:126px;
	}
			.homeFeature .content p a {
				color:#6d92b1; font-weight:bold; text-decoration:none;
			}
				.homeFeature .content p a:hover {
					text-decoration:underline;
				}
		
	.homeFeature.focus {
		background:#f2eae3;
	}
		.homeFeature.focus h3 {
			background:#945200;
		}
			.homeFeature.focus .content {
				border:#dbd6d2 1px solid;
			}
				.homeFeature.focus .content p a {
					color:#945200;
				}
		.homeFeature.focus p.strapline {
			background:#945200;
		}


/* Graphical Titles
=========================================================================================== */
h1#home {
	font-family:Arial, Helvetica, sans-serif;
	font-size:250%; line-height:170%; font-weight:normal; color:#8f510d;
}





/* Gallery
=========================================================================================== */
#simplegallery1 {
	background:#fff;
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
}
#simplegallery1 .gallerydesctext{
	font-size:120%; text-align: center; padding: 8px 5px;
}



	

/* Footer
=========================================================================================== */
#footer { 
	position:relative; clear:both; height:50px;
} 
	#footer p {
		float:left; color:#8f510d; padding:0 25px; font-size:110%;
	}
		#footer p a {
			color:#8f510d; padding:0 10px; border-right:#c69259 1px solid; text-decoration:none;
		}
			#footer p a.end {
				border-right:0;
			}
			#footer p a:hover {
				text-decoration:underline;
			}