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

/*formatting */
a:link, a:visited, a:active {text-decoration: underline; color: #663300; outline:none;}
a:hover {text-decoration: none; color: #ff9900;}
li {line-height: 15px;}
ul.square li {list-style-type:square; line-height: 19px;}
ul.squarenormalline li {list-style-type:square;}
.spaced {font: bold 12px verdana, arial, sans-serif; line-height:18px; font-variant: small-caps}
img.border {border: solid 1px #663300; }
#homeJournalContainer img.hideOnHome {display:none;}
acronym, .help {border-bottom: dashed 1px #663300; cursor:help;}
code {font: normal 13px courier;}
q {quotes: '' ''; font-style:italic}

/*positioning*/
h1 {font-size:17px; margin:0 0 5px 0}
p {margin: 0 0 6px 0; line-height:20px}
.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 #ff9900; background: url(/images/oz_nav_bg.gif) #ff9900 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;  font-size: 10px;}
#strewthNav, #travelNav, #careerNav, #webNav, #historyNav, #galleryNav{visibility: hidden; z-index:7; margin: 0; color: #663300; padding: 0; background-color:#ffffff;}
#logoDateNav, #friendsNav, #accessNav, #escapeNav, #contactNav, #blimeyNav, #faroutNav {text-align: right;  z-index:0; color: #663300;}
.subNav div {padding: 5px 0 7px 0; background-color: #ffffff; margin: 0 0 0 6px; float: right; font-size: 10px;}
.navItem {padding: 6px 0 6px 0; clear: none; margin: 0; font-weight: bold; cursor: pointer;}
/*#blimeyNav div.navItem {margin-left:2px; font-size: 9px}*/
.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 #ffcc66; padding: 20px; font-size: 12px; }
#top {width: 100%; margin-bottom: 14px; border: solid 1px #ff6600;}
#left, #left2, #left3 {float: left; clear:left; margin-bottom:14px;}
#centre, #centre2, #centre3 {float: left; clear: none; margin: 0 2% 14px 2%;}
#right, #right2, #right3 {float: right; clear: right; margin-bottom: 14px;}
.full {border: 0; z-index:1; width: 100%; margin: 0; clear:both; margin-bottom: 14px;}
#bottom {height: 21%; clear:both; margin: 0; padding-top:10px;}
#nextArrow {position: absolute; top:0; left:0; background-color: #ff6600; z-index:7; padding: 0; margin: 0; width:13px; height: 13px; visibility:hidden;}

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

/* portfolio divs */
.portfolioIntro {position: relative; border: 0; z-index:1; width: 63%; margin: 0; float: left; clear:left; margin-bottom:14px;}
.portfolioNav  {position: relative; border: 0; z-index:20; width: 35%; margin: 0; float:right; margin-bottom: 14px;}
.portfolioPix {position: relative; border: 0; z-index:1; width:496px; 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 4px 60px 0;width:200px;height:200px;}

/* 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:700px; margin-bottom:10px}
.innerTable td {white-space: nowrap; background:#eeeeee; border:0;}
.new td {background:#e1b0c0;}
.alternate td {background:#dddddd}
.hidden td {background:#ffffff; border: solid 1px #e1b0c0; color:#e1b0c0}
.title td {background:#990033;font-weight:bold; color:#ffffff}

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

/* strewth */
#journal div {padding:5px;width:100%}
#journal>div {width:auto}
#journal div img {clear:right}
#journal div p {margin-bottom: 1.5em;}
#journal li {line-height:18px; padding-bottom: 10px;}
.ozalternate {background:#FFF1D6;}
#journal.innerBox {padding:6px}
#journal.innerBox div {padding:20px}
#journal h3, h2.blogTitle {font-size: 13px; font-weight:bold; margin: 10px 0;}
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 !important;
	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 #FFCC66;
}
.friends:hover img{ /*CSS for popup image on hover*/
	display:block;
	top: 20px;
	left: 20px; /*position where enlarged image should offset horizontally */
}