/*
Theme Name: Tsuneko
Theme URI: http://tsuneko.taniuchi.fr
Description: simple colourful
Author: U. Uhlig
Author URI: http://www.curlybracket.net
*/

* {
	margin: 0;
	padding: 0;
}

html {
		background: #333;
}

body {
	    font: 13px Arial, Liberation Sans, sans-serif;
	    color: #333;
		text-align: center;
		background: #fff;
}

img {
		border: none;
}

a:hover img {
		opacity: 0.8;
}

hr {
		visibility: hidden;
		clear: both;
}

a {
		color: #444444;
		text-decoration: none;
}

.entry a, .homebox a {
	    font-family: Arial, Liberation Sans, sans-serif;
		font-size: 11px;
	    text-transform: uppercase;
		background: url(images/link.png) bottom left repeat-x;
}

a:hover {
		color: #111;
}

#header a, #sidebar a {
		background: none;
		padding; 0;
}

blockquote {
		margin: 1em 0;
		padding: 0.5em 1em 0.2em;
		background: #f7f7f7;
		border-top: 1px solid hotpink;
		/*clear: both;*/
		overflow: hidden;
}

.alignright {
		float: right;
		margin-left: 1.2em;
}

.alignleft {
		float: left;
		margin-right: 1.2em;
}

.clear {
		clear: both;
}

.wp-caption-text {
		font-size: 0.8em !important;
		margin: 0 !important;
		padding: 0 !important;
		font-style: italic;
		text-align: center;
}
/*************************************
* Structure
*************************************/
#wrap {
		text-align: left;
		overflow: hidden;
}

#header {
		position: relative;
		background: #222;
		border-bottom: 1px solid deepPink;
}

#header h1 {
	font-size: 1.1em;
	padding: 0.5em 0 0.3em 2.8em;
	font-weight: normal;
    text-transform: uppercase;
}

#header h1 a {
	color: #ddd;
    text-shadow: 0 0 3px #ddd;
}

#header h1 a:hover {
	color: #fff;
        text-shadow: 0 0 3px #fff;
}
/*************************************
* Sidebar
*************************************/

#sidebar {
		background: #333;
		padding: 0.4em 3em;
        border-bottom: 1px solid #222;
        position: relative;
		overflow: hidden;
}

.sidebar {
		list-style: none;
}

.sidebar li a, .toggle {
		color: #ddd;
        text-shadow: 0 0 4px #ddd;
}
.sidebar li a:hover, .toggle:hover {
        color: #fff;
        text-shadow: 0 0 4px #fff;
}
li.current-cat a, li.current_page_item a, .active {
        color: deeppink !important;
        font-weight: bold;
        text-shadow: none;
}
li.current-cat li a, li.current_page_item li a {
        color: #ddd;
        font-weight: normal;
}
.sidebar li {
		margin-bottom: 0.2em;
		margin-right: 0.6em;
		display: inline;
		text-transform: uppercase;
		font-size: 0.9em;
}

.sidebar li a, #toggle-m-list {
		padding: 0 0.2em;
}

.sidebar li.current_page_item ul li a {
		font-weight: normal;
}

.toggle {
	cursor: pointer;
}

.subpages { /* fixme only JS */
	/*display: none; //done in JS in header.php*/
    list-style: none;
    margin-top: 1em;
}

.subpages li a {
	margin-bottom: 0.2em;
	display: block;
    color: #bbb;
}

.subpages a:hover {
    color: #fff;
}

.subpages li li {
	display: none;
}
.subpages li:hover li {
	display: block;
}
.subpages li li a {
	padding-left: 2em;
}

#children {
	background: #343434;
	color: #bbb;
	padding: 0.3em 3em;
	list-style: none;
}

#children a {
	color: #ddd;
        text-shadow: 0 0 4px #fff;
}

#children a:hover {
        color: #fff;
        text-shadow: 0 0 4px #fff;
}
/*************************************
* Content
*************************************/
#container {
	clear: both;
}

#content {
	position: relative;
	overflow: hidden;
	background: #fff;
}

.nav {
        padding: 0.5em;
        font-size: 1em;
        background: #333;
        position: relative;
		overflow: auto;
}

.nav.singlenav {
		line-height: 1.5em;
}


.nav .previous {
		float: left;
}

.nav .next {
		float: right;
}

.nav a {
		color: #ddd;
		font-size: 0.9em;
		text-shadow: 0 0 4px #BBBBBB;
		text-transform: uppercase;
}

.nav a:hover {
		color: #fff;
		text-shadow: 0 0 4px #fff;
}
/*************************************
* Post
*************************************/

.post {
    overflow: hidden;
	position: relative;
	padding: 2em 3em 1em;
    font-family: "Liberation Serif", Times, Georgia, serif;
}

* html .post {
	height: 1%;
}

.post.catpost {
       border-bottom: 1px solid deeppink;
}

.post h2 {
      font-size: 1.8em;
}
.page.post h2 {
      margin-bottom: 0.5em;
}

.post h2 a {
      color: #444;
}

.post ul, .post ol {
     margin: 0.5em 0 0.5em 20px;
}

.post ul li {
     margin: 0;
     list-style-type: disc;
     padding: 0 0 0.1em 0.1em;

}

.post .details {
	margin-bottom: 1em;
	color: #666;
}
a.more-link {
    clear: both;
	background: url(images/external.png) right center no-repeat;
	padding-right: 16px;
}
.post .details, .post a.more-link, .post-edit-link {
    font-family: Arial, sans-serif;
}

.entry {
	text-align: justify;
    font-size: 1.2em;
	line-height: 1.4em;
}

.entry h2, .entry h3, .entry h4 {
	margin: 0.5em 0;
}
.entry h3 {
	clear: both;
	font-size: 1.3em;
	font-style: italic;
}
.entry h4 {
	margin: 1.5em 0 0.5em;
	font-size: 1.3em;
}
.entry small { /* utilisé pour les galeries/lieux */
	display: block;
	font-size: 0.9em;
	color: #666;
	line-height: 1.2em;
}

.entry p {
	margin-bottom: 1em;
}

.english {
	color: #888;
	margin: 2em 0;
}

.cattitle {
    margin-bottom: 0.5em;
	font-size: 1.2em;
}

.cattitle, .post h2, .post h3 {
    font-weight: normal !important;
}

/*************************************
* Homepage
*************************************/

.homebox {
      padding: 3em 3em 1em 1em;
      margin-left: 70%;
      text-align: justify;
}

.homebox h2, #section-title {
     font-size: 1em;
     font-weight: normal;
     text-transform: uppercase;
     color: deeppink;
}
.homebox p {
     margin-bottom: 2em;
     font-family: "Liberation Serif", Times, Georgia, serif;
     line-height: 1.5em;
}
.homebox ul {
     list-style: none;
     font-family: "Liberation Serif", Times, Georgia, serif;
     line-height: 1.5em;
}

#homecontent {
	float: left;
	margin-right: 2%;
	width: 65%;
}

#section-title {
      margin: 3em 0 0 3em;
}

#homecontent .post {
	padding-top: 0.5em;
	padding-bottom: 2em;
}
/*
#couv {
	padding-top: 400px;
	background: url(images/couv.png) left 5px no-repeat;
}
*/
#linklist li {
	background: url(images/external.png) left center no-repeat;
	padding-left: 20px;
	margin-top: 0.2em;
	line-height: 1.2em;
}
/*************************************
* Footer
*************************************/

#footer {
display: none;
        position: relative;
        clear: both;
        font-size: 0.8em;
        overflow: auto;
        text-align: right;
        padding: 0.5em 0.3em 0.5em 0;
}

#footer ul {
        padding-top: 0.1em;
        float: left;
        margin-left: 0.5em;
		display: none;
}

#footer ul li {
        display: inline;
        padding-right: 1em;
}

#footer a {
        color: #999;
}

#rss {
    display: block;
    width: 60px;
    height: 15px;
    background: url(images/rss-icon.png) no-repeat right top !important;
    position: absolute;
    top: 5px;
    right: 3em;
}

#rss span {
    display: none;
	color: #fff;
	text-transform: lowercase;
}

#rss:hover span {
	display: block;
}
/*************************************
* Search
*************************************/
#search {
        position: absolute;
        right: 3em;
        top: 0.4em;
        padding-left: 1.5em;
        background: url(images/loupe.png) no-repeat left center;
}

#search .inputbox, #search .button {
         background: #eee;
         border: 1px solid #333;
         color: #666;
         font-size: 9px;
         padding: 0.1em 0.3em;
         -moz-border-radius: 4px;

}
#search .button {
         cursor: pointer;
         padding: 0 0.3em;
         color: #fff;
         background: #333;
         font-weight: bold;
}
#search .button:hover {
         text-shadow: 0 0 3px deeppink;
}

h2.error {
        color: hotpink;
        font-size: 4em;
}

.post-edit-link {
		position: absolute;
        right: 1.5em;
        bottom: 0.5em;
        font-size: 0.9em;
		color: deeppink;
}

/******************************
  LIGHTBOX
*******************************/
#stimuli_imageDetails {
        display: none;
}

/*************************
 JS gallery
***************************/
/* done in JS in header.php
.hidden {display: none;}
*/

.visible {display: block;}

.entry.withgallery {
	margin-top: 1em;
}

.xgallery {
	width: 740px;
}

#jgal {
	width: 750px;
    list-style: none;
	margin: 1em 10px 0 0;
    float: left;
	position: relative;
}

#jgal li {
	opacity: .5;
	float: left;
	display: block;
	width: 70px;
	height: 70px;
	border: 1px solid #333;
	margin-top: 555px;
	background-position: 50% 50%;
	cursor: pointer;
	margin-right: 1px;
}
#jgal li img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	max-height: 550px;
}
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { opacity: .99 /* safari bug */ }

/************************
 Plugins
 ***********************/

.sociable {
		clear: both;
}

.paypalbtn { float: left; margin-right: 1em; }