/*
Theme Name: Pavey
Author: Liam Tansley
Author URI: http://www.liamtansleyphoto.com
Description: Custom theme created for www.clarepaveyceramics.co.uk
Version: 1
*/

a:active, a
	{
	border:none;
	outline:none;
	}

body
	{
	background-image:url('img/site/content-bg.jpg');
	}

#header
	{
	position:relative;
	z-index:1;
	height:210px;
	padding-top:20px;
	width:100%;
	background-color:#dcbdb0;
	background-image:url('img/site/header-bg.jpg');
	background-repeat:repeat-x;	
	background-position:center;
	}
	
#header-inner
	{
	width:960px;
	height:190px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('img/site/logo-nav.png');
	background-repeat:no-repeat;
	background-position:center;
	}
	
#logo-txt
	{
	margin-top:65px;
	margin-left:400px;
	}

/*---------------------- Nav ----------------------*/
	
#nav
	{
	position:relative;
	top:21px;
	left:80px;	
	width:800px;
	list-style-type:none;
	text-align:right;
	}
	
#nav li
	{
	display:inline-block;
	margin-right:3em;
	}
/*
#nav li:nth-child(1)
	{
	float:left;
	margin-left:3em;
	}
	
#nav li:nth-child(2)
	{
	float:left;
	}	
*/

#nav li:first-child
	{
	float:left;
	margin-left:3em;
	}
	
#nav li:first-child + li
	{
	float:left;
	}	
	
#nav li a
	{
	text-decoration:none;
	color:#f5f5f5;
	font-family:bitterBold;
	font-size:1.5em;
	}
	
#nav li a:hover
	{
	text-shadow:-3px 3px 0px #e64967;
	}
	
/*---------------------- ---------- ----------------------*/	
	
#content
	{
	position:relative;
	height:100%;
	width:100%;
/*	background-color:#eee;	
	background-image:url('img/site/content-bg.jpg'); */
	}
	
#content-inner
	{
	position:relative;
	width:960px;
	height:100%;
	margin:0px auto;
	padding:40px 0px;	
	}
	
#content-overlay	
	{
	position:absolute;
	width:100%;
	height:300px;
	top:460px;
	left:0px;
	background-color:#000;
	opacity:0.15;
	filter: alpha(opacity=15);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
	
	z-index:0;	
	}

#footer
	{
	position:relative;
	z-index:1;
/*	position:absolute;
	bottom:0px;
*/
	width:100%;
	padding:40px 0px;
	
	background-color:#dcbdb0;
	background-image:url('img/site/footer-bg.jpg');
	background-repeat:repeat-x;	
	background-position:center;
	}
	
#footer-overlay
	{
	position:absolute;
	width:100%;
	height:120px;
	background-color:#000;
	opacity:0.45;
	filter: alpha(opacity=45);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);	
	}
	
#footer-inner
	{
	position:relative;
	z-index:1;
	width:940px;
	height:100px;
	margin:0 auto;
	padding:10px;
	font-size:0.8em;
	font-family:bitterRegular;
	color:#eaeaea;
	}

#cats
	{
	position:relative;
	margin:0 auto;
	height:380px;
	width:733px;
	}
	
#cats img
	{
	position:absolute;
	margin:0 10px;
	}

#cats-2
	{
	top:0px;	
	left:400px;
	}
	
#cats-3
	{
	top:200px;
	left:400px;	
	}
	
#cats-4
	{
	top:0px;
	left:600px;
	}
	
#cats-5
	{
	top:133px;
	left:600px;	
	}
	
#cats-6
	{
	top:267px;
	left:600px;	
	}
	
#statement
	{
	position:relative;
	z-index:2;
	bottom:0px;
	height:249px;
	width:96%;
	padding:1px 2% 0px;
	margin-top:40px;
	cursor:default;

	}

#footer-parent-list
	{
	width:640px;
	height:100px;	
	margin:20px auto;
	}
	
#footer-parent-list > li
	{
	width:140px;
	height:100px;
	float:left;
	margin:0px 10px;
	display:inline-block;
	}
	
#footer-parent-list a
	{
	font-family:bitterRegular;
	color:#eaeaea;
//	text-decoration:none;
	}
		
.shadow1
	{
	box-shadow:0px 0px 4px rgba(0, 0, 0, 0.75);	
	-o-box-shadow:0px 0px 4px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:0px 0px 4px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:0px 0px 4px rgba(0, 0, 0, 0.75);	
	}
	
.shadow2
	{
	box-shadow:-3px 3px 3px rgba(0, 0, 0, 0.15);	
	-o-box-shadow:-3px 3px 3px rgba(0, 0, 0, 0.15);	
	-moz-box-shadow:-3px 3px 3px rgba(0, 0, 0, 0.15);	
	-webkit-box-shadow:-3px 3px 3px rgba(0, 0, 0, 0.15);		
	}
	
.bold-slab
	{
	font-weight:normal;
	font-family:bitterBold;
	}

.white-double-txt
	{
	text-shadow:-4px 5px 0px #f2f2f2; 
	}
	
h1.bold-slab, h2.bold-slab
	{
	font-size:3.5em;
	color:#e64967;
	margin-top:1em;
	}
	
h2.bold-slab
	{
	color:#759fd8;
	text-align:right;
	margin-top:0.4em;
	}

h1.bold-slab::-moz-selection
	{
	color:#759fd8;
	}
	
h1.bold-slab::selection
	{
	color:#759fd8;
	}
	
h2.bold-slab::-moz-selection
	{
	color:#e64967;
	}
	
h2.bold-slab::selection
	{
	color:#e64967;
	}
	
#frontpage-gal-link:hover img
	{
	/*
	box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.4);
	-o-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.4);
	*/
	}
	
/*---------------------- About page ----------------------*/

#about-pic-feature
	{
	position:relative;
	border-top:1px dotted #eee;
	margin-bottom:20px;
	}
	
#about-pic-feature img
	{
	float:left;
	margin-right:40px;
	width:380px;
	height:422px;
	}
	
#about-pic-feature p
	{
	position:absolute;
	right:0px;
	top:0px;
	width:540px;
	margin-top:-0.4em;
	font-family:bitterBold;
	font-size:2.5em;
	line-height:1.62em;
	color:#759fd8;
	word-break:hyphenate;	
/*	word-wrap:break-word;  */
	}
	
#about-body-text
	{
	margin-top:0px;
	padding-left:420px;
	font-family:bitterRegular;
	color:#444;
	margin-top:30px;
	}
	
#about-body-text p
	{
	margin-bottom:1.2em;
	}
	
#about-body-text p > strong
	{
	font-family:bitterBold;
	font-weight:normal;
	}
	
#about-body-text a
	{
	text-decoration:none;
	font-family:bitterItalic;
	color:#e64967;	
	}
	
#about-body-text a:hover
	{
	text-decoration:underline;
	}
	
/*---------------------- ---------- ----------------------*/

/*----------------------  contact   ----------------------*/

.wpcf7
	{
	position:static;
	width:331px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-family:bitterBold;
	font-size:0.8em;
	color:#888;
	}
	
.wpcf7 input, .wpcf7 textarea
	{
	margin-top:0.25em;
	margin-bottom:1em;
	padding:3px;
	border:1px solid #ccc;
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.2);
	}
	
.wpcf7 input[type='submit']
	{
	padding:2px 5px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	
	cursor:pointer;
	font-family:bitterBold;
	font-size:0.8em;
	color:#e64967;	
	
	-moz-border-radius:5px;
	}
	
.wpcf7 input[type='submit']:hover 
	{
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
	
	text-shadow:0px 0px 8px rgba(255, 0, 0, 0.3);
	}
	
#my-form-wrap
	{
	width:331px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-10px;
	}

/*---------------------- ---------- ----------------------*/