/*  
Theme Name: Gardens
Theme URI: http://creativeslice.com/
Description: Theme for tucson Botanical Gardens
Version: 1.0
Author: Tim Bowen / Creative Slice
Author URI: http://creativeslice.com/
*/

body {
	font: 77% arial, sans-serif;
	text-align: center;
	color: #333;
	background:url(images/background.gif) no-repeat top #d4e678;
}

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


a:link {
	color: #cc4611;
}
a:visited {
	color: #cc4611;
}
a:hover {
	color: #f96b0c;
}

hr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	border-left: 0;
	border-right: 0;
}

.alignleft {float: left;padding: 5px}
.alignright {float: right;padding: 5px}
.wp-caption.aligncenter {margin: 0 auto;
text-align: center;}

/* -------------------- Header -------------------- */

#header {
width: 824px;
margin: 0 auto;
position: relative;
}

#header-top {
text-align: right;
margin: 8px;
height: 25px;
}

#header-top a {
font-weight: bold;
color: #461096;
text-decoration: none;
padding: 10px 20px 0 0;
}

#header-top a:hover {
color: #b53619;
}

#searchform {
float: right;
}

#logo {
float: left;
}

#flashslideshow {
background: #461096;
color: white;
height: 279px;
}

#hours {
background: #461096;
color: #d4e678;
padding: 10px;
font-size: 1em;
}

#hours a {color: #d4e678;}
#hours a:hover {color: #fff;}

#hours li {
display: inline;
padding-left: 18px;
padding-right: 3px;
background: url(images/leaf.gif) no-repeat left top;
}
/* -------------------- Nav -------------------- */

#nav {
clear: both;
}

/* ---------------------------------------- Sidebar ---------------------------- */

#sidebar {
position: absolute;
width: 212px;
height: 460px;
padding: 40px 20px;
margin-left: -30px;
color: white;
background:url(images/sidebar.gif) no-repeat top #b53619;
}

#sidebarmap {
position: absolute;
width: 212px;
height: 80px;
padding: 40px 20px 20px 20px;
margin-left: -30px;
color: white;
background:url(images/sidebar.gif) no-repeat top #b53619;
}

#content #sidebar h2,
#content #sidebarmap h2 {
font-family: georgia, serif;
font-weight: normal;
font-size: 1.7em;
padding: 0 0 .5em 0em;
}

#content #sidebar li {
	list-style: none;
	padding: 2px 0;
font-size: 1.2em;
font-family: georgia, serif;
}
#content #sidebar li li {
font-size: .9em;
}

#content #sidebar a {
color: white;
}
#content #sidebar a:hover {
color: #66120b;
}
#content #sidebar li.current_page_item a,
#content #sidebar li li.current_page_item a {
color: #66120b;
padding: 0 5px;
background: #fff;
}

#content #sidebar li.current_page_item li a {
color: #fff;
padding: 0;
background: none;
}

#content-right {
margin-right: -20px;
background:url(images/content.gif) no-repeat top right #fff;
}

#sideshoppingcart {
background: #ba4421;
border: 1px solid white;
margin-bottom: 10px;
padding: 10px;
}

#checkout input#checkout-button {
color: #fff;
background: #ba4421;
border: 2px solid #b53619;
padding: .2em .5em;
font-size: 1.5em;
margin-top: 1em;
}

#checkout input#checkout-button:hover {
background: #b53619;
}

#checkout .shopp  {
background: #fffcd6;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 0 10px;
}

#shopp #errors {
font-size: 1.2em;
text-align: center;
padding: 2px;
}

#shopp #errors h3 {
color: #990000;
}

#shopp #errors p {
color: #fff;
background: #990000;
}


#checkout input.required,
#checkout input#billing-cvv {
background: #fffcd6;
border-top: 1px solid #999;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #999;
padding: 1px;
}

#checkout input {
border: 1px solid #ccc;
padding: 1px;
}

/* ------------------------------ Content ---------------------------- */

#front-left {
position: absolute;
width: 525px;
margin-left: -12px;
}

.home-left {
background:url(images/home-left2.gif) no-repeat top #fff;
padding: 40px 90px 20px 40px;
}

.homenews a.title {
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
.homenews p {
display: inline;
color: #461096;
}

.homenews a.readmore {
display: block;
text-align: right;
}

.homenews .more {
font-size: 1.2em;
display: block;
text-align: right;
margin: 2em 0;
}

.news {
border-bottom: 1px solid #ddd;
padding: 1em 0;
font-size: 1.1em;
font-family: georgia, serif;
}

#front-right {
position: absolute;
width: 382px;
margin-left: 460px;
}

.home-right {
background:url(images/home-right.gif) no-repeat top #b53619;
padding: 60px 10px 10px 10px;
text-align: center;
}

#front-right #donate {
text-align: right;
}

#front-right #donate img {
padding: 10px;
}

#front-right #donate #promotions {
padding-left: 65px;
text-align: left;
}

#content h2.title {
color: #461096;
font-size: 2em;
font-family: georgia, serif;
font-weight: normal;
padding: 60px 0 5px 0;
}

#pagewrap #mainwrap {
width: 824px;
margin: 0px auto;
}

#content {
text-align: left;
}

#content .page {
width: 540px;
margin-left: 260px;
padding-bottom: 20px;
}

#content .page-wide {
margin-left: 270px;
}

#content .page table {

}
#content .page td {
padding: 5px;
}


#content h1 {
font-size: 2.1em;
line-height: .8em;
font-weight: normal;
}

#content h2 {
font-size: 1.7em;
font-family:Arial, Verdana, sans-serif;
text-align: left;
line-height: 1em;
padding: .5em 0;
letter-spacing: -.04em;
}

#content h3 {
font-size: 1.3em;
color: #461096;
font-family: georgia, serif;
margin-top: 1em;
}

#content h4 {
font-size: 1.2em;
padding: .5em;
margin: 10px;
}

#content p {
font-size: 1.1em;
line-height: 1.3em;
padding: .5em 0;
}

#content ul {
list-style:none;
padding-bottom: .5em;
margin: 0;
}

#content ol {
list-style-type:decimal;
}

#content li {
font-size: 1.1em;
margin: .1em 1.3em;
padding: .1em 0;
line-height: 1.2em;
list-style: disc;
}

#content .leavecomment {
float: right;
font-size: 1.3em;
}

#pagenavigation {
text-align: center;
border-top: 1px solid #ddd;
padding-top: 1em;
margin-top: .5em;
color: #b53619;
}

.previous, .next {
display: inline;
}

#pagenavigation a, #pagenavigation a:visited {
background: #b53619;
padding: 2px 4px;
margin: 0 4px;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: .9em;
}
#pagenavigation a:hover {
background: #cc4611;
}


.wp-caption {
font-size: .9em;
border: 1px solid #ddd;
background: #eee;
text-align: center;
margin: 1em;
}

.wp-caption-text {
color: #000;
}

/* .page p object {
margin: 0 auto;
width: 320px;
} */


ul.sitemap li a {
font-size: 16px;
}
ul.sitemap li li a {
font-size: 14px;
}


/* ---------------------------------------- Comments ---------------------------- */

#content small a {
font-weight: bold;
}

.commentlist a, .commentlist a:visited {

}

.commentlist a:hover {
}

#comments, #respond {
padding-top: 1em;
margin-top: .5em;
border-top: 1px solid #ddd;
clear: both;
}

.commentlist {
color: #666;
font-size: .9em;
}

.commentlist cite {

}

#commentform #submit {
border: 2px solid #cc4611;
padding: 3px;
background: #b53619;
color: #fff;
font-weight: bold;
}


/* --------------------------- Footer ---------------------------- */


#footer {
text-align: right;
font-size: 10px;
color: #461096;
margin: 10px 0;
}

#front-left #footer {
text-align: left;
}


p.edit a, p.edit a:visited {
font-size: .7em;
color: white;
font-weight: bold;
background: #cc4611;
text-decoration: none;
padding: 2px 4px;
}
p.edit a:hover {
background: #f96b0c;
}




/* = Grayspace
-------------------------------------------------------------- */
div#grayspace img { border: none; margin: 2px; }
div#gray {
	min-height:151px;height:auto!important;height:151px;
	background-color:#fff;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;-khtml-opacity:.90;
	}

div.serviceareas {
	float: left;
	display: inline;
	text-align: left;
	}
div.service		{ width:800px; margin: 0 auto; }
div.service		{ text-align:left; padding: 10px; }






/* = Customize IR
-------------------------------------------------------------------------------------- */
#listdropwrap 				{ width:auto; padding:0; margin:0; }
#listdrop 					{ width:100%; } /* this is necessary for the menu background to show up correctly in IE... stupid IE */

#listdrop li				{ }

/* height of menuitem (half of image height if two stages...) */
#listdrop a 				{ height: 40px; margin-right:0px; }
#listdrop a span 			{ padding-top: 40px; }

#listdrop #home a 			{ background-image: url(images/home.gif); width: 56px; }
#listdrop #plan a 		{ background-image: url(images/plan.gif); width: 132px; }
#listdrop #events a 		{ background-image: url(images/events.gif); width: 73px;}
#listdrop #involved a 		{ background-image: url(images/involved.gif); width: 120px;}
#listdrop #giving a 		{ background-image: url(images/giving.gif); width: 69px;}
#listdrop #education a 		{ background-image: url(images/education.gif); width: 102px;}
#listdrop #gardening a 		{ background-image: url(images/gardening.gif); width: 104px;}
#listdrop #rentals a 		{ background-image: url(images/rentals.gif); width: 79px;}
#listdrop #about a 			{ background-image: url(images/about.gif); width: 89px; margin-right:0 !important; } /* gets rid of right margin on last item so that it can go to the edge */

/* change IDs to match menuitems and add more items as needed */
#listdrop #home ul a,
#listdrop #plan ul a,
#listdrop #events ul a,
#listdrop #involved ul a,
#listdrop #giving ul a,
#listdrop #education ul a,
#listdrop #gardening ul a,
#listdrop #rentals ul a,
#listdrop #about ul a { background:none; height:auto; width:14em; } /* reset the width here for drop downs. especially important if you used non-uniform widths for items */


/* Two Image States:
	If you are using two different states for you image, use this.
	This would be for rollovers only.
*/
#listdrop a:hover, 
#listdrop li.current_page_item a { background-position: 0 -40px; } /* adjust the menu height, should just be bottom, but IE likes to give you trouble... */

/* = Customize drop down
-------------------------------------------------------------------------------------- */
/* style the dropdown menu items */
#listdrop ul a {
	padding: 0.5em 1em;
	text-decoration: none;
	color: #fff; /* set dropdown text color */
	margin: 0;
	}
#listdrop li li	{ border:none; }


/* adds arrow to items with children. update with parent menuitem ids for it to work */
#listdrop #home ul a.parent span,
#listdrop #plan ul a.parent span,
#listdrop #events ul a.parent span,
#listdrop #involved ul a.parent span,
#listdrop #giving ul a.parent span,
#listdrop #education ul a.parent span,
#listdrop #gardening ul a.parent span,
#listdrop #rentals ul a.parent span,
#listdrop #about ul a.parent span {
	background: url(images/listdrop_arrow_wht.gif) no-repeat center right;
	}

/* style dropdown */
#listdrop li ul {
	background-color: #461096; /* set dropdown background color */
	border:1px #d4e678 solid;
	}
#listdrop li ul 	{ width: 16em; } 		/* width of dropdown menus */
#listdrop li ul ul 	{ margin-left: 16em; }	/* the left margin of the second level dropdowns should match the dropdown widths */
#listdrop li ul ul 	{ margin-top: -2em; }	/* adjust the y-location of the second level dropdowns relative to the parent item */


/* background color for hover and selected dropdown menu items */
#listdrop ul li:hover, #listdrop ul li.hover,
#listdrop ul a:hover,
#listdrop ul li.current_page_item, #listdrop ul li.current_page_item a {
	background-color: #b53619;
	}
	
	
/* = Main Menu Image Replacement
-------------------------------------------------------------------------------------- */
#listdrop, #listdrop ul, #listdrop li, #listdrop a { padding:0; margin:0; z-index:10; }
#listdrop, #listdrop ul { list-style: none; }
#listdrop li { float: left; }

.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%; }

#listdrop a {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

#listdrop a span { display: block; }
#listdrop ul a span { padding-top: 0; }
	
	
	
/* = Drop Down
-------------------------------------------------------------------------------------- */
#listdrop ul li 	{ line-height: 1em; }
#listdrop li ul 	{ position: absolute; }
#listdrop li ul ul 	{ margin: -1em 0 0 11em; }

#listdrop li ul, 
#listdrop li:hover ul ul, 
#listdrop li.hover ul ul, 
#listdrop li:hover ul ul ul, 
#listdrop li.hover ul ul ul, 
#listdrop li:hover ul ul ul ul, 
#listdrop li.hover ul ul ul ul, 
#listdrop li:hover ul ul ul ul ul, 
#listdrop li.hover ul ul ul ul ul { left: -999em; }

#listdrop li:hover ul,  
#listdrop li.hover ul, 
#listdrop li li:hover ul,
#listdrop li li.hover ul, 
#listdrop li li li:hover ul,
#listdrop li li li.hover ul, 
#listdrop li li li li:hover ul,
#listdrop li li li li.hover ul, 
#listdrop li li li li li:hover ul,
#listdrop li li li li li.hover ul { left: auto; }

#listdrop li a 		{ text-align: center; }
#listdrop li li a 	{ text-align: left; }

#listdrop li ul 	{ height: auto; }

#listdrop li li		{ background:none; }