@CHARSET "UTF-8";
/*******************************************************************************
 * base.css
 *
 * This file contains styles for the layout of the site, not including any of
 * the content. This file should be enough to display the site without content.
 *
 * Author: William Madden
 *
 * Copyright (c) JB Interactive, 2008
 ******************************************************************************/


/*******************************************************************************
 * BODY
 ******************************************************************************/
body {
	background-color: #6D6D6D;
}

/*******************************************************************************
 * OUTER DIVS
 ******************************************************************************/
/* The main, containing div */
#main {
	margin: 10px auto 0;
	background: url('/img/main_bg.png') repeat-y 0 0;
	width: 955px;
}

/* The bottom div containing the copyright */
#copyright {
	color: #FFFFFF;
	margin: 0 auto;
	width: 949px;
	padding-right: 4px;
	padding-left: 2px;
	line-height: 45px;
}


#copyright ul {
	float: right;
	margin: 0;
	height: 100%;
}

#copyright li {
	float: left;
	padding-left: 5px;
	list-style: none;
}

#copyright li:before {
	content: ' :: ';
}

#copyright li:first-child:before {
	content: '';
}

#copyright a {
	color: #FFFFFF;
}

#copyright a:hover {
	color: #FFFFFF;
}


/*******************************************************************************
 * INNER DIVS
 ******************************************************************************/
.header, .footer {
	width: 927px;
	padding: 0 14px;
	margin: 0;
	clear: both;
	color: #FFFFFF;
}

/* The header div, which sits at the top */
.header {
	background: url('/img/header_bg.png') no-repeat 0 0;
	padding: 14px 18px 0 14px; /* Account for item-end */
	width: 923px;
	position: relative;
}

/* The site title - just a big image, but displayed as a heading for semantic
   markup */
.header h1 {
	background: url('/img/logos.png') no-repeat 0 0;
	padding: 164px 0 0 0;
	height: 0;
	margin: 0;
	overflow: hidden;
}

/* Header links */
.header a {
	color: #FFFFFF;
}

.header a:hover {
	color: #FFFFFF;
}

/* These two links sit over the site title, and are invisible */
#niglink, #uoclink {
	position: absolute;
	height: 0px;
	overflow: hidden;
}

#niglink {
	top: 14px;
	left: 14px;
	width: 265px;
	padding-top: 116px;
}

#uoclink {
	top: 49px;
	right: 18px;
	width: 282px;
	padding-top: 56px;
}

/* The user details bar in the header */
#user_details {
	color: #FFFFFF;
	text-align: right;
	line-height: 30px;
	height: 30px;
	width: 918px;
	position: absolute;
	top: 130px;
	overflow: hidden;
}

#user_details a {
	border-bottom: 1px dashed;
}

/* The main, body div */
.body {
	background: url('/img/body_bg.png') repeat-y 0 0;
	width: 923px;
	margin: 0 14px;
	padding: 0;
}

.body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content {
	padding: 18px;
	float: right;
	width: 632px;
	line-height: 18px;
}

.sidebar {
	float: left;
	width: 220px;
	padding: 10px;
}

.footer {
	background: url('/img/footer_bg.gif') no-repeat bottom;
	color: #FFFFFF;
	height: 24px;
}

.person {
	overflow: hidden;
	margin-bottom: 20px;
	padding-left: 18px;
	width: 100%;
	clear: left;
	display: block;
}

.person h2 {
	margin-top: 10px;
}

.person .is {
	position: relative;
	left: 25px;
}

.person .thumb {
	float: left;
	margin: 5px 20px 5px 5px;
	border: 5px solid white;
	-webkit-box-shadow: 0 0 5px #888;
	-moz-box-shadow: 0 0 5px #888;
}

#profile h2 {
	margin-left: 18px;
}

#profile h3 {
	margin-left: 18px;
}

#profile h3.documents {
	width: 100%;
	clear: right;
}

#profile #results {
	margin-left: 18px;
	width: 95%;
}

#profile_photo {
	float: right;
	margin: 5px 5px 15px 5px;
	border: 5px solid white;
	-webkit-box-shadow: 0 0 5px #888;
	-moz-box-shadow: 0 0 5px #888;	
}