/*  
Theme Name: rwsarbor
Theme URI: 
Description: Green, white, and Grey theme designed for a tree and arborist services web site. Arbor Plant Health Care at www.arbornovascotia.com
Version: 1.0
Author: Robar Web Services
Author URI: http://www.arbornovascotia.com/
Tags: green, dark green, white, grey, custom header, fixed width, one column, single column, widgets, gallery, trees, environmental, landscaping
*/ 

*
{
margin: 0;
padding: 0;
} 

body
{
font-family: helvetica, verdana, arial, sans-serif;
font-size: 82%;
color: #4E4E4E;
text-align: center;
background-color: #E0E0E0;
}

p
{
margin: 0.1em 0 0.8em 0;
padding: 0.3em;
font-size: 110%;
line-height: 20px;
}

img
{
border: 0;
}

a:link, a:active, a:visited
{
/*color:#315728;*/
color: #005ebb;
text-decoration:underline;
}

a:hover
{
/*color:#315728;*/
color: #005ebb;
text-decoration:none;
}


div
{
margin: 0;
padding: 0;
display: block;
}

h1
{
font-size: 26px;
color: #315728;
font-weight: normal;
margin: 0 0 .1em 0;
font-family: "Lucida Grande", Georgia, Trebuchet, "Trebuchet MS", sans-serif;
}

h2
{
font-size: 17px;
color: #315728;
font-weight: normal;
margin: 0 0 .1em 0;
font-family: "Lucida Grande", Georgia, Trebuchet, "Trebuchet MS", sans-serif;
}

h3
{
font-size: 14px;
color: #315728;
font-weight: normal;
margin: 0 0 .1em 0;
font-family: "Lucida Grande", Georgia, Trebuchet, "Trebuchet MS", sans-serif;
}

h4
{
font-size: 1.2em;
margin-bottom: 6px;
}

select, input, textarea
{
font: 12px Arial, Verdana, Sans-Serif;
line-height: 1.5em;
}

hr
{
display: block;
height: 1px;
background: #333;
border: 0;
}



/*custom classes*/

.small
{
font-size: 0.9em;
padding: 3px 6px;
}

.left
{
float: left;
}

.right
{
float: right;
}

.txtright
{
	
text-align:right;
}

.smalltxt
{
font-size: 80%;
}


.svclist
{
margin-left: 20px;
list-style-type: disc;
}


.svclist li
{line-height: 19px;}


.certificationtbl
{
border: 1px solid #d0d0d0; 
padding: 1px;
width: 98%;
}

.certificationtbl tr td
{
padding: 6px;
}


/*  -----------------------------------------------------------------------------------------------  */

/*the main outer container*/

#page
{
/* background-image: url(http://www.arbornovascotia.com/images/bg_master.gif); */
background-image: url(http://www.arbornovascotia.com/wp-content/uploads/2009/12/shadow2.gif);
background-repeat: repeat-y;
margin: 0 auto 0 auto;
width: 932px;
text-align: center;
height:100%; 
}


.container
{
background-color: #FFFFFF;
margin: 0 auto;
padding: 0;
width: 900px;
border: 0px;
}

/*   the div wrapper that can be said to enclose the header */ 
.header
{
padding: 11px 0 11px 0;
height: 140px;
}



.content /*old one was a class not an id*/
{
width:900px;
text-align:left;
}

.showcontent /*innner div that holds the content*/
{
text-align:left;
padding:0em 1em 0em 1.5em;
}

#leftcol
{/*the left homepage column carrying the "Featured Article" section*/
width:287px;
border-right:1px solid #b6b6b6;
padding-right:18px;
}

#leftcol, #rightcol
{
margin-top:10px;
float:left
}

#rightcol
{/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
width:277px;
padding-left:18px;
margin-top: -2px;
text-align:justify;
}

#footer
{
margin: 10px auto 0 auto;
width: 900px;

text-align:center;
padding-top:15px;
}



/*  --------------------------------------------------------------------------------------------------  */


/* header */
/*   this div wraps the logo and floats left within the header   */
#logo
{
width:257px;
height:99px;
cursor: pointer;
margin: 0 0 4px 12px;
}

#phonenumbers
{
margin: 4px 6px 0 0;
}

.helpyou
{
padding-top: 5px;
}


.feed
{
padding-left:20px;
background:url(images/rss.gif) no-repeat;
}










/******* Hyperlinks ********************/

/* Links in the sidebar */

.subnav li a:link, .subnav li a:visited
{ /* .subnav is the categories list */
background: #fff;
display:block;
padding:4px 4px 4px 20px;
border-bottom: 1px solid #999;
}

.subnav li a:hover, .subnav li a:active
{
background: #F4F4EC;
text-decoration:none!important;
}

#sidelist a:link, #sidelist a:active, #sidelist a:visited
{
text-decoration:none;
}

#sidelist a:hover
{
text-decoration:underline;
}

#sidelist .children li a, #sidelist .children li a:visited
{
padding:2px 2px 2px 0px;
border:0;
background:#F4F4EC;
color: #666;
}

#sidelist .children li a:hover, #sidelist .children li a:active
{
color:#000;
text-decoration:none!important;
}

/* Links in unordered lists */

.bullets li a
{
text-decoration:none!important;
}

.bullets li a:hover
{
text-decoration:underline!important;
}


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

*   Images                         

******************************************/
/*** WordPress specific image classes ***/

.aligncenter, div.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft
{
float: left;
margin: 4px 15px 5px 0;
}

.alignright
{
float: right;
}

.wp-caption
{
text-align: center;
background-color: #fff;
margin-top:5px;
margin-right: 15px;
margin-bottom:0px;
}

.wp-caption img
{
padding:2px;
border:1px solid #999;
}

.wp-caption img:hover
{
border:1px solid #333;
}

.wp-caption p.wp-caption-text
{
color:#666;
font-size: 10px;
line-height: 12px;
padding: 7px 4px 2px 5px!important;
margin: 0!important;
}

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

*   Sidebar                         

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



.subnav li
{/*.subnav is mainly the categories list*/
list-style:none;
}

#sidelist li
{
list-style:none;
}

.bullets li
{
margin:0 0 5px 15px;
list-style:square;
}

#sidelist .bullets li
{
list-style:square;
margin-bottom:5px;
margin-left:22px;
}

#sidelist .children
{
background:#F4F4EC;
}

#sidelist .children li
{
background: #F4F4EC;
list-style: none;
margin-left:15px;
padding-left:15px;
border-bottom:1px solid #fff;
}



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

*   Headlines                         

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



.blogtitle, .blogtitle a
{
color: #000;
font-size: 1.8em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: regular;
padding: 20px 0px 10px 0px;
}

#sidebar h2, #sidebar h3 a
{
font: 0.9em Arial, Helvetica, sans-serif;
letter-spacing:0.3em;
text-transform:uppercase;
margin-bottom:4px;
font-weight:bold;
color:#840000;
}

#sidebar h3, #sidebar h2
{
font-size:0.9em;
border-top:3px double #999;
border-bottom:1px solid #999;
padding:5px 0 5px 2px;
margin:20px 0 15px 0;
color:#840000;
}

h3#respond
{
font-size:1.1em;
border-top:0px solid #666;
margin-top:25px;
padding-top:20px
}

h3#comments
{
margin-top:32px
}

h3 a:link, h3 a:visited
{
color: #666;
;
}

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

*   Content                        

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

.description
{
font-size: 1.3em;
font-weight: bold;
color:#999;
}

/* Featured Articles formatting "leftcol" */



.feature
{
background: url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC;
padding:15px;
border: 1px solid #ccc;
}

.feature p, #rightcol p
{
margin:0;
}

#leftcol img, #rightcol img
{
padding:1px;
border:1px solid #999;
}

#leftcol .feature
{
margin-bottom: 15px;
}

/* Formating of the Leadstory stuff in the tabbed section */



#leadpic
{
float:left;
margin: 0 18px 8px 0;
padding:1px;
border: 1px solid #999;
}

.title, a.title
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
font-weight:bold;
color: #840000;
letter-spacing:normal;
}

#lead p
{
margin-bottom:10px;
}

.read-on a
{ /* This can be used to format the "[...]" link in the lead story */
color:#840000!important;
text-decoration:none;
}

.read-on a:hover
{
text-decoration:underline;
}

/* Formating of "rightcol" which is the column in the homepage middle ;-) */



#rightcol img
{
float:left;
margin:3px 10px 4px 0;
}

#leftcol img
{
margin-bottom: 4px;
display:block
}

#rightcol .clearfloat
{
border-bottom:1px solid #999;
padding:12px 0;
}

/* Post Formatting */



.entry
{
padding-bottom:28px;
text-align:justify;
}

.post blockquote
{
color:#666;
background:#F4F4EC;
padding:6px 14px;
margin:18px 35px;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
}

.post ul li
{
list-style:square;
margin-bottom:5px;
margin-left:42px;
}

.post ol li
{
margin-bottom:5px;
margin-left:48px;
}

#tags
{
padding:3px;
border-bottom:1px solid #DDD;
border-top:1px solid #DDD;
}

.postmetadata
{
font-size:0.9em;
margin:0 0 10px 0;
padding:5px 10px;
background:#F4F4EC;
border-top:1px solid #E6E3D3;
border-bottom:1px solid #E6E3D3;
}

/* Form Elements */



select
{
background:#f2f2f2;
border:1px solid #9c9c9c;
width:100%
}

#searchform
{
padding:16px 5px 0 0;
}

.button
{
padding: 1px;
background:#333;
color:#fff;
border:none;
}

.button:hover
{
background:#666;
color:#FFF;
text-decoration:none
}

#commentform input
{
width: 170px;
margin: 5px 5px 1px 0;
}

#commentform textarea
{
width: 100%;
margin-top:5px;
}

/* Comments*/



.commentlist
{
padding-left:30px;
}

.commentlist li
{
margin: 15px 0 3px;
padding: 8px 15px 10px 15px;
background:#F4F4EC;
border:1px solid #E6E3D3;
}

.commentlist blockquote
{
color:#666;
background:#fff;
padding:6px 14px;
margin:18px 35px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#commentform small
{
background:#FFF;
font-weight:bold;
padding:0;
}

.commentmetadata
{
display: block;
}

.commentlist small
{
background:#fff;
border:1px solid #E6E3D3;
}

/* Float Properties*/



.clearfloat:after
{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}

.clearfloat
{
display:inline-block;
}

.clearfloat
{
display:block;
}

.clear
{
 clear: both;
}



/*	---------------------------------------------------------------------------------------------- */
/*	OLD ARBORNOVASCOTIA.COM ASP SITE CSS CLASSES CARRIED OVER									   */
/*	---------------------------------------------------------------------------------------------- */
.ctct
{
color:#315728;
font-weight:bold;
}

a.resource:link
{
color:#315728;
text-decoration:underline;
font-weight:bold;
}

a.resource:visited
{
color:#315728;
text-decoration:underline;
font-weight:bold;
}

a.resource:hover
{
color:#315728;
text-decoration:none;
font-weight:bold;
}

a.resource:active
{
color:#315728;
text-decoration:underline;
font-weight:bold;
}

a.resurl:link
{
color:#315728;
text-decoration:none;
font-weight:normal;
font-size: 72%;
}

a.resurl:visited
{
color:#315728;
text-decoration:none;
font-weight:normal;
font-size: 72%;
}

a.resurl:hover
{
color:#315728;
text-decoration:none;
font-weight:normal;
font-size: 72%;
}

a.resurl:active
{
color:#315728;
text-decoration:none;
font-weight:normal;
font-size: 72%;
}

.rightcontainer
{
float:right;
clear:both;
width:195px;
margin:0em 0 0 0;
padding-right:15px;
margin-left:10px;
}

.leftcontainer
{
float:left;
clear:both;
width:195px;
margin:0em 0 0 0;
padding-right:10px;
margin-left:15px;
}

.rightbox
{
margin:0;
padding:0;
border:1px solid #999999;
text-align:center;
width:286px;
}

.rightboxes
{
margin:0;
padding:0;
border:1px solid #999999;
text-align:center;
width:286px;
}

.rightcontainer h2
{
text-align:left;
padding:0 0 0 1.5em;
}

.linkbox a
{
display:block;
}

.showcase
{
clear:left;
text-align:left;
margin:0em 0em 0 0;
padding:1em 1ex 1em 1.5ex;
}


.contentleft
{
clear:right;
text-align:left;
margin:0em 0 0 0;
padding:0em 1ex 1em 1.5ex;
}

.contentlefttest
{
clear:right;
text-align:left;
margin:0em 0 0 44px;
padding:0em 1ex 1em 602px;
}

.content h2
{
text-indent:0em;
}



.textarea13
{
color: #112233;
border: 1px solid #999999;
vertical-align: top;
overflow: auto;
font-size: 110%;
margin-left: 2px;
padding: 3px;

}

.inputbox13
{
color: #112233;
border: 1px solid #999999;
background-color: #ffffff;
font-size: 110%;
margin-left: 0px;
padding: 3px;
}

.submit13
{
color: #112233;
font-weight: bold;
border: 1px solid #999999;
font-size: 110%;
}

.boxpurp
{
color: #9933FF;
border: 1px solid #9933FF;
padding: 4px;
}

mmf-validation-errors
{
color: red;
border: 1px solid red;
padding: 4px;
}


/*	---------------------------------------------------------------------------------------------- */
/*	STYLING FOR THE GREEN NAVIGATIONAL MENU														   */
/*	---------------------------------------------------------------------------------------------- */

/* menu based on demo at http://www.cssplay.co.uk/menus/dl-dropdown.html */
#navmenu  /* div that wraps the nav */ 
{
clear: both;
width: 900px;
background: url(http://www.arbornovascotia.com/wp-content/themes/rwsarbor/images/grad2.gif) repeat-x left top;
overflow: hidden;
}


dl.menu 
{
width:388px; /*WIDTH: value should equal the sum of the values in  "dl.menu dt a" and  "dl.menu dd a"  */
float:left;
margin:-32700px -260px 0 0;	 /*WIDTH: 2nd value should equal the width value set in "dl.menu dd a"  */
background:url(http://www.arbornovascotia.com/wp-content/themes/rwsarbor/images/grad2.gif) no-repeat left bottom;
}
dl.lastonemenu 
{
width:392px; /*WIDTH: value should equal the sum of the values in  "dl.menu dt a" and  "dl.menu dd a"  */
float:left;
margin:-32700px -260px 0 0;	 /*WIDTH: 2nd value should equal the width value set in "dl.menu dd a"  */
background:url(http://www.arbornovascotia.com/wp-content/themes/rwsarbor/images/grad2.gif) no-repeat left bottom;
}


dl.menu a, dl.lastonemenu a 
{
display: block;
height: 33px;
color: #fff;
font: normal 12px/33px verdana, sans-serif;
text-decoration: none;
text-indent: 10px;
}


dl.menu dt, dl.lastonemenu dt 
{
float:left;
padding:0;
margin:32700px 0 0 0;
position:relative;
z-index:50;
}


dl.menu dt a 
{
background:transparent;
width:128px; /*WIDTH: sets main green tab width */
text-decoration:underline;
font-weight: bold;
}
dl.lastonemenu dt a
{
background:transparent;
width:132px; /*WIDTH: sets main green tab width - for the last tab only, makes up the non-even width of  whole things */
text-decoration:underline;
font-weight: bold;
}


dl.menu dt a:hover, dl.menu dt a:focus, dl.menu dt a:active, dl.lastonemenu dt a:hover, dl.lastonemenu dt a:focus, dl.lastonemenu dt a:active
{
margin-right:1px;
background:url(http://www.arbornovascotia.com/wp-content/uploads/2009/12/nav_hover2.gif) repeat-x left top;
}


dl.menu dd, dl.lastonemenu dd 
{
float:left;
padding:33px 0 0 0;
margin:-33px 0 0 0;
position:relative;
z-index:10;
background:url(http://www.arbornovascotia.com/wp-content/uploads/2009/12/nav_hover2.gif) no-repeat left top;
text-align: left;
}


dl.menu dd a, dl.lastonemenu dd a 
{
background:#b7b7b7;
width:260px;   /*WIDTH: sets child list items tab width */
}


dl.menu dd a:hover, dl.menu dd a:focus, dl.menu dd a:active, dl.lastonemenu dd a:hover, dl.lastonemenu dd a:focus, dl.lastonemenu dd a:active
{
margin-right: 1px;
background: #e0e0e0;
color: #000;
}



/* ---------- */
/* footer cities list */

.locations
{
text-align: left;
}

.locations table
{
width: 100%
}

.locations table tr td
{
text-align: left;
vertical-align: top;
}




button {
font-size: 100%;
border: 0 none;
cursor: pointer;
font-weight: bold;
text-align: center;
height: 30px;
line-height: 30px;
width: 230px;
color: #FFFFFF;
}

button.rounded {
background: transparent url(http://www.arbornovascotia.com/wp-content/themes/rwsarbor/images/full_button.gif ) no-repeat top;
clear: left;
font-size: 100%;
color: #FFFFFF;
}

button span {
display: block;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px;
color: #FFFFFF;
}

button.rounded:hover {
background: transparent url(http://www.arbornovascotia.com/wp-content/themes/rwsarbor/images/full_hover.gif ) no-repeat top;
color: #FFFFFF;
}