/*
WorldCitizen Child Theme: Desert Ymadea
by ymadea
http://www.ymadea.com
*/

.wrap{padding:5px;width:960px;margin:0 auto;} /*fixes width to this maximum*/

/* == backgrounds ====================================================== */

body{font-size:1.3em;text-align:justify;
/* Fallback for <IE9 and other older browsers */
background: url(../images/bg.gif);
/* Multi-background supporting browsers */
background:
   url(../images/bg-earth.png) center -80px no-repeat, 
   url(../images/bg.gif);
}
nav{background:url(../images/textile-decor.png) 0 bottom;}
footer{background:#273f26 url(../images/textile.gif);}


section #articles h3{padding-top:0;border-bottom:1px solid #E0DAC9 !important;}
section #articles {text-align:justify;}
/* == colors =========================================================== */

/*dark blue*/
footer h3, footer a,section h1,h1 a,a,.menu-main ul a,.menu-page ul ul a{color:#4a6891;}
input.wpcf7-submit,input#submit,.reply a,.mininav div,.mininav-list div,.menu-mobile-container option{background:#62251a;}
.menu-mobile-container{background:#62251a url(../images/arrowd.png) no-repeat right 7px;}
/*darker blue*/
footer a:hover,.menu-main a:hover,.menu-page ul a:hover{color:#9D2C27;}
a:hover,.menu-main ul a:hover,.menu-page ul ul a:hover{color:#9D2C27;}
input.wpcf7-submit:hover,input#submit:hover,.reply a:hover,.mininav div:hover,.mininav-list div:hover{background:#6b4343;}
.menu-mobile-container{border:2px solid #6b4343;}
/*sand*/
footer{border-top:3px solid #aab3cb;}
/*light sand*/
footer h3,.menu-main a,.menu-page ul a{text-shadow:0px 0px 0 #ccc4a8 !important;}

/* ajout perso*/
footer h3{color:#aab3cb !important;}
footer{color:#9aa2b7;}
.menu-main ul,.menu-page ul ul{display:none;position:absolute;width:250px !important;width:18rem;left:-20px;}
.wp-caption p.wp-caption-text {color:#8a8b8c !important;}


footer aside li{border-bottom:1px solid #aab3cb;}
/*lighter sand*/
h1,header p{text-shadow:0px 0px 0 #ede8d9 !important;}
/*dark sand*/
.menu-main a,.menu-page ul a{color:#aab3cb;}
/*red*/
body{border-top:3px solid #9f2d28;}
header,#sidebar h3,header a:hover,h2,h3,h4,h5,h6,footer h3,.cleio-infobox .infotitle{color:#9f2d28;}


/* == box-shadows ====================================================== */

#sidebar aside,#content,.menu-main ul,.menu-page ul ul{
-moz-box-shadow: 1px 1px 1px 0px #bfbaa7;
-webkit-box-shadow: 1px 1px 1px 0px #bfbaa7;
-o-box-shadow: 1px 1px 1px 0px #bfbaa7;
box-shadow: 1px 1px 1px 0px #bfbaa7;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#bfbaa7, Direction=134, Strength=1);
}
#searchform-top input,.menu-mobile-container{
-moz-box-shadow: 1px 2px 1px 0px #a39a78;
-webkit-box-shadow: 1px 2px 1px 0px #a39a78;
-o-box-shadow: 1px 2px 1px 0px #a39a78;
box-shadow: 1px 2px 1px 0px #a39a78;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#455c41, Direction=153, Strength=1);
}


/* == search form ====================================================== */

#searchform-top input{background:#ccc4a8 url(../../worldcitizen/images/magnifier.png) no-repeat right 3px;border:2px solid #d6cfb6;}


/* == stitching ======================================================== */

nav:before,footer:before{
	content:"";
    display:block;
    line-height:1px;
    border:0; 
}


/* == for textile ====================================================== */

footer{
-moz-box-shadow: 0px -1px 1px 0px #c2bea5;
-webkit-box-shadow: 0px -1px 1px 0px #c2bea5;
-o-box-shadow: 0px -1px 1px 0px #c2bea5;
box-shadow: 0px -1px 1px 0px #c2bea5;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c2bea5, Direction=90, Strength=2);}


/* == buttons ========================================================== */

.mininav div.right,.mininav-list div.right,.cleio-navigation .right a{background: #2F1717 url(../images/arrowr.png) no-repeat right 5px;}
.mininav div.left,.mininav-list div.left,.cleio-navigation .left a{background: #2F1717 url(../images/arrowl.png) no-repeat left 5px;}
.mininav div.right:hover,.mininav-list div.right:hover,.cleio-navigation .right a:hover{background: #6b4343 url(../images/arrowr.png) no-repeat right 5px;}
.mininav div.left:hover,.mininav-list div.left:hover,.cleio-navigation .left a:hover{background: #6b4343 url(../images/arrowl.png) no-repeat left 5px;}


.suivre {background:#d3d6e2;padding:15px 8px 15px 8px;text-align:left;-webkit-border-radius:10px 10px 10px 10px;-moz-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}
