/*
Theme Name: Houchin
Theme URI: http://hcbb.com/
Description: A custom wordpress theme built by The Marcom Group for Houchin Blood Bank.
Version: 1.0
Author: The Marcom Group
Author URI: http://themarcomgroup.com/
*/


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, sub, sup, tt, var,
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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Arial;
	vertical-align: baseline;
}

:focus {
	outline: none;
}

.clear {
	clear: both;
}

h1 {
	text-align: left;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 2.6em;
	letter-spacing: -2px;
	padding-bottom: 12px;
}

h2 {
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 1.25em;
	padding-bottom: 12px;
}

h3 {
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
}

a {
	color: #9c1817;
	text-decoration: none;
	font-size: inherit;
}

a:hover {
	text-decoration: underline;
}

p {
	text-align: left;
	margin-bottom: 1em;
}

hr {
	margin: 0 auto;
	border: none;
	background: url(./images/layout/rulerbg.png) no-repeat;
	width: 955px;
	*display: none;
}

img.alignleft, div.alignleft {
	float: left;
	margin: 0 15px 15px 0;
	overflow:hidden;
}

img.alignright, div.alignright {
	float: right;
	margin: 0 0 15px 15px;
	overflow: hidden;
}

div.wp-caption {
	background: #ECECEC;
	padding: 10px;
}

div.posts-entry div.wp-caption img {
	padding-bottom: 0px;
	margin-bottom: 10px;

}

div.wp-caption img.alignleft {
	margin-left: 5px;
	margin-bottom: 0px;
}

div.wp-caption img.alignright {
	margin-right: 5px;
	margin-bottom: 0px;
}

p.wp-caption-text {
	margin-bottom: 0;
	font-size: .85em;
	font-style: italic;
	padding: 0 10px;
}


div.hentry {
	overflow: auto;
	width: auto;
}


.video_right {
	float: right;
	margin: 0 0 15px 15px;
}	
body {
	color: #2c3c45;
	text-align: center;
}
blockquote {
	font-style: italic;
	border-left: 1px;
	border-left-color: gray;
	border-left-style: dotted;
	padding-left: 5px;
	margin-left: 40px;
}

.entry ul li{
	margin-left: 12px;
}

#wrapper {
	margin: 0 auto;
	width: 955px;
	text-align: left;
}

h1#logo {
	background: transparent url(./images/layout/logo.png) no-repeat;
	margin: 15px 0 0px 22px;
	height: 97px;
	width: 327px;
	float: left;
	text-indent: -9999px;
}

h1#logo a {
	display: block;
	height: 65px;
}

#tools {
	color: #FFF;
	background: transparent url(./images/layout/loginbg.png) no-repeat;
	width: 168px;
	height: 30px;
	float: right;
}

#tools a {
	color: #FFF;
	text-decoration: none;
}

#tools a:hover {
	text-decoration: underline;
}

#login { display: none; float: right; margin: 6px 67px 0 0; }
#login li { float: left; list-style: none; margin-right: 5px;}

#schedule { 
	background: transparent url(./images/layout/schedulebg.png) no-repeat;
	float: left;
	width: 150px;
	height: 19px;
	margin: 4px 0 0 9px;
	padding-left: 25px;
	list-style: none; 
}

#schedule li {
	padding-top: 2px;
}

#nav ul li a {
	color: #2C3C45;
	background: transparent url(./images/layout/navbg.png) no-repeat;
	display: block;
	height: 25px;
	padding-top: 15px;
	text-align: center;
	text-transform: uppercase;
}

#nav li a:hover {
	color: #FFF;
	text-decoration: none;
}

#nav li {
	float: left;
	margin-right: 6px;
	list-style: none;
}

#nav ul li ul {
	position: absolute;
	display: none;
	z-index: 200;
}

#nav ul li ul li {
	display: block;
	float: none;
	border: 1px solid #3a4c57;
	border-top: none;
}

#nav ul li ul li:first-child {
	border-top: 1px solid #3a4c57;
}

#nav ul li ul li a {
	background: none;
	background-color: #ecf0ef;
	display: block;
	height: auto;
	padding: 10px;
	text-align: left;
		
}

#nav ul li ul li a:hover {
	background: #3a4c57;
	color: #FFF;
}

#nav ul li:hover ul { display: block; }

#nav li#frontpage a { width: 68px; background-position: 0px 0px; }
#nav li#frontpage a:hover { background-position: 0px -40px; }
#nav li#frontpage a.current { background-position: 0px -40px; }

#nav li#about-houchin a { width: 150px; background-position: -74px 0px; }
#nav li#about-houchin a:hover { background-position: -74px -40px; }

#nav li#blood-donation a { width: 160px; background-position: -231px 0px; }
#nav li#blood-donation a:hover { background-position: -231px -40px; }

#nav li#how-to-donate a { width: 142px; background-position: -398px 0px; }
#nav li#how-to-donate a:hover { background-position: -398px -40px; }

#nav li#proud-partners a { width: 143px; background-position: -546px 0px; }
#nav li#proud-partners a:hover { background-position: -546px -40px; }

#nav li#category-news-events a { width: 134px; background-position: -696px 0px; }
#nav li#category-news-events a:hover { background-position: -696px -40px; }

#nav li#en-espanol a { width: 118px; background-position: -837px 0px; }
#nav li#en-espanol a:hover { background-position: -837px -40px; }
#nav li#en-espanol { margin-right: 0px; }

body.home #top {
	position:relative;
	background: transparent url(./images/layout/header-home.png) no-repeat;
	margin: 0 auto;
	height: 282px;
	width: 911px;
}

body.home #top > a {
	height: 30px;
	width: 217px;
	position: absolute;
	top: 222px;
	left: 285px;
	text-indent: -9999px;
}

body.page-id-658 #top {
	background: transparent url(./images/layout/chalkboard-bg.png) no-repeat;
	margin-top: 10px;
	height: 639px;
	
}

#topcontent {
	overflow: auto;
	min-height: 250px;
	margin: 0 25px 15px 25px;
}

body.page-id-658 #topcontent {
	overflow: hidden;
	margin: 0 35px 0px 15px;
}

#subtools {
	padding-top: 10px;
}

body.home #topcontent {
	padding: 95px 415px 0 20px;
}

body.home #topcontent a {
	color: #2c3c45;
	text-decoration: none;
}

body.home #topcontent a:hover {
	text-decoration: underline;
}

a.posts-title, h2.posts-title {
	color:#9C1817;
/*	color: #2c3c45;*/
	font-size: 2em;
}

h2.posts-title {
	padding-bottom: 0px;
}

body.single div#content {
	margin-top: 10px;
}

body.single div#content div.entry {
	margin-left: 10px;
	margin-top: 10px;
}

body.page-id-658 table font {
	font-size: 1.1em;
	color: #FFF;
	text-transform: uppercase;
}

body.page-id-658 table tr.highlights {
	background: url(./images/layout/row_bg.png);
	text-align: left;
}

body.page-id-658 table tr.firstrow td, body.page-id-658 table tr.totals td {
	padding-top: 15px;
}

body.page-id-658 table tr.totals td font, body.page-id-658 table tr.firstrow td font {
	color: #fee4b3;
}

body.page-id-658 table tr td {
	text-align: left;
	padding: 2px 4px;
}

body.page-id-658 h2.chalk-title {
	font-size: .5em;
	margin-top: 30px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
}

small {
	margin-bottom: 5px;
}

div.category-news-events small {
	font-size: 1em;
	font-style: italic;
}

div.posts-entry {
	padding: 12px 10px;
	border-bottom: 1px solid #ECECEC;
	margin-bottom: 12px;
	overflow: hidden;
}

div.posts-entry img {
	padding-bottom: 10px;
}

#mid {
	background: #dbe7e2;
}

#midcontent {
	margin: 0 auto;
	width: 875px;
}

body.home #midcontent {
	padding-top: 12px;
}

#midcontent p span.heart {
	background: transparent url(./images/layout/heartbg.png) no-repeat;
	height: 12px;
	width: 13px;
}

#threecol {
	margin: 0 auto;
	padding-top: 19px;
	width: 937px;
}

#threecol .subbox {
	float: left;
	min-height: 273px;
	width: 301px;
}

#midcontent .subbox {
	margin: 15px 0px;
	float: left;
	width: 280px;
	min-height: 362px;
	border-right: 1px solid #839193;
}

#midcontent .firstbox {
	border-left: none;
}

#midcontent .lastbox {
	border-right: none;
}

#midcontent .subbox h2.widgettitle {
	padding-left: 15px;
	font-family: Arial Black;
	font-size: 2em;
	font-style: normal;
}

#threecol #leftbox {
	/*background: transparent url(./images/subbox1.png) no-repeat;*/
	margin-right: 17px;
}

#threecol #midbox {
	/*background: transparent url(./images/subbox2.png) no-repeat;*/
	margin-right: 17px;
}

#threecol #rightbox {
	/*background: transparent url(./images/subbox3.png) no-repeat;*/
}

#customBoxTop {
	background: transparent url(./images/layout/customboxbg-top.png);
	width: 243px;
	height: 12px;
}

#customBoxMid {
	background: transparent url(./images/layout/customboxbg-mid.png) repeat-y;
	width: 213px;
	padding: 0 15px;
}

#customBoxMid ul {
	margin-left: 10px;
}

#customBoxBot {
	background: transparent url(./images/layout/customboxbg-bot.png);
	width: 243px;
	height: 12px;
}

#customBox {
	float: left;
	margin: 10px 20px 0 0;
	width: 243px;
}

#customBox p {
	margin-bottom: 0px;
	padding-bottom: 12px;
}

#customBox p:last-child {
	padding-bottom: 0px;
}

#customBox h3 {
	color: #9e0b0f;
	font-family: Arial Black;
	padding-bottom: 12px;
}

#customBox span.red {
	color: #9e0b0f;
	font-size: 1.4em;
}

#footer {
	color: #FFF;
	background: transparent url(./images/layout/footertopbg.png) no-repeat;
	margin: 0 auto;
	height: 57px;
	width: 928px;
}

#footer #hours {
	float: left;
	padding: 12px 0 0 12px;
	line-height: 18px;
	width: 600px;
}

#footer #social {
	margin: 20px;
	float: right;
	width: 92px;
	height: 20px;
}

#footer #social ul li {
	list-style: none;
	float: left;
}

#footer #social ul li a {
	background: transparent url(./images/layout/socialbg.png) no-repeat;
	display: block;
	margin-right: 5px;
	height: 18px;
	width: 18px;
	text-indent: -9999px;
}

#footer #social ul li#mail a { background-position: 0px 0px; display: none; }
#footer #social ul li#twitter a { background-position: -18px 0px; }
#footer #social ul li#rss a { background-position: -36px 0px; }
#footer #social ul li#facebook a { background-position: -55px 0px; }

#hours p {
	padding: 0;
}

#bot {
	background: #000 url(./images/layout/footerbotbg.png) repeat-x;
	height: 142px;
}

#botcontent {
	width: 800px;
	margin: 0 auto;
	padding: 12px 0;
}

#botcontent p {
	color: #7d7d7d;
	margin-top: 25px;
	text-align: center;
}

#botcontent p a {
	color: #7d7d7d;
}

#botcontent a {
	color: #FFF;
}

#botcontent ul li {
	color: #FFF;
	float: left;
	margin-left: 20px; 
}

#botcontent ul li:first-child {
	list-style: none;
}

.widgetcontent {
	text-align: left;
}

.widgetcontent ul {
	list-style: none; 
	margin-left: 20px;
	line-height: 20px;
}

.ko-calendar-widget-events {
	margin-left: 20px;
	line-height: 20px;
}

li.widget {
	list-style: none;
}

.linklove { display: none; }

/* Added by Dustin */

#facebook_box {
text-align: center;
margin-top: 20px;
}

div#blog_sidebar {
	float: right;
	width: 180px;
	margin-top: 50px;
	margin-right: 20px;
	height: 100%;
	background-color: #edf1f0;
	padding: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#blog_sidebar h2.widgettitle {
	margin-top: 12px;
}

div#archive_content {
	width: 700px;
}

#widget-ko_calendar-3-widget_title {
display: none;
}