﻿body{
	background-image:url('http://www.Dillxn.com/portfolio/v2/styles/earth charcoal/bg.jpg');
	background-color:#699405;
	background-position:center top;
	background-repeat:no-repeat;
	margin:0px;
	margin-top:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:white;
}
.clear{
	clear:both;
}
/* PARTS */
.page{
	min-height:300px;
	width:690px;
	background-color:white;
	padding:10px;
	padding-top:1px;
	margin-left:auto;
	margin-right:auto;
}
.header{
	background-image:url('http://www.Dillxn.com/portfolio/v2/images/header.png');
	height:460px;
	padding:0px;
}
.footer{
	background-image:url('http://www.Dillxn.com/portfolio/v2/images/footer.png');
	height:90px;
	padding-top:50px;
}
.container{
	width:100%;
}
.copyright{
	margin-top:10px;
	width:100%;
	text-align:center;
}
/* BLOCKS */
.heading{
	height:57px;
	width:330px;
	padding-top:15px;
	padding-left:5px;
	background-image:url('../../images/heading.png');
	background-repeat:no-repeat;
	color:white;
	font-size:40px;

}
.content{
	color:#333333;
	position:relative;
	left:20px;
	padding-right:40px;
	font-size:17px;
}
.content a{
	color:#FF9900;
}
.gallery{
	width:100%;
}
.gallery .item{
	float:left;
	width:150px;
	height:150px;
	margin:6px;
	font-weight:bold;
	color:#28C2E8;
	text-align:center;
	vertical-align:bottom;
}
.gallery .item img{
	width:130px;
    height:100px;	

}
/* ELEMENTS */
a{
	text-decoration:none;
	color:inherit;
}
a:hover{
	color:#00bfff;
}
.vsep{
	position:relative;
	float:left;
	width:0px;
	border-left:1px #666666 solid;
	border-right:1px #333333 solid;
	top:10px;
	height:70px;
	margin-left:10px;
	margin-right:10px;
}
img{
	border:1px #CCCCCC solid;
	background-color:white;
	padding:10px;
	padding-bottom:20px;
	margin-bottom:10px;
}
.sourcecode{
	background-color:white;
	border:1px #CCCCCC dashed;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	font-family:"Courier New", Courier, monospace;
	font-size:15px;
	height:300px;
	overflow:scroll;
}
/* MENUS */
.hmenu{
	position:relative;
	top:220px;
	left:15px;
}
.hmenu ul{
	padding:0px;
}
.hmenu li{
	list-style-type:none;
	margin:0px;
	padding-right:13px;
	padding-left:10px;
	
	display:inline;
	border-right: 1px white solid;
}
.hmenu ul .select{
	color:#00bfff;
}
.hmenu ul .stop{
	border-right: none;
}
.vMenu{
	position:relative;
	float:left;
	text-align:left;
}
.vMenu ul{
	padding-left:0px;
	margin-top:0px;
}
.vMenu .vheader{
	font-weight:bold;
	color:#9BD01E;
}
.vMenu li{
	list-style-type:none;
	padding-right:13px;
	padding-left:10px;
	padding-top:5px;
	margin:0px;
}
/* TEXT */
h1{
	padding:0px;
	padding-left:10px;
	margin:15px;
	color:#38C6E9;
	border-left:5px #1392B0 solid;
	background-color:#E8FAFD;
	width:50%;
}