/*=====================================================================
COLORS : 

#161616  : very dark grey
#646464  : mid grey
#767676  : mid grey rollover navi
#ddd     : white/light grey
#ff7200  : orange
#fff     : white

(#d21918  : red)
(#32aeec  : blue)
*=====================================================================*/

/* === reset === */

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,
dl, dt, dd, ol, ul, li,input,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
:focus {
	outline: none;
}
ol, ul, li {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* === BODY === */

body {
	background-position: 20px;
	/*background-image: url(images/grid_4.gif);*/
	word-spacing:1px;
	line-height: 1px;
	color: #ddd;
	font: 10px Georgia, "Times New Roman", Times, serif;
}

/* === PAGE === */

#page { min-width: 1000px; }

/* === HEADER === */

#header {
    background-color: #161616;
	width: 100%;
	font-size: .9em;
	height: 133px;
	line-height:1.5em;
	color:#ddd;
	font-style: italic;
}

#logo {
    margin-left: 40px;
	float: left;
	height: 38px;  /* === en vrai 34 px === */   
	width: 160px;
	margin-top: 80px;
    font-weight: bold;
    line-height:1.0em;
    font-size: 20px;
}

#logo a, #logo a:visited { color: #ddd; }
#logo a:hover { color: #ddd; }

#baseline {
	padding-left: 10px;
	border-left-width: thin;
	float: left;
	height: 38px;
	width: 149px;
	margin-top: 80px; border-style: dotted; border-color: #ddd;

}
#adress {
	padding-left: 10px;
	border-left-width: thin;
	float: left;
	height: 38px;
	width: 309px;
	margin-top: 80px; border-style: dotted; border-color: #ddd;
}
#links {
	padding-left: 10px;
	border-left-width: thin;
	float: left;
	height: 38px;
	width: 140px;
	margin-top: 80px; border-style: dotted; border-color: #ddd;	
}

#baseline a, #baseline a:visited { color: #ddd; }
#baseline a:hover { color: #009ddc; }
#baseline span { color: #009ddc; }
#adress a, #adress a:visited { color: #ddd; }
#adress a:hover { color: #009ddc; }

#links a, #links a:visited { color: #ddd; }
#links a:hover { color: #009ddc; }

/* === SIDEBAR === */

.sidebar {
	float: left;
	/*float: left;*/
	width: 100%;
    height: 300px;
    background-color: white;
    margin-left:0px;
}
.sidebar ul li a {color:#646464;}

/* === PROJECTS === */

#project {
	margin-left: 200px;
    margin-top: 30px;
}
.project_content {
	/*text-align: center;*/
	float: left;	                       
	margin-right: 20px;
	width: 300px;
	height: 300px;
}
.project_content img {
	width: 300px;
	height: 225px;
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
.project_content h2 {
	font-size: 1.6em;
	margin-top: 19px;
	letter-spacing: 0.1em;
	font-variant: small-caps;
	text-align: center;
	font-weight: normal;
	/*font-style: italic;*/
	fonmargin-top: 19px;
	color: #767676;
}
.project_content h2 a { color: #767676; }
.project_content h2 a:hover { color: #009ddc; }

.project_category {
	text-align: center;
	margin-top: 2px;
	color: #646464;
}
/* === MUSIC === */
#music {
	margin-left: 200px;
    margin-top: 30px;
    color: #767676;
}

.music_row 
{
    width: 100%;
	height: 300px;
}
.music_col1 {
    float: left;	                       
	width: 303px;
	height: 300px;
}
.music_col2 {
	float: left;	                       
	width: 400px;
	height: 300px;
    /*background-color: red;*/
}

.music_tracklist
{
    color: #161616
}

.music_col1 img {
	width: 280px;
	height: 263px;
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
.music_col2 h2 {
	font-size: 1.6em;
	letter-spacing: 0.1em;
	font-variant: small-caps;
    font-weight: normal;
	/*font-style: italic;*/
	fonmargin-top: 19px;
}
.music_col2 h2 a { color: #dddd0d;}
.music_col2 h2 a:hover { color: #009ddc; }

/* === TEMPLATE : ABOUT === */
.colonne4{
    margin-top: 15px;
    margin-left: 200px;
	word-spacing: 0.2em;
	color: #161616;
	line-height: 1.6em;
}
.colonne4 a{color: #ddd;}
.colonne4 a:hover{color: #ff7200;}
.colonne4 h1{
	color: #161616;
	padding-right: 4px;
	padding-left: 4px;
	background-color:white;
	display: inline-block;
	margin-bottom: 1.2em;
	font-size: 1.4em; 
}
.achieve{color: #ddd;}

.colonne4_1{
	float: left;
	width: 140px;
}
.colonne4_2{	
	width: 140px;	
	padding-left: 20px;		
	float: left;	
}
.colonne4_3{
	width: 140px;		
	padding-left: 20px;		
	float: left;	
}
.colonne4_4{
	width: 140px;	
	padding-left: 20px;		
	float: left;	
}


/* news */

#news {
    margin-top: 15px;
}

#news_contents {
	width:480px;	
	float: left;
}

#news_widgets {
	width:200px;	
	float: left;
}

#news h1 {
	font-size: 1.3em;
	letter-spacing: 0.1em;
	font-variant: small-caps;
    font-weight: normal;
	color: #767676;
    padding-left: 10px;
    line-height: 2.5em;
}

/* Upcoming shows */
#calendar {
    width: 100%;
    min-height: 60px;
    height: auto;
    word-spacing: 0.2em;
	color: #161616;
	line-height: 1.6em;
}
#calendar .date{
	float: left;
	width: 160px;
	padding-left: 10px;	
}
#calendar .title{
	float: left;
	width: 160px;
}
#calendar .location{
	float: left;
	width: 150px;
}
#calendar .achieve{
	color: #767676;
}

/* Chart */
#chart {
    width: 100%;
    height: 100px;
    word-spacing: 0.2em;
	color: #161616;
	line-height: 1.6em;
}

#chart .artist{
	float: left;
	width: 160px;
	height: auto;
	padding-left: 10px;	
}
#chart .title{
	float: left;
	width: 160px;
	height: auto;
}
#chart .label{
	float: left;
	width: 150px;
	height: auto;
}


/* soundcloud widget*/
a.soundcloud-dropbox:hover {color: #1896D1 !important; background-color: transparent !important; background-position: -200px 0 !important;}*html a.soundcloud-dropbox {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_square_white.png?da0878)', sizingMethod='crop') !important;}

/* === end === */