@charset "utf-8";
/* CSS Document */

.clear{display:block;
	clear:both;
	width:100%;
	height:1px;}

h1, p, body, html {
	margin:0;
	padding:0;}
	
img{border:none;}

body{background-color:#3a393a;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#222;}

#website{background-color:#c9c9c9;
	background-image:url(../gfx/layout/bg.png);
	background-position:top;
	background-repeat:repeat-x;}

/* HEAD section */
#head{width:1000px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../gfx/layout/metasonix.jpg);
	background-position:left;
	background-repeat:no-repeat;
	color:#CCC;
	letter-spacing:2px;
	position:relative;}
	
.links{
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:right;
	text-shadow:#888 0px 0px 2px;}

.links span{font-size:10px;
	vertical-align:top;
	line-height:16px;}
	
.links a{
	font-size:13px;
	color:#EEE;
	text-decoration:none;}

.links a:hover{
	color:#d9ff99;}

.links .active{
	color:#a8e73c;}
	
/* DROPDOWN */

	#dropdown, #dropdown ul {list-style:none; position:relative; z-index:2; padding:0px;}
	
	/* Head links */
	#dropdown li.droptop {float: left;}
	#dropdown li.droptop a {display:inline-block; padding-right:10px; padding-left:10px; padding-bottom:4px;} 
	
	/* Child lists and links */
	#dropdown li.droptop ul {display:none; text-align:left; position:absolute; font-size:12px;}
	#dropdown li.droptop:hover ul {display:block;}
	#dropdown li.droptop ul li a {padding:8px; color:#FFF; background-color:#858686; border:1px solid #222; width:100px;}
	#dropdown li.droptop ul li a:hover {background-color: #434343;}
	
	#dropdown li.droptop ul li a.active {color:#a8e73c; background-color:#333; border-color:#a8e73c;}
	#dropdown li.droptop ul li a.active:hover {color:#d9ff99; background-color:#555;}

/* */
	
#foot{height:100px;
	margin:0px;
	background-image:url(../gfx/layout/bg-foot.png);
	background-repeat:repeat-x;}
#foot .copy{width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color:#CCC;
	padding-top:8px;
	font-size:10px;}
	
#content{background-image:url(../gfx/layout/bg-belowhead.png);
	background-position:top;
	background-repeat:repeat-x;
	text-align:justify;}

.size{width:1000px;
margin-left:auto;
margin-right:auto;
padding-top:6px;
background-position:bottom right;
background-repeat:no-repeat;}
 /* do not forget to edit | */

.data-top{background-color:#434343;
	background-image:url(../gfx/layout/data-top.png);
	background-position:top;
	background-repeat:repeat-x;
	margin-top:15px;
	padding-top:5px;
	padding-bottom:20px;}
	
.data-bottom{background-image:url(../gfx/layout/data-bottom.png);
	background-repeat:repeat-x;
	background-position:top;
	height:56px;
}

/* PAGE CONTENT */
.title{
	letter-spacing:1px;
	padding-top:10px;
	padding-bottom:4px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:bold;
	text-shadow:#555 0px 1px 2px;
	color:#222;
	background-image:url(../gfx/layout/dash.png);
	background-position:bottom left;
	background-repeat:no-repeat;}

.title2{
	margin-top:17px;
	margin-bottom:7px;
	font-size:16px;
	text-shadow:#555 0px 1px 2px;
	color:#222;}

.title3{margin-top:17px;
	margin-bottom:20px;
	font-size:15px;
	text-shadow:#BBB 0px 1px 2px;
	color:#FFF;
	letter-spacing:3px;
	border-bottom:1px dotted #DDD;}

.txt{}

.txt a{
	color:#d9ff99;
	letter-spacing:2px;
	text-decoration:underline;
	padding-left:10px;
	padding-right:10px;
	text-shadow:#75a524 0px 0px 2px;}

.txt a:hover{
	text-decoration:underline;}

.txt .special a{letter-spacing:2px;
	font-size:14px;
	color:#}
	
/* PROJECTS */
.projects{color:#DDD;}

.projects img{border:none;}

.projects a{color:#d9ff99;
	text-decoration:none;}
.projects a:hover{text-decoration:underline;}

.prj_entry{
	position:relative;
	padding-left:100px;
	padding-right:100px;
	margin-bottom:20px;
	border-bottom:1px dotted #DDD;}

.prj_left{
	float:left;
	width:300px;
	text-align:center;}

.prj_left a{color:#C5E9FE;
	font-size:14px;
	text-shadow:#448 0px 0px 2px;
	text-decoration:underline;
	padding-right:10px;}

.prj_desc{float:right;
	width:450px;
	padding-top:30px;
	padding-left:50px;
	text-align:left;}

.prj_desc span{
	font-weight:bold;
	padding-right:15px;
	color:#EEE;}
	
.prj_desc a{color:#d9ff99;
	text-decoration:none;}
.prj_desc a:hover{text-decoration:underline;}

.prj_date{
	position:absolute;
	top:0px;
	left:0px;
	color:#999;}