/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[][][][][] My Life Inside The Box [][][][][][][][][][][]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* =Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Eric Meyer  v1.0 | 20080212 
    http://meyerweb.com/eric/tools/css/reset/
*/
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, strong, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* =Main Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body { font-family: Helvetica, Arial, Verdana, sans-serif; background: #f9e2ec; }
a { color: #5a3576 }
#container { width: 932px; background: #f8c1d9 url(images/b-main.gif) no-repeat left top; margin: 0 auto; position: relative; border-left: 5px solid #fcbed9; border-right: 5px solid #fcbed9; }
#search { text-indent: 0; background: #fde7f1; position: absolute; left: 15px; top: 0; padding: 10px 15px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
#searchform label { display: none }
#connect .facebook { right: 65px }
#connect .twitter { right: 20px }
#branding { height: 200px; width: 932px; background: url(images/b-branding.gif) no-repeat left bottom; text-indent: -999em; }
#branding a { text-decoration: none; width: 932px; height: 200px; display: block; }
#site_info { clear: both }
/* =Nav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nav { display: inline; font-size: 16px; background: transparent url(images/b_nav.png) repeat-x left top; margin-top: -3px; margin: -3px -5px 0 -5px; width: 902px; padding: 0 20px; float: left; height: 50px; }
#nav li { float: left; margin-top: 8px; padding-right: 5px; }
#nav li a { float: left; display: block; height: 42px; text-decoration: none; line-height: 42px; text-align: left; color: #dddbda; padding: 0 15px; }
#nav li.current-menu-item { height: 92px; margin-top: -41px; padding-top: 49px; background: transparent url(images/b_nav_a.png) repeat-x left top; }
* html #nav li.current-menu-item { height: 42px }
#nav li.current-menu-item a:link, #nav li.current-menu-item a:visited { background: #fff; color: #7c6657; }
#nav li a:hover { background: #fff; color: #5090b0; }
#nav ul#menu-secondary-nav { float: right }
/* =Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content_wrap { background: #7c6657 url(images/b_content_wrap.gif) repeat-y left top; float: left; display: inline; margin: 0px -5px; width: 942px; border-bottom: 10px solid #7c6657; }
#content_wrap.one-column { background: #7c6657 url(images/b_content_wrap_single_column.gif) repeat-y left top; margin: 0px -5px; }
#content { float: left; padding-right: 10px; display: inline; }
#content_wrap.one-column #content { margin: 20px }
#content_wrap #content { margin: 20px 0 20px 20px }
#content_wrap p { margin-bottom: 20px; font-size: 12px; line-height: 18px; }
#content_wrap ul { font-size: 12px; margin-bottom: 20px; }
#content ul li { margin-left: 25px; list-style: disc; line-height: 18px; margin-bottom: 5px; }
#content_wrap ul li ol { margin-top: 10px }
#content_wrap ol li { list-style: decimal }
#hdr_event h3{ font-size: 24px; float: left; margin-top: 90px; margin-left: 20px; display: inline;}
#hdr_event p{float: left; clear: none; width: 300px; margin-left: 20px;}
#flower_date{width: 181px; height: 184px; float: left; background: url(images/date_flower.png) no-repeat left top; text-indent: -999em;}
.time{float: left; width: 145px; clear: left;}
.title_desc{float: left; width: 375px;}
.section{clear: both; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
/* =Sidebar / Widgets ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#sidebar { float: right; width: 289px; background: url(images/b_sidebar.gif) repeat-y left top; margin-right: 10px; display: inline; padding-top: 20px; }
#sidebar #upcoming-events, #text-5, #sidebar #text-7, #sidebar #subscribe2, #polls-widget-3 { background: #fff; opacity: .5; margin: 0 15px 15px 15px; padding: 15px; clear: both; }
#text-5, { margin: 0 15px 15px 15px }

#sidebar #upcoming-events h3, #sidebar #text-7 h3, #subscribe2 h3, #polls-widget-3  h3 { color: #184c33; opacity: 1; font-size: 16px; margin-bottom: 15px; }
#sidebar #upcoming-events li, #sidebar  #text-7 li { margin-bottom: 20px; line-height: 18px; opacity: 1; }
#sidebar li.twitter a { height: 32px; padding-left: 40px; line-height: 32px; background: url(images/twitter.png) no-repeat left top; display: block; }
#sidebar li.facebook a { height: 32px; padding-left: 40px; line-height: 32px; background: url(images/facebook.png) no-repeat left top; display: block; }
#sidebar li.rss a { height: 32px; padding-left: 40px; line-height: 32px; background: url(images/rss.png) no-repeat left top; display: block; }
#sidebar #upcoming-events li strong { display: block }
#sidebar .widget-container { margin-bottom: 20px }
#sidebar #upcoming-events.widget-container { margin-bottom: 0 }
#text-8 a { display: block; width: 263px; height: 111px; text-indent: -999em; text-decoration: none; background: url(images/btn_tickets.gif) no-repeat left top; margin: 0 15px; }

#text-4 a { display: block; width: 263px; height: 111px; text-indent: -999em; text-decoration: none; background: url(images/btn_ask_mom.gif) no-repeat left top; margin: 0 15px; }
#text-6 a { display: block; width: 263px; height: 111px; text-indent: -999em; text-decoration: none; background: url(images/btn_recipes.gif) no-repeat left top; margin: 0 15px; }
/* =Post Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1.page-title { font-size: 18px; margin-bottom: 20px; font-weight: normal; line-height: 30px; color: #555; border-bottom: 1px solid #555; }
#content_wrap.one-column #content .type-page, #content_wrap.one-column #content #comments { width: auto; background: none; }
#content_wrap.one-column #content .type-page { padding: 20px; width: 862px; float: left; }
#content_wrap.one-column #content .type-page { background: url(images/b_post.gif) repeat left top }
.type-post, #comments, .type-page { background: url(images/b_post.gif) repeat-y left top; width: 523px; padding: 20px 50px 20px 20px; margin-bottom: 30px; clear: both; position: relative; }
.type-post.sticky { background: url(images/b_tip.gif) repeat-y left top }
.sticky.type-post .meta-prep { display: none }
.meta-prep { position: absolute; top: 0; right: 0; width: 90px; display: block; height: 77px; background: url(images/welcome_flower.png) no-repeat left top; text-indent: -999em; }
h2.entry-title { font-size: 24px; margin-bottom: 20px; font-weight: normal; line-height: 30px; color: #555; font-weight: bold; }
h2.entry-title a { text-decoration: none; color: #555; }
.type-post img, .type-page img { float: right; border: 5px solid #fff; -webkit-box-shadow: 2px 2px 2px #aaa; -moz-box-shadow: 2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa; margin: 15px 0 15px 15px; margin-right: -30px; }
.type-post img.noborder { border: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.entry-content, .entry-summary { font-size: 12px; line-height: 18px; }
.entry-content ol { margin-left: 22px }
.entry-content h3 { font-size: 22px; color: #555; margin-bottom: 15px; }
.entry-content h4 { font-size: 13px; color: #888; margin-bottom: 10px; }
.entry-utility, .entry-meta { font-size: 10px; line-height: 18px; border-top: 1px solid #aaa; padding-top: 5px; clear: both; }
.entry-meta { border-top: 0; margin-bottom: 20px; }
#content_wrap h2.entry-title { margin-bottom: 0 }
.entry-social { border-top: 1px solid #9c86ad }
.comment-share { margin-top: 10px }
.leave-comment a { background: #5a3576; font-size: 12px; color: #fff; text-decoration: none; padding: 5px; opacity: .5; }
.social-like, .social-share, .comments-link { margin-top: 10px; padding-top: 10px; font-size: 12px; }
.twitter-share-button { vertical-align: middle; padding-left: 15px; }
.navigation { margin-bottom: 15px; width: 593px; float: left; }
.navigation a, .button a { background: #5a3576; font-size: 12px; color: #fff; text-decoration: none; padding: 5px; opacity: .5; }
.nav-previous, .submit_event { float: left }
.nav-next { float: right }
.resource_link_group { width: 200px; float: left; margin-right: 10px; }
/* =Comments ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#respond { padding-top: 20px }
.comment-form-comment label { display: block }
.nocomments { display: none }
ol.commentlist { margin-left: 22px }
ol.commentlist li { margin-bottom: 10px; font-size: 12px; padding: 10px; }
.comment-author { font-size: 13px; margin-bottom: 5px; font-weight: bold; }
.comment-author img { display: none }
.comment { position: relative }
.comment-meta { position: absolute; top: 10px; right: 10px; font-size: 10px; }
h3#comments-title { margin-bottom: 20px; font-weight: normal; }
ol.commentlist li.odd { background: #fff }
/* =Calendar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.category-key { display: none }
.calendar-event { margin-bottom: 10px }
#content_wrap h3.event-title { line-height: 18px; font-weight: normal; font-size: 12px; }
#content #jd-calendar .my-calendar-nav ul li { margin-left: 0 }
#content #jd-calendar { background: transparent }
#jd-calendar table { background: #fff; clear: both; }
.my-calendar-nav { float: right }
/* =Site Info ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#site_info { padding-bottom: 40px }
#addr { margin-left: 180px; padding-top: 40px; font-size: 14px; }
/* =Misc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float: right; margin: 0 0 1em 1em; }
a img.alignleft { float: left; margin: 0 1em 1em 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.quotes{
	position:relative;
	padding:15px;
	margin:40px 0 0.5em;
	color:#fff;
	background:#716285;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#content .quotes p{font-size: 18px; line-height: 24px;}
/* creates the triangle */
.quotes:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:-30px;
	left:50px;
	width:0;
	height:0;
	border:15px solid transparent;
	border-bottom-color:#716285;
}