body
{
	background-color: #242A30;
	font-size: 62.5%; /* Resets 1em to 10px */
	font: 12px verdana, arial, helvetica;
	color: #FFF8BE;
	line-height: 1.9;
	text-align: center;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

p
{
	margin-top: 0px;
	margin-bottom: 20px;
}

/* layout structure */
#container
{
	background-color: #334353;
	background-image: url('./interface/body_bg.gif');
	background-repeat: repeat-y;
	width: 840px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

#header
{
	background-image: url('./interface/top_corner.gif');
	background-repeat: no-repeat;
	width: 820px;
	height: 120px;
	margin: 0px auto;
	padding-left: 20px;
	text-align: left;
}

html > body #content { margin: 0px 20px; }
#content
{
	float: left;
	width: 540px;
	margin: 0px 10px;
	padding: 0px;
}

#sidebar
{
	width: 260px;
	float: right;
	position: relative;
	padding: 0px;

}

#footer
{
	background-image: url('./interface/footer_dot.gif');
	background-repeat: repeat-x;
	width: 540px;
	margin: 0px 20px;
	height: 60px;
}

#footerCorner
{
	background-color: #242A30;
	background-image: url('./interface/bottom_corner.gif');
	background-repeat: no-repeat;
	width: 840px;
	height: 8px;
	margin: 0px auto;
	padding: 0px;
}

.clear
{
	height: 20px;
	width: 100%;
	clear: both;
}
/* end of layout structure */


/* header */
#header h1, #header hr
{
	display: none;
	height: 0px;
	width: 0px;
}

#header hr
{
	clear: both;
}

#header img
{
	margin: 0px;
	margin-left: -4px;
	padding: 0px;
}
/* end of header */


/* sidebar */
html > body #sidebar h2{ margin-top: -2px; }
#sidebar h2
{
	background-image: url('./interface/sidebar_header.gif');
	background-repeat: repeat-y;
	width: auto;
	height: 25px;
	font: 1.4em 'trebuchet ms', tahoma, 'times new roman';
	padding: 3px 5px 2px 42px;
	margin: 0px;
	color: #FFF;
	letter-spacing: 2px;
}

#sidebar ul
{
	margin: 5px 0px 20px 0px;
	padding: 0 0 0 42px;
	list-style: none;
}

#sidebar ul li
{
	margin: 6px 0px;
	color: #BAE55F;
	font: 1.3em 'trebuchet ms', tahoma, 'times new roman';
}

#sidebar ul li a
{
	text-decoration: none;
	color: #BAE55F;
}

#sidebar ul li a:link { color: #BAE55F; }
#sidebar ul li a:visited { color: #BAE55F; }
#sidebar ul li a:hover { color: #FFB400; text-decoration: underline; }

#sidebar #photoGallery
{
	margin: 0px 0px 10px 42px;
	padding: 0px;
	width: 200px;
}
/* end of sidebar */


/* photoGallery */
#photoGallery img
{
	border: 0px;
	float: left;
	position: relative;
	padding: 5px;
	margin: 15px 15px 0px 0px;
	background-color: #7298C1;
}
/* end of photoGallery */


/* content */
#content h2
{
	font: 1.8em 'trebuchet ms', tahoma, 'times new roman';
	color: #B8DDFF;
	margin-bottom: 5px;
	margin-top: 20px;
}

#content .status
{
	background-color: #2E3B48;
	border: 1px dashed #7298C1;
	padding: 15px;
}

#content .section
{
	float: left;
	width: 140px;
	height: 120px;
	border: 1px solid #526F8E;
	background-color: #31465B;
	padding: 7px;
	margin: 0px 10px 10px 0px;
}

#content ul, #conten ol
{
	margin-top: 0px;
	padding-top: 0px;
}

#content h3
{
	font: 1.8em 'trebuchet ms', tahoma, 'times new roman';
	color: #BAE55F;
	margin-bottom: 2px;
	margin-top: 10px;
}


#content .section h3
{
	font-size: 1.6em;
}

#content img
{
	padding: 5px;
	background-color: #7298c1;
	border: 1px solid #7298c1;
}

#content a
{
	color: #FFB400;
}

#content hr
{
	display: none;
}

#content .highlight{ color: #B8DDFF; }

#content a:link{ color: #B8DDFF; }
#content a:visited{ color: #B8DDFF; }
#content a:hover{ color: #FFB400; }
/* end of content */


/* portfolio */
.portfolio .photoFrame
{
	width: 160px;
	float: left;
	position: relative;
}

.portfolio p
{
	text-align: center;
	width: 130px;
	line-height: 1.5;
	font-size: 11px;
	height: 40px;
}

/* end of portfolio */


/* footer */
#footer p
{
	text-align: left;
	padding: 7px 2px;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #B8DDFF;

}

#footer #icons
{
	float: left; 
	padding: 10px 2px;
	margin-right: 5px;
}

#footer hr
{
	display: none;
	height: 0px;
	width: 0px;
}

#footer hr
{
	display: none;
	height: 0px;
	width: 0px;
}

#footer img
{
	border: 0px;
}

#footer a:link{ color: #B8DDFF; }
#footer a:visited{ color: #B8DDFF; }
#footer a:hover{ color: #FFB400; }
/* end of footer */