<? 
	header("Content-type: text/css; charset=UTF-8");
	$bg = array('bg-bathroommacro.jpg','bg-deskmacro.jpg','bg-hayesavemacro-0.jpg','bg-hayesavemacro-1.jpg','bg-lampmacro.jpg','bg-unsw-0.jpg','bg-unsw-1.jpg','bg-zillmere.jpg','bg-Penguin1.jpg','bg-Penguin2.jpg','bg-wirrina-macro.jpg','bg-house-oceana.jpg','bg-house-oceana2.jpg','bg-flowerdesert-macro.jpg')
?>
@charset "utf-8";

html,body,h1,h2,h3,h4,p,ul,li,dl,dd,dt	{margin:0;padding:0;}
html	{overflow:hidden;}
ul	{	list-style:none;}
html, body {	height: 100%;	}
a	{text-decoration:none;}
a img	{border:0;}
::-moz-selection{
	background:#c30;
	color:#fff;
}

::selection {
	background:#c30;
	color:#fff;
}

/* PNG TRANSPARENCY FOR IE! -- Place all elements that will use png transperancy here */
/*img { behavior: url(iepngfix.htc); }*/
/** done with png elements.*/

div#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;         /* Bump div#content down half the height of the screen. */
	margin-top: -300px;  /* Half the height of div#content. */
	float: left;
	}

div#content { /* this is the centered bit */
	padding:0;
	background:#000 url(/i/graphic/<? echo $bg[rand(0,13)];?>) no-repeat scroll left center;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:2px 0;
	width: 100%;
	height: 596px;
	clear: both;
	/*
	 * Issue: IE4 doesn't allow a negative margin-top.
	 */
	position: relative;
	top: -300px;
	/* IE4ever Hack: Hide from IE4 **/
		position: static;
	/** end hack */
	}


/* Hide from IE5mac \*//*/
	div#shim {
		display: none;
	}
	html, body {
		height: auto;
	}
/* end hack */

html	{	background: url(i/graphic/full_grad.gif) center center repeat-x;	}
body,input,textarea,option,select	{	font-family: helvetica,arial,sans-serif;
}
body	{	
	font-size: 76%;
	background: #000	url(i/graphic/full_bg.jpg) left center no-repeat;
	}
input,textarea,option,select,option	{font-size:11px;}

/*-- */
#leftbit,#rightbit{background:transparent;}
#leftbit	{
	width:30%;
	height:100%;
	float:left;
	}
	#news-tick	{
	float:right;font-size:.9em;width:100%;
		}
	#leftbit #news-tick a	{
		color:#000;
		text-shadow:0 1px 1px #fff;
		}
	#news-tick p	{
		background:url(i/graphic/transparency.png) transparent;
		padding:5px;
		height:13px;
		}
	#leftbit #news-tick a	{display:inline;}
	
	#twitter-feed	{
		float:right;font-size:11px;width:100%;color:#fff;
		}
	#twitter-feed .twitter-prompt	{color:#41cdeb;}
	#twitter-feed img	{vertical-align:middle;}
	#leftbit #twitter-feed ul	{
		background:url(i/graphic/transparency80-gr.png) transparent;
		padding:5px;
		position:inherit;
		top:0;
		left:0;
		}
	#leftbit #twitter-feed li	{background:transparent;line-height:16px;text-shadow:1px 1px 1px #000;}
	#leftbit #twitter-feed a	{display:inline;color:#41cdeb;padding:0;margin:0;}
	#leftbit #twitter-feed a:hover{color:#fff;}
	#leftbit dl	{
		font-size:1.55em;
		float:none;
		position:absolute;
		left:30%;
		margin:75px 0 0 -196px;
		height:446px;
		z-index:1;
		}
	#leftbit dt	{
		padding: 12px 59px 0 0;
		text-align:right;
		}
	#leftbit dt a, #leftbit dl .header		{
		color:#666;
		font-style:italic;
	}
	#leftbit dt a	{
		color:#fff;
		width:139px;
		height:21px;
		padding: 0 .4em 0 0;
		}
	#leftbit dt a.selected	{
		color:#000;
		background:transparent url(i/graphic/nav_menus-select.png) no-repeat scroll right center;
		}
	#leftbit dl li{
		padding: 4px 0 0;
		display:block;
		font-size:10px;
		float:left;
		clear:left;
		width:169px;
	}
	#leftbit dl dd	{
		display:block;
		float:none;
		margin:-21px 0 0 85px;
		position:absolute;
		left:30%;
		width:169px;
		}
	#leftbit ul	{
		position:relative;
		top:-21px;
		left:-59px;
	}
	#leftbit dl ul	{
	left:0;top:0;
	}

		#leftbit dl .break	{
			padding: 4px 0 0 12px;
			background:url(i/graphic/menu_break.gif) left top no-repeat transparent;
		}
		#leftbit dl .header	{
			color:#000;
			background:url(i/graphic/nav_menus-top.png) left top no-repeat transparent;
			cursor:default;
			font-size:1em;
			text-align:left;
			padding:0 0 2px 0;
			height:21px;
		}
		#leftbit dl .footer	{
			padding-bottom:15px;
			background:url(i/graphic/nav_menus-base.png) left bottom no-repeat transparent;
		}
		#leftbit ul li	{
			background:url(i/graphic/nav_menus-midbg.png) repeat-y transparent;
		}
		#leftbit ul a	{
			display:block;
			margin: 0 9px 0 3px;
			padding: 0 0 0 12px;
			color:#000;
			font-style:normal;
			}
	#leftbit a	{
		color:#666;
		display:block;
		}
	#leftbit a:hover	{	color:#b8b8b8;}	
	#leftbit ul a:hover	{	color:#c30;}	
	#leftbit h1	{
		width:199px;
		height:76px;
		padding:521px 0 0 16px;
		}
	#leftbit #flashdiv	{
	width:30px;height:200px;margin:-200px 15px 0 0;float:right;
	
	position:absolute;
	top:50%;
	left:30%;
	height:200px;
	width:30px;

	margin:99px 15px 0 -45px;
	}

/*-- */
#rightbit	{
	width:70%;
	height:100%;
	float:left;
	overflow:auto;
	font-size: 0.95em;
	color:#fff;
	}
	#map	{
		margin:12px 0 7px 7px;
		width:400px;
		height:300px;
		border:8px solid #202020;
		}
	#rightbit #html	{padding:0;}
	#rightbit table	{	margin:0 5px 7px;}
	#rightbit p, #rightbit h1, #rightbit h3, #rightbit caption, #TB_window p	{		padding: 7px 10px 7px;}
	#rightbit h1	{
		background:url("/i/graphic/transparency.png") repeat scroll 0 0 transparent;
		height:15px;
		padding:4px 0 4px 13px;
		}
	#rightbit h1 img	{
		display:block;
		}
	#rightbit h3	{font-style:italic;padding-bottom:0;font-size:1.1em;}
	#rightbit h2{	font-family:century gothic,sans-serif;font-size:1.1em;padding:0 0 0 10px;}
	#rightbit p	{
		line-height: 1.5;
		}
	#rightbit a	{
		color:#c30;
		font-weight:bold;
		}
	#rightbit a:hover	{
		color:#ccc;
	}
	#rightbit ul	{
		margin:0 0 15px 15px;
		}
	#rightbit li	{
		padding: 0 0 7px 12px;
		background:url(i/graphic/point.gif) left 6px no-repeat;
		}
		
	#rightbit .sig	{
		font-size:.95em;
		padding-top:71px;
		background:url(i/graphic/signature.gif) 10px 0 no-repeat;
		}

/** Thickbox Styles **/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	color: #fefefe;
	font-size:0.9em;
}

#TB_secondLine {
	color:#666666;
}

#TB_window a {color: #ccc;text-decoration:underline;border-bottom:0;}
#TB_window a:hover {color: #666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000;
	z-index: 102;
	display:none;
	border: 4px solid #333;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 5px 0 0 15px;
	border-color:#000 #666 #666 #000;
	border-width:1px;
	border-style:solid;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#212121;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#TB_window #story	{
	background:#fff;
	color:#000;
	padding:7px 12px;
}