/*
Theme Name: Pablo
Theme URI: http://www.mialma.org/
Description: Child Theme for Thematic 
Author: Michael Foussard
Author URI: http://michael.foussard.free.fr/
Template: thematic
Version: 1.5
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
 
@import url('../thematic/style.css');
/* Apply basic typography styles */
@import url('../thematic/library/styles/21px.css');

/* =Global Elements
-------------------------------------------------------------- */ 
body{
	background:url(img/fond.jpg);
}
body, input, textarea {
    font: 14px Georgia, serif;
    line-height:21px;
}

#wrapper {
    border-top:none;
   background:url(img/ombre_haut.jpg) repeat-x; 
}
#main {
	background:url(img/cracks.png) 500px 500px no-repeat;
}

a:link, a:visited {
    color:#a9192d;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
	color:#a9192d;
	text-decoration:underline;
}

/* =Header
-------------------------------------------------------------- */
#header {
    background:transparent;
}

#branding{
	 height:120px;
}

#blog-title a {
    display:block;
    width:355px;
    height:142px;
    background:url(img/logo_rouge02.png) no-repeat top;
    text-indent:-9000px;
    position:absolute;
    top:10px;
    z-index:10;
}
#blog-title a:hover {
    background-position:bottom;
}
#blog-description {
	display:block;
	text-indent:-9000px;
	position:absolute;
	width:150px;
	height:60px;
	top:95px;
	left:575px;
	background:url(img/description.png) no-repeat top;
}
/* =Menu
-------------------------------------------------------------- */
#access{
	border-bottom:none;
}

.sf-menu {
   border-right:none;
	float:right;
	font-family:"Arial Black", arial, verdana, sans-serif;
	font-weight:bold;
}
.sf-menu a {
	border-left:1px solid #e3dec3;
	border-top:none;
	border-bottom:none;
	padding:9px 10px;
	width:100px;	
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#f2f0de;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#333;
}
.sf-menu li {
	background:		#f2f0de;
}
.sf-menu li li {
	background:		#f2f0de;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #fafafa;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}

/* =Accroche
-------------------------------------------------------------- */
#accroche {
	width:960px;
   margin:0 auto;    
   clear:both;
   padding:22px 0;
}

#accroche p{
	margin:0 10px;
	font-size:25px;
	color:#3e0e10;
	line-height:26px;
}

/* =Barre latérale
-------------------------------------------------------------- */
.main-aside{
	background:#3f0e11;
	color:#fff;
}
.main-aside img.album{
	width:100px;
	height:100px;
	border:5px solid #fff;
}
.main-aside .extraitsalbum a{
	display:block;
	margin-left:120px;
	margin-bottom:40px;
	background:url(img/extraits.png) no-repeat top;	
	width:140px;	
	height:40px;
	text-indent:-9000px;
}
.main-aside .extraitsalbum a:hover{
	background:url(img/extraits.png) no-repeat bottom;	
	width:140px;	
	height:40px;
}
.main-aside .acheteralbum a{
	display:block;
	margin:5px 0 20px 120px;
	background:url(img/acheter.png) no-repeat top;	
	width:140px;	
	height:40px;
	text-indent:-9000px;
}
.main-aside .acheteralbum a:hover{
	background:url(img/acheter.png) no-repeat bottom;	
	width:140px;	
	height:40px;
}

.main-aside h3{
	font-style:normal;
	font-size:32px;
	font-weight:bold;
	line-height:32px;
	color:#916524;
}
.main-aside ul ul {
   list-style:none;
   margin-bottom:22px;
}
.main-aside ul ul li {
   padding:1px 0;
}
.main-aside ul ul li a{
   color:#fff;
   text-decoration:none;
}
.main-aside ul ul li a:hover{
	color:#fff;
   text-decoration:underline;
}

#primary p {
	border:none;
	font-style:italic;
	font-size:0.9em;
}

#secondary{
	padding:18px 0 0 0;
}
#upcoming-events{}
#upcoming-events a{
	display:block;
	height:2em;
	padding:2px 0;
	font-weight:normal;
}
#upcoming-events a:hover{
	text-decoration:none;
}	
#upcoming-events ul.ec3_events{
	border:none;
}
#upcoming-events ul.ec3_events li:hover{
	background:#a9192d;
}
#upcoming-events ul.ec3_events li.ec3_list_day{
	color:#fff;
}
#upcoming-events ul.ec3_events li.ec3_list{
	min-height:70px;
	border-bottom:1px solid #916524;
}

/* =Contenu
-------------------------------------------------------------- */
	/* =Zone de widgets
	-------------------------------------------------------------- */
	#content .aside {
   	border:none;
    	margin:0 0 22px 0;
    	padding:0;
	}
	#content .aside ul {
   	padding:0;
	}
	
	.entry-title a {
   	color:#a9192d;
   	text-decoration:none;
	}
	.entry-title a:active,
	.entry-title a:hover {
		background:#a9192d;    		
   	color: #fff;
	}	
	.entry-meta {
   	color:#333;
   	font-size:13px;
   	font-style:italic;
   	line-height:18px;
   	text-align:right;
	}
	.entry-meta .author {
	}
	.entry-meta .n {
   	font-size:11px;
   	font-style:normal;
   	letter-spacing:0.05em;
   	text-transform:normal;
	}
	.entry-meta a {
   	color:#a9192d;
   	text-decoration:none;
	}
	.entry-meta a:active,
	.entry-meta a:hover {
   	color:#a9192d;
   	border-bottom:1px dotted #a9192d;
	}
	.entry-meta abbr {
   	border:none;
   	cursor:text;
   	font-size:11px;
   	font-style:normal;
   	letter-spacing:0.05em;
   	text-transform:uppercase;
	}
		/* =Index-top
		-------------------------------------------------------------- */	
		#index-top{
			background:url(img/fond.jpg);
			height:320px;
		}
		#index-top p{
			font-style:italic;
			font-size:18px;
			line-height:18px;
			margin-bottom:22px;
			vertical-align:middle;
		}
		#index-top img{
			width:310px;
			height:310px;
		}
		ul.groupe {
			color:#a9192d;
			text-align:center;
		}
		ul.groupe li{
			font-style:normal;
			font-size:24px;
			list-style:none;
			margin-bottom:22px;
		}
		ul.groupe li span{
			font-style:italic;
			font-size:14px;
		}
		/* =Index-insert
		-------------------------------------------------------------- */
		#index-insert{
			background:#3f0e11;
			color:#fff;
		}
	/* =Actualité
	-------------------------------------------------------------- */		
	#actu{
		background:url(img/divider1.png) no-repeat top center;	
		padding: 0 10px;
	}
	#actu h1{
		font-size:40px;
		line-height:40px;
		font-weight:bold;
		font-style:italic;
		color:#3f0e11;
		border-bottom:1px solid #3f0e11;
		margin-bottom:10px;
	}
	.p1{
		min-height: 300px;
	}
	.p2, .p3, .p4, .p5{
		min-height:90px;
		border-bottom:1px dotted #3f0e11;
		margin-bottom:10px;
	}
	.lead-thumbnail, .lead-thumbnail img {
		display:block;
		width:220px;
		height:220px;
		float:left;
		margin-right:20px;
	}
	.list-thumbnail {
		display:block;
		width:100px;
		height:100px;
		float:left;
		margin-right:20px;
	}
	.list-thumbnail img{
		width:100px;
		height:100px;
		margin-right:20px;	
	}
	.list-posts{
		width:400px;
		float:right;
	}
	.list-posts h2{
		font-size:1em;
	}
	.list-posts .entry-meta{
		display:none;	
	}	
	.more-link {		
		margin-bottom:20px;	
		height:40px;
	}
	.more-link a{
		display:block;
		width: 120px;
		height:32px;
		font-size:0.9em;
		float:right;
		text-align:center;
		padding: 8px 0 0 0; 
		font-family: arial,sans-serif;
		font-weight:bold; 
		color:#FAFAFA;
		text-decoration:none;
		 
	}
	.more-link a:link, .more-link a:visited{
		background:url(img/read.png) 0 0 no-repeat;
		margin:0;
	}
	.more-link a:hover{
		background:url(img/read.png) 0px -40px no-repeat;
	}
	
	.entry-content h3{}
	.entry-content h3 span{
		font-family:Arial,sans-serif;
		font-size:0.9em;
		color:#666;	
	}	
	
	table.ec3_schedule tbody,
	table.ec3_schedule tbody tr{
		border:none;
	} 
	table.ec3_schedule tbody tr td{
		font-size:2em;
		border:none;
	}




#respond{
	background:transparent;
}
/* =Footer
-------------------------------------------------------------- */

#footer {
    border-top:none;
    background:#3F0E11;
}
#footer #siteinfo {color:#F5E9CF;}

/* =PageNavi
-------------------------------------------------------------- */

/* Use !important to override PageNavi CSS */

.wp-pagenavi {
    margin:0 0 0 0;
    line-height:36px;
    float:right;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color:#333333 !important;
    background:#e3dec3 !important;
    border:1px solid #333333 !important;
}
.wp-pagenavi a:hover {
    background:#a9192d !important;
    color:#fff !important;	
}
.wp-pagenavi span.pages {
	background:transparent !important;
    margin-left:0 !important;
    padding-left:0 !important;
}
.wp-pagenavi span.current {
    background:#a9192d !important;
    border:1px solid #a9192d !important;
    color:#ffffff !important;	    
}
.wp-pagenavi span.extend {
    margin:0 !important;
}




.alignleft, .align-left, .alignleft a, .align-left a{
	display:block;
  	float: left;
	margin:0 20px 18px 0;
}
.alignright, .align-right, .alignright a, .align-right a {
	display: block;
	float: right;
	margin:0 0 18px 20px;
}
.center, .center a {
	margin: 0 auto;
	display: block;
	float: none;
	clear: both;
}



/* =Gallery
-------------------------------------------------------------- */
.gallery {
	display: block;
	clear: left;
	overflow: hidden;
	margin: auto;
	}
	
.gallery-item {
    float: left;
    margin: 10px 0 0 0;
    padding:0;
    text-align: center;
    width: 33%;
}
.gallery-icon{
}
.gallery img{
}

.gallery-item img, .gallery-item img.thumbnail { max-width: 89%; height: auto; padding: 1%; margin: 0 auto; }


/* Image sizes depending on the number of columns 
.col-1 { width: 50%; }
.col-2 { width: 33%; }
.col-3 { width: 25%; }
.col-4 { width: 20%; }
.col-5 { width: 16.5%; }
.col-6 { width: 14%; }
.col-7 { width: 12.4%; }
.col-8 { width: 11%; }
.col-9 { width: 10%; }
.col-10 { width: 9%; }
.col-11 { width: 8.33%; }
.col-12 { width: 7.6%; }
.col-13 { width: 7.1%; }
.col-14 { width: 6.66%; }
.col-15 { width: 6.25%; }
.col-16 { width: 5.83%; }
.col-17 { width: 5.55%; }
.col-18 { width: 5.25%; }
.col-19 { width: 4.95%; }
.col-20 { width: 4.5%; }*/

.gallery-caption {
	margin-left: 0;
	}

.wp-caption-text {font-family: "lucida sans unicode", "lucida grande", verdana, arial, helvetica, sans-serif; font-weight:bold; font-size:1.2em; color:#666;}
.clear { clear: both; height: 0; }

/* =footnotes */
.footnotes {margin-left:60px;}
h3.footnotes-title {color:#666; margin-top:2em; font-family: "lucida sans unicode", "lucida grande", verdana, arial, helvetica, sans-serif;}
ol.footnotes {font-family:Georgia, Times, serif;}
li.footnote {font-size:0.9em;border-top:1px dotted #bfba8b;margin:0.5em 0;}

ul.socials {}

ul.socials li {
	display:inline-block;
	float:left;
	list-style-type:none;
	margin:0 2px 0 0;
	height:29px;
	width:50px;
	cursor:pointer;
}

ul.socials a {
	display:block;
	width:50px;
	height:29px;
	font-size:0;
	color:transparent;
	
}

.furl, .furl:hover, .digg, .digg:hover, .reddit, .reddit:hover, .stumble, .stumble:hover, .delicious, .delicious:hover, .yahoo, .yahoo:hover, .blinklist, .blinklist:hover, .technorati, .technorati:hover, .facebook, .facebook:hover, .flickr, .flickr:hover, .myspace, .myspace:hover, .mixx, .mixx:hover, .script-style, .script-style:hover, .designfloat, .designfloat:hover, .rss, .rss:hover  {
	background:url('img/sprite-trans.png') no-repeat;
}

.furl {
	background-position:-300px top;
}
.furl:hover {
	background-position:-300px bottom;
}
.digg {
	background-position:-500px top;
}
.digg:hover {
	background-position:-500px bottom;
}
.reddit {
	background-position:-100px top;
} 
.reddit:hover {
	background-position:-100px bottom;
}
.stumble {
	background-position:-50px top;
}
.stumble:hover {
	background-position:-50px bottom;
}
.delicious {
	background-position:left top;
}
.delicious:hover {
	background-position:left bottom;
}
.yahoo {
	background-position:-650px top;
}
.yahoo:hover {
	background-position:-650px bottom;
}
.blinklist {
	background-position:-600px top;
}
.blinklist:hover {
	background-position:-600px bottom;
}
.technorati {
	background-position:-700px top;
}
.technorati:hover {
	background-position:-700px bottom;
}
.myspace {
	background-position:-200px top;
}
.myspace:hover {
	background-position:-200px bottom;
}
.flickr {
	background-position:-350px top;
}
.flickr:hover {
	background-position:-350px bottom;
}
.facebook {
	background-position:-450px top;
}
.facebook:hover {
	background-position:-450px bottom;
}
.mixx {
	background-position:-250px top;
}
.mixx:hover {
	background-position:-250px bottom;
}
.rss {
	background-position:-150px top;
}
.rss:hover {
	background-position:-150px bottom;
}
.script-style {
	background-position:-400px top;
}
.script-style:hover {
	background-position:-400px bottom;
}
.designfloat {
	background-position:-550px top;
}
.designfloat:hover {
	background-position:-550px bottom;
}