@charset "UTF-8"; /* CSS Document */

/* =Universal styles
------------------------------------------------------------------------------*/
body { background: url('../lib/images/gradient.gif') repeat-x #363636; font-size: 62.5%; /* 1em now equals 10px */ font-family: Georgia, Times New Roman, Times, serif, sans-serif;}

.hr { margin: 5em auto; border-top: .1em solid #cccccc; border-bottom: 0; border-left, border-left, border-right: 0; padding: 0; width: 55em; height: 0; }

div.clear { clear: both; border: none; }
span.clear { clear: both; display: block; }
div.height { height: 2.5em; }
.nowrap { white-space: nowrap; }
.none { display: none; }

:lang(he) { letter-spacing: .1em; font-family: sans-serif; }
:lang(th) { line-height: .6em; letter-spacing: 0; font-size: 1.1em; font-weight: normal; }
:lang(zh) { font-weight: normal; font-family: NSimSun, Kai, STKaiti, serif; }
:lang(ja) { font-weight: normal; font-family: NSimSun, Kai, STKaiti, serif; }
:lang(ar) { position: relative; top: .1em; line-height: .2em; letter-spacing: 0; font-size: 2em; font-weight: normal; }
:lang(ne) { letter-spacing: 0; font-size: 1.2em; }
:lang(bo) { position: relative; top: .1em; line-height: .2em; letter-spacing: 0; font-size: 1.2em; }
:lang(bn) { position: relative; top: .1em; line-height: .2em; letter-spacing: 0; font-size: 1.3em; }
:lang(hi) { position: relative; top: .1em; line-height: .2em; letter-spacing: 0; font-size: 1.3em; }

em { font-style: italic; }
strong { font-weight: bold; }
u { text-decoration: underline; }
.top { margin-top: 0 !important; }
p.text:first-letter { font-size: xx-large; }
input:focus, textarea:focus { background-color: lightyellow; }
.greenLink { color: #008000; text-decoration: underline; font-style: italic; }
img.gsc-branding-img, img.gsc-branding-img-noclear, td.gsc-branding-text div.gsc-branding-text {
	display: none !important; }

/* =navMain
------------------------------------------------------------------------------*/
#navMain { margin: 6px 0 26px; height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #ECA22D; }
.family { }
.portfolio { }
.burn { background: url('../lib/images/basic/hed_burn.gif') no-repeat left 18px !important ; }
#navMain p { padding-right: 10px; text-align: right; float: right; line-height: 14px; }
#navMain p a { color: #ECA22D; text-decoration: none; }
#navMain h1 { display: none; }
#navMain ol { margin: -1px 0 0 113px; list-style-type: none; color: #ECA22D; white-space: nowrap; line-height: 14px; }
#navMain ol li { float: left; text-transform: capitalize; }
#navMain ol li a:link, #navMain ol li a:visited { text-decoration: none; color: #ECA22D; font-style: normal; text-transform: capitalize; }
#navMain ol li a:hover, #navMain ol li a:active { text-decoration: underline; color: #0099CC; font-style: normal; }
#navMain h3 { clear: both; float: right; padding: 20px 15px 0 0; margin-left: -90px; }

/* =pageName
------------------------------------------------------------------------------*/
#pageName { text-align: center; }
#pageName div { }
#pageName div h1 { display: none; }
#pageName div h2 { font-size: 3.2em; font-weight: bold; letter-spacing: .1em; white-space: nowrap; color: #777777; /*text-shadow: 0.025em 0.025em 0.05em #555555;*/ }
#pageName div h2 span.ideograph { font-family: NSimSun, Kai, STKaiti, serif; }
#pageName div h2 a:link, #pageName div h2 a:visited { color: #777777; text-decoration: none; }
#pageName div h2 a:active, #pageName div h2 a:hover { color: #777777; text-decoration: underline; }

/* =pageNav
------------------------------------------------------------------------------*/	
#pageNav { width: 100%; overflow: hidden; position: relative; }
#pageNav p { padding: 15px; letter-spacing: .08em; white-space: nowrap; font-size: 1.2em; text-align: center; color: #333333; }
#pageNav a:link, #pageNav a:visited { text-decoration: none; letter-spacing: .1em; color: #333333; }
#pageNav a:hover, #pageNav a:active { text-decoration: none; letter-spacing: .1em; text-decoration: underline overline; color: #b22222; }
#pageNav ul { clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; color: #333333; text-align: center; letter-spacing: 1px; }
#pageNav ul li { display: block; float: left; position: relative; right: 50%; padding-top: 6px; padding-left: 3px; height: 22px; }

/* =pageNote
------------------------------------------------------------------------------*/
#pageNote { padding-bottom: 1.4em; color: #555555; text-align: center; letter-spacing: .2em; font-size:1.1em; }
#pageNote a:link, #pageNote a:visited { color: #777777; border-bottom: 2px solid #444444; text-decoration: none; }
#pageNote a:hover, #pageNote a:active { color: #b22222; border-bottom: 1px dotted #b22222; }

/* =hedNav
With guidance from http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support
------------------------------------------------------------------------------*/
.hedNav { float: left; width: 100%; overflow: hidden; position: relative; padding-bottom: 5px; }
.hedNav h4 { display: none; }
.hedNav ul { clear: left; float: left; list-style: none; margin: 0; padding: 0; color: #666666; position: relative; left: 50%; text-align: center; letter-spacing: 1px; }
.hedNav ul li { display: block; float: left; position: relative; right: 50%; border-top: #3b3b3b solid 1px; border-bottom: #3b3b3b solid 1px; padding-top: 6px; padding-left: 3px; height: 22px; }
.hedNav ul li:first-child  { padding-left: 10px; }
.hedNav ul li:last-child { padding-right: 10px; }
.hedNav ul li a:link { color: #ECA22D; font-size: 1.3em; }
.hedNav ul li a:visited { color: #666666; font-size: 1.3em; }
.hedNav ul li a:hover, .hedNav ul li a:active { color: #b22222; }

/* =photos
------------------------------------------------------------------------------*/

#photos { margin: 0 auto; text-align: center; }

#photos h2 { padding-bottom: .5em; text-align: center; font-size: 3em; }
#photos h4 { padding-top: 1em; text-align: center; font-size: 1.4em; font-weight: bold; line-height: 1.5em; }
#photos h5 { color: #666666; font-size: 1.3em; text-align: center; letter-spacing: .1em; }
#photos img { border: none; }

#photos div { display: block; width: 802px; margin: 0 auto 1.6em; border: 1px solid #4d4c4c; padding: 1.2em; background-color: black; -moz-box-shadow: 10px 10px 15px #222222; -webkit-box-shadow: 10px 10px 15px #222222; box-shadow: 10px 10px 15px #222222; }
#photos div img { display: inline; border: 1px white solid; cursor: default; }
#photos div.vert { width: 602px; }
#photos div.ticket { width: 402px; }

.photo { display: block; width: 800px; margin: 0 auto 1.6em; border: 1px solid #4d4c4c; padding: 1.2em; background-color: black; }
#photos div.ad { margin: 2em auto 0; border: 0; padding: 0; width: 500px; background: none; text-align: center; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#photos div.player { width: 470px; text-align: center; }

#photos div h4 { padding-top: 1em; text-align: center; font-size: 1.5em; font-weight: bold; line-height: 1.5em; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; }
#photos div h4 a:link, #photos div h4 a:visited { border-bottom: 1px solid #444444; color: #666666; text-decoration: none; }
#photos div h4 a:hover, #photos div h4 a:active { border-bottom: 1px solid #b22222; color: #b22222; }
#photos div h5 { padding-top: .75em; line-height: 1.5em; text-align: center; font-size: 1.5em; letter-spacing: 0; color: #666666; }
#photos div h5 a:link, #photos div h5 a:visited, #photos div p a:link, #photos div p a:visited { border-bottom: 1px solid #333333; color: #555555; text-decoration: none; }
#photos div h5 a:hover, #photos div h5 a:active, #photos div p a:hover, #photos div p a:active { border-bottom: 1px solid #b22222; color: #b22222; }
#photos div h6 { padding-top: .2em; text-align: center; letter-spacing: .1em; color: #333333; font-size: 1.0em; font-weight: 100; }
#photos div p { font-size: 1.5em; line-height: 1.5em; padding: .75em 2em 0; color: #666666; text-align: left; }
#photos div blockquote { margin: 1.5em 8em .5em 5em; font-size: 1.3em; line-height: 1.6em; color: #666666; text-align: left; }
#photos div table { margin: 1em auto; }
#photos div table td { font-size: 1.4em; padding: .25em 1em; }
#photos div ol { margin: 1em 5em 0; font-size: 1.5em; }
#photos div ol li { padding: 0 0 .75em 1em; list-style-type: decimal; }

#photos p.unesco { margin: .8em auto 0 auto; background: url('../lib/images/travels/extras/world_heritage_new.png') center no-repeat; }
#photos p.unesco a { margin: 0 auto -2em; display: block; width: 171px; height: 75px; text-indent: -999.9em; }

#photos div.hr { margin: 4em auto; border: none; padding: 0; height: 54px; width: 550px; background: url('../lib/images/main/divider.png') no-repeat; text-align: center; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#photos div.hr hr { display: none; }
#photos .hrSmall { margin: 3em auto; border: none; padding: 0; height: 1px; width: 30em; background: repeat-x url('../lib/images/basic/spacer_gray.gif'); text-align: center; }

#photos a.backTop:link, #photos a.backTop:visited { margin: 2em 0; font-size: 1.2em; color: grey; text-decoration: none; color: #555555; letter-spacing: .1em; display: block; text-align: center; }
#photos a.backTop:hover, #photos a.backTop:active { margin: 2em 0; font-size: 1.2em; text-decoration: overline; color: #999999; dispaly: block; }
#photos a.backTop img { display: inline; margin: 0; padding: 0; background: none; border: none; }

/* =phoBox
------------------------------------------------------------------------------*/
#photos #phoBox { margin: 0 auto; border: none; padding: 0; width: 580px; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#photos #phoBox #phoNav { float: left; margin: 0; border: none; border-bottom: 1px #222222 solid; padding: 0; width: 180px; background: none;  no-repeat bottom; text-align: left; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

#photos #phoBox #phoNav h2 { margin-bottom: 15px; padding-top: 0; height: 130px; background: url('../lib/images/travels/extras/k1000.png') bottom center no-repeat; color: #555555; font-size: 1.3em; font-weight: normal; text-align: center; }
#photos #phoBox #phoNav h3 { padding: 4px 0 0 15px; height: 20px; background: url('../lib/images/basic/photosBar_dark.png') no-repeat bottom; font-size: 1.5em; font-weight: bold; color: #555555; }
#photos #phoBox #phoNav h3.sub { background-image: none; background-color: #222222; color: #666666; }
#photos #phoBox #phoNav h3 span.small { display: inline; border: none; padding: 0; background: none; font-size: 70%; font-weight: normal;  }

#photos #phoBox #phoNav p { border-left: 1px solid #222222; border-right: 1px solid #222222; padding: .25em 0 .75em 0; text-align: center; }
#photos #phoBox #phoNav img { display: block; margin: 0 auto; border: 0; }
#photos #phoBox #phoNav img.left { margin: 0; }

#photos #phoBox #phoNav ul { border-left: 1px solid #222222; border-right: 1px solid #222222; padding: 1.5em 0 0 1.5em; color: #555555; }
#photos #phoBox #phoNav ul li { padding-bottom: .75em; font-size: 1.5em; }

#photos #phoBox #phoNav a:link, #photos #phoBox #phoNav a:visited { color: #555555; text-decoration: none; }
#photos #phoBox #phoNav a:hover, #photos #phoBox #phoNav a:active { color: #b22222; text-decoration: underline; }

#photos #phoBox #phoMap { float: left; margin: 0; border: none; padding: 0 0 0 2em; background: none; width: 375px; text-align: center; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#photos #phoBox #phoMap h3 { padding: 0; color: #555555; font-size: 1.3em; }
#photos #phoBox #phoMap p { padding: 0; color: #555555; font-size: 1.3em; text-align: center; }

#photos #phoBox #phoMap a:link, #photos #phoBox #phoMap a:visited { color: #555555; }
#photos #phoBox #phoMap a:hover, #photos #phoBox #phoMap a:active { color: #b22222; text-decoration: none; }

#photos #phoBox #phoMap img { background: none; border: none; }
#photos #phoBox #phoMap img.pic { display: block; margin: 2em auto .5em; border: 1px solid #4d4c4c; padding: 1.2em; background-color: black; }
#photos #phoBox #phoMap h4 { padding-bottom: 2em; color: grey; font-size: 1.5em; }

#photos #phoBox #phoMap dl { padding: 1.5em 0 0 3em; width: 37.5em; color: #555555; text-align: left; }
#photos #phoBox #phoMap dt { padding-bottom: 1em; text-decoration: underline; font-style: italic; font-size: 1.4em; letter-spacing: .2em;}
#photos #phoBox #phoMap dd { padding-bottom: 1em; font-size: 1.4em; }

#photos #phoBox div.clear { clear: both; margin: 0; border: none; padding: 0; background: none; height: .0001em; }

/* = notes
------------------------------------------------------------------------------*/

#notes h3 { margin: 0 auto; padding-top: 3px; width: 600px; max-width: 600px; height: 22px; background: url('../lib/images/basic/h3bar_dark.png') no-repeat; text-align: center; font-size: 2em; font-weight: bold; letter-spacing: .3em; color: #666666; }
#notes h3.itinerary { padding-top: 3px; font-size: 1.8em; letter-spacing: .1em; }
#notes h4 { padding-top: .5em; text-align: center; font-size: 1.5em; font-weight: bold; line-height: 1.5em; color: #666666; }
#notes h5 { padding-top: .75em; text-align: center; font-size: 1.3em; }
#notes h6 { padding-top: .2em; letter-spacing: .1em; color: #333333; font-size: 1.2em; font-weight: 100; }

#notes div.notesPhoto { display: block; width: 802px; margin: 0 auto 1.6em; border: 1px solid #4d4c4c; padding: 1.2em; background-color: black; }
#notes div.notesPhoto img { display: inline; border: 1px white solid; cursor: default; }
#notes div.notesPhoto h6 { padding-top: .2em; text-align: center; letter-spacing: .1em; color: #333333; font-size: 1.0em; font-weight: 100; }

#notes img { display: block; margin: 0 auto; }

#notes .notesBox a:link, #notes .notesBox a:visited { border-bottom: 2px solid #777777; color: #3c3c3c; text-decoration: none; }
#notes .notesBox a:hover { border-bottom: 1px dotted #ECA22D; color: #ECA22D; }
#notes .notesBox a:active { border-bottom: 1px dotted #b22222; color: #b22222; }

#notes .notesBox { margin: 0 auto 2em auto; padding: 1em; background-color: #666666; width: 58em; }

#notes .notesBox div { border: .1em #D9B271 /*#333333*/ dashed; padding: 2em 2em; }
#notes .notesBox div h4 { margin-bottom: 4em; padding-bottom: .1em; padding-right: 35px; background: url('../lib/images/basic/spacer_black.gif') repeat-x bottom; font-size: 1.5em; font-weight: bold; font-style: italic; line-height: 1.5em; display: inline; text-align: left; color: #222222; }
#notes .notesBox div h4 a { border: none; text-decoration: none; }
#notes .notesBox div h5 { font-size: 1.3em; text-align: center; font-weight: bold; }
#notes .notesBox div h6 { padding: 7px 0; font-size: 1.2em; }
#notes .notesBox div p { margin: 1.5em 0; line-height: 2em; font-size: 1.5em; }
#notes .notesBox div p.center { text-align: center; }
#notes .notesBox div div.info { float: left; padding: 1em 1em 0 0; width: 180px; font-size: 1.5em; text-align: left; }
#notes .notesBox div div.details { float: left; padding-top: 1em; width: 280px; font-size: 1.5em; text-align: left; }

#notes .notesBox div img { display: inline; }
#notes .notesBox div a img { display: inline; padding: 0; }
#notes .notesBox div .album { float: left; padding: 1em 2.5em 1em 0 }

#notes .notesBox div blockquote { margin: 0 8em 2em 5em; border-top: .1em dotted #cccccc; border-bottom: .1em dotted #cccccc; }
#notes .notesBox div blockquote.noBorder { border: none; margin: -1.5em 3em 3em; }
#notes .notesBox div blockquote p { font-size: 1.3em; line-height: 1.5em; }
#notes .notesBox div blockquote ol { font-size: 1em; line-height: 1.5em; }

#notes .notesBox div.schedule dt { float: left; width: 40px; clear: left; }
#notes .notesBox div.schedule dd { float: left; width: 450px; }

#notes .notesBox div div { margin: 0 auto; border: none; padding: 0; text-align: center; }

#notes .notesBox div span p { margin: 0 0 .5em; font-size: 1.3em; text-align: center; text-decoration: underline; }
#notes .notesBox div span img { display: inline; }
#notes .notesBox div span.imageLeft { display: block; float: left; margin: 0; border: none; padding: 1em 2em 0 1em; text-align: center; }
#notes .notesBox div span.imageLeft a { border-bottom: none; }
#notes .notesBox div span.imageRight { display: block; float: right; margin: 0; border: none; padding: 1em 0 0 2em; }

div.notesBox div ol { margin: 1.5em 2em 2em 3em; font-size: 1.5em; }
div.notesBox div ol li { margin-bottom: 1em; line-height: 1.5em; list-style-type: decimal; }

#notes .notesBox div ul { margin: .5em 0 1em 1.5em; list-style-image: none; }
#notes .notesBox div ul li { line-height: 26px; background: no-repeat url('../lib/images/basic/right_arrow.png') 0 8px; padding-left: 20px; color: #383838; font-size: 15px; }
#notes .notesBox div ul li a { font-size: 15px; } 

#notes .notesBox div.hr { margin: 3em auto; border: none; padding: 0; height: 59px; width: 350px; background: repeat-x url('../lib/images/main/divider_small_swirl.png'); text-align: center; }
#notes .notesBox div.hr hr { display: none; }

#notes a.backTop:link, #notes a.backTop:visited { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; color: grey; text-decoration: none; color: #4c4c4c; letter-spacing: .1em; display: block; border-bottom: none; }
#notes a.backTop:hover, #notes a.backTop:active { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; text-decoration: overline; color: #999999; dispaly: block; border-bottom: none; }
#notes a.backTop img { margin: 0; padding: 0; display: inline; }

/* = events
------------------------------------------------------------------------------*/

#notes .notesBox dl img {  }
#notes .notesBox dl h4 { padding-top: 1em; text-align: center; font-size: 1.5em; font-weight: bold; line-height: 1.5em; }

#notes .notesBox dl dt { padding-bottom: .3em; font-size: 1.5em; font-weight: bold; line-height: 1.5em; }
#notes .notesBox dl dt span { font-family: Courier New, Courier, mono; font-size: 1.8em; font-weight: bold; letter-spacing: .05em; }

#notes .notesBox dl dd { padding: 0 0 .5em 0; line-height: 1.5em; font-size: 1.3em; }
#notes .notesBox dl .setlistLast { margin-bottom: 30px; padding-bottom: 85px; background: bottom no-repeat url('../lib/images/main/divider_small_swirl.png');  }
#notes .notesBox dl dd span { font-size: 1.1em; font-variant: small-caps; font-weight: bold; height: 1.5em; }
#notes .notesBox dl dd span p { float: left; display: block; }

#notes dl dd.trigger a, #notes dl dd.expanded a { border-bottom: none; }
#notes dl dd.expanded, #notes dl dd.trigger:hover { background: none; }

/* =Travel home
------------------------------------------------------------------------------*/
div#mosquito { position: absolute; text-align: center; top: -2px; width: 100%; height: 0;}
div#mosquito a { position: relative; left: 90px;}
#travelsContent { margin: 30px auto 0; width: 810px; }
#travelsContent .memories { float: left; width: 200px; text-align: center; }
#travelsContent .memories img { padding-bottom: 50px;}
#travelsContent #flags { position: relative; top: -2px; float: left; width: 399px; border: 1px solid #444444; border-top: none; background-color: #222222;}
#travelsContent #flags div { float: left; width: 130px; height: 96px; font-size: 1.4em; font-weight: normal; text-align: center; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;}
#travelsContent #flags div.eastAsiaFlag { position: relative; top: -6px; font-family: NSimSun, Kai, STKaiti, serif; font-size: 20px; }
#travelsContent #flags div img, #flags div a img {
 auto 0; padding-top: 5px; text-align: center}
#travelsContent #flags div a:link, #flags div a:visited { color: #444444; text-decoration: none; font-weight: bold;}
#travelsContent #flags div a:hover, #flags div a:active { color: #ECA22D; text-decoration: underline;}

.wrap0 {}
.wrap0 .wrap1 {}
.wrap0 .wrap1 .wrap2 {}
.wrap0 .wrap1 .wrap2 h2 { text-align: center; font-size: 3.2em; font-weight: bold; letter-spacing: .1em; white-space: nowrap; color: #666666;}

/*Shrink wrap for random phrase h2: http://www.brunildo.org/test/shrink_img3.html */
/* IE/Mac \*//*/
* html .wrap0 {
	display: block;
	margin: 1em 0;
	text-align: center;
	margin: 1.7em auto -5.7em;
}
* html .wrap1 {
	display: inline-block;
	width: 1px;
	white-space: nowrap;
}
/**/
[if lt IE 8]
.wrap0 { display: block; margin: 1em 0; text-align: center; margin: 1.7em auto -5.7em; }
.wrap1 { display: inline; _height: 0; zoom: 1; }
[endif]

/* =Laos
------------------------------------------------------------------------------*/
body.laosBody { background: url('../lib/images/main/backgrounds/bg_aqua_fade.gif') repeat-x #cbe5e3; }
body.laosBody #navMain ol { color: #4E7A77; }
body.laosBody #navMain ol li a:link, body.laosBody #navMain ol li a:visited { color: #4E7A77; }
body.laosBody #navMain ol li a:hover, body.laosBody #navMain ol li a:active { color: #555555; }
#pageName .laosBG { border: none; background-color: none; }
#pageName .laosBG h2 { color: #4E7A77; }

.hedNav ul li.laosHed { display: block; float: left; position: relative; right: 50%; border-top: #93BBB8 solid 2px; border-bottom: #93BBB8 solid 2px; padding-top: 6px; padding-left: 3px; height: 22px; }
#photos #phoBox #phoNav ul.laosBD { border-left: 2px solid #93BBB8; border-right: 2px solid #93BBB8; padding: 1.5em 0 0 1.5em; }
#photos #phoBox #phoNav h3.laosH3 { background: url('../lib/images/basic/photosBar_laos.png') no-repeat bottom; }
#photos #phoBox #phoNav h3.laosSub { background-image: none; background-color: #93BBB8; }
#photos #phoBox #phoNav p.laosP { border-left: 2px solid #93BBB8; border-right: 2px solid #93BBB8; }
#notes h3.laosH3 { background: url('../lib/images/basic/h3bar_laos.png') no-repeat; }
#photos .hrLaos { margin: 5em auto; border-top: .1em solid #93BBB8; border-bottom: 0; border-left, border-left, border-right: 0; padding: 0; width: 55em; height: 0; }
.hedNav ul li.leftLaos { border: 0; padding: 2px 0 0 15px; background: url('../lib/images/basic/hed_nav_left_laos.gif') no-repeat left; height: 30px; }
.hedNav ul li.rightLaos { border: 0; padding: 2px 0 0 15px; background: url('../lib/images/basic/hed_nav_right_laos.gif') no-repeat left; height: 30px; }
#photos div.laosPic { display: block; width: 800px; margin: 0 auto 1.6em; border: 2em solid #93BBB8; padding: 1.2em; background-color: white; }
#photos div.vertLaos { width: 600px; border: 2em solid #93BBB8; }

/* Music home
------------------------------------------------------------------------------*/
#travelsContent div h4 { color: #555555; font-size: 1.8em; padding: 5px 0 10px 10px; }
#travelsContent div ul { margin: .5em 0 1em 1.5em; font-size: 1.5em; list-style-image: none; }
#travelsContent div ul li { line-height: 2.2em; background: no-repeat url('../lib/images/basic/right_arrow.png') 0 8px; padding-left: 20px; color: #383838; font-size: 10px; }
#travelsContent a:link, #travelsContent a:visited { border-bottom: 1px #333333 solid; color: #5D6789/* was #444444*/; text-decoration: none; font-weight: normal; font-size: 15px; }
#travelsContent a:hover, #travelsContent a:active { color: #ECA22D; border-bottom: 1px dotted #ECA22D; }
#travelsContent div.memories a:link, #travelsContent div.memories a:visited { border-bottom: none; color: #444444; text-decoration: none; font-weight: normal; font-size: 15px; }
#travelsContent div.memories a:hover, #travelsContent div.memories a:active { color: #ECA22D; border-bottom: none; }

#notes .notesBox .song h3 { color: #222222; font-size: 18px; background: none; letter-spacing: 1px; width: auto; height: auto; padding: 0 0 8px;  }
#notes .notesBox .song h4 { font-size: 1.8em; letter-spacing: .1em; }
#notes .notesBox .song h5 { padding: .3em 0 1em; font-size: 1.2em; text-align: center; }
#notes .notesBox .song h6 { padding-bottom: 1em; text-align: center; font-size: 1.3em; }
#notes .notesBox .song p { font: 1.4em/1.2em courier new, courier; padding-bottom: .5em; }

#notes .notesBox .song .player {  margin: 0 auto; padding: 3px 3px 1px; width: 300px; background: #cccccc; font-size: 1em; }

/* =Portfolio home
------------------------------------------------------------------------------*/
#portfolio { margin: 0 auto; padding: 0 15px 15px; width: 600px; color: #555555; background-color: #1c1c1d; overflow: hidden; border-left: 1px solid #444444; border-right: 1px solid #444444;  }
#portfolio p { margin-top: 1.5em; font-size: 1.5em; line-height: 1.8em; }
#portfolio #portContent textarea, #portfolio #portContent input, .customButton { padding: 5px; background-color: #555555; border: #222222 solid 1px; color:#cccccc; letter-spacing: .1em; }
#portContent { float: left; padding-top: 1em; width: 400px; }

#portfolio #portContent a:link, #portfolio #portContent a:visited { color: #5d6789; border-bottom: 1px solid; text-decoration: none; }
#portfolio #portContent a:hover, #portfolio #portContent a:active { color: #ECA22D; border-bottom: dotted 1px #ECA22D; }

#portfolio #portContent td { font-size: 1.5em; }
#portfolio #portContent h4 { margin-bottom: 4em; padding-bottom: .1em; padding-right: 35px; background: url('../lib/images/basic/spacer_555555.gif') repeat-x bottom; font-size: 1.8em; font-weight: bold; font-style: italic; line-height: 1.5em; display: inline; text-align: left; color: #777777; }
#portfolio #portContent div div p {text-align: left; }
#portfolio #portContent code { display: block; margin-bottom: 2em; border: 1px dashed #999999; padding: 1em; background-color: #555555; font: .8em/2em "Courier New", Courier, monospace; color: #B1E480; }
#portfolio #portContent select { font-size: 13px; border: 1px solid #999999; background-color: #666666; }

/*http://www.webdevelopersnotes.com/tips/html/coloring_scrollbars_using_styles_css_properties.php3*/
#portfolio #portContent select { scrollbar-face-color: #777777; }
#portfolio #portContent select { scrollbar-shadow-color: #333333; }
#portfolio #portContent select { scrollbar-highlight-color: #cccccc; }
#portfolio #portContent select { scrollbar-3dlight-color: #999999; }
#portfolio #portContent select { scrollbar-darkshadow-color: black }
#portfolio #portContent select { scrollbar-track-color: #aaaaaa; }
#portfolio #portContent select { scrollbar-arrow-color: gold;}

#portfolio #portContent ul { margin: .5em 0 1em 1.5em; font-size: 1.5em; list-style-image: none; }
#portfolio #portContent ul li { line-height: 2em; background: no-repeat url('../lib/images/basic/right_arrow.png') 0 10px; padding-left: 20px; }

#portfolio #portContent ul li a:link, #portfolio #portContent ul li a:visited  { color: #5d6789; border-bottom: 1px solid #888888; text-decoration: none; }
#portfolio #portContent ul li a:hover, #portfolio #portContent ul li a:active { color: #ECA22D; border-bottom: dotted 3px #ECA22D; }

#media { text-align: center; }
#media h4 { color: #999999; text-align: center; font: bold 26px/50px "Courier New", Courier, monospace; }
#media h4 a:link, #media h4 a:visited { border-bottom: 1px solid #444444; color: #666666; text-decoration: none; }
#media h4 a:hover, #media h4 a:active { border-bottom: 1px solid #b22222; color: #b22222; }
#media p { color: #666666; font-size: 1.5em; line-height: 24px; }
#media p a:link, #media p a:visited { border-bottom: 1px solid #333333; color: #555555; text-decoration: none; }
#media p a:hover, #media p a:active { border-bottom: 1px solid #b22222; color: #b22222; }

#media div, #portContent div { display: block; width: 800px; margin: 0 auto 1.6em; border: 1px solid #4d4c4c; padding: 1.2em; background-color: black; text-align: center; }
#media div.vert { width: 600px; }
#media div.hr { margin: 4em auto; border: none; padding: 0; height: 54px; width: 550px; background: url('../lib/images/main/divider.png') no-repeat; text-align: center; }
#media div.hr hr { display: none; }

#portfolio div.hr { margin: 3em 0; border: none; padding: 0; height: 54px; width: 350px; background: repeat-x url('../lib/images/basic/divider_small_333333.png'); text-align: center; }
#portfolio div.hr hr { display: none; }

#portfolio  #portContent a.backTop:link, #portfolio #portContent a.backTop:visited { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; color: grey; text-decoration: none; color: #4c4c4c; letter-spacing: .1em; display: block; border-bottom: none; }
#portfolio #portContent a.backTop:hover, #portfolio #portContent a.backTop:active { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; text-decoration: overline; color: #777777; dispaly: block; border-bottom: none; }
#portfolio #portContent a.backTop img { margin: 0; padding: 0; display: inline; border-bottom: none; }

#media a.backTop:link, #media a.backTop:visited { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; color: grey; text-decoration: none; color: #999999; letter-spacing: .1em; display: block; }
#media a.backTop:hover, #media a.backTop:active { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; text-decoration: overline; color: #999999; dispaly: block; }

/* =Portfolio Left Menu
------------------------------------------------------------------------------*/
#portfolio #menu { float: left; width: 190px; }
#menu #container { margin-bottom: 20px; width: 164px; font-size: 1.4em; }
#menu #container div { /*border-left: #222222 1px solid;*/ border-right: #333333 1px solid; }
#menu #container a { color: #666666; font-weight: bold; text-decoration: none; }
#menu #container ul { padding: 5px 0 0 15px; list-style-type: disc; list-style-position: inside; color: #cccccc; }
#menu #container ul li { padding-bottom: 5px; }
#menu #container ul li a:link, #menu #container ul li a:visited { color: #444444; text-decoration: underline; font-weight: normal; }
#menu #container ul li a:hover, #menu #container ul li a:active { color: #b22222; font-weight: normal; }
#advert { margin-bottom: 20px; padding-bottom: 12px; width: 164px; font-size: 1.4em; }
#advert div { /*border-left: #222222 1px solid;*/ border-right: #333333 1px solid; }

/* =Sortable Tables
------------------------------------------------------------------------------*/
.zpFormWinxp input.buttonImage { background: none; border: none; height: 60px; }

/* =Sortable Tables
------------------------------------------------------------------------------*/
table.sortable { magin-top: 1.5em auto; width: 100%; }
table.sortable th { border: 1px solid #bbbbbb;  background-color: #7e7e7e;  padding: .5em;  font-size: 1.5em;  font-weight: bold; }
table.sortable th span { color: blue;  border-bottom: 2px solid #83b4e2; }
table.sortable td { padding: .5em; background-color: #999999; color: black; font-size: 1.5em; line-height: 1.8em; }
.pointer { cursor: pointer; }

html { scrollbar-face-color: #777777; }
html { scrollbar-shadow-color: #333333; }
html { scrollbar-highlight-color: #cccccc; }
html { scrollbar-3dlight-color: #999999; }
html { scrollbar-darkshadow-color: black }
html { scrollbar-track-color: #aaaaaa; }
html { scrollbar-arrow-color: gold;}

/* =footerMain
------------------------------------------------------------------------------*/
#footerMain { white-space: nowrap; text-align: center; }
#footerMain p { color: #444444; line-height: 1.8em; font-size: 1.3em; }
#footerMain ul { margin: 0; padding: 0; list-style-type: none; display: inline; }
#footerMain ul li { padding: 0; margin: 0; list-style-type: none; display: inline; color: #555555; line-height: 1.8em; font-size: 1.2em; }
#footerMain ul li a:link, #footerMain ul li a:visited { text-decoration: none; color: #555555; }
#footerMain ul li a:hover, #footerMain ul li a:active { text-decoration: underline; color: #ECA22D; }
.plus { font-size: 1.3em; font-weight: bold; letter-spacing: 1.5px; }
#footerMain p a:link { color: #444444; }
.gsc-tabData.gsc-tabdActive { background-color: #666666; padding: 10px; }
.gs-result .gs-title, .gs-result .gs-title * { text-decoration: none !important; }
.gs-result .gs-title, .gs-result .gs-title a { color: #3C3C3C; display: inline; }
.gs-result .gs-title, .gs-result .gs-title a:link, .gs-result .gs-title, .gs-result .gs-title a:visited { color: #3C3C3C; border-bottom: 2px solid #777777; text-decoration: none; }
.gs-result .gs-title, .gs-result .gs-title a:hover, .gs-result .gs-title, .gs-result .gs-title a:active { color: #ECA22D; border-bottom: 1px dotted #ECA22D; }

/* =Hey Brian top left corner menu nav
------------------------------------------------------------------------------*/
#heybrian a { color: #ECA22D; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }