/* 
Theme Name: Flabellina
Theme URI: http://www.flabellina.com/
Description: Le theme de Flabellina.com
Version: 0.1
Author: Frederic Demarle
Author URI: http://www.flabellina.com
*/


/* Commun WP & PWG */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
  text-align: center;
  background: #000000;
  color: #FFFFFF;
  margin: 5px;
  }

h1, h2, h3, h4, p {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
  text-align: left; 
  }

ul {margin:0; padding: 0;}

a { text-decoration: none; border-bottom: none; color: #B0B0FF;}	
a:hover { text-decoration: none; border-bottom: none; color: #7070FF;}	

#container,
#the_page {
  margin: 0 auto;
  width: 964px;
  border: 1px solid #FFFFFF;
  padding: 3px;
  text-align: left; 
  background: #202020;
  position: relative;
  }
 
#theHeader {
  text-align:left;
  }
  
#theHeader h2 {
  position: absolute;
  visibility: hidden;
  }

#header a,
#theHeader a {
  display: block;
  background: url(http://www.flabellina.com/theme/lutjans968.jpg) no-repeat;
  border: 1px solid #000000; 
  height: 180px;
  margin: 5px;
  }

#header a span,
#theHeader a span {
  visibility: hidden;
  }

#nav {
  border: 1px solid #000000;
  background: url(http://www.flabellina.com/theme/h3bg.png);
  margin: 10px 5px 5px 5px;
  padding: 17px 0;
  }

#nav li {
  display:inline;
	list-style-type: none;
	}

#nav li a {
  margin-left: 10px;
	padding: 6px 10px;
 	}

#nav li a:hover {
  background: #202020;
  margin-left: 9px;
  border: 1px solid #000000;
  border-bottom: none;
  border-right: none;
  border: 1px solid none #000000;
 	}

/* search form */
#searchform {
  position: absolute;
	display: block;
  top: 211px;
  left: 730px;
  border: 1px solid #000000;
  border-bottom: none;
  border-right: none;
	background: url(http://www.flabellina.com/theme/searchbox.png) no-repeat;
	width: 212px;
	height: 20px;
	padding: 4px;
}

#searchform #s {
	background: none;
	border: 0px;
	width: 180px;
	float: left;
	margin-right: 2px;
	padding-left: 2px;
  color: #D0D0D0;
}

#searchform #searchsubmit {
  background: none;
  border: none;
  color: none;
	width: 28px;
	height: 28px;
	cursor: pointer;
	margin-top: -4px;
}

.post, #sidebar ul li, #subscribe, #footer, .ERR404,
#copyright, #theImage, .content {
  margin: 10px 5px 5px 5px;
  border: 1px solid #000000;
  padding-bottom: 10px;
  background: #535353;
  } 

#footer,
#copyright {
  padding-top: 10px;
  font-size: 8pt;
  clear: both;
  }

/* Coins arrondis */
#container, #header a, .post, #sidebar ul li, #subscribe, #footer, .ERR404, img, .toc, #wp_page_numbers, .gpPopup,
#the_page, #theHeader a, #theImage, .content, #theImage img, #copyright,
#nav, #nav li a:hover, #searchform {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  }

/* Specific WP */  
.ERR404 {
  padding: 10px;
  }
  
select {
  margin: 5px 10px;
  background-color: #D3D3D3;
  color: black;
  border: 1px solid gray;
}

select:focus {
  background-color: #F5F5F5;
}

.spacer {
  clear: both;
}

#content {
  width: 700px;
  float:left;
  text-align: justify;
  margin: -5px 0 5px 0;
  }
    
#content p {
  text-align: justify;
  }

#content br {
  line-height: 0;
  }

.post h1, .post h2, #sidebar h4 {
  font-size: 1.2em;
  background: url(http://www.flabellina.com/theme/h3bg.png);
  padding: 10px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -khtml-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  }
  
.entry {
  margin: 15px 20px;
 }

.entry h3 {
  font-size: 1em;
  font-weight: bold;
  padding-bottom: 8px;
  }

.entry p {
  margin: 8px 0;
  }
  
.entry ul {
  list-style-position: inside; 
  }

.entry ul li {
  margin-left: 20px;
  }

.info {
  padding: 0 10px;
  font-size: 8pt;
  }

/* images WP */
img {
  border: 4px solid white;
  }
 
/* alignement des images WP*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* tableaux */
table {
  border-collapse: collapse;
  width: 100%;
  }

th, td {
  border: 1px solid #A0A0A0;
  padding: 5px;
  font-size: 0.9em;
  }
  
th {
  font-weight: bold;
  }

/* sidebar */
#sidebar {
  margin: 0 0 5px 700px;
  }

#sidebar ul li {
  list-style-type: none;
}
  
#sidebar ul li li {
  border: 0;
  border-bottom: 1px solid #A0A0A0;
  margin: 5px 10px;
  padding: 0 0 2px 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  }

#subscribe {
  padding: 10px;
  }
  
#subscribe a {
  background: url(http://www.flabellina.com/theme/rss-feed.png) no-repeat;
  display: block;
  height: 16px;
  padding: 0 0 0 30px;
  color: #FFFFFF;
  }

/* Tag cloud */
.tagcloud {
  text-align: center;
  margin: 5px 10px;
}

.tagLevel12 { font-size: 19pt; color: #8282FF;}
.tagLevel11 { font-size: 18pt; color: #8C8CFF;}
.tagLevel10 { font-size: 17pt; color: #9696FF;}
.tagLevel9 { font-size: 16pt; color: #A0A0FF;}
.tagLevel8 { font-size: 15pt; color: #AAAAFF;}
.tagLevel7 { font-size: 14pt; color: #B4B4FF;}
.tagLevel6 { font-size: 13pt; color: #BEBEFF;}
.tagLevel5 { font-size: 12pt; color: #C8C8FF;} 
.tagLevel4 { font-size: 11pt; color: #D2D2FF;}
.tagLevel3 { font-size: 10pt; color: #DCDCFF;}
.tagLevel2 { font-size: 9pt; color: #E6E6FF;}
.tagLevel1 { font-size: 8pt; color: #F0F0FF;}

/* Polylang */
.lang-item img {
	border: none
}

/* Simple TOC */
.toc {
  float: right;
  background: #707070;
  margin: 0 0 10px 10px;
  border: 1px solid gray;
  }

.toc-header {
  padding: 5px 10px;
  display: block;
  color: white;  
  }

.toc ul {
  font-size: 8pt;
  list-style: none;
  margin: 0;
  padding: 0 0 5px 0;
  min-width: 180px;
  }

.toc ul li {
  border-bottom: 1px solid #A0A0A0;
  margin: 5px 10px;
  padding: 0 0 2px 0;
  }
  
div.toc li.toc-level-4 {
  margin-left: 20px;
}

.toc li.active a {
  color: #E0E0FF;
}

/* wp_page_numbers */
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 12px;
	font-family: Arial;
	color: white;
  }

#wp_page_numbers {
	margin: 10px 5px 5px 5px;
  background: #535353;
	border: 1px solid black;
  }
  
#wp_page_numbers ul {
	width: 100%;
  }

#wp_page_numbers ul li {
	margin: 0;
  }

#wp_page_numbers li {
	float: left;
	display: block;
  }

#wp_page_numbers a {
	padding: 6px 4px;
	display: block;
  }

#wp_page_numbers li a:hover {
	text-decoration: underline;
  }

#wp_page_numbers li.space {
	padding: 6px 8px;
  }

#wp_page_numbers li.first_last_page {
	font-style: italic;
  }

#wp_page_numbers li.active_page {
	background: black;
	padding: 6px 8px;
	color: white;
  }

#wp_page_numbers li.page_info {
	padding: 6px 10px;
	font-size: 11px;
  }

/* map-ign */
div#GeoportalView {
  width: 648px;
  height: 450px;
  }
        
table#GeoportalView_GpMap {
  border-collapse: separate; // corrige bug setInformationPanelVisibility(false)
  }
  
.gpLayerSpanClass {
  font-size: 110%;
  }

.gpPopup {  
  color: black;
  padding: 5px;
  }

.gpPopup h3 {
  font-size: 1.2em;
  }

/* YARPP */
#related {
  font-size: 8pt;
}

#related h4 {
  border-top: 1px solid #A0A0A0;
  padding-top: 10px;  
  margin: 10px;
  }

#related ul {
  list-style: none;
  margin: 10px 10px 0 10px;
  }

#related ul li {
  margin: 5px 10px;
  padding: 0 0 2px 0;
  }

/* Contact form 7 */
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

/* thumbnails piwigo */

ul.thumbnails {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;	/* to center the whole collection */
}

ul.thumbnails li {
	display: inline;
  }

UL.thumbnails SPAN.wrap1 {
	margin: 0 5px 5px 5px;
	display: table-cell; display: inline-table;
	display: inline-block;/* Why 3 display option ??? */
	vertical-align: top;	/* OK with Opera and IE6 not Geko */
	text-align: center;		/* to center the thumbnail and legend in Geko/Opera */
}

UL.thumbnails SPAN.wrap2 {
	margin: 0;			/* important reset the margins */
	display: table-cell;/* block prevents vertical-align here */
	vertical-align: middle;/* Ok with Opera and Geko not IE6 */
	border: 1px solid #aaaaaa;	/* thumbnails border color and style */
	border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
  -moz-border-radius: 4px 4px;

  height: 140px;
  width: 140px;
  }

ul.thumbnails SPAN.wrap2:hover {
	background-color: #c0c0c0;
	color: black;
	}

/*
UL.thumbnails SPAN.wrap A {
	display: block;
	border-bottom: none;
}
*/

ul.thumbnails img {
	margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
	border: none;
}