/* 
Theme Name: Jane Hunter Theme
Description: Theme for Jane Hunter's website
Author: Amanda Koschak
Version: 0.1 
*/
	
/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body {color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* -- =2: default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.fullLength { width: 100%; margin-bottom: 20px;}
.italics { font-style: italic; text-decoration:underline;}
.first { font-size: 1.4em; font-weight:bold; font-style: italic;}

/* -- =3: accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- =4: Default Styles --------------------------------------------------------------------------- */
/* =4a: colours, sizes, etc of elements */
body {
	font: 62.5%/1.4 Trebuchet MS, Helvetica, sans-serif;; /* set font size to 10px (a nice round number) - 1.4 line height */
	
	background-color: #1a1a1a;
	color: #cecece;
	}
	
	html {
	
	}

h1 {font-size: 3.6em; color: #218290; font-weight:normal; margin-bottom: 5px; margin-top: 30px; letter-spacing: .03em; display: block;}

h2 {font-size: 2.4em; color: #218290; letter-spacing: .05em; margin-bottom: 5px; margin-top: 5px; display: block;}

h3 {font-size: 2em; color: #218290; display: block; margin-top: 5px;}

h4 { font-size: 1.4em; color: #218290;}

a {  
font-size: 1.2em;	
	color: #5392a0;
	font-weight: bold;
	text-decoration: none;
	}
	
a:visited {  
font-size: 1.2em;	
	color: #575757;
	font-weight: bold;
	text-decoration: none;
	}	



a:hover, a:active { 
font-size: 1.2em;
	color: #898888;
	font-weight: bold;
	text-decoration: underline;
	}
	
p { padding-bottom: 10px;
font-size:1.2em;
line-height:1.5em;
letter-spacing:.03em;
font-weight:lighter;}
	
* { outline: none; }

/* -- =5: Layout Styles ---------------------------------------------------------------------------- */


/* -- =6: Home Page ---------------------------------------------------------------------------- */

#wrapper {
min-height: 100%;
width: 919px;
margin: 15px auto;
background-color:#292929;
}

#header {
height: 302px;
width: 919px;
background:url('images/header2.png') no-repeat;

z-index: 100;
margin:0px;
padding: 0px;
}

#flower {
float: right;
margin-top: -15px;
z-index: 100;
width: 187px;
height: 185px;
background: url('images/flower.png') top left no-repeat;
}
#quoteContainer {
	
	height: 195px;
	width:900px;
	}
	
#navContainer {
	
	height: 100px;
	width:919px;
}

#mainQuote {
	margin: 25px 0 0 0;
font-size: 2.5em;
width: 340px;
float: right;
height: 165px;
padding: 0px;
}

#mainQuote p {
margin:0;
padding:0;
}

#mainNav {
	float: left;
	margin-left: 46px;
	height: 97px;
	width: 650px;
	
	}

#nav ul {
	margin: 0; 
	padding: 0;
	}
	
#nav li {
	float: left;
	margin: 0; 
	padding: 0 0px 0 0;
	display: block;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 97px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:97px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -97px;
	padding: 97px 0 0 0;
	border: 0;
	}
	
#nav .selected {
	background-position: 0 -97px;
	padding: 97px 0 0 0;
	border: 0;
	}

#nav a:active {
	background-position: 0 -97px;
	border: 0;
	text-decoration: none;
	outline: none;
	}
	
#articles a {
	width: 270px;
	background: url('images/nav_articles.png') top left no-repeat;
	}	
#blog a {
	width: 74px;
	background: url('images/nav_blog.png') top left no-repeat;
	}	

#about a {
	width: 126px;
	background: url('images/nav_about.png') top left no-repeat;
	}	
#contact a {
	width: 101px;
	background: url('images/nav_contact.png') top left no-repeat;
	}	
#frequentq a {
	width: 45px;
	background: url('images/nav_faq.png') top left no-repeat;
	}		

#content {
width: 919px;
height: 100%;
}

#innerContent {
width: 850px;
margin: 0 auto;
}

#leftContent {
	float: left;
	width: 600px;
	
}

#rightContent {
	float: right;
	width: 225px;
	
	
}

.blackBox {
margin-top: 20px;
width: 221px;
}

.blackBox .fontReplace {
color: #218290;
}

.fontReplace {
 margin-bottom: 10px;
 margin-top: 0px;
}

.mailingTitle {
font-size: 1.7em;	
}

.blackBox ul li {
margin-bottom: 3px;
}

.boxTop {
background: url('images/box_top.png') top left no-repeat;
width: 221px;
height: 19px;
}

.boxInner {
background-color:#1a1a1a;
padding: 5px 15px 15px 15px;
}

#footer {
text-align: center;
border-top: 1px solid #cecece;
padding: 15px;
width: 820px;
font-size: .9em;
margin: 80px auto 10px auto;
}

#footerFlower {
	float: left;
	margin-top: -47px;
	margin-left: -30px;
	background: url('images/small_flower.png') top left no-repeat;
	width: 70px;
	height: 69px;
}

#footer a {
padding: 5px;	
}

#footer a, #footer a:visited {  
	
	color: #5392a0;
	font-weight: bold;
	text-decoration: none;
	}
	
#footer a:hover, #footer a:active { 

	color: #898888;
	font-weight: bold;
	text-decoration: underline;
	}	

.footerCopy {
margin-bottom: 5px;
display:block;
}
.submitContainer input, .submit {
background: url('images/button.png') top left no-repeat;	
height: 23px;
width: 65px;
border: 0;
color:transparent;
float: right;
}

#mailingList {
margin-top: 10px;	
}

#newsletterEmail {
width: 182px;	
margin-bottom: 8px;
}

#newsletterName {
width: 110px;	
margin-right: 3px;
margin-bottom: 5px;
}
.newsletterInput {
background-color: #5392a0;	
border: 2px solid #5392a0;
color: #1a1a1a;
font-size: 1.1em;
padding: 2px;
}

.postDate {
	color: #898888;
	font-weight: bold;
	margin-bottom: 10px;
}

.formContainer {
margin-bottom: 10px;
width: 280px;
}
.formContainer label {
display: block;	
}
.submitContainer {
text-align: right;	
}

.wpcf7-form-control-wrap textarea, .wpcf7-text, .inputText {
clear: both;
width: 280px;
background-color: #cecece;
border: 2px solid #cecece;
padding: 3px;
font-size: 1.1em;
}



div.error {
color: #5392a0;
padding: 3px;
font-size: 1.2em;	
}

label {
padding: 3px;
font-size: 1.2em;	
}

#commentForm {
margin-top: 20px;	
}

#mainQuote p{
margin: 0;
padding: 0;
}


#contactLeft {
width: 290px;
float:left;
margin-top: 30px;
}

#contactRight {
margin-top: 40px;
width: 275px;
float:right;
}

#imageAlignLeft {
float: left;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 10px;
}

ul {
margin-bottom: 10px;	
	
}

.viewMore {
	display: block;
margin-top: 20px;	
margin-bottom: 0px;
}

p a, p p {
font-size: inherit !important;	
}

.flashBox {
height: 400px;
width: 800px;
margin: 30px auto 0px auto;
text-align:center;
background-color: #1a1a1a;
}

form {
clear: both;
display:block;
}