/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 

/* !Body */

body {	
	background: #DCDBCF url(../img/bg/body-bg.png) top left repeat-x;
	margin: 0; padding: 0 0 50px 0;	
	}
				 
/* !Navigation */
 
#main-nav {
	background-color: #34363E; 
	width: 960px; height: 60px; 
	overflow: hidden;
	}

#main-nav ul li a, #main-nav ul, #main-nav li {
	font-size: 14px; font-weight: bold;
	}

#main-nav ul li a { 
	display: block; float: left; 
	text-decoration: none; text-align: center;
	margin: 12px 10px 0 0; padding: 0 10px; 
	width: auto; height: 35px; line-height: 35px;
	overflow: hidden;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background-color: #34363E; 
	}

#main-nav ul li a:link, #main-nav ul li a:visited 	{ color: #BEC0C7;  }
#main-nav ul li a:active, #main-nav ul li a:hover 	{ background-color: #DD0024; color: #FFFECB; -moz-border-radius: 4px; -webkit-border-radius: 4px;  }
 
#main-nav ul { 
	display: inline; 
	margin: 0; padding: 0; 
	}

#main-nav ul li {
	display: inline; list-style-type: none;
	margin: 0; padding: 0 0px; 
	line-height: 60px;
	}	
	
#main-nav ul li.current_page_item a { background-color: #DD0024; color: white;  }

.join-button, .bookmark-button, .login-button { 
	color: #F3F4EE; font-size: 13px; font-weight: bold; line-height: 60px; 
	height: 60px; display: block; float: right; 
	}
	
.join-button:hover, 
.bookmark-button:hover, 
.login-button:hover			{ color: #FFFFCC; }
.join-button 				{ background: transparent url(../img/misc/join-button.gif) 0% 50% no-repeat; padding: 0 20px 0 18px; }
.bookmark-button 			{ background: transparent url(../img/misc/bookmark-button.gif) 0% 50% no-repeat; padding: 0 20px 0 19px; }
.login-button 				{ background: transparent url(../img/misc/login-button.gif) 0% 50% no-repeat; padding: 0 0px 0 30px; color: #FFFFCC; }




/* !Header Styles */

#grid-header h1 a {
	background: transparent url(../img/logo/keyport-header-logo.gif) no-repeat left top;
	display: block; float: left;
	width: 246px; 	height: 46px;
	margin: 25px 0 0 10px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}


#header-block-one, #header-block-two, #header-block-three { 
	float: right; height: 50px; margin: 15px 0 0 0; 
	color: #888780; font-size: 13px; font-weight: bold; text-shadow: 1px 1px 1px #FFF; 
	}
	
#header-block-one span, #header-block-two span, #header-block-three span { 
	clear: both; display: block; padding: 3px 0 0 0;
	color: #6C6C66; font-size: 21px; font-weight: bold; text-shadow: 1px 1px 1px #FFF;
	
	}

#header-block-one { 
	background: transparent url(../img/misc/header-phone.gif) 0% 50% no-repeat; 
	width: 200px; padding: 5px 0 5px 60px; margin: 15px 20px 0 0px;
	border-right: 1px dotted #B3B2A8; 
	}

#header-block-two { 
	background: transparent url(../img/misc/header-rss.gif) 0% 50% no-repeat; 
	width: 150px; padding: 5px 0 5px 50px; margin: 15px 20px 0 0px;
	border-right: 1px dotted #B3B2A8; 
	}

#header-block-two span a 		{ color: #6C6C66; text-decoration: underline; }
#header-block-two span a:hover	{ color: #333; }

a.facebook-icon, a.twitter-icon {
	display: block; float: left;
	width: 48px; 	height: 52px;
	margin: 5px 0 0 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}

a.facebook-icon 	{ background: url(../img/misc/header-facebook.gif) no-repeat left top; padding: 0 10px 0 0; }
a.twitter-icon 		{ background: url(../img/misc/header-twitter.gif) no-repeat left top; }



/* !Content Styles */

#content-right h2, #content h2 { font-size: 28px; font-weight: bold; }
#content { margin: 0; }
	.business-dir-section { padding: 40px 80px; }
	.events-section { margin: 0; padding: 0; }
	.directory-results-page { padding: 10px; }
	.contact-page-section { padding: 40px 80px; }
	.widecolumn { padding: 20px; }
	body#blog-section #content, body#articles-section #content { padding: 20px; }
	
	
/* !Content Styles */
#catagory-list { margin: 10px auto; }
#catagory-list td { padding: 10px; 	}
#catagory-list h3 { font-weight: bold; font-size: 15px; margin-top: 20px; }

/* Contact Page Styles */

#contact-form td { padding: 10px;}

/* !Sub Page Side Nav Styles */
#side-bar-left {}
#side-bar-left h3 { font-size: 17px; font-weight: bold; color: #666666; margin: 20px 5px 0 18px; padding: 0px 0 10px 10px; border-bottom: 1px solid #EAEAE8; }
#side-bar-left h3 a { color: #666666; }

#side-bar-left-nav {  list-style-type: none; margin: 0; padding: 0; }
#side-bar-left-nav li {  list-style-type: none;  padding: 0px 0 0px 10px; line-height: 30px; }

#side-bar-left-nav li.current_page_item { background: transparent url(../img/misc/side-bar-left-nav-active.jpg) 10px 3px no-repeat; } 
#side-bar-left-nav li a { font-size: 11px; line-height: 135%; font-weight: bold; margin: 0 0 0 9px; padding: 8px 0 6px 10px;  display: block; width: 195px; border-bottom: 1px solid #EAEAE8; }


/* !GridContent Styles */
#grid-content-padding { background-color: white; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 10px 0; }
#grid-content { background-color: white; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #D3D3D3; margin: 0px auto;  }


/* Side Bar Search Style */ 

#s { width: 150px; } 

/* !Featured Article Styles */
#featured-article { 
	background-color: #E6F2F2; border-bottom: 1px solid #D3D3D3;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	margin: 0; padding: 10px; 
	}

#featured-article div.featured-img 		{ background-color: #E6F2F2; float: right; margin: 0px; padding: 0 0 0 10px; }	
#featured-article h2 					{ color: #34363E; font-size: 28px; line-height: 100%; padding: 0 0 5px 0; text-shadow: 1px 1px 1px #FFF; }
#featured-article h2 a					{ color: #34363E;  text-shadow: 2px 1px 1px #FFF; font-weight: bold; }	
#featured-article h2 a:link, #featured-article h2 a:visited { text-decoration: underline; }
#featured-article h2 a:active, #featured-article h2 a:hover { color: #DD0024; text-decoration: none; }
#featured-article p.post-meta 			{ border-top: 1px dotted #C2C2C2; margin: 5px 5px 0 0; padding: 5px 0; font-size: 14px; font-weight: bold; text-shadow: 2px 1px 1px #FFF; }	
#featured-article p.post-meta a 		{ color: #DD0024; text-decoration: underline; }
#featured-article p.post-meta a:hover 	{ color: #333; text-decoration: none; }
#featured-article p.post-excerpt 		{ font-size: 15px; line-height: 130%; padding: 0 0 10px 0; text-shadow: 1px 1px 1px #FFF; }	

#featured-article a.continue-reading {
	background-color: #F4F5EF; border: 1px solid #DCDBCF; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; 
	font-size: 14px; font-weight: bold; color: #333; 
	padding: 5px 10px; margin: 0px 0 0 0;
	}
#featured-article a.continue-reading:hover { color: #DD0024;  }
 

/* !Featured Events */
.dbem_events_list {
	margin: 0;
}
.event-box {
	display: block; float: left; 
	width: 232px; height: 200px; 
	overflow: hidden;
	border-left: 1px solid #D3D3D3;
	border-bottom: 3px solid #56C8EF;
	}
.event-box:hover 				{ background: white url(../img/bg/grid-box-hover-bg.jpg) top left repeat-x; border-bottom: 3px solid #99CC66; }
.event-box span.event-notice 	{ display: block; float: left; width: 100px; height: 40px; line-height: 40px; font-size: 15px; font-weight: bold; font-style: italic; text-shadow: 2px 1px 1px #A6001B; background-color: #DD0024; color: white; text-align: center;  }
.event-box span.event-date 	 	{ color: #A7AAB1; font-weight: bold; font-size: 12px; display: block; float: right; width: 110px; height: 40px; line-height: 40px;  text-align: left; }
.event-box h3					{ display: block; clear: both; text-align: center; font-size: 14px; line-height: 120%; font-weight: bold; text-shadow: 2px 1px 1px #FFF; margin: 0; padding: 10px 20px 5px 20px; }	
.event-box p					{ padding: 0 20px 5px 20px; font-size: 12px; text-align: center; line-height: 120%; }
.event-box .small-text { color: #999; }
.event-box a:link, .event-box a:visited { color: black; text-decoration: underline;}
.event-box a:active, .event-box a:hover { color: #DD0024; }
#event-box-one {}
#event-box-two { width: 233px;}
#event-box-three { border-left: 1px solid #D3D3D3; }

#events-section .event-box {
	width: 234px; height: 200px; 
	overflow: hidden;
	border-left: 1px solid #D3D3D3;
	border-bottom: 3px solid #56C8EF;
	}

#events-section .event-box-1 { width: 235px; border-left: 0px solid white; }
 
/* !Events Section */ 
#events-section #featured-article  						{ background: #E6F2F2 url(../img/misc/next-event.png) 20px 15px no-repeat; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; padding: 10px 10px 10px 110px; }
#events-section #featured-article h2 					{ color: #34363E; font-size: 28px;   line-height: 120%; padding: 10px 0 5px 0; text-shadow: 1px 1px 1px #FFF; }
#events-section #featured-article h2 a					{ color: #34363E;  text-shadow: 2px 1px 1px #FFF; font-weight: bold; }	
#events-section #featured-article p.event-info 			{ border-top: 1px dotted #C2C2C2; margin: 18px 5px 0 0; padding: 18px 0; font-size: 14px; font-weight: normal; text-shadow: 2px 1px 1px #FFF; }	
#events-section #featured-article p.event-info a 		{ color: #DD0024; text-decoration: underline; }
#events-section #featured-article p.event-info a:hover 	{ color: #333; text-decoration: none; }
#events-section #featured-article p.event-info strong 	{ color: #DD0024; }

#events-section #featured-article a.continue-reading {
	background-color: #F4F5EF; border: 1px solid #DCDBCF; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; 
	font-size: 14px; font-weight: bold; color: #333; 
	padding: 7px 20px; margin: 0 15px 0 0;
	}
	
#events-section #featured-article a.continue-reading:hover { color: #DD0024;  }

#events-section #footer { border-top: 0px solid white; }

/* !Event Details */

#event-controls { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 20px; margin: 10px 0; font-size: 15px;  line-height: 18px; }
.event-controls-print { background: white url(../img/misc/print.png) 0% 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 0 20px; font-weight: bold;}
.event-controls-directions { background: white url(../img/misc/location.png) 0% 70% no-repeat; padding: 0 0 0 25px; margin: 0 0 0 20px; font-weight: bold;}
.event-controls-date { background: white url(../img/misc/calendar.png) 0% 55% no-repeat; padding: 0 0 0 25px; margin: 0 0 0 20px; }
.event-controls-time { background: white url(../img/misc/clock.png) 0% 50% no-repeat; padding: 0 0 0 25px; margin: 0 0 0 20px; }
.event-controls-print-box { display: none; }


/* !Old Front Page Articles */
#old-articles {
	display: block; float: left; 
	width: 445px; height: auto; 
	overflow: hidden;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	}
.old-articles-single 				{ padding: 10px; margin: 0; display: block; clear: both; border-bottom: 1px solid #D3D3D3; }
.old-articles-single:last-child 	{ border-bottom: 10px solid #56C8EF; }
.old-articles-single:hover 			{ background: white url(../img/bg/grid-box-hover-bg.jpg) top left repeat-x; }


.old-articles-single img { float: left; padding: 0 10px 0 0; }
	
.old-articles-single h3 		{ font-size: 14px; line-height: 120%; font-weight: bold; text-shadow: 2px 1px 1px #FFF; }
.old-articles-single h3 a 		{ color: #DD0024; text-decoration: underline; }
.old-articles-single h3 a:hover { color: #34363E; text-decoration: none; }

.old-articles-single p.post-meta 			{ padding: 0px 0; font-size: 11px; font-weight: bold; text-shadow: 2px 1px 1px #FFF; }	
.old-articles-single p.post-meta a 			{ color: #DD0024; text-decoration: underline; }
.old-articles-single p.post-meta a:hover 	{ color: #333; text-decoration: none; }
.old-articles-single p.post-excerpt 		{ font-size: 13px; line-height: 130%; padding: 0; margin: 0; text-shadow: 1px 1px 1px #FFF; }	
.old-articles-more a { background: url(../img/misc/left-arrow.jpg) 2% 50% no-repeat; color: #6C6C66; font-size: 17px; font-weight: bold; padding: 10px 0 0 40px; margin: 0px 0 10px 0px; display: block; border-top: 10px solid #56C8EF; }	
.old-articles-more a span { clear: both; display: block; font-size: 10px; font-weight: normal; color: #999999; }
 
#articles-section .article-archives-content 		{ padding: 10px; }
#articles-section .old-articles-single 				{ padding: 10px; margin: 0; display: block; clear: both; border-top: 1px solid #D3D3D3; border-bottom: 0px solid #D3D3D3; }

/* !Front Page Inset Right Column*/
#column-right-inset {
	display: block; float: right; 
	width: 252px; height: auto; 
	overflow: hidden;
	}

#photo-block 		{ padding: 10px; border-bottom: 3px solid #56C8EF; }
#photo-block:hover 	{ background: white url(../img/bg/grid-box-hover-bg.jpg) top left repeat-x; border-bottom: 3px solid #99CC66; }	
#photo-block h3 { background: url(../img/misc/header-photos.jpg) 0% 50% no-repeat; color: #33343E; font-size: 24px; line-height: 100%; margin: 0 0 10px 0; padding: 0 0 5px 50px; text-shadow: 1px 1px 1px #c4c4c4; letter-spacing: -1px; font-weight: bold; }	
#photo-block img { padding: 1px; }

#newsletter-signup 			{ background: #F3FFFF  url(../img/bg/newsletter-signup.jpg) bottom left repeat-x; color: #61A2B8; border-bottom: 3px solid #56C8EF; padding: 10px; font-size: 10px; font-weight: bold;  }
#newsletter-signup:hover 	{ border-bottom: 3px solid #99CC66; }
#newsletter-signup h3 		{ background: transparent url(../img/misc/header-newsletter.gif) 0% 50% no-repeat; color: #33343E; font-size: 24px; line-height: 100%; margin: 0 0 5px 0; padding: 0 0 5px 50px; text-shadow: 1px 1px 1px #FFF; letter-spacing: -1px; font-weight: bold;}
 


/* !Business Nav*/
#business-nav {
	background: #34363E url(../img/bg/snav-bg.jpg) top left repeat-x;
	padding: 10px 0 0 0;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	}
#business-nav h3 		{ background: transparent url(../img/misc/header-keyport-businesses.gif) 0% 50% no-repeat; margin: 0px 0 0 10px; padding: 0 0 0 50px; font-size: 20px; line-height: 20px; color: #E6F2F2; text-shadow: 1px 1px 1px #33343E; letter-spacing: -1px; font-weight: bold;}
#business-nav h3 span 	{ display: block; clear: both; }	

#business-nav ul { margin: 10px 10px; padding: 0; list-style-type: none; }
#business-nav ul li { border-top: 1px dotted #707486; padding: 4px 2px; }
#business-nav ul li a:link, #business-nav ul li a:visited { color: white; font-size: 15px; font-weight: bold;}
#business-nav ul li a:active, #business-nav ul li a:hover { color: #FFFFCC; } 

#search-businesses { background-color: #4E515E; padding: 10px;  }
#business-nav #search-businesses h3 { display: block; height: 34px; background: transparent url(../img/misc/header-search.jpg) 0px 5px no-repeat; margin: 0px 0 5px 0px; padding: 0 0 0 35px; font-size: 20px; line-height: 34px; color: #E6F2F2; text-shadow: 1px 1px 1px #33343E; letter-spacing: -1px; font-weight: bold;}
 
 
/* !Sidebar */
#sidebar ul { display: inline; padding: 0; margin: 0; }
#sidebar ul li { display: inline; list-style: none; padding: 0; margin: 0; } 

/* !Ad Side Bar*/
.side-bar-ad { text-align: center; border-bottom: 3px solid #56C8EF; padding: 0 0 10px 0; }
.side-bar-ad:hover { border-bottom: 3px solid #99CC66; }
.side-bar-ad img { border: 1px solid #C4C4C4; }
.event-side-bar-ad { text-align: center; padding: 0 0 10px 0; } 

/* !Twitter Side Bar*/
.side-bar-twitter { background: transparent url(../img/misc/header-twitter-side-bar.jpg) 10px 10px no-repeat; padding: 10px 5px 10px 50px;  font-size: 12px; line-height: 120%; font-style: italic; border-bottom: 3px solid #56C8EF; color: #4A4A4A; font-weight: normal; min-height: 40px;   }
.side-bar-twitter:hover { border-bottom: 3px solid #99CC66; }
.side-bar-twitter p { margin: 0; padding: 5px 0 0 0; color: #999; font-weight: bold; }
.side-bar-twitter .twitter-timestamp { margin: 0; padding: 5px 0 0 0; color: #999; font-weight: bold; display: block; }


/* !Blog Side Bar*/
.side-bar-blog 		{ background: transparent url(../img/misc/header-rss-icon.jpg) 12px 5px no-repeat; padding: 10px;  border-bottom: 3px solid #56C8EF; }
.side-bar-blog:hover { border-bottom: 3px solid #99CC66; }
.side-bar-blog p 	{ margin: 0; padding: 5px 0 0 0; color: #999; }
.side-bar-blog h3 		{ font-size: 20px; line-height: 20px;  padding: 0px 0 10px 40px; color: #33343E; text-shadow: 1px 1px 1px #E6F2F2; letter-spacing: -1px; font-weight: bold;}
.side-bar-blog #side-bar-blog-posts { margin: 20px 0 0 0; width: 100%; padding: 0; list-style-type: none; display: block; }
.side-bar-blog #side-bar-blog-posts li { border-top: 0px dotted #DCDCDC; padding: 8px 0; font-weight: bold; line-height: 120%; height: 30px; }
.side-bar-blog #side-bar-blog-posts li span { display: block; width: 50px; float: left; text-align: center; }
  
	
/* !Navigation */ 
#footer {
	background-color: #FFF; 
	width: 930px; height: 60px; 
	overflow: hidden;
	margin: 0px auto;
	border-top: 1px solid #DDDDDD;
	clear: both;
	}
#footer ul li a, #footer ul, #footer li {
	font-size: 13px; font-weight: bold;
	}
#footer ul li a { 
	display: block; float: left; 
	text-decoration: none; text-align: center;
	margin: 12px 10px 0 0; padding: 0 10px; 
	width: auto; height: 35px; line-height: 35px;
	}
#footer ul li a:link, #footer ul li a:visited 	{ color: #DD0024;  }
#footer ul li a:active, #footer ul li a:hover 	{ background-color: #DD0024; color: #FFFECB; -moz-border-radius: 4px; -webkit-border-radius: 4px;  }
#footer ul { 
	display: inline; 
	margin: 0; padding: 0; 
	}
#footer ul li {
	display: inline; list-style-type: none;
	margin: 0; padding: 0 0px; 
	line-height: 60px;
	} 
#footer a.join-button, #footer a.bookmark-button, #footer a.login-button { 
	color: #6C6C66; font-size: 13px; font-weight: bold; line-height: 60px; 
	height: 60px; display: block; float: right; 
	}	
#footer a.join-button:hover, 
#footer a.bookmark-button:hover, 
#footer a.login-button:hover		{ color: #333; }
#footer a.join-button 				{ background: transparent url(../img/misc/join-footer-button.jpg) 10% 50% no-repeat; padding: 0 20px 0 35px; border-left: 1px solid #DDDDDD; }
#footer a.bookmark-button 			{ background: transparent url(../img/misc/bookmark-footer-button.jpg) 0% 50% no-repeat; padding: 0 20px 0 19px; }
#footer a.login-button 				{ background: transparent url(../img/misc/login-footer-button.jpg) 0% 50% no-repeat; padding: 0 10px 0 30px; }

/* !Signup Styles */
.mu_register { margin: 0; padding: 0px ;}
.mu_register h2 { font-weight: bold;}




/* !Directory Styles */
.dir-listing { 
	border-top: 1px solid #CCCCCC;
	padding: 10px 0 0 0; margin: 20px 0 0 0;
	}

.dir-listing strong {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	display: block;
	} 
	
.dir-listing strong a {
	color: #000;
	text-decoration: underline;
	}
	
.dir-image { text-align: left; vertical-align: top; }
.dir-image img { 
	border: 1px solid #666;
	padding: 0; margin: 0 10px 10px 0;
	}
	
.dir-text {
	float: right;
	padding: 0 10px 0 0; margin: 0;
	}
	
.dir-box-1 { float: left; width:50%;  }
.dir-box-2 {float: left; width:50%;  }
.dir-box-2 strong { display: inline; font-size: 12px; text-transform: none; }
	
.dir-links {
	display: block;
	clear: both;
	padding: 8px 0; margin: 0;
	}
	
.dir-links span a {
	text-decoration: underline;
	font-weight: bold;
	}
	
.dir-category { background: #FFF url(../img/directory/category-icon.jpg) center left no-repeat; padding: 3px 15px 3px 15px; }
.dir-website { background: #FFF url(../img/directory/website-icon.jpg) center left no-repeat; padding: 3px 15px 3px 18px; }
.dir-map { background: #FFF url(../img/directory/map-icon.jpg) center left no-repeat; padding: 3px 15px 3px 20px; }
.dir-print { background: #FFF url(../img/directory/print-icon.jpg) center left no-repeat; padding: 3px 15px 3px 17px; }
.dir-blog { background: #FFF url(../img/directory/blog-icon.jpg) center left no-repeat; padding: 3px 15px 3px 20px; }


/* !Contact Page Form Styles */
 
#contactForm form div{margin:.5em 0;clear:both;}
#contactForm label{display:block;}
#contactForm label.error { display: inline; padding: 0 0 0 10px; margin: 0;}
#contactForm fieldset{margin:0;padding:0;border:none;}
#contactForm legend{font-weight:bold;}
#contactForm input[type="radio"], #contactForm input[type="checkbox"], #contactForm .radio, #contactForm .checkbox{margin:0 .25em 0 0;}

#contactForm legend{padding:2px 5px;}	
#contactForm form div.col{clear:none;}form div.first{clear:both;}
#contactForm form div{overflow:hidden;}

#contactForm fieldset{
	border:1px solid #ccc;
	padding:1em 2em;
	margin:0 0 1.5em 0;
	}
#contactForm legend{padding:2px 5px;}	
#contactForm form div.col{clear:none;}form div.first{clear:both;}
#contactForm form div{overflow:hidden;}

#contactForm input[type="text"], #contactForm input[type="password"], #contactForm textarea, #contactForm .field, #contactForm .area, #contactForm select{
	border:1px solid #aaa;
	padding:5px;
	background:#fff;
	width:300px;
	line-height:1em;
	margin:0;
	}
	
#contactForm #contact_form_address { width: 220px; margin-right: 80px; }
#contactForm #contact_form_city { width: 130px; margin-right: 170px; }	
#contactForm #contact_form_state { width: 35px; margin-right: 265px; }
#contactForm #contact_form_zip { width: 60px; margin-right: 240px; }
#contactForm #contact_form_phone { width: 110px; margin-right: 190px; }
#contactForm #contact_form_fax { width: 110px; margin-right: 190px; }
#contactForm #contact_form_email { width: 220px; margin-right: 80px; }

#contactForm select{width:312px;}
#contactForm textarea, .area{overflow:auto; height:150px; width:400px;}
#contactForm input[type="text"]:focus, #contactForm input[type="password"]:focus, #contactForm textarea:focus, #contactForm select:focus, #contactForm .focus{background:#f5f5f5;outline:none;}
#contactForm .submit{}
#contactForm button{
	border:none;
	background:#555;
	color:#fff;
	padding:0 2.5em;
	height:2em;
	line-height:2em;
	cursor:pointer;
	}

/* !Comment Styles */

.navigation {
	padding: 10px; 
	border: 1px solid #EFEBE3;
	clear: both;
	font-size: 11px; margin: 10px 0;
	font-weight: bold; 
	}

.postmetadata {
	padding: 5px; margin: 0 0 15px 0;
	border: 1px solid rgb(221, 221, 221);
	display: block; clear: both; 
	font-size: 11px; font-weight: bold; 
	}
	
.postmetadata small { font-size: 10px; line-height: 130%;  }	

.commentlist { list-style-type:  none; margin: 0; padding: 0; }
.commentlist li {margin: 10px 0; }

.comment-body { padding: 20px; }
.avatar { float: right; padding: 10px; }
.comment-meta { font-size: 11px; }

/* Search Styles */

.pagetitle { padding-bottom: 15px; }

/* !Misc Classes and Styles */

.small-text { font-size: 11px; }
.center	{ text-align: center; }
.clear 	{ clear: both; }
