html {
height:100% !important;margin-bottom:1px; /* fixes scrollbar shift in FF, forces scroll*/
}
body {
 font-family:'lucida sans unicode','lucida sans',serif;
 font-size:1em;
 background-image:url('images/background.png');
 background-attachment:scroll;
 background-repeat:repeat-y;
 background-position:top center;
 }

.box {
 color:#f0f0f0;
 background:black;
}

box.ft {
position:absolute;
}
.box .hd .c,
.box .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.box .ft .c {
 height:14px;
}

.box .hd {
 background:url('images/cornertl.png') no-repeat left top;
}

.box .hd .c {
 background:url('images/cornertr.png') no-repeat right top;
}

.box .bd {

}

.box .bd .c {

}

.box .bd .c .s {
 margin:0px 8px 0px 4px;
 padding:1em;
 overflow:hidden;
}

.box .ft {
 background:url('images/cornerbl.png') no-repeat left bottom;
}

.box .ft .c {
 background:url('images/cornerbr.png') no-repeat right bottom;
}


/* content-specific */

.box h1 {
 /* header */
 font-size:2em;
 padding:0px;
 margin:-0.6em 0 15px 0;
 height:1.05em;
}



#wrapper {
margin:0 auto;
width:800px;
}
#main {
position:absolute;
top:15px;
width:800px;
min-height:375px;
background:url('images/cameraman.png') no-repeat left bottom;

}
#mainbox {
float:left;
margin-bottom:30px;
margin-left:160px;
width:640px;

}
#mainbox .bd {
min-height:370px;
}
/*
#rightside {
border:solid orange 1px;
margin-left:160px;
clear:none;
}*/

#header div.box {
width:160px;
margin-bottom:4px;
text-align:center;
line-height:10px;
float:left; clear:none;
}

#header div.nav {
background-color:#222;
width:155px;
margin-left:5px;
font-size:1.1em;
}
#header div.title {
margin-left:-2px;
}

#header .nav a:link  {
color:white;
text-decoration:none;
}
#header .nav a:visited  {
color:white;
text-decoration:none;
}
#header .nav a:hover  {
color:white;
text-decoration:none;
}
#header .nav a:active  {
color:white;
text-decoration:none;
}
#header div.first {
color:black;
margin-left:6px;
}

#index #header div.first div, #projects #header div.first div, #contact #header div.first div{
background:white;
}

#header .first a:link, #header .first a:visited, #header .first a:hover, #header .first a:link {
	color:black;
	} /*sets first nav link (over white) to be black, only if it's not selected (below)*/
#header .here a:link, #header .here a:visited, #header .here a:hover, #header .here a:link {
	color:white;
	}

/*CONTENT STYLES*/
.box p {
 margin:0 0 .5em 0;
 padding:0px;
 font-size:1em;
 line-height:1.5em;
}

/*Headers*/
hr {
color:white;
height:2px;
border-style:solid;
margin:0 0 15px 0;
}
h2 {
font-size:1em;
margin:0 0 0.4em 0;
text-transform: uppercase;
font-family:arial;
}
h2#leokoppel {
	margin:0;
text-transform:none;
font-size:1.2em;
font-family:arial, 'lucida sans unicode','lucida sans',serif;
}

/*Links*/
#mainbox a:link, #mainbox a:visited {
	text-decoration:none;
	border-bottom: solid 1px;
}
#mainbox a:hover, #mainbox a:active {
	text-decoration:none;
	border-bottom: dotted 1px;
}
/* colours in below section */


.rightbox {
border-left-style:dotted;
border-left-width:1px;
width:150px;
float:right;
min-height:200px;
margin:0 -10px 15px 15px;
padding-left:10px;
line-height:1.5em;
}
.leftbox {
border-right-style:dotted;
border-right-width:1px;
width:150px;
float:left;
min-height:200px;
margin:0 15px 15px 0px;
padding-right:2px;
line-height:1.5em;
}
.bottombox {
border-top-style:solid;
border-top-width:1px;
margin:20px 0 0 0;
padding-top:10px;
clear:both;
}
.rightbox p, .leftbox p {
font-size:0.9em;
}

img {border:0;}

abbr {
border-color:#777;
}
.grey {
	color:#bbbbbb;
}