/*
------------------------------------------------
VERSION: 2.0 /BUILT WITH HTML 5 AND CSS 3/
AUTHOR: MYA LEIGH SMITH
AUTHOR URL: portfolio.myaleigh.com
------------------------------------------------
*/

body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline; }
li { list-style-type:none; }
a { outline:none; }
a img { border:none; }

/* ------------------------------------------------------------------------------------------
BODY AND LINKS */

body { 
	background:#0a100a;
	color:#ffffff;
}

a:link, a:visited { 
	color:#d4e072;
	text-decoration:none;
}
a:hover, a:active { 
	color:#d4e072; 
	text-decoration:underline;
}

/* ------------------------------------------------------------------------------------------
TYPOGRAPHY */

@font-face {
	font-family:'KellsSDRegular';
	src:url('../fonts/Kells_SD-webfont.eot');
	src:local('?'), url('../fonts/Kells_SD-webfont.woff') format('woff'), url('../fonts/Kells_SD-webfont.ttf') format('truetype'), url('Kells_SD-webfont.svg#webfontTcdgZOSZ') format('svg');
	font-weight:normal;
	font-style:normal;
}

body { font-size:100%; }

h1 { 
	/* fallback if images are turned off, css turned on */
	color:#a4c855;
	font-family:'KellsSDRegular', Georgia, Times New Roman, serif;
	font-size:70px;
	text-shadow:2px 2px 2px #000000;
	/* image replacement */
	height:75px;
	width:640px; 
	position: relative;
}

h1 span {
	background:url('../images/h1CelticEssence.jpg');
	height:100%;
	position:absolute;
	width:100%;
}

h2 { 
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:1.5em;
}

p, input { font-family:Arial, Verdana, Helvetica, Geneva, sans-serif; }

/* ------------------------------------------------------------------------------------------ 
APPLIES PAGE LAYOUT */

header, section, footer { display:block; }

div#container { 
	margin:150px auto 0 auto;
	width:640px;
}

header {
	margin:25px 0 25px 0;
}

section#form {
	margin:25px 0 25px 0;
}

section#policy {
	border-top:1px solid #30412f;
	font-size:12px;
	line-height:1.5em;
	padding:15px 0 0 0;
}

footer { 
	border-top:1px solid #30412f;
	color:#647f54;
	font-size:12px;
	margin:15px 0 25px 0;
	padding:15px 0 0 0;
}

/* ------------------------------------------------------------------------------------------ 
STYLES FORM ELEMENTS */

fieldset { 
	border:none;
	margin:25px 0 25px 0;
	width:640px;
}

input { 
	background:#eff5c9;
	border:none;
	color:#172518;
	font-size:32px;
	padding:5px 15px 5px 15px;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	width:420px;
}

input.submitbtn { 
	background:#cbea89;
	background:-webkit-gradient(linear, left top, left bottom, from(#cbea89), to(#a3c855));
	background:-moz-linear-gradient(top,  #cbea89,  #a3c855);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbea89', endColorstr='#a3c855');
	border:none;
	color:#172518;
	cursor:pointer;
	display:inline-block;
	zoom: ; /* zoom and *display = ie7 hack for display:inline-block */
	*display:inline;
	font-size:30px;
	outline:none;
	padding:5px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	vertical-align:baseline;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2);
	width:180px;
}

.submitbtn:hover {
	background:#a3c855;
	background:-webkit-gradient(linear, left top, left bottom, from(#a3c855), to(#cbea89));
	background:-moz-linear-gradient(top,  #a3c855,  #cbea89);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3c855', endColorstr='#cbea89');
	text-decoration:none;
}
.submitbtn:active {
	background:#a3c855;
	background:-webkit-gradient(linear, left top, left bottom, from(#a3c855), to(#cbea89));
	background:-moz-linear-gradient(top,  #a3c855,  #cbea89);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3c855', endColorstr='#cbea89');
	position:relative;
	text-decoration:none;
	top:1px;
}

