/*
CSS Document for http://www.pancetta.com.au/
Copyright Pancetta Web Design http://www.pancetta.com.au/
*/


/*
Colour Table:

dark grey:#343434;
lighter grey:#404239;
lightest grey:#efefef;

deep orange:#A95313;
highlighted orange:#E57100;
sunny yellow:#FDCE00;
*/

* {
	margin:0;
	padding:0;
	color:#efefef;
	}

html {
	background:#343434 url(main/soft_tall_gradient.png) fixed repeat-x bottom left;
	}

body {
	background:transparent url(main/header.png) scroll no-repeat center 20px;
	overflow-y:scroll; /*Stop Firefox page jumping*/
	font-size:1em;
	}

/*----------------------------------------------------------------------------------wrapper----*/

#main {
	width:584px;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 16px 0;
	}

/*----------------------------------------------------------------------------------header----*/

#header {
	padding-bottom:2.2em;
	}

#header a#index {
	display:block;
	height:210px;
	width:100%;
	outline-width:0;
	}

#headermenu {
	width:100%;
	list-style:none;
	position:relative;
	text-transform:lowercase;
	}

	#headermenu li {
		position:absolute;
		top:0;
		}

	li.home {left:0;}
	li.folio {left:29%;}
	li.technology {right:36%;}
	li.contact {right:0;}

	li.folio a {
	    position:relative;
	    left:-1.5em;
	    }
	li.technology a {
	    position:relative;
	    right:-0.5em;
	    }
		/* keeps the middle two items centred on text-resize */

	#headermenu li a {
		font-size:1.7em;
		text-decoration:none;
		color:#E57100;
		outline-width:0;
		display:block;
		}

	#headermenu li.contact a {
		color:#666;
		}

	#headermenu li a:hover {
		border-bottom:3px solid;
		}

	#home li.home a,
	#folio li.folio a,
	#technology li.technology a,
	#contact li.contact a {
		border-bottom:3px solid;
		}

/*----------------------------------------------------------------------------------body------*/

#midwrapper {
	}

#body {
	padding:0;
	margin-top:1em;
	}

span.extraone {
    float:right;
    width:145px;
    height:60px;
    }

/*----------------------------------------------------------------------------------footer----*/

#footer {
	margin:3.6em 0 1em 0;
	padding-top:0.4em;
	font-size:0.7em;
	clear:both;
	border-top:1px solid #777;
	}

#footer * {
	color:#E57100;
	}

#footer a {
	text-decoration:none;
	}

#footer a:hover {
	border-bottom:1px dotted;
	}

#footer span {
	float:right;
	}

/*----------------------------------------------------------------------------------fonts-----*/

p,h1,h2,h3,h4,h5,h6,li,dt,dd,td,div {
	font-family:"Trebuchet MS", "Swis721 Lt Bt", sans-serif;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	}

h1 {
	font-size:2em;
	margin-bottom:0.3em;
	text-transform:lowercase;
	color:#666;
	}

h2 {
	font-size:1.5em;
	margin-bottom:0.3em;
	}

p {
	margin-bottom:0.5em;
	line-height:1.4em;
	}

.sidenote {
	text-align:right;
	font-style:italic;
	}

.important {
	font-style:italic;
	font-weight:bold;
	border-bottom:1px solid #34362D;
	padding-bottom:0.5em;
	}

.quote {
	font-style:italic;
	color:#FDCE00;
	}

.source	{
	text-align:right;
	font-style:normal;
	}


	.source:before	{
		content:"- ";
		}

.caption {
	text-align:center;
	}

/*----------------------------------------------------------------------------------links-----*/

a:hover {
	color:#FDCE00;
	}

/*----------------------------------------------------------------------------------lists-----*/

#body ul, #body ol {
	margin-left:2em;
	margin-bottom:0.5em;
	list-style-image:url(main/bullet.png);
	}

	#body li {
		margin-bottom:0.2em;
		}


#contact dl {
	margin:0 0 0.5em 0;
	}

#contact dt {
	float:left;
	width:6em;
	font-weight:bold;
	clear:left;
	margin:0 0 0.2em 0;
	background:transparent url(main/bullet.png) scroll no-repeat left center;
	padding-left:20px;
	}

	#contact dt:after {
	content:":";
		}

#contact dd {
	margin:0 0 0.2em 7em;
	padding:0;
	text-indent:-0.2em;
	}

/*----------------------------------------------------------------------------------images----*/

img {
	border:none;
	}

a.imagelink img {
	border:2px solid #A95313;
	margin-top:0.4em;
	}

a.imagelink img:hover {
	border-color:#E57100;
	}

/*----------------------------------------------------------------------------------tables----*/

table.normal {
	border-collapse:collapse;
	width:100%;
	}

table.normal td {
	border:1px solid #666;
	padding:0.1em 0.2em 0.1em 0.2em;
	}

/*------------------------------------------------------------------------------------misc----*/

abbr, acronym {
	cursor:help;
	}

/*-------------------------------------------------------------------------page specific-----*/

#home h1 {
    display:none;
    }

/*----------------------------------------------------------------------------folio---------*/
#folioElements span {
	display:block;
	}