body,input,textarea,button,select {font: normal 10px verdana, arial, sans-serif; color: #990033;}

/*formatting */
a:link, a:visited, a:active {text-decoration: underline; color: #990033; outline:none;}
a:hover {text-decoration: none; color: #660000;}
img {border:0}
#homeJournalContainer img.hideOnHome {display:none;}
li {line-height: 15px;}
ul.square li {list-style-type:square; line-height: 19px;}
ul.squarenormalline li {list-style-type:square;}
ul.flush, ul.flush li {margin-left:0;padding-left:0;list-style-type:none;}
ul.gallery li {margin-bottom:8px;}
.spaced {font: bold 12px verdana, arial, sans-serif; line-height:18px; font-variant: small-caps;}
h2.understated {font: bold 10px verdana, arial, sans-serif;margin:0 0 10px 0}
img.border {border: solid 1px #990033; }
acronym, .help {border-bottom: dashed 1px #990033; cursor:help;}
code {font: normal 13px courier;}
sup {font-size:7px}
blockquote {font-style:italic;}
q {quotes: '' ''; font-style:italic}

/*positioning*/
h1 {font-size:17px; margin:0 0 5px 0}
h2 {font-size:14px;margin-top:0}
h3 {font-size: 11px; margin-bottom: 5px}
p {margin: 0 0 6px 0; line-height:15px;position:relative}
.floatLeft {float:left}
.floatRight {float:right}
.clear {clear:both}
#main {position: absolute; top: 74px; left: 2%; width: 96%; height: 80%; text-align: left; z-index:1; border: 0; max-width:900px; min-width:700px;}
#navbar {position:absolute; top:20px; left: 2%; width: 96%; height: 24px; border: solid 1px #990033; background: url(/images/default_nav_bg.gif) #903 repeat-x top; text-align: center; padding:0px; max-width:900px; min-width:700px;overflow:hidden;}
#navbar div {padding: 6px 0 7px 0; color: #ffffff; margin: 0 15px 0 0; float:left; }
#strewthNav, #travelNav, #careerNav, #webNav, #historyNav,#galleryNav {visibility: hidden; z-index:7; margin: 0; color: #990033; padding: 0; background-color:#ffffff;}
#logoDateNav, #friendsNav, #accessNav, #escapeNav, #contactNav, #blimeyNav, #faroutNav {text-align: right;  z-index:0; color: #990033;}
.subNav div {padding: 5px 0 7px 0; background-color: #ffffff; margin: 0 0 0 6px; float: right;}
.navItem {padding: 6px 0 6px 0; clear: none; margin: 0; font-weight: bold; cursor: pointer;}
/*#blimeyNav div.navItem {margin-left:2px; font-size: 9px}*/
.navItem a {text-decoration:none}
.navItem a:hover {color:#fff}
.subNav {position: absolute; left: 2%; top: 48px; width: 96%; height: 24px; z-index: 6; background-color: #ffffff; text-align: center; border: 0; max-width:900px; min-width:700px;}
.outerBox {position: relative; border: 0; z-index:1; width: 49%; margin: 0;}
.innerBox {border: solid 8px #e1b0c0; padding: 20px; background-color:#ffffff}
.narrow {padding: 5px 20px !important;}
#top {width: 100%; margin-bottom: 14px; border: solid 1px #990033;}
#left, #left2, #left3, #left4, .left {float: left; clear:left; margin-bottom:14px;}
#centre, #centre2, #centre3, #centre4 {float: left; clear: none; margin: 0 2% 14px 2%;}
.centre {clear:none;margin: 0 2% 14px 2%}
#right, #right2, #right3, #right4, .right {float: right; clear: right; margin-bottom: 14px;}
.full {border: 0; z-index:1; width: 100%; margin: 0; clear:both; margin-bottom: 14px;}
#leftColumn {width:30%;margin-right:2%;float:left}
#midColumn {width:35%;float:left}
#rightColumn {width:30%;margin-left:1%;float:right}
#leftColumn .outerBox, #midColumn .outerBox,#rightColumn .outerBox {margin-bottom:14px}
#bottom {height: 21%; clear:both; margin: 0;padding-top:10px;}
#nextArrow {position: absolute; top:0; left:0; background-color: #990033; z-index:7; padding: 0; margin: 0; width:13px; height: 13px; visibility:hidden;}
#iframeContainer.innerBox, .innerBox.picContainerBox, .innerBox.albumList {padding:6px;}
#galleryText {line-height: 15px;}
#picImage {
	float:right;margin-left:8px;padding: 5px;background: #ffffff;border: solid 1px #E1B0C0;}
#galleryText .innerBox:after {content: "."; height:0;visibility:hidden; display:block; clear:both;}

/* employment divs*/
.hid {display:none; visibility: hidden; }
.allJobs  {position: relative; border: 0; z-index:1; width: 34%; margin: 0; float:right; clear: right; margin-bottom: 14px;}
.intro {position: relative; border: 0; z-index:1; width: 64%; margin: 0; float: left; clear:left; margin-bottom:14px;}

/* portfolio divs */
.portfolioIntro {position: relative; border: 0; z-index:1; width: 68%; margin: 0; float: left; clear:left; margin-bottom:14px;}
.portfolioNav  {position: relative; border: 0; z-index:20; width: 30%; margin: 0; float:right; margin-bottom: 14px;}
.portfolioPix {position: relative; border: 0; z-index:1; width:525px; margin: 0; float:left; clear: left; margin-bottom: 14px; display:none}
img.scr {border: solid 1px #990033; margin-right:6px; width:150px;height:150px}
img.mainScr {border:solid 1px #990033;float:left;margin:0 15px 4px 0;width:200px;height:200px;}
.portfolioIntro blockquote {border: solid 1px #F7DEE6; background: #FEF1F5; padding: 10px; margin-left:0; margin-right:0;}

/* login */
.php td {padding:5px; font: normal 12px verdana, arial, sans-serif; }
.login {width:250px;text-align:right}
.login input.setwidth {width:150px}
.innerTable {border: solid 1px #990033; width:900px; margin-bottom:10px}
.innerTable td {white-space: nowrap; background:#eeeeee; border:0;}
.innerTable td p {margin-bottom: 1.5em}
.new td {background:#e1b0c0;}
.alternate td {background:#dddddd}
div.alternate {background:#FFF0F5}
.hidden td {background:#ffffff; border: solid 1px #e1b0c0; color:#e1b0c0}
.title td {background:#990033;font-weight:bold; color:#ffffff}
.title td a {color: #fff;}

.striking {color:#003366;font-weight:bold}

/*journal*/
#journal div {padding:5px;width:99%}
#journal>div {width:auto}
#journal div img {margin:0 0 6px 6px}
#journal li {line-height:18px; padding-bottom: 10px;}
#journal.innerBox {padding:6px}

#journal.innerBox div {padding:20px}
.travelog .innerBox:after {content: "."; height:0;visibility:hidden; display:block; clear:both;}
.escapeContainer {width: 96.5%}
div>.escapeContainer {width: 100%}
div .outerBox.journalContainer {width:74%;background-color:#fff}
div > .outerBox.journalContainer {width:78%;background-color:#fff}

a.ixus {
	background:url(/images/ixus_medium.gif) no-repeat left;
	padding:8px 0 8px 35px;
}
a.eos {
	background:url(/images/eos_medium.gif) no-repeat left;
	padding:8px 0 8px 35px
}

/* image popups */
.friends{
	position: relative;
	z-index: 0;
}
.friends:hover{
	z-index: 50;
}
.friends img{ /*CSS for popup image*/
	position: absolute;
	padding: 5px;
	display:none;
	background: #ffffff;
	border: solid 1px #E1B0C0;
}
.friends:hover img{ /*CSS for popup image on hover*/
	display:block;
	top: 20px;
	left: 20px; /*position where enlarged image should offset horizontally */
}