/* v1.0 | 20080212 */

/* CSS RESET
----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: rgb(191, 191, 191);
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/*blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.yellow {color: #FFF000;}
.ltyellow {color: #fff9ae;}
.blue {color: #98AFC7;}
.orange {color: #fb9e3a;}
.gray {color: #B2B2B2;}
.brown {color: #35271f; }
.ltbrown {color: #d8cd8f;}
.black {color: #080C11;}
.white {color: #FFFFFF;}
.clear {clear: both;}
.hidden {display: none;}
.block {display: block;}
.left {float: left;}
.right {float: right;}
.txtright {text-align: right;}
.txtleft {text-align: left;}
hr {margin: 0; padding: 0; border: 0px dotted #ffffff; background-color: transparent;}
small {font: 1.0em/1.6em Arial, Helvetica, sans-serif; 	color: rgb(191, 191, 191);}
/*.misc {margin-bottom: 1.6em; display: block;}*/
blockquote, q {font-style: italic; padding: 1.6em 1.6em .3em 1.6em; margin-bottom: 1.6em; background-color: #2c2919;}
.important {color: red; background-color: white; padding: 0 5px 0 5px; display: block; text-align: center;}

a {color: rgb(135, 189, 226); /*rgb(255, 156, 0);  #71caef; rgb(72, 108, 140)e4bf24;*/ text-decoration: none; }
a:visited {/*color: #fdc78d;*/}
a:hover {color: #e4bf24; /*71caef;*/ text-decoration: none;}
a:active {/*color: #fdc78d;*/}


h1 {font: 2.075em/1.6em Arial, Helvetica, Sans-serif; margin: 0; padding: 0; letter-spacing: 0.05em;}
h2 {font: 2.0em/1.6em Arial, Helvetica, Sans-serif; margin: 0; padding: 0; letter-spacing: 0.05em;}
h3 {font: 1.4em/1.6em Arial, Helvetica, Sans-serif; margin: 0; padding: 0; letter-spacing: 0.05em;}
h4 {font: 1.6em/1.6em Arial, Helvetica, Sans-serif; margin: 0; padding: 0; letter-spacing: 0.05em;}
h5 {font: 1.2em/1.6em Arial, Helvetica, Sans-serif; margin: 0; padding: 0; letter-spacing: 0.05em;}
p, td {font: 1.2em/1.6em Arial, Helvetica, Sans-serif; }



/* Recycle Images
----------------------------------------*/
#header a.logo, #header a:hover.logo, #header .search, #NavSection, #NavSection .title, .announcement, #content_front ul.bulletPoint li, .col_mid ul li, .socialPanel, .socialPanelEnd, div.hr, div.hrShort, #content_front .content_frontHeadlines .houstonImg, #content_front .content_frontSpotlight .spotlightImg, #content_container .spotlightImg, .contributeBg, .socialBanner, .ad_h, #content_container ul.col_right li.widget_list_authors ul li, #content_container ul.col_right li.widget_archive ul li, #content_container ul.col_right li.adv-blogroll ul li {
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
}
.ad_sideA, .ad_sideB {
	background-image: url(images/sprite_ads.png);
	background-repeat: no-repeat;
}
.articlesT, .resourcesT, .socialsT, .employmentsT, .directoryT, .emergencyT, .aslsocialT, .dphhhT, .deafpawsT, .coffeechatT {
	background-image: url(images/sprite_navTitle.png);
	background-repeat: no-repeat;
}
a.socialEmail, a:hover.socialEmail, a.socialRSS, a:hover.socialRSS, a.socialTwitter, a:hover.socialTwitter, a.socialFacebook, a:hover.socialFacebook {
	background-image: url(images/sprite_social.png);
	background-repeat: no-repeat;
}
#header, #NavSection, .announcement, #content_front, #content_container, .ad_h, .socialActivities, #footer, div.hr, .photocontainer {
	width: 960px;
	margin: 0 auto;
}
div.hr, div.hrShort {
	margin-top: 5px; 
	margin-bottom: 5px;
	padding: 0;
	height: 2px; 
	background-position: 0 -500px;
}
div.hrDot {
	margin-top: 5px; 
	margin-bottom: 5px;
	padding: 0;
	border-top: 1px dotted #2c2919;
	height: 1px; 
}



/* HDN Structure
----------------------------------------*/
body {
	background: url(images/hdn_BG.jpg) no-repeat top center #000000;
	font: 62.5% Arial, Helvetica, sans-serif;
}



/* Header, NavSection, mainNav, subNav */
#header {
	height: 100px;
}
#header a.logo{
	width: 312px;
	height: 100px;
	display: block;
	float: left;
	background-position: 0 0;
	cursor: pointer;
	border: 0;
}
#header a:hover.logo {
	background-position: 0 -100px;
	background-color: transparent;
}
#header .search {
	height: 60px;
	background-position: right -200px;
	text-align: right;
	padding: 40px 0 0 0;
	color: #000000;
}
#header .search #searchForm { margin: 0 0 0 0; }
#header #searchForm input { vertical-align: top; margin: 0; }
#searchForm input#searchsubmit { border: 0; font-size: 0; width: 36px; height: 37px; margin: -9px 2px 0 0; background: url(images/btn-search.png) no-repeat 0; cursor: pointer;}
#searchForm input#searchsubmit:hover {border: 0; width: 36px; height: 37px; background: url(images/btn-searchHover.png) no-repeat 0;}
#header #searchForm #s { color: gray; padding: 2px; border: 0; background-color: transparent; width: 260px; margin-right: 4px; }



/*Nav Title*/
#NavSection {
	height: 100px;
	background-position: 0 -500px;
}
#NavSection .title {
	background-position: 0 -600px;
}
.articlesT {
	background-position: 0 0;
}
.resourcesT {
	background-position: 0 -100px;
}
.socialsT {
	background-position: 0 -200px;
}
.dphhhT{
	background-position: 0 -600px;
}
.aslsocialT {
	background-position: 0 -700px;
}
.deafpawsT {
	background-position: 0 -800px;
}
.coffeechatT {
	background-position: 0 -900px;
}
.employmentsT {
	background-position: 0 -300px;
}
.directoryT {
	background-position: 0 -400px;
}
.emergencyT {
	background-position: 0 -500px;
}
#NavSection h1{
	height: 50px;
	margin: 0 0 5px 0;
}



/* drop down menu */
#ddmenu {
	width: 960px;
	margin-top: -5px;
}
#ddmenu li {
	float: left;
	width: auto;
	font-size: 1.4em;
}
#ddmenu li a{
 	display: block;
	margin-right: 20px;
	width: auto;
	white-space: nowrap;
	border-top: 3px transparent solid;
}
#ddmenu li a:hover {
	border-top: 3px #e4bf24 solid;
}

#ddmenu li ul {
	margin-top: -7px;
	position: absolute;
	visibility: hidden;
	padding: 5px 0 5px 0;
	width: 960px;
	height: 20px;
	/*background-color: #2c2919;*/
}
#ddmenu li ul.resource {
	margin-left: -66px;
	/*background-color: #2c2919;*/
}
#ddmenu li ul.social {
	margin-left: -194px;
	/*background-color: #2c2919;*/
}
#ddmenu li ul.employment {
	margin-left: -269px;
	/*background-color: #2c2919;*/
}
#ddmenu li ul.directory {
	margin-left: -367px;
	/*background-color: #2c2919;*/
}
#ddmenu li ul.emergency {
	margin-left: -444px;
	/*background-color: #2c2919;*/
}
#ddmenu li ul.photo {
	margin-left: -534px;
	/*background-color: #2c2919;*/
}
#ddmenu li ul li {
	display: inline;
	font-size: 1.0em;
}
#ddmenu li ul li a{
	width: auto;
	display: inline;
	margin: 0 15px 0 0;
	color: #e4bf24;
}
#ddmenu li ul li a:hover {
	border-top: 0;
	border-bottom: 3px #71caef solid;
	color: #71caef;
}



/* Announcement, Social Banners, Contribute */
.announcement {
	height: 143px;
	width: 630px;
	display: block;
	margin-top: 10px;
	margin-bottom: 25px;
	background-position: 0 -300px;
	padding-left: 325px;
	padding-right: 5px;
	padding-top: 7px;
}
.contributeBg {
	height: 20px;
	padding-top: 5px;
	width: 960px;
	text-align: center;
	font-size: 1.3em;
	letter-spacing: 0.3em;
	background-position: 0 -1200px;
	display: block;
	margin: 10px auto 20px auto;	
}
.socialBanner {
	height: 120px;
	width: 900px;
	margin: 5px auto 20px auto;
	padding: 20px 30px 10px 30px;
	display: block;
	background-position: 0 -1300px;
}
.socialBanner p {
	font-size: 1.5em;
}
.contributeBg a{
	color: #0d405e;
}
.contributeBg a:hover {
	color: #e4bf24;
}



/* Content */
#content_front {
}
#content_front h3 {
	border-top: 5px #2c2919 solid;
	color: #a86318/*#7d4c04*/;
	margin-bottom: .3em;
}
#content_front p {
	margin-bottom: 1.6em;
}
#content_front h3.socialHeader {
	border-top: 0;
	letter-spacing: 1.5em;
	text-align: center;
}
#content_front h2 {
	color: #e4bf24;
}
#content_front .content_frontHeadlines, #content_front .content_frontNews, #content_front .content_frontBlog {
	width: 312px;
	float: left;
	margin-right: 12px;
}
#content_front .content_frontHeadlines .houstonImg {
	width: 312px;
	height: 100px;
	display: block;
	background-position: -225px -850px;;
}
#content_front ul.bulletPoint, .col_mid ul {
	margin: 0 0 10px 0;
}
#content_front ul.bulletPoint li, .col_mid ul li{
	background-position: 0 -796px;
	padding: 0 0 0 20px;
	display: block;
	font: 1.2em/1.6em Arial, Helvetica, sans-serif;
}
#content_front .content_frontBlog {
}
#content_front .content_frontSpotlight {
	width: 312px;
	float: right;
}
#content_front .content_frontSpotlight .spotlightImg, #content_container .spotlightImg {
	width: 130px;
	height: 150px;
	display: block;
	background-position: -600px -850px;
	float: right;
}


/* Social Panel*/
.socialPanel {
	width: 165px;
	height: 240px;
	padding: 5px 10px 5px 10px;
	background-position: -1px -850px;
	float: left;
	margin: 0 3px 25px 4px;
	font-size: 100%;
}
.socialPanel h4 {
	margin: 3px 0 15px 0;
}
.socialPanel h4.sports {
color: #0d405e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow: 0px 1px 1px #FFF;
}
.socialPanel h4 a {
	color: #0d405e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow: 0px 1px 1px #FFF;
}
.socialPanel h4 a:hover {
	color: #FFFFFF;
	text-shadow: 0px 1px 1px #555;
}
.socialPanel p {
	font-size: 1.1em;
	margin-bottom: 1.6em;
}



#content_container {
	margin-top: 10px;
}
#content_container h3 {
	border-top: 5px #2c2919 solid;
	color: #a86318/*#7d4c04*/;
}
#content_container .borderTop {border-top: 5px #2c2919 solid;}
#content_container h2 {
	color: #e4bf24;
}
#content_container p {
	margin-bottom: 1.6em;
}
#content_container ul.col_right {
	float: right;
	width: 312px;
	text-align: left;
}
#content_container ul.col_right li h2{
	font-size: 1.4em;
	border-top: 5px #2c2919 solid;
	color: #a86318/*#492c01*/;
	margin-bottom: .3em;
}
#content_container ul.col_right li.widget_list_authors, #content_container ul.col_right li.widget_archive {
	float: left;
	width: 150px;
	clear: left;
	display: block;
}
#content_container ul.col_right li.widget_list_authors a, #content_container ul.col_right li.widget_archive a, #content_container ul.col_right li.adv-blogroll a {
	/*color: rgb(191, 191, 191);*/
	display: block;
}
#content_container ul.col_right li.taxonomy a { /*color: rgb(191, 191, 191);*/}
#content_container ul.col_right li.widget_list_authors a:hover, #content_container ul.col_right li.widget_archive a:hover, #content_container ul.col_right li.adv-blogroll a:hover, #content_container ul.col_right li.taxonomy a:hover {
	/*color: #e4bf24;*/
}
#content_container ul.col_right li.widget_list_authors ul li, #content_container ul.col_right li.widget_archive ul li, #content_container ul.col_right li.adv-blogroll ul li {
	background-position: 0 -796px;
	padding: 1px 0 1px 20px;
	border-bottom: 1px dotted #2c2919;
}
#content_container ul.col_right li.widget_list_authors ul li:hover, #content_container ul.col_right li.widget_archive ul li:hover, #content_container ul.col_right li.adv-blogroll ul li:hover {
	background-color: #12110b;
	cursor: pointer;
}
#content_container ul.col_right li.adv-blogroll /*, #content_container ul.col_right li.taxonomy*/{
	float: right;
	width: 150px;
	clear: right;
	display:block;
}
#content_container ul.col_right li{
	margin-bottom: 1.6em;
}
#content_container ul.col_right ul li {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 0;
}
#content_container .col_rightHalfLeft {
	float: left;
	width: 150px;
}
#content_container .col_rightHalfRight {
	float: right;
	width: 150px;
}
#content_container .col_mid {
	float: left;
	width: 495px;
	margin-right: 13px;
	text-align: left;
        margin-bottom: 30px;
}
.col_mid h2{
clear: both;
}
#content_container .col_left {
	float: left;
	width: 127px;
	margin-right: 13px;
	text-align: left;
}



/* SocialNetwork */
.socialnetwork {
	text-align: center;
}
a.socialEmail {
	background-position: -11px 0;
	display: inline-block;
	width: 72px;
	height: 110px;
}
a:hover.socialEmail {
	background-position: -11px -126px;
}
a.socialRSS {
	background-position: -86px 0;
	display: inline-block;
	margin-left: 3px;
	width: 72px;
	height: 110px;
}
a:hover.socialRSS {
	background-position: -86px -126px;
}
a.socialTwitter {
	background-position: -161px 0;
	display: inline-block;
	margin-left: 3px;
	width: 73px;
	height: 110px;
}
a:hover.socialTwitter {
	background-position: -161px -126px;
}

a.socialFacebook {
	background-position: -237px 0;
	display: inline-block;
	margin-left: 3px;
	width: 72px;
	height: 110px;
}
a:hover.socialFacebook {
	background-position: -237px -126px;
}



/*
#content_container .col_left ul.categoryLink li {
	background-position: 0 -796px;
	padding: 1px 0 1px 20px;
	border-bottom: 1px dotted #2c2919;
}
#content_container .col_left ul.categoryLink li:hover {
	background-color: #12110b;
	cursor: pointer;
}
#content_container .col_left ul.categoryLink li a {
	color: rgb(191, 191, 191);
	display: block;
}
#content_container .col_left ul.categoryLink li a:hover {
	color: #e4bf24;
}
*/


/*upload form*/
span.file-735 input {color: #fff9ae;}



/* breadcrumbs */
#content_container ul.breadcrumbs, #content_container h3 {
	height: 1.6em;
	display: block;
}
#content_container ul.breadcrumbs li  {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 1.1em;
	background-image: none;
	list-style: none;
}
#content_container ul.breadcrumbs li a, #content_container h3 a, #content_front h3 a  {
	color: #a86318/*#7d4c04*/;
}
#content_container ul.breadcrumbs li a:hover, #content_container h3 a:hover, #content_front h3 a:hover {
	color: #e4bf24;
}



/* Author Box */
#authorbox{  
	background:#2c2919;  
	padding: 3px; 
	margin: 0 0 20px 0;
	/*opacity:0.4;
	filter:alpha(opacity=40);*/
}  
#authorbox h4{  
	font-size:1.6em;  
	color:#FFFFFF;  
	margin:0;  
	padding:5px 10px 5px 10px;  
}  
.authortext{  
	padding-left:100px;  
}  
#authorbox img{  
	margin:5px 5px 10px 10px;  
	padding:0;  
	float:left;  
	border: 2px solid white;
}  
#authorbox small {
	margin: 0 0 0 13px;
	clear: left;
	font-size: 0.9em;
	float: left;
}
#authorbox p{  
	color:#FFFFFF;  
	margin:0;  
	padding:0px 5px 10px 10px;  
}  
#authorbox h4 > a{  
	text-decoration:none;  
}  

/*Related Post*/
#content_container .col_mid h3.relatedTitle {border-top: 0; color: #a86318/*#492c01*/;}
ul.relatedPosts {padding: 0 0 10px 0;}
ul.relatedPosts li {
font-size: 1.2em; line-height: 1.6em;
}



/*Archive list*/
ul.car-list{}
ul.car-list li{background-image: none; padding-left: 0;}
ul.car-list li ul.car-monthlisting {margin-bottom: 1.6em; background-image: none; padding-left: 5px;}
.car-yearmonth{font-size: 1.4em; line-height:1.6em; color: #FFF;}
ul.car-list li ul.car-monthlisting li{font-size: 1.2em; line-height:1.6em; background-image: none;}

#content_container ul.categoryLink {
	font: 1.2em/1.6em Arial, Helvetica, sans-serif;
}
#content_container ul.categoryLink li {
	display: block;
}
#content_container ul.categoryLink {
	margin-bottom: 20px;
}
#content_container ul.categoryLink li.categories h3 {
	font-size: 1.2em;
	border-top: 5px #2c2919 solid;
	color: #7d4c04;
}



/* Comments Section */
.commentlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
}		
	
.commentlist li {
	float: left;
	clear: both;
	padding: 25px 10px 10px 10px;
	border-top: 1px dotted #2c2919;
	width: 475px;
	}
	
.commentlist img {
	padding: 0;
	border: 3px solid #2c2919;
	margin: 2px 0 0 0;
	}	
.commentlist li div p img {
	border: 0;
}	
.commentlist li.alt {
	background-color: #12110b;
	border-top: 1px dotted #2c2919;
	}	
.comment-info {
	clear: both;
	float: left;
	margin-left: 3px;
	}	
		
.comment-text {
	margin-left: 110px;
	}		

.authcomment {
background-color: #B3FFCC !important;
}
#responder {
	clear: both;
	padding-top: 10px;
	}
#responder #comment {
	width: 491px;
	border: 1px solid #2c2919;
}		




/* Page Navi */
#content_container .col_mid .wp-pagenavi a, #content_container .col_mid .wp-pagenavi a:link {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-size: 1.1em;
	text-decoration: none;
	border: 1px solid #2c2919;
	color: #71caef;
	background-color: transparent;	
}
#content_container .col_mid .wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-size: 1.1em;
	text-decoration: none;
	border: 1px solid #2c2919;
	color: #71caef;
	background-color: transparent;	
}
#content_container .col_mid .wp-pagenavi a:hover {	
	border: 1px solid #2c2919;
	color: #000;
	font-size: 1.1em;
	background-color: #e4bf24;
}
#content_container .col_mid .wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-size: 1.1em;
	text-decoration: none;
	border: 1px solid #2c2919;
	color: #e4bf24;
	background-color: transparent;	
}
#content_container .col_mid .wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-size: 1.1em;
	color: #a86318/*7d4c04*/;
	border: 1px solid #2c2919;
	background-color: transparent;
}
#content_container .col_mid .wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 0px solid #000000;
	color: #FFF;
	background-color: transparent;
}
#content_container .col_mid .wp-pagenavi span.extend {
	padding: 4px; 
	margin: 2px;	
	font-size: 1.1em;
	border: 1px solid #2c2919;
	color: #FFF;
	background-color: transparent;
}


/* Footer */
#footer {
	padding: 5px 0;
	font: 1.0em/1.6em Arial, Helvetica, sans-serif;
        margin-bottom: 30px;
}
#footer ul.footermisc {
	float: right;
}
#footer ul.footermisc li {
	float: left;
	margin-left: 15px;
}


/* Advertise */
.ad_h {
	background-position: 0 -1500px;
	display: block;
	height: 36px;
	margin-bottom: 25px;
	margin-top: 10px;
}
.ad_posts {
	background-color: #2c2919; 
	height: 45px; 
	width: 495px; 
	text-align: center; 
	padding-top: 30px; 
	margin-bottom: 25px;
}
.ad_sideA {
	background-position: 0 0;
	height: 125px;
	width: 312px;
	display: block;
}
.ad_sideB {
	background-position: 0 -150px;
	height: 80px;
	width: 312px;
	margin: 10px 0 10px 0;
	display: block;
}


/*Captcha*/
.captcha_css {width: 100px;}