body
{
	background-image: url(../images/stripes.png);
	/*background-color: #2F1212;*/
}

#everything
{
	width: 970px;
	margin: 0 auto;
	padding: 15px;
	color: white;
	font-family: calibri, arial, sans-sarif;
}

p
{
	margin-top: 0px;
}

/*--- HEADER ----------------*/
#header
{
	text-align: right;
}

#main-header
{	
	color: white;
	font-weight: bold;
	font-family: georgia;
	font-size: 80px;
	display: inline;
	padding-left: 20px;
	padding-right: 25px;
}

#main-header a
{
	text-decoration: none;
	color: white;
}

#header h2
{
	font-size: 60px;
	font-weight: normal;
	display: inline;
}

/*--- LEFT NAV ----------------*/
.left-nav
{
	width: 150px;
	height: 100%;
	float: left;
	font-size: 22px;
	/*background-color: #2F1212;*/
}

.left-nav-list
{
	list-style-type: none;
	text-align: right;
	padding: 10px;
}

.left-nav-list li
{
	height: 40px;
}

.left-nav-list a
{
	text-decoration: none;
}

.left-nav-list a:hover
{
	color: white;
	font-family: courier new;
}

.home a
{
	color:white;
}

.websites a, #websites-sub-header
{
	color:red;
}

.flash a, #flash-sub-header
{
	color:#B11BDF;
}

.movies a, #movies-sub-header
{
	color:yellow;
}

.artwork a, #artwork-sub-header
{
	color:orange;
}

.resume a, #resume-sub-header
{
	color:violet;
}

.contact-me a, #contact-me-sub-header
{
	color:blue;
}

.links a, #links-sub-header
{
	color:lime;
}

/*--------RIGHT SHADOW--------*/
#shadow-right
{
	float: left;
	height: 100%;
	width: 15px;
}

#shadow-top-right
{
	background-image: url(../images/shadow-top-right.png);
	height: 15px;
	width: 15px;
}

#shadow-middle-right
{
	background-image: url(../images/shadow-middle-right.png);
	background-repeat: repeat-y;
	/*background-color: red;*/
	height: 387px;
	width: 15px;
}

#shadow-bottom-right
{
	background-image: url(../images/shadow-bottom-right.png);
	height: 15px;
	width: 15px;
}

/*--------BOTTOM SHADOW--------*/
#shadow-bottom
{
	float: left;
	height: 15px;
	margin-left: 150px;
}

#shadow-bottom-left
{
	background-image: url(../images/shadow-bottom-left.png);
	float: left;
	height: 15px;
	width: 15px;
}

#shadow-bottom-middle
{
	background-image: url(../images/shadow-bottom-middle.png);
	background-repeat: repeat-x;
	/*background-color: red;*/
	float: left;
	height: 15px;
	width: 785px;
}

/*--- MAIN ----------------*/
#main
{
	width: 100%;
	height: 400px;
}

#main p a
{
	color: white;
}

#main p a:hover
{
	color: #AFAFAF;
}

#main-content
{
	width: 798px;
	height: 100%;
	float: left;
	border: 1px solid white;
	padding: 0px;
	background-image: url(../images/dark-stripes.png);
}

#main-links
{
	width: 210px;
	text-align: right;
	float: left;
}

#main-links li
{
	color: white;
	padding: 10px;
	font-size: 18px;
	list-style-type: none;
}

#main-links a
{
	color: white;
	text-decoration: none;
}

#main-links a:hover
{
	text-decoration: underline;
}

#main-description
{
	margin: 15px;
	padding: 15px;
	float: left;
	width: 525px;
	height: 85%;
	font-family: georgia;
	line-height: 1.5;
	background-color: white;
	color: black;
}

#download-resume
{
	text-align: center;
	color: white;
	padding: 25px;
	font-size: 12px;
	height: 350px;
}

#download-resume a img
{
	border: none;
}

#download-resume a
{
	color: white;
}

#download-resume a:hover
{
	color: #AFAFAF;
}

#contact_me
{
	text-align: center;
	font-size: 18px;
	padding: 20px;
	height: 350px;
}

#about-me
{
padding: 10px;
}

.about-me-header
{
margin: 5px 5px 15px 0;
background-image: url(../images/dark-stripes.png);
}

.about-me-header h2
{
	color: #0390C5;
	text-align: center;
	font-size: 2.5em;
	margin: 0;
	padding-left:0;
}

.about-me-header img
{
height: 177px;
width: 424px;
margin: 0;
padding: 0;
float: right;
}

#website-examples
{
	float:right;
	padding-right: 25px;
}

#about-me p
{
padding: 0 10px 0 10px;
}

/*--- FOOTER ----------------*/
#footer
{
	text-align: center;
	margin-top: 10px;
	color: #4F4A4A;
	width: 800px;
	float: right;
}

#footer a
{
	color: #6F6F6F;
}



/*--- CONTACT FORM------------*/
#fcf2 {
font-size:14px;
margin:5px;
width:450px;
margin: 0 auto;
}
#fcf2 h3 {
font-size:1.5em;
background-color:#3D5686;
color:#FFFFFF;
font-weight:bold;
padding:4px;
margin:0px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:blue;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}

#fcf2 .f input{
background:none;
background-image: url(../images/form-background.png);
border: none;
height: 20px;
width: 257px;
}

#fcf2 textarea {

}

#fcf2 input:focus{
background:transparent;
background-image: url(../images/form-background-focus.png);
border: none;
height: 20px;
width: 257px;
}

#fcf2 textarea:focus {

}

#fcf2 .f #answer_out{
background:none;
background-image: url(../images/form-background.png);
border: none;
height: 20px;
width: 100px;
}

#fcf2 .f #answer_out:focus{
background:none;
background-image: url(../images/form-background-focus.png);
border: none;
height: 20px;
width: 100px;
}