html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
color:#fff;
margin:0;
padding:0;
}

body {
line-height:1;
background:#6B6B6B;
}

*
{
font-family:monospace;
font-size:98%;
line-height:15px;

text-shadow:0 0 1px #000;
}

ol,ul {
list-style:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

a:focus {
outline:1px dotted #ddd;
}

del {
text-decoration:line-through;
}

ul,li {
list-style:inside none;
}

li:before {
color:#999;
content:"- ";
text-shadow:none;
}

a
{
	border-bottom:1px solid #fff;
	text-decoration:none
}
a:hover
 {
	border:0
 }

strong {
font-weight:400;
}

.warning
{
	color:#f00
}

.valid
{
	color:#0f0
}



#content {
width:900px;
top:100px;
position:fixed;
left:100px;
padding:70px 0 122px 0;
display:block;
}


#content,#content * {
font-size:98%;
line-height:15px;

text-shadow:0 0 1px #000;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #content,#content * ,textarea,input { font-family:verdana;  }
}


#content h1 {
font-size:16px;
font-weight:700;
}

#perso {
left:103px;
margin-top:1px;
padding-left:32px;
top:-0;
margin-left:93px;
z-index:15;
float:left;
}

#perso div {
border-bottom:1px solid #999;
left:13px;
position:relative;
top:4px;
padding:5px 10px;
}

#perso div.r {
border-right:1px solid #999;
}

#perso div.l {
border-left:1px solid #999;
}

#perso #corner {
border:0;
border-left:1px solid #999;
border-top:1px solid #999;
height:53px;
z-index:5;
top:4px;
width:58px;
display:none;
float:left;
margin-left:-78px;
_margin-left:-47px;
}

#perso .mobile {
padding-left:35px;
}

#gotoplaylist {
border:0;
text-decoration:none;
}

#perso #playlist {
border-left:1px solid #999;
display:none;
margin-left:362px;
padding-left:7px;
margin-top:4px;
}

#perso #playlist li:before {
content:'';
line-height:20px;
}

#perso #playlist .selectedTrack {
color:#ddd;
border:0;
text-decoration:none;
}

.selectedTrack:before {
content:'» ';
}

#content img {
float:left;
left:1px;
position:relative;
top:-15px;
cursor:pointer;
text-align:center
}

#content .desc {
float:left;
margin-left:3px;
}

#content .desc h2 {
position:relative;
cursor:pointer;

font-weight:400;
margin:10px 0;
background:url(sprites.gif)  no-repeat 100% 100%;
padding-right:20px;
width:700px;
}

#content .desc h2.more
{
	background:url(sprites.gif)  no-repeat 100% 50%;
}

#content .desc h2 span:before {
content:"» ";

}

#content .desc h2 a
{
	text-decoration:none;
	border:0
}

#content .bulle {
display:block;
border-left:1px solid #999;
width:570px;
margin:10px 0 10px 170px;
padding:10px 2px;
}

#content .bulle *{
	font-size:103%
}

#content h2 span {
display:inline-block;
zooom:1px;
text-align:left;
color:#ddd;
width:160px;
}

#contact {
margin-top:10px;
width:100%;
position:relative;
}

#contact a {
margin-right:10px;
text-decoration:none;
border-bottom:1px solid #fff;
padding-bottom:2px;
}

#contact a.facebook,#gototwitter {
background:url("sprites.gif") no-repeat scroll 99% 2px transparent;
padding-right:18px;
}

#twitter {
left:170px;
left:170px;
margin-top:8px;
width:400px;
padding-left:5px;
border-left:1px solid #999;
position:absolute
}

#twitter li {
margin-bottom:10px;
}

#twitter * {
font-size:12px !important;
}

#twitter_update_list {
height:auto !important;
}

#twitter .profileLink {
position:static;
bottom:-50px;
}

#formcontact {
display:block;
margin:30px 0;
width:100%;
max-width:720px;
_width:720px
}

#formcontact input {
width:100%;
color:#fff;
border:1px solid #999;
background:transparent;
font-size:11px;
margin-bottom:3px;
font-family:monospace;
}



#formcontact textarea {
width:100%;
border:1px solid #999;
background:transparent;
font-size:11px;
height:100px;
color:#fff;
}

#formcontact #captcha{
	
	height:40px;
}

#formcontact #captcha label,#formcontact #captcha input
{
	float:left;
	display:inline-block;
	zoom:1;
	margin:10px 0;
}

#formcontact #captcha input {
width:15px;
margin-left:5px;
}

#formcontact input.btn {
border:1px solid #999;
color:#fff;
font-weight:700;
font-family:monospace;
display:inline-block;
width:150px;
padding:3px 5px;
}

#gotocv {
-moz-transform:rotate(-46deg);
-webkit-transform:rotate(-46deg);
padding-bottom:5px;
border-bottom:1px solid #999;
position:absolute;
top:10px;
left:5px;
font-size:13px;
font-family:cursive;
display:block;
text-decoration:none;
text-shadow:none;
background:url(sprites.gif) no-repeat 100% 0;
padding-right:15px;
}

#perso .playlist *,#twitter li a {
color:#ddd;
}

#twitter li span a,#formcontact #captcha {
color:#fff;
}

#dark
{
	position:fixed;
	background:#333
}

#blog
{
	background:none repeat scroll 0 0 #6B6B6B;
	-moz-box-shadow:0 0 15px #333333;
	border-right:0;
	left:215px;
	position:static;
	top:10px;
	width:744px;
	margin:50px 0 0 50px;
	top:0;
	overflow:hidden
}

#blog , #blog *
{
	
}


#blog pre  li:before
{
    content:''
}

#blog pre *
{
    text-shadow:none
}

#blog h2
{
	font-size:20px;
	margin:20px 0 0 0;
	font-variant:small-caps;
	text-transform:uppercase;
	color:#fff;
	font-weight:normal;
}

#blog h3
{
    color:#FFFFFF;
    font-size:16px;
    font-variant:small-caps;
	text-transform:uppercase;
	font-weight:normal;
    margin:20px 0 0;
}

#blog .content
{
	
	float:left;
	width:500px;
	overflow:hidden
	
}

#blog .close
{
	position:absolute;
	right:5px;
	top:5px;
	
}

#blog .content .article
{
	border-bottom:1px dashed #999;
	padding:10px;
}

#blog .content .article p
{
	margin:10px 0;
	text-align:justify;
}

#blog .content .article img
{
	border:1px solid #999;
	width:500px;
	opacity:0.5
}

#blog .content .article p.date
{
	margin:0 0 10px 0;
	color:#ddd
}

#blog #sidebar
{
	padding:10px;
	float:right;
	width:200px;
	overflow:hidden
}

#blog #sidebar ul
{
	border-left:1px solid #999999;
}