/* 
Theme Name: Sight and Sound: Default Text
Theme URL: access-bydesign.com
Description: Sight and Sound, Bognor Regis
Author: Paul Whitehead
Author URI: access-bydesign.com
Version: 1.0
*/








/* === headings =========================== */



  
/* === layout =========================================== */

html, *
{
	padding:0;
	margin:0;
}

.nodisplay, hidden
{
	display:none;
}
body
{
font-family: Verdana, sans-serif;
font-size: 0.62em;
line-height: 1.5em;
color:#333333;
text-align:justify;
}

#wrapper
{
	width:100%;
	height:auto;
	float:left;
}

	.content_image
	{
		float:left;
		width:auto;
		height:auto;
		margin:0 10px 3px 0;
		border:5px solid #FFFFFF;
	}

	#header_wrapper
	{
		width:100%;
		height:auto;
		float:left;	
	}

	
		#header_wrapper .subhead2 a,	#header_wrapper .subhead3 a
		{
			color:#FFFFFF;
			text-decoration:none;
		}
	
		#header_top_reg, #header_top_sight, #header_top_sound
		{
			width:100%;
			float:left;	
			min-height:50px;
			height:auto;
			background-color: #FFFFFF;
			padding: 0 0 10px 0;
			background-position: bottom right;
			background-repeat:no-repeat;
			text-align:left;
			
		}
		
			#header_top_reg
			{
				background-image: url(images/logo.png);
			}
		
			#header_top_sight
			{
				background-image: url(images/sight-logo.png);
			}
			
			#header_top_sound
			{
				background-image: url(images/sound-logo.png);
			}
		
			#section_title
			{
				width:96%;
				margin:10px 2% 20px 2%;
				min-height:40px;
				height:auto;
				float:left;
				color:#4D9AD0;
				font-size: 3.5em;				
				font-family: Georgia, serif;
				font-size:3.9em;
				letter-spacing: -3px;
				line-height: 1.2em;			
				
			}
			
				#section_title a
				{
					text-decoration:none;
				}
				
					#section_title a:hover
					{
						text-decoration: underline;
					}
		
			#navigation
			{
				width:auto;
				height:35px;
				float:left;
				margin-right:50px;
				padding:5px;
			}
			
			#breadcrumb
			{
				width:99%;
				height:20px;
				padding:5px 0;
				padding-left:1%;
				float:left;
				color:#000000;
				background-color:#BCD9EE;
				border-top:2px solid #4D9AD0;
				border-bottom:10px solid #4D9AD0;
			}
			
				#breadcrumb a
				{
					color:#333333;
					margin:0 5px;
				}
		
		#header_content
		{
			padding:20px 5% 5px 5%;
			width:90%;
			height:auto;
			float:left;
			background-color: #4D9AD0;
			background-image:url(images/dark_2_light.png);
			background-position:top;
			background-repeat:repeat-x;
			color:#FFFFFF;
		}	
		
			.header_title
			{
				min-width:160px;
				height:auto;
				float:left;
				padding-bottom:20px;
			}
			
				.header_title .subhead2
				{
					width:auto;
					margin-left:30px;
				}
					
				
					#header_content .content_image
					{
						width:auto;
						height:auto;
						float:left;
						border:5px solid #FFFFFF;
						margin:10px 30px 10px 20px;
					}
					
				#header_child_wrapper
				{
					width:100%;
					height:auto;
					float:left;
				}
				
				#header_child_wrapper a
				{
					color:#FFFFFF;
				}
				
				.header_child
				{
					height:auto;
					float:left;
					margin:10px 0.5% 0;
					width:15.5%;
				}	
				
				.header_child_title
				{
					height:auto;
					width:100%;
					min-height:25px;
					float:left;
					margin:10px 0 10px 0;
					
				}
				
				.header_child_image
				{
					float:left;
					height:150px;
					width:99%;
					background-repeat: no-repeat;
					background-position:center;		
					border:2px solid #f6f6f6;
				}
				
				.header_child_content
				{
					width:96%;
					float:left;
					height:auto;
					padding:5px 2%;
					background-repeat:repeat-xy;
					background-position:left top;
					background-image:url(images/trans80-w.png);
					color:#FFFFFF;
				}
				
				
				.header_child_content img
				{
					display:block;
					float:left;
					margin:0 20px 5px 0;
					border:2px solid #f6f6f6;
				}	
				
				
				
				.header_child_image .header_child_link
				{

					background-repeat:repeat-xy;
					background-position:left top;
					background-image:url(images/trans80-w.png);
					color:#FFFFFF;
					padding:10px 0 10px 2%;
					width:98%;
					height:auto;
					margin:0;

				}
				
					.header_child_image .header_child_link a.my_child_link
					{
						display:block;
						color: #FFFFFF;
						text-decoration:none;
						background-image:url(images/icons/l_right.png);
						background-position:right center;
						background-repeat:no-repeat;
						padding:3px 25px 3px 3px
						
					}
					

						.header_child_image .header_child_link a:hover
						{
							text-decoration: underline;
						}	

						.header_link_normal
						{
							background-image:url(images/icons/l_right.png);
							background-position:right center;
							background-repeat:no-repeat;
							padding-right:20px;
						}

						.header_link_hover
						{
							background-image:url(images/icons/sm_arrow_down.png);
							background-position:right center;
							background-repeat:no-repeat;
							padding-right:20px;
						}						
						
/* for the header viewing slider thing */
			#view_wrapper
			{
				width:100%;
				height:auto;
				float:left;
				position:absolute;
				top:0;
			}
		
			#viewing_content
			{
				width:89.85%;
				height:auto;
				float:left;
				background-color:#BCD9EE;
				border:1px solid #f6f6f6;
				padding:10px 5%;
				display:none;
				color:#FFFFFF;
			}
			
				#viewing_content ul
				{
					width:auto;
					height:auto;
					margin-left:auto;
					margin-right:auto;
				}
			
				#viewing_content ul li
				{
					width:20%;
					height:auto;
					float:left;
					display:inline;
				}
				
					#viewing_content ul li a.large_link img
					{
						width:auto;
						height:auto;
						margin-left:auto;
						margin-right:auto;
						border:2px solid #666666;
					}
					
						#viewing_content ul li a.large_link:hover img
						{
							border:2px solid #333333;
						}
	
				#viewing
				{
					width:100%;
					height:auto;
					float:left;
				}
				
					#viewing ul
					{
						width:auto;
						height:auto;
						float:right;
						margin-right:120px;
						background-color:#BCD9EE;
						border:1px solid #f6f6f6;
						border-top:0;
						-moz-border-radius-bottomright: 10px;
						-moz-border-radius-bottomleft: 10px;
						-webkit-border-bottom-right-radius: 10px;
						-webkit-border-bottom-left-radius: 10px;		
						padding: 3px 5px;
					}
					
						#viewing ul li
						{
							width:auto;
							height:auto;
							display:inline;

						}

		
	#mid_wrapper
	{
		width:100%;
		height:auto;
		float:left;	
		background-image:url(images/tile-m-blue.png);
		background-position:top;
		background-repeat:repeat-x;
	}
	
	#mid_inner
	{
		width:100%;
		height:auto;
		float:left;	
		background-image:url(images/tile-m-blue.png);
		background-position:bottom;
		background-repeat:repeat-x;
		
	}
	
	#mid_backdrop
	{
		width:100%;
		height:auto;
		float:left;	
		background-image:url(images/backdrop.png);
		background-position:bottom left;
		background-repeat:no-repeat;
	}
			
	
		#content_wrapper
		{
			width:62.5%;
			height:auto;
			float:left;
			padding:60px 0 60px 2.5%;
			
		}
		
			#content
			{
				width:95%;
				height:auto;
				float:left;	
				padding-left:5%;
				padding-top:0;
			}
			
			
				.post
				{
					width:100%;
					height:auto;
					float:left;
					padding:20px 0;
				}
				
					.post .post_title
					{
						width:30%;
						height:auto;
						float:left;				
						color:#666666;
					}
					
						.post .post_title a
						{
							text-decoration:none;
							color:#666666;
						}
						
							.post .post_title a:hover
							{
								text-decoration:underline;
								color:#000000;
							}
					
					.post .subhead, .post .subhead2
					{
						margin:0 20px 0 15px
						color:#333333;
						width:auto;
						height:auto;
						float:left;
					}
						
						.post .post_content
						{
							width:70%;
							min-width:400px;
							height:auto;
							float:left;
							padding-bottom:60px;
						}
						
							.post .content_image
							{
								border:5px solid #f6f6f6;
								margin:10px 30px 20px 10px;
								
							}
					
						.post_image
						{
							width:auto;
							height:auto;
							background-position:top left;
							background-repeat:repeat-x;
							margin:0 10px 5px 0;
							border:4px solid #E2E2E2;
							float:left;
						}
					
					.post ul
					{
						margin-left:10px;
						width:100%;
						height:auto;
						
					}
					
						.post ul li
						{
							padding:3px;
							padding-left:10%;
							background-image:url(images/icons/find.png);
							background-position:left center;
							background-repeat:no-repeat;
							width:90%;
							height:auto;
							float:left;
						}
						
					.post .cat_post_title
					{
						width:100%;
						height:auto;
						float:left;
						margin-bottom:10px;
					}
					
					.post .cat_post_title .subhead2
					{
						margin-left:15px;
					}
						
					.post .postmeta
					{
						width:95%;
						float:right;
						height:auto;
						padding:10px 2.5%;
						margin:20px 0;
						border:2px solid #f6f6f6;
					}
						
					
					
		#sidebar_wrapper
		{
			width:32.5%;
			height:auto;
			float:left;	
			padding:10px 2.5% 0 0;
			
	
		}
		
			#sidebar
			{
				width:80%;
				height:auto;
				float:left;
				margin-left:5%;
				padding:10px;
				background-color:#FFFFFF;
			}
			
				#sidebar_inner
				{
					width:100%;
					height:auto;
					min-height:200px;
					float:left;
					
				}
				
					#sidebar_inner p.subhead3
					{
						padding:5px;
						margin-left:10px;
						display:block;
						color:#FFFFFF;
						font-size:1.7em;
					}
					
					#sidebar_inner p.subhead3 a 
					{
						display:block;
						color:#FFFFFF;
						text-decoration:none;
					}
					
						#sidebar_inner p.subhead3 a:hover
						{
							text-decoration:underline;
						}	
						
					#sidebar_inner p.subhead4
					{
						padding:5px;
						margin-left:10px;
						display:block;
						color:#FFFFFF;
					}
					
				.sidebar_item_text
				{
					width:90%;
					height:auto;
					float:left;
					padding:20px 5%;
					background-color:#2B2C2E;
					color:#FFFFFF;
				}
					
					
				.sidebar_item
				{
					width:95%;
					height:auto;
					float:left;
					padding:20px 0% 10px 5%;
					background-color:#2B2C2E;
					color:#FFFFFF;
				}
				
					.sidebar_item ul
					{
						width:100%;
						height:auto;
						float:left;
					}
					
						.sidebar_item ul li
						{
							list-style:none;
							float:left;
							width:100%;
							color:#FFFFFF;
						}
						
							.sidebar_item ul li.services
							{
								background-image:url(images/icons/right.png);
								background-position:left center;
								background-repeat:no-repeat;	
							}
							
							.sidebar_item ul li a
							{
								color:#FFFFFF;
								width:85%;
								height:auto;
								padding:5px 0 5px 15%;
								float:left;	
								text-decoration:none;
								-moz-border-radius-topleft: 5px;
								-webkit-border-top-left-radius:5px;
								-moz-border-radius-bottomleft:5px;
								-webkit-border-bottom-left-radius:5px;
							}
						
								.sidebar_item ul li a:hover
								{
									color:#333333;
									background-color:#FFFFFF;
									text-decoration:underline;
								}
								
									.sidebar_item ul li.services a:hover
									{
										background-image:url(images/icons/right.png);
										background-position:left center;
										background-repeat:no-repeat;	
									}
									
					.sidebar_cat
					{
						width:90%;
						height:auto;
						padding:5px 5%;
						float:left;
						color:#999999;
					}
					
					.quote_open
					{
						width:100%;
						height:auto;
						float:left;
						background-image:url(images/quote_open.png);
						background-repeat:no-repeat;
						background-position:top left;
					}

					.quote_close
					{
						width:100%;
						height:auto;
						float:left;
						background-image:url(images/quote_close.png);
						background-repeat:no-repeat;
						background-position:bottom right;
					}



/* for the child loop */



		#child_pages
		{
			width:100%;
			height:auto;
			float:left;
		}
		
		.child_wrapper
		{
			height:auto;
			padding:0;
			width:100%;
			float:left;
		}		

		.content_image
		{
			width:auto;
			height:auto;
			float:left;
			margin:0 10px 5px 0;
		}



				.child
				{
					width:47%;
					height:auto;
					float:left;
					margin:10px 1.5% 0 0 ;
					border:3px solid #FFFFFF;
				}	
				
					.child a
					{
						color:#FFFFFF;
					}
				
				.child_title
				{
					height:auto;
					width:100%;
					min-height:25px;
					float:left;
					margin:10px 0 10px 0;
					
				}
				
				.child_image
				{
					float:left;
					height:175px;
					width:99%;
					background-repeat:repeat-x;
					background-position:center;		
					border:2px solid #f6f6f6;
				}
				
				.child_content
				{
					width:96%;
					float:left;
					height:auto;
					padding:5px 2%;
					background-repeat:repeat-xy;
					background-position:left top;
					background-image:url(images/trans80-w.png);
					color:#FFFFFF;
				}
				
				
				.child_content img
				{
					display:block;
					float:left;
					margin:0 20px 5px 0;
					border:2px solid #666666;
				}	
				
				
				
				.child_image .child_link
				{

					background-repeat:repeat-xy;
					background-position:left top;
					background-image:url(images/trans80-w.png);
					color:#FFFFFF;
					padding:10px 2%;
					width:96%;
					height:auto;
					margin:0 0 0 0;
					font-family: Cambria, serif;
					font-size: 1.8em;
					font-style: normal;
					font-weight: normal;
					letter-spacing: normal;
					line-height: 1.3em;
				}
				
					.child_image .child_link a.my_child_link
					{
						display:block;
						color: #FFFFFF;
						text-decoration:none;
						background-image:url(images/icons/sm_arrow_right.png);
						background-position:right center;
						background-repeat:no-repeat;
						padding-right:20px;
					}
					

						.child_image .child_link a:hover
						{
							text-decoration: underline;
						}	

						.link_normal
						{
							background-image:url(images/icons/sm_arrow_right.png);
							background-position:right center;
							background-repeat:no-repeat;
							padding-right:20px;
						}

						.link_hover
						{
							background-image:url(images/icons/sm_arrow_down.png);
							background-position:right center;
							background-repeat:no-repeat;
							padding-right:20px;
						}
						
	/* sitemap fix */
	#sitemap ul li
	{
		list-style-type:disc;
		list-style-position:outside;
		background-image:url();
	}
						
						
	
	#footer_wrapper
	{
			width:100%;
			height:auto;
			float:left;	
	}
	
		#footer_wrapper a
		{
			color:#FFFFFF;
		}
	
		#footer_content
		{
			width:95%;
			height:auto;
			float:left;	
			padding:10px 2.5% 10px 2.5%;
			background-image:url(images/light_2_dark.png);
			background-position:bottom;
			background-repeat:repeat-x;
			background-color:#4D9AD0;
			color:#FFFFFF;
			overflow:hidden;
		}
		
			.footer_item
			{
				width:30%;
				height:auto;
				float:left;
				margin:10px 1.5%;
			}
			
				.footer_item .subhead3
				{
					margin-bottom:10px;
				}
			

		
			.footer_contact
			{
				width:100%;
				height:auto;
				float:left;
				float:left;
			}
				
			.footer_contact p
			{
				text-align:left;
			}
			
			.footer_contact a
			{
				color:#FFFFFF;
			}
			
				.footer_contact ul
				{
					width:100%;
					height:auto;
					float:left;
				}
				
					.footer_contact ul li
					{
						width:90%;
						padding:5px 0 5px 10%;
						height:auto;
						float:right;
						background-repeat:no-repeat;
						background-position:left center;
						
					}
					
						.footer_contact ul li.email
						{
							background-image:url(images/icons/email.png);
						}
						
						.footer_contact ul li.phone
						{
							background-image:url(images/icons/phone.png);
						}	
		
						.footer_contact ul li.search
						{
							background-image:url(images/icons/find.png);
						}
						
	
/*==== suckerfish ===================================== */

#suck_my_suckerfish 
{

    font-size:small;
    font-family:verdana,sans-serif;
	z-index:100;
    width:100%;
	overflow: hidden;
	color:#000000;
	
}
	
#suckerfishnav, #suck_my_suckerfish ul 
{
    float:left;
    list-style:none;
    line-height:31px;
    padding:0;
    margin:0;
    width:100%;
	z-index:100;
	color:#000000;
	margin-left:10px;
}

#suck_my_suckerfish a 
{
    display:block;
    color:#000000;
	z-index:100;
    text-decoration:none;
    padding:5px 10px;
	font-weight:normal;
	background-color:#BCD9EE;
}
	
#suck_my_suckerfish a:hover /*for individual li items */
{
	color:#FFFFFF;
	background-color:#4D9AD0;
}
	
#suck_my_suckerfish li 
{
    float:left;
    padding:0;
	z-index:100;
	border:2px solid #4D9AD0;
	color:#000000;
	background-color:#BCD9EE;
	margin:5px;
	margin-bottom:10px;

}

#suck_my_suckerfish ul 
{
    position:absolute;
    left:-999em;
    height:auto;
    width:204px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border-top:2px solid #4D9AD0;
	margin:-1px 0 0 -2px;
	
}
		
#suck_my_suckerfish li li 
{
    width:200px;
    border:2px solid #4D9AD0;
	border-top:0;
	color:#000000;
	margin:0;

}

#suck_my_suckerfish li li:hover 
{
	width:200px;
	border:2px solid #4D9AD0;
	border-top:0;
	color:#FFFFFF;

}
	
#suck_my_suckerfish li li:hover 
{
	background-color:#4D9AD0;
}	
	
#suck_my_suckerfish li li a 
{
	padding:10px 10px;
	width:180px;
	font-size:small;
	color:#000000;
}
	
#suck_my_suckerfish li ul ul 
{
   	margin:-33px 0 0 170px;
	color:#000000;
}

#suck_my_suckerfish li ul li:hover a, #suck_my_suckerfish li ul li li:hover a, #suck_my_suckerfish li ul li li li:hover a, #suck_my_suckerfish li ul li li li:hover a 
{
	color:#FFFFFF;
	
}

#suck_my_suckerfish li:hover a 
{
	color:#FFFFFF;
}

#suck_my_suckerfish li.sfhover a 
{
    color:#FFFFFF;
 }
 
#suck_my_suckerfish li:hover li a, #suck_my_suckerfish li li:hover li a, #suck_my_suckerfish li li li:hover li a, #suck_my_suckerfish li li li li:hover li a 
{
    color:#000000; /*this is for the color of the other non hovered over objects*/
 }
 
#suck_my_suckerfish li:hover ul ul, #suck_my_suckerfish li:hover ul ul ul, #suck_my_suckerfish li:hover ul ul ul ul, #suck_my_suckerfish li.sfhover ul ul, #suck_my_suckerfish li.sfhover ul ul ul, #suck_my_suckerfish li.sfhover ul ul ul ul 
{
    left:-999em;
	color: #000000;
}

#suck_my_suckerfish li:hover ul, #suck_my_suckerfish li li:hover ul, #suck_my_suckerfish li li li:hover ul, #suck_my_suckerfish li li li li:hover ul, #suck_my_suckerfish li.sfhover ul, #suck_my_suckerfish li li.sfhover ul, #suck_my_suckerfish li li li.sfhover ul, #suck_my_suckerfish li li li li.sfhover ul 
{
    left:auto;
    background-color:#4D9AD0; /*background colour of the drop down second level menu*/
	color: #FFFFFF;
}
#suck_my_suckerfish li:hover, #suck_my_suckerfish li.sfhover {
    background-color:#4D9AD0; /*color of the top level */
	border:2px solid #4D9AD0;
	color: #FFFFFF;

 }


/*textual framework*/
.subhead
{
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 3em;
	letter-spacing: -3px;
	line-height: 1.2em;
}

.subhead2
{ 
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.2em;
}

.subhead3
{ 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
}

.subhead4
{	font-family: Verdana, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 1.6em;
}


.gray_box
{
	background-color:#F4F2F1;
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:10px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
}

.light_gray_box
{
	border:1px solid #F4F2F1;
	background-color: #f9f8f8;
	width:95%;
	height:auto;
	padding:2.5%;
	margin-bottom:10px;
}

.white_box
{
	background-color:#FFF;
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:10px;
}

.post_meta
{
	font-family: Verdana, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;
}
.small_gray
{
	font-size:80%;
	color:#999999;
}

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.bolditalic
{
	font-weight: bold;
	font-style: italic;
}

.underline
{
	text-decoration: underline;
}

.bigtext
{
	font-size: large;
}

.medium_text
{
	font-size: medium;
}

.smalltext
{
	font-size: 80%;
}

.verysmalltext
{
	font-size: x-small;
}

/*alignment framework*/

.textleft
{
	text-align: left;
}

.textright
{
	text-align: right;
}

.center
{
	text-align: center;
}

.indent
{
	text-indent: 3em;
}

.align_left
{
	text-align: left;
}

.align_right{
	text-align: right;
}

.justify
{
text-align: justify;
}

.smallcaps
{
font-variant:small-caps;
}

.smallcaps_bold
{
font-variant:small-caps;
font-weight:bold;
}

.float_right
{
float:right;
margin-right:10px;
padding-right:10px;
display:inline;
}

.float_left
{
margin-top:10px;
float:left;
margin-left:10px;
display:inline;
}  

blockquote
{
	margin-bottom:10px;
	margin-top:10px;
	padding-left:2.2em;
	padding-right:2.2em;
}
  

/* === gallery ==================================================*/

#gallery_wrapper
{
	width:70%;
	height:auto;
	float:right;
}

#gallery_name
{
	width:100%;
	height:auto;
	float:left;

}

	#gallery_name .subhead4
	{
		font-family: Cambria, serif;
		font-size: 2.3em;
		line-height: 1.2em;
		text-transform:none;
		margin-left:3px;
		color:#666666;
	}

/* ----------- Album Styles Extend -------------*/


.ngg-albumoverview 
{
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album
{
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */

/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */

html>body .ngg-album 
{
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album 
{
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle 
{
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail 
{
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img 
{
	background-color:#FFFFFF;
	border:3px solid;
	margin:5px;
}

.ngg-thumbnail img:hover
{
	border:3px solid;
}

.ngg-description
{
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact 
{
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox 
{
	/*background:transparent url(albumset.gif) no-repeat scroll 0%;*/
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}

.ngg-album-compactbox .Thumb 
{
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 
{
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p 
{
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview 
{
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc 
{
/* required for description */
   margin:0px 10px 10px 0px;
   padding:0;
}

.ngg-gallery-thumbnail-box 
{
	float: left;
}

.ngg-gallery-thumbnail 
{
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img 
{
	border:3px solid #f6f6f6;
	display:block;  
	margin:2.5px;

}

.ngg-gallery-thumbnail img:hover 
{
	border:3px solid #333333;
} 

.ngg-gallery-thumbnail span 
{
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear 
{
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation 
{
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
}

.ngg-navigation span 
{
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover 
{
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
}

.ngg-imagebrowser h3 
{
	text-align:center;
}

.ngg-imagebrowser img 
{
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav 
{
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back 
{
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next 
{
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter 
{
	text-align:center;
	font-size:0.9em !important;
}

.exif-data
{
  	margin-left: auto !important;
    margin-right: auto !important;	
}



/* ----------- Slideshow -------------*/

.slideshow 
{
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
}

/* ----------- Single picture -------------*/

.ngg-singlepic 
{
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left 
{
	float: left;
	margin-right:10px;
}

.ngg-right 
{
	float: right;
	margin-left:10px;
}

.ngg-center 
{
  	margin-left: auto !important;
   margin-right: auto !important;
}


/* ======== cforms styles ============*/
/* ==== for the main contact pages =============================================================== */

.cform ol
{
	list-style:none;
}

.cform { 
	width: 100%; 
	padding: 0 0;
	height:auto;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
}

.cform fieldset	{ 
	margin-top:30px; 
	padding:5px 0 0 0; 
	height:auto;
	border: 0;
	color: #222222;

}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin-left:10px;
	padding: 0 2px; 
	color: #222222;
	font-size:150%;
}

/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	background:#F0F0F0 !important;
	letter-spacing:1px;
	margin:10px 0pt !important;
	padding:5px 0pt;
	text-align:center;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:100%; 
	margin:4px 10px 0 0; 

	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
	color:#222222;
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 1.5em;
}

.cform label span {
	width:100%; /* must be the same as above!*/
	display:block; 
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	width: 98%;
	padding: 5px 1%;
	background: #FFFFFF; 
	border: 2px solid #666666; 
	vertical-align:top;
	color: #222222;
	font-family: Cambria, serif;
	font-size: 1.5em;
	line-height: 1.5em;
}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background-color:#f6f6f6;
	border:2px solid #666666;
	color: #222222;
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background-color:#f6f6f6;
	border:2px solid #666666;
	color: #222222;
}

.cform textarea,
.cform input {
	width:90%;
	padding:5px 5%;

}
.cform select {
	width:90%;
	padding:5px 5%;
}  

.cform select.cfselectmulti	{ 
	height:150px; 
}

.cform textarea {
	overflow:auto;
	height:100px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	color:#222222;
	font-family: Cambria, serif;
	font-size: 1.5em;
	line-height: 1.5em;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	letter-spacing:1px;
	padding:8px 0 0 100px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;

	background:none!important; 
}

.cform input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	margin:10px 0pt 0px !important;
	padding-left: 100px; 
} 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:3px 0 0 3px;

	vertical-align:top;
	font-size:80%;
	color:#222222;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	text-align:right;
	padding: 0!important;
	margin: 0;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{ 
	width:100px;  
	padding:5px; 
	background-color: #FFFFFF;
	border:2px solid #666666;
	color:#333333;
	float:right;
	margin-right:-5px;
	margin-top:20px;
}

.cform input.sendbutton:hover
{
	background-color:#666666;
	color:#FFFFFF;
	border:2px solid #666666;
}

.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF;
	border: 2px solid;
	width:100%;
	float:left;
	height:auto;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#FFFFFF;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
	width:100%;
	height:auto;
	float:left;
	color:#222222;
	font-weight:bold;

}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

.cf_info {
	color:#222222;
	padding:10px 5px !important;
	width:90%;
	height:auto;
	line-height:1.3em;
	margin:10px auto;
}
.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
.success {
	background:#F7F7F7 none repeat scroll 0% 50%;
	color:#222222;
	display:block;
	border:2px solid #666666;
}
.failure {
	float:left;
	background-color:#f6f6f6;
	border:2px solid #666666;
	color:#333333;
}
.waiting {
	background:#F9F9F9;
	color:#222222;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
	display:none;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}