/*   
Theme Name: CBD
Theme URI: http://www.recipechest.com/
Description: pages are used to create the menu bar.  pages using the default template and with the same name as a category will display the category as content.  the default category is life@cbd.
Author: Ricki Lee Gafter
Author URI: http://www.recipechest.com
Version: 1.1

creme : #F5F1E9
blue : #2b2d5b
sidebar : #B2B1E7
*/

a, a:visited {
	color: #000000;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
a img{
	text-decoration:none;
}
.account_num2 {
	font-style: italic;
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	color: #7D003F;
}

.acknowledgement {
	font-size: 85%;
	text-align: right;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
}

.aligncenter {
	text-align: center;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.attention2{
	font-size: 115%;
}
.audioplayer_container {
	margin: 0px;
	padding: 0px;
}
.audioplayer_container span{
	margin:0px;
	span:0px;
}
body {
	margin:0px;
	padding: 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(graphics/pagebackground.gif);
	background-repeat: repeat;
	min-width: 1000px;
	width:100%;
	font-size: 92%;/*	width: 1325px; */
} 
.books{
	color:#000000;
	font-size: 92%;
}
.books a, .books a:visited{
	font-style: oblique;
}
.button, .button:hover, .button:visited, #submit, input.button {
	background-color: #f5f5f5;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B7B7B7;
	border-right-color: #3C3C3C;
	border-bottom-color: #3C3C3C;
	border-left-color: #B7B7B7;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	color: #3C3C3C;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 7px;
	cursor: default;
	font-weight: bold;
}

.catItem {
	padding-bottom: 3px;
}
.catItem p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


.clear {
	clear:both;
}

/* 
when a floated element is within a div tag, that element does not automatically force the container's height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow. 

the following addresses this issue
*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#comments{		/* display no comments */
	display:none;
}
#comingSoon {	// comingsoon page
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
	margin: 30px;
	font-variant: small-caps;
}
.comingsoon{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.comingsoon .titlefield{ /*CSS for RSS title link in general*/
	text-decoration: none;
	font-style: normal;
	font-size: 115%;
	font-weight: bold;
}
.comingsoon .datefield{ /*CSS for date field in on scrolling calendar */
	font-weight: bold;
	font-size: 115%;
	font-style:normal;
	margin-left: 25px;
}
.comingsoon .description{
	font-size: 100%;
	font-style:normal;
	margin-left:25px;
}
.comingsoon #eventsScroll {	/* css for scrolling calendar*/
	font-size: 12px;
	width: 800px;
	padding-right: 5px;
	padding-left: 5px;
	left: 0px;
	top: 0px;
}
.comingsoon #eventsScroll p{	/* for each event on the scrolling calendar */
	margin-top:0;
	margin-bottom:5px;
}

/****/

#rsvp_page {	// comingsoon page
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
	margin: 30px;
	font-variant: small-caps;
}
.rsvp_page{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.rsvp_page .titlefield{ /*CSS for RSS title link in general*/
	text-decoration: none;
	font-style: normal;
	font-size: 115%;
	font-weight: bold;
}
.rsvp_page .datefield{ /*CSS for date field in on scrolling calendar */
	font-weight: bold;
	font-size: 115%;
	font-style:normal;
	margin-left: 25px;
}
.rsvp_page .description{
	font-size: 100%;
	font-style:normal;
	margin-left:25px;
}
.rsvp_page #eventsScroll {	/* css for scrolling calendar*/
	font-size: 12px;
	width: 800px;
	padding-right: 5px;
	padding-left: 5px;
	left: 0px;
	top: 0px;
}
.rsvp_page #eventsScroll p{	/* for each event on the scrolling calendar */
	margin-top:0;
	margin-bottom:5px;
}




/*.donation_amount_other {
	width: 125px;
}
*/
#donation_amount_other {
	visibility: hidden;
	margin: 0px;
	top: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-align: right;
	white-space: pre;

}
input.donation_amount_other {
	text-align: right;
}




#footer {
	color: #F5F1E9;
	font-size: 85%;
	background-image: url(graphics/mainmenubackground.gif);
	background-repeat: repeat-x;
	width: 100%;
	clear: both;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#footer a, #footer a:visited {
	text-decoration: none;
	color: #F5F1E9;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#footer a:hover {
	background-image: url(graphics/sidebar_background.gif);
	color:#000000;
}
#footer .aligncenter {
	padding-right: 15px;
	padding-left: 15px;
}

#footer .alignleft {
	padding-right: 15px;
	padding-left: 15px;
}
#footer .alignright {
	padding-right: 15px;
	padding-left: 15px;
}
.formsubmit{
	text-align: center;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
}
.formsubmit h1{
}
.formsubmit .internal-error{
	font-style: italic;
	color: #FF0000;
}
.formsubmit .missing-required{
	font-style: italic;
}
.funddescription {
	font-size: 85%;
	padding: 0px;
	margin-top: -15px;
	margin-right: 0px;
	margin-left: 80px;
	clear: both;
}
h1, .size130 {
	font-size:130%;
}
h1 a, h1 a:visited {
	text-decoration:none;
}
h1 a:hover{
	text-decoration:underline;
}
h2, table  h2, .size115{
	font-size:115%;
}
h2 a, h2 a:visited{
	text-decoration:none;
}
h2 a:hover{
	text-decoration:underline;
}
h3, table  h3, .size105{
	font-size: 105%;
	font-weight: bold;
	text-decoration: underline;
}
h4, table  h4, .size85 {
	font-size: 85%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#header {
	width: 100%;
	background-color: #F5F1E9;
	margin: 0px;
	padding: 0px;
}

#header .description {
	display:none;
}
#header img {
	padding: 5px;
	margin: 0px;
}
#header .top{
	white-space: nowrap;
	width:100%;	
	clear: both;
}
#hebcal {	/* for religious life page */
}
#hebcal H3 {
	display:none;
}
#hebcal .candles {  }
#hebcal .havdalah {  } 
#hebcal .parashat {  }
#hebcal .holiday { display: none }


#homepage{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 0;
	padding: 0px;
	background-image: url(graphics/homepagebackground.gif);
	background-position: 0px 0px;
	background-repeat: repeat;
}
#homepage img {
	margin-left: 100px;
}


.magenlist{}
ul.magenlist{
	list-style-image:  url(graphics/smmagendavid.gif);
	list-style-type: none;
}
ul.magenlist    ul {
	list-style-image: url(graphics/smarrow.gif);
	list-style-type: square;
}

.mymap {
	padding: 10px;
}
#postbody {
	margin-top: 0px;
	margin-right: 275px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 0;
}
#postbody a, #postbody a:visited {
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
#postbody a:hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#000000;
	text-decoration:none;
}

/* postentry is the post */
.postentry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
.postentry {
	font-size: 100%;
}
.postentry a, .postentry a:visited {
	text-decoration: none;
}
.postentry a:hover {
	text-decoration: underline;
}
.postentry ol, .postentry ul {
	margin:0;
	padding:0 0 0 30px;
}
.postentry ol li {
	margin:0;
	padding:0 0 10px 0;
}
.postentry ul li {
	list-style-type:disc;
	margin:0;
	padding:0;
}
.postentry img {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.pages {
	clear:both;
	font-size: 110%;
	color: #2b2d5b;
	margin: 20px;
	padding: 5px 10px;
}

.pages  a, .pages a:visited {
	text-decoration: none;
}	
.pages a:hover {
	text-decoration: underline;
}

.postauthor {
	float:right;
	color:#2b2d5b;
	font-size:85%;
	margin:0;
	font-weight:normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;

}
.posttop {
	clear:both; 
	font-size: 90%;
	color: #2b2d5b;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.posttitle {
	color: #2b2d5b;
	margin: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;

}
.posttitle h1 {
	font-size: 125%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2b2d5b;
}
.nowrap {
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

.nowraptable{
	white-space:nowrap;
}
.nowraptable td{
	white-space: nowrap;
}
.nowraptable h2{
	margin: 0px;
	padding: 0px;
	font-size: 110%;
}
#pagebody {
	padding: 5px;
}
.preload {
	position:absolute;
	top:0px;
	left:0px;
	width:1px;
	height:1px;
	visibility:hidden;
	overflow:hidden;
}

.rsvp {
	padding-right: 16px;
}
.rsvp a, .rsvp a:visited{
	color:#F5F1E9;
	text-decoration:none;
	padding-top: 0.3125em;
	padding-bottom: 0.3125em;
	padding-right: 10px;
	padding-left: 10px;
}
.rsvp a:hover{
	background-image: url(graphics/sidebar_background.gif);
	color:#000000;
}
.searchbox {
	white-space: nowrap;
	vertical-align: middle;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#searchform {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.shop, .shop a, .shop a:visited {
	text-align: center;
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7D003F;
	text-decoration: none;
}
.shop a:hover{
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #7d003f;
}

.shoppingtable{
}
.shoppingtable td{
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	margin: 0px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 3px;
}

#sidebar {
	width:250px;
	float:right;
	padding:5px;
	font-size: 90%;
	right: 5px;
	height: 100%;
	color:#2b2d5b;
	border: 3px solid #2b2d5b;
	background-color: #B2B1E7;
	margin-top: 25px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
	background-image: url(graphics/sidebar_background.gif);
	background-repeat: repeat;
	z-index: 25;
}

#sidebar h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2b2d5b;
	padding-bottom: 1px;
	margin: 0px;
}
#sidebar input:focus {
	background-color: #F5F1E9;
}
#sidebar a, #sidebar a:visited {
	color:#2b2d5b;
	text-decoration:none;
}
#sidebar a:hover {
	color:#2b2d5b;
	text-decoration: underline;
}
#sidebar ul li {
	list-style:none;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#sidebar ul.widgets {
	margin:0;
	padding:0;
	left: -5px;
}
#sidebar .widget { padding:0; padding-bottom: 15px; border:0; }

#sidebar ul.widgets li ul {
	margin:0;
	padding:0;
	left: -5px;
}
#sidebar ul.pagemenu {
	margin: 0px;
	padding: 5px;
}

#sidebar .widgets .widget li {
	padding-bottom: 5px;
}
.subscribe {
	font-size: 85%;
	width: 100%;
	text-align: right;
	margin: 0px;
	padding: 0px;
}	
.tidbits{
	font-family: Arial, Helvetica, sans-serif;
	/*	overflow: hidden; */
	color: #7D003F;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
	width: 600px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tidbits a, .tidbits a:visited, .tidbits a:hover{
	font-size:100%;
	color: #7D003F;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #7d003f;
}

/*********************************************************/


#top {
	margin: 0px;
	padding: 0px;
	width: 100%;

}
.topleft {
	float: left;
	padding: 0px;
	margin: 0px;
}
.topleft img {
	padding: 5px;
}

.topright {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}


/********  my menu **********/
#mainmenu {		/* menu container */
	z-index: 100;
	white-space: nowrap;
	width: 100%;
	margin:0px;
	padding:0px;
	color:#F5F1E9;
	background-image: url(graphics/mainmenubackground.gif);
	background-repeat: repeat-x;
	font-size: 16px;
	line-height: 33px;			/*height of menu */
	margin: 0px;
	float: left;
}
.menu{
	display:block;
}
.menu ul{						/* need this to keep the first level menu aligned */
	text-align: left;
	font-size: 16px;
	line-height: 33px;			/*height of menu */
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
}

.menu li
{
	list-style-type:none;
	display: inline; 
	margin: 0px;
	padding: 0px;
}

.menu li a{
	width: auto;
	text-align:center;
	text-decoration:none;
	margin: 0px;
	color:#F5F1E9;
	padding-right:14px;
	padding-left:14px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.menu li a, .menu li a:visited{
	color: #F5F1E9;
}
.menu li a:hover, .menu li.selected a{	/* need second part to keep main menu selected when hovering over drop down */
	padding-top: 0.3125em;
	padding-bottom: 0.3125em; 
	background-image: url(graphics/sidebar_background.gif);
	color:#000000;
}

.horizSubmenu				/* hide sub menu */
{
	position: absolute;
	top: 0;
	z-index:100;
	width:250px;
	visibility: hidden;
	margin: 0px;
	border-right-width: 0.063em;
	border-bottom-width: 0.063em;
	border-left-width: 0.063em;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #2b2d5b;
	border-bottom-color: #2b2d5b;
	border-left-color: #2b2d5b;
	border-top-width: 0.063em; 
	border-top-style: solid;
	padding: 0px;
}
.horizSubmenu a{
	width:auto;
	display:block;
	/*	text-indent: 5px; */
	text-decoration:none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.horizSubmenu a, .horizSubmenu a:visited{	/* dropdown menu colors when not hovering */
	color: #F5F1E9;
	background-color: #2b2c5b
}
.horizSubmenu a:hover{						/* dropdown menu colors when hovering */
	background-image: url(graphics/sidebar_background.gif);
	color:#000000;
}

#wrapper {
	width: 100%;
	height: 100%;
}
/***** calendar stuff goes here ****/
#sidebar .titlefield{ /*CSS for RSS title link in general*/
	text-decoration: none;
	font-style: italic;
}
#sidebar .datefield{ /*CSS for date field in on scrolling calendar */
	font-weight: bold;
	padding-top: 15px;
	padding-bottom:3px;
	font-size: 90%;
}
#sidebar .labelfield{ /*CSS for label field for scrolling calendar - title and content */
	color:green;
}
#sidebar #eventsScroll {	/* css for scrolling calendar*/
	font-size: 12px;
	height: 400px;
	width: 240px;
	padding-right: 5px;
	padding-left: 5px;
	left: 0px;
	top: 0px;
}
#sidebar #eventsScroll p{	/* for each event on the scrolling calendar */
	margin-top:0;
	margin-bottom:5px;
}
.sizing {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.sizing ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.sizing li {
	display: inline;
}
.sizing a {
	margin: 0px;
	padding: 1px;
}
