/*  
Theme Name: Flye v5.0
Description: Version V 5.0 by Puselja Predrag 
Author: Pedja Puselja
*/
/*-----------------------------------------------------------------------------------------------
Global Styles
-----------------------------------------------------------------------------------------------*/
* {padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:10px; font-size:1px; line-height:1px; }
a img{ border:none; }
/*-----------------------------------------------------------------------------------------------

Layout / Base Page Styling

-----------------------------------------------------------------------------------------------*/
body{
background:#222D2D;
color: #777;
font-size:0.8em;	
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}
/* This class sets the width and position for all rows */
.inside{
width:900px;
min-width:860px;
margin:0 auto;
color:#3D4F4F;
}

a{
color:#1F7ED6;
text-decoration:none;
}
a:hover{
color:#444;
text-decoration:none;
}

h1{
color:#222E2E;
font-size:1.5em;
font-weight:normal;
margin:1.5em 0;
}
.titlehead{
text-indent:-9999px;
}

h2, h3{
font-size:1.3em;
color:#222E2E;
font-weight:normal;
font-variant:small-caps;
}

#primary h2{
color:#222E2E;
}

p{
line-height:1.75em;
text-align:justify;
}

ul li{
list-style-type:square;
margin:0.5em 0 0.5em 2em;
}

blockquote{
margin-left:1em;
padding-left:1em;
border-left:2px solid #333;
color:#333;
}

pre{
width:100%;
padding:1em 0;
overflow:auto;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

.rule{
border-top:1px solid #333;
height:1px;
font-size:1px;
line-height:1px;
margin:1.5em 0;
}

/*-----------------------------------------------------------------------------------------------

header2

-----------------------------------------------------------------------------------------------*/

#header2{
background:#222D2D;
}

#header2 .inside{
padding:1.5em 0 0 0;
background: transparent;
}

#header2 p, #header2 a{
color:#fff;
}
/*-----------------------------------------------------------------------------------------------

Header

-----------------------------------------------------------------------------------------------*/

#header{
background:#222D2D;
}

#header .inside{
padding:0;
background: transparent;
}

#header h1{
height:163px;
font-size:0em;
margin:0;
padding:0;	
color:#222E2E;		
background: url(images/head.jpg) no-repeat right top;
}

#header h1 em{
font-size:0.5em;
color:#f0f0f0;   
margin:0 10px; 
padding:0 10px;
font-weight:normal;
font-style:normal;    
font-variant:normal;    
border-left:#fff 1px solid;
}
/*-----------------------------------------------------------------------------------------------

Primary Items

-----------------------------------------------------------------------------------------------*/

#primary{
background:#fff;
padding:1em 0 2em 0;
color:#222E2E;
}
#primary h1{
color:#222E2E;
letter-spacing:-1px;
font:inherit;
font:160% "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}
#primary h1 a{
font-weight:lighter;
color:#222E2E;
text-decoration: none;
border-bottom:#222E2E 1px dotted;
background:none;
}
#primary h1 a:hover{
font-weight:lighter;
color:#222E2E;
text-decoration: none;
border-bottom:#222E2E 1px solid;
background:none;
}

.mali{
font-size:80%;
}

#primary.onecol-stories .primary{
float:left;
width:50%;
}

#primary.onecol-stories .secondary{
float:right;
width:40%;
margin:0 0 0 10%;
}

#primary.twocol-stories .story{
float:left;
width:48%;
margin:0 0 0 4%;
display:inline;
}

* html #primary.twocol-stories .story{
margin-left:2%;
}

#primary.twocol-stories .first, * html #primary.twocol-stories .first{
margin:0 0 0 0;	
}

.story h3{
font-variant:normal;
font-size:1.5em;
margin:10px 0 0 0;
font-weight:normal;
color:#222E2E;
}

.story h3 a{
color:#222E2E;
text-decoration:none;	
}

.story h3 a:hover{
color:#222E2E;
text-decoration:underline;	
}

.story .details{
margin:0;
border-top:1px solid #eee;
padding:0.5em 0 0.5em 0;
font-size:0.98em;
color:#ccc;
}

.story .details .read-on{
padding-right:20px;
}

.story .details a{
color:#111B22;
text-decoration:none;
}

.story .details a:hover{ color:#000; }

.story img {
padding: 5px;
border: 1px solid #ccc;
margin: 5px;
}
/* Single Post Styles */

#primary .primary{
float:left;
width:60%;
}

#primary .secondary{
float:right;
width:25%;
margin-right:5%;
padding-top:0.65em;
display:inline;
}

#primary .secondary img{ border:none; }

* html #primary .secondary{ margin-right:4%; }

.secondary .featured p{
border-bottom:1px solid #ccc;
border-top: 1px solid #ccc;
padding:0.5em 0 0.6em 0;
line-height:1.5em;
margin:1em 0 0 0;
}
/*--Recent Post--*/
.recentpost ul{
list-style: none;
margin:0;
padding:0;
}
.recentpost ul li{
display: inline;
margin:0;
padding: 0;
}
.recentpost ul li a{
border-bottom: 1px dotted #ccc;
color: #1F7ED6;
cursor: pointer;
display: block;
text-decoration: none !important;
margin: 0;
padding:5px;
}
.recentpost ul li a:hover{
background: #1F7ED6;
color: #fff !important;
}
/*--Recent Post II--*/

.recentpost2 ul{
list-style: none;
margin:0;
padding:0;
}
.recentpost2 ul li{
display: inline;
margin:0;
padding: 0;
}
.recentpost2 ul li a{
border-bottom: 1px dotted #ccc;
color: #444;
cursor: pointer;
display: block;
text-decoration: none !important;
margin: 0;
padding:5px;
}
.recentpost2 ul li a:hover{
background: #669ACC;
color: #fff !important;
}


/*----*/
.secondary .featured dl{
margin:0 0;
border-bottom:1px solid #ccc;
padding:0.5em 0 0.6em 0;
}

.secondary dt{
display:inline;
margin:0;
padding:0;
color:#555;
}

.secondary dd{
display:inline;
margin:0;
padding:0;
}

.secondary img{ border:none; }

.secondary dd a{ color:#808080; }

.secondary dd a:hover{ color:#000; }

.single-post h1, .single-post h2{ margin-top:0; }

.single-post img {
padding: 5px;
border: 1px solid #ccc;
margin: 5px;
}
/*-----------------------------------------------------------------------------------------------

Secondary Items

-----------------------------------------------------------------------------------------------*/

#secondary{
background:#fafafa;
padding:1px 2em;
border-top:2px solid #222D2D;
}

.comment-head{
border-bottom:1px solid #f3f3f3;
padding:0.8em 2em 1.0em 2em;
}

.comment-head h2{
font-size:1.5em;
margin:0;
}

.comment-head a{
text-decoration:none;
color:#868686;
}

.comment-head .details{
font-size:0.95em;
}

ol#comments{
list-style-type:none;
margin:2em 0;
}

ol#comments li{
list-style-type:none;
margin:2em 0;
}

#comments cite{
float:left;
width:31%;
font-style:normal;
text-align:right;
}

* html #comments cite{ width:30.6%; }

#comments cite span{
display:block;
}

#comments cite .author{ font-size:1.2em; }

#comments cite .author a{
text-decoration:none;
}

#comments cite .admin-tools{
margin:5px 0;
}

#comments cite .admin-tools a{
float:right;
margin:0 5px;
padding:0px 3px 3px;
background:#aaa;
border:1px solid #aaa;
text-decoration:none;
}

#primary .secondary .admin-tools{ margin:1em 0; }

#preview{
margin:1em 0;
padding:0.5em;
border:1px solid #333;
}

#preview p{ margin:1em 0 0 0; }

#errors{ color:#FF0000; font-weight:bold; }

#comments .pingback cite .author{
display:block;
padding-top:68px;
background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content{
float:left;
width:60%;
margin-left:1.9%;
border-left:1px solid #868686;
padding: 0 0 0 2%;
}

#comments .content p{
margin:0 0 1em 0;
}

#comments .content h3{
margin:0;
font-size:1em;
}

#comment-form{
margin:5em 0 5em 35.4%;
width:36em;
}

input.textfield{
width: 15em;
margin:5px 0;
color:#963;
}

textarea.commentbox{
width:28em;
height:10em;
padding:0.25em;
margin:5px 0;
font-size:1.25em;
font-family:Arial, Helvetica, sans-serif;
}

label.text{
position:relative;
left:0.5em;
top:-0.5em;
}

.formactions input.submit{ 
float:right; 
margin:1em 0 0 0;
padding:0 0.5em;
}

.formactions .spinner{
float:right;
margin:-8px -20px 0 0;
}

/*-----------------------------------------------------------------------------------------------

Ancillary Items

-----------------------------------------------------------------------------------------------*/
#ancillary{
padding:2em 0 0 0;	
}

#ancillary p{
color:#657575;
text-align:justify;
}

#ancillary a{
color:#fff;	
}

#ancillary a:hover{
color:#fff;
}

#ancillary h2, #ancillary h3{
font-size:1.3em;
color:#669ACC;
font-weight:normal;
font-variant:small-caps;
}

#ancillary .twice-length{ width:69%; }

#ancillary .thrice-length{ width:100%; }

* html #ancillary .block{
margin:0 0 0 15px;
}

#ancillary .first, * html #ancillary .first{
clear:both;
margin:0;
width:29%;
}

#ancillary .block-separator{
clear:both;
height:2.5em;
}

#ancillary .block h2, #ancillary .block h3{
margin:0;
background: url(images/doc.jpg) no-repeat left;
padding-left:20px;
}
/*recherche forme*/
#ancillary .block form {
padding:0;
margin:0;
color:#fff;
}
#ancillary .block form input{
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
background:#3E4F4F;
border:none;
padding:5px;
color:#fff;
}
#ancillary .block form input a:hover{
background:#fff;
}
#ancillary .block .dugme{
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
margin-left:20px;
padding-left:25px;
background:#222D2D url(images/lupa.jpg) no-repeat left center;
color:#669ACC;
font-variant:small-caps;
border:none;
cursor: pointer;
}
/*--*/
#ancillary .block{
float:left;
width: 29%;
margin:0 0 0 15px;
}
#ancillary .block ul li{
list-style-type:none;
display: inline;
margin:0;
padding: 0;
}
#ancillary .block ul li a{
border-bottom: 1px dotted #4E4D4D;
color: #fff;
cursor: pointer;
display: block;
text-decoration: none !important;
margin: 0;
padding:5px;
}
#ancillary .block ul li a:hover{
background: #3E4F4F;
color: #fff !important;
}
/*--*/
.sidebar ul{
list-style: none;
margin-bottom:20px;
padding:0;
}

.sidebar ul li{
display: inline;
margin:0;
padding: 0;
}
.sidebar ul li a{
border-bottom: 1px dotted #4E4D4D;
color: #fff;
cursor: pointer;
display: block;
text-decoration: none !important;
margin: 0;
padding:5px;
}

.sidebar ul li a:hover{
background: #3E4F4F;
color: #fff !important;
}

/*-----------------------------------------------------------------------------------------------
Foooter
-----------------------------------------------------------------------------------------------*/
#footer{
background:#1C2424 url(images/foter.jpg) no-repeat right top;
height:90px;
clear:both;
margin:0;
padding:0;
}

#footer .inside{
margin:0 auto;	
padding:0;
}

#footer p{
margin:0;
padding:0;
color:#95A60C;
}

#footer a{
text-decoration:none;
padding:3px;
color:#95A60C;
}

#footer a:hover{
text-decoration:none;
padding:3px;
color:#D5ED12;
background:#313B3D;
}

#footer p.copyright{
padding-top:10px;
font-size:100%;
}

#footer p.copyright2{
float:left;
font-size:90%;
letter-spacing:0px;
}
/*-----------------------------------------------------------------------------------------------

Live Search

-----------------------------------------------------------------------------------------------*/

#search input{ 
width:175px; 
font-size: 0.85em; 
background:#fff;
color:#963;
margin-top:2px;
}

.topnav {
list-style:none;
margin:0px auto 0 auto;
padding:5px;
text-align:left;
width:80%;
font:110%/140% "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: normal;
}

.topnav li {
list-style:none;
margin:0;
padding:5px;
display:inline;
}

.topnav li a {
color:#fff;
padding:5px;
text-decoration:none;
}

.topnav li a:hover, .topnav li.current_page_item a{
color:#B4C901;
padding:5px;
text-decoration:none;
background:#3E4F4F;
}

/*-----------------------------------------------------------------------------------------------

Folio Items

-----------------------------------------------------------------------------------------------*/

/* Folio Styles */
#fprimary .fprimary{
float:right;
width:60%;
}

#fprimary .fsecondary{
float:right;
width:30%;
margin-right:5%;
padding-top:0.65em;
display:inline;
}

* html #fprimary .fsecondary{ margin-right:4%; }

.fsecondary .featured p{
border-bottom:1px solid #ccc;
border-top: 1px solid #ccc;
padding:0.5em 0 0.6em 0;
line-height:1.5em;
margin:1em 0 0 0;
}

.fsecondary .featured dl{
margin:0 0;
border-bottom:1px solid #ccc;
padding:0.5em 0 0.6em 0;
}

.fsecondary dt{
display:inline;
margin:0;
padding:0;
color:#555;
}

.fsecondary dd{
display:inline;
margin:0;
padding:0;
}

.fsecondary dd a{ color:#222E2E; }

.fsecondary dd a:hover{ color:#000; }

.single-post h1, .single-post h2{ margin-top:0; }

.single-post img {
padding: 5px;
border: 1px solid #ccc;
margin: 5px;
}

/*-----------------------------------------------------------------------------------------------

Lightbox2.02

-----------------------------------------------------------------------------------------------*/

#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(wp-content/themes/UltraMinima/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { 
background: url(wp-content/themes/UltraMinima/images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
background: url(wp-content/themes/UltraMinima/images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData{
padding:0 10px;
}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
/*--------------------------------------------------------------------------------------

Heat Map

----------------------------------------------------------------------------------------*/
#content ul.heatmap {
margin:0;
padding:10px 0 30px 0;
}

#content ul.heatmap li {
margin:0;
padding:0;
display:inline;
}
/*--------------------------------------------------------------------------------------

FLICKr

----------------------------------------------------------------------------------------*/
.red {
color:#AA0000;
}
.blue{
color:#0063DC;
}
#flickr {
padding-top:10px;
margin-left:0;
width:100%;
background:transparent;
}
#flickr {
margin: 0;
padding-left:10px;
}
#flickr img {
width:65px;
height:65px;
padding: 3px;
margin:5px;
border: 1px solid #6699CC;
background:transparent;
}
#flickr a img {
border: 1px solid #6699CC;
background: transparent;
}
#flickr a:hover img {
background: transparent;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}
#flickr a:hover {border:0px } /* hack pour IE */
/*--404-*/
.erreur {
list-style:none;
margin:0px auto 0 auto;
padding:5px;
text-align:left;
width:100%;
font:110%/140% "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: normal;
}
.erreur li {
list-style:none;
margin:0;
padding:5px;
display:inline;
}
.erreur li a {
color:#669ACC;
padding:5px;
text-decoration:none;
font-weight:bold;
}
.erreur li a:hover{
color:#B4C901;
padding:5px;
text-decoration:none;
background:#3E4F4F;
}
/*--Panier--*/
.panier{
width:229px;
background:#fff url(images/paiement.jpg) no-repeat right bottom;
border:#ccc 0px dotted;
padding-bottom:40px;
}
.panie{    /*--titre panier--*/
font-size:130%;
font-weight:lighter;
color:#444;
font-variant:normal;
background:url(images/cart.jpg) no-repeat left center;
padding-left:25px;
margin-left:10px;
padding-right:5px;
}
.panier a{
color:#0088ee;
border-bottom:#fff 1px dotted;
}
.panier a:hover{
color:#0088ee;
border-bottom:#0088ee 1px dotted;
}
fieldset{
border:#ccc 1px solid;
margin:0;
padding:5px;
width:230px;
}
#primary .panier h2{}

/*--Mobile Tag--*/
.titltag{
font-size:130%;
letter-spacing:1px;
font-weight:lighter;
color:#669ACC;
font-variant:normal;
}
/*--list tag mobile--*/
.mobtag {
list-style:none;
font:95% "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}
.mobtag ul li{
margin:0;
padding:0;
list-style:none;
display:inline;
text-align:justify;
}
.mobtag ul{
padding-top:5px;
}
.mobtag a{
padding:3px;
color:#3D4F4F;
}
.mobtag a:hover{
color:#fff;
background:#669ACC;
}
/*----GALERIE TAG------*/
.titlgal{
font-size:130%;
font-weight:lighter;
color:#444;
font-variant:normal;
}
.titlgal a{
color:#669ACC;
padding:3px;
}
.titlgal a:hover{
background:#669ACC;
color:#fff;
}
/*---*/
.galtag {
list-style:none;
font:100% "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}
.galtag ul li{
margin:0;
padding:0;
list-style:none;
display:inline;
text-align:justify;
}
.galtag ul{
padding-top:5px;
}
.galtag a{
padding:3px;
color:#3D4F4F;
}
.galtag a:hover{
color:#fff;
background:#669ACC;
}
/*--Produits*/
.produit{
margin:0;
padding:0;
}
.produit li{
float:left;
display:inline;
}
.produit img {
padding: 3px;
margin:5px;
border: 1px solid #6699CC;
background: none;
}
.produit a img {
border: 1px solid #6699CC;
background: none;
}
.produit a:hover img {
border: 1px solid #444;
background: none;
}
.produit a:hover {border:0px } /* hack pour IE */