/*GLOBAL STYLES*/

body {margin: 0; padding: 10px 0 10px 0; background: #65654b; color: #333; font-family: verdana, helvetica, arial, sans-serif; font-size: 76%; }
a {color: #990000; text-decoration: none;}
a:visited {color: #666;}
a:hover {color: #990000;}
img {border: 0;}
h1 {text-align: center;}
h2 {text-transform: lowercase; color: #999; border-bottom: 1px dashed #ccc;font-size: 120%;}
h2 span {font-weight: normal; padding-left: 20px;}
.clear {clear: both;}
:focus, :active  {outline: none;}
ul, li, ul li {list-style: none;}

/* HOMEPAGE */

#bodyHome { background: #cccc99;}
#name{ background: url(../images/logoHome.jpg) no-repeat; width: 166px; height: 132px; position: absolute; margin: 0 0 0 30px; z-index: 2; }
html>body #name{ background: url(../images/logoHome.jpg) no-repeat; width: 166px; height: 132px; position: absolute; margin: 0 0 0 30px; z-index: 2; }
#name p { color: #fff; font-weight:bold; font-size: 10pt; padding: 30px 0 0 130px; }
#wrapperHome { margin: 60px auto 0 auto; width: 100%; height:400px; background: #fff; border: solid 1px #333; border-width: 1px 0 1px 0; z-index: 1; position: absolute;}
html>body #wrapperHome { margin: 60px auto 0 auto; width: 100%; height:400px; background: #fff; border: solid 1px #333; border-width: 1px 0 1px 0;}
#brushPainting { background: url(../images/brushPainting.jpg) no-repeat; margin: 20px 0 0 170px; height: 400px; width: 518px; }



/*HOME NAVIGATION*/

#brushpainting #nav { list-style: none; }
#brushpainting #nav ul{ list-style: none; }
#bodyHome #nav li { display: block; }
#bodyHome #nav  a {  color:#333; text-decoration:none; }
#bodyHome #nav a:hover { color: #413C26; font-weight: bold; }
#bodyHome #nav { position: relative; top: 53px; left: 338px; width: 100%; }
#bodyHome #nav #video { margin: 10px 0 0 -25px; }
#bodyHome #nav #other { margin: 33px 0 0 -30px; }
#bodyHome #nav #projects { margin: 22px 0 0 52px; }
#bodyHome #nav #bio { margin: 35px 0 0 134px; }
#bodyHome #nav #cv { margin: 13px 0 0 88px; }
#bodyHome #nav #garage { margin: 40px 0 0 27px; }
#bodyHome #nav #contact { margin: 7px 0 0 -14px; }

/*section nav */
#Section #nav {width: 75%; float: right; margin-top: 48px; margin-bottom: 48px; margin-right: 0; margin-left: 0; background: transparent url(../images/li.gif) left center repeat-x; padding: 0;}
* html #Section #nav {width: 455px;}
#Section #nav li {list-style: none; float: right;}
#Section #nav li a {background: #65654B; padding: 2px 6px 4px 6px; color: #fff; font-size: 9pt; border: 1px dashed #fff;}
#Section #nav li a:hover { color: #990000; }
#bodyprojects #Section #nav #projects a, #bodyvideo #Section #nav #video a, #bodybio #Section #nav #bio a, #bodyresume #Section #nav #bio a, #bodycontact #Section #nav #contact a, #bodycv #Section #nav #cv a, #bodyother #Section #nav #other a, #bodydrawings #Section #nav #drawings a, #bodygarage #Section #nav #garage a {background: #fff; color: #000; border: 1px dashed #000;}

/* Subnav */
#subNav {float: left; width: 170px; background: #e1ffff; border: 1px dashed #333; border-width: 1px 1px 1px 0; margin: 0; filter:alpha(opacity=70); -moz-opacity: .70;}
#subNav p {font-weight: bold; color: #333; border-bottom: 1px solid #333; padding-left: 5px;}
#subNav ul {margin: 0 0 5px 15px; padding: 0; padding-top: 5px;}
#subNav li {list-style: none; color: #444;}
#subNav li a {display: block; color: #65654B; padding: 3px 3px 0 18px; background: url(../images/li.gif) 10px 8px no-repeat;margin-bottom: -10px; border: 1px dashed #fff;}
html>body #subNav li a {padding: 3px 3px 3px 18px; margin-bottom: 0; border: none;}
#subNav li a:hover, #subNav li a.hi {color: #000; background-color: #d2d2d2; border: 1px dashed #555; border-width: 1px 0 1px 0; padding: 2px 3px 2px 18px;}
html>body #subNav li {margin-left: -15px;}
#subNav li.section {background: #65654B; color: #fff; padding-left: 10px; font-weight: bold;}
#bodycontact #subNav, #bodyother #subNav, #bodydrawings #subNav {display: none;}

/* Foot Nav */
#footnav #nav {list-style: none; position: relative; bottom: 20px; margin: 20px 0 0 0;}
#footnav #nav li {float: right; padding: 0 7px; background: #f8f7f2; border-left: 1px dashed #ccc;}
#footnav #nav li a {color: #555;}


/*FOOTER*/
#footer {margin: 0 0 0 159px; font-size: 8pt; }
#footerHome {position: absolute; z-index: 2; margin-top: 500px; text-align: right;}
#footerHome p { float: right; text-align: right; margin: 0 5px 0 0; font-size: 8pt; }
#objAdj {text-decoration: underline;}



/*SECTION PAGES*/
#structure {margin: 0; width: 100%; min-height: 680px; background: #cccc99 url(../images/background.jpg) no-repeat; border: 1px solid #333; border-width: 1px 0 1px 0;}
#section {margin: 0; max-width: 973px; width:expression(document.body.clientWidth > 800? "1073px": "auto" ); min-height: 680px; background: transparent url(../images/right-background.jpg) right 0 no-repeat; padding-right: 99px;}
#section:after {content: "."; clear: both; height: 0; visibility: hidden;}
* html #section {height: 680px;}
#artWrapper {background: #f8f7f2 url(../images/artBackground.jpg) no-repeat; max-width: 800px; min-width: 620px; width:expression(document.body.clientWidth > 800? "800px": "auto" ); min-height: 550px; margin: 64px 0 5px 159px; border: 1px solid #333;} /* max-width: 653px; */
#logoSection { background: url(../images/logoSectionLong.jpg) no-repeat; height: 145px; }
#logoSection img {height: 115px; width: 161px; float: left;}
#content {width: 65%; margin: -50px 0 0 0; float: right; color: #333; text-align: justify; font-size: 10px; background: #f8f7f2; padding-right: 30px;}
#content:after {content: "."; clear: both; height: 0; visibility: hidden;}
* html #content {height: 1%;}
#content a,  {color: #65654b; text-decoration: underline; }
#content a:hover {color: #990000; }
#imageLink {text-align: center; width: 183px; margin: 0 auto;}
#image {text-align: center; margin-bottom: 10px;}

.left {float:left; padding-right: 8px; margin: 0;}
#imageLink a, #image a {text-decoration: none;}
#content li {background: url(../images/li.gif) 0 5px no-repeat; list-style: none; padding-left: 10px;}
.bamboo li {background: url(../images/li-bamboo.gif) 0 7px no-repeat !important; padding: 6px 0 6px 30px !important; list-style: none;}
.bamboo a {text-decoration: underline;}
.bamboo a:hover {text-decoration: none !important;}


/* Section Titles */
#title {width: 110px ; height: 325px ; margin: 9px 0 0 46px;}
#bodyprojects #title {background: url(../images/projectsText.jpg) no-repeat;}
#bodyvideo #title {background: url(../images/videoText.jpg) no-repeat;}
#bodybio #title {background: url(../images/biographyText.jpg) no-repeat;}
#bodycontact #title {background: url(../images/contactText.jpg) no-repeat;}
#bodyresume #title, #bodycv #title {background: url(../images/aboutText.jpg) no-repeat;}
#bodyother #title {background: url(../images/otherText.jpg) no-repeat;}
#bodydrawings #title {background: url(../images/drawingsText.jpg) no-repeat;}
#bodygarage #title {background: url(../images/garage.jpg) no-repeat;}

/* Video */
#embed {text-align: center; border: 8px solid #d2d2d2; width: 300px; height: 200px; margin: 0 auto 10px auto;}


/* Section Specifics */
#bodyresume p {margin-left: 20px;}
.experience {font-weight: bold; margin-left: 0 !important;}
.experience span {display: block; font-weight: normal; background: url(../images/li.gif) 0 5px no-repeat; padding-left: 10px;}
.date {font-family: Courier New, Courier, monospace; float: right; width: auto; color: #999; font-size: 110%; margin-left: 20px; font-weight: bold;} 
#bodycontact #content {text-align: center;}
#bodycontact #content b {border-bottom: 1px dashed #ccc;font-size: 120%; width: 100%; display: block}


/*thumbnail gallery pages - js thumbnail gallery*/
#thumbs {width: 150px; min-height: 430px; float: right; margin-right: 10px; border: 1px dotted #333; margin-bottom: 20px; }
* html #thumbs {height: auto; padding-bottom: 30px;}
#thumbs ul {margin: 10px 0 10px -15px; float: left; width: 50px;}
* html #thumbs ul {margin-left: 5px; width: 60px;}
*:first-child+html #thumbs ul {margin-left: 5px; width: 60px;}
#thumbs li {list-style: none; list-style-position: inside; margin: 10px 0 0 0; display: block; }
#thumbs img { margin-left: -10px; border: 1px solid #333; }
#thumbs a { opacity: .75;}
#thumbs a:hover {opacity: 1.0;}
#thumbs p {margin: 10px 0 -10px 13px;}

#content-gallery {width: 350px; min-height: 400px; margin: -50px 0 0 0; float: right; color: #333; text-align: justify; font-size: 10px; background: #f8f7f2; padding-right: 30px; padding-bottom: 20px;}
#content-gallery:after {content: "."; clear: both; height: 0; visibility: hidden;}
* html #content-gallery {height: 1%;}
#content-gallery a {color: #65654b; text-decoration: underline; }
#content-gallery a:hover {color: #990000; }
#content-gallery li {background: url(../images/li.gif) 0 5px no-repeat; list-style: none; padding-left: 10px;}

#works { padding: 10px; min-height: 300px;}
#works .date {visibility: hidden;}
.description {text-align: justify; padding-bottom: 10px; margin-bottom: 10px;}