/* 20050823 v0.1 imported */
/* oli-studio.com horizontal right-aligned nav tabs stylesheet, by Oli Studholme */

/* nav tabs */
#nav {font-size: 0.83em;}
/* hack; nav height */
* html div#nav {
    /* hide ie/mac \*/
    height: 1%;
    /* end hide */
}
/* end hack */
#nav .wrapper {position: absolute; left: 0; bottom: -6px; width: 100%;}
#page-home #nav .wrapper {position: absolute; left: 0; bottom: 36px; width: 100%;}
#nav ul {position: absolute; right: 0; bottom: 0; width: auto; list-style: none; margin: 0;}
#nav li {float: left; display: inline; list-style: none;}
#nav a {width: 4em; padding: 10px 1.5em 35px; font-weight: bold; text-decoration: none; text-align: center; color: #036; background: transparent;}
/* need to check placement (neg offset) */
#nav a:hover {color: #0069cc; background: url("/images/section.over.gif") no-repeat; text-decoration: none;}
/* hack; link display:block */
div#nav a, div#nav a:link, div#nav a:visited, div#nav a:hover, div#nav a:active, div#nav strong {display: inline-block; 
    	/* hide from ie/mac \*/
    	display: block;
    	/* end hide */;
}
/* end hack */

/* page-specific */
#page-about #nav li.about a, #page-portfolio #nav li.portfolio a, #page-articles #nav li.articles a, #page-contact #nav li.contact a {background: url("/images/section.gif") no-repeat;}
#page-about #nav li.about a:hover, #page-portfolio #nav li.portfolio a:hover, #page-articles #nav li.articles a:hover, #page-contact #nav li.contact a:hover {color: #0069cc;}