/* -------------------------------------------------------------------------------- */
/*																					*/
/*		Pope Benedict XVI in Britain	  Master Styles Screen Stylesheet			*/
/*																					*/
/*		date:      15/02/10															*/
/*		author:    [Cloud Nine - Ash Bryant]										*/	
/*		email:     [info AT c9dd DOT com]											*/	
/*		website:   [http://www.c9dd.com/]											*/	
/*																					*/
/*																					*/
/*		Colours used:	#F5F5F5	 -  Light Grey	 	- Main Background 				*/
/*						#FFF	 -  White		 	- Main Content Background 		*/
/*						#FFC90A  -  Yellow		 	- Header Background 			*/
/*						#000	 -  Black			- Nav & Headings				*/
/*						#D5A70A	 -	Yellow/Mustard	- Sub Headings					*/
/*						#606060  -  Dark Grey		- Body Text						*/
/*						#802226  -  Red				- Some Links 					*/
/*						#802226  -  Light Grey		- Footer Background				*/
/*																					*/
/* -------------------------------------------------------------------------------- */


/* import Generic Styles for applying to elements, i.e. floats, margins, text sizes etc */
@import url(generic_styles.css);

/* import Image Gallery Slider Styles for applying to elements */
@import url(image-gallery-slider.css);


#debug {
	clear: both;
	font-size: 1.2em;
	margin-top: 30px;
	}


body {
    font: 62.5%/1.5em  "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
	background-color: #F5F5F5;
    color: #606060;
	padding-bottom: 3em;
	}

#skip-link {
	display: none;
	}

	#wrapper,
	#header,
	#content-area,
	#footer {
		width: 89.6em;
		}

	#wrapper {
		margin: -1px auto 3em auto;
		border: 1px solid transparent;
		}
		
/* ------------------------------------------------ SEARCH RESAULTS STYLES STARTS */

div.feedback,
div.feedback fieldset,
#search_controls {
	float: left;
	}
#search_controls ul {
	list-style: none; 
	}				
	#search_controls strong {
		float: left;
		clear: both;
		margin: 1em 0 0.3em 0;
		color: #802226;
		}
/* ------------------------------------------------ SEARCH RESAULTS STYLES FINISH */		

.donate
{
background:none repeat scroll 0 0 #F4C901;
color:#802226;
cursor:pointer;
font-size:1.1em;
padding:0.1em;
text-transform:uppercase;
}
/* ------------------------------------------------ LOGIN / CREATE PROFILE FORM STYLES START */

/* More generic form styles can be found in generic.ccs */

/* LOGIN START */
#loginform,
#loginform label,
#loginform input {
	float: left;
	clear: both;
	}
	
	#loginform fieldset {
		padding: 0;
		border: none;
		}


	#loginform a {
		color: #D5A70A;
		text-decoration: none;
		float: right;
		}
		
		#loginform a:hover {
			text-decoration: underline;
			}	
		
	#loginform input {
		width: 18.2em;
		padding: 0.2em;
		margin-bottom: 1em;
		background: #E3E3E3;
		}	
		
		#loginform input.loginButton {
			width: 3.5em;
			height: 1.4em;
			cursor: pointer;
			float: right;
			background: #fff url(../images/login-button.png) no-repeat top left;
			}
			
			#loginform input.loginButton:hover {
				background: #fff url(../images/login-button.png) no-repeat bottom left;
				}
				
/* LOGIN FINISH */



/* CREATE PROFILE START */


div.attribute8,
div.attribute9,
div.attribute12,
div.attribute180,
div.block,
div.element {
	float: left;
	clear: both;
	}
	
	label.attribute12,
	div.userID,
	.element.status,
	label.attribute180 {
		display: none !important;
		}


form#createProfile {
	width: 42.4em;
	float: left;
	clear: both;
	}
	
	#createProfile fieldset {
		margin-bottom: 1em;
		border-bottom: 1px solid #E3E3E3;
		}
	
		#createProfile label,
		#createProfile input {
			float: left;
			}
		
		#createProfile label {
			width: 12em;
			padding: 0.2em;
			}
			
		#createProfile input {
			width: 20em;
			margin-right: 8em;
			}	
			
		#createProfile input {
			width: 18.2em;
			padding: 0.2em;
			margin-bottom: 1em;
			background: #E3E3E3;
			}
			
		#createProfile input.button {
			width: 5em;
			}
			
/* CREATE PROFILE FINISH */	

/* EDIT PROFILE START */

	div.ezcca-edit-datatype-ezstring, div.ezcca-edit-datatype-ezimage {
		width: 44em;
	}
	
	div.ezcca-edit-datatype-ezuser, div.attribute-language {
	display: none;}
	
	#ezcoa-8_first_name, #ezcoa-9_last_name{
		padding: 0.2em;
		width:11em;
		float: right;
		margin-right: 15em;
	}
	div.userdetails{
		width: 36em;
	}
	
	div.userdetails .element label, div.ezcca-edit-datatype-ezimage fieldset div.block p, div.ezcca-edit-datatype-ezimage fieldset div.block label{
		width:13em;
		margin-right: 1em;
		display: block;
		float: left;
	}
	
	

/* EDIT PROFILE FINISH */	


/* USER PROFILE START */

#user-profile p,
#user-profile .buttonblock {
	float: left;
	clear: both;
	}
	
	#user-profile p.box {
		float: none;
		clear: none;
		}

	#user-profile .block {
		float: left;
		clear: both;
		width: 100%;
		margin-bottom: 0.5em;
		font-style: italic;
		}
		
		#user-profile label {
			font-style: normal;
			}

	#user-profile label,
	#user-profile .box {
		float: left;
		display: inline;
		margin-right: 1.5em;
		}

/* USER PROFILE FINISH */

/* CHANGE PASSWORD START */

#change-password {
	float: left;
	clear: both;
	}
	
	#change-password .block,
	#change-password .element {
		width: 100%;
		margin-bottom: 0.5em;		
		}
	
		
		#change-password .block input {
			float: right;
			margin-right: 6em;
			}

	#change-password label {
		float: left;
		display: inline;
		margin-right: 1.5em;
		}
	

/* CHANGE PASSWORD FINISH */


/* NOTIFICATION STYLES START */


	#notification fieldset {
		border: 1px solid #E3E3E3;
		padding: 1em;
		margin: 1em 0;
		float: left;
		width: 95%;
		}

		#notification fieldset legend {
			padding: 0 1em;
			color: #D5A70A;
			font-size: 1em;
			line-height: 1.8em;
			text-transform: uppercase;
			}
	
		#notification span, #notification fieldset span {
			float: left;
			clear: both;
			width: 100%;
			margin-bottom: 0.5em;
			}
		
			#notification select {	
				border: 1px solid #E3E3E3;
				}
	
			
		#notification p {
			clear: both;
			}
		
		#notification .button {
			float: right;
			clear: both;
			}

/* NOTIFICATION STYLES FINISH */

/* UPLOADS STYLES START */

#uploads {
	}
			
	#uploads input.name,
	#uploads textarea {
		margin-bottom: 1em;
		}
		
	#uploads input.name {
		width: 15.8em;
		}
		
	#uploads textarea {	
		width: 13.3em;
		}
		
	#uploads .button {
		float: right;
		margin-top: 1em;
		}
		
	#uploads .file-upload {
		clear: both;
		width: 1em;
		z-index: -10;
		float: left;
		margin-top: -2em;
		opacity: 0.0;
		}		
		
	#uploads .file-upload-container {
		width: 100%;
		overflow: hidden;
		}	
		
		#uploads .file-upload-replacement {
			width: 100%;
			height: 1.7em;
			padding-top: 0.3em;
			padding-left: 0.3em;
			background: #E3E3E3;
			z-index: 10;
			float: left;
			}
div.hidden{
display: none;}			
			
	
/* UPLOADS STYLES FINISH */

	
/* ----------------------------------------------- LOGIN / CREATE PROFILE FORM STYLES FINISH */


		
		
/* ------------------------------------------------ HEADER STYLES START */
		
		#header {
			float: left;
			clear: both;
			display: inline;
			background-color: #ffcc00;
			}
			
			a.home-link {
				float: left;
				margin: 0 1.2em;
				}
				
			#header h1 {
				float: left;
				margin: 1em 2.5em 0 0.35em;
				color: #000;
				font-family: Georgia, "Times New Roman", Times;
				font-size: 2.5em;
				line-height: 2em; 
				text-transform: uppercase; 
				}
			.zone h2.image-heading{
			width: 30em;
			float: left;}

			.zone h2.story-heading{
			width: 20em;
			float: left;}
			/* -------------------------------------------- NAVIGATION STYLES START */	
			#nav {
				width: 64.8em;
				max-height: 7.5em;
				float: left;
				margin: 1em 0 0 -0.5em;
				}
				
				#nav ul {
					list-style: none;
					}
				
					#nav a {
						font-size: 1.1em;
						line-height: 1.6em;
						color: #000;
						text-decoration: none;
						}
				
					#nav ul {
						width: 21.5em;
						float: left;
						}
						
						#nav ul li,
						#nav ul li a {
							float: left;
							}
						
						#nav ul li a {
							width: 18em;
							margin-top: 0.2em;
							padding: 0 0 0 1.5em;
							background: transparent url(../images/nav-bullet.png) no-repeat 5px center;
							}
						
						#nav ul a:hover {
							background-color: #CBA200;
							-moz-border-radius: 0.3em;
							-webkit-border-radius: 0.3em;
							}
						
						#nav ul#nav-col-two {
							margin-left: 2.4em;
							margin-right: 2.4em;
							}
				
						#heaer #master-nav {
							float: left;
							margin: 0 0 0 1em;
							}	
							
							#master-nav a {
								color: #802226;
								}	
						
							#search-form {
								margin-top: 0.5em;
								background: transparent url(../images/nav-bullet.png) no-repeat 5px 4px;
								}
						
								#search-form fieldset {
									margin-left: 1.5em;
									border: none;
									padding: 0px;
									}
									
									#search-form legend {
										display: none;
										}
									
									#search-form label {
										font-size: 1.1em;
										color: #802226;
										}	
										
									#search-form input.search-input {
										width: 11.0em;
										color: #000;
										background-color: #CEAA02;
										padding: 0.2em;
										}	
										
										#search-form .search-button {
											background: #F4C901;
											font-size: 1.1em;
											color: #802226;
											text-transform: uppercase;
											cursor: pointer;
											padding: 0.1em;
											}
											
											#search-form .search-button:hover {
												background-color: #CBA200;
												-moz-border-radius: 0.3em;
												-webkit-border-radius: 0.3em;
												}
												


			/* --------------------------------------------- NAVIGATION STYLES FINISH */

/*--------------------------SEARCH RESULTS STYLES START */

.pagenavigator
{
padding-top: 1.2em;
text-align: right;
float:right;
padding-right: 1.2em;
clear: left;}

div.content-view-line a {
	color: #802226;
	}	

/*--------------------------SEARCH RESULTS STYLES END */
			
/* ------------------------------------------------ HEADER STYLES FINISH */			
			
/* ------------------------------------------------ CONTENT STYLES START */				
				#content-area {
					float: left;
					clear: both;
					display: inline;
					background: #fff;
					}
					
			/* ------------------------------------------------ BREADCRUMB STYLES START */	
			
					div.path {
						width: 100%;
						float: left;
						}
						
						div.path ul {
							list-style: none;
							float: left;
							margin: 1.2em 1.2em 0;
							}
							
							div.path ul li {
								float: left;
								margin-right: 0.5em;
								color: #C29F00;
								}
								
								div.path ul li a {
									margin-right: 0.5em;
									text-decoration: none;
									color: #999;
									}
									
									div.path ul li a:hover {
										color: #C29F00;
										text-decoration: underline;
										}
								
								div.path ul li:after {
									content: ">";
									color: #999;
									}
									
								div.path ul li:last-child:after {
									content: "";
									}	
									
			/* ------------------------------------------------ BREADCRUMB STYLES FINISH */	
				
					/*
					.zone div:first-child {
						margin-top: 0;
						}
						
					.zone div:last-child {
						margin-bottom: 0;
						}	
					*/
					.zone h1 {
						width:100%;
						}
					.zone p {
						font-size: 1.1em;
						margin: 0 0 1em;
						}
						
					.zone p a, .zone * a,
					.gallery-navigation a  {
						color: #802226;
						text-decoration: none;
						}
						
						.zone p a:hover, .zone * a:hover,
						.gallery-navigation a:hover  {
							text-decoration: underline;
							}	
					
					.content-block {
						float: left;
						}
					
						.zone h5,
						.sub-nav-block h5,
						#footer h5 {
							font-size: 1em;
							text-transform: uppercase;
							line-height: 1.8em;
							color: #D5A70A;
							}
						
						.zone h2 {
							color: #000;
							font-family: Georgia, "Times New Roman", Times;
							font-size: 1.9em;
							font-weight: normal;
							line-height: 1.2em; 
							letter-spacing: 0.01px;
							margin: 0.2em 0 0.5em;
							width:100%;
							}
							
							.zone h2 a {
								text-decoration: none;
								color: #000;
								}
								
								.zone h2 a:hover {
									text-decoration: underline;
									}
					
						#content-area * div.object-right * div.attribute-image
						{
						float:right;
						width: 200px;
						margin-left: 6px;
						margin-top: 6px;
						margin-bottom: 6px;
						}

						#content-area * div.object-left * div.attribute-image
						{
						float:left;
						width: 200px;
						margin-right: 6px;
						margin-top: 6px;
						margin-bottom: 6px;
						}
						
							
						#content-area div.attribute-image {
							width: 100%;
							text-align: center;
							}


						
						object.mp3-player{
							margin: 1em 0;
							}
		
		/* ------------------------------------------------ TABLES STYLES START  */
		
		table {
			max-width: 64.8em;
			clear: both;
			}
			
			table.cols td {
				padding: 0.5em 0.5em 0.2em;
				}
		
			table.cols tr.bgdark {
				background-color: #F8F8F8;
				}
		
		
		/* ------------------------------------------------ TABLES STYLES FINISH */

		
		/* ------------------------------------------------ GALLERY PAGES STYLES START */
		
					div.thumbnails {
						float: left;
						display: inline;
						clear: both;
						width: 66.5em;
						}
						
					div.thumbnails p {
							margin: 1.2em;							
							} 
						
						div.thumbnails div {
							margin-right: 1.1em;
							border-right: 1px solid #C9C9C9;
							border-bottom: 1px solid #C9C9C9;
							}
							
							/* Due to the grid, we must amend the margin on every 3rd div in the gallery. 
							Great for better browsers that know CSS3, but IE needs JQuery to add a selector to those elements for it */
							div.thumbnails div:nth-child(3n) {
								margin: 1.2em 0 1.2em 1.0em;
							}
						/* Single Image/video/Audio Page styles */
						
						.gallery-navigation, .story-navigation {
							list-style: none;
							margin-bottom: 1.2em;
							padding-top: 1.2em;
							display: block;
							}
							
							.gallery-navigation li, .story-navigation li {
								width: 10em;
								float: left;
								margin-right: 0em;
								}
								
								.gallery-navigation li.title {
									text-align: center;
									width:30em;
									
									}

								.story-navigation li.title {
									text-align: center;
									width:21.8em;
									
									}

								
								.gallery-navigation li.next, .gallery-navigation li.next-disabled {
									margin-right: 0;
									text-align: right;
									}
								.story-navigation li.next, .story-navigation li.next-disabled {
									margin-right: 0;
									text-align: right;
									}
						
						.center-object {
							width: 64.8em;
							float: left;
							clear: both;
							margin-top: 1.2em;
							text-align: center;
							margin-bottom: 1.2em;
							}
						.center-story-image {
							width: 42.4em;
							float: left;
							clear: both;
							margin-top: 1.2em;
							text-align: center;
							margin-bottom: 1.2em;
							}
							
							.oneXone .center-object, .oneXtwo .center-object {
								width: 20em;
								margin-bottom: 1.2em;
								}
								
						div.image h1{
						width:24em;}
						
						div.image .a2a_dd{
						width: 4em;
						float: right;
						margin-top:0.6em;}
							
						
/* Easy Slider */

			#slider{
			margin-left:0em;}
			
			#slider img {
				border: none;
				float: left;
				margin-left:0em;
				margin-right: 0em;
				display: inline;
				}
		
			#slider ul, 
			#slider li{
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
			.twoXone #slider, 
			.twoXone #slider li{ 
				/* 
					define width and height of container element and list item (slide)
					list items must be the same size as the slider area
				*/ 
				width: 42.4em;
				height: 17.6em;
				overflow: hidden; 
				}

			.threeXone #slider, 
			.threeXone #slider li{ 
				/* 
					define width and height of container element and list item (slide)
					list items must be the same size as the slider area
				*/ 
				width: 64.8em;
				height: 17.6em;
				overflow: hidden; 
				}
				
			span#prevBtn a {
				float: left;
				background: transparent url(../images/scroll-left.png) no-repeat top left;
				}
			
			#slider span,
			span#prevBtn a,
			span#nextBtn a {
				width: 4em;
				height: 17.6em;
				margin-top: -17.6em;
				display: block;
				z-index: 1000;
				}
			
				
			span#nextBtn a {
				float: right;
				background: transparent url(../images/scroll-right.png) no-repeat top left;
				}					
		
		/* // Easy Slider */						

		/* ------------------------------------------------ GALLERY PAGES STYLES FINISH */		

		/* ------------------------------------------------ SUB NAV STYLES START */
		
		.sub-nav {
			list-style: none;
			}
		
			.sub-nav li a {
				float: left;
				clear: both;
				width: 18.5em;
				color: #000000;
				margin-top: 0.2em;
				padding: 0 0 0 1.5em;
				background: transparent url(../images/nav-bullet.png) no-repeat 5px center;
				text-decoration: none;
				}
				
			.sub-nav li a.current, .sub-nav li a.selected {
				color: #D5A70A;
				background: transparent url(../images/nav-bullet-down.png) no-repeat 5px center;
				}
				
				.sub-nav li a.current:hover {
					color: #000;
					}	
				
				.sub-nav li a:hover {
					background-color: #F9EC7E;
					-moz-border-radius: 0.3em;
					-webkit-border-radius: 0.3em;
					}
					
					.sub-nav li ul {
						list-style: none;
						margin-left: 1em;
						}	
					
						.sub-nav li ul li a {
							width: 17.5em;
							}
						
						.sub-nav li ul li ul li a {
							width: 16.5em;
							}
		
		
		/* ------------------------------------------------ SUB NAV STYLES FINISH */
		
		
		
		
		/* ------------------------------------------------ VIDEO STYLES FINISH */		
		
		.oneXone embed,
		.oneXtwo embed,
		.oneXthree embed,
		.oneXfour embed {
			height: 12.2em;
			width: 20em;
			}
				
		.twoXone embed,
		.twoXtwo embed,
		.twoXthree embed,
		.twoXfour embed {
			height: 17.6em;
			width: 42.4em;
			}	
			
		.threeXone embed,
		.threeXtwo embed,
		.threeXthree embed,
		.threeXfour embed {
			height: 34.6em;
			width: 64.8em;
			}	
			
		.fourXone embed,
		.fourXtwo embed,
		.fourXthree embed,
		.fourXfour embed {
			height: 63.9em;
			width: 87.2em;
			}				

		.block-separator{
		width: 100%;
		clear:both;}
		

		
		/* ------------------------------------------------ VIDEO STYLES FINISH */		

		/* ------------------------------------------------ ARTICLE STYLES START */		
		
		.main_story_image{
			width: 40em;
			float: right;
			padding: 0.6em;
			text-align: center;
			}	
		
		/* ------------------------------------------------ ARTICLE STYLES FINISH */		

		/* ------------------------------------------------ MP3 STYLES START */		
		
		.mp3 .player{
			width: 20em;
			float: left;
			padding-right: 0.6em;
			}	
		.mp3 .player h5,
		.mp3 .player h2
		{
 			float: left;
			}	
		
		.mp3 .info
		{
 			float: left;
 			padding-left: 2.4em;
 			padding-top: 0.6em;
 			width:40em;
			}	
		
		
		/* ------------------------------------------------ MP3 STYLES FINISH */		


						
		/* ------------------------------------------------ SOCIAL MEDIA STYLES STAR */	
		
		ul.social-media-icons {
			list-style: none;
			}
		
			ul.social-media-icons li {
				float: left;
				margin-right: 0.5em;
				}
		
			.a2a_dd {
				width: 4em; 
				height: 1.5em;
				display: block;
				background: #fff url(../images/share.gif) no-repeat top left;
				margin-top: 1.5em;
				/*border: 1px solid red;*/
				}
				
				.a2a_dd:hover {
					background: #fff url(../images/share.gif) no-repeat bottom left;
					}
					
			#a2apage_powered_by { display:none !important; } /* For standard sharing menu */

			#a2apage_powered_by { display:none !important; } /* For the email-only menu */

.cbcew-logo{
padding:0;}
		
		/* ------------------------------------------------ SOCIAL MEDIA STYLES FINISH */					
			
/* ------------------------------------------------ CONTENT STYLES FINISH */				
			
			
				
/* ------------------------------------------------ CONTENT STYLES FINISH */	
		#footer {
			float: left;
			clear: both;
			padding-top: 1.2em;
			display: inline;
			background-color: #fff;
			}	
			
			#footer h5 {
				margin-left: 2.4em;
				}
			
			#footer-list-area {
				width: 87.4em;
				margin: 1.2em;
				padding: 1.2em 0;
				float: left;
				background: #F5F5F5 url(../images/footer-logo.png) no-repeat scroll 71em 2em;
				-moz-border-radius: 0.5em;
				-webkit-border-radius: 0.5em;
				}			
				
				#footer-list-area ul {
					width: 20em;
					list-style: none;
					float: left;
					display: inline;
					margin: 1.2em;
					min-height: 10em;
					}
					
					#footer-list-area ul li {
						float: left;
						list-style: none;
						font-size: 1em;
						}
						
						#footer-list-area ul li.title {
							float: none;
							list-style: none;
							font-size: 2em;
							margin-bottom: 0.2em;
							color: #000;
							}
							
						#footer-list-area ul li a {
							color: #606060;
							}	
							
							#footer-list-area ul li a:hover {
								color: #D5A70A;
								}
				
					#footer-list-area ul li:after {
						content: ",";
						margin-right: 0.2em;
						}
						
						#footer-list-area ul li:first-child:after,
						#footer-list-area ul li:last-child:after {
							content: "";
							margin-right: 0;
							}
							
			#footer-nav {
				width: 87.4em;
				float: left;
				clear: both;
				text-align: center;
				margin: 0 1.2em;
				padding-bottom: 2.4em;
				}	
				
				#footer-nav p,
				#footer-nav a {
					color: #606060;				
					}
					
				#footer-nav a {
					text-decoration: none;
					margin-right: 1.2em;				
					}
					
					#footer-nav a:last-child {
						margin-right: 0;
						}	
					
					#footer-nav a:hover {
						color: #D5A70A;
						text-decoration: underline;
						}
	
				
.uppercase{
text-transform: uppercase;}	

.float-left{
float: left;
}

#loginform div.warning {
display: none;
}
/* Independent style for each page
body#home a.link1,
body#ourStyles a.link2,
body#projects a.link3 {
	border-bottom: 0.05em solid #486469;
}*/

div.twitter-block * ul{

list-style-position: inside;
}