/* ===============================================
Hadassah House
==================================================
BACKGROUND      #000;
=================================================*/

@import url("960.css");

/* ==== mini-reset         		============================== */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; border: none; }

li {
	margin-left: 30px;
}

a {
	overflow: hidden;
}
a:focus {
	border: 0;
	outline: 0;
}

/* ==== globals         		============================== */
body{
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 62.5%;
	background: #000 url(../images/bg-tile.png) top repeat-x;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}

/* ==== typography         		============================== */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px;
}
h1 {
	padding: 10px 0 6px;
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: .1em;
	color: #c4c4c4;
	border-bottom: 1px solid #282827;
}
h2 {
	padding: 7px 0 4px;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: .1em;
	color: #c4c4c4;
}

p {
	margin: 10px 0 10px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: .1em;
	word-spacing: .2em;
	color: #fcfcfc;
}
a {
	color: #db0b00;
}
h2 a {
	color: #82a1f8;
	text-decoration: none;
}
.highlight {
	color: #db0b00;
}
.error {
	margin: 2px 0;
	padding: 3px 3px 3px 25px;
	background: #420200 url(../images/error.png) 5px center no-repeat;
	border: 1px solid #420200;
	color: #ffe6ee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
hr {
	height: 1px;
	border: none;
	background: #424c59;
}

/* !Buttons ============================== */
a#help-btn {
	display: block;
	margin: 0;
	padding: 0;
	width: 307px;
	height: 53px;
	background: url(../images/help-btn.png) top no-repeat;
	text-indent: -9999px;
}
a#help-btn:hover { background-position: 0 -73px; }

a#donate-btn-lg {
	display: block;
	margin: 0;
	padding: 0;
	width: 281px;
	height: 170px;
	background: url(../images/donate-btn-lg.png) top no-repeat;
	text-indent: -9999px;
}
a#donate-btn-lg:hover { background-position: 0 -170px; }

/* !forms ============================== */

#content-wrap form fieldset {
	margin: 5px 0;
	padding: 8px;
	background: #101314;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	#content-wrap form label {
		float: left;
		clear: left;
		display: block;
		width: 120px;
		height: 35px;
		margin: 7px 20px 2px 0;
		padding: 2px 0;
		border-right: 1px solid #181e31;
		color: #fff;
		font-size: 1.4em;
	}
		#content-wrap form label span {
			display: block;
			font-style: italic;
			font-size: .8em;
		}
	#content-wrap form input[type=text], form textarea {
		float: left;
		width: 250px;
		margin: 7px 0;
		padding: 7px 3px;
		border: 1px solid #181e31;
		font-size: 1.2em;
		font-family: Helvetica;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#content-wrap form input[type=submit] {
		clear: left;
		display: block;
	}
	#content-wrap form input:focus, form textarea:focus {
		outline: none;
	}


/* !components ============================== */
.testimonial-home {
	padding: 5px;
	background: url(../images/quotation-lg.png) top left no-repeat;
}
	.testimonial-home p {
		color: #727272;
	}
	.testimonial-home a {
		color: #b9b9b9;
	}
	.testimonial-home .author {
		display: block;
		text-align: right;
		color: #6d1409;
		font-size: 1.8em;
	}
	.testimonial-home .author-details {
		display: block;
		text-align: right;
		font-size: 1.1em;
		color: #727272;
		font-style: italic;
	}

.testimonial {
	position: relative;
	margin: 0 0 65px;
	width: 280;
	background: url(../images/testimonial-bottom.png) bottom no-repeat;
}
	.testimonial p {
		margin-top: -13px !important;
		padding: 17px 17px 30px;
		background: url(../images/testimonial-top.png) top no-repeat;
	}
	.testimonial .author {
		position: absolute;
		display: block;
		bottom: -18px;
		right: 0;
		text-align: right;
		font-size: 1.4em;
		color: #fff;
	}
	.testimonial .author-details {
		position: absolute;
		display: block;
		padding: 0 0 10px;
		bottom: -43px;
		left: 0;
		right: 0;
		text-align: right;
		font-size: 1.1em;
		color: #d4d4d4;
		border-bottom: 1px solid #282827;
	}
.testimonial.alt {
	background: url(../images/testimonial-bottom-alt.png) bottom no-repeat;
}
	.testimonial.alt p {
		background: url(../images/testimonial-top-alt.png) top no-repeat;
	}
	.testimonial.alt .author, .testimonial.alt .author-details {
		left: 0;
		text-align: left;
	}


/* !wrapper ============================== */
#wrapper {
	margin: 0 auto;
	background: url(../images/bg-wrapper.png) top no-repeat;
}

/* !SPLASH PAGE ============================== */

#splash #wrapper {
	position: relative;
	height: 700px;
	background: none;
}
	#splash a#logo {
		position: absolute;
		top: 200px;
		left: 37%;
	}

/* !header ============================== */
#header {
	position: relative;
	height: 137px;
	background: #000 url(../images/header-internal.jpg) top center no-repeat;
}
/* !HOME - header ============================== */
#home #header {
	position: relative;
	height: 137px;
	background: #000 url(../images/header-home.jpg) top center no-repeat;
}
	a#logo {
		float: left;
		display: block;
		margin: 10px 0 0;
		width: 283px;
		height: 102px;
		background: url(../images/logo.png) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}

/* !banner ============================== */
#banner {
	position: relative;
	height: 138px;
	background: url(../images/banner-internal.png) top left no-repeat;
}
	#banner #help-btn{
		position: absolute;
		bottom: 30px;
		right: 110px;
	}
/* !HOME - banner ============================== */	
#home #banner {
	position: relative;
	height: 333px;
	background: url(../images/banner-home.png) top left no-repeat;
}

/* ==== primaryNav         		============================== */
ul#primaryNav {
	float: right;
	position: relative;
	margin: 10px 0 0;
	font-size: 1.3em;
	letter-spacing: .1em;
	list-style: none;
	overflow: auto;
}
	ul#primaryNav li {
		float: left;
		margin: 0;
		padding: 0 7px;
		border-left: 1px solid #fefefe;
	}
	ul#primaryNav li.first {
		border: none;
	}
		ul#primaryNav li a {
			color: #fefefe;
			text-decoration: none;
		}
		ul#primaryNav li a:hover {
			text-decoration: underline;
		}
	
/* !HOME - content ============================== */
#home #content-main {
	padding-bottom: 10px;
	border-bottom: 1px solid #282827;
}
	#home #content-main h1 {
		margin-top: 0;
		padding-top: 0;
		color: #fff;
	}
#content-main {
	margin-top: 15px;
}
	#content-main ul {
		margin: 12px 0;
		font-size: 1.3em;
		font-weight: normal;
		line-height: 1.6;
		letter-spacing: .1em;
		color: #fcfcfc;
	}
	#content-main ul li {
		margin-top: 4px;
	}

.B_crumbBox {
	font-size: 1em;
	color: #aeaeae;
}
	.B_crumbBox a {
		color: #adccf3;
		text-decoration: none;
	}
	.B_crumbBox a:hover {
		text-decoration: underline;
	}

.post-info {
	display: block;
	padding: 1px 3px;
	background: #000;
}
	.post-info a {
		display: block;
		float: right;
		text-decoration: none;
		padding: 2px 5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.post-info a:hover {
		background: #fff;
		color: #000;
	}

.link-out {
	margin-top: 10px;
	background-color: #080808;
}
	
#content-sidebar {
	margin-top: 50px;
}
#home #content-sidebar {
	margin-top: 10px;
}

/* ==== footer         			============================== */
#footer {
	margin: 10px 10px 15px;
	padding-top: 15px;
	background: url(../images/footer-bg.png) top left no-repeat;
}
#footer ul {
	float: right;
	position: relative;
	margin: 0;
	font-size: 1.2em;
	list-style: none;
	overflow: auto;
}
	#footer ul li {
		float: left;
		margin: 0;
		padding: 0 7px;
		border-left: 1px solid #fefefe;
	}
	#footer ul li.first {
		border: none;
	}
		#footer ul li a {
			color: #fefefe;
			text-decoration: none;
		}
		#footer ul li a:hover {
			text-decoration: underline;
		}
