/* CSS adapted and modifided from https://github.com/murtaugh/HTML5-Reset */
/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 14px Arial, Helvetica, sans-serif; background:#c4c4c4;}

/* We like off-black for text. */
body, select, input, textarea {color: #444;}																												/* Comments template */

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {padding: 16px; background: #eee;}



/* Custom styles! adapted and modified throughout(DKD) with reference to Week 6: Building a website from scratch in HTML5 and CSS Tutorial - DIG351 Study Guide Ver.5 Feb 2015 */
/* Styling the page background - customised by DKD */
body {															
	background-image: 		url(../images/page-background-ibw.jpg);
	background-attachment: 	fixed;
	background-size: 		cover;
}

.wrapper {
	width:					1020px;
	margin:					10px auto 10px auto;
	background:				#fff;
	position:				relative;
	-webkit-box-shadow: 	0px 15px 15px #8f8f8f;
	-moz-box-shadow: 		0px 15px 15px #8f8f8f;
	box-shadow: 			0px 15px 15px #8f8f8f;
	padding: 				30px 0 35px 0;
}


h1 { 
position: 					absolute;
text-indent: 				-9999px;
}
																																								/* Comments template */
#logo {
	position:				absolute;
	top:					30px;
	left:					15px;
}

header {
	height:					240px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 			'Anaheim', sans-serif;
	font-weight:			normal;
}

h2 {
	font-style: 			bold;
	font-family: 			Calibri;
	font-size: 				135%;	/* this rule overrules the font-size set for the body of the entire page */
	color: 					gray;
	padding:				0px 0px 40px 0px; 	/* puts space between heading and paragraph */
}

h3 {
	font-style: 			italic;
	font-style: 			bold;
	font-family: 			Segoe Script;
	font-size: 				135%;	/* this rule overrules the font-size set for the body of the entire page */
	color: 					gray;
	padding:				0px 0px 20px 0px; 	/* puts space between heading and paragraph */
}
	
/* Modifying nav styling DKD */	
header nav {
	float:					right;
	margin:					80px 40px 0 0;
}

header nav ul li {
	float:					left;
	margin: 				100px 0 0 60px;
}

header nav ul li a {text-decoration:none; color:#aca089; font-family: 'Anaheim', sans-serif; font-size:20px; font-weight:normal; text-transform:;
}

header nav ul li a:hover {
	color:					#333;
}

/* specify background-color for menu item selected, indicates page location */
nav ul li.selected {
	background-color: 		#e7dfd1;
}
/* End of nav styling */


/* Positioning feature image */
#feature {
	margin: 				0 auto;
	width:					939px;
}

/* Styling header rule position and width with padding */
hr.full-width {
	width: 					939px;
	margin:					45px auto;
	color:					#ddd;
}

/* Styling home page welcome page */
#welcome {
	text-align:			center;
	text-align:			justify;
	/* line-height: 		1.6em; */
	font-size: 			115%;
	padding: 			0px;
	margin: 			-35px 90px 0px 80px;
}

/* Positioning home-blocks div and defining width - modifications DKD */
#home-blocks {
	margin:					0 auto;
	width:					939px;
}


#home-blocks .content-block:first-child {margin:0;}

																																			/* Comments template */
#home-blocks .content-block {float:left; margin: 0 0 50px 27px; width: 294px; background:#E4DFD5; padding:0 0 27px 0;}


#home-blocks .content-block h2 {font-size: 20px; line-height: 70px; text-align: center;}


#home-blocks #block-1 a {background:url(../images/rollin.jpg);}
#home-blocks #block-2 a {background: url(../images/unk.jpg);}
#home-blocks #block-3 a {background:url(../images/zoe.jpg);}


#home-blocks #block-1 a:hover {background-position: 0 -180px;}
#home-blocks #block-2 a:hover {background-position: 0 -180px;}
#home-blocks #block-3 a:hover {background-position: 0 -180px;} 


#home-blocks .content-block a { display: block; height: 180px; margin: 0 auto; text-indent: -9999px; width: 240px;}

#home-blocks .content-block p {padding:27px; height: 80px; overflow: hidden; padding: 27px 27px 0;}
/* End home-blocks styling */


/* 'About' page Tab CSS adapted and modified (DKD) from Tabify Demo http://unwrongest.com/projects/tabify/ ... */
{
	font-family: 		Arial, sans-serif;
	font-size: 			0.8em;
}

.menu
{
	padding: 			5px 0px 25px 60px;
	clear: 				both;
}

.menu li { 
	display: 			inline; 
}

.menu li a
{
	width: 				300px;
	padding: 			10px 60px 10px 60px;
	float: 				left;
	border-right: 		1px solid #ccf;
	border-bottom: 		none;
	text-align: 		center;
	text-decoration: 	none;
	color: 				#000;
	font-weight: 		normal;
	background-color: 	#A99F8B;
}

.menu li.active a { 
	background: 		#E4DFD5;
}

.menu a:hover {		/* hover action added by DKD */	
	color:				#CFC7B7;
	background-color:	#867B65;
}

.content
{
	float: 				left;
	clear: 				both;															/* comment template */
	border: 			1px solid #ccf;
	border-top: 		none;
	border-left: 		none;
	background: 		#E4DFD5;
	padding: 			20px 20px 20px;
	margin-left:		60px;
	width: 				900px;
	margin-bottom:		50px;		
}
/* End Tabify CSS */

/* Styling gallery page */
#gallery {
	text-align:			center;
	font-size: 			115%;
	padding: 			0px;
	margin: 			-35px 90px 0px 70px;
}

/* Styling gallery page palette icon */
#palette3 {
	margin:			20px 0px -30px 50px;
}

#palette3:hover {
	opacity:		0.5;
}
/* End palette styling */

/* Styling zoom images on hover adapted and modified from http://simplegang.com/zoom-images-on-mouse-hover-using-css3/ */
.zoom_img img{
height:32px;
width:32px;
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(2); 
-webkit-transform:scale(2);
-o-transform:scale(2);
}
/* End zoom styling */

/* Styling thumbnails on Gallery page */
#links {
	position:			relative;
	image-border:		1px solid #ccf;
	margin:				60px 0px 60px 50px;
}
#links img {
	display: 			inline-block;

	margin: 			0 0 10px 0;

	border: 			1px solid rgb(0,0,0);

}

/* Styling thumbnails on Artist Statement page */
#artiststatementlinks {
	position:			relative;
	image-border:		1px solid #ccf;
	margin:				60px 0px 0px 0px;
}
#artiststatementlinks img {
	display: 			inline-block;

	margin: 			0 0 10px 0;

	border: 			1px solid rgb(0,0,0);

}

/* End thumbnail styling */



/* End gallery styling */

/* Styling contact page */
#contact {
	text-align:			center;
	text-align:			justify;
	font-size: 			115%;
	padding: 			0px;
	margin: 			-35px 90px 0px 65px;
	padding: 			25px;
	
} 

#emailForm {
	color: 				black;	/* text color above form input elements */
	padding: 			0px;
	margin: 			-35px 65px 40px 65px; 
	padding: 			25px;
}



#facebook {
	text-align:		center;		/* reposition button from left */
	padding-bottom:		10px;
}

/* End contact styling */

/* Styling thanks page */
#thanks {
	text-align:			center;
	padding: 			-25px;
	padding-bottom:		5px;
	margin: 			-25px 150px 0px 145px;
}

/* Styling artiststatement page */
#artiststatement {
	text-align:			left;
	text-align:			justify;
	padding: 			-25px;
	padding-bottom:		5px;
	margin: 			-25px 150px 0px 145px;
}



/* Customised footer content DKD */
footer {
	clear: 				both;
	width: 				980px;
	margin: 			30px 20px -20px 20px;
	font-size:			12px;
	text-align: 		center;
	padding: 			10px 15px 10px 15px;
	background-color: 	#E4DFD5;
	}
/* End footer styling */