/*  

Theme Name: BZC 



Author: Brooklyn Zen Center



*/



body {



	margin: 0;



	padding: 0;



	background: #ffffff;



	font-family: arial, georgia, tahoma;



}



sup { /* For the 14 next to the blog title */



	color: #ffffff;



}



a {



	text-decoration: none;



	color: #888;



}



a:hover {



	text-decoration: none;



	color: #E0E0E0;



}



#outercontainer {



	margin: 50px auto;



	width: 800px;



	background: #ffffff;



}



#container {



	margin: 50px auto;



	width: 760px;



	background: #FFF;



}



/*---:[ BEGIN: header styles ]:---*/



#header



{

width: auto;

height: 200px;

       

}



#header h1 { /* For your Blog Title */



	margin: 0;



	padding: 20px 0 0 25px;



	font-size: 200%;



	letter-spacing: -1px;



	font-weight: normal;



	color: #F90;



	font-family: arial, helvetica;



}



#header h3 { /* For your Blog Description */



	margin: 0;



	padding: 0px 25px 0 0px;



	font-size: 91%;



	letter-spacing: -1px;



	font-weight: normal;



	color: #AAA;



	font-family: arial, helvetica;



	text-transform: lowercase;



	float: right;



}



/*---:[ END: header styles ]:---*/



/*---:[ BEGIN: menu styles... for the menu bar across the top ]:---*/



#menu



{

        padding-bottom: 0px;



	width: auto;



	height: 20px;



	background: #fff;



}



#menumain ul {


        padding: 0px;


	margin: 0px;



	float: left;



	width: 100%;



}

#menumain { 



	display: inline; 



}

#menumain ul li { 



	display: inline; 



}



#menumain ul li a {



	padding: 13px;



	color: #AAA;



	text-decoration: none;



	float: left;



	border-right: 1px solid #CCC;
        

      



}



#menumain ul li a:hover {



	background: #CCC;



	color: #FFF;



}



/*---:[ END: menu styles ]:---*/



/*---:[ BEGIN: maincontent styles ]:---*/



#maincontent {



	width: auto;



	background: #FFF;



	padding: 25px;



	font-size: 90%;



	margin-right: 200px;



	line-height: 150%;



}



#maincontent h2 {



	margin: 0px 0 10px 0;



	padding: 0;



	font-weight: normal;



	letter-spacing: -1px;



	font-size: 100%;



	color: #888;



}



#maincontent h3 {



	margin: 0px 0 10px 0;



	padding: 0;



	font-weight: normal;



	letter-spacing: -1px;



	font-size: 100%;



	color: #888;



}



#maincontent h4 {



	margin: 0px 0 10px 0;



	padding: 0;



	font-weight: normal;



	letter-spacing: -1px;



	font-size: 100%;



	color: #888;



}



/*---:[ END maincontent styles ]:---*/



/*---:[ BEGIN sidebar styles ]:---*/



#sidemenu { /* For the top sidebar menu, the one with with the orange arrows*/



width: 180px;



}



#sidemenu ul {



	margin: 0 0 1px 0;



	padding: 0;



	list-style-type: none;



	font-size: 100% !important;



}



#sidemenu a {



	display: block;



	padding: 3px;



	width: 180px;



	background: #FFF url(images/sidemenu-background-active.gif) repeat-x;



}



#sidemenu a:link {



	color: #888;



	text-decoration: none;



}



#sidemenu a:hover {



	background: #FFF url(images/sidemenu-background-hover.gif) repeat-x;



	color: #E0E0E0



}



#maincontentright { /* For your sidebar items*/



	float: right;



	width: 180px;



	padding: 25px;



	background: #FFF;



	line-height: 150%;



	color: #666;



}



#maincontentright ul {



	margin: 0 0 5px 0;



	padding: 0;



	list-style-type: none;



	font-size: 91%;



}



#maincontentright ul li {



	list-style-type: none;



	list-style-image: none;



}



#maincontentright li {



	list-style-type: none;



	list-style-image: none;



}



#maincontentright h2.widgettitle { /* For Sidebar Widgets Titles */



	margin: 20px 0 10px 0;



	font-weight: normal;



	letter-spacing: -1px;



	font-size: 100%;



	color: #888;



	background: #fbfbfe;



	border-bottom: 1px solid #f1f7f6;



}



#maincontentright h2 {



	margin: 20px 0 10px 0;



	font-weight: normal;



	letter-spacing: -1px;



	font-size: 100%;



	color: #888;



	background: #fbfbfe;



	border-bottom: 1px solid #f1f7f6;



}



#maincontentright h2.subscribe { /* For the Sidebar Subscribe Title */



	margin: 20px 0 10px 0;



	padding-left: 23px;



	font-weight: normal;



	letter-spacing: -1px;



	font-size: 100%;



	color: #888;



	background: #fbfbfe url(images/sidebar-rss.png) no-repeat left center;



}



.search-form {



margin-bottom: 20px;



}



/*---:[ END sidebar styles ]:---*/



/*---:[ BEGIN: entry styles...where you'd style your blog posts ]:---*/



.entry {



	margin: 10px 0px 35px 0px;



}



.entry h1 {



	margin: 0px 0 5px 0;



	padding-bottom: 2px;



	font-weight: normal;



	letter-spacing: -1px;



	font-size: 135%;



	color: #888;



	border-bottom: 1px dotted #ddd;



}



.entry img { 



	padding: 3px;



	margin: 0 6px 0 6px; 



	border: 3px double #bbb;



}



.entry a img {



 	border: 3px solid #ccc;



}



.entry a:hover img {  



 	border: 3px solid #666;



}



.entry-meta { /* For Categories, Tags and Comments at end of posts */



	background: #fbfbfe;



	border-bottom: 1px solid #f1f7f6;



}



blockquote {



 	margin: 10px 20px 0 20px;



 	background-color: #F8F8F8;



	border-bottom: 1px solid #eee;



}



blockquote p {



	margin: 0.4em 0.8em;



}



.code { /* For highlighting code snippets*/



	margin: 15px 0;



	padding: 10px;



	display: block;



	overflow: auto;



	font: 400 1em courier, monospace;



	line-height: 120%;



	white-space: pre;



	background: #f1f7f6;



	border-top: 1px solid #eee;



	border-bottom: 1px solid #eee;



}



hilite { /* For highlighting words or sentences*/



	padding: 1px 2px;



	background: #FFFF99;



	border-top: 1px solid #eee;



}



.alert { /* For Alert Class.  Thanks to bioneural.net */



	background: #fff6bf url(images/exclamation.png) center no-repeat;



	background-position: 15px 50%; /* x-pos y-pos */



	text-align: left;



	padding: 5px 20px 5px 45px;



	border-top: 2px solid #ffd324;



	border-bottom: 2px solid #ffd324;



}



/*---:[ END: entry styles ]:---*/



/*---:[ BEGIN: navigation styles... the next and previous links:]:---*/



.navigation { /*.Thanks to http://cutline.tubetorial.com/ */



	width: 500px; 



	margin: 0 0 3.0em 0; 



	float: left; 



}







* html .navigation { 



	margin: 0 0 2.5em 0; 



}



.previous { 



	padding: 0 20px 0 0; 



	float: left; 



}



.next { 



	float: right; 



	}



.clear {



	width: 500px; 



	height: 1px; 



	clear: both; 



}



/*---:[ END: navigation styles ]:---*/



/*---:[ BEGIN: comments styles ]:---*/



.comment-meta {



	font-size: 150%;



	margin: 10px 0 10px 0;



}



.comment-text {



	display: block;



	margin-bottom: 10px;



}



h2.comments-header {



	border-bottom: 2px dotted #ddd;



}



#respond {



	font-size: 100%;



}



#respond .trackback {



	padding-left: 23px;



	background: #fff url(images/trackback.png) center left no-repeat;



}



.gravatar { /* For the Gravatar Plugin */



	float: right;



	padding: 5px;



	border: 1px solid #E0E0E0;



}



.even {



	background: #FEFBFB;



	padding: 3px;



}



.highlight { /* For the Author Highlighting*/



	background: #F2F2F2;



	padding: 10px;



	border-top: 3px double #bbb;



	border-bottom:  3px double #bbb;



}



#live-preview { /* For the Live Preview Plugin*/



	margin: 20px 0 100px 0;



}



/*---:[ END: comments styles ]:---*/



/*---:[ BEGIN: footer styles ]:---*/



#footer {



	clear: both;



	width: auto;



	font-size: 80%;



	background: #fff;



	color: #888;



	font-family: arial;



	letter-spacing: -1px;



}



#footer h1{



	margin: 0;



	padding:  25px 25px 10px 25px;



	font-weight: normal;



	letter-spacing: -1px;



	font-size: 100%;



	color: #999;



}



#footer p {



	margin: 0;



	padding:  0 25px 10px 25px;



}



#footerleft {



	float: left;



	width: 380px;



}



#footerright {



	float: right;



	width: 380px;



}



#bottom { /* For the credit links in the footer*/



	clear: both;



	width: auto;



	text-align: left;



	padding: 30px 0 0px 0;



}



#bottom a {



	color: #F90;



}



#bottom a:hover {



	color: #FFC671;



}



/*--------------------------------------------



END: footer styles



BEGIN: plugin styles



------------------------------------------------*/



a.extlink { /* For Link Indication */ 



	padding-right: 10px;



	background: #fff url(images/external-link.png) no-repeat right center;



}



.flickr { /* For Flickr Plugin in the Footer*/



	clear: both;



	padding: 25px;



}



.flickr a {



	background: #333;



	border: 2px solid #666;



	display: block;



	float: left;



	margin-right: 12px;



	padding: 5px;



}



.flickr img {



border: 2px solid #999;



	display: block;



	width: 70px;



	height: 70px;



}



.flickr a:hover {



	background: #666;



	border: 2px solid #333;



	display: block;



	float: left;



	margin-right: 12px;



	padding: 5px;	



}


.divwidgettext {



	font-size: 80%;



	color: #888;


/* ================================================================ 
CSS for DROP DOWN added October 30, 2009

=================================================================== */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.dropdown ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.dropdown .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.dropdown ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.dropdown ul .current_page_item ul a:hover {
  background: gray;
}

.dropdown .current_page_item a:hover {
  background: white;
}



.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }