/*******************************/
 /******   YUI CSS RESET   ******/
/*******************************/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
	ol,ul{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym{border:0;}
	a{text-decoration: none;}

	.clear{height:1px;clear:both;}
	.hidden{display:none;}
	
	@font-face {
		font-family: oxHelvetica;		
		src: url('/themes/oxegena/fonts/helthn.eot');
		src: url('/themes/oxegena/fonts/helthn.ttf');
		src: url('/themes/oxegena/fonts/helthn.otf');
	}
	
	h1,h2,h3,h4,h5,h6{font-family:oxHelvetica;}

  /**********************************/
 /******   STRUCTURE STYLES   ******/
/**********************************/

	body{
		font-family: helvetica,verdana,sans-serif;
		font-size:12px;
		background:#FFF url(/themes/oxegena/graphics/bg-bubble.jpg) top center no-repeat;
		margin:20px;
		}
	a{color:#0092ff;}
	a:hover{text-decoration: underline;}
		
	h1 a{
		display:block;		
		width:155px;
		height:155px;		
		position:absolute;
		top:7px;
		left:50%;
		margin-left:-484px;		
		background:url(/themes/oxegena/graphics/logo.png) top left no-repeat;
		text-indent:-999px;
		overflow:hidden;
		}
	h1 a:hover{background-position:bottom left;}

	nav{
		font-family:oxHelvetica;
		position:absolute;
		top:162px;
		left:50%;
		margin-left:-473px;
		font-size:35px;
		}
	nav a{
		display:block;
		color:black;
		}
	nav a:hover{text-decoration:underline;}
		
	aside{
		width:140px;
		position:absolute;
		top:412px;
		left:50%;
		margin-left:-473px;
		background:white url(/themes/oxegena/graphics/aside-top.png) top left no-repeat;
		padding:15px 5px 5px 5px;
		color:#0092ff;
		font-size:10px;
		}
		
	.content{
		width:690px;
		position:absolute;
		top:162px;
		left:50%;
		margin-left:-223px;		
		background:url(/themes/oxegena/graphics/trans-80p.png);
		padding:15px 5px 20px 5px;
		overflow:hidden;
		}
	.content-header{
	    height:12px;
	    overflow:hidden;
	    margin:-15px 0 5px -5px;
	    background:white url(/themes/oxegena/graphics/section-top.png) top right no-repeat;
	    }
	
	.content ul {
		text-decoration: none;
		list-style-type: circle;
		padding: 6px;
		margin: 2px;
		margin-left:15px;
		padding-left:15px;
	}
		
	/* The page icons */
	.content .conception,
	.content .links,
	.content .about,
	.content .hosting,
	.content .home{
	    padding-top:50px;
	    background:url(/themes/oxegena/graphics/logo-home.png) 4px 4px no-repeat;
	    }
	    
    .content .conception{background-image:url(/themes/oxegena/graphics/logo-conception.png);}
    .content .links{background-image:url(/themes/oxegena/graphics/logo-links.png);}
    .content .about{background-image:url(/themes/oxegena/graphics/logo-about.png);}
    .content .hosting{background-image:url(/themes/oxegena/graphics/logo-hosting.png);}
		
	/* Projects */
	#projects-scroll{height:350px;width:9999px;}
	#project-scroll-left{position:absolute;left:630px;top:23px;font-size:32px;}
	.project{width:700px;float:left;}
	.project img {padding-right:8px;float:left;}
	.project div{clear:both;padding:8px 4px;}
	
	.content h2{font-size:20px;}
	.content h3{font-size:16px;}
	.content p, .content h2, .content h3{padding:8px 4px;}