html, body {
     height: 100%;
 }



body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #ECE9E2;
	color: #333;
	text-align: center;
	margin: 0px;
	}

.ktop {
height: 111px;
background-image: url(images/akpcd.gif);
background-repeat: no-repeat;
background-position: 30%;
background-color: #F7F6F4;
}
.subtop {
background-color:#8E4645;
border-bottom:1px solid #7C2827;
border-top:1px solid #7C2827;
height:23px;
}

.nav {
height: 48px; 
background-image: url(images/nav_bg.gif); 
border-bottom: 1px solid #e2e2e2; 
padding: 0px 0px;
}

.main {
background-color:#F7F7F7;
line-height: 180%;
background-repeat:repeat-x;
background-position: top;
clear:both;
margin: 0 auto;
padding: 10px;
text-align:justify;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
width: 880px;
border: 1px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
overflow: auto;
}

.submain {
background-color:#FFFFFF;
background-image:url(images/post_footer.gif);
border-bottom:1px solid #B9B9B9;
border-top:1px solid #DBDBDB;
height:30px;
margin: 0 auto;
width: 900px;
}

.header {
font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-weight: bold;
font-size:18px;
color:#7C2827;
margin-bottom: 10px;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -91px;
}


.push {
height: 91px;
}


.subfooter {
background-image: url(http://kpcd.ie/blog/wp-content/themes/kpcd/images/footer_top.gif); 
height: 22px;
}

.footer {
background-color: #828282; 
height: 44px; 
border-top: 1px solid #E1DFDF; 
color: #b3b3b3; 
padding-top: 24px; 
font-color: #B3B3B3; 
font-size: 12px;
}


#navcontainer {
width: 1100px; 
margin: 0 auto;
}

#navcontainer ul
{
margin: 0;
list-style-type: none;
color: #FFF;
margin-left: -35px;
text-align: center;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
text-decoration: none;
color: #303030;
text-align: center;
width: 110px;
height: 32px;
display: inline-block;
border-right: 1px solid #fff;
padding-top: 16px;
font-weight: bold;
font-style: italic;
font-size: 12px;
}

#navcontainer li a:hover
{
color: #8e4645;
font-weight: bold;
font-style: italic;
}
a:link {
	color: #7C2827;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #7C2827;
}
a:hover {
	text-decoration: none;
	color: #8E4645;
}
a:active {
	text-decoration: none;
	color: #7C2827;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.title {
	font-size: 14px;
	font-weight: 600;
	font-variant: small-caps;
	color: #691d1c;
	border-left: 3px solid #691d1c;
	padding-left: 10px;
}

img.main {
background-color:#FFFFFF;
border:1px solid #691D1C;
padding:1px;
}

#slideshow2 {
width: 900px;
height: 416px;
margin: 0 auto;
border: 1px solid #FFFFFF;
clear: both;
margin-bottom: 14px;
}