/* Basic stuff
----------------------------------------------------------------------------------------------------*/

body {
	background:#1e2229 url(../../images/skinyatta/bg.png) repeat;
	color:#444;
	}

a {color:#444;}
a:hover {color:#39c;}
	
.textLink {color:#39c;}
.textLink:hover {color:#1e2229;}

.lineHor {border-bottom:#c0c0c0 1px dashed;}


/* List
----------------------------------------------------------------------------------------------------*/
ul, ol {
list-style:none;
}


.listStyle ul li {color:#39c;}

.listStyle ul li a {color:#1e2229;}
	
.listStyle ul li a:hover {color:#1e2229;}

ul.skillslist  {

float:left;
margin:5px 1% 20px;
width:48%;
list-style:none;
}
ul.skillslist li {

font-weight:bold;
padding:5px 0 5px 6px;
list-style:none !important;
}
ul.skillslist li img {
clear:both;
display:inline;
float:left;
margin-bottom:15px;
padding:0px;
}

ul.tasks  {

/*float:left;*/
list-style-type:none;
margin:20px 0;
padding-left:20px;
}
ul.tasks li {
list-style-type:none !important;
background:transparent url(../../images/skinyatta/li_tasks.png) no-repeat scroll 0 0.3em;
padding:0 0 8px 21px;
}

#tumblr_recent_photos ul{}

/* Header
----------------------------------------------------------------------------------------------------*/
/*#topnavYatta {
	padding-top:0;
	padding-left:10px;
	margin-top:20px;
	margin-bottom:5px;
	height:40px;
	}
	
#topnavYatta ul li {display:inline-block;}

#topnavYatta ul li .current {
	color:#39c;
	background:transparent url(images/skinyatta/topnavBG.png) -100px -76px no-repeat;
	}

#topnavYatta ul li .currentHome {
	width:30px;
	margin-left:-5px;
	text-indent:-9999px;
	background:transparent url(images/skinyatta/topnavBG.png) -10px -76px no-repeat;
	}*/


#menu, #menu ul /* Liste */     
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 21px; /* on définit une hauteur pour chaque élément */
	text-align:center;
	z-index:1000;
}

#menu /* Ensemble du menu */
{
	font-family : Helvetica, arial ;
	font-size : 12px; /* hauteur du texte : 12 pixels */
	float:right;
	margin-top:112px;
}

#menu a /* Contenu des listes */
{
	margin:0;
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */
	font-size:12px; line-height:18px;
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

#menu li /* boutons principaux */      
{ 
	float : left; 
	background: url(../images/menu_sep.png) no-repeat right;
	padding-right:2px;
	margin-left:10px;
	}
#menu li a span{display:none;} /* cache les intitulés de menu */

#menu li a.onglethome
{ 
	background: url(../../images/skinyatta/menu_home.png) 0 -40px no-repeat;
	width:20px;
	height:34px;
}
#menu li a:hover.onglethome
{ 
	background: url(../../images/skinyatta/menu_home.png)  no-repeat;
	height:34px;
	width:20px;
}
#menu li a:active.onglethome
{ 
	background: url(../../images/skinyatta/menu_home.png)  no-repeat;
	width:20px;
	height:34px;
	top:1px;
	position:relative;
}
#menu li a.onglethomeCurrent{ 	background: url(../../images/skinyatta/menu_home.png) 0 0 no-repeat; width:20px;	height:34px;}

#menu li a.ongletblog
{ 
	background: url(../../images/skinyatta/menu_blog.png) 0 -40px no-repeat;
	width:53px;
	height:34px;
}
#menu li a:hover.ongletblog
{ 
	background: url(../../images/skinyatta/menu_blog.png) no-repeat;
	width:53px;
	height:34px;
}
#menu li a:active.ongletblog
{ 
	background: url(../../images/skinyatta/menu_blog.png) no-repeat;
	width:53px;
	height:34px;
	top:1px;
	position:relative;
}
#menu li a.ongletblogCurrent{ 	background: url(../../images/skinyatta/menu_blog.png) no-repeat;	width:53px;	height:34px;}

#menu li a.ongletportfolio
{ 
	background: url(../../images/skinyatta/menu_portfolio.png) 0 -40px no-repeat;
	width:84px;
	height:34px;
}
#menu li a:hover.ongletportfolio
{ 
	background: url(../../images/skinyatta/menu_portfolio.png) no-repeat;
	width:84px;
	height:34px;
}
#menu li a:active.ongletportfolio
{ 
	background: url(../../images/skinyatta/menu_portfolio.png) no-repeat;
	width:84px;
	height:34px;
	top:1px;
	position:relative;
}
#menu li a.ongletportfolioCurrent{ 	background: url(../../images/skinyatta/menu_portfolio.png) no-repeat;	width:84px;	height:34px;}

#menu li a.ongletabout
{ 
	background: url(../../images/skinyatta/menu_about.png) 0 -40px no-repeat;
	width:62px;
	height:34px;
}
#menu li a:hover.ongletabout
{ 
	background: url(../../images/skinyatta/menu_about.png) no-repeat;
	width:62px;
	height:34px;
}
#menu li a:active.ongletabout
{ 
	background: url(../../images/skinyatta/menu_about.png) no-repeat;
	width:62px;
	height:34px;
	top:1px;
	position:relative;
}
#menu li a.ongletaboutCurrent{ 	background: url(../../images/skinyatta/menu_about.png) no-repeat;	width:62px;	height:34px;}

#menu li a.ongletcontact
{ 
	background: url(../../images/skinyatta/menu_contact.png) 0 -40px no-repeat;
	width:76px;
	height:34px;
}
#menu li a:hover.ongletcontact 
{ 
	background: url(../../images/skinyatta/menu_contact.png) no-repeat;
	width:76px;
	height:34px;
}
#menu li a:active.ongletcontact
{ 
	background: url(../../images/skinyatta/menu_contact.png) no-repeat;
	width:76px;
	height:34px;
	top:1px;
	position:relative;
}
#menu li a.ongletcontactCurrent{ 	background: url(../../images/skinyatta/menu_contact.png) no-repeat;	width:76px;	height:34px;}
/* jqueryslidemenu
----------------------------------------------------------------------------------------------------*/

.jqueryslidemenu ul li a {border-right:#111 1px solid;}

.jqueryslidemenu ul li a:hover {
	color:#fff;
	background:transparent url(../../images/skinyatta/topnavBG.png) -100px -76px no-repeat;
	}

.jqueryslidemenu ul li .home:hover {background:transparent url(../../images/skinyatta/topnavBG.png) -10px -76px no-repeat;}

.jqueryslidemenu ul li.current_page_item a, .jqueryslidemenu ul li.current_page_item a:hover {color:#39c;}
.jqueryslidemenu ul li ul li.page_item a, .jqueryslidemenu ul li ul li.page_item a:hover {color:#eee;}

/*#header-wrap {background:transparent url(../../images/skinyatta/topnavBG.png) center 64px no-repeat;}*/

#topnav ul li .current {
	color:#39c;
	background:transparent url(../../images/skinyatta/topnavBG.png) -100px -76px no-repeat;
	}

#topnav ul li .currentHome {background:transparent url(../../images/skinyatta/topnavBG.png) -10px -76px no-repeat;}

a.home:hover {background:transparent url(../../images/skinyatta/topnavBG.png) -10px -76px no-repeat;}

#topnav ul li .navEffect:hover {background:transparent url(../../images/skinyatta/topnavBG.png) -100px -76px no-repeat;}

/* Start WP fix */

#s {
	background:#fff;
	border:#c0c0c0 1px solid;
	}

#searchsubmit {background:url(../../images/searchBtn.png);}

#searchsubmit:hover {background:url(../../images/searchBtnHover.png);}

#s.searchInput {color:#888;}

#searchform {border-bottom:#ddd 1px solid;}

/* End WP fix */


/* Featured
----------------------------------------------------------------------------------------------------*/

#featured-wrap {background:transparent url(../../images/skinyatta/sliderBG.png) center -10px no-repeat;}
.intro-wrap{ width:301px; height:390px;  padding:10px 0 0 14px;float:left;}
.intro-wrap h1{font-family: "Myriad Pro", arial, sans-serif; line-height:30px; background:transparent url(../../images/skinyatta/intro_sep.png) center bottom repeat-x;padding:0px 0 10px 0; text-shadow:0 1px 1px #FFFFFF; }
.intro-wrap p {padding-top:10px; font-size:16px; line-height:28px;text-shadow:0 1px 1px #fff; margin-left:10px;}
.intro-wrap p span {background:#91d6f8; color:#095980;  padding: 0 4px;}

#twittbox {margin-top:10px;}
#twittbox h5{background:transparent url(../../images/skinyatta/twittbox_icon.png) right top no-repeat; margin:10px 78px 0 0; font-size:13px; padding:6px 0 0 5px;}
#twittbox h5 a{text-decoration:none;}
#twittbox  ul{font-size:12px; line-height:18px;background:transparent url(../../images/skinyatta/twittbox_bottom_bg.png) left bottom no-repeat; padding:0px 13px 3px 5px;}
#twittbox  ul a{color:#3399CC;}
#twittbox  span{background-color:none;}
.tweet{background:transparent url(../../images/skinyatta/twittbox_bg.png) left top no-repeat; padding-top:15px;}
/* Services
----------------------------------------------------------------------------------------------------*/

#services-wrap {background:transparent url(../../images/skinyatta/contentBGhome_center.png) center 30px repeat-y;}
	
#servicesTop {background:transparent url(../../images/skinyatta/contentBGhome_top.png) center top no-repeat;}

#box1, #box2, #box3 {color:#ddd;}
#box1 p, #box2 p, #box3  p{text-shadow:0 1px 1px #000;}

#box1 h5 {border-bottom:#E2007A 1px solid; text-shadow:0 1px 1px #000;}
#box2 h5 {border-bottom:#019CDB 1px solid; text-shadow:0 1px 1px #000;}
#box3 h5 {border-bottom:#FEEC00 1px solid; text-shadow:0 1px 1px #000;}

#box1 a, #box2 a, #box3 a {color:#39c;}
#box1 a:hover, #box2 a:hover, #box3 a:hover {color:#fff;}

/* Get in Touch */	
#box1 .socialIcons, #box2 .socialIcons, #box3 .socialIcons {border-top:#FEEC00 1px solid;}

#box2 a.category, #box2 a.comments {background:#39c;color:#fff;}
#box2 a.category:hover, #box2 a.comments:hover {background:#fff;color:#1e2229;}

.goForm {background:transparent url(../../images/right.png) 11px 10px no-repeat;}

.getInTouch ul li.phoneContact {background:transparent url(../../images/skinyatta/phone.png) 6px 10px no-repeat;}
.getInTouch ul li.emailContact {background:transparent url(../../images/skinyatta/email.png) 3px 10px no-repeat;}
.getInTouch ul li.skypeContact {background:transparent url(../../images/skinyatta/skype.png) 3px 11px no-repeat;}

/* Get in Touch Right Column */
.getInTouch.right {border-bottom:1px solid #ddd;}

.getInTouch.right h6 {color:#444;}
	
.getInTouch.right ul li.phoneContact {background:transparent url(../../images/phone_gray.png) 3px 10px no-repeat;}
.getInTouch.right ul li.emailContact {background:transparent url(../../images/email_gray.png) 0 10px no-repeat;}
.getInTouch.right ul li.skypeContact {background:transparent url(../../images/skype_gray.png) 0 11px no-repeat;}
.getInTouch.right ul li.addressContact {background:transparent url(../../images/home_gray.png) 0 10px no-repeat;}


/* Page Content Left
----------------------------------------------------------------------------------------------------*/

#content-wrap {background:transparent url(../../images/skinyatta/contentBGcenter.png) center 30px repeat-y;}

#contentTop {background:transparent url(../../images/skinyatta/contentBGtop.png) center no-repeat;}

#contentLeft .path {
	color:#888;
	border-bottom:#ddd 1px solid;
	}

#contentPortfolio .path {
	color:#888;
	border-bottom:#ddd 1px solid;
	}

#contentLeft .path a, #contentPortfolio .path a {color:#888;}

#contentLeft .path a:hover, #contentPortfolio .path a:hover {color:#444;}


/* Sidebar Right
----------------------------------------------------------------------------------------------------*/

#contentRight {
	background:#fff;
	border:#ddd 1px solid;
	color:#999;
	width:301px;
	}

.rightContent h5 {color:#444;}

.socialRight {
	border:#e8e8e8 1px solid;
	background:#f9f9f9;
	}
.socialRight  ul{text-align:center;}

/* Portfolio
----------------------------------------------------------------------------------------------------*/

.project_hoverPhoto, .project_hoverVideo {background:url(../../images/spacer.gif) repeat scroll 0 0 transparent; }

.project_hoverPhoto:hover {background:transparent url(../../images/skinyatta/overPhoto.png) scroll 0 0 no-repeat; 		}
.project_hoverVideo:hover {background:transparent url(../../images/skinyatta/overVideo.png) scroll 0 0 no-repeat;}


/*--- prettyPhoto ---*/
.currentTextHolder {color:#101319;}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#pagination {border-top:#ddd 1px solid;}

#pagination a:hover {
	background:#39c;
	color:#fff;
	}

#pagination .current {
	color:#fff;
	background:#1e2229;
	}


/* Blog
----------------------------------------------------------------------------------------------------*/
	
a.category, a.comments, a.govisit {
	background:#39c;
	color:#fff;
	}
	
a.category:hover, a.comments:hover , a.govisit:hover{
	background:#1e2229;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	}

.tags {background:transparent url(../../images/skinyatta/tag.png) no-repeat;}

.share {
	color:#888;
	border:#c0c0c0 1px solid;
	background:#fff;
	}

a.share:hover {color:#444;}

a.facebook {background:transparent url(../../images/social.png) top left no-repeat;}
a.facebook:hover {background:transparent url(../../images/social.png) bottom left no-repeat;}
a.twitter {background:transparent url(../../images/social.png) top right no-repeat;}
a.twitter:hover {background:transparent url(../../images/social.png) bottom right no-repeat;}

.facebook, .twitter {
	text-indent:-9999px;
	border:none;	/* IMPORTANT FOR SKIN - DON'T REMOVE */
	}

/* Start WP */

.bypostauthor {background:url(../../images/skinyatta/bypostauthorBG.png) top left no-repeat;}

.comment-body {color:#888;}

.commentmetadata, .commentmetadata a {color:#888;}

.vcard {color:#888;}

.fn {color:#444;}

a.fn:hover {color:#888;}

.comment-reply-link {
	color:#39c;
	border:#c0c0c0 1px solid;
	background:#fff;
	}

.comment-reply-link:hover {
	color:#fff;
	background:#39c;
	border:#39c 1px solid;
	}

/**/
.thread-alt {background-color:#f9f9f9;}
	
.thread-even {background-color:#fff;}

.even, .alt {border-top:#ddd 1px solid;}
/* End WP */


/* Footer
----------------------------------------------------------------------------------------------------*/

#footer-wrap {background:transparent url(../../images/skinyatta/contentBGfooter.png) center no-repeat;}


/* Bottom
----------------------------------------------------------------------------------------------------*/

#bottom-wrap {background:transparent url(../../images/skinyatta/bottomBG.png) center no-repeat;}

#bottom {color:#888;}

#bottom p a {color:#888;}
	
#bottom p a:hover {color:#ccc;}

#bottom ul li p a:hover {color:#ddd;}

#bottom ul li {border-right:#1e2229 1px solid;}

#bottom ul li a {color:#888;}


/* Coda Slider
----------------------------------------------------------------------------------------------------*/

.coda-nav ul li a {background:transparent url("../../images/skinyatta/slider-off.png") no-repeat scroll left top;}

.coda-nav ul li a.current {background:transparent url("../../images/skinyatta/slider-on.png") no-repeat scroll left top;}
.coda-nav ul li a.current:hover {background:transparent url("../../images/skinyatta/slider-on.png") no-repeat scroll left top;cursor:default;}
.coda-nav ul li a:hover {background:transparent url("../../images/skinyatta/slider-ov.png") no-repeat scroll left top;}

.linkButton {background:transparent url(../../images/skinyatta/sliderButton.png) top center no-repeat;}

.linkButton:hover {background:transparent url(../../images/skinyatta/sliderButton.png) bottom center no-repeat;}

.panel-wrapper p {color:#fff;}

.panel-wrapper h6 {color:#fff;}

.panel-wrapper a {color:#39c;}
.panel-wrapper a:hover {color:#fff;}


/* Wordpress fixes
----------------------------------------------------------------------------------------------------*/
.visitButton {
height:33px;
width:167px;
display:block;
text-indent:-9999px;
background:transparent url(../../images/skinyatta/visitButton.png) top center no-repeat;}
.visitButton:hover {background:transparent url(../../images/skinyatta/visitButton.png) bottom center no-repeat;}



.entry p a {color:#39c;}
.entry p a:hover {color:#1e2229;}

.entry p a.govisit{
	background:#39c;
	color:#fff;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	}
	
.entry p a.govisit:hover{
	background:#1e2229;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	}



.entry_title a {color:#444;}

.entry ul li {
	list-style:disc inside;
	color:#39c;
	}

/* --------- */
span.category {
	background:#39c;
	color:#fff;
	}

span.category a {color:#fff;}
span.category:hover {background:#1e2229;}

#box2 span.category {
	background:#39c;
	color:#fff;
	}

#box2 span.category a {color:#fff;}
#box2 span.category:hover {background:#1e2229;}
#box2 span.category a:hover {color:#fff;}
/* --------- */

span.tag a {color:#888;}

span.tag a:hover {color:#39c;}

#topnav .current-cat, #topnav .current_page_item {
	border-left:#111 1px solid;
	color:#39c;
	background:transparent url(../../images/skinyatta/topnavBG.png) -100px -76px no-repeat;
	}

#sidebar li.current-cat, #sidebar li.current_page_item {
	background:#1e2229;
	color:#39c;
	}

.pagenav h5, .sidebar_pagenav h5, .sidebar_pagenav_meta h5, .widget h5 {
	border-top:#ddd 1px solid;
	color:#444;
	}

.widget_tag_cloud h5.widgettitle, .widget_rss h5.widgettitle, .widget_meta h5.widgettitle, .widget_archive h5.widgettitle, 
.widget_categories h5.widgettitle, .widget_links h5.widgettitle, .widget_recent_comments h5.widgettitle, .widget_recent_entries h5.widgettitle {
	border-top:none;
	border-bottom:#ddd 1px solid;
	}

.widget_categories .cat-item {color:#39c;}

.widget_categories .current-cat a {color:#fff;}

.widget_archive li {color:#39c;}

h5.widgettitle {border-bottom:#ddd 1px solid; margin-bottom:10px;}

#calendar_wrap {border:#ddd 1px solid;}

#wp-calendar th {color:#39c;}

#wp-calendar caption {
	color:#444;
	background:#f9f9f9;
	}

#wp-calendar td a {
	background:#101319;
	color:#f9f9f9;
	}

#wp-calendar td a:hover {
	background:#39c;
	color:#f9f9f9;
	}


/*  WP Sub Navigation - sidebar contentRight
----------------------------------------------------------------------------------------------------*/

#subNavigation h5 {
	color:#444;
	border-bottom:1px solid #ddd;
	}

#subNavigation ul li.current-cat a, 
#subNavigation ul li.current_page_item a, 
#sidebar .widget_pages ul li.current-cat a, 
#sidebar .widget_pages ul li.current_page_item a, 
#sidebar .widget_pages ul li ul li.current_page_item a {
	color:#fff;
	background:transparent url(../../images/skinyatta/subNav.png) bottom no-repeat;
	}

#subNavigation li.page_item a, 
#sidebar .widget_pages li a {
	background:transparent url(../../images/skinyatta/subNav.png) top no-repeat;
	border-bottom:1px solid #ddd;
	}	

#subNavigation li ul li a, 
#sidebar .widget_pages li ul li a, 
#sidebar .widget_pages li ul li.page_item a {
	background:transparent url(../../images/skinyatta/subNav.png) top no-repeat;
	border-bottom:1px solid #ddd;
	color:#444;
	}

#sidebar .widget_pages li ul li.page_item a:hover {
	background:transparent url(../../images/skinyatta/subNav.png) bottom no-repeat;
	border-bottom:1px solid #ddd;
	color:#fff;
	}

#subNavigation li a:hover, 
#sidebar .widget_pages li a:hover {
	color:#fff;
	background:#39c;
	background:transparent url(../../images/skinyatta/subNav.png) bottom no-repeat;
	}
	

/*  WP Contact Form (see also "Form style")
----------------------------------------------------------------------------------------------------*/

/* Form style
----------------------------------------------------------------------------------------------------*/

input, textarea {
	border:1px solid #c0c0c0;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	background:#f1f1f1;
	color:#444;
	}

input:focus, textarea:focus {background:#fff;}

#submit, .submit,.wpcf7-form input[type="submit"] {
	border:#111 1px solid;
	background:#1e2229;
	color:#fff;
	}

#submit:hover, .submit:hover,.wpcf7-form input[type="submit"]:hover {
	border:1px solid #39c;
	background:#39c;
	}

.wpcf7-form p, #commentform label {color:#444;}

#respond {border-top:#ddd 1px solid;}
	
.widget_tag_cloud a {
	background:#39c;
	color:#fff;
	}

.widget_tag_cloud a:hover {background:#1e2229;}