/*================================================== COLOR STYLES */
/*
    CSS Document for juliendecaudin.com
    By Julien Decaudin - 01/05/2009
*/

body
{
    color: #3E5F69;
    background-color: #ececec;
}

/*--------------------------------------------------=> HEADERS */
/* H2 */
h2
{
    color: #3e5f69;
}

/* H3 */
h3
{
}

/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Paragraph */
.home_copy p strong
{
	
	background-color:#fff53d;
}

#no_javascript
{
	color:#FFF53D !important;
}

/*-------------> Links */
a
{
    color: #738f92;
}

a.project_url:hover,
.project_details a:hover,
.home_copy p a:hover
{
	color: #3E5F69;
	background-color:#FFF53D;
}

#footer a:hover
{
    color:#FFF53D;
	background-color:#22404E;
}

#no_javascript a
{
	background-image:none !important;
}

/*-------------> Lists */

/* Sitemap */

/* definition list */

/* simple list */

/*-------------> Project */
ul.project_images a
{
    /*background-color:#dedede;*/
    background-image:url(../images/bg_project_image.png);
}

ul.project_images a:hover
{
    /*background-color:#FFF53D;
    background-image:none;*/
}

.js .disabled_project a.project_url,
.js .disabled_project ul.project_details a
{
    color:#D0D0D0;
}

.js .disabled_project h2,
.js .disabled_project li
{
    color:#D0D0D0;
}

/*--------------------------------------------------=> FORMS */
#contact_form
{
	background-image:url(../images/bg_contact_form.png);
}

span.error
{
	color:#ffff4d;
	background-color:#AFAFAF;
}

.input_text,
textarea
{
	color:#22404E;
}

button
{
	color:#ffe43f;
}

button:hover
{
	color:#22404e;
}


/*--------------------------------------------------=> MASTER LAYOUT */
#header
{    
    background-image:url(../images/bg_page.png);
}

#header_inner
{
    background-image:url(../images/bg_header.png);
}

#connect
{   
    /*
    background-color:#ffed38;
    background-image:url(../images/bg_connect.png);
    */
}

#connect_content *
{
    color:#22404e;
}

#connect_link_container
{
    background-image:url(../images/bg_connect_link.png);
}

#connect_link
{
    background-image:url(../images/link_connect.png);
}

#connect_link_bar_front
{
    background-color:#3f606e;
}

#connect_link_bar_back
{
    background-color:#2a4d61;
}

#logo
{
    background-image:url(../images/bg_logo.png);
}

#logo_content *
{
    color:#90ADB0;
}

#logo_content h1,
#logo_content a
{
    background-image:url(../images/logo_juliendecaudin.png);
}

#logo_content a:hover
{
    color:#738f92;
}

#logo_content h1 a div
{
	background-image:url(../images/logo_juliendecaudin_hover.png);
}

#thumbnails_title_panel
{
	color:#ececec;
}

#content
{
	background-image:url(../images/bg_content.png);
}

#footer
{
    background-image:url(../images/bg_footer.png);      
}

#footer p,
#footer a,
#footer li,
#footer label
{
    color:#22404e;
}

#footer h2
{
	color:#fff53d;
}

/*--------------------------------------------------=> NAVIGATION */
/* Connect links */
#connect_content li a#link_resume span
{
	background-image:url(../images/link_resume.png);
}

#connect_content li a#link_linkedin span
{
	background-image:url(../images/link_linkedin.png);
}

#connect_content li a#link_contact span
{
	background-image:url(../images/link_contact.png);
}

/* Project thumbnail navigation */
#thumbnails_front a.current
{
	background-image:url(../images/thumb_current.gif);
}

#thumbnails_bg
{
    /*background-image:url(../images/bg_thumbnails.png);*/
}

#thumbnails_bg ul
{
    background-color:#e6e6e6;
}

#thumbnails_bg ul li img
{
    background-color:#fff53d;
}

/* Project navigation */
#year
{
    color:#dadada;
}

#link_previous_bg
{
    background-image:url(../images/link_previous.png);
}

#link_next_bg
{
    background-image:url(../images/link_next.png);
}

/* Footer top of the page link */
#link_top,
#link_top:hover
{
	background-color:transparent !important;
	background-image:url(../images/link_top.png);
}

/* Footer Areas of expertise list */
#areaexp_container li a.tagged
{
	background-color:#ffd041;
}

#areaexp_container li a.tagged:hover
{
	background-color:#22404E;
}

/* Footer bottom line */
#copyright
{
	color:#647649 !important;
}
