/**
  Theme Name: PIVO UFFP
  Version: 13.03
  Author: Kacem Amine
  Author URI: http://www.pivo.tn
*/

body{ margin:0; background: #000 url(images/bg6-2.jpg) 50% 0% no-repeat; font: 12px 'Segoe UI', 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;   
background-attachment: fixed; 
/*
-webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;
*/
}
h1, h2, h3, h4, h5{font-family: arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;  margin: 0; font-weight: lighter;}
h1::selection, *::selection {  background: #7e0846; color:#fff;   }
.clear{ clear: both;}
a{ color: #000000; text-decoration: none;   }
a img{ border: none;}
a:hover{ text-decoration: underline;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hr{width: 100%; height: 2px; background: url(images/hr.jpg) repeat-x;}
    
    .undh:hover{ text-decoration: underline; }
    .red{color: #9d261d;}
    .pink{color: #8d0046;}
    .green{color: #005524;}
    .blue{color: #006a90;}
    .bg-blue{background: #53bdde;}
    .bg-black{background: #232323;}
    .bg-green{background: green;}
    .bg-pink{background-color: #ff6df6; }

.wrap{width: 990px; height: auto; min-height: 10px; margin-left: auto; margin-right: auto;}
.top-head{width: 980px; height: 120px; padding: 5px; background-color: #fff; border-left: #dadada 1px solid; border-right:#dadada 1px solid;  }
.top-head-adv{width: 980px; height: 120px; padding: 5px;  }
.top-menu{width: 100%;  height: 35px;  background: url(images/mn-bg.png) repeat-x; border-left: #670036 1px solid; border-right:#670036 1px solid; border-bottom: border-right:#6b0038 1px solid; }
.feat-cnt{width: 100%; height: 250px; border: #dadada 1px solid; }
.content{width: 100%; height: auto; min-height: 500px; background-color: #fff; overflow: hidden; padding-bottom: 15px;	border: #dadada 1px solid;}
.logo{width: 224px; height: 125px; float: left; background: url(images/logo.png) no-repeat;}
.logo-adv{width: 224px; height: 125px; float: left; background: url(images/logo-white.png) no-repeat;}
.leftside{width: 660px; height: auto; min-height: 300px; float: left; margin: 5px;}
.rightside{width: 300px; height: auto; min-height: 300px; margin: 5px; float: right;}

.list_carousel{width:990px; height: 250px; overflow: hidden;}
.timer { background-color:#7e0846; height: 1px; opacity: 0.7;  width: 0px; }
.clearfix { float: none; clear: both; }
.prev{width:29px; height:56px; background: url(images/slide-left.png) ; cursor: pointer;}
.next{width:29px; height:56px; background: url(images/slide-right.png) ; cursor: pointer;}


.half-right{width: 475px; height: auto; min-height: 260px; margin-left: 5px; }
.ad-right{width: 250px; height: auto; min-height: 250px; float: left;}
.social-right{width: 210px; height: auto; min-height: 250px; float: right; margin-right: 5px;}


.jq-head-cnt{ width: 100%; height: auto; min-height: 30px; z-index: 99999; position: fixed; margin-top:-55px;}
.jq-head{width: 980px; border-radius: 4px; height: 35px;  padding:10px 10px 8px 10px; background-color: #fff;  display: block; margin-left:auto; margin-right: auto;}
.jq-logo{width: 90px; height: 35px; background: url(images/logo-min.png) no-repeat; float: right;}
.jq-com-btn{ cursor:pointer; width: auto; color: #fff;  margin-top:7px; margin-right: 10px; min-width: 30px; background-color: #b02970; height: 13px; padding: 3px 5px 5px 5px; float: left;}
.jq-com-btn a{ color:#fff;}
.jq-com-btn a:hover{text-decoration: none;}
.jq-view{ width: auto; height: 13px; padding: 3px 5px 5px 5px; float: left;margin-top:7px; opacity: 0.7; margin-right: 10px; background: #ccc; }

.jq-follow-fb{ background: #4760a2 url('images/fb-ico2.png') 0% 50% no-repeat;  width: 160px; height:20px; color: #fff;  margin-top:7px; margin-right: 10px;   padding: 0px 5px 5px 30px; }
.jq-follow-fb span{padding-top: 4px; display:block; float: left; height: 20px;}


.addthis_button_tweet{width:90px;}
/* Social links */
.sc-ico{width:170px; padding-left: 40px; height: 36px; margin-bottom: 0px;}
.fb-ico{background: url(images/fb-ico.png) no-repeat 0% 50%;}
.twit-ico{ background: url(images/twit-ico.png) no-repeat 0% 50%;padding-top:15px;}
.rss-ico{background: url(images/rss-ico.png) no-repeat 0% 50%;}
.yt-ico{background: url(images/yt-ico.png)  no-repeat 0% 50%;}
.instr-ico{background: url(http://webzine.unitedfashionforpeace.com/wp-content/uploads/2014/12/Instagram.png)  no-repeat 0% 50%;}
.pint-ico{padding-top:15px;background: url(http://webzine.unitedfashionforpeace.com/wp-content/uploads/2014/12/pinterest_32.png)  no-repeat 0% 50%;}

.search-cnt{width: 400px; height: 40px; float: right; margin: 10px 5px 10px 10px;}
.pg-top{width: 450px; height: 30px; float: right; margin: 5px; }
.pg-top ul{ padding-top: 0; margin-top: 0;}
.pg-top ul li{float: left; list-style: none; margin-left: 15px;}

.pg-top-adv{width: 450px; height: 30px; float: right; margin: 5px; }
.pg-top-adv ul{ padding-top: 0; margin-top: 0;}
.pg-top-adv ul li{float: left; list-style: none; margin-left: 15px; }
.pg-top-adv a{color:#fff;}

/* pv-gallery */
.pv-gallery{width: 650px; color: #fff; padding:8px; height: auto; min-height: 500px; background-color: #232323; overflow: auto;}
.pv-show span{height: auto; width: 100%; min-height: 60px;}

/* left content :: posts list */
.left-content{width: 500px; height: auto; min-height: 500px; padding:5px; float: left;}
.right-content{width: 480px; height: auto; min-height: 500px; float: right; padding-top: 5px;}

.post-list-cnt{width: 100%; height: auto; min-height: 100px; padding-top: 8px; border-bottom: #dadada 1px solid; overflow: auto; }
.post-list-img{width: 130px; height: 95px; float: left; margin-right: 10px; margin-top: 5px; background-color: #dadada; }
.post-list-cnt h2{font-size: 18px; font-family: arial; font-weight: bold; color: #181818;  }
.post-list-cnt h2 a:hover{text-decoration: none; color: #670036;}
.post-list-cnt p{ font-size: 13px; width: 360px; float: right;}

/* */
.right-plist{ width: 250px; height: auto; min-height: 400px; float: left; margin-left: 5px; margin-right: 10px;}
.right-plist-cnt{width: 250px; height: auto; min-height: 120px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: #dadada 1px solid;}
.right-plist-cnt img{width: 250px;  background-color: #dadada;}
.right-plist-cnt h2{ font-size: 16px; font-family: arial; font-weight: bold;}

.btn-ccr{width:160px; text-align:left;  padding:5px 10px 6px 10px; margin-left:30px; background-color:#7e0846; color:#fff; font-size:18px; font-weight:lighter;  margin-top:-50px; position:absolute;}
.right-ttl{font-size:24px; font-weight:lighter; padding-top:3px; margin-top: 10px; color: #670036; border-top:#670036 5px solid; text-align:left; display:block;}

.right-adv{width: 210px; margin-top: -45px; height: auto; min-height: 400px; float: left;}

.right-vid-cnt{padding:5px;width: 200px; margin-top: 10px; height: auto; min-height: 200px; background-color: #232323;}
.right-vid-cnt h2, .right-vid-cnt h2 a{font-size: 15px; font-family: arial; font-weight: bold; color: #FFF;}
.right-vid-cnt h2 a:hover{ color: #ccc; text-decoration: none;}
.right-vid-cnt p a{ color: #FFFFFF;}
.right-vid-cnt p a:hover{color:#fff; text-decoration: none;}

/* right single */
.rs-cnt{width: 100%; height: auto; min-height: 100px; overflow: auto; padding-bottom: 5px; margin-bottom: 8px; border-bottom: #ccc 1px dotted; }
.rs-cnt img{width: 125px; height: 95px; float: left; margin-right: 8px;}
.rs-cnt h3{ font-weight: bold;}
.rs-cnt h3 a:hover{ color: #670036; }
.rs-cnt h4{ color: #670036; font-weight: bold; padding-bottom: 5px;}

/* posts wide */
.posts-wide{width: 660px; height:auto; overflow: auto; min-height: 260px; float: left; margin-top: 10px; margin-left: 5px; padding-bottom: 5px; border-top: #ddd 6px solid; }
.posts-wide h3{ font-family: arial; font-size: 30px; font-weight: bold; margin-bottom: 5px;   border-bottom: #ddd 1px dotted; padding-bottom: 5px; padding-top: 5px;}
.thepost-wide{width: 160px; height: auto; min-height: 180px; float: left; margin-right: 5px;  }
.thepost-wide img{width: 160px; height: 125px; background-color: #dadada;}
.thepost-wide h4 a{ color: #670036; font-size: 17px; font-weight: bold; }
.thepost-wide h2 { color: #181818; font-size: 13px; font-weight: bold;  line-height: 15px; }
.thepost-wide h2 a:hover{ color: #670036; text-decoration: none;}

.ad-250{width: 300px; height: auto; min-height: 250px; float: right; margin-right: 5px; }

/* posts full */
.posts-full{width: 980px; height: 150px; margin: 10px 5px;}
.ttl-full{width: 225px; height: 150px; background-color: #eaeaea; float: left;}
.ttl-full h3{font-size: 48px; margin: 8px; text-align: right; font-family: serif; font-weight: bold;}
.ttl-full span{width: 215px; height: 15px; text-align: right; margin-left:5px;padding-bottom: 5px;  border-top: #ccc 1px dotted; display: block;}
.ttl-full span a{margin-right: 10px; }
.content-full{width: 755px; height: 150px; float: left; background-color: #232323;}
.content-full img{ margin: 12px 10px;}


/* top featured post */
.pfeat-cnt{width: 290px; height: 210px; float:left; padding: 5px; margin: 15px;  }
.pfeat-cnt img{ width: 290px; height: 160px; background-color: #232323;}
.pfeat-cnt h2{ font-size: 14px; font-weight: bold; font-family: arial; display: block;}
.pfeat-cnt h2 a:hover{ text-decoration: none; color: #670036;}

/* gallery bloc for left content */
.gallery-left{width: 100%; height:auto; min-height: 210px; margin: 10px auto; }
.gallery-left-ttl{width: 100%; height: 20px; }
.gallery-left-ttl span { padding: 1px 10px; font-size: 14px; float: right; color: #fff; background-color:#670036; }
.gallery-left-cnt{width: 100%; height: auto; min-height: 190px; background-color: #670036;}
.gallery-left-cnt h2{ color: #fff; font-weight: lighter; padding: 5px; font-size: 22px;}
.gallery-left-cnt a h2:hover { text-decoration: none;}
.gallery-left-imgs{ width: 100%; height: 190px;}
.gallery-left-imgs .fimg{width: 275px; height: 179px; float: left; margin: 5px; background-color: #dadada;}
.gallery-left-imgs .oimg{width: 102px; margin-right: 5px; margin-top: 5px; height: 87px;  float: left; background-color: #dadada;}

/*  single post article*/
.single-meta{ font-size: 11px; color: #999; border-bottom: #ccc 1px dotted;  margin-bottom: 8px; }
.single-meta span{color: #000; font-weight: bold;}

.single-share{width: 660px; height: auto; min-height: 40px; margin-bottom: 5px; border-bottom: #ccc 1px dotted;}
.fb-sgl-shr{width: 390px; float: left; padding-right: 8px; margin-right: 8px; border-right: #ccc 1px dotted;}

.btn-single-edit a{color: #fff;}
.btn-single-edit a:hover{color: #fff; text-decoration: none;}

/* post style */
.single-content{ width: 665px; height: auto; padding: 10px;}
.post p, .post{ font-size: 14px; line-height: 24px; color: #333; text-align: justify;}
.post h1:first-child, .post-title{ font-weight: bold; color: #181818; font-size: 36px; text-align: left; line-height: 42px; padding-top: 10px; padding-bottom: 25px;}
.post p strong{ font-weight: bold; color: #232323; background-color: #f7f7f7;  margin-left: 5px;}
.post p a, .post .meta-post a{ color: #ad0177; }
.post p a:hover, .post .meta-post a:hover{  border-bottom: #ad0177 1px dotted; background-color: #fff;}
.post .meta-post{ padding: 10px 5px; background: #eee; display: block; padding-bottom: 10px;}
.post img{ max-width: 650px;}
.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; border:5px solid #DDDDDD; }
        .alignnone { border:5px solid #DDDDDD; }
        .alignleft { float:left; margin:0 10px 0 0; }
        .alignleft img { float:left; margin:0 10px 0 0; border:5px solid #DDDDDD; }
        .alignright { float:right; margin:10px 0 0 20px; }
        .alignright img { float:right; margin:10px 10px 5px 10px; border:1px solid #DDDDDD; }
        .floatleft,#more_left { float:left; }
.single-content .tag-links a{padding: 5px; background-color: #e7e7e7; margin-right: 5px; color: #232323;}
.wp-caption{max-width: 660px; overflow: auto; background-color: #ddd;}
.wp-caption p{text-align: center; display: block; font-weight: lighter; font-size: 18px;}


.wp-pagenavi{ height: 40px; margin-top: 25px; margin-left: auto; margin-right: auto; text-align: center;}
.wp-pagenavi .pages{ font-size: 13px; }
.wp-pagenavi a{ color: #7e0846; padding: 4px 8px; border: #ccc 1px solid; margin-left: 5px;}
.wp-pagenavi .current{ color: #fff; background-color: #7e0846; padding: 4px 8px; border: #7e0846 1px solid; margin-left: 10px;  }

/* footer elements */
.nl-cnt{width: 660px; height: 130px; border-top: #ddd 4px solid; margin-top: 20px;}
.nl-cnt h4{ font-size: 24px; color: #7e0846; margin-left: 5px; padding-top: 10px;}
.nl-cnt p{font-size: 14px; font-weight: lignter; margin-left: 5px;}
.nl-inp{width: 650px; height: 35px; padding: 5px; background-color: #7e0846; margin-left: 5px;}
.nl-inp input[type="text"]{height:27px; border: none; font-size: 18px; font-weight: lighter; padding-left: 8px;}
.nl-nom{width: 220px; margin-right: 5px; float: left;}
.nl-mail{width: 345px; margin-right: 5px; float: left;}
.nl-btn{width: 42px; height: 35px; background-color: #fff; cursor: pointer; color: #7e0846; font-weight: bold; line-height: 28px; font-size: 18px; text-align: center; float: right;}

/* category footer */
.cat-foot{width: 970px; height: auto; min-height: 200px; margin: 20px 5px 10px 5px; background-color: #ececec;}
.cat-foot h4{ font-size: 18px; color: #7e0846; margin: 5px; font-weight: lighter; padding-top: 5px; padding-bottom: 5px; display: block; border-bottom: #fff 1px solid;}
.footer-mn{ margin: 0; height: auto; overflow: auto; padding-bottom: 5px; }

.footer-mn ul li, .footer-mn ul{ margin:0; padding:0; list-style: none;}
.footer-mn>ul{margin: 5px;}
.footer-mn>ul>li{width: 130px; height: auto; min-height: 200px; float: left;  }
.footer-mn>ul>li>a{font-weight: bold; padding:0; padding-bottom: 10px; margin-bottom: 5px; }
.footer-mn>ul>li>ul{margin-left: 8px;}
.footer-mn>ul>li>ul>li>ul{margin-left: 8px;}



/* box radius and shadow */
 .rad15{    -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
 .rad8{    -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
 .rad5{    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
 .rad3{    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
 .brd-r{border-right: #bababa 1px solid;}
 .ln1{ clear: both; width:100%; height: 3px; border-bottom: 1px solid #dfdfdf;  }
 .ln2{ width:100%; height: 3px; border-top: 1px solid #fff;  }
 .topwln{width: 100%; height: 1px; border-top: 1px solid #fff;}
 .ln3{width: 100%; height: 3px; border-bottom: 1px solid #c3c3c3;}
 .bwht{ background-color: #fff;}
 .gard{
    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fefefe 0%, #dedede 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#dedede 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#dedede 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#dedede 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dedede',GradientType=0 ); /* IE6-8 */
 }
 .shd{
    -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.51);
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.51);
    box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.51);
}
.shd-op{
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.2);
}