* { margin: 0; padding: 0; border: 0; }

body {
	background-color: #1d1d1d;
	background-image: url(../images/main-bg.gif);
	background-repeat:repeat;
	background-attachment:fixed;
	text-align: left;
	font: 0.70em "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #FFFFFF;
}

/* Style communs
-------------------------------------------------------- */

a:link, a:visited { color: #0097fe; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 {
	height: 20px; 
	margin: 25px 0 0 0;
	padding: 8px 0 0 20px;
	background-color: #111111;
	border-bottom: 2px solid #0097fe;
	font-size: 1.10em;
	font-weight: normal;
}

h2 {
	color: #0097fe;
	font-size: 1.20em;
	font-weight: normal;
}
h3 {
	margin: 0 0 10px 0;
	color: #0097fe;
	font-size: 1.20em;
	font-weight: normal;
}

ul { margin: 0; padding: 0; list-style: none; }

div.blank { clear: both; height: 1px; font-size: 1px; }


/* Conteneurs
-------------------------------------------------------- */
#wrapper {
	position: absolute;
	left: 50%;
	width: 800px; 
	margin: 0 0 0 -400px;
}

#content { padding: 45px 0 0 0; }

div.layout { margin: 10px 0 0 0; padding: 12px 15px 10px 15px; background-color: #111111; }
div.layout2 { margin: 3px 0 0 0; padding: 12px 15px 30px 15px; background-color: #111111; }


/* Navigation bar
-------------------------------------------------------- */
#nav {
	position: absolute;
	top: 0;
	width: 800px;
	height: 20px; 
	padding: 9px 0 0 0;
	background-color: #111111;
	border-bottom: 2px solid #0097fe;
	z-index: 1;
}
html > body #nav { position: fixed; }

#nav span { color: #0097fe; }
#nav a:link, #nav a:visited { color: #FFFFFF; text-decoration: none; }
#nav a:hover { color: #0097fe; }

#nav div.pnkllr { float: left; margin: 0 0 0 20px; }
#nav div.menu { float: right; margin: 0 30px 0 0; }
#nav div.menu li {
	float: left;
	list-style: none;
	margin: 0 0 0 20px;
}


/* Welcome
-------------------------------------------------------- */
#welcome {
	height: 90px;
	margin-bottom: 10px;
	background-color: #0097fe; 
}

#welcome div.logo {
	width: 140px;
	height: 90px;
	float: left;
	background: url(../images/pnkllr-logo.gif) center center no-repeat;
}
#welcome div.txt { width: 620px; margin: 10px 0 0 0; float: left; }
#welcome p { margin: 0 0 2px 0; }
#welcome p.title { font-size: 1.20em; font-weight: bold; }

/* Dino*/
#dino {
	height: 85px;
	background-color: #0097fe; 
}

#dino div.dinologo {
	display: block;
	width: 270px;
	height: 85px;
	float: right;
}
	#dino div.dinologo a {
		display: block;
		width: 270px;
		height: 85px;
		background: url(/images/dino.jpg) center center no-repeat;
	}
#dino div.txt { width: 530px; padding: 15px 0 0 25px; }
#dino p { margin: 0 0 7px 0; }
#dino a:link, #dino a:visited { color: #FFF; text-decoration: underline; }
	#dino a:hover { text-decoration: none; }
#welcome a:link, #welcome a:visited { color: #FFF; text-decoration: underline; }
#welcome a:hover { text-decoration: none; }



/* Work
-------------------------------------------------------- */
div.work {
	display: block;
	margin: 10px 0 0 0;
	width: 784px;
	height: 174px;
	overflow: hidden;
	position: relative;
	background-color: #111111;
	border: 8px solid #111111;
}
div.details {
	margin: 140px 0 0 0;
	position: absolute;
	cursor: pointer;
}
div.legend {
	width: 769px;
	height: 34px;
	padding: 2px 0 0 15px;
	background-color: #000000;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
div.legend p.overview { float: right; margin: 15px 10px 0 0; font-weight: bold; }
div.legend p.overview a:link, div.legend p.overview a:visited { color: #FFFFFF; }
div.legend p.overview a:hover { color: #0097fe; }
div.legend p { line-height: 11px; }
div.legend span { color: #999999; }
div.description {
	width: 769px;
	height: 200px;
	padding: 5px 15px 0 15px;
	background-color: #000000;
	filter: alpha(opacity=95);
	opacity: 0.95;
}
div.softwares img { margin: 0 0 0 5px; vertical-align: middle; }
div.comment { margin: 7px 15px 0 0; line-height: 13px; }


/* Profil
-------------------------------------------------------- */
div.me {
	width: 180px;
	float: left;
	line-height: 14px;
}
div.live {
	width: 250px;
	float: left;
	line-height: 14px;
}
div.twitter {
	width: 500px;
	float: left;
	line-height: 14px;
}
div.twitterright {
	width: 256px;
	float: left;
	line-height: 14px;
}
div.me span { color: #0097fe; font-size: 1.30em; }
div.live span { color: #0097fe; font-size: 1.30em; }
div.twitter span { color: #0097fe; font-size: 1.30em; }
div.contacts {
	width: 150px;
	margin: 16px 0 0 0;
	float: left;
	line-height: 14px;
}
div.latituded {
	margin: 16px 20px 0 0;
	float: left;	
}
div.stream {
	width: 500px;
	margin: 16px 0 0 0;
	float: left;
	line-height: 14px;
}
div.cv {
	margin: 16px 20px 0 0;
	float: right;	
}
div.cv img { margin: 0 0 2px 0; vertical-align: middle; }
div.cv a:link, div.cv a:visited { color: #FFFFFF; text-decoration: none; }
div.cv a:hover { color: #0097fe; }

div.skills { margin: 5px 0 15px 0; height: 60px; }
ul.skill { float: left; margin: 0 20px 0 0; }
/*ul.skill li { line-height: 15px; }*/
ul.level { float: left; margin: 0 70px 0 0; }
/*ul.level li { line-height: 12px; }*/


/* Copyright
-------------------------------------------------------- */
#copyright { 
	margin: 20px 0 0 0;
	height: 40px;
	background-color: #0097fe; 
}
#copyright div.logo {
	width: 50px;
	height: 40px;
	float: left;
	background: url(../images/pnkllr-logo-small.gif) center center no-repeat;
}
#copyright div.rights { width: 620px; margin: 5px 0 0 5px; float: left; }

input[type=text],input.text, input.title, textarea, select { background: #282827; border: 1px solid #141313; padding: 10px; color: #ffffff; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#090909; color: #ffffff; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }