/*
------------------------------------------------
Adi Palaz Site Base Styles - Fluid Layout
Author:Adriana Palazova
Version: 12 November 2007
last rev.: 22 September 2009
------------------------------------------------ */
*{margin:0; padding:0; border:0}

html{height: 100%; font-size:100%; color:#ffc367}

body{height:101%; font:small verdana,geneva,helvetica,arial,sans-serif; line-height:1.6em; text-align:center}

html, body, #searchbox, #sidecol address{background-color:#2a0203}

#page{min-width:770px; max-width:100%; overflow:visible; background:transparent url(../img/footD3.gif) repeat-x 0 16.3em; margin:0 -1px}

/* The following is an unsemantic empty div. It is used just to put in the header's background.
It is not needed if you don't need the background of your centered header to extend 100% of the page width, 
or if you do not center the content */
#bgheader{position:absolute; top:0; left:0; min-width:770px; width:100%; min-height:155px; height:16.3em; background:#324f52 url(../img/header_hg.jpg) repeat-x 50% 100%}

/* Common
--------------------------------------------------------- */
a, .color{color:#b80308}

a{border:1px solid; text-decoration:none; border-width:1px 0; padding:1px}

a.external:link, a.external:visited{background:transparent url(../img/ext_link.gif) no-repeat 99.5% 4px; padding-right:15px}

a.external:hover, a.external:focus, a.external:active{background:url(../img/ext_link.gif) no-repeat 99.5% -146px; padding-right:15px}

a.external span, .span a.external span{position:absolute; left:-9999px}

abbr, acronym, span.abbr{border-bottom:1px dotted #8E5F4D; cursor:help}

img{margin:0.5em 7%}

p, blockquote{text-indent:0; margin:0 7% 1em}

span.p{text-indent:0; margin:1em 0}

ul, ol, dl{list-style:none; margin:0 7% 1.4em}

ul li, ol li{margin:0 4% 0.2em}

dl dt{margin:0 0 0.5em; padding-left:3px; border:1px solid #edd28f; background-color:#f6d9a2; color:#c11d2d; font-weight:700}

dd{margin:0 0 0.75em 4%}

dd p {margin-left:0; margin-right:0}

li, dt, dd, p, .p, blockquote, dd *, li li, h5{font-size:100%}

ul, dl, .tleft{text-align:left}

code, p.code,.code code, kbd, pre{font-family:Monaco,"Courier New",Courier,monospace}

.codebox {margin:0 7% 1em; padding:5px 10px; border:1px dotted}

blockquote{border:1px solid; margin:0 16% 1em; padding:1em 10px 0}

blockquote p{font-size:90%; margin:0 3% 0.8em}

.source, .em, .date{font-style:italic}

.source{text-indent:5px}

cite, .bold{font-weight:700}

.date{margin:-1em 4% 2.7em; padding:0 1px; color:#645033; letter-spacing:1px}

.date, .source{font-size:93%; background:transparent url(../img/bg_h.gif) no-repeat 0 1.55em}

a img, a.icon, a.img:link, a.img:visited, a.img:hover, a.img:focus, #logo a, #logo a:visited{border-width:0}

.uppercase{text-transform:uppercase; font-size:120%}

.nowrap{white-space:nowrap}

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

.clear{clear:both}

.left{float:left}

.right{float:right}

.tright{text-align:right}

.center{text-align:center}

.u{text-decoration:underline}

/*.borderbot{border-bottom:4px double #719731}*/

.first{margin-top:1.5em}

p.err{padding-top:1em; padding-bottom:14em}

p.code{text-align:left; margin:0 0 1em; padding:1em}

.bul li, dl.last dd .bul{margin:0 25px 0.25em 35px; padding-left:15px; background:transparent url("../img/icon_arr.gif") no-repeat 0 50%; text-indent:0; list-style:none}

.light{padding:5px 10px}

li.light a span {color:#620}

.wide{margin-left:4%; margin-right:4%}

.bg, #main h3, img.ex{border:1px solid; background:url(../img/bg_frame.gif) repeat 0 0; text-align:left}

.middle{padding:5px}

.frame{margin:1em 7% 1em; border:1px solid; padding:0 10px}

span.temp {color:#ffca72; font-family:"Trebuchet MS",Helvetica,Arial,sans-serif; line-height:1.2em;}

.brdtop{border-width:1px 0 0; padding-top:1em; border-top:1px solid #f1cc89}


/* Headings
 ----------------------------------------- */
h1, h2, h3, h4, h5{font-size:135%; text-align:left; margin:1em 4% 0.5em}

#home h2{margin-bottom:1.5em}

h1 a, h2 a, h3 a:link, h4 a{border-style:solid}

#second h2{font:normal 160% tahoma,helvetica,arial,sans-serif}

#main h2, #main h3, #main h4, #main .h3{color:#be1e11}

#main h2, #main h3, #main h4, #main .h3{text-shadow:0 0 1px #fef4d4, 1px 1px 0 #fef4d4}

#main p.h3{padding:0 1px; background:transparent url(../img/bg_h.gif) no-repeat -15px 1.3em}
 
#main h2{position:relative; top:-7px; min-height:25px; background:transparent url(../img/bg_h4.gif) repeat-x -10px 0; margin:0; 
padding:1.2em 4% 0.75em; font:italic bold 215%/1.2 "Times New Roman",Times,serif; letter-spacing:-1px}

#second h2{margin:1em 0 1em 14px; padding:10px 0}

.out{position:absolute; left:-9999px; font-size:0; height:0}

#main h3{border-style:solid;/*e0d0a2;*/ border-width:0 1px 1px 0; font-size:130%; font-weight:400; padding:4px 10px}

#home #main h3 {margin-left:7%; margin-right:7%; background:transparent url(../img/bg_h.gif) no-repeat 0 -15px; font-size:110%; font-weight:700}

#portfolio #main h3{display:block; padding:0.7em 10px 0.3em 5px; margin:0; border-width:0 0 0px}

#main h4, #main h3.related{background-color:#f6d9a2; font-size:100%; margin:1em 7% 1em 7%; padding-right:25px;}

#main h3.related{text-decoration:underline}
 
#main h3.related{border-width:1px 0 0; font-weight:700; padding:1em 0 0; border-top:1px solid #f1cc89; background:transparent}

#main .small{float:right; position:absolute; top:5px; right:4%;  margin-right:1px; padding:0; font-size:93%; font-style:normal; font-weight:700; letter-spacing:1px; text-align:right; text-transform:capitalize; z-index:50}

#main .small a:link, #main .small a:visited{padding:1px 5px 1px 18px; background:#fde5b7 url(../img/box_up.gif) no-repeat 6px 50%; /*background:rgba(255,255,255,0.3) url(../img/box_up.gif) no-repeat 6px 50%; */color:#8e5f4d}

#main .small a:hover, #main .small a:active, #main .small a:focus {text-shadow:0 -1px 1px #561109}

/* Page Structure
--------------------------------------------------------- */
#wrapper{position:relative; margin:0 auto; z-index:1; background:transparent url(../img/t_shadowN.png) no-repeat scroll -4px 100%}
/*  .clearfix applyed */
#wrapper, #footerinner{/*max-width:93em; width:100%*/max-width:98.4%; width:92.3em}

#header{position:relative; width:100%; min-height:155px; height:16.3em; background:transparent; cursor:default}

#container{position:relative; float:left; display:inline; width:100%; margin-right:-202px; background:transparent}

#content{display:inline; float:right; width:100%; margin-left:-202px}

#main{position:relative; min-height:34em; height:auto; margin:1.2em 208px 0.5em 200px; padding-bottom:5em; 
background:#fde0a9 url(../img/bg_t4.jpg) repeat-x -3px 100%; color:#561109;/*471a14;*/ text-align:left; z-index:3}

#second{float:right; position:relative; display:inline; top:0; right:3px; width:200px; border:0 solid #aab7fb; text-align:left; margin:0.75em 0 .5em; padding:2px 0 3.6em}

#logo, #sidecol{width:200px; float:left}

#sidecol{background:transparent url(../img/adipalaz_designD5.jpg) no-repeat 31px -187px; padding:115px 0 0}

#sidecol address{margin:0 1%; padding:0.5em 0 1em; font-style:normal; line-height:2em; font-weight:700; font-size:93%}

#sidecol address a:link, #sidecol address a:visited{position:relative; z-index:2; width:98%; padding:0.3em 3px}

#sidecol address a:hover, #sidecol address a:focus, #sidecol address a:active{position:relative; z-index:4}

#second ul{margin-left:15px; padding-left:0}

#second ul li{/* ie needs hasLayout */margin-left:0; padding-left:10px; background:transparent url(../img/icon_arr.gif) no-repeat 0 0.7em}

#second a:link, #second a:visited{display:block; margin:0; padding:0.1em 3px}

#sidecol address a:link, #sidecol address a:visited, 
#second a:link, #second a:visited{border-color:#45494c #45494c #5c6568; color:#bbd3c3}

#sidecol address a:hover, #sidecol address a:focus, #sidecol address a:active, 
#second a:hover, #second a:focus, #second a:active{border-top-color:#641818; border-bottom-color:#782b20; background:#3C060A; border-style:solid; color:#fff}

#searchbox{position:relative; top:0; right:1px; margin:0 auto; padding-top:18px; width:190px;; z-index:10}

#searchbox form{padding-bottom:0.3em}

#searchbox form label{margin:0 0 0.6em; line-height:2em; font-size:89%; font-weight:700; text-transform:uppercase}

#searchbox >form input{max-width:95%; margin-bottom:0.3em; font-size:100%}

#searchbox form input[type="text"]{display:block; margin:0 auto 0.5em; padding:0.1em 3px; border:1px solid #7E9DB9; background-color:#fff; color:#000}

#searchbox form input[type="text"]:focus, #searchbox form input[type="text"]:active {background-color:#fff; color:#000}

#searchbox form input[type="submit"]{margin-left:1px; padding:1px 5px 2px; border:1px solid #5d6367; border-right-color:#000; border-bottom-color:#000; background:transparent; color:#bbd3c3; font:700 93% verdana,geneva,helvetica,arial,sans-serif}

#searchbox form input[type="submit"]:hover, #searchbox form input[type="submit"]:focus, #searchbox form input[type="submit"]:active{border-color:#000; border-right:2px solid #6F2620; border-bottom:2px solid #6F2620; background:#59090f; border-style:solid; border-width:1px; color:#fff}

ul#lang{position:absolute; float:left; top:2em; left:0; width:190px; margin:0; padding:0; text-align:center}

#lang li{width:8.5em; background:transparent none; font-size:95%; font-weight:700; font-style:normal; letter-spacing:1px; margin:0 auto; padding:0}

#lang a{position:relative; display:block; overflow:hidden; max-width:170px; width:8em;  margin:0; padding:1px 5px;
  border:2px solid #c3ba89; background:#fefefe; text-align:center; z-index:2}

#lang a:hover, #lang a:focus, #lang a:active{position:relative; max-width:9.5em; width:8em; border-color:#9c956f; background:#fff; color:#dd1030; z-index:4}

#lang a span{display:block; max-width:170px; width:100%; height:100%; cursor:pointer;}

#lang a, #icons a:hover span, #icons a:focus span, #icons li.fcs a span, #icons a:active span{color:#c11d2d}

/* Header
--------------------------------------------------------- */
h1{position:absolute; display:inline; bottom:0; left:0; background:transparent; 

font:normal bold 185%/1.6 "Times New Roman",Times,serif; z-index:10; margin:0 0 0 32px;}

h1 a:link span, h1 a:visited span{position:absolute; bottom:0; left:-1px; width:132px; height:93px; border:none; overflow:hidden; 
background:transparent url(../img/adipalaz_designD5.jpg) no-repeat 0 -94px; z-index:11}/*2*/

h1 a:hover span, h1 a:active span{background-position:0 0}

h1 a:link, h1 a:visited{position:relative; display:block; bottom:0; left:0; margin:0; padding:0; margin-top:-93px; border:none; 
width:132px; height:93px; color:#BCC9B1; cursor:pointer; overflow:hidden; background:transparent none; text-decoration:none; text-align:center; text-shadow:0 0 1px #333, 1px 1px 4px #333; z-index:10}

h1 a:hover, h1 a:active{background:transparent none; border:none; color:#F8E0AB}

h1 a:focus{border:1px solid #ffe680; z-index:15; padding:0}

h1 small{position:absolute; left:0; bottom:0; width:15em; margin:0 0 0 171px; padding:0; vertical-align:baseline; color:#EBCD8A;
font:italic bold 100%/1.3 "Times New Roman",Times,serif; white-space:nowrap; text-indent:0; text-shadow:0 0 2px #830000, 1px 0 5px #330000; z-index:4}

small p{margin:0; padding:0}

/* --- Inline links page - specific --- */
.codebox, .el{line-height:1.8em; text-align:left}

p.el{margin:0; padding:1em}

ul.el{display:block; list-style-type:disc; margin:1em 7%; padding:1em 1em 1em 2em}

p.el, ul.el, .light{border:1px dotted}

.frame p.el, .frame ul.el{margin:0 0 1em}

.el li{margin:0; padding:3px}

#main .frame .el a:link, #main .frame .el a:visited{border-width:1px 0; padding-left:1px; color:#565674; font-weight:700}

#main .frame .el a:hover, 
#main .frame .el a.external:hover{border-width:1px 0; padding-left:1px; color:#321}

img.ex{display:block; border:1px solid; margin:1.5em auto; padding:5px; text-align:center}

.flash{margin:2em auto; padding:0; text-align:center}

.frame h5{border:1px solid; padding:1px 0.5em; color:#8e5f4d; font:100% helvetica,arial,sans-serif}
.frame h5{display:inline-block; margin:-.75em 0 0.5em 0; position:relative; z-index:5}

.frame h5{display:inline}

.frame>h5{display:table}

/* --- */
.sr{width:auto; text-align:center; background-color:transparent; margin:1em 0 2em}

body#search .sr div{width:85%; border:1px solid #d8bb7d; margin:auto; padding:1.5em 2%; background:#fff url(../img/t_shadowN.png) repeat-x scroll 0 -8px}

body#search .sr div iframe{width:100%; min-height:30px}

li.light{display:block; border-style:solid; margin:1em 0; padding:0}

li.light p, #main li.light a{display:block; margin:0; padding:0.5em 2%; border:none}

li.light span.p {font-family:"Trebuchet MS",helvetica,arial,sans-serif}

.light .date{margin:0; font-size:100%; line-height:1.8; background-image:none}

li.light a .title{border:1px solid; line-height:1.8; border-width:0 1px 1px 0; padding:1px 2%}

/*li.light a:hover .title{border:1px solid; border-width:0 1px 1px 0}*/

#main .frame a:link, #main .frame a:visited{border-top-color:#fbedb6; border-left:4px solid #e3b777; padding-left:7px}

#main .frame a{border-left-width:0; padding-left:1px}

#main .frame a.external:link, #main .frame a.external:visited,
#main .frame a.thickbox{border-left-width:0; padding-left:1px}

#main .frame a.external:hover{border-left-width:0}

#accessibility .bul li{padding-left:11px; background-position:-4px 50%}

.bullist #main ul a, 
.nlist #main ul a{display:block; /* ie6 needs hasLayout */}

#sitemap #main span.temp {position:absolute; text-indent:-9999px; overflow:hidden;}
#sitemap #main a:hover span.temp, #sitemap #main a:focus span.temp, #sitemap #main a:active span.temp {position:static; display:inline; text-indent:5px;}

.bullist .frame, .nlist .frame{padding:1.5em 0 1.5em 5px; overflow:visible}

ul.wide ul.wide{margin:0.2em 0 0.25em 10px}

ul.wide ul.wide li{margin-left:0; margin-right:0; padding-left:0}
 
.bullist #main ul.wide ul.wide a, 
.nlist #main ul.wide ul.wide a{border-left-color:#f8dba2}
 
.bullist #main ul.wide ul.wide a:hover, 
.nlist #main ul.wide ul.wide a:hover{border-left:4px solid #d9a560}

.expansible li{/* ie needs hasLayout */position:relative; margin-top:0.35em; margin-bottom:0.35em; padding-left:1.7em; border-width:0 0 1px; border-style:dotted; color:#c11d2d; font-weight:700}

ul.expansible ul.wide{margin-left:0}

.expansible li li{border:none}

.expansible p{margin:0 0 0 11px; color:#620; font-size:90%; font-weight:400}

.expand {position:relative}

.hidden {display: none}
h3.expand{clear:both}
p#switch {float:right; position:relative; width:8em; margin:0 4% .5em; padding:0; text-align:right}
#switch span a{padding-right:1px; background-image:none}

#main h4.expand {padding-right:0; border:1px solid #edd28f}
#main h3.expand a {margin:-5px -11px; padding:5px 10px}

#portfolio .collapsible {position:relative; overflow:hidden; padding-top:0.5em; margin:-0.2em 10px 0 5px; border:1px solid #dbba77; border-width:1px 0 0}

#main .expand a:link, #main .expand a:visited{padding-right:25px; border-width:0; background:transparent url(../img/arrow_down.gif) no-repeat 99% 50%;}

#main .expand.open a:link, #main .expand.open a:visited{background:transparent url(../img/arrow_up.gif) no-repeat 99% 50%}

#main .expand a:hover, #main .expand.open a:hover{color:#cd1030; text-decoration:underline; background:transparent url(../img/hover.gif) no-repeat 99% 50%}

#main .expand a:focus, #main .expand a:active, #main .expand.open a:focus, #main .expand.open a:active{color:#cd1030; outline:1px solid #fef1d8}

em.num {font:normal 160% Georgia,"Times New Roman",Times,serif; color:#e81c1c}

#links #main p {font-family:Helvetica,Arial,sans-serif}

#portfolio .frame{overflow:visible}

#portfolio .frame a.img:link, #portfolio .frame a.img:visited{float:right; display:inline; width:202px; border:1px solid; margin:0 0 0.5em 10px; padding:7px}

#portfolio .frame a:hover.img{border:1px solid}

#portfolio .frame img{display:block; width:200px; background:transparent; border:1px solid; margin:0; padding:0}

#portfolio .frame p{/*clear:left !important;*/ display:block; margin:1em 10px 1em 3%}

#portfolio #main em {background:transparent url(../img/bg_h.gif) no-repeat scroll 50% -2px; color:#a61111;  font-style:normal; font-size:86%; padding:3px; border:1px solid #d8bb7d; border-width:1px 0 0 1px}

hr{display:none}
#main hr{display:block; clear:both; width:100%; height:0; margin:0; border:0 solid #e4d6aa; border:none; background-color:#e4d6aa; color:#e4d6aa}

.folio{margin:0}

/* Top icons - see:http://www.tjkdesign.com/articles/css%20pop%20ups/default.asp
------------------------------------- */
#iconscontainer{float:right; display:inline; position:relative; margin-top:1px; width:24px; background:transparent url(../img/paraplanerN.png) 70% 50% no-repeat; z-index:10; padding:2em 165px 0 4px}

#icons{position:relative; background-color:transparent; text-align:right; z-index:12}

#icons li{height:2.1em; margin:0 0 0.3em}

#icons a:link, #icons a:visited{display:block; border:none; margin:0; padding:0; color:#BCC9B1; white-space:nowrap;}

#icons a:link img, #icons a:visited img{display:block; width:16px; height:16px; background-color:#f5f0d2; border:2px solid #c3ba89; margin:0; padding:0.2em}

#icons a:hover, #icons a:focus, #icons a:active{background-color:transparent; border:none; margin:0; padding:0; color:#F8E0AB}

#icons a:hover img{background-color:#fefefe; border-color:#9c956f}

#icons a:focus img, #icons li.fcs a img, #icons a:active img {border-color:#a01919}

#icons a:link span, #icons a:visited span{display:none; background:#fefefe; border:2px solid #c3ba89; font-weight:700; 
text-align:center; white-space:nowrap; padding:0 3px; line-height:1.4em}

#icons a:hover span, #icons a:focus span, #icons li.fcs a span, #icons a:active span{display:block; position:absolute; top:-2em; right:-0.4em; margin-top:0.05em; width:16em}

/* ---------------- Links ---------------- */
.bullist #main ul a:hover, .nlist #main ul a:hover{border-bottom-color:#9a0b0b;}
a:hover, a:focus, a:active, a.external:hover, a.external:focus, a.external:active, 
#main .frame a.external:hover, #main .frame a.external:focus, #main .frame a.external:active, 
#main .frame .el a:hover, #main .frame .el a:focus, #main .frame .el a:active, 
.bullist #main a:focus, .bullist #main a:active, 
.bullist #main ul.wide ul.wide a:focus, .bullist #main ul.wide ul.wide a:active, 
.nlist #main a:focus, .nlist #main a:active, 
.nlist #main ul.wide ul.wide a:focus, .nlist #main ul.wide ul.wide a:active, 
#lang a:focus, #lang a:active, 
#menu a:focus, #menu a:active, #menu a:active, 
#main .small a:hover, #main .small a:focus, #main .small a:active, 
.bg a.external:hover, 
li.light a:focus .title, li.light a:active .title{border-color:#9A0b0b;/*920b0b;*/ background-color:#c11d2d; color:#f5f0d2}

.minus {background: #edd28f url(../img/minus.gif) no-repeat 3px 50%}

.plus {background: transparent url(../img/plus.gif) no-repeat 3px 50%}

#main a.trig:hover, #main a.trig:focus, #main a.trig:active{background-color:#fde0a9; color:#cd1030; text-decoration:underline; outline:0 none}

#main a.trig:focus, #main a.trig:active{background-color:#edd28f}

.minus, #main .expansible .minus:focus, #main .expansible .minus:active {background-image: url(../img/minus.gif)}
.plus, #main .expansible .plus:focus, #main .expansible .plus:active {background-image: url(../img/plus.gif)}

.bullist #main a:focus, .bullist #main a:active, 
.bullist #main ul.wide ul.wide a:focus, .bullist #main ul.wide ul.wide a:active, 
.nlist #main a:focus, .nlist #main a:active, 
.nlist #main ul.wide ul.wide a:focus, .nlist #main ul.wide ul.wide a:active, 
#portfolio .frame a:hover.img, #portfolio .frame a:focus.img, #portfolio .frame a:active.img{background-image:none}

#portfolio .frame a:link.img , #portfolio .frame a:visited.img {background-color:#e7c889}

#portfolio #main .frame a:hover.img, #portfolio .frame a:focus.img, #portfolio #main .frame a:hover img {background:#dfc283; border-color:#fdeac0}

/* ----- New colors---- */
.light, #main p.light, blockquote, .bg a.external:hover, 
li.light a:hover .title, #main li.light a:hover, #main li.light a:focus, #main li.light a:active, #links #main a.switch{background-color:#fee9c3}

#portfolio .frame img{border-color:#e7c889}

#main h3, .bg, img.ex, li.light{background-color:#f6d9a2}

p.el, ul.el, .frame h5, .codebox{background-color:#fffeeb}

#main .frame .el a:hover, #main .frame .el a.external:hover{background-color:#fef2d1; color:#321}

.codebox, p.el, ul.el, li.light a .title{border-color:#dbba77}

.light, blockquote{border-color:#d8bb7d; border-style:dashed}

.light a{border-top-color:#fdeac0}

#main h3, li.light a:hover .title, #main li.light a:hover, #main li.light a:focus, #main li.light a:active{border-color:#d8bb7d}

a, #main .frame a, 
.expansible li, #links #main a.switch, 
img.ex, li.light, .frame, .frame h5{border-color:#d8bb7d}

#portfolio #main .frame img {border-color:#f3d393}

a{border-top-color:#fde0a9}

#main .small a{padding-right:3px; border-color:#dbba77; border-width:1px}

li.light a:hover .title{border-color:#C11D2D; color:#b80308}

#main .frame .el a:link, #main .frame .el a:visited{border-top-color:#fffeeb}

#main .frame .el a:hover, 
#main .frame .el a.external:hover{border-color:#d9a560; border-top-color:#edd28f; border-width:1px 0}

#main .frame a:link.img, #main .frame a:visited.img{border:1px solid #dbba77}

#main .frame a:hover.img{background:#fde4ae}


/* Nav Menu
------------------------------------- */
#menucontainer{margin:0 auto}

#menuout{position:absolute; top:2em; width:100%; cursor:default}

ul#menu{width:auto; background:transparent url(../img/flying2.png) 92% -22px repeat-y; margin:0 208px 0 198px}

#menu li{width:100%; margin:0; background-color:transparent; font-weight:700; line-height:1.5em; letter-spacing:1px; text-shadow:0 0 1px #333, 0 1px 2px #333}

#menu a:link, #menu a:visited{position:relative; display:block; width:auto; margin:0; padding:3px 7px; background-color:transparent; 
  border-color:#C5D2BD #100000 #100000 #D2D6B4;
  border-style:solid; border-width:1px 2px 1px 1px; z-index:3}

#menu .h a{border-top:1px solid #b9ca96}

#menu a:link, #menu a:visited, 
#home #menu .h a:hover, 
#portfolio #menu .p a:hover, 
#writings #menu .w a:hover, 
#experiments #menu .e a:hover, 
#links #menu .l a:hover{background:transparent url(../img/t_shadowN.png) repeat-x 0 -2px; color:#f8e0ab; text-transform:none}

#home #menu li.h a, #portfolio #menu li.p a, #writings #menu li.w a, #experiments #menu li.e a, #links #menu li.l a{background-color:transparent; color:#fff0d5; text-align:center}

#menu a:hover, #menu a:focus, #menu a:active {display:block; width:auto; background:transparent url(../img/t_shadowN.png) repeat-x 0 0; border-color:#E2ECB6 #470A09 #470A09 #fef3d1; font-weight:700; text-align:center; text-transform:uppercase}
  
#menu a:focus, #menu a:active{background:#a01919 url(../img/t_shadowN.png) repeat-x 0 0}

#menu .h a:hover, #menu .h a:focus, #menu .h a:active{border-top:1px solid #dae5aa}

/* Footer
--------------------------------------------------------- */
#footer{clear:both; float:left; width:100%; min-height:80px; height:100%; 
  background:transparent url(../img/footD3.gif) repeat-x -150px 1px; border-top:1px solid #906030; font-family:Helvetica,Arial,sans-serif; text-align:center}

/* to give max-width of footer and leave the bg 100%, 
  applying .clearfix prevents disappearing the #im on refresh in IE6 */
#footerinner{position:relative; min-height:5em; height:100%; margin:0 auto; overflow:visible; z-index:2; text-shadow:0 -1px 1px #320603, 0 1px 0 #2e0402}

#footer ul{float:left; display:inline; width:50%; border:3px double #ffcc35; border-width:0 0 0 3px; margin:10px 7px 0.4em; padding:6px 10px}

#footer li{float:left; border-right:1px solid #ffaf0c; margin:0; padding:0px 7px}

#footer li.lilast{border:none}

#footerinner #im{position:relative; float:right; display:inline; top:-63px; right:14px; min-width:140px; width:19.5em; min-height:30px; height:2em; background:transparent url(../img/crabby.png) no-repeat 0 0; z-index:20; padding:63px 0 0}

#im p{width:19.5em; text-align:right; border-width:0; margin:0 0 0.5em; padding:16px 0 3px}

#footer li a:link, #footer li a:visited{padding:1px 3px; border:1px solid; border-color:#68130b #783315 #783315 #68270f; color:#ebcd8a}

#footer li a:link.external, #footer li a:visited.external{padding-right:15px}

#footer li a:hover, #footer li a:focus, #footer li a:active{border-top-color:#5d1a0d; background-color:#641c0f; color:#fff}

#footer li.lilast a:link, #footer li.lilast a:visited{padding-left:3px; font-weight:700; border-width:0}

#footer a.external:link, #footer a.external:visited{background-position:99.5% -146px}

#footer a.external:hover, #footer a.external:focus, #footer a.external:active{background-position:99.5% 4px}