/*  BASIC PRE-SETTING
====================================================*/

* { padding: 0; margin: 0; }

ol, ul, dl { padding-left: 0em; margin-left: 0em; list-style-type: none; }


dd { padding-left: 0em; margin-left: 0; margin-bottom: 0px; line-height: 1.2em;}

dt {margin-bottom: 0px; line-height: 1.2em; padding-top: 1.4em;}


h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ol, ul, dl, fieldset, address { margin-bottom: 1em; }





/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/

body { 
	font: 76%/1.4em verdana, geneva, arial, helvetica, sans-serif;
	background-color: #FFF; /*#425A5A*/;
	color: #333300;
	text-align: center;
	padding-bottom: 0px;
	}

#container {
	position: relative;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/kpfdigitalwebssite.jpg) top left repeat-x;	/* transparent */
	text-align: left;
	padding-top: 35px;
}

#header {
	margin-bottom: 0px;
	position: relative;
	background-color: transparent; /* transparent */
	}


#header img {
	margin-bottom: 10px;
	position: relative;
	background-color: transparent; /* transparent */
	}
	
div.navigation {
	padding: 0 ;
	background-color: transparent;
	border-top: 0px dashed #3C3515;
	border-bottom: 0px dashed #3C3515;
	margin-bottom: 1.5em;
	}


#content {
	position: relative;
	background-color: transparent;
	padding-bottom: 35px;
	color: #000; /*#656563;*/

	}


#overview {margin-bottom: 200px;}


#portfolio {margin-bottom: 200px;}
#portfolio img {margin-bottom: 15px;}


#contact {margin-bottom: 500px;}


	

#footer2 p {
	font-size: .85em
	}
	






	
	
/*  TEXT LINK STYLES 
====================================================*/

	
a:link		{ color: #6BA1B0; text-decoration: none; font-weight: normal; border-bottom: 1px solid #6BA1B0;}
a:visited	{ color: #6BA1B0; text-decoration: none;  font-weight: normal; border-bottom: 1px solid #6BA1B0;}
a:hover		{ color: #369; text-decoration: none;  font-weight: normal; border-bottom: 1px solid #369;}


.lighter a:link		{ color: #999; text-decoration: underline; font-weight: normal;}
.lighter a:visited	{ color: #999; text-decoration: underline;  font-weight: normal;}
.lighter a:hover		{ color: #F90; text-decoration: underline;  font-weight: normal;}

a.img_link:link		{ color: #6BA1B0; text-decoration: none; font-weight: normal; border-bottom: 0px solid #6BA1B0;}
a.img_link:visited	{ color: #6BA1B0; text-decoration: none;  font-weight: normal; border-bottom: 0px solid #6BA1B0;}
a.img_link:hover		{ color: #369; text-decoration: none;  font-weight: normal; border-bottom: 0px solid #369;}





a.h1:link		{ color: #069; text-decoration: none; font-weight: normal;}
a.h1:visited	{ color: #069; text-decoration: none;  font-weight: normal;}
a.h1:hover		{ color: #633; text-decoration: none;  font-weight: normal;}

a.nav:link		{ color: #ABABAB; text-decoration: none; font-weight: normal;}
a.nav:visited	{ color: #ABABAB; text-decoration: none;  font-weight: normal;}
a.nav:hover		{ color: #BF0101; text-decoration: none;  font-weight: normal;}

a.email:link		{ color: #BF0101; text-decoration: none; font-weight: normal;}
a.email:visited		{ color: #BF0101; text-decoration: none;  font-weight: normal;}
a.email:hover		{ color: #1F2325; text-decoration: underline;  font-weight: normal;}

a.dir_email:link		{ color: #1F2325; text-decoration: none; font-weight: normal;}
a.dir_email:visited		{ color: #1F2325; text-decoration: none;  font-weight: normal;}
a.dir_email:hover		{ color: #BF0101; text-decoration: underline;  font-weight: normal;}

a.bio:link			{ color: #BF0101; text-decoration: none; font-weight: normal;}
a.bio:visited		{ color: #BF0101; text-decoration: none;  font-weight: normal;}
a.bio:hover			{ color: #1F2325; text-decoration: underline;  font-weight: normal;}

a.footer:link		{ color: #999; text-decoration: none; font-weight: normal;}
a.footer:visited	{ color: #999; text-decoration: none;  font-weight: normal;}
a.footer:hover		{ color: #F90; text-decoration: none;  font-weight: normal;}


a.opinion:link		{ color: #79A1E5; text-decoration: none; font-weight: normal; }
a.opinion:visited	{ color: #79A1E5; text-decoration: none;  font-weight: normal; }
a.opinion:hover		{ color: #79A1E5; text-decoration: underline;  font-weight: normal; }


a img, :link img, :visited img { border: 0; }   

a { outline: none; }

#current { color: #BF0101; }

	
	
	
	
	



/*  h(n) STYLES
====================================================*/


/*  h1 STYLES   ***************************   */
	
h1	{
	text-indent: -9876px;
	width: 286px;
	height: 60px;
	background: url("../img/logo.gif") top left no-repeat;
	margin-bottom: 11px;
	}
	
h1 a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url("../img/h1-logo.gif") top left no-repeat;
	}
	







/*  h2 STYLES   ***************************   */

h2 { 
	font-size: 1.0em;
	color: #3C3515;
	margin-bottom: 2px;
	}






/*  h3 STYLES   ***************************   */

h3 {
	font-size: 1.0em;
	margin-bottom: 0px;
	}
	



/*  h4 STYLES   ***************************   */

#side h4 {
	text-align: left;
	font-size: 1.0em;
	margin-bottom: 1.0em;
	text-transform: uppercase;
	color: #1F2325;
	}





/*  MISCELLANEOUS STYLES
====================================================*/

hr { margin: 0px 0px 1em; height: 1px; color: #BF0101; border: none; } /* For Internet Explorer */
#wrapper #content hr { margin: 0px 0px 1em; height: 1px; background-color: #BF0101; border: none;} /* For Gecko-based browsers */
#wrapper #content hr { margin: 0px 0px 1em; height: 1px; background-color: #BF0101; border: 0px solid #BF0101; } /* For Opera and Gecko-based browsers */

/* self clearing rules */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */


/* Form Styles
-------------------------------------------- */


form dd {
	margin-bottom: 0px;
	}	
	
#name, #email, #comment {
	width: 300px;
	}	

#thisform label {
	font-weight: normal;
	}

#thisform fieldset {
	border: 0px solid #ccc;
	padding: 10px 20px;
	}

#thisform legend {
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 4px 8px;
	}	

	/*	
	IE Fixes

	:hover and :active pseudo-classes do not behave as 
	we expect them to on all but one element in IE, but there 
	are Internet Explorer Behaviors to add the desired 
	functionality with little extra work.

	The scripting of the behavior goes into a separate .htc file 
	which compliant browsers do not ever see.
	(http://www.vladdy.net/Demos/IEPseudoClassesFix.html)
	
	 */
	
input, textarea
  { behavior: url('IEFixes.htc');
  }  
  

input:hover, input.hover { 
	border: 1px solid #333;
	color: #111;
	}

textarea:hover, textarea.hover { 
	border: 1px solid #333;
	color: #111;
	}

input:focus, input.focus { 
	background: #DFE3E1;
	border: 1px solid #333;
	}

textarea:focus, textarea.focus { 
	background: #DFE3E1;
	border: 1px solid #333;
	}


input, textarea	{
	border: 1px solid #8A8466;
	background-color: #fff;
	color: #222  ;
	padding: 3px;
	}


p.date { margin-bottom: .5em; color: #999; font-size: .85em;}


div.feedburnerFeedBlock ul li div { margin-bottom: 1em; }

div#creditfooter {display: none;}