/*
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;
}

#lucas {
	font-family:"Arial Black";
	color:#283c43;
	font-size:37px;
	line-height:1em;
	margin-bottom:25px;
	text-shadow: #ccc 2px 2px 2px;
}

#lucas_story {
	display:block;
	width:412px;
	margin:0 auto;
	background-color:#5bb0ec;
	color:white;
	font-size:18px;
	font-family:Arial;
	border:1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

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;
	letter-spacing: normal;
}


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;
	width: 550px;
	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/loginbg.png) no-repeat;
	float: left;
	width: 170px;
	height: 30px;
	margin: 0px 0px 0px 5px;
	padding: 0;
	list-style: none; 
}

#schedule li {
	background: transparent url(./images/layout/schedulebg.png) no-repeat;
	margin-top: 5px;
	margin-left: 10px;
	height: 19px;
}

#schedule a
	{
	padding-left: 25px;
	}

#newsletter { 
	background: transparent url(./images/layout/newsletter_bg.gif) top left no-repeat;
	float: left;
	width: 342px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	list-style: none; 
}

#newsletter li {
	padding-top: 2px;
}

#newsletter p
	{
	float: left;
	font-size: 12px;
	color: #fff;
	}

#newsletter li form
	{
	margin: 0;
	padding: 0;
	}
	
#email
	{
	width: 145px;
	height: 23px;
	background: transparent url(./images/layout/newsletter_form_bg.gif) top left no-repeat;
	float: left;
	display: block;
	overflow: hidden;
	color: #888;
	font-size: 12px;
	font-family: arial;
	padding-left: 5px;
	margin: 0px 0px 0px 3px;
	border: 0px none;
	}
#go
	{
	width: 31px;
	height: 23px;
	background: transparent url(./images/layout/go_button.gif) top left no-repeat;
	float: left;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px 0px 0px -6px;
	border: 0px none;
	}

.calendar img 
	{ 
	margin: 22px 0 0 20px; 
	}
	
#go,img { 
	margin: 0px; 
	}

#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.page-item-3 a { width: 68px; background-position: 0px 0px; }
#nav li.page-item-3 a:hover { background-position: 0px -40px; }
#nav li.page-item-3 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/JasonHeader2.jpg) no-repeat;
	margin: 0 auto;
	height: 282px;
	width: 948px;
}

body.home #top > a {
	height: 30px;
	width: 217px;
	position: absolute;
	top: 222px;
	left: 285px;
	text-indent: -9999px;
}

body.page-id-658 #top, body.page-id-1624 #top {
	background: transparent url(./images/layout/chalkboard-bg.png) no-repeat;
	margin-top: 10px;
/*	height: 639px; */
	
}

#topcontent {
	overflow: auto;
	min-height: 250px;
	margin: 10px 25px 15px 15px;
}

body.page-id-658 #topcontent, body.page-id-1624 #topcontent {
	overflow: hidden;
	margin: 0 35px 0px 15px;
}

#subtools {
	padding-top: 10px;
}

body.home #topcontent {
	padding: 30px 415px 0 0;
	width:527px;
}

body.home #topcontent a {
	color: #fff;
	text-decoration: none;
	font-family:Arial;
	font-weight:bold;
	font-size:17px;
	text-align:center;
	padding:10px 0;
}

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, body.page-id-1624 table font {
	font-size: 1.1em;
	color: #FFF;
	text-transform: uppercase;
}

body.page-id-658 table tr.highlights, body.page-id-1624 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, body.page-id-1624 table tr.firstrow td, body.page-id-1624 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, body.page-id-1624 table tr.totals td font, body.page-id-1624 table tr.firstrow td font {
	color: #fee4b3;
}

body.page-id-658 table tr td, body.page-id-1624 table tr td {
	text-align: left;
	padding: 2px 4px;
	color: #fff;
}

body.page-id-658 table tr td span, body.page-id-1624 table tr td span {
	color: #fff;
}

body.page-id-658 h2.chalk-title, body.page-id-1624 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; }
#footer #social ul li#myspace a { background-position: -73px 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;
}

