/*  
Theme Name: etoile magazine
Theme URI: http://www.rfpublicite.fr/
Description: A magazine-style theme for WordPress based on Arun Kale theme.
Version: 1.0
Author: Cyril Kasparian
Author URI: http://www.rfpublicite.fr/

*/

/* --------------------------------------------------------------   
   This theme makes use of the Blueprint CSS Framework    
-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/compressed.css";
/* End import/hide */

/* Masquer la rubrique en cours avant publication 
#nav li li.cat-item-11 { display: none}*/

/* Start etoile-magazine stylesheet
-------------------------------------------------------------- */
body {background: #aa9d87; color: #71503f;}
.container { background-color: #fff; border: 1px solid #786f63; border-top: none}
.nospace { margin-bottom: 0;}

.article {border:1px solid #aa9d87;width: auto; background: #fff url(images/site/bkg_etoile.gif) no-repeat left bottom;}
.article h3 {background: #fff; margin: 0; line-height: normal; font-size: 1em}
.post p { text-align: justify; margin-right: 10px;}
.edito h3 img {margin-bottom: 6px;}

a {color: #bc2b16}
a.etoile  {background: url(images/site/ico_link.gif) no-repeat right 0.2em; width: auto; display: block; margin-bottom: 0.25em;padding-right: 16px}
.right { text-align: right}

.edit { border-top: 1px solid #bc2b16; padding: 6px; padding-left: 20px; background: url(images/site/page_white_edit.png) no-repeat 0 center;}



#footer { text-align: center; font-size:.8em; line-height: normal; padding-top: 6px; color: #fff}
#footer a { color: #fff}

#ad-banner {text-align: right;padding-top: 30px}
#ad {text-align: right}

.box-wrapper {border: 6px solid #fff;min-height: 310px; }
.box-wrapper { background-repeat: no-repeat; background-position:  0 0;border-color: #fff; }
#home .box-wrapper {	background-image: url(images/visuels/visuel-home.jpg);}

#myedito { color: #fff;padding: 6px; background: url(images/site/pix_red.png); min-height: 298px; margin-bottom: 0}
#myedito h4 a {color: #fff; text-decoration: none }
#myedito ul { list-style-type: none;}
#myedito a.etoile:link, #myedito a.etoile:visited, #myedito a.etoile:active, #myedito a.etoile:hover {background: url(images/site/ico_link-white-trans.png) no-repeat right 0; color: #fff; text-align:right}

#myedito p { text-align: left;}
#myedito li { background-image: none;}

#home .titre { display: block; margin-bottom: 0.25em; color: #bc2b16}
.content {width: 340px}

img.border {border: 1px solid #786f63;}
ul {list-style-type: none; margin-left: 0.35em;}
ul li {background: transparent url(images/site/bullet.gif) no-repeat 0 0.375em; padding-left: 7px; }

.actu img {float:left;margin:1.25em 1.25em 1.25em 0;padding:0;}
.actu img.top {margin-top: 0}
.actu img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

.actu h4, .content h4 { background: url(images/site/bkg_titre-article.gif) no-repeat; padding: 4px 0 0 42px; font-size: 1em; height: auto}
.actu h4 a {color: #bc2b16; text-decoration:none}
.actu p, .actu ul { padding-left: 5px}

h3.cat-title { background: #fff url(images/site/tit_magazine.gif); background-repeat: no-repeat;  min-height: 27px;color: #fff;padding: 0.925em 12px 0 0; text-align: right;margin: 0; }
.post {/*background: url(images/site/bkg_separate.gif) repeat-x bottom;*/ padding-bottom: 1em;}

h5 { margin: 1.5em 0 0.5em;}
h6 { text-indent: -30px; margin-left: 32px; margin-top: 0.25em; color: #222;}
.num { font: normal 1.6em georgia, serif;  font-style: italic;}
.les-pages { font-weight: normal; color: #71503f; text-transform: uppercase}

.alt {color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.2em;line-height:1%;font-style:italic;}

.post blockquote { color: #bc2b16; font: normal 1.2em georgia, serif;  font-style: italic; margin-right: 0; width: 90% }
.post blockquote p { text-align: left; line-height: 1.25em; }

#col-left p img,#sidebar p img {float: none; margin: 0; padding: 0}
#sidebar p { margin: 0 0 0.5em}

.sommaire li {line-height: 1.5em}

.abonnement { background: url(images/site/bkg_etoile-abonnement.gif) no-repeat right bottom;}

.annonce img {float:left;margin:0 1.25em 0 0;padding: 0;}
.annonce { text-align: center; color: #bc2b16;padding-left: 16px; margin: 0 }
#ad-michelin { text-align: right;}

.navigation {
	margin-top: 3em;
}
.navigation .suiv {
	float: right;
}

.alignleft { float: left; margin: 0 1em 0.25em 0;}
.alignright { float: right; margin: 0 0 1em 0.25em;}

/* Header Form Search */
.header form fieldset {margin: 0; padding: 0; border: none; text-align: right}
.header form label {font-weight: normal; color: #fff}
.header form input.querytext {width: 190px; border:1px solid #fff; font-family: inherit;}

/* Header Nav */

.navbar {width: 949px;float: left;background:#fff url(images/site/bg.gif) repeat-x bottom;padding: 0 0 5px 0;border-left: 1px solid #fff;padding-right: 1px}
#nav {  line-height:normal; }
#nav ul, #nav ul.children {
  padding: 0;
  margin: 0;
  list-style:none;
  }
#nav li {
  float:left;
  background:url(images/site/left_both.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  text-align: center;
  }
#nav li.cat-item-3 a { padding-left: 18px;}
#nav a {
  float:left;
  display:block;
  width:.1em;
  background:url(images/site/right_both.gif) no-repeat right top;
  padding:5px 17px 4px 8px;
  text-decoration:none;
  color:#fff;
  white-space:nowrap;
  }
#nav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
  color:#fff;
  }
#nav li.current-cat,
#cat1 li.cat-item-3,
#cat3 li.cat-item-3
{  background-position:0 -150px;  }

#nav .current-cat a,
#cat1 .cat-item-3 a, 
#cat3 .cat-item-3 a
{  background-position:100% -150px;
  color:#efefef;
}

#nav li:hover, #nav li:hover a {
  background-position:0% -150px;
  color:#efefef;
  }
#nav li:hover a {
  background-position:100% -150px;
  }	
/* Dropdown Menu */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #fff;
}

#nav li li {
	width: 172px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align:left;
}

#nav li li a,#nav li li a:visited{
	font-weight:normal;
	font-size:0.9em;
	color:#fff;
}

#nav li li a:hover,#nav li li a:active{
	color:#efefef;
}	

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{
	left: auto;
}