/*
Theme Name: Custom Base Theme
Theme URI: 
Description: Key Design Websites custom built theme
Version: 1.0
Author: 
Author URI: http://www.keydesignwebsites.com
*/

@font-face {
	font-family: 'webfont';
	src: url('myriadpro-regular-webfont.eot');
	src: local('?'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfont6zI23XQB') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	background: #BDBDBD;
	font-family: webfont, Helvetica, Arial; 
	}

a { color: #5795A4; text-decoration: none;}

a:hover {color:#990000}

h2 {color: #5795A4 }

#header {
	width:800px;
	border-left: 10px solid #393C39;
	border-right: 10px solid #393C39;
	}

#wrap {
	width:800px;
	margin:0 auto;
	border-left: 10px solid #393C39;
	border-right: 10px solid #393C39;
	background-color:#E7E7E7;
}
#content {
	width: 598px;
	float:left;
	background-color:#fff;
	min-height:400px;
}

#content li {
	margin-left:230px;}

#hbpcontent {
        padding:20px 30px 20px 30px;
        
}
#hbpcontent li {
       margin-left:0;
}


#sidebar {
	float:left;
	width:200px;
	font-size:13px;
	}
#sidebar ul  {margin: 0; padding:  9px;}
#sidebar li  { list-style: none; list-style-position: outside; }
#sidebar a { padding: 10px; display: block;}
#sidebar a:hover {background: #ccc; }

#sidebar h4 {display: none;}
	
	
#footer {
	width:800px;
	margin: 0 auto;
	clear:both;
	text-align: center;
	background: #5C5C5C;
	color: #fff;
	font-size: 12px;
	}	
	
.left { float: left;}
.right {float: rightl}
.center {margin: 0 auto;}

img.left {padding-right:10px;}
img.right {padding-left:10px;}	

/* 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 */