/*
Theme Name: Bosco Theme
Theme URI: http://iamsteph.com/
Description: The skin for the Bosco website.
Version: 1.0
Author: Stephanie Francis
Author URI: http://iamsteph.com/
Tags: Bosco, custom, fixed width, two columns
*/

/* Hat tip to Eric Meyer for reset CSS */
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, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {quotes: "" "";}
/*** bosco css starts ***/
.clearfix 		{ display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear 			{ clear:both; height:1px; width:100%; margin-bottom:-1px; font-size:0px; line-height:0; }
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} 
	.clearfix {display: block;}
	/* End hide from IE-mac */

body 	{ font-size:1em; font-family:Arial, Helvetica, Verdana, sans-serif; color:#000; background:url('img/bg-tile.gif') repeat 0 0 }

#wrap		{ width:960px; margin:0px auto 20px auto; display:block; background:url('img/banner.png') no-repeat 2px 0;}
#wrap h1	{ display:none}
#header		{ width:940px; min-height:234px; margin:0px 0px 0px 10px; display:block; position:relative}

#nav		{ width:693px; height:42px; margin:0; padding:0 0 0 30px; position:absolute; bottom:20px; right:40px; background:url('img/nav-bg.png') no-repeat 0 0;  }
#nav li				{ list-style:none; float:left; padding-top:2px }
#nav li a			{ background:url('img/nav.png') no-repeat 0 0; display:block; height:40px; text-indent:-9999em}
#nav li#nav01 a		{ width:84px; background-position:-30px 0px}
#nav li#nav02 a		{ width:177px; background-position:-114px 0px}
#nav li#nav03 a		{ width:171px; background-position:-291px 0px}
#nav li#nav04 a		{ width:107px; background-position:-462px 0px}
#nav li#nav05 a		{ width:152px; background-position:-569px 0px}
#nav li#nav01 a:hover, #nav li#nav01 a.active		{ background-position:-30px -40px}
#nav li#nav02 a:hover, #nav li#nav02 a.active		{ background-position:-114px -40px}
#nav li#nav03 a:hover, #nav li#nav03 a.active		{ background-position:-291px -40px}
#nav li#nav04 a:hover, #nav li#nav04 a.active		{ background-position:-462px -40px}
#nav li#nav05 a:hover, #nav li#nav05 a.active		{ background-position:-569px -40px}

#footer				{ width:940px; margin:0 0 0 10px; padding:40px 0 40px 0; background:#fff url('img/white-bg-end.png') no-repeat -10px bottom; border-left:1px solid #e69b13; border-bottom:1px solid #e69b13}
	#footer .footer-content		{ width:820px; margin:0 0 0 40px; display:block; background-color:#ffbc29; padding:10px 20px; font-size:0.6875em}
	#footer .footer-left		{ float:left}
	#footer .footer-right		{ float:right; text-align:right}
	#footer .footer-right a		{ margin:0 0 0 20px}
	#footer .footer-content p a:link, #footer .footer-content p a:active, #footer .footer-content p a:visited { color:#000; text-decoration:none}
	#footer .footer-content p a:hover	{ color:#000; text-decoration:underline}

#home				{ background-color:#ffffff; width:940px; margin:0 0 0 10px; border-left:1px solid #e69b13}
#home .home-top		{ display:block}
#home #welcome		{ display:block; margin:0 0 0 40px; padding:45px 20px 35px 20px; background:url('img/welcome-bg.gif') no-repeat bottom left; width:580px; min-height:200px; position:relative; color:#fff; float:left}
	#home #welcome .welcome-top		{ width:620px; height:40px; position:absolute; top:0; left:0; background:url('img/welcome-top-bg.gif') no-repeat top left; text-indent:-9999em}
	#home #welcome h1	{ font-size:1.125em; display:block; font-weight:bold; margin:0 0 10px 0;}
	#home #welcome h2	{ font-size:1.0625em; display:block; font-weight:bold; margin:0 0 10px 0;}
	#home #welcome p	{ font-size:0.75em; color:#fff; line-height:1.3; display:block; margin:0 0 15px 0}
	#home #welcome p a:link, #home #welcome p a:active, #home #welcome p a:visited { color:#fff; text-decoration:underline}
	#home #welcome p a:hover	{ color:#fff; text-decoration:none}
#home #cta				{ display:block; float:right; width:200px; margin:20px 40px 0 0}
	#home #cta p		{ display:block; margin:0 0 20px 0;}
	#home #cta a		{ display:block; width:200px; height:70px; background-repeat:no-repeat; background-position:0px 0px; text-indent:-9999em; cursor:pointer;}
	#home #cta a:link, #home #cta a:active, #home #cta a:visited { background-position:0px 0px}
	#home #cta a:hover			{ background-position:0px -70px}
	#home #cta .birthdays	 	{ background-image:url('img/buttons/birthdays.gif');}
	#home #cta .events			{ background-image:url('img/buttons/special-event.gif');}
	#home #cta .stage			{ background-image:url('img/buttons/stage-show.gif');}

#home .home-end			{ width:860px; padding:40px 40px 20px 40px; margin:0; background:url('img/news-end-bg.gif') no-repeat 0 0; position:relative}
	#home .home-end .home-end-heading	{ width:940px; height:60px; position:absolute; top:0; left:0px; display:block; background:url('img/news-top-bg.gif') no-repeat 0 0; text-indent:-9999em}
	#home #latest-news					{ width:570px; margin:0 0 0 20px; float:left; padding-top:40px}
	#home #latest-news h1				{ display:none}
	#home #latest-news .news-item		{ display:block; margin:0 0 20px 0 }
	#home #latest-news .news-date		{ display:block; margin-right:20px; float:left; width:41px; background:url('img/cal-bg.png') no-repeat bottom right} 
	#home #latest-news .news-date .month  	{ display:block; width:30px; color:#ffbc29; font-size:0.75em; font-weight:bold; background-color:#6f0202; padding:4px 5px; text-align:center; line-height:1}
	#home #latest-news .news-date .date		{ display:block; width:30px; padding:3px 5px 6px 5px; color:#000; font-size:0.75em; font-weight:bold; text-align:center; line-height:1}
	#home #latest-news .news-summary		{ display:block; width:490px; float:left; font-size:0.75em}
	#home #latest-news .news-summary dt		{ color:#fff; margin:0 0 3px 0; font-weight:bold}
	#home #latest-news .news-summary dd		{ color:#fff; line-height:1.2; margin:0 0 10px 0;}
	#home #latest-news .news-summary a:link, #home #latest-news .news-summary a:active, #home #latest-news .news-summary a:visited { color:#fff; text-decoration:underline}
	#home #latest-news .news-summary a:hover { color:#fff; text-decoration:none}
	#home #latest-news .news-summary .shutterset_, #home #latest-news .news-summary img { display:none;}
	#home #latest-news #read-more			{ display:block; height:20px; width:110px;}
		#home #latest-news #read-more a		{ display:block; background:url('img/news-read-more.gif') no-repeat 0 0; height:20px; width:110px; text-indent:-9999em}
#home #contact				{ width:220px; margin:0 20px 0 0; padding-top:35px; display:block; float:right}
	#home #contact h1		{ display:none}
	#home #contact label	{ display:none}
	#home #contact input	{ width:216px; font-size:0.75em; font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; border:1px solid #a40303; padding:2px; color:#666}
	#home #contact textarea	{ width:216px; font-size:0.75em; font-family:Arial, Helvetica, sans-serif; padding:2px;  margin:0 0 10px 0; border:1px solid #a40303; color:#666}
	#home #contact input#send	{ width:50px; height:20px; padding:0; border:none; margin:0}
	
#page-content			{ background-color:#ffffff; width:860px; margin:0 0 0 10px; padding:0px 40px 0px 40px; border-left:1px solid #e69b13}	
	#subnav				{ padding:20px 0 0 0; width:200px; float:right; display:block}
	#subnav ul.menu		{ width:200px; font-size:0.75em; line-height:1.2; margin:0 0 30px 0; padding:1px 0 0 0; }
	#subnav ul.menu li		{ color:#000; margin:0;}
	#subnav ul.menu li a	{ display:block; margin-top:-1px; padding:8px 8px 8px 22px; color:#539f26; line-height:1.2; }
	#subnav ul.menu li a:link, #subnav ul.menu li a:active, #subnav ul.menu li a:visited	{ color:#539f26; text-decoration:none; background:#fff url('img/green-star.gif') no-repeat 0px 7px; }
	#subnav ul.menu li a:hover, #subnav ul li.current_page_item a	{ color:#960606 !important; text-decoration:none; background:#fff url('img/red-star.gif') no-repeat 0px 7px !important;}
	#subnav h1, #subnav h2.widgettitle	{ color:#c00d0d; font-size:0.75em; display:block; margin:0 0 5px 0; font-weight:normal;}
	#subnav ul.extras			{ font-size:0.75em; line-height:1.3; display:block; margin:0 0 30px 0}
	#subnav ul.extras li		{ color:#000; margin:0;}
	#subnav ul.extras li a		{ display:block; margin-top:-1px; padding:4px 8px 4px 0px; color:#539f26; line-height:1.2; }
	#subnav ul.extras li a:link, #subnav ul.extras li a:active, #subnav ul.extras li a:visited	{ color:#539f26; text-decoration:none; }
	#subnav ul.extras li a:hover, #subnav ul.menu li.current_page_item a	{ color:#960606; text-decoration:none; }
	#subnav .sidesearch			{ display:block; margin:0 0 30px 0; padding:5px 0;}
	#subnav .sidesearch label	{ display:none}
	#subnav .sidesearch input	{ font-size:0.75em; font-family:Arial, Helvetica, sans-serif}
	#subnav .sidesearch input.searchinput	{ width:194px; font-family:Arial, Verdana, Helvetica, sans-serif; padding:3px; outline:2px solid #ffffcc; border:1px solid #ffee77; color:#333; margin:0 0 5px 0}
	#subnav ul		{ width:200px; font-size:0.75em; line-height:1.2; margin:0 0 30px 0; padding:1px 0 0 0; }
	#subnav ul li.page_item		{ color:#000; margin:0;}
	#subnav ul li.page_item a	{ display:block; margin-top:-1px; padding:8px 8px 8px 22px; color:#539f26; line-height:1.2; }
	#subnav ul li.page_item a:link, #subnav ul li.page_item a:active, #subnav ul li.page_item a:visited	{ color:#539f26; text-decoration:none; background:#fff url('img/green-star.gif') no-repeat 0px 7px; }
	#subnav ul li.page_item a:hover, #subnav ul li.current_page_item a	{ color:#960606; text-decoration:none; background:#fff url('img/red-star.gif') no-repeat 0px 7px;}
		
#left-col					{ display:block; padding:20px 0; float:left; width:620px; min-height:400px}
	#left-col h1.pageH1, #left-col h2.pageH2	{ font-weight:bold; display:inline; margin:0 0 20px 0; text-align:right; float:left; line-height:1}
	#left-col h1.pageH1		{ font-size:1.25em; color:#ffbc29;}
	#left-col h2.pageH2		{ font-size:1.25em; color:#ffbc29}
	#left-col .linker		{ float:left; font-size:1.25em; color:#ffbc29; font-weight:bold; padding:0 10px}
	/*#left-col strong			{ float:left; font-size:1.25em; color:#ffbc29}*/
	#left-col p.intro-para		{ font-size:0.75em; margin:0 0 20px 0; color:#000; line-height:1.3}
	#left-col p				{ font-size:0.75em; margin:0 0 10px 0; color:#333; line-height:1.3}
	#left-col ul, #left-col ol	{ color:#333; font-size:0.75em; margin:0 0 10px 0;}
	#left-col ul li			{ list-style-type:disc; list-style-position:outside; margin:0 0 2px 15px; line-height:1.3;}
	#left-col ul li ul, #left-col ol li ol			{ font-size:100%}	
	#left-col ol li			{ list-style-type:decimal; list-style-position:inside; margin:0 0 2px 0; line-height:1.3;}
	#left-col a:link, #left-col a:active, #left-col a:visited { color:#539f26; text-decoration:underline}
	#left-col a:hover			{ color:#539f26; text-decoration:none}
	#left-col strong		{ font-weight:bold;}
	#left-col .navigation	{ display:block; padding:10px 0;}
	#left-col .navigation a			{ font-size:0.75em}
	#left-col .navigation a:link, #left-col .navigation a:active, #left-col .navigation a:visited { color:#c00d0d; text-decoration:underline}
	#left-col .navigation a:hover	{ color:#c00d0d; text-decoration:none}
	
/*** Post styles ***/
#left-col .post-wrap			{ background:url('img/post-top.gif') no-repeat top left; padding:43px 0 0 0; width:620px; margin:0 0 15px 0}
#left-col .post 				{ margin:0; padding:10px 25px 25px 25px; display:block; background:#fffdf2 url('img/post-bg.gif') no-repeat bottom left; position:relative}
#left-col .post h1				{ margin:0 0 5px 0; font-size:1.25em; display:block; color:#c00d0d; line-height:1.3;  }
#left-col .post h1 a:link, #left-col .post h1 a:active, #left-col .post h1 a:visited	{ color:#c00d0d; text-decoration:none}
#left-col .post h1 a:hover		{ color:#c00d0d; text-decoration:underline}
#left-col .post p				{ display:block; margin:0 0 15px 0; line-height:1.5}
#left-col .post hr 				{ display: block;}
#left-col .post .entry			{ padding:10px 0 15px 0;  }
#left-col .post .entry	h1		{ font-size:1em; line-height:1.3; display:block; margin:0 0 5px 0; color:#539f26;  }
#left-col .post .entry	h2		{ font-size:0.875em; line-height:1.3; display:block; margin:0 0 5px 0; color:#539f26;  }
#left-col .post .entry	h3		{ font-size:0.75em; line-height:1.3; display:block; margin:0 0 5px 0; color:#539f26;  }
#left-col .post .entry .alignleft	{ float:left; margin:0 10px 10px 0; display:block}
#left-col .post .entry .alignright	{ float:right; margin:0 0 10px 10px; display:block}
#left-col .post .entry .wp-caption	{ padding:0 0 5px 0;}
#left-col .post .entry .wp-caption img 		{ display:block;}
#left-col .post .entry .wp-caption .wp-caption-text		{ display:block; padding:5px; text-align:center; font-style:italic; font-size:0.6875em}
#left-col .post .post-date p	{ font-size:0.6875em; line-height:1; color:#c00d0d; margin:0 0 5px 0 }
#left-col .post .post-date p a:link, #left-col .post .post-date p a:active, #left-col .post .post-date p a:visited { color:#c00d0d; text-decoration:underline}
#left-col .post .post-date p a:hover { color:#c00d0d; text-decoration:none}
#left-col .postmetadata			{ color:#ffbc29; font-size:0.6875em; margin:0; clear:both;}
#left-col .postmetadata a:link, #left-col .postmetadata a:active, #left-col .postmetadata a:visited { color:#ffbc29; text-decoration:underline}
#left-col .postmetadata a:hover { color:#ffbc29; text-decoration:none}

#left-col #contact .formBuilderForm		{ display:block; margin:0 0 20px 0; width:580px; padding:20px 0;}
#left-col #contact .formBuilderForm .formBuilderLabelRequired		{ font-size:0.75em; color:#000; display:block; margin:0 0 5px 0; font-weight:bold}
#left-col #contact .formBuilderForm .formBuilderInput input		{ width:390px; font-size:0.75em; padding:3px; outline:2px solid #ffffcc; border:1px solid #ffee77; font-family:Arial, Helvetica, sans-serif; color:#333; margin:0 0 10px 0;}
#left-col #contact .formBuilderForm .formBuilderLargeTextarea textarea	{ width:500px; font-size:0.75em; padding:3px; outline:2px solid #ffffcc; border:1px solid #ffee77; font-family:Arial, Helvetica, sans-serif; color:#333; margin:0 0 10px 0;}
#left-col #contact .formBuilderFailure	{ padding:15px; display:block; margin:0 0 20px 0; border:3px solid #67bfff;}
#left-col #contact .formBuilderFailure h4	{ font-size:0.875em; font-weight:bold; display:block; margin:0 0 10px 0;}
#left-col #contact .formBuilderError	{ font-size:0.6875em; display:block; padding:5px 0; color:#c60e0e; margin:0 0 5px 0;}
#left-col #contact .formBuilderSuccess	{ color:#539f26; font-size:0.75em; font-weight:bold; display:block; margin:0 0 10px 0; padding:10px 0; border-style:dashed; border-width:1px 0; border-color:#539f26}

/* Begin Comments*/
#content #comment-wrap		{ margin:0px 0 20px 0; padding:20px 20px 0px 20px; border:1px dashed #ffee77;}
#content #comment-wrap h2#comments	{ font-size:0.875em; display:block; line-height:1.2; margin:0 0 10px 0; font-weight:normal; color:#c00d0d; background:transparent url(img/balloons.png) no-repeat 0px 0; padding:0 0 0 20px}
#content #comment-wrap .comment-byline		{ font-size:0.6875em; color:#ffbc29; display:inline;}
#content #comment-wrap .comment-byline a	{ color:#ffbc29; font-style:italic}
#content #comment-wrap .comment-byline a:link, #content #comment-wrap .comment-byline a:active, #content #comment-wrap .comment-byline a:visited { color:#ffbc29; text-decoration:underline}
#content #comment-wrap .comment-byline a:hover	{ color:#539f26; text-decoration:none}
#content #comment-wrap .commentlist				{ margin:0 0 20px 0;  }
#content #comment-wrap .commentlist .comment	{ font-family:Arial, Helvetica, sans-serif; list-style-type:decimal; list-style-position:inside; color:#666666; padding:10px 0 20px 0; border-top:1px dashed #ffee77; position:relative }
#content #comment-wrap .comment-metadata		{ color:#ffbc29; display:inline; font-size:0.6875em; font-style:italic}
#content #comment-wrap .comment-metadata a:link, #content #comment-wrap .comment-metadata a:active, #content #comment-wrap .comment-metadata a:visited { color:#666; text-decoration:underline}
#content #comment-wrap .comment-metadata a:hover		{ color:#666; text-decoration:none}
#content #comment-wrap .comment-text p			{ font-size:0.75em; color:#666; line-height:1.5; padding:10px 0;}
#content #comment-wrap .comment-text a:link, #content #comment-wrap .comment-text a:active, #content #comment-wrap .comment-text a:visited { color:#666; text-decoration:underline}
#content #comment-wrap .comment-text a:hover	{ color:#666; text-decoration:none}
#content #comment-wrap .comment-info p			{ font-size:0.75em; color:#666; line-height:1.2; padding:10px 0 0 20px; background:url(images/info.gif) no-repeat 0 9px}

#content #reply					{ display:block; border:1px dashed #539f26; padding:20px; background:url('img/balloon--plus.png') no-repeat 20px 20px}
#content #reply h3				{ display:block; font-size:0.875em; color:#539f26; line-height:1.2; margin:0 0 15px 20px; font-weight:normal}	
#content #commentform			{ display:block; color:#fff; }
#content #commentform p			{ display:block; padding:3px 0; font-size:1em; margin:0 0 5px 0 }
#content #commentform p span	{ font-size:0.75em;}
#content #commentform a:link, #content #commentform a:active, #content #commentform a:visited { color:#539f26; text-decoration:underline}
#content #commentform a:hover	{ color:#539f26; text-decoration:none}
#content #commentform label		{ color:#539f26; display:inline; font-size:0.75em; font-family:Arial, Verdana, Helvetica, sans-serif;  }
#content #commentform p input.non-btn	{ width:220px; font-family:Arial, Verdana, Helvetica, sans-serif; padding:3px; outline:2px solid #ffffcc; border:1px solid #ffee77; color:#333; margin:0 10px 10px 0; font-size:0.75em}	
#content #commentform textarea	{ width:450px; font-family:Arial, Verdana, Helvetica, sans-serif; padding:3px; outline:2px solid #ffffcc; border:1px solid #ffee77; color:#333; margin:0 0 10px 0; font-size:0.75em}
#content #commentform .non-btn	{ font-size:0.75em; color:#333; width:225px; background-color:#fff; border:1px solid #f7f4eb; font-family:Arial, Verdana, Helvetica, sans-serif; padding:3px}
#content .nocomments			{ font-size:0.75em; color:#333; line-height:1.2; display:block; margin:0 0 10px 0}

/* End Comments */

/* Archives */
#left-col .archive-page			{ display:block; margin:0 0 20px 0;}
#left-col .archive-page h2		{ margin:0 0 5px 0; font-size:1em; display:block; color:#c00d0d; line-height:1.3;  }
#left-col .archive-page .archive-search { padding:15px; border:1px solid #ededed; margin:0 0 20px 0; }
#left-col .archive-page .archive-search h2	{ margin:0 0 10px 0 !important}
#left-col #searchform 			{ display:block; }
#left-col #searchform label		{ font-size:0.75em; padding:0 5px 0 0 }
#left-col #searchform input		{ font-size:0.75em; font-family:Arial, Helvetica, sans-serif}
#left-col #searchform input.searchinput	{ width:300px; font-family:Arial, Verdana, Helvetica, sans-serif; padding:3px; outline:2px solid #ffffcc; border:1px solid #ffee77; color:#333; margin:0 5px 5px 0}
#left-col .archive-page ul		{ margin:0 0 20px 15px; display:block;}
#left-col .archive-page ul li	{ margin:0 0 5px 15px;}
#left-col .archive-page .archive-lists { display:block; padding:0 15px}