/*  
Theme Name: Emtree
Theme URI: http://sunfox.org/
Description: Sunfox.org's theme
Version: 0.9
Author: Sunny Ripert
Author URI: http://sunfox.org/
*/


/* basic styles */
body {
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
hr {
	display:none;
}
caption {
	text-align:left;
}
ul {
	padding: 0;
	margin: 0;
	margin: .5em 0 .5em 2em;
}
blockquote {
	background: white url(/imgs/left-quote.jpg) no-repeat left top;
	margin-left: 1.5em;
	padding-left: 20px;
}
blockquote cite:before {
	content: "\2014";
}

@font-face {
	font-family: 'Journal Regular';
	src: url('/trucs/fonts/journal.eot');
	src: local('Journal Regular'), local('Journal-Regular'), url('/trucs/fonts/journal.ttf') format('truetype');
} 


@font-face { font-family: 'Note this Regular'; src: url('/trucs/fonts/Note_this.eot'); src: local('Note this Regular'), local('Notethis-Regular'), url('/trucs/fonts/Note_this.ttf') format('truetype'); } 

blockquote.note {
  padding:5px 20px;
  font: 1.2em 'Note this Regular', Times, serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-position: 10px 10px;
  -webkit-box-shadow: 5px 5px 10px #eee;
  -moz-box-shadow: 5px 5px 10px #eee;
  border: 1px solid #999;
  margin-left: 10px;
  background:none;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
}
blockquote.note:hover {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
}

blockquote.note p {
  margin:0
}

blockquote.note cite {
	display: block;
	padding-left: 6em;
}


tt,
code,
pre {
	font: 100% fixedsys, monospace;
}
pre {
	font: 12px monospace;
	background: #e9ecd9;
	color: #000;
	padding: .5em;
	overflow: auto;
}
code {
	background: #e9ecd9;
	padding: 0 .1em;
}
tt {
	background: #f5f5f5;
	padding: 0 .1em;
}
code .comment {
	color: #777;
}
.shell var {
	color: orange;
}
pre code {
	background: none;
	padding: 0;
}
ins {
	background: lightyellow;
	padding: 0 .3em;
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
label {
	cursor:pointer;
}
img {
	text-align: center;
	max-width: 32em;
	font-weight: bold;
}
acronym, abbr {
	font-size: 90%;
	letter-spacing: .07em;
}
acronym[title], abbr[title], .help {
	border-right: 1px solid #eed;
	border-bottom: 1px solid #eed;
	padding-right: .1em;
	cursor: help;
}
acronym[title]:hover, abbr[title]:hover, .help:hover {
	border-color: #d5d5e5;
}
ul.quicklist {
	margin: 0;
	list-style-type: circle;
}
ul.quicklist li {
	padding: 0;
}
q {
	font-style: italic;
}
q:before {
	content: "";
}
q:after {
	content: "";
}
textarea {
	width: 40em;
}

.hl {
	background: lightyellow;
}
strong.hl {
	font-weight: normal;
}

::selection {
	background: #ffb7b7;
	color: #fff;
}
::-moz-selection {
	background: #ffb7b7;
	color: #fff;
}


/* links */
a, a:link {	
	color: #656855;	
	text-decoration: none;
	border-bottom: thin dotted #d4d6dd;
}
a:visited {
	color: #a9ac99;
}
a:hover, a:active {	
	color: #000;
	border-color: #000;
        -webkit-transition-property: color;
        -webkit-transition-duration: 2s;
        -moz-transition-property: color;
        -moz-transition-duration: 2s;
}
/*
a[hreflang]::after {
	content: ' 'attr(hreflang);
	color: #ccc;
	font-size: .7em;
}
*/

a img {
	border: 0;
}
h2 a img {
	opacity: .4;
}
h2 a:hover img {
	opacity: 1;
}
h3 a, h3 a:link, h3 a:visited {
	color: #656855;
}
h3 a:hover, h3 a:active {	
	color: #000;
}
#photos a {
	border: 0;
}

/* titles */
h1 {
	font: 5em/.3em Georgia, serif;
	padding: 1em 0 0 0;
	margin: 0;
	color: white;
}
.lonepage h1 {
	padding: .2em 0 .5em 0;
	font-size: 3em;
	color: black;
}
h1 a, h1 a:link, h1 a:visited, h1 a:hover {
	color: white;
	border: 0;
}
#tete p {
	font: 1.1em/1em serif;
	margin: 0;
}
h2 {
	font: 2em Georgia, serif;
	padding: 0;
	margin: 0;
}
h2 a, h2 a:link, h2 a:hover, h2 a:visited {
	color: black;
	border: none;
}
h3 {
	font: 1.5em Gentilis, sans-serif;
	padding: 0;
	clear: both;
	margin: 1em 0 0 0;
}

/* classes */
.polaroid {
	color: #656855;	
	background:#e9ecd9;
	padding: .5em;
	margin: 0 0 1em 1.5em;
	text-align: center;
	float: right;
}
.polaroid.left {
	margin: 0 1.5em 1em 0;
	float: left;
}
.illustration {
	float: right;
	margin: 0 0 .5em 1em;
i}
.desc {
	margin-top: .1em;
	padding-top: 0;
	color: #a6a692;
}
.info {
	color: #b6b6a2;
	margin: 0;
	clear: both;
}
table.data {
	margin-top: 1ex;
	border-collapse: collapse;
}
table.data th, table.data td {
	border: 1px solid #eee;
	padding: .1em .5em;
	text-align: center;
}
.data tbody th {
	text-align: right;
	font-weight: normal;
	color: #656855;
}

.flickrphotos 
	margin:0;
}
.flickrphotos li {
	display:inline;
	padding:0;
	background:none;
}
.flickrset img {
	width: 5em;
	height: 5em;
	max-width: 75px;
	max-height: 75px;
}
.flickrset a:visited img {
	opacity: .5;
}
.flickr_badge_image {
	display: inline;
}
.gouttes {
	margin: 0;
}
.gouttes li {
	background: #e9ecd9;/*f6f6e2*/
	padding: .3em;
	margin: 0;
	clear: both;
}
.center {



	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}
.quicklist {

	list-style-type: none;
	padding-left: 2em;
}
.navigation {
	clear: both;
	height: 1.5em;
}
.prev {

	float: left;
	text-align: left;
}
.next {
	float: right;

	margin-top: -1px;

	text-align: right;
}

.lightshell {
	font: 12px monospace;
	background: #eee;
	color: #000;
	padding: 0 .5ex;
}
.shell {
	font: 12px monospace;
	background: black;
	color: #fff;
	padding: 0 .5ex;
}
ol.shell,
pre.shell,
pre.lightshell {
	padding: 1ex;
	margin: 1em 0;
}
ol.shell {
	padding-left: 5ex;
	color: #666;
}
.shell samp {
	color: #aba;
}
.lightshell samp {
	color: #666;
}
.shell kbd {
	color: #fff;
}
var {
	color: #824F52;
}
.shell var {
	color: #f5d; /* ~= pink */
}

.message {
	float: right;
}
a.bouton:link, a.bouton:visited {
	padding: .3em .5em;
	background: #ffe url(/images/building.png) no-repeat .5em;
	border-top: thin solid #f8f8e8;
	border-left: thin solid #f5f5e5;
	border-right: thin solid #ddc;
	border-bottom: thin solid #ddc;
	margin: 2em 1em 1em 1em;
	padding-left:27px;
}
a.bouton:hover {
	border-top: thin solid #f0f0e0;
	border-left: thin solid #f0f0e0;
	border-right: thin solid #ccd;
	border-bottom: thin solid #ccd;}


.counter {
	counter-reset: h3counter;
	margin-left: 2em;}
.counter h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: -1.5em;
	counter-increment: h3counter;}
.counter h3:before {
	content: counter(h3counter, decimal) ". ";
	color: #B6B6A2;}
.counter p {
	margin-top:0;}


/* comments */
.commentlist li.by_sunny  {
	background: #F7F8F0;
	padding-left: 58px;
	border-top: 4px double #E9ECD9;
	border-bottom: 4px double #E9ECD9;
	margin-bottom: 1em;}



/* blocs */
body {
	background: #a9ac99 url(bgstripe.png);
	font-size: .9em;
	margin: 0;
	padding: 0;
	text-align: center;}
#page {
	width: 50em;
	margin: 0 auto 2em auto;
	text-align: left;
	background: #fff;
	padding: 0;
	border: .5em solid #e9ecd9;
	border-top: none;}
#tete {
	padding: 0 1em .5em 1em;
	border-bottom: 2px solid #e9ecd9;
	background-color: black;
	color: white;
	height: 94px; }
#tete p {
	display: none;}
#haut {
	padding: 1em;
	clear: both;
	border-bottom: 2px solid #e9ecd9;
	background: url(halovert2.png) no-repeat bottom left;}
#info {
	margin: 1em 1em 0 1em;
	padding: 1ex 1em;
	background: #e9ecd9;}
#contenu {
	padding: 1em;
	border-bottom: 2px solid #e9ecd9;}
#meute {
	float: right;
	width: 15em;}
#marquepages ul, #dernierscommentaires ul, #meute ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
#marquepages ul li, #dernierscommentaires ul li, #meute ul li {
	background: none;
	padding: 0;}
#marquepages ul li {
	text-indent: -1em;
	background: none;
	padding: 0 0 .5em 1em;}
#photos {
	float: right;
	line-height: 0;
	width: 20em;}
#photos .desc {
	padding: .3em 0 0 0;}
#liens {
	padding: 1em;
	clear: both;
	border-bottom: 2px solid #e9ecd9;
	background: url(halovert2.png) no-repeat bottom left;}
#searchform {
	margin-top: .5em;}
#moi {
	padding: 1em;}
#moi p {
	margin: 0;
	padding: 0;}
#moi .photo {
	border: 1px solid #a9ac99;
	width: 2.8em;
	height: 2.8em;
	float: right;
	max-width: 120px;
	max-height: 120px;
	margin-bottom:0.5em;}

#pied {
	clear: both;
	padding: .1em .9em;
	color: #a9ac99;
	background: #e9ecd9}


/* liste de commentaires */
.commentlist {
	list-style-type: none;
	padding: 0;
}
.commentlist li {
  border-bottom: 1px dotted #E9ECD9;
  clear: both;
  padding-left: 50px;
  padding-top: 1em;
}
.commentnum {
	float: right;
	font: 3em Georgia, serif;
	margin: 0 .5em .5em 0;
	border: none;
}
.avatar {
	float: left;
	margin: 0 .5em .5em -50px;
}

/* derniers commentaires */
#dernierscommentaires ul li {
	color:#000;
	margin-top:1em;
}
#dernierscommentaires ul li a {
	color:#000;
}
#dernierscommentaires ul li ul li {
	margin-top:0;
}
#dernierscommentaires ul li ul li a {
	color:#656855;
}

/* liste de trackbacks */
.trackbacklist {
	list-style-type: none;
	padding: 0;
}
.trackbacklist .info a {
	font-size:1.1em;
}
.trackbacklist p {
	margin: 0;
	color: #B6B6A2;
}
.trackbacklist li {
	clear: both;
	margin-bottom: .5em;
}

/* image de stats */
img#wpstats {
	width:0;
	height:0;
	padding:0;
	border:none;
	overflow:hidden}


/* ici pour le retrouver rapidement quand je change de haut */
#tete { background: #E9ECD9 url(/images/tetes/clearfox.jpg) no-repeat top }


/* Post-specific */
.solidays{border-collapse:collapse}
.solidays td, .solidays th {border:1px solid lightgrey;padding:2px;vertical-align:top}
.solidays th {font-weight:bold;text-align:right}
.solidays td, .solidays thead th {text-align:center}
.solidays ul, .solidays li {list-style-type:none;background:none;padding:0;margin:0}