/*
Theme Name: Methuen Festival of Trees
Description: 
Version: 
*/

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

	COLOR CHART 2009

	Dark brown: #251f12
	Nav bar green: #c2b956
	Nav font color: #7b6432
	Light tan: #938054
        Page background: #453c29


        COLOR CHART 2010

	Dark purple: #22166a
	Nav bar green: #c2b956
	Nav font color: #322148
	Light purple: #9790c4
        Page background: #453c29
        Drop Down Menu Background: #251f13 c2b956


COLOR CHART 2011

	Medium Violet: #59598b
	Nav bar violet: #2e2e47
	Nav font color: #2e2e47
	Light Violet: #9292b3
        Dark Violet: #2e2e47
        Page background: #1d1e30
        Drop Down Menu Background: 


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

@import '_reset.css'; 

p.admin { font-size: 90%; color: #000; font-weight: bold; position: absolute; top: 0; right: 0; background: yellow; z-index: 4000;}
p.admin a { color: #a09575; border: 0; background: url(images/icon-pencil.gif) no-repeat; padding-left: 20px; }
p.admin a:hover { color: #6f5e30; }

body {
	behavior: url(/wp-content/themes/default/csshover.htc); 
	background: #1d1e30;
	color: #2a2a2a;
	cursor: default;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.35;
}

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

	PAGE STRUCTURE

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

#pagewrapperbg {
	background:url(images/pagewrapperbg.png) top left repeat-y;
	margin: 0 auto;
	width: 1050px;
}

#pagewrapper {
	margin: 0 auto;
	width: 1000px;
	background: #989782;
}
#headerwrapper {
	/*background: #59598b url(images/header2011.png) top left no-repeat;*/
	display: block;
	height: 209px;
	width: 100%;
}

#content {
	background: white;
	display: block;
	padding: 0;
	text-align: left;
	overflow: visible;
}
	#content .bulbfull {background: #989782 url(http://www.methuenfestivaloftrees.com/wp-content/uploads/2011ornaments.png) top left no-repeat; float: left; height: 474px; width: 464px;}
	#content .bulbsm {background: #989782 url(/wp-content/uploads/bulbsm11.png) top left no-repeat; float: left; height: 480px; width: 212px;}

	#content .contentsub {float: left;}
	#content .contentsub .homecontent {
		background: #59598b;
		height: 273px;
		width: 536px;
	}
		#content .contentsub .homecontent p {
			background:url(/wp-content/uploads/2011-bigt.png) 50px 0 no-repeat;
			color: #fff;
			font: normal 13px/20px Georgia, Times, Times New Roman, serif;
			text-indent: 65px;
			padding: 30px 40px 0 130px;
			margin: 0;
		}
	#content .contentsub .homeslideshow {
		background: #59598b url(/wp-content/uploads/home_slideshowbg11x.png) top right no-repeat;
		height: 171px;
		width: 536px;
		padding-bottom: 30px;
	}
	#content .contentsub .subcontent {
		background: #d3ceed;
		min-height: 480px;
		width: 788px;
		overflow: hidden;
		padding-bottom: 30px;
	}
		#content .contentsub .subcontent .another {padding: 40px 20px 20px 40px;}


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

	TYPOGRAPHY

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

#content h1 {
	font: bold 16px/16px Arial, Helvetica, Verdana, sans serif;
	color: #322148;
	padding: 0;
	margin: 0 0 15px 0;
}

#content h2 {
	font: bold 14px/14px Arial, Helvetica, Verdana, sans serif;
	color: #322148;
	padding: 0;
	margin: 10px 0 10px 0;
}

#content h3 {
	font: bold 14px/14px Arial, Helvetica, Verdana, sans serif;
	color: #322148;
	padding: 0;
	margin: 10px 0 10px 0;
}

#content .contentsub p {
	line-height: 1.5em;
	margin: 0 0 10px 0;
	padding: 0;
}
	#content .contentsub strong {font-weight: bold}
	#content .contentsub em {font-style: italic}

	#content .contentsub a, #content .contentsub a:active, #content .contentsub a:link, #content .contentsub a:visited {
		color: #68060a;
		text-decoration: underline;
	}
	#content .contentsub a:hover {
		color: #be1104;
	}
	#content .contentsub a.dl {
		background:url(images/download.png) top left no-repeat;
		font-weight: bold;
		padding-left: 20px;
	}
	#content .contentsub a.notactive {
		color: #999;
		font-style: italic;
		text-decoration: none;
	}

#content ul {
	margin: 0 0 10px 0;
}
#content ul li {
	background:url(images/smstar.png) 0 2px no-repeat;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 7px;
}

#content .contentsub li {
	background:url(images/smstar.png) 0 2px no-repeat !important;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 7px;
}

#content .contentsub .subcontent a img {border: 1px dashed #bfb194 !important;}
#content .contentsub .subcontent a img:hover {border: 1px dashed #322148 !important;}


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

	DROP DOWN MENU

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

#navwrapper {
	background: #2e2e47 url(http://www.methuenfestivaloftrees.com/wp-content/uploads/nav-background11.png) top left no-repeat;
	height: 37px;
	margin-top: 0px;
	width: 100%;
}

/* main menu ul elment */
#nav{
	display:block;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	text-align: center;
	width: 100%;
}

/* all menu links */
#nav a, #subMenusContainer a{
	background:url(http://www.methuenfestivaloftrees.com/wp-content/uploads/nav-background11.png) top left no-repeat;
	color: #2e2e47;
	font: bold 14px/37px Georgia, Times, serif;
	text-decoration:none;
	display:block;
	padding: 0 10px 0 20px;
}

/* just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* all menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color: blue;
	color:#e0e0e2;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background:url(http://www.methuenfestivaloftrees.com/wp-content/uploads/nav-itembg11x.png) 0 -42px no-repeat;
	color: #2e2e47;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
}

/* ----[ ULs, LIs, and DIVs ]----*/

/* submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* all ULs */
#nav, #nav ul, #subMenusContainer ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* sll submenu ULs */
#nav ul, #subMenusContainer ul {	
	background: #2e2e47 url(http://www.methuenfestivaloftrees.com/wp-content/uploads/nav-sub-bg11.png) top left repeat-y;
	border-left: 1px solid #c5c5c8;
	border-right: 1px solid #c5c5c8;
	border-bottom: 1px solid #c5c5c8;
	left:0;
	min-width: 155px;
	max-width: 170px;
}
#nav ul li, #subMenusContainer ul li {
}

/* list items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	background: none;
	list-style: none;
	padding: 5px 10px 5px 10px;
	margin: 0;
}
	#subMenusContainer li a {
		background: none;
		font: normal 13px/18px Georgia, Times, serif;
		padding: 0;
		margin: 0;
	}
		#subMenusContainer li:hover {background: #fff; cursor: pointer;}
		#subMenusContainer li a:hover, #subMenusContainer li a:focus {background: none; color: #c519f;}

#subMenusContainer {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:visible;
	z-index:1000000000;
}


/* --------------------------[ the below is for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a {/* just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

#nav li.page_item.page-item-7 ul {
	border: 2px solid red !important;
}


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

	CONTACT FORM

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

.spacer{clear:both; height:1px;}

#contactinfo {
	color: #333;
	float: right;
	width: 180px;
	background: #fdfdf2;
	border: 1px solid #c8c7bd;
	padding: 10px;
}

	#contactinfo ul li {font-size: 11px; margin: 0 0 15px 0;}
	#contactinfo ul li strong {
		display: block;
		text-transform: uppercase;
		color: #322148;
	}

#contactform form {
	background: #fdfdf2;
	border: 1px solid #c8c7bd;
	float: left;
	width: 500px;
	padding: 20px 0 0 0;
	margin: 0;
}

#contactform p {
	font-size:11px;
	color: #333;
	margin-bottom:20px;
	padding-bottom:10px;
}
#contactform label{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #322148;
	display: block;
	text-align: right;
	width: 140px;
	float: left;
}
#contactform .small{
		color:#333;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		text-transform: none;
		width:140px;
}
#contactform input, #contactform textarea {
		background: #eeeedc url(images/inputbg.png) top left repeat-x;
		font: normal 13px/13px Arial, Helvetica, Verdana, sans serif;
		color: #333;
		border: 1px solid #ccc;
		float: left;
		width: 300px;
		margin: 0 0 20px 10px;
		padding: 10px;
}
#contactform input#submit { 
		clear:both;
		margin-left: 150px;
		background: #0c59a4;
		color: #fff;
		border: none;
		font-size:14px;
		font-weight:bold;
		padding: 10px 0;
		width: 200px !important;
}
	#contactform input#submit:hover {cursor: pointer; background: #00448b;}

div.wpcf7 span.wpcf7-not-valid-tip-no-ajax, div.wpcf7 div.wpcf7-validation-errors {
	color: #b11418;
	padding-bottom: 10px;
	text-transform: none;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
div.wpcf7-mail-sent-ok {
	color: #397e0b;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: center;
}



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

	EVENT CALENDAR

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


    .calnk a:hover {
    background-position:0 0;
    text-decoration:none;  
    color:#000000;
    }
    .calnk a:visited {
    text-decoration:none;
    color:#000000;
   }
    .calnk a {
   text-decoration:none; 
   color:#000000; 
   }
    .calnk a span { 
   display:none; 
   }
    .calnk a:hover span {
   color:#333333; 
   background:#F6F79B; 
   display:block;
   position:absolute; 
   margin-top:1px; 
   padding:5px; 
   width:150px; 
   z-index:100;
   }
.calendar-table {
	background: #fff;
   border:none;
   width:100%;
}
.calendar-heading {
   height:25px;
   text-align:center;
   border:1px solid #D6DED5;
   background-color:#E4EBE3;
}
.calendar-next {
   width:25%;
   text-align:center;
}
.calendar-prev {
   width:25%;
   text-align:center;
}
.calendar-next, .calendar-prev {
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
}
.calendar-month {
   width:50%;
   text-align:center;
   font-weight:bold;
}
.normal-day-heading {
   text-align:center;
   width:25px;
   height:25px;
   font-size:0.8em;
   border:1px solid #DFE6DE;
   background-color:#EBF2EA;
}
.weekend-heading {
   text-align:center;
   width:25px;
   height:25px;
   font-size:0.8em;
   border:1px solid #DFE6DE;
   background-color:#EBF2EA;
   color:#000;
}
.day-with-date {
   vertical-align:text-top;
   text-align:left;
   width:60px;
   height:60px;
   border:1px solid #DFE6DE;
}
.no-events {

}
.day-without-date {
   width:60px;
   height:60px;
   border:1px solid #E9F0E8;
}
span.weekend {
   color:#000;
}
.current-day {
   vertical-align:text-top;
   text-align:left;
   width:60px;
   height:60px;
   border:1px solid #BFBFBF;
   background-color:#E4EBE3;
}
span.event {
   font-size:0.75em;
}
.kjo-link {
   font-size:0.75em;
   text-align:center;
}
.event-title {
   text-align:center;
   font-weight:bold;
   font-size:1.2em;
}
.event-title-break {
   width:96%;
   margin-left:2%;
   margin-right:2%;
   margin-top:5px;
   margin-bottom:5px;
   text-align:center;
   height:1px;
   background-color:#000000;
}
.event-content-break {
   width:96%;
   margin-left:2%;
   margin-right:2%;
   margin-top:5px;
   margin-bottom:5px;
   text-align:center;
   height:1px;
   background-color:#000000;
}
.calendar-date-switcher {
   height:25px;
   text-align:center;
   border:1px solid #D6DED5;
   background-color:#E4EBE3;
}
.calendar-date-switcher form {
   margin:0;
   padding:0;
}
.calendar-date-switcher input {
   border:1px #D6DED5 solid;
}
.calendar-date-switcher select {
   border:1px #D6DED5 solid;
}
.cat-key {
	background: none;
   width:100%;
   margin-top:20px;
   margin-left: 10px;
   margin-bottom: 10px;
   padding:5px;
   border: none;
   font-size: 11px;
}
	.cat-key tr td {
		padding-left: 10px;
	}

.calendar-table a {
	color: #000 !important;
	text-decoration: none !important;
}


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

	PRESS RELEASES

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

div.press {
	font-size: 12px;
	display: block;
	margin-top: 10px;
	overflow: hidden;
}

div.press strong {display: block;}

div.press p {
	float: left;
	width: 580px;
	margin: 0 !important;
	padding: 0;
}
div.press.first p {width: 550px}

div.press.first {
	background: #EEEEDC url(images/inputbg.png) left top repeat-x;
	font-size: 14px;
	border-bottom: 1px solid #9f8550;
	border-top: 1px solid #9f8550;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
	div.press.first strong {
		font-size: 16px;
	}

#content .contentsub div.more-link {
	background: #EEEEDC url(images/inputbg.png) left top repeat-x;
	border:1px solid #CCCCCC;
	display: block;
	float: right;
	margin: 0;
	padding: 10px;
	width: 100px;
	text-align: center;
}
	#content .contentsub div.more-link a {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		text-transform: uppercase;
	}
	#content .contentsub div.press div.more-link {font-size: 10px; line-height: 10px;}
	#content .contentsub div.press.first div.more-link {font-size: 12px; line-height: 12px; margin-right: 10px;}
	#content .contentsub div.more-link a:hover {text-decoration: underline;}

div.pressarchived {
	overflow: hidden;
	border-top: 2px solid #cecba0;
	margin-top: 20px;
	padding-top: 20px;
	font-size: 12px;
}
div.pressarchived strong {color: #858259;}
.row {clear: both;}
.post {margin-bottom: 10px;}
.col1 {width: 350px; float: left; padding: 0; font-size: 11px;}
.col2 {width: 350px; float: right; padding: 0; font-size: 11px;}

div.press a, div.pressarchived a {
	text-decoration: none !important;
}

span.timestamp {
	display: block;
	margin: 2px 0;
	color: #575757;
	font-size: 90%;
}

table.winners {
	margin: 0;
	padding: 0;
	border: 0;
}
table.winners thead {
	display: block;
	padding: 0 0 5px 0;
}
table.winners tbody {
	display: block;
	border-bottom: 1px solid #cecba0;
	margin-bottom: 10px;
}
table.winners tbody tr td {
	width: 200px;
	padding: 5px 0 5px 0;
}

.wp-table-reloaded {
	background-color:#d3ceed;
	margin:10px 0 0 0;
	width:100%;
	text-align:left;
}
.wp-table-reloaded th {
	background-color:#d3ceed;
	border: none;
	padding:4px;
	color: #322148;
	text-transform: uppercase;
	font-size: 11px;
}
.wp-table-reloaded td {
	color:#3D3D3D;
	padding:4px;
	background-color:#eeeee6;
	vertical-align:top;
}
.wp-table-reloaded .even td {
	background-color:#eeeee6;
}
.wp-table-reloaded .odd td{
	background-color:#e6e6dd;
}
.wp-table-reloaded .header {
	background-image:url(/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}
.wp-table-reloaded .headerSortUp {
	background-color:#8DBDD8;
	background-image:url(/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

.wp-table-reloaded .headerSortDown {
	background-color:#8DBDD8;
	background-image:url(/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}

.wp-table-reloaded td.column-1, 
.wp-table-reloaded td.column-2 {width: 250px !important;}

#wp-table-reloaded-id-15-no-1 td, #wp-table-reloaded-id-16-no-1 td, #wp-table-reloaded-id-17-no-1 td, 
#wp-table-reloaded-id-18-no-1 td {
	background: #d3ceed !important;
}
	#wp-table-reloaded-id-16-no-1 td.column-1, #wp-table-reloaded-id-17-no-1 td.column-1 {
		text-align: right;
		font-weight: bold;
		padding-right: 15px;
	}

#wp-table-reloaded-id-18-no-1 {/*children's events table*/
	width: 480px;
}
	#wp-table-reloaded-id-18-no-1 td.column-1 {
		width: 11% !important;
	}
	#wp-table-reloaded-id-18-no-1 td.column-2 {
		width: 69% !important;
	}
	#wp-table-reloaded-id-18-no-1 td.column-3 {
		width: 20% !important;
	}

.postcol1 {
	float: left;
	margin-right: 30px;
}
.postcol2 {
	float: left;
}







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

	FOOTER

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

#footer {
	background: #1d1c1d;
	border-top: 1px solid #020003;
	clear: both;
	height: 100px;
	width: 1000px;
	margin: 0 auto;
}
#footer .footer-l p, #footer .footer-r p, #footer .footer-b p {
	font: bold 13px/40px Arial, Helvetica, Verdana, sans serif;
	color: #fff;
	text-transform: uppercase;
}
#footer .footer-l {
	float: left;
}
	#footer .footer-l.front {width: 464px;}
	#footer .footer-l.front p {
		font: normal 20px/40px Georgia, Times, Times New Roman, serif;
		letter-spacing: .7em;
		text-align: center;
		text-transform: none;
	}
	#footer p a {color: #fff; text-decoration: none;}
	#footer p a:hover {color: #fff; text-decoration: underline;}
	
	#footer .footer-l.other {padding-left: 20px;}

#footer .footer-r {
	float: right;
	padding-right: 20px;
}

/* 2011 Volunteer Sign-up form */

#wpcf7-f3-p128-o1 .wpcf7-form-control-wrap input {margin-bottom: 10px;}
#wpcf7-f3-p128-o1 td {font-size: .9em;}
#wpcf7-f3-p128-o1 table {margin: 10px 0px 20px 0px;}
#wpcf7-f3-p128-o1 td, th {padding: 2px 4px;}
#wpcf7-f3-p128-o1 th {font-size: .9em; text-transform:uppercase; text-align:center; margin: 4px 0px; padding-top: 4px;}
#wpcf7-f3-p128-o1 h3 {margin: 2px 0px 0px 0px; font-size: 1.1em;}
#wpcf7-f3-p128-o1 td {vertical-align:top; width: 103px;}
span.wpcf7-list-item { display: block; }
#wpcf7-f3-p128-o1 p.tree_watch {color: #a21f27}
#wpcf7-f3-p128-o1 p.fot_festival {color: #307838}
#content #wpcf7-f3-p128-o1 p {margin: 0px 0px 0px 0px;}
#content #wpcf7-f3-p128-o1 p.fot_festival, 
#content #wpcf7-f3-p128-o1 p.tree_watch, 
#content #wpcf7-f3-p128-o1 p.fot_cal_item {margin-top: 6px;}
#content #wpcf7-f3-p128-o1 p.fot_instruction {font-size: 1.1em; margin: 15px 0 5px 0;}
#wpcf7-f3-p128-o1 .your-telephone input {width:150px;}
#wpcf7-f3-p128-o1 table.referrals td {padding-right: 40px;}
#wpcf7-f3-p128-o1 table.referrals input {width: 200px;}