/* CSS for www.404error.geek.nz online CV */
/* CSS version 2.1 strict       */
body {
	/* set general rules and page backdrop */
	font-family: "Times New Roman", serif;
	background-color: #666;
	background-image: url("http://www.404error.geek.nz/img/circuit.gif");
	font-size: 100%;
	padding:0px;
	margin:0px;
}
#navigation {
	background-color: #666;/*for those without images*/
	color:#EEE;
	margin:0px;
	border-right: 1px solid #DD0;
	margin-bottom: 20px;
	line-height: 200%; /*controls overlap*/
	padding-bottom: 5px;
	float: left;
	width: 15%;
	height: 100%;
	background-image: url("http://www.404error.geek.nz/img/gradient20.png");
	background-repeat: repeat-y;
	background-position: right;
	position: fixed;
	padding-top: 0px;
}
#navigation ul{
	display: inline;
}
#navigation li{
	margin-top: 2em;
	margin-bottom: 2em;
}
#navigation a{
	color: #0CF;
	background-color: #000;
	border: 1px solid #FFF;
	padding-top: 0.2em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	padding-bottom: 0.9em;
	margin-bottom: 1.2em;
	margin-top: 1.0em;
}
#navigation a:visited{
	color: #B0B;
}
#navigation a:hover{
	position: relative;
	left: 1em;
}
/*hovered links move the whole block right*/

#content {
	margin: 2em;
	margin-left: 18%;
	background-color: #FFF;
	border: 1px solid #000;
	border-left: none;
	padding: 0.5em;
	background-image: url("http://www.404error.geek.nz/img/gradient1.bmp");
	background-repeat: repeat-x;
}
/*below ensures that other divs don't overrule basic text accidentally*/
#content p{
	font-weight:normal;
	font-size: 1em;
	text-indent: 1.5em;
}

h1 {/* (page titles) */
	text-align: center;
	text-decoration: underline;
	font-size: 4em;
	background-color: #FFF;
	color: #000;
	Border: 2px inset #004;
	background-image: url("http://www.404error.geek.nz/img/fakeerr.png");
	background-repeat: repeat-xy;
	font-weight: bolder;
	margin: 5%;
	padding: 0.5em;
}
h2 { /* Subsection titles*/
	text-align: center;
	text-decoration: underline;
	font-size: 3em;
	Border: 2px inset #004;
	background-image: url("http://www.404error.geek.nz/img/fakeerr.png");
	background-repeat: no-repeat;
	background-color: #FFF;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 0.5em;
	padding-bottom: 1.0em;
	color: #006;
}
h3 { /*Section heading in text chunks*/
	text-align: center;
	font-size: 1.8em;
	color: #004;
}
h4 { /*Picture titles and captions */
	text-align: center;
	font-size: 1.5em;
	color: #003;
}
.navi h4 {
	color: #04B;
	background-color: #000;
	border: 1px solid #FF0;
	padding: 0.2em;
}
div.standard{
	/*The following block does the cool semi detached division*/
	margin: 2%;
	padding: 1%;
	border: 1px solid #666;
	border-bottom: none;
	background-color: #FFF;
	background-image: url("http://www.404error.geek.nz/img/gradient1.bmp");
	background-repeat: repeat-x;
	min-height: 170px;
	/*end cool styling*/
}

p{
	margin-left: 5%;
	margin-right: 5%;
	text-indent: 2em;
}

#tagging{
	position: fixed;
	border: none;
	background-image: none;
	background-color: transparent;
	bottom: 0;
	right: 0;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;		
}
ul.contact{
	text-align: right;
	list-style-type: none;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url("http://www.404error.geek.nz/img/contact.png");
	min-height: 100px;	
}
.clearancebar{
	clear: both;
	min-height: 30em;
}
.skill{
	/*The following block does the cool semi detached division*/
	margin: 2%;
	padding: 1%;
	border: 1px solid #666;
	border-right: none;
	background-color: #FFF;
	background-image: url("http://www.404error.geek.nz/img/gradient10.png");
	min-height: 170px;
	background-repeat: no-repeat;
	/*end cool styling*/
}
.place h3{
	text-decoration: underline;
	Font-size: 200%;
	min-height: 3em;
}
.location{
	text-align: right;
	float: right;
	width: 25%;
	min-height: 4em;
}
.educate{
	/*The following block does the cool semi detached division*/
	margin: 2%;
	padding: 1%;
	border: 1px solid #666;
	border-bottom: none;
	background-color: #FFF;
	background-image: url("http://www.404error.geek.nz/img/gradient1.bmp");
	background-repeat: repeat-x;
	min-height: 170px;
	/*end cool styling*/
}
.date {
	float: left;
	width: 25%;
	Min-height: 4em;
}
.qualification {
	border-top: 1px solid #000;
	font-size: 0.75em;
}
.workplace{
	/*The following block does the cool semi detached division*/
	margin: 2%;
	padding: 1%;
	border: 1px solid #666;
	border-bottom: none;
	background-color: #FFF;
	background-image: url("http://www.404error.geek.nz/img/gradient1.bmp");
	background-repeat: repeat-x;
	min-height: 170px;
	/*end cool styling*/
}
.workplace p{
	margin: 2%;
	padding: 1em;
	border: 1px solid #666;
	border-right: none;
	border-bottom: none;
	background-color: #FFF;
	background-image: url("http://www.404error.geek.nz/img/gradient11.png");
	min-height: 170px;
	background-repeat: no-repeat;
}
div.referee{
	/*The following block does the cool semi detached division*/
	margin: 2%;
	padding: 1em;
	border: 1px solid #666;
	border-right: none;
	background-color: #FFF;
	background-image: url("http://www.404error.geek.nz/img/gradient10.png");
	min-height: 170px;
	background-repeat: no-repeat;
	/*end cool styling*/
}
.person{
float: left;
}
.navi{
	margin-top: 0px;
	padding-top: 0px;
}