/*	COLORS
	BLACK		#000000
	DARK RED 	#660000
	RED			#990000
	GRAY		#666666
	BEIGE		#979771 */


/* STRUCTURE */
body {margin:0; background:url(http://barrylewis.org/images/bg_tile.gif) repeat #FFFFFF;}
#wrap {position:relative;width:600px; height:350px; background:url(../images/building.gif) top left no-repeat;}
#header{position:relative; width:600px; height:92px; background:url(../images/header.gif) top left no-repeat;}
#content {float:right; position:relative; text-align:left; width:408px; padding:20px;}
#copyright{position:relative; text-align:center; width:408px; padding:30px 0 10px 0;}

#boxed{position:relative; text-align:center; width:350px; padding:20px; border: dashed 1px #333}
#note{position:relative; margin-left:15px; text-align:left; width:300px; padding:20px; border: dashed 1px #fff; background-color:#979771;}
#link_list li{padding-bottom:15px;}


/*	UTILITIES */ 
.hide {display:none;}
.clear {clear:both;}


/* TABLES */
td {vertical-align:top;}


/*	NAVIGATION */
#nav ul,#nav ol {list-style:none;}
#nav {position:relative; width:152px; z-index:100; float:left; padding:0px; text-align:left;}
#nav ul {margin:0px 0px 0px 0px; padding:0px;}
#nav ul ul {margin-left:0px; padding:0px;}

.homepage #nav {margin:0px 0; padding:0px; height:300px;}
.homepage #nav li:hover ul, .homepage #nav li.hover ul {display: block;}

#nav li {background-image: none; padding: 0px;}
#nav a {display: block; text-indent: -9999px; background-image: url(http://barrylewis.org/images/menu2.gif); background-repeat: no-repeat;}
#nav strong a, #nav a:hover, #nav li:hover a, #nav li.hover a, #nav li a {border-width: 0px 0px; border-style: solid;}

#nav-home {background-position: 0px 0px; height: 16px;}
#nav-bio {background-position: 0px -16px; height: 26px;}
#nav-courses {background-position: 0px -42px; height: 20px;}
#nav-cuf {background-position: 0px -62px; height: 33px;} 
#nav-nysid {background-position: 0px -95px; height: 33px;}
#nav-lectures {background-position: 0px -128px; height: 24px;}
#nav-videos {background-position: 0px -152px; height: 25px;}
#nav-books {background-position: 0px -177px; height: 23px;}
#nav-articles {background-position: 0px -200px; height: 24px;}
#nav-podcasts {background-position: 0px -224px; height: 25px;}

#nav-home:hover, strong #nav-home, #nav li:hover #nav-home, #nav li.hover #nav-home {background-position: 0px -300px; height:16px;}
strong #nav-home, #nav li:hover strong #nav-home, #nav li.hover strong #nav-home {background-position: 0px -300px; height:16px; margin-top:0px;}
#nav-bio:hover, strong #nav-bio, #nav li:hover #nav-bio, #nav li.hover #nav-bio {background-position:0px -316px; height:26px;}
#nav-courses:hover, strong #nav-courses, #nav li:hover #nav-courses, #nav li.hover #nav-courses {background-position: 0px -342px; height:20px;}
#nav-cuf:hover, strong #nav-cuf, #nav li:hover #nav-cuf, #nav li.hover #nav-cuf {background-position: 0px -362px; height:33px;}
#nav-nysid:hover, strong #nav-nysid, #nav li:hover #nav-nysid, #nav li.hover #nav-nysid {background-position: 0px -395px; height:33px;}
#nav-lectures:hover, strong #nav-lectures, #nav li:hover #nav-lectures, #nav li.hover #nav-lectures {background-position: 0px -428px; height:24px;} 
#nav-videos:hover, strong #nav-videos, #nav li:hover #nav-videos, #nav li.hover #nav-videos {background-position: 0px -452px; height:25px;}
#nav-books:hover, strong #nav-books, #nav li:hover #nav-books, #nav li.hover #nav-books {background-position: 0px -477px; height:23px;}
#nav-articles:hover, strong #nav-articles, #nav li:hover #nav-articles, #nav li.hover #nav-articles {background-position: 0px -500px; height:24px;}
#nav-podcasts:hover, strong #nav-podcasts, #nav li:hover #nav-podcasts, #nav li.hover #nav-podcasts {background-position: 0px -524px; height:25px;}

#nav.homepage #nav-home:hover, strong #nav.homepage #nav-home, #nav.homepage li:hover #nav-home, #nav.homepage li.hover #nav-home {background-position: 0px -300px; height:16px; border-width: 0px 0px 0px 0px;}

.homepage #nav li:hover #nav-home {border-width: 0px 0px 0px 0px;}
.homepage #nav-videos {background-position:0px -152px; height:25px;}


/*	WIN IE 6 HACKS */
/* Hides from IE-mac \*/
* html #nav li {height:1%; line-height:1.2em; display:inline;}
* html #nav ul ul li {display:block;}
* html #nav ul.subnav li, * html #nav ul.subnav a, * html #nav ul.subnav strong a, * html #nav ul.subnav a:hover, * html #nav ul.subnav li.hover a {height: 1%;}

* html li {background-position:0 8px;}
* html ul li {padding-left:10px; background-position:0 8px; background-repeat:no-repeat;}

* html #nav.homepage #nav-home:hover, strong #nav.homepage #nav-home, #nav.homepage li:hover #nav-home, #nav.homepage li.hover #nav-home {background-position:0px -300px; height:16px; border-width:0px 0px 0px 0px;}
/* End hide from IE-mac */


/* EXTRAS */
h4#call {position:absolute; display:block; top:3px; left:365px; text-indent:-9999px;width:78px; height:18px; margin:0; padding:0; background:url(../images/call.gif) top left no-repeat;}
h4#email {position:absolute; top:3px; left:445px; text-indent:-9999px;width:152px; height:18px; margin:0; padding:0;}
h4#email a {display: block; width:152px; height:18px; text-decoration:none; background:url(../images/email.gif) top left no-repeat;border:none;}
h4#email a:hover {background:url(../images/email.gif) 0 -18px no-repeat; border:none;}

h4#cv {float:right; position:relative; /*top:5px; left:234px;*/ text-indent:-9999px; width:172px;  height:20px; margin:0; padding:0; border:none;}
h4#cv a {display: block; width:172px; height:20px; text-decoration:none; background:url(../images/click_for_cv.gif) top left no-repeat; border:none;}

.photo {float:left; font-size: 8pt; line-height: 15pt; color: #000000; text-decoration: none; text-align:center; font-family: helvetica, arial, non-serif; margin:0 15px 0 0; padding:0;}
.walks {float:right; margin:0 100px 5px 8px; padding:3px; background:#FFFFFF; border:solid 1px #666666;}


/* TYPOGRAPHY */
.text {font-size:10pt; line-height:16pt; color:#000000; text-decoration:none; font-family:helvetica, arial, non-serif;}
.text2 {font-size:10pt; line-height:12pt; color:#000000; text-decoration:none; font-family:helvetica, arial, non-serif;}
.text3 {font-size:8pt; line-height:11pt; color:#000000; text-decoration:none; font-family:helvetica, arial, non-serif;}
.text4 {font-size:10pt; line-height:12pt; color:#000066; text-decoration:none; font-family:helvetica, arial, non-serif;}

a:link {text-decoration:none; color:#990000; border-bottom:dotted 1px #990000;}
a:active {text-decoration:none; color:#999999; border-bottom:dotted 1px #990000;}
a:visited {text-decoration:none; color:#660000; border-bottom:dotted 1px #660000;}
a:hover {text-decoration:none; color:#FF0000; border-bottom:solid 1px #FF0000;}

a:link.more:after {content:" \21E2"; color:#666666;}
a:hover.more:after {content:" \21E2"; color:#FF0000;}

h1 {font-size: 14pt; line-height: 20pt; color: #660000; text-decoration: none; font-family: helvetica, arial, non-serif;}
h2 {font-size: 12pt; line-height: 20pt; color: #333366; text-decoration: none; font-family: helvetica, arial, non-serif;}