/*
Theme Name: Madame Lune
Theme URI: http://laurent.houdard.info/
Author: Laurent Houdard
Author URI: http://laurent.houdard.info/
Version: 1.19
License: (c) 2012 Madame Lune
*/

/* CSS Reset ---------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:afterh, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
small { font-size: 85%; }
strong, b, th { font-weight: bold; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

img { display: block; }

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

body {
  font: 13px/17px Helvetica,Arial,sans-serif;
  color: #333;
}

a {
  color: #000;
  text-decoration: underline;
}

.clearfix { 
  clear: both;
}

#page {
  margin: 0 auto;
  width: 960px;
}

#page-header {
  height: 175px;
  margin-top: 53px;
  position: relative;
  margin: 35px 10px 10px 10px;
}

#page-header .blog-name {
  position: absolute;
  top: 0;
  left: 0;
}

#page-header .blog-name a { 
  display: block;
  width: 171px;
  height: 159px;
  background: url("images/madame-lune.png") no-repeat 0 0;
}

#page-header .blog-name a span { 
  display: none;
}

#nav-main {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 171px;
  text-align: right;
}

#nav-main ul {
  display: block;
  margin: 0;
}

#nav-main li { 
  display: inline-block;
  margin-left: 5%;
  vertical-align: bottom;
}

#nav-main a { 
  display: block;
  height: 75px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-bottom: 2px solid #333;
}

#nav-main a span { 
  display: none;
}

#nav-main .menu-item.home a { 
  width: 119px;
  background-image: url("images/ML_1danslalune.png");
}

#nav-main .menu-item.artistes a { 
  width: 106px;
  background-image: url("images/ML_2spectacles.png");
}

#nav-main .menu-item.festival a { 
  width: 107px;
  background-image: url("images/ML_3itwlunaires.png");
}

#nav-main .menu-item.creations a { 
  width: 111px;
  background-image: url("images/ML_4filmslunaires.png");
}

#nav-main .menu-item.blog a { 
  width: 63px;
  background-image: url("images/ML_5textes.png");
}

#page-footer { 
  margin: 20px 10px 40px 10px;
}

#nav-footer {
  text-align: right;
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 8px;
  line-height: 16px;
  border-top: 1px solid #d0ccce;
}

body.home #nav-footer { 
  border-top: 0;
}

#nav-footer ul { 
  margin: 0;
}

#nav-footer li { 
  display: inline-block;
  margin-left: 1em;
  margin-top: 4px;
}

#nav-footer a {
  text-decoration: none;
  color: #333;
}

#nav-footer a:hover { 
  color: #000;
  text-decoration: underline;
}

#nav-footer .menu-item.films-lunaires { 
  float: left;
  margin-left: 0;
  margin-top: 0;
}

#nav-footer .menu-item.films-lunaires a {
  display: block;
  width: 164px;
  height: 34px;
  background: url("images/menu-films-lunaires.png") no-repeat 0 0;
}

#nav-footer .menu-item.films-lunaires a span {
  display: none;
}

#nav-footer-menu { 
  text-align: center;
  background: #d0ccce;
  text-transform: uppercase;
}

#nav-footer-menu table {
  width: 100%;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 0;
}

#nav-footer-menu td { 
  text-align: center;
  padding: 0 13px;
}

#nav-footer-menu td.first {
  text-align: left;
}

#nav-footer-menu td.last {
  text-align: right;
}

#nav-footer-menu li { 
  display: inline-block;
  margin: 0 1em;
}

#nav-footer-menu a {
  text-decoration: none;
}

#nav-footer-menu a:hover { 
  text-decoration: underline;
}

#page-content {
  position: relative;
  margin: 10px 0;
}

#page-content h1 { 
  background: #111;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  padding: 8px 1em;
  margin: 20px 10px 10px 10px;
}

#page-content h2 { 
  text-transform: uppercase;
  margin: 10px 0;
  color: #000;
}

#page-content h3 { 
  margin: 10px 0;
  color: #777;
}

#page-content p { 
  margin: 10px 0;
}

#blog-content {
  float: right;
  width: 600px;
  margin: 0 10px;
}

#blog-content .post { 
  border-top: 2px solid black;
  margin: 10px 0 40px 0;
}

#blog-sidebar {
  margin: 10px;
  width: 200px;
  float: left;
  text-align: right;
  border-right: 2px solid #689ac2;
  padding-right: 10px;
}

.figure { 
  display: inline;
  float: left;
  position: relative;
  margin: 10px;
}

.figure a {  
  display: block;
}

.figure img { 
  display: block;
}

.figure-caption { 
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  background: #1a171b;
  background: rgba(26,23,27,0.85);
  line-height: 16px;
  padding: 8px 1em;
}

.post { 
  text-align: justify;
  margin: 20px 10px 10px 10px;
}

.post.has-thumbnail { 
  margin-left: 550px;
}

.post-thumbnail { 
  width: 540px;
  float: left;
}

/* Couleurs menus / bandeau / liens */

#nav-main .menu-item.home a {
  border-color: #8d92a4;
}
#nav-main .menu-item.artistes a {
  border-color: #e2007a;
}
#nav-main .menu-item.festival a {
  border-color: #6e0154;
}
#nav-main .menu-item.creations a {
  border-color: #bf1120;
}
#nav-main .menu-item.blog a {
  border-color: #689ac2;
}

#page-content h1 { 
  background-color: #8d92a4;
}
body.artistes-et-productions #page-content h1 {
  background-color: #e2007a;
}
body.festival-les-rendez-vous-de-la-lune #page-content h1 {
  background-color: #6e0154;
}
body.creations-ephemeres #page-content h1 {
  background-color: #bf1120;
}
body.category-blog #page-content h1 {
  background-color: #689ac2;
}

/*
body.artistes-et-productions #page-content a,
body.festival-les-rendez-vous-de-la-lune #page-content a,
body.creations-ephemeres #page-content a,
body.category-blog #page-content a { 
  text-decoration: none;
}

body.artistes-et-productions #page-content a:hover,
body.festival-les-rendez-vous-de-la-lune #page-content a:hover,
body.creations-ephemeres #page-content a:hover,
body.category-blog #page-content a:hover { 
  text-decoration: underline;
}
*/

#page-content a { 
  text-decoration: none;
}
#page-content a:hover {  
  text-decoration: underline;
}

#page-content a { 
  color: #8d92a4;
}

body.artistes-et-productions #page-content a {
  color: #e2007a;
}
body.festival-les-rendez-vous-de-la-lune #page-content a {
  color: #6e0154;
}
body.creations-ephemeres #page-content a {
  color: #bf1120;
}
body.category-blog #page-content a {
  color: #689ac2;
}
body.category-blog #page-content h2 a {
  color: #000;
}

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

blockquote { 
  margin: 0 2em;
  font-style: italic;
}

ul, ol {
  margin: 0 0 20px 2em;
}
ul {
  list-style: square;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}
dl {
  margin: 0 20px;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 20px;
}
strong {
  font-weight: bold;
}
cite, em, i {
  font-style: italic;
}
sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}

a:focus,
a:active,
a:hover {
  text-decoration: underline;
}

.widget-area ul { 
  margin: 0;
}

.widget-area li { 
  list-style: none;
}

.widget-area h3 {
  text-transform: uppercase;
  color: #000;
  margin: 10px 0;
}

.widget-area ul ul {
  margin-left: 0;
}

.widget-area ul ul li {
  list-style: none;
  color: #689ac2;
  margin: 10px 0;
}

body.category-blog #page-content .widget-area a {
  color: #000;
}

.widget-area ul ul li:before {
  content: ">> ";
}

dl.gallery-item {
  margin: 0;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  color: #666;
  font-size: 12px;
}
.wp-caption .wp-caption-text {
  margin-bottom: 0.6em;
  padding: 10px 0 5px 40px;
  position: relative;
}
.wp-caption .wp-caption-text:before {
  color: #666;
  content: '\2014';
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: 7px;
}
.post .gallery {
  margin: 0 auto 20px;
}
.post .gallery a img {
  border: none;
}

.post .post-date { 
  display: block;
  color: #000;
  border-top: 2px solid #000;
  width: 90px;
  float: left;
  margin-left: -90px;
  position: relative;
  top: -2px;
  text-transform: uppercase;
  padding-top: 10px;
}

.post .post-date span { 
  display: block;
  text-align: center;
}

.post .post-date .j { font-size: 28px; line-height: 28px; }
.post .post-date .m { font-weight: bold; }

#page-content .festival-list {
  margin: 10px -10px;
  text-align: left;
}

#page-content .thumbnail {
  width: 300px;
  margin: 20px 10px;
  float: left;
}

#page-content .thumbnail img { 
  float: left;
}

#page-content .thumbnail-content { 
  margin-left: 154px;
}

#page-content .thumbnail h2 {
  text-transform: none;
  line-height: 18px;
  font-size: 16px;
  margin-left: 154px;
  margin-top: 0;
}

body #page-content .thumbnail h2 a {
  color: #000;
}

.submenu { 
  position: absolute;
  top: 0;
  right: 10px;
  padding: 8px 1em;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}

.submenu a { 
  margin-left: 1em;
}

body #page-content .submenu a,
body #page-content h1 a.home { 
  color: #fff;
  text-decoration: none;
}

.slider {  
  position: relative;
  height: 520px;
}

.slider .figure { 
  float: none;
  display: block;
  position: absolute;
  top: 0;
}