/*
Theme: Hutterwriter.com
Description: Custom Design for Carollyne Hutter
Theme URI: http://geek-goddess.co.uk
Version: 0.1
Author: Vixx
Author URI: http://geek-goddess.co.uk
*/
/*

-Copyright Vixx, 2008 (http://geek-goddess.co.uk)

-Credits: 
	Accessibility: Mark (Diveintoaccessibility.com) for Accessibility modifications
	Centering tip: Jem (Jemjabella.co.uk)

/* 
----------------------------------
ACCESSIBILITY MODERATIONS!
-------------------------------
*/

/*/*/a{}
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p {
  font-size: small;
}
/* */
  

/* 
----------------------------------
GENERAL POSITIONING STUFF
-------------------------------
*/

body {
	background-image: url(http://hutterwriter.com/wp-content/themes/hutter/images/bg.gif); 
	margin: 0px; 
	padding: 0px;
	background-repeat: repeat-x; 
	background-color: #FCE4AF; 
	text-align: center;
}


.banner {
	background: no-repeat url(http://hutterwriter.com/wp-content/themes/hutter/images/header.gif);
	width: 900px;
	height: 450px;
	padding: 0px;
	margin-top: 0px;
}
	html>body>#container>.banner {
	margin-top: -5px;
	}

.footer {
	background: no-repeat url(http://hutterwriter.com/wp-content/themes/hutter/images/footer.gif);
	width: 900px;
	height: 100px;
	padding: 0px;
}


#container{
	width:900px;
	padding: 0px;
	text-align: center;
}

.centered {
	margin: 0 auto 0 auto;
}


.navbar {
	padding: 175px 0px 0px 690px;
	margin: 5px 5px 5px 5px;
	color:#ffffff;
	font: 22px Tahoma, Arial, Verdana, sans-serif;
	text-align: left;
	}

.navbar a:link, .navbar a:active, .navbar a:visited {
	color: #ffffff; 
text-decoration: none;
}

.navbar a:hover {
	color: #4554AD; 
text-decoration: none;
}


.top {	
	color: #637362;
	font: 15px Tahoma, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
  	width: 450px;
	text-align: left;
	padding: 0px; 
margin: -43px 140px 0px 0px;
}
	html>body>#container>.banner>.top {
margin: 22px 0px 0px 100px;
	}



/* 
----------------------------------
GENERAL STYLING
-------------------------------
*/


a:link, a:active, a:visited {
	text-decoration: none;
	color: #71947D;
	}

a:hover {font-weight: normal; 
	color: #000000; 
	text-decoration: none;
}


/* 
----------------------------------
IMAGE TAGS
-------------------------------
*/

img {
	margin-right: 5px;
	padding: 10px; 
	border: 1px solid #ccc;
	background-color: #FFF; 
	color: inherit;
}

img.noborder {
	padding: 0px; 
	border: 0px; 
	text-align: left;
}

img.content {
	margin-right: 5px;
	padding: 10px; 
	border: 1px solid #ccc;
	background-color: #FFF; 
	color: inherit;
width: 120px;
}

/* 
----------------------------------
MAIN CONTENT
-------------------------------
*/

 
#content {
 	float: left;
  	width: 700px;
  	margin: -20px 0px 0 45px;
  	z-index: 3;
  	letter-spacing: 0px;
  	padding: 2px;
	}
html>body>#container>#content {
  	margin: -20px 0px 0 90px;
	}



#content p {
	color: #000000;
	font: 14px Tahoma, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	}




#content h1 {
	color: #ffffff;
	font: 14px  Verdana, Arial,  serif;
	font-weight: normal;
	text-align: right;
	margin: 20px 0px 5px 0px;
	padding: 5px;
	background-color: #71947D; 
}



#content h2 {
	color: #ffffff;
	font: 12px Tahoma, Verdana,  Arial sans-serif;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	margin: 20px 0px 5px 0px;
	padding: 5px;
	background-color: #7EA175; 
}

#content h1 a:link, #content h1 a:active, #content h1 a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
	background-color: #989A9D; 
}

#content h1 a:hover {font-weight: normal; 
	background-color: #000000; 
	color: #FFFFFF; 
	text-decoration: none;
}

#content h3 {
	color: #ffffff;
	font: 12px Tahoma, Verdana,  Arial sans-serif;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	margin: 20px 0px 5px 0px;
	padding: 5px;
	background-color: #5065B0; 
}

#content a:link, #content a:active, #content a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #71947D;
}

#content a:hover {font-weight: normal; 
	background-color: #71947D; 
	color: #ffffff; 
	text-decoration: none;
}

#content td {
	color: #000000;
width: 50%;
	font: 14px Tahoma, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	}
	
#content li {
	color: #000000;
	font: 14px Tahoma, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	}


blockquote {
	font: 14px Tahoma, Verdana, sans-serif;
	color: #000000;
	padding: 3px 3px 3px 13px;
	border-left: 4px solid #71947D;
	text-align: left;
	background-color: #ffffff; 
	}


.credit {
padding: 0px;
  	margin: 55px 0px 0px 100px;
	color:#000000;	font: 12px  Tahoma, Arial, Verdana, sans-serif;	
line-height: 120%;
	text-align: left;
}
html>body>#container>.footer>.credit {
  	margin: 40px 0px 0px 100px;
	}
	
	

.credit a:link, .credit a:active, .credit a:visited {
	text-decoration: none;
	color: #000000;
}

.credit a:hover {font-weight: normal; 
	background-color: #000000; 
	color: #FFFFFF; 
	text-decoration: none;
}

/* 
----------------------------------
Contact Form
-------------------------------
*/


form.contact-form {
	color: #000000;
	font: 14px Tahoma, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
border: 0px;
	}