@CHARSET "UTF-8";
/*
Theme Name: Hudson
Theme URI: http://www.naiaddesign.com/
Description: Theme for hudsoninc.com website
Author: Naiad Design
Author URI: http://www.naiaddesign.com/

$Id: style.css 110 2010-06-06 00:20:58Z mark $

*/

body {
	background-color: #999;
	font: 11px/1.5 Verdana, Arial, Geneva, sans-serif;
}

p {
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 10px;
}

address {
    font-size: 11px;
    color: #555;
    font-style: oblique;
}

/* below is for a caption in the left rail; white text against a color  */
#rail-left p.caption {
	font-size: 10px;
	color: #FFF;
	line-height: 1.2em;
	margin: 10px 10;
	font-style:italic;
	margin-bottom: 40px;
}

li {
	margin-left: 15px;
}

/* added by DM to fix spacing within and between bulleted li on Project Summary page, without affecting other bulleted items. */
.entry li {
	margin-left: 15px;
	line-height: 1.3em;
	margin-bottom: 2px;
}

.bulleted {
	padding-left: 10px;
	text-indent: -10px;	
	
}

a:link,
a:visited {
	text-decoration: underline;
	color: #009;
}
a:hover {
	color: #06F;
	text-decoration: underline;
}

#main {
    /* background-color is defined in the HTML document so that the site maintainers can define it per-page. */
    /* background-color: #107673; */
	margin-top: 10px;
	position: relative;
}


#logo {
	margin: 0;
	width: 290px;
	height: 225px;
	overflow: hidden;
}

#logo img {
	display: block;
}

#stripe-left {
	width: 290px;
	height: 25px;
	position: absolute;
	bottom: 0;
}

#banner-right {
	margin: 0;
	width: 650px;
	height: 225px;
	overflow: hidden;
}

#top-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 25px;
	width: 100%;
	/* background-color: #CCC; */
	overflow: hidden;
	z-index: 90;
}

#top-nav-background {
	position: absolute;
	bottom: 0;
	left: 0;                     /* for IE bug */
	width: 650px;
	height: 25px;
	background: #CCC;
	z-index: 90;
	/* All but "opacity" are not valid CSS, but other then doing the opacity via
	   JavaScript, this is the only way... */
    filter: alpha(opacity=70);   /* IE */
    -moz-opacity: 0.7;           /* Mozilla / Firefox */
    -khtml-opacity: 0.7;         /* Konquerer and Safari */
    opacity: 0.7;                /* valid CSS 3 */
}

#top-nav-foreground {
	z-index: 91;
	position: relative;
}

#top-nav ul {
	position: absolute;
	width: 100%;
	margin: 3px 0;
}
#top-nav li {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0 25px;
	text-transform: uppercase;
	font-weight: bold;
}
#top-nav li:first-child {
	margin-left:  20px;
}


#top-nav a:link,
#top-nav a:visited {
	color: white;
	text-decoration: none;
}
#top-nav a:hover {
	color: black;
}

#top-nav li.current_page_item a:link,
#top-nav li.current_page_item a:visited {
	color: black;
}
#top-nav li.current_page_item a:hover {
	color: black;
}

#banner-pix {
	width:650px;
	height:225px;
	overflow: hidden;
	z-index: 1;
}

#content {
	background-color: #FFF;
	margin-right: 0;
	width: 650px;
	padding-bottom: 50px;
}

#center-content {
	margin-right: 0;
	padding-top: 30px;
	padding-left: 20px;
}


#center-content h2,
#center-content h3,
#center-content h4,
#center-content ul,
#center-content ol,
#center-content p {
	padding-right: 40px;
}

#center-content h2,
#wide-content h2 {
	font-size: 18px;
	color: #4e4e4e;
	line-height: 1.1em;
}

#center-content h2 + address {
	margin-top: -20px;	
	margin-bottom: 0;
}


#center-content h3 {
	font-size: 12px;
	color: #666;
	line-height: 1.2em;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 15px;
}


/* added by DM to fix h3 on news page  */
#center-content h3 a:link,
#center-content h3 a:visited {
	text-decoration: none;
	color: #666;
	
}
#center-content h3 a:hover {
	text-decoration: underline;
	color: #06F;
}


#wide-content h3 {
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 10px;
	margin-top: 20px;
}

/* added by DM to fix spacing on Projects page */
#wide-content h4 {
	line-height: 1.1em;
    margin-bottom: 10px;
}
	

#center-content ul,
#center-content ol {
    font-size: 11.5px;
	color: #333;
	line-height: 1.2em;
}	
	
/* spacing adjustments to LoE, AoB pages by DM to match p format */	

#center-content li {
	margin-left: 15px;
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 10px;
}

/* This needs to make spacing adjustments to bullets in project profile pages by DM (only applies to "New Homes Program: Affordable Homeownership") Need to have another name for this type  

#center-content li {
	margin-left: 15px;
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 10px;
}
*/	

#center-content li li {
    list-style-type: circle;
}


#center-content p + ul,
#center-content p + ol {
	margin-top: 15px;
	
}

#wide-content {
    padding: 30px 0 30px 20px;
}

/* Below is used on main Projects page, to show category for each project summary */
.proj-cat {
	font-size: 10px;
	text-transform: uppercase;
	color: #666;
	margin-bottom:10px;
	margin-top: 10px;
	line-height: 1.2em;
}
.proj-cat a:link,
.proj-cat a:visited {
    text-decoration: none;
    color: #666;
}
.proj-cat a:hover {
    text-decoration: underline;
    color: black;
}

.rail {
	/* overflow: hidden; */
}

.rail h2 {
	font-size: 100%;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 8px;
}
.rail li {
	/*list-style-type: none;
	margin-left: 12px;
	text-indent: -12px; */
	font-size: 11px;
	line-height: 1.2em;
	margin-bottom: 5px;
	
}

.rail p {
	margin-bottom: 5px;
}

.rail p + ul,
.rail p + ol {
	margin-top: -5px;
}

.rail li ul,
.rail li ol {
    margin-top: 5px;
}

#rail-left {
	margin-right: 0;
	color: white;
	padding-top: 30px;
	
}


#rail-left h2,
#rail-left h3,
#rail-left h4,
#rail-left ul,
#rail-left ol,
#rail-left p {
	padding-left: 25px;
	
}

#rail-left p {
	margin-right: 15px;
}

#rail-left h2 {
	/* margin-top: 15px; */
}

#rail-left a:link {
	text-decoration: none;
	color: #FFF;
}

#rail-left a:visited {
	text-decoration: none;
	color: #CCC;
}

#rail-left a:hover {
	text-decoration: underline;
	color: #000;
}

#rail-left li {
	list-style-image: url(images/carrot-white-trans-psd.png);
}

#rail-right {
	padding-top: 30px;
	width: 230px;
	color:#636060; 
}

#rail-right ul {
	padding-right: 15px;	
}

#rail-right a:link {
	text-decoration: none;
	color: #666;
}

#rail-right a:visited {
	text-decoration: none;
	color: #333;
}

#rail-right a:hover {
	text-decoration: underline;
	color: #06F;
}

#rail-right h2 {
}

/* below is used for instructional text in right rail, e.g. "click the links below to see projects ..."  
But why it doesn't also affect the phone number for Lisa Mgmt. on the contact page is beyond me.   */
#rail-right p {
	color: #666;
	padding-bottom: 6px;
	margin-right: 10px;
}

#rail-right li {
	list-style-image: url(images/carrot_grey_trans.png);
}


.rule-short {
    width: 230px;
    height: 11px;
    display: block;
    margin-bottom: 5px;
    /* background will be specified in each page's <style> element */
}

.rule-long {
    width: 100%;
    height: 11px;
    display: block;
    margin-bottom: 5px;
    position: relative;
    /* background will be specified in each page's <style> element */
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: black;
	color: #DDD;
	height: 30px;
}

#footer div {
	margin: 6px 5px;
	text-align: left;
}

#footer p {
	font-size: 10px;
}

#footer-company p {
	padding-left: 30px;
	color: #DDD;
}
div#footer-address {
    margin-left: 0;
}
#footer-address p {
	padding-left: 20px;
	color: #DDD;
}
#footer-email p {
	padding-left: 10px;
}

#footer-email a:link,
#footer-email a:visited {
	color: #DDD;
	text-decoration: none;
}
#footer-email a:hover {
	color: #0066FF;
	text-decoration: underline;
}

/* below is to provide space below blocks of text in the left rail; specifically needed on Projects page */
div.widget {
	padding-bottom: 15px;
}

/* Don't know what this is going to be called ... it's a widget that displays the image in the left rail... */
div.widget-image {
	margin-top: -30px;
	margin-left: -10px;
	position: relative;
	/* top: 0; */
	/* left: -10px; */
	overflow: hidden;
}
div.widget-image + div.widget-image {
    position: relative;
    margin-top: 20px;
}


/* various li bullet stuff */

/*  Use like this:
 *
 *  <ul class="linklist">
 *     <li>A</li>
 *     <li>B</li>
 *  </ul>
 *
 */

ul {
	margin-bottom: 10px;	
}

.linklist li {
	/* list-style-type: none; */
	list-style-image: url(images/carrot_grey_trans.png);
	/*margin-left: 12px;
	text-indent: -12px;   */
	font-size: 11px;
}

.linklist li a:link,
.linklist li a:visited {
	text-decoration: none;
	color: #666;
}

.linklist li a:hover {
	text-decoration: underline;
	color: #00C ;
}
/*
.linklist li:before {
	content: "> ";
} */

/* for lists in center content area, without bullets or carrots: */
.plainlist li {
	list-style-type: none;
	margin-left: 12px;
	text-indent: -15px;
	line-height: 1.5em;
}

.plainlist li a:link,
.plainlist li a:visited {
	text-decoration: none;
	color: #666;
}

.plainlist li a:hover {
	text-decoration: underline;
	color: #00C ;
}




/* for lists in rail where you want to override the carrots: */
.bulleted li {
	list-style-type: disc;
	margin-left: 5px;
	text-indent: 0;
	line-height: 1.2em;
	margin-bottom: 5px;
}


/* for lists in rail where you want to override the carrots: */
#rail-right .bulleted li {
	list-style-type: disc;
	list-style-image: none;
	/*margin-left: 5px;
	margin-bottom: 5px; */
	text-indent: 0;
	line-height: 1.2em;
} 


.bulleted li:before {
	content: "";
} 

/* for indented & bulleted paragraphs in center area */
.indented li {
	list-style-type: disc;
	margin-left: 15px;
	text-indent: 0;
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 15px;
}

.project h3 {
    font-size: 12px;
    color: #666;
	margin-top: 12px;
    margin-bottom: 0;
}

/* Color set to match green of Projects page, to help distinguish each listing */
.project h4 {
	font-size: 14px;
	margin-top: 20px;
    margin-bottom: 4px;
}

.project address {
    margin-top: -4px;
	margin-bottom: 5px;
	font-style: oblique;
}

.project-image-small {
    float: right;
    width: 230px;
    height: 200px;
    margin-left: 40px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.projname a:link {
    text-decoration: none;
    color: #666;

}
.projname a:visited {
    text-decoration: none;
    color: #333;
}
.projname a:hover {
    text-decoration: underline;
    color: #06F;
}

.more-link {
    font-size: 11px;
}
.more-link:before {
    content: url(images/carrot_grey_trans.png) " ";
}
a.more-link:link,
a.more-link:visited {
    color: #666;
    text-decoration: none;
}
a.more-link:hover {
    color: #00C;
    text-decoration: underline;
}

.salesoffice {
    margin-top: -10px;
}

.person {
    clear: both;
    margin-bottom: 20px;
}

.person p {
	margin-right: 150px;
}

.person-image-small {
    float: right;
    width: 110px;
    height: 150px;
    margin: 0 20px;
    overflow: hidden;
}

/* DM reduced margin-bottom to provide better spacing on News page */
.news li {
    list-style-image: url(images/carrot_grey_trans.png);
    font-size: 11px;
	margin-bottom: -4px;
}

.news li a:link,
.news li a:visited {
    text-decoration: none;
    color: #666;
}
.news li a:hover {
    text-decoration: underline;
    color: #06F ;
}

#slideshow-control {
    margin-bottom: 30px;
    text-align: center;
    color: white;
}
#slideshow-control a:link,
#slideshow-control a:visited {
    color: white;
}
#slideshow-control a:hover {
    color: #CCC;
}

#imagecount {
    text-align: center;
    color: white;
    margin-bottom: 0;
    margin-top: 5px;
}

#subprojects {
   /* empty */
}
#subprojects p + ul {
    margin-top: 0;
} 
#subprojects li {
    margin-bottom: 0;
    line-height: 1.2em;
    margin-bottom: 5px;
}
#subprojects p {
    margin-bottom: 8px;
    margin-top: 15px;
    line-height: 1.3em;
}
#subprojects strong {
    font-size: 13px;
}

#center-content ul ul {
    margin-top: 10px;
}

#colophon {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #555;
}

#copyright {
    font-size: 10px;
}

#madeby {
    font-size: 10px;
    text-align: right;
}
#madeby a:link,
#madeby a:visited {
	color: #444;
}
#madeby a:hover {
    color: #038;
}