/*
	HOTPRESS FRAMEWORK
	Site:Cunningham Foundation
	By:Steven Waller
	Created:07-28-2009
*/

/* Background
----------------------------------------------------------------------------------------------------*/
body{
	background:transparent url(images/background-pattern-bottom.jpg) repeat scroll left top;
}
#background-pattern{
	background:transparent url(images/background-pattern-top.jpg) repeat-x scroll left 157px;
	height:100%;
}
#background-shadow{
	background: url(images/background-shadow.png) no-repeat center 157px;
	height:100%;
}
/* Header
----------------------------------------------------------------------------------------------------*/
#header-background{
	background:transparent url(images/header-background.gif) repeat-x scroll center top;
}
#header{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
#logo{
	float:left;
	padding:21px 0 0 0;
	margin:0;
	display:block;
	width:317px;
}
	#logo a:link,
	#logo a:visited{
		display:block;
		width:317px;
		height:71px;
		background:transparent url(images/logo.png) no-repeat scroll left top;
		text-indent:-9999px;
	}
#header-right{
	width:580px;
	float:right;
	overflow:hidden;
}
#header-top{
	overflow:hidden;
	width:580px;
}
#header-search{
	float:right;
	width:217px;
	overflow:hidden;
	padding-top:17px;
}
	#header-search .search-input{
		display:block;
		width:122px;
		height:22px;
		background:transparent url(images/search-box.gif) no-repeat scroll left top;
		padding:2px 0 0 27px;
		float:left;
		margin-top:1px;
	}
		#header-search .search-input input{
			width:115px;
			height:14px;
			border:1px solid #fff;
			font-size:11px;
		}
	#header-search .search-btn{
		width:68px;
		float:right;
	}
#cta-buy-bracelet{
	margin:0;
	float:right;
	width:204px;
	padding:3px 29px 0 0;
}
	#cta-buy-bracelet a:link,
	#cta-buy-bracelet a:visited{
		display:block;
		width:204px;
		height:74px;
		background:transparent url(images/btn-hope-bracelet.png) no-repeat scroll left top;
		text-indent:-9999px;
	}
#utility-links{
	overflow:hidden;
	width:580px;
	padding:2px 0 16px;
}
	#utility-links ul{
		float:right;
		margin:0;
	}
		#utility-links li{
			display:inline;
			float:left;
			list-style:none;
			background:transparent url(images/utility-bar.gif) no-repeat scroll right 5px;
			padding:0 6px;
			
		}
			#utility-links a:link,
			#utility-links a:visited{
				display:inline-block;
				text-decoration:none;
				color:#000;
				font-size:12px;
				height:17px;
			}
			#utility-links a:hover,
			#utility-links a:active{
				color:#f68610;
			}
			#utility-links li#utility-facebook{
				background:none;
				padding-right:0;
			}
			#utility-links li#utility-facebook a:link,
			#utility-links li#utility-facebook a:visited{
				background:transparent url(images/icon-facebook.gif) no-repeat scroll right top;
				padding-right:23px;
			}
#ribbon{
	position:fixed;
	bottom:0;
	right:0;
}
	#ribbon p{
		margin:0;
		padding:0;
	}
		#ribbon a{
			display:block;
			width:117px;
			height:117px;
			background:transparent url(images/donated-by.png) no-repeat scroll right bottom;
			text-indent:-9999px;
		}
/* Main Navigation
----------------------------------------------------------------------------------------------------*/
#nav-main-background{
	background:transparent url(images/nav-main-background.gif) repeat-x scroll center top;
	display:block;
	height:43px;
}
#nav-main{
	width:940px;
	margin:0 auto;
}
	#nav-main ul{
		margin:0;
		overflow:hidden;
	}
		#nav-main li{
			display:inline;
			float:left;
			list-style:none;
			padding:0 25px;
		}
			#nav-main a:link,
			#nav-main a:visited{
				display:inline-block;
				line-height:38px;
				padding:0 10px;
				height:38px;
				font-family:Georgia, "Times New Roman", Times, serif;
				text-decoration:none;
				font-size:19px;
				color:#4c0400;
				background:transparent url(images/nav-highlight.gif) repeat-x scroll left 50px;
			}
			#nav-main a:hover,
			#nav-main a:active{
				background-position:left bottom;
			}
			#nav-main li.selected a:link,
			#nav-main li.selected a:visted,
			#nav-main li.selected a:hover,
			#nav-main li.selected a:active{
				background-postion:left bottom;
			}

/* Flash
----------------------------------------------------------------------------------------------------*/
#flash{
	background: url(images/flash-background.png) no-repeat center top;
	display:block;
	width:940px;
	height:270px;
	padding:24px 0 0 0;
	margin-top:13px;
}
	#flash object{
		margin-left:25px;
		overflow:auto;
	}

/* Home page columns
----------------------------------------------------------------------------------------------------*/
#home-column-1,
#home-column-2,
#home-column-3{
	background:url(images/corner-shadow-small.png) no-repeat 1px 1px;
}
	#home-column-1 .content-holder,
	#home-column-2 .content-holder,
	#home-column-3 .content-holder{
		padding:0 20px;
	}
	#home-column-1 .column-top,
	#home-column-2 .column-top{
		display:block;
		height:15px;
		background:url(images/grid-5-top.png) no-repeat left top;
	}
	#home-column-3 .column-top{
		display:block;
		height:15px;
		background:url(images/grid-6-top.png) no-repeat left top;
	}
	#inside-column-2 .column-top{
		display:block;
		height:15px;
		background:url(images/sub-nav-top.png) no-repeat left top;
	}
	#home-column-1 .grunge-left,
	#home-column-2 .grunge-left,
	#home-column-3 .grunge-left,
	#inside-column-2 .grunge-left{
		background:url(images/grunge-left.png) repeat-y left top;
	}
	#home-column-1 .grunge-right,
	#home-column-2 .grunge-right,
	#home-column-3 .grunge-right,
	#inside-column-2 .grunge-right{
		background:url(images/grunge-right.png) repeat-y right top;
		padding-bottom:1px;
		zoom:1;
	}
	#home-column-1 .column-bottom,
	#home-column-2 .column-bottom,
	#inside-column-2 .column-bottom{
		display:block;
		height:15px;
		background:url(images/grid-5-bottom.png) no-repeat left bottom;
	}
	#home-column-3 .column-bottom{
		display:block;
		height:15px;
		background:url(images/grid-6-bottom.png) no-repeat left bottom;
	}
	#home-column-1 h2,
	#home-column-2 h2,
	#home-column-3 h2{
		display:block;
		height:40px;
		background:url(images/h2-background.png) no-repeat left top;
		font-size:26px;
		padding:0 0 0 20px;
		margin-right:20px;
		margin-bottom:5px;
		color:#8a0700;
	}

/* breadcrumbs and utility links
----------------------------------------------------------------------------------------------------*/
#bread-and-utility{
	padding:13px 0;
}
#breadcrumbs{
	color:#bfa72d;
	font-size:12px;
}
	#breadcrumbs strong{
		color:#bfa72d;
	}
	#breadcrumbs a:link,
	#breadcrumbs a:visited{
		text-decoration:none;
		color:#bfa72d;
	}
	#breadcrumbs a:hover,
	#breadcrumsb a:active{
		color:#f68610;
	}
#utility ul{
	margin-bottom:0;
	float:right;
}
	#utility ul li{
		display:inline;
		float:left;
		list-style:none;
		background:none;
		padding-bottom:0;
		list-style:none;
	}
		#utility a:link,
		#utility a:visited{
			color:#bfa72d;
			text-decoration:none;
		}
		#utility a:hover,
		#utility a:active{
			color:#f68610;
		}
		#utility #utility-bookmark a{
			background:url(images/icon-page.gif) no-repeat left 4px;
			padding-left:15px;
		}
		#utility #utility-email a{
			background:url(images/icon-envelope.gif) no-repeat left 5px;
			padding-left:15px;
		}
		#utility #utility-print a{
			background:url(images/icon-printer.gif) no-repeat left 4px;
			padding-left:15px;
		}

/* Inside Columns
----------------------------------------------------------------------------------------------------*/
#inside-column-1{
	background:url(images/corner-shadow-large.png) no-repeat 1px 1px;
	min-height:218px;
}
	#inside-column-1 .content-holder{
		padding:0 0 0 20px;
	}
		#inside-column-1 h1{
		display:block;
		background:url(images/h1-background.png) no-repeat left bottom;
		font-size:36px;
		padding:0 0 16px 20px;
		margin-bottom:5px;
		margin-left:-20px;
		color:#8a0700;
		}

/* Sub Navigation
----------------------------------------------------------------------------------------------------*/
#inside-column-2 .column-bottom{
	margin-bottom:20px;
}
#nav-sub{
	padding-top:1px;
	margin-top:-1px;
}
	#nav-sub ul{
		padding:0 0 0 2px;
	}
		#nav-sub li#sub-nav-title{
			background:url(images/nav-sub-header.png) no-repeat left bottom;
			padding-bottom:20px;
			padding-left: 23px;
			padding-right:0;
			margin-bottom:10px;
		}
			#nav-sub li#sub-nav-title a:link,
			#nav-sub li#sub-nav-title a:visited{
				color:#a92e02;
				font-size:30px;
				line-height:30px;
				text-decoration:none;
				font-weight:bold;
			}
		#nav-sub ul li{
			padding-left:40px;
			padding-right:20px;
			background-position:23px 6px
		}
		#nav-sub ul li.selected{
			background:transparent url(images/bullet-dot-red.gif) no-repeat scroll 23px 6px;
		}
		#nav-sub ul li a:link,
		#nav-sub ul li a:visited{
			font-weight:bold;
			color:#f9f5e2;
			text-decoration:none;
		}
		#nav-sub ul li a:hover,
		#nav-sub ul li a:active{
			color:#FFC228;
		}
			#nav-sub ul li img{
				display:none;
			}
			#nav-sub ul li ul{
				display:none;
			}
				#nav-sub ul li.selected ul{
					display:block;
				}
					#nav-sub ul li ul li{
						padding-right:0;
						padding-bottom:2px;
					}
						#nav-sub ul li.selected ul li ul{
							display:none;
						}
						#nav-sub ul li.selected ul li.selected ul{
							display:block;
						}

/* Blog Styles
----------------------------------------------------------------------------------------------------*/
#inside-column-1.blog-container{
	background:none;
}
#inside-column-1 .blog-post-container{
	background:transparent url(images/corner-shadow-large.png) no-repeat scroll 1px 1px;
	zoom:1;
}
#inside-column-1 h1.blog-post-title{
	margin-left:0;
	zoom:1;
}
	#inside-column-1 h1.blog-post-title a:link,
	#inside-column-1 h1.blog-post-title a:visited{
		color:#8a0700;
	}
	#inside-column-1 h1.blog-post-title a:hover,
	#inside-column-1 h1.blog-post-title a:active{
		color:#FFC228;
		text-decoration:none;
	}
#inside-column-1 .blog-post-body{
	margin-bottom:60px;
}
#inside-column-1 .blog-post-date{
	font-style:italic;
	font-size:11px;
}
#inside-column-1 .blog-post-links{
	color:#F68610;
	font-size:12px;
}
#inside-column-1 .comment-list{
	background:#1d5568;
	border:none;
	width:600px;
	zoom:1;
}
	#inside-column-1 .comment-list textarea.cat_listbox_small{
		width:450px;
	}

#inside-column-2.blog-side-bar .column-top{
	background:transparent url(images/blog-side-bar-top.png) no-repeat scroll left top;
}

.recent-posts,
.tags,
.archives{
	padding:0 20px;
}
.BlogRecentPost li a:link,
.BlogRecentPost li a:visited,
.BlogTagList li a:link,
.BlogTagList li a:visited,
.BlogPostArchive li a:link,
.BlogPostArchive li a:visited{
	font-size:12px;
	text-decoration:none;
	color:#f9f5e2;
}
/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	background:url(images/footer-background.png) no-repeat center top;
	overflow:hidden;
	padding:30px 0;
	margin-top:30px;
}
	#footer ul{
		display:block;
		width:780px;
		float:left;
		margin:0;
	}
		#main-content #footer li{
			display:inline;
			float:left;
			list-style:none;
			background:url(images/footer-bar.gif) no-repeat left 5px;
			padding:0 8px;
		}
		#footer li#footer-first{
			background:none;
			padding-left:0;
		}
			#footer a:link,
			#footer a:visited{
				color:#daeddc;
				text-decoration:none;
			}
			#footer a:hover,
			#footer a:active{
				color:#FFC228;
			}
	#footer #hotpress{
		float:right;
		display:block;
		width:150px;
		margin:0;
	}
		#footer #hotpress a:link,
		#footer #hotpress a:visited{
			display:block;
			width:129px;
			height:13px;
			background:url(images/hotpress.gif) no-repeat left 3px;
			text-indent:-9999px;
			padding-top:3px;
			float:right;
		}

/* Web Form Styles
----------------------------------------------------------------------------------------------------*/
.form label, .webform label{
	font-size:12px;
	font-weight:bold;
}
.req{
	color:red;
}

#Title{
	width:58px;
}

/* Ecommerce Styles
----------------------------------------------------------------------------------------------------*/
.poplets{
	border:none;
}
.shop-main{
	margin:0;
	padding:0;
}
table.productTable td{
	padding:10px;
	margin:0;
}
.store-catalogue{
	float:left;
	margin-right:30px;
	background:#e8f9ff;
	text-align:center;
	padding:20px;
}
	
.product-small{
	margin:0 auto 20px 0;
	background:#e8f9ff;
	padding:20px 0;
	width:220px;
}
.product-small h3,
.store-catalogue h3{
	padding-left:20px;
	padding-right:20px;
}
.product-small h3 a,
.store-catalogue h3 a{
	color:#8a0700;
	text-align:center;
}
.product-small ul{
	margin-bottom:0;
	padding-left:20px;
	padding-right:20px;
}
	#main-content .product-small li{
		background:none;
		padding-bottom:0;
		color:#000;
		padding-left:0;
	}
		.product-small .productTextInput{
			width:40px;
		}
.product-small strong{
	color:#000;
}
.product-small .image{
	text-align:center;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
table.productLarge td{
	padding:0;
}
table.productLarge .large-image{
	text-align:right;
}
table.productLarge .productTextInput{
	width:50px;
} 

/* Misc Elements
----------------------------------------------------------------------------------------------------*/
#home-column-3 h2.donate,
#inside-column-2 h2.donate{
	padding:0;
	margin-bottom:20px;
	background:none;
	height:62px;
}
	#home-column-3 h2.donate a,
	#inside-column-2 h2.donate a{
		display:block;
		width:278px;
		height:62px;
		background:url(images/btn-donate.png) no-repeat left top;
		text-indent:-9999px;
	}
#main-content .upcoming-events li{
	background:url(images/bullet-arrow.gif) no-repeat 5px 4px;
	font-style:italic;
	font-size:11px;
	color:#c8d4ea;
}
	#main-content .upcoming-events li a{
		text-decoration:none;
		font-weight:bold;
		color:#fff;
		font-style:normal;
		font-size:13px;
	}
#newsletter-signup{
	padding-left:43px;
	background:url(images/icon-newsletter.png) no-repeat left top;
}	
	#newsletter-signup a:link,
	#newsletter-signup a:visited,
	#newsletter-signup a:hover,
	#newsletter-signup a:active{
		font-size:17px;
		color:#ffa612;
		text-decoration:none;
		font-weight:bold;
		font-style:italic;
		text-transform:uppercase;
		zoom:1;
	}
#main-content .recent-blog-posts ol{
	margin-left:0;
}
	#main-content .recent-blog-posts li{
		font-style:italic;
		font-size:11px;
		color:#c8d4ea;
		background:transparent url(images/bullet-dot-blue.gif) no-repeat scroll 5px 6px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding-bottom:10px;
		padding-left:23px;
		zoom:1;
	}
		#main-content .recent-blog-posts li a:link,
		#main-content .recent-blog-posts li a:visited{
			text-decoration:none;
			font-weight:bold;
			color:#fff;
			font-style:normal;
			font-size:13px;
		}
		#main-content .recent-blog-posts li a:hover,
		#main-content .recent-blog-posts li a:active{
			color:#FFC228;
		}
		#main-content .recent-blog-posts li .author{
			display:none;
		}
		#main-content .recent-blog-posts li .date{
			display:block;
		}