/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/customizing-your-headway-site/custom-css/ 
to get started.

When writing the selectors for the elements, put body.custom at the
beginning.

For an example on how to change the background with custom CSS
we can use the following code.

body.custom {
	background: red;
}
*/

/* NavBar - Home */ 
body.custom div#navigation ul.navigation li.page-item-1 a  {background: url('http://edanstebbins.net/images/menu/home-button.png') 0 0 no-repeat; 
width: 78px; height: 50px; padding: 0px; margin-left: 10px; margin-top: 5px; color: transparent; text-indent: -9999px;}
body.custom div#navigation ul.navigation li.page-item-1 a:hover {background-position: 0 -50px;}
body.custom div#navigation ul.navigation li.page-item-1 a:active {background-position: 0 -100px;}
.custom.home div#navigation ul.navigation li.page-item-1 a {background-position: 0 -50px;}

/* NavBar - About */ 
body.custom li#menu-item-561 a  {background: url('http://edanstebbins.net/images/menu/about-button.png') 0 0 no-repeat; 
width: 88px; height: 50px; padding: 0px; margin-top: 5px; color: transparent; text-indent: -9999px;}
body.custom li#menu-item-561 a:hover {background-position: 0 -50px;}
body.custom li#menu-item-561 a:active {background-position: 0 -100px;}
.custom.pageid-54 li#menu-item-561 a {background-position: 0 -50px;}

/* NavBar - Blog */ 
/* body.custom li#menu-item-562 a  {background: url('http://edanstebbins.net/images/menu/blog-button.png') 0 0 no-repeat; 
width: 74px; height: 50px; padding: 0px; margin-top: 5px; color: transparent;}
body.custom li#menu-item-562 a:hover {background-position: 0 -50px;}
body.custom li#menu-item-562 a:active {background-position: 0 -100px;}
.custom.page-id?? li#menu-item-562 a {background-position: 0 -50px;}
*/

/* NavBar - Links */ 
body.custom li#menu-item-477 a  {background: url('http://edanstebbins.net/images/menu/link-button.png') 0 0 no-repeat; 
width: 75px; height: 50px; padding: 0px; margin-top: 5px; color: transparent; text-indent: -9999px;}
body.custom li#menu-item-477 a:hover {background-position: 0 -50px;}
body.custom li#menu-item-477 a:active {background-position: 0 -100px;}
.custom.pageid-64 li#menu-item-477 a {background-position: 0 -50px;}

/* NavBar - Contact */ 
body.custom li#menu-item-479 a  {background: url('http://edanstebbins.net/images/menu/contact-button.png') 0 0 no-repeat; 
width: 95px; height: 50px; padding: 0px; margin-top: 5px; color: transparent; text-indent: -9999px;}
body.custom li#menu-item-479 a:hover {background-position: 0 -50px;}
body.custom li#menu-item-479 a:active {background-position: 0 -100px;}
.custom.pageid-46 li#menu-item-479 a {background-position: 0 -50px;}

/* Search Box */
body.custom li#search { width: 140px !important; padding:0px; margin-left:460px; magin-top: 20px; height:31px; line-height:35px; }

/* Callouts */
body.custom div.callout {max-width: 250px; float: left; font-style: italic; margin: 10px; font-size: 150%; color: #bbb; padding: 10px; clear: left; border-top: 3px solid #eee; border-bottom: 3px solid #eee;}

/* Glass Box */
body.custom div#leaf-2 {background: url("http://edanstebbins.net/images/contentbox.png") no-repeat }