/**
 * Stylesheet for Concept Handtufting website
 * http://www.concepthandtufting.co.uk/
 */
 
/*
Page elements
0. Miscellaneous
1. Layout
2. Header
3. Navigation
3. (b) 2nd level navigation
3. (c) 3rd level navigation
4. Content/image area
5. Footer
6. Text content
7. Gallery
8. Wordpress specific
9. Gallery navigation
*/

/* 0. Miscellaneous */

a img
{
	border:none;
}

a:link
{
	color:#7F561B;
}

a:visited
{
	color:#333;
}

a:hover,
a:active,
a:focus
{
	color:#7F561B;
}

/* 1. Layout */

body,
html
{
	background-color:#3a3530;
	color:#000;
	font-family:"Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
}

.page
{
	background-color:#fff;
	margin:25px auto;
	width:930px;
	/*background-color:#ccc;*/
}

/* 2. Header */

.header 
{
	background-color:#ecdac1;
	height:81px;
	position:relative;
}

.header h1
{
	position:absolute;
	left:682px;
	top:28px;
}

.header h2
{
	position:absolute;
	left:28px;
	top:23px;
}

/* 3. Navigation */

.navigation
{
	background-color:#ecdac1;
	padding:0 0 0 28px;
	overflow:auto;
}

	.navigation ul
	{
		list-style:none;
		overflow:auto;
		width:902px;
	}

		.navigation ul li
		{
			display:block;
			float:left;
			margin:0 20px 0 0;
		}
		
			.navigation ul li a
			{
				display:block;
				float:left;
				height:28px;
			}

			.navigation ul li a:link,
			.navigation ul li a:visited
			{
				color:#7f571b;
				font-size:14px;
				text-decoration:none;
				/*text-shadow: 0px 0px 1px rgba(127, 87, 27, 0.3);*/
			}

			.navigation ul li a:hover,
			.navigation ul li a:active,
			.navigation ul li a:focus
			{
				color:#000;
				font-size:14px;
				text-decoration:none;
				/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);*/
			}

			.navigation ul li.active a:link,
			.navigation ul li.active a:visited,
			.navigation ul li.active a:hover,
			.navigation ul li.active a:active,
			.navigation ul li.active a:focus
			{
				background-image:url(../images/backgrounds/navigation/arrow-level-1.png);
				background-repeat:no-repeat;
				background-position:50% 100%;
				color:#000;
				/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);*/
			}

			.navigation.with-sub-navigation ul li.active a:link,
			.navigation.with-sub-navigation ul li.active a:visited,
			.navigation.with-sub-navigation ul li.active a:hover,
			.navigation.with-sub-navigation ul li.active a:active,
			.navigation.with-sub-navigation ul li.active a:focus
			{
				background-image:url(../images/backgrounds/navigation/arrow-level-1-sub-navigation.png);
				background-repeat:no-repeat;
				background-position:50% 100%;
				color:#000;
				/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);*/
			}

/* 3. (b) 2nd level navigation */

.navigation-level-two
{
	background-color:#7f571b;
	padding:0 0 0 28px;
	overflow:auto;
}

	.navigation-level-two ul
	{
		list-style:none;
		overflow:auto;
		width:902px;
	}

		.navigation-level-two ul li
		{
			display:block;
			float:left;
			margin:0 20px 0 0;
		}
		
			.navigation-level-two ul li a
			{
				display:block;
				float:left;
				/*height:28px;*/
				padding:14px 0;
			}

			.navigation-level-two ul li a:link,
			.navigation-level-two ul li a:visited
			{
				color:#d8bc90;
				font-size:14px;
				text-decoration:none;
				/*text-shadow: 0px 0px 1px rgba(127, 188, 144, 0.3);*/
			}

			.navigation-level-two ul li a:hover,
			.navigation-level-two ul li a:active,
			.navigation-level-two ul li a:focus
			{
				color:#fff;
				font-size:14px;
				text-decoration:none;
				/*text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);*/
			}

			.navigation-level-two ul li.active a:link,
			.navigation-level-two ul li.active a:visited,
			.navigation-level-two ul li.active a:hover,
			.navigation-level-two ul li.active a:active,
			.navigation-level-two ul li.active a:focus,
			.navigation-level-two ul li.current_page_item a:link,
			.navigation-level-two ul li.current_page_item a:visited,
			.navigation-level-two ul li.current_page_item a:hover,
			.navigation-level-two ul li.current_page_item a:active,
			.navigation-level-two ul li.current_page_item a:focus,
			.navigation-level-two ul li.current_page_parent a:link,
			.navigation-level-two ul li.current_page_parent a:visited,
			.navigation-level-two ul li.current_page_parent a:hover,
			.navigation-level-two ul li.current_page_parent a:active,
			.navigation-level-two ul li.current_page_parent a:focus
			{
				background-image:url(../images/backgrounds/navigation/arrow-level-2.png);
				background-repeat:no-repeat;
				background-position:50% 100%;
				color:#fff;
				/*text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);*/
			}

/* 3. (c) 3rd level navigation */

.navigation-level-three
{
	/*background-color:#7f571b;*/
	padding:0 0 0 28px;
	overflow:auto;
}

	.navigation-level-three ul
	{
		list-style:none;
		overflow:auto;
		width:902px;
		padding:14px 0;
	}

		.navigation-level-three ul li
		{
			display:block;
			float:left;
			margin:0 0 0 0;
			border-left:1px solid #444;
			padding:0 10px 0 10px;
		}
	
		.navigation-level-three ul li:first-child,
		.navigation-level-three ul li.first-child
		{
			border-left:none;
			padding-left:0;
		}
		
			.navigation-level-three ul li a
			{
				display:block;
				float:left;
				/*height:28px;*/
				/*padding:14px 0;*/
			}

			.navigation-level-three ul li a:link,
			.navigation-level-three ul li a:visited
			{
				font-size:14px;
				color:#7F561B;
				text-decoration:none;
				/*text-shadow: 0px 0px 1px rgba(127, 87, 27, 0.3);*/
			}

			.navigation-level-three ul li a:hover,
			.navigation-level-three ul li a:active,
			.navigation-level-three ul li a:focus
			{
				font-size:14px;
				color:#444;
				text-decoration:none;
				/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);*/
			}

			.navigation-level-three ul li.active a:link,
			.navigation-level-three ul li.active a:visited,
			.navigation-level-three ul li.active a:hover,
			.navigation-level-three ul li.active a:active,
			.navigation-level-three ul li.active a:focus,
			.navigation-level-three ul li.current_page_item a:link,
			.navigation-level-three ul li.current_page_item a:visited,
			.navigation-level-three ul li.current_page_item a:hover,
			.navigation-level-three ul li.current_page_item a:active,
			.navigation-level-three ul li.current_page_item a:focus
			{
				/*background-image:url(../images/backgrounds/navigation/arrow-level-2.png);
				background-repeat:no-repeat;
				background-position:50% 100%;*/				
				color:#7F561B;
				text-decoration:none;
				/*text-shadow: 0px 0px 1px rgba(127, 87, 27, 0.3);*/
				text-decoration:underline;
			}
			
			/* 3rd level nav in text content area */
			
			.text-column .navigation-level-three
			{
				padding:0;
				margin:0;
				overflow:auto;
			}

				.text-column .navigation-level-three ul
				{
					list-style:none;
					overflow:auto;
					width:100%;
					padding:0;
					margin-left:0;
				}
				
					.text-column .navigation-level-three ul li a
					{
						display:block;
						float:left;
						padding:0;
					}



/* 4. Content/image area */

.content-area
{
	background-color:#fff;
	background-image:url(../images/backgrounds/content-area/content-area.png);
	background-repeat:repeat-y;
	overflow:auto;
	min-height:444px;
}

.content-area .text-column
{
	float:left;
	width:50%;
}

.content-area .image-column
{
	background-color:#ecdac1;
	float:left;
	width:50%;
}

	.content-area .image-column img,
	.content-area .image-column object,
	.content-area .image-column embed
	{
		display:block;
	}

/* OVERRIDES FOR HOMEPAGE */

.homepage-content-area
{
	background-image:url(../images/backgrounds/content-area/homepage.png);
	min-height:486px;
}

.homepage-content-area .text-column
{
	width:292px;
}

.homepage-content-area .image-column
{
	width:638px;
}

/* OVERRIDES FOR GALLERY */

.gallery-content-area
{
	background-image:none;
	overflow:auto;
	min-height:0;
}

	.gallery-content-area .gallery
	{
		min-height:380px;
	}

/* OVERRIDES FOR FULL-WIDTH PAGES */

.full-width-content-area
{
	background-image:none !important;
	overflow:auto;
}

	.full-width-content-area .text-column
	{
		float:none;
		width:100%;
	}

	

/* 5. Footer */

.footer
{
	background-color:#7f571b;
	color:#d8bc90;
	overflow:auto;
	padding:12px 28px;
	font-size:12px;
	/*font-weight:bold;*/
	/*text-shadow:0 0 1px #d8bc90;*/
}

	.footer p
	{
		float:left;
	}

	.footer ul
	{
		float:right;
	}
	
	.footer a:link,
	.footer a:visited
	{
		color:#d8bc90;
		text-decoration:underline;
	}
	
	.footer a:hover,
	.footer a:active,
	.footer a:focus
	{
		color:#fff;
		text-decoration:underline;
	}
	
/* 6. Text content */

.content
{
	/*margin:39px 20px 20px 28px;*/
	margin:25px 20px 20px 28px;
	font-size:14px;
}

	.content h1
	{
		font-weight:normal;
		font-size:24px;
		color:#7F561B;
		/*text-shadow:0 0 1px rgba(127, 86, 27, 1.0);*/
		text-shadow:0 0 1px rgba(255, 255, 255, 1.0);
	}
	
	.content h1,
	.content h2,
	.content h3,
	.content h4,
	.content h5,
	.content h6,
	.content p,
	.content ul,
	.content ol
	{
		margin-bottom:10px;
		line-height:1.3;
	}
	
	.content ul,
	.content ol
	{
		margin-left:20px;
		list-style-type: disc;
		list-style-image: none;
		list-style-position: outside;
	}
	
	.content ol
	{
		list-style-type: decimal;
	}
	

/* OVERRIDES FOR GALLERY */
				
	.gallery-content-area .gallery-intro
	{
		float:left;
		width:152px;/*28px left margin inherited from .content*/
		/*min-height:300px;*/
		margin-top:27px;
		margin-left:28px;
		margin-right:0;
		font-size:12px;
	}
	
/* 3rd level navigation */
	
	ul.bookmarks
	{
		list-style:none;
		overflow:auto;
		margin-top:-5px;
		padding-bottom:15px;
	}
	
		ul.bookmarks li
		{
			float:left;
			border-left:1px solid #444;
			padding:0 10px 0 10px;
		}
	
		ul.bookmarks li:first-child,
		ul.bookmarks li.first-child
		{
			border-left:none;
			padding-left:0;
		}
	
			ul.bookmarks li a:link,
			ul.bookmarks li a:visited
			{
				color:#7F561B;
				text-decoration:none;
				/*text-shadow: 0px 0px 1px rgba(127, 87, 27, 0.3);*/
			}
	
			ul.bookmarks li a:hover,
			ul.bookmarks li a:active,
			ul.bookmarks li a:focus
			{
				color:#444;
				text-decoration:none;
				/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);*/
			}
	
			ul.bookmarks li.active a
			{
				text-decoration:underline;
			}
			
/* 7. Gallery */

.gallery
{
	padding:27px 0 0 28px;
	overflow:auto;
}

	.gallery ul
	{
		list-style:none;
		overflow:auto;
	}

		.gallery li
		{
			float:left;
			width:180px;
		}
		
		.gallery li.gallery-item-5
		{
			clear:left;
		}

			.gallery li a
			{
				text-decoration:none;
			}

				.gallery li a img
				{
					display:block;
				}

				.gallery li a span
				{
					display:block;
					text-decoration:none;
					color:#7f571b;
					font-size:12px;
					/*text-shadow: 0px 0px 1px rgba(127, 87, 27, 0.3);*/
					text-align:center;
					width:160px;
					padding:9px 0 13px 0;
				}
		
/* 8. Wordpress specific */

.wp-edit
{
	border-top:1px solid #ccc;
}

.custom_thumb /* this stylesheet isn't even used... need to make this modification elsewhere. */
{
	display:inline !important;
}

#wpstats
{
	display:none;
}

/* 9. Gallery navigation */

.ngg-navigation
{
	clear:both;
	background-color:#ecdac1;
	overflow:auto;
	padding:12px 28px;
	font-size:12px;
	font-weight:normal;
}

.ngg-navigation:before
{
	content:"Page:";
	float:left;
	margin-right:8px;
}

	.ngg-navigation span,
	.ngg-navigation a
	{
		display:block;
		float:left;
		margin-right:8px;
	}
	
	.ngg-navigation span
	{
		text-decoration:underline !important;
	}
	
	.ngg-navigation .prev,
	.ngg-navigation .next
	{
		display:none;
	}

	.ngg-navigation a:link,
	.ngg-navigation a:visited
	{
		color:#7f571b;
		text-decoration:none;
		/*text-shadow: 0px 0px 1px rgba(127, 87, 27, 0.3);*/
	}

	.ngg-navigation span,
	.ngg-navigation a:hover,
	.ngg-navigation a:active,
	.ngg-navigation a:focus
	{
		color:#000;
		text-decoration:none;
		/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);*/
	}