/*
Theme Name: CASA 
Description: The CASA WordPress theme.
Version: 0.1
Author: William Summer
*/

* { margin: 0; padding: 0; }
body
{
	background-color: #d8dec1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #403d38;
}
a
{
	text-decoration: none;
	color: #3d3b36;
}
a:hover
{
	color: #66625a;
}
a.more
{
	text-transform: uppercase;
	color: #0090c1;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
a.more:hover
{
	color: #007399;
}
h1
{
	font-size: 23px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 20px;
}
h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.25em;
	margin-top: 15px;
	margin-bottom: 10px;
}
h1 + h2
{
	margin-top: 0;
}
.homepage h2
{
	font-size: 19px;
}
h3
{
	margin-bottom: 10px;
}
p
{
	margin: 10px 0;
}
p.first, h3 + p, h2 + p
{
	margin-top: 0px;
}
p.quote
{
	font-size: 14px;
	font-style: italic;
	color: #999;
}
p.quote_main
{
	font-style: italic;
}
p a
{
	color: #0090c1;
}
p a:hover
{
	color: #007399;
}
td
{
	padding-right: 15px;
}
#page_wrapper
{
	margin: 0 auto;
	width: 960px;
}
div.first
{
	margin-top: 0 !important;
}
.imageleft
{
	float: left;
	margin: 30px 30px 30px 0;
	width: 220px;
}
.imageright
{
	float: right;
	margin: 10px 0 30px 30px;
	width: 300px;
}
.alignleft
{
	float: left;
	margin: 15px 30px 20px 0;
}
.alignright
{
	float: right;
	margin: 15px 0 30px 30px;
}
/***********************************************
**************   TOP NAVIGATION   **************
***********************************************/
#page_top
{
	height: 40px;
}
#page_top ul li
{
	float: right;
	border-left: solid 1px #67625a;
	list-style: none;
	padding: 0 10px;
	margin-top: 10px;
	line-height: 1em;
}
#page_top ul li.first
{
	border: none;
}
#page_top li a
{
	color: #67625a;
}
#page_top li a:hover
{
	color: #3d3b36;
}
#page_center
{
	position: relative;
	padding-top: 20px;
	width: 960px;
	margin: 0 auto;
	background: #fff url(images/border-top.gif) no-repeat 0 0;
	float: left;
}
#page_center_main
{
	padding-bottom: 20px;
	background: #fff url(images/border-bottom.gif) no-repeat 0 bottom;
	float: left;
	width: 960px;
}
/***********************************************
**************       HEADER       **************
***********************************************/
#casa_logo
{
	position: absolute;
	top: 20px;
	left: 20px;
}
#casa_logo a
{
	display: block;
	height: 0;
	width: 255px;
	padding-top: 152px;
	background: transparent url(images/casa_logo.jpg) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
}
#nav
{
	position: absolute;
	top: 20px;
	right: 20px;
}
#nav li
{
	float: left;
	list-style: none;
}
#nav li#nav_news, li#nav_volunteer, li#nav_donate
{
	margin-left: 10px;
}
#nav li#nav_story a
{
	display: block;
	height: 0;
	padding-top: 30px;
	width: 164px;
	overflow: hidden;
	background: transparent url(images/casa_navigation2.png) no-repeat 0 0;
	cursor: pointer;
}
body.es #nav li#nav_story a
{
	background-image: url(images/casa_navigation2_es.png);
}
#nav li#nav_story a:hover
{
	background-position: 0 -30px;
}
.page #nav li#nav_story a:hover
{
	background-position: 0 -60px;
}
#nav li#nav_news a
{
	display: block;
	height: 0;
	padding-top: 30px;
	width: 164px;
	overflow: hidden;
	background: transparent url(images/casa_navigation2.png) no-repeat -174px 0;
	cursor: pointer;
}
body.es #nav li#nav_news a
{
	background-image: url(images/casa_navigation2_es.png);
}
#nav li#nav_news a:hover
{
	background-position: -174px -30px;
}
.page #nav li#nav_news a:hover
{
	background-position: -174px -60px;
}
#nav li#nav_volunteer a
{
	display: block;
	height: 0;
	padding-top: 30px;
	width: 164px;
	overflow: hidden;
	background: transparent url(images/casa_navigation2.png) no-repeat -348px 0;
	cursor: pointer;
}
body.es #nav li#nav_volunteer a
{
	background-image: url(images/casa_navigation2_es.png);
}
#nav li#nav_volunteer a:hover
{
	background-position: -348px -30px;
}
.page #nav li#nav_volunteer a:hover
{
	background-position: -348px -60px;
}
#nav li#nav_donate a
{
	display: block;
	height: 0;
	padding-top: 30px;
	width: 164px;
	overflow: hidden;
	background: transparent url(images/casa_navigation2.png) no-repeat -522px 0;
	cursor: pointer;
}
body.es #nav li#nav_donate a
{
	background-image: url(images/casa_navigation2_es.png);
}
#nav li#nav_donate a:hover
{
	background-position: -522px -30px;
}
.page #nav li#nav_donate a:hover
{
	background-position: -522px -60px;
}
/***********************************************
**************       SIDEBAR      **************
***********************************************/
#sidebar
{
	float: left;
	width: 210px;
	margin-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#sidebar #casa_logo
{
	position: relative;
	top: 0;
	left: 0;
	width: 210px;
	margin-bottom: 0;
}
#sidebar #casa_logo a
{
	width: 210px;
	padding-top: 142px;
}
#sidebar ul
{
	/*padding-left: 10px;*/
	width: 200px;
}
#sidebar li
{
	list-style: none;
	line-height: 1.75em;
	padding-left: 10px;
}
#sidebar li.current_page_item
{
	background-color: #dedec8;
}
#sidebar h2
{
	margin-top: 30px;
	margin-bottom: 10px;
	font-style: italic;
	padding-left: 10px;
}
/***********************************************
*************  MAIN CONTENT HP  ****************
***********************************************/
#content
{
	margin-left: 20px;
	_margin-left: 10px;
	width: 920px;
	float: left;
}
.page #content
{
	margin-left: 24px;
	margin-top: 50px;
	width: 680px;
}
#hp_top_portion
{
	height: 0;
	padding-top: 341px;
	width: 920px;
	overflow: hidden;
	background: transparent url(images/hp-images.jpg) no-repeat 0 0;
}
#hp_top_portion2
{
	margin-top: 41px;
	margin-bottom: 10px;
	height: 290px;
	width: 920px;
	overflow: hidden;
	position: relative;
}
#hp_top_portion2 a img
{
	border: none;
}
#pos1
{
	position: absolute;
	height: 166px;
	width: 225px;
	overflow: hidden;
	bottom: 0;
	left: 0;
}
#pos2
{
	position: absolute;
	height: 290px;
	width: 220px;
	overflow: hidden;
	bottom: 0;
	left: 235px;
}
#pos3
{
	position: absolute;
	height: 187px;
	width: 108px;
	overflow: hidden;
	bottom: 0;
	left: 465px;
}
#pos4
{
	position: absolute;
	height: 187px;
	width: 337px;
	overflow: hidden;
	bottom: 0;
	right: 0;
}
#pos5
{
	position: absolute;
	height: 93px;
	width: 163px;
	overflow: hidden;
	top: 0;
	right: 0;
}
#pos6
{
	position: absolute;
	height: 93px;
	width: 283px;
	overflow: hidden;
	top: 0;
	left: 465px;
}
#hp_centerleft
{
	width: 685px;
	background-color: #00467e;
	color: #fff;
	min-height: 169px;
	*height: 169px;
	float: left;
}
#hp_centerleft h2
{
	margin-left: 20px;
	padding-top: 20px;
	width: 645px;
}
a.btn_donate
{
	display: block;
	height: 0;
	padding-top: 27px;
	width: 82px;
	overflow: hidden;
	background: transparent url(images/btn_donate.png) no-repeat 0 0;
	cursor: pointer;
}
body.es a.btn_donate
{
	background-image: url(images/btn_donate_es.png);
}
a.btn_donate:hover
{
	background-position: 0 -27px;
}
#hp_centerleft a.btn_donate
{
	margin: 20px 0 0 20px;
}
#hp_centerright
{
	margin-left: 10px;
	width: 225px;
	float: left;
}
#hp_centerright li
{
	list-style: none;
	margin-bottom: 10px;
}
li#btn_donate a
{
	display: block;
	height: 0;
	width: 225px;
	padding-top: 50px;
	overflow: hidden;
	background: transparent url(images/dvl_buttons.gif) no-repeat 0 0;
	cursor: pointer;
}
body.es li#btn_donate a
{
	background-image: url(images/dvl_buttons_es.gif);	
}
li#btn_donate a:hover
{
	background-position: -225px 0;
}
li#btn_volunteer a
{
	display: block;
	height: 0;
	width: 225px;
	padding-top: 50px;
	overflow: hidden;
	background: transparent url(images/dvl_buttons.gif) no-repeat 0 -60px;
	cursor: pointer;
}
body.es li#btn_volunteer a
{
	background-image: url(images/dvl_buttons_es.gif);
}
li#btn_volunteer a:hover
{
	background-position: -225px -60px;
}
li#btn_learn_more a
{
	display: block;
	height: 0;
	width: 225px;
	padding-top: 50px;
	overflow: hidden;
	background: transparent url(images/dvl_buttons.gif) no-repeat 0 -120px;
	cursor: pointer;
}
body.es li#btn_learn_more a
{
	background-image: url(images/dvl_buttons_es.gif);
}
li#btn_learn_more a:hover
{
	background-position: -225px -120px;
}
#hp_centerright li#btn_learn_more
{
	margin-bottom: 0;
}
#hp_bottom
{
	float: left:
	width: 920px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#hp_bottom .section
{
	float: left;
	padding: 0 20px;
	margin-top: 20px;
	margin-right: 10px;
	border-right: dotted 1px #999;
	min-height: 160px;
	*height: auto !important;
	*height: 160px;
}
#hp_bottom .section div
{
	width: 302px;
}
#hp_bottom .section div h2 + p, #hp_bottom .section div h2 + ul
{
	margin-top: 5px;
}
#hp_bottom .section_narrow
{
	float: left;
	padding-left: 20px;
	margin-top: 20px;
}
#hp_bottom .section_narrow div
{
	width: 185px;
}
#hp_bottom .section_narrow div h2 + p, #hp_bottom .section_narrow div h2 + ul
{
	margin-top: 5px;
}
#hp_bottom ul
{
	margin: 10px 0 10px 12px;
}
.homepage li
{
	margin-bottom: .5em;
}
.homepage li a
{
	font-family: Georgia, "Times New Roman", Times, serif;
}
/***********************************************
*************    MAIN CONTENT   ****************
***********************************************/
.casa-story h1
{
	color: #00467e;
}
.donate h1
{
	color: #ac3018;
}
.news-events h1
{
	color: #677e50;
}
.volunteer h1
{
	color: #819ea5;
}
#site_section
{
	text-indent: -1000em;
	height: 50px;
	width: 220px;
	margin-bottom: 10px;
}
.casa-story #site_section
{
	background: transparent url(images/hdr_casa_story.gif) no-repeat 0 0;
}
body.es.casa-story #site_section
{
	background-image: url(images/hdr_casa_story_es.gif);
}
.news-events #site_section
{
	background: transparent url(images/hdr_news_events.gif) no-repeat 0 0;
}
body.es.news-events #site_section
{
	background-image: url(images/hdr_news_events_es.gif);
}
.volunteer #site_section
{
	background: transparent url(images/hdr_volunteer.gif) no-repeat 0 0;
}
body.es.volunteer #site_section
{
	background-image: url(images/hdr_volunteer_es.gif);
}
.donate #site_section
{
	background: transparent url(images/hdr_donate.gif) no-repeat 0 0;
}
body.es.donate #site_section
{
	background-image: url(images/hdr_donate_es.gif);
}
#site_section + p
{
	margin-top: 0;
}
#site_section + p img.alignleft
{
	margin-top: 0;
}
#hp_bottom .section div ul, #hp_bottom .section_narrow div ul
{
	margin-left: 12px;
}
.homepage #content ul
{
	margin-left: 0;
}
#content ul
{
	margin-left: 12px;
}
ul.list_inside
{
	list-style-position: inside;
}
ul.list_inside li
{
	margin-bottom: 4px;
}
#breadcrumbs
{
	margin-bottom: 5px;
}
li a
{
	color: #0090c1;
}
li a:hover
{
	color: #007399;
}
/***********************************************
**************        FAQs        **************
***********************************************/
#faq-questions-list
{
	display: none;
}
p.faq-question
{
	margin-top: 15px;
	margin-bottom: 0;
}
p.faq-question a
{
	font-size: 14px;
}
p.faq-answer
{
	margin-top: 0;
}
/***********************************************
**************       EVENTS       **************
***********************************************/
div.event
{
	margin-bottom: 30px;
}
.item
{
	margin-bottom: 30px;
}
/***********************************************
**************       FOOTER       **************
***********************************************/
#page_footer 
{
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 10px;
	font-size: 10px;
	color: #66625a;
}
#page_footer a
{
	color: #0090c1;
}
#page_footer a:hover
{
	color: #007399;
}
.contact_info span
{
	padding: 0 10px;
	border-right: solid 1px #999;
}
.contact_info span.email
{
	border: none;
}
/***********************************************
**************  ADMIN ADJUSTMENTS **************
***********************************************/
a.donate_now
{
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 30px;
	width: 163px;
	background: transparent url(images/btnDonateNow_blue.gif) no-repeat 0 0;
}
body.es a.donate_now
{
	background-image: url(images/but_donateNow_spanish.gif);
}
a.donate_now:hover
{
	background-position: 0 -30px;
}
/***********************************************
**************  ADMIN ADJUSTMENTS **************
***********************************************/
div.inside textarea
{
	width: 98%;
}
