/* the basic layout foundation */
html,body {
	margin:0;
	padding:0;
	height:100%;
}
#container {
	min-height:100%;
	position:relative;
}
#body {
	padding:10px;
	padding-bottom:4em;	/* height of the footer */
}
#footer {
	position:relative;
	width:100%;
	height:3em; /* height of the footer */
	clear:both;
	padding-top:1em;
	/* this almost works - should put footer at bottom of window.
	position:absolute;
	bottom:0;
	*/
}

/* the layout super-structure */
#body{
	margin-left: 3em; /* the gaps down each side */
	margin-right: 3em;
}
#bodyInner{
	margin-top:100px; /* how much of the title-strip img to show */
}
#mainPart{
	margin-right:16em;
	min-height:15em;
	
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
#sidePart{
	width:16em;
	float:right;
}
#menu{
	width:16em;
	float:right;
	
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.sideWidget{
	width:15em;
	float:right;
	margin-top:1em;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#footerInner{
	margin-left:3em;
	margin-right:3em;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* okami */
#extraDiv0{
	position:absolute;
	background:transparent url('img/kiba.png') no-repeat top left;
	left:5em;
	top:42px;
	width:68px;
	height:69px;
	z-index:-1;
}
#extraDiv1{
	position:absolute;
	background:transparent url('img/okami.png') no-repeat top left;
	right:300px;
	top:79px;
	width:275px;
	height:32px;
	z-index:-1;
}

/* framework colours and fomatting */
body{
	background:#000000 url('img/therunning.jpg') no-repeat top left;
	font-family:Arial,sans-serif;
	color:#bbbbbb; /* default text colour */
}
#extraDiv2{
	position:absolute;
	background:transparent url('img/name.png') no-repeat top left;
	right:10px;
	top:20px;
	width:262px;
	height:111px;
}

/* menu */
#menu{background:#222222;}
.menuSection{
	margin:1em;
	padding:0;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu li {
	list-style-position: outside;
	list-style-type: none;
	margin:0 0 0.5em 0;
}

/* widgets */
.sideWidget{background:#222222;}
.sideWidget h3{
	margin:0.5em 1em 0.5em 1em;
	padding:0;
	letter-spacing: 0.2em;
	font-weight:normal;
	text-decoration: none;
}
.sideWidget p{
	margin:0em 1em 1em 1em;
	padding:0;
}

/* mainPart */
#mainPart{background:#222222;padding:1em;}
.pageItem{
	margin:0 0 1em 0;
	padding:0em;
	margin-bottom:2em;
}
.pageItem h3{
	margin:0;
	margin-bottom:1em;
	font-size:1.5em;
	letter-spacing: 0.2em;
	font-style: none;
	font-weight:normal;
	text-decoration: none;
}
.when{
	font-style:italic;
	font-size:75%;
}
.pageItem p,li{
	margin:0;
	margin-bottom:0.5em;
}
.pageItem h4{
	margin: 1em 0 0.25em 0;
	font-weight:normal;
	font-style:italic;
	color:#ffffff;
}
.pageItem ul{
	margin:0.25em;
}

/* footer bar */
#footerInner{
	/*background:#111111;*/
	text-align:center;
}
#footerInner p{
	font-size:75%;
	color:#999999;
}

/* general styles */
a:link { color: #7a9cff; text-decoration: none }
a:visited { color: #7a9cff; text-decoration: none }
a:active, a:hover { color: #3366FF; text-decoration: none; }