/*
 * (c) 2009 Gautier PORTET
 */

/* reset */
* { margin: 0; padding: 0 }

body {
	background: #eee no-repeat top center;
	background-attachment:fixed;
	background-size: 100%;
	
	color: #333;
	background-color: #eee
	
	text-align: center; /* center css for IE */
	
	font-family: Georgia, Garamond, Times, serif;
    font-family: 'Ubuntu', sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
}

h1 {
	font-size : 150px;
	line-height: 150px;
	margin: 0;
	margin-top: -0px;
	font-weight: normal;
	color: #333;
	text-align: center;
	letter-spacing:-6px;
	text-shadow: 0px 2px 6px #666;
    font-family: Verdana, Arial;
	font-family: "Droid Sans", "Myriad Pro", "Sans";
    font-family: 'Ubuntu', sans-serif;
}

h3 { 
    margin-top: 2em; 
    margin-bottom: 0.8em; 
    text-align: left;
    font-family: Verdana, Arial;
    font-family: 'Ubuntu', sans-serif;
    
	color: #333;
	font-size : 36px;
}

.page {
	margin-left: auto;
	margin-right: auto;
    max-width: 700px; 

    padding: 24px;

	/*background: url("textback.png");
	background-color: #333;
	-moz-border-radius: 15px;
    border-radius: 15px;*/
}

.logo{
    position: fixed;
    
	/*background-color: #ccc;*/

top: 10px;
left: 0px;
width: 100%;
/*margin-top: -100px;
margin-left: -00px;*/

	text-align: center;
}


.text{
    padding: 32px;
    margin-top: 300px; 
	background-color: #888;
	margin-left: auto;
	margin-right: auto;
    max-width: 700px; 
	text-align: left;

    background-color:rgba(230,240,250,0.5);
    /*background: url("textback.png");*/
	-moz-border-radius: 15px;
    border-radius: 15px;
}

.demos{ 
	text-align: center;
	line-height: 1em;
	font-family: "Droid Sans", "Myriad Pro", "Sans";
	font-size : 0.8em;
}

.demos div{ 
    margin: 10px;
    width: 200px;
    height: 170px;
}

.demo {
    float: left;
}

.demos img{ 
    margin: 10px;
}

.demos ul{ 
    list-style: none;
    margin: 0;
    padding: 0;
	font-size : 0.8em;
}

.intro{ 
	text-align: center;
}

.cv{ 
	text-align: center;
	float: right;
    margin: 1em;
    padding: 1em;
	border-left: 1px solid #aaa;
}

.icons{ 
	text-align: center;
    padding: 1em;
}

.icons a{ 
    padding: 4px;
}


img { border: 0 }

p { text-align: left; margin: 1em 0; }

a { color: #000; text-decoration: none; --background-color: #ffe;}
a:hover { color: #333; text-decoration: none; background-color: #ffe;}

p a, ul a { border-bottom: dotted 1px #666; }

@media screen and (max-width: 800px) {

body {
	margin-left: 8px;
	margin-right: 8px;
	/*background-attachment: scroll;*/
}

h1 {
	font-size : 72px;
	line-height: 72px;
	margin: 0;
	margin-top: -0px;
}