body,input,textarea {font: normal 10px verdana, arial, sans-serif; color: #fff;}
/*body {background:url(/images/bg_blimey.gif) }*/

/*formatting */

h3 {font-size: 12px; font-weight: bold;}
a:link, a:visited, a:active {text-decoration: underline; color: #fff; outline:none;}
a:hover {text-decoration: none; color: #002377;}
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;}
.spaced {font: bold 12px verdana, arial, sans-serif; line-height:18px; font-variant: small-caps}
img.border {border: solid 1px #002377; }
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}
h2 {font-size:14px;margin-top: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 #002377; background: url(/images/blimey_nav_bg.gif) #c1211f repeat-x bottom; text-align: center; padding:0px; max-width:900px; min-width:700px; overflow:hidden;}
#navbar div {padding: 6px 0 7px 0; color: #fff; margin: 0 15px 0 0; float:left; font-size: 10px;}
#strewthNav, #travelNav, #careerNav, #webNav, #historyNav, #galleryNav{visibility: hidden; z-index:7; margin: 0; color: #002377; padding: 0;}
#logoDateNav, #friendsNav, #accessNav, #escapeNav, #contactNav, #blimeyNav, #faroutNav {text-align: right;  z-index:0; color: #002377;}
.subNav div {padding: 5px 0 7px 0; 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; 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 #002377; padding: 20px; font-size: 12px;}
#top {width: 100%; margin-bottom: 14px; border: solid 1px #002377;}
#left, #left2, #left3, .left {float: left; clear:left; margin-bottom:14px;}
#centre, #centre2, #centre3, .centre {float: left; clear: none; margin: 0 2% 14px 2%;}
#right, #right2, #right3, .right {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; color:#002377; padding-top:10px;}
#nextArrow {position: absolute; top:0; left:0; background-color: #002377; 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:502px; 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}

/* blimey */
.britalternate {background-color:#6175A5;} /* set in /blimey/index.php */
#journal div {padding:5px;background-color:#D96B6F;margin:0;width:100%}
#journal.innerBox {padding:6px}
#journal.innerBox div {padding:20px}
#journal>div {width:auto}
#journal div img {clear:right}
#journal div p {margin-bottom: 1.5em;}
#journal li {line-height:18px; padding-bottom: 10px;}
#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}
#homeJournalContainer .innerBox:after, .journalContainer:after {content: "."; height:0;visibility:hidden; display:block; clear:both;}
#homeFirstPara {background:#c2121f url(/images/blimey_tubemap_crossharbour.jpg) right -50px repeat-y; font-size: 11px}
#homeFirstPara.faroutblue {background:#6175A5 url(/images/far_out_australia_flag.jpg) right center repeat-y; font-size: 12px}
#homeFirstPara.farout{background:#c2121f url(/images/far_out_australia_flag_red.jpg) right center repeat-y; font-size: 12px}
#homeFirstPara.faroutnsw {background:#c2121f url(/images/far_out_nsw_flag_red.jpg) right center repeat-y; font-size: 12px}
#homeFirstPara h1 {font-size: 19px;}
#homeFirstPara p {width:60%}
.deepRed {background:url(/images/blimey_nav_bg.gif) #c1211f repeat-x top}
.deepBlue {background-color:#6175A5}

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
}

/* blimey page nav */
#journalSubscribers h3 {margin-top:0;}

#thumbsNav {
	margin:0;
	padding:0;
	list-style:none;
}
#thumbsNav li {
	float: left;
	margin: 2px 2px 0 0;
	height: 50px;
	width: 50px;
	text-align:center;
	padding:0;
}
#thumbsNav li a {
	display:block;
	font-size: 11px;
	width: 48px;
	height: 24px;
	border: solid 1px #f6605e;
	background: #f6605e no-repeat -50px -50px;
	text-decoration: none;
	padding: 12px 0;
	font-weight: bold;
}

#thumbsNav li a:hover {
	color: #fff;
}

#thumbsNav li a.current {
	background-image: none !important;
	color: #fff;	
	border: solid 1px #fff;
}

#thumbsNav > li a:hover {
	background-image: none !important;
	color: #fff;	
	border: solid 1px #fff;
}

/* 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 #002377;
}
.friends:hover img{ /*CSS for popup image on hover*/
	display:block;
	top: 20px;
	left: 20px; /*position where enlarged image should offset horizontally */
}