@charset "UTF-8";

*, html, body, div, p, h1, h2, h3, a, span {
	margin: 0px;
	padding: 0px;
}
@font-face {  
font-family: "Trade";  
src: url(../_includes/fonts/trade_bold.ttf) format("truetype");   
} 
body {
font-family: Helvetica, Arial, Geneva;
background: url(images/bg_grunged.jpg) repeat left top;
}
#container {
width: 960px;
color: #313131;
overflow: hidden;
}
#header {
padding-bottom: 10px;
width: 100%;
padding-left: 15px;
margin-top: 25px;
color: #ccc;
}
#header h1 {
letter-spacing: -5px;
color: #313131;
font: bold 72px "Trade", Helvetica, Arial;
text-shadow: 1px 1px 0px #fff;
}
form h1 {
letter-spacing: 0px;
font: 24px "Trade", Helvetica, Arial;
}
#nav {
margin-bottom: 10px;
display: inline;
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
clear: left;
}
#nav ul li {
display: inline;
}
a:link, a:visited {
color: #313131;
}
#about {
float: left;
margin-left: 25px;
margin-bottom: 20px;
width: 500px;
margin-right: 20px;
}
#about p {
line-height: 1.5em;
font-size: 16px;
margin-bottom: 1.5em;
}
.skills   {
margin-left: 10px;
padding-top: 10px;
padding-left: 5px;
list-style: none;
display: block;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
padding-bottom: 5px;
font-family: "Courier New", Courier, monospace;
color: #313131;
}
.hi {
font: 24px "Trade", Helvetica, Arial;
text-transform: uppercase;
color: #313131;
text-shadow: 1px 1px 0px #fff;
}
.desc {
clear: both;
float: left !important;
width: 210px;
padding: 10px;
color: #999999;
margin-left: 10px;
}
.desc  h3 {
font: 24px "Trade", Helvetica, Arial;
border-bottom: 1px dashed #ccc;
margin-bottom: 8px;
width: auto;
text-transform: uppercase;
color: #313131;
padding-top: 5px;
padding-bottom: 5px;
text-shadow: 1px 1px 0px #fff;
}
.content {
width: 700px;
padding-bottom: 10px;
padding-left: 10px;
margin-left: 240px;
}
.content img {
box-shadow: 5px 5px 5px #999;
-webkit-box-shadow: 5px 5px 5px #999;
-moz-box-shadow: 5px 5px 5px #999;
margin-bottom: 10px;
}
.content #print_holder   {
float: left;
width: 100%;
}
.content a:link, .content a:visited {
color: #313131;
margin: 0px;
}
#footer {
padding: 20px;
display: block;
margin-top: 10px;
color: #313131;
font-size: 12px;
clear: both;
}
#footer ul li {
	list-style: url(none) none inside;
	display: inline;
}

#footer p {
	margin-top: 5px;
}

.hello {
border-left: solid 5px #99FF01;
padding-left: 2px;
}

.web {
border-left: solid 5px #F9E219;
padding-left: 2px;
}

.print {
border-left: solid 5px #C801FB;
padding-left: 2px;
}

.logo {
border-left: solid 5px #1BCAEC;
padding-left: 2px;
}

#nav .hello:hover, #footer .hello:hover {
	color: #99FF01;
}
#nav .web:hover, #footer .web:hover, .content .web:hover {
	color: #F9E219;
}
#nav .print:hover, #footer .print:hover {
	color: #C801FB;
}
#nav .logo:hover, #footer .logo:hover {
	color: #1BCAEC;
}

.separator {
height: 1px;
background: #ccc;
border-bottom: 1px solid #fff;
width: 940px;
display: block;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
clear: both;

}
.strikeout {
text-decoration: line-through;
}