/*****
Fond "noir" : 000
Texte "blanc" : DDC
Vert foncé : 4b725d
Violet : 784a7b
Vert clair : 87b584
*****/ 

* { margin: 0; padding: 0; border: 0; }

body {
	font: 14px Helvetica,"Free Sans", Arial,sans-serif;
	color: #DDC;
	background:	#000 url(img/ivy_tile_bg.jpg) repeat-x scroll left top;
}
textarea {font: 14px Helvetica,Arial,sans-serif;}

/* Common styles
-------------------------------------------------------- */
ul { list-style: none; }
ul li { list-style: none; }

a:link, a:visited { color: #4b725d; text-decoration: none; }
a:hover { text-decoration: underline; }
pre { overflow: auto; width: 100%; height: auto; }
.left { float: left; }
.right { float: right; }

a.feed {
	padding-left: 20px;
    padding-top: 5px;
	background: transparent url(img/feed-icon-16x16_purple.png) left bottom no-repeat;
}

.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 140%; }
.tag70 { font-size: 150%; }
.tag80 { font-size: 160%; }
.tag90 { font-size: 170%; }
.tag100 { font-size: 180%; }


/* Page
-------------------------------------------------------- */
#page{
	width:960px;
	margin: 0 auto;
        padding: 0px 15px;
}

#wrapper {
	padding-top:	50px;
	clear: both;
}

#main {
	width:580px;
	float: left;
}

#footer{
	clear: both;
	margin: 15px auto;
        text-align:center;
	font-size: 0.8em;
}

#footer a{
	text-decoration:	underline;
	color:	#784a7b;
}

#sidebar {
    float: right;
    width: 280px;
    margin-left:45px;
	margin-bottom:50px;
    padding-left:45px;
    /*border-left: 1px dotted #4b725d;*/
}

/* Header
-------------------------------------------------------- */
#top {

}

#top h1 {
	background: transparent url(img/new_logo_transp.png) top left no-repeat;
	height: 250px;
	width: 400px;
	float: left;
}

#top h1 a{
	display:			block;
	width:				100%;
	height:				100%;
	text-decoration:	none;
}

#top h1 a span {display: none;} 	/* cache le texte */


#headerContent {
	margin: 20px 0 20px 20px;
	float: right;
	font-style: italic;
	text-align: right;
	font-family: Georgia, times, serif;
	width: 450px;
	font-size: 1.5em;
}

#static-links {
	height:	50px;
}
#static-links li{
	display: inline;
	margin-left:    15px;
}

#static-links a{
	color:		#DDC;   
}
#rss_link, #rsscomm_link { display:none !important; }
#drawings_link{
	font-weight: bold;
}

/* Blognav
-------------------------------------------------------- */


#blognav {
	background:transparent url(img/perplexion_250.png) no-repeat scroll center bottom;
	padding-bottom:75px;
}

#blognav h2{
	font-weight:normal;
	font-size:	1.5em;
	color:	#784a7b;
	letter-spacing: 0.3em;
	margin-bottom:15px;
	text-align:center;
	font-style:italic;
	font-family:Georgia, times, serif;
}

.syndicate li {
    margin-bottom:5px
}


.feed li, .xlastcomments li {
    list-style: url(img/bullet_purple.png) inside;
    font-size:0.85em;
    padding:5px 0;
    border-bottom: 1px dotted #4b725d;
}

/*.lastposts li:hover, .xlastcomments li:hover {
	background:	#555 url(img/link_bullet.png) no-repeat 2px 3px;
	color:		#000;
}*/
.feed li:hover a, .xlastcomments li:hover a{
	text-decoration:	none;
	color:		#4b725d;
}

.feed li:hover, .xlastcomments li:hover {
	list-style: url(img/bullet_green.png) inside;
	border-style: solid;
}

.comm_auth{
	color:	#DDC;
}

#blognav div {
	margin-bottom:	50px;
}

#blognav .text{
	color: #000;
	background: #4B725D url(img/textbox_top_bg.png) no-repeat scroll left top ;
	text-align: right;
	padding-top: 15px;
	font-style: italic;
	font-size: 0.9em;
	font-family: Georgia;
}

#blognav .text p{
padding:10px;
}
#blognav .text .bottom{
background: #4B725D url(img/textbox_bottom_bg.png) no-repeat scroll left bottom ;
height:27px;
}

#search h2{
    padding-bottom:10px
}
#q {
	background: 	transparent url(img/search_bg.png) top left no-repeat;
	color:			#DDC;
	width:			150px;
	border: 		1px solid #555;
	padding: 		2px 2px 2px 20px;
}
#search .submit {
    background:     transparent;
    color:	    #555;
}

.tags ul{
	padding-left:0px !important;
	text-align:center;
}

.tags li{
	display: inline;
	background-image:none;
	margin:	5px 3px !important;
	padding: 0px;
}

.lastPics p, .tags p, #lastfm p, .flickr p, #twitter_feed p {
	text-align:		right;
	padding-top:10px;
}


.lastPics li{
    display:inline;
}

.lastPics img{
    padding:4px;
    margin:4px;
    border:1px dotted #4b725d;
}

.lastPics img:hover {
    border-style:solid;
}



.xlastcomments .comm_auth{
	font-weight:	bold;
}
.xlastcomments .comm_post{
	font-style:		italic;
}

/* Links
-------------------------------------------------------- */


#links {
	color: 			#4b725d;
	clear:			both;
	font-size:		0.9em;
	padding:		25px;
	border-top:		1px dotted #4b725d;
}

#links a {
	color: #4b725d;
}

#links a:hover {
	text-decoration:	underline;
}

#links .linkCat{
	padding-right:25px;
	width:	22%;
	float:	left;
}

#links h2, #links h3 {
	font-family:	Georgia, times, serif;
	font-style:	italic;
	color:		#784a7b;		
}

#links h2{
	font-weight:	bold;
}	

#links h3{
	margin:			10px 0px 5px 0px;
	font-weight:	normal;
}


#links li{
	line-height:		20px;
	margin-left: 		0px;
	padding-left:		25px;
	background:		transparent url(img/bullet_green.png) left top no-repeat;
}

/* Posts
-------------------------------------------------------- */

.post {
	margin-bottom:75px;
}

/*.odd {
	text-align: left;
}*/


.post-content a:link, .post-content a:visited {color: #4b725d; text-decoration: none;}
.post-content a:hover, .post-content a:active { text-decoration: underline; }


.post-content {
	/*text-align: justify;*/
	padding: 15px 0px 0px 0px;
}
.post-content p{
	padding-bottom:	15px;
	line-height:1.75em;
}

.post-info-co {
	clear:both;
	text-align:	right;
}

.photo-frame img{
	display: block;
	margin : 0 auto;
	border : #DDC 10px solid;
	padding : 2px;
	background : #000;
	margin-top:	20px;
}

.img-legend{
	border-top:1px solid #DDC;
	color:#DDC;
	font-family:Georgia, times, serif;
	font-style:italic;
	margin:5px 0 10px 50px;
	padding:5px 0px;
}

.post .day-date{
	display:none;
}

.post-title{
	font-weight: normal;
	margin-bottom:	5px;
	font-size:		1.8em;
	color: #784a7b;
	font-style:italic;
	font-family:Georgia, times, serif;
}

/*.odd .post-title{
	margin-right: 0em;
}*/

.post-title a{
	color: #784a7b;
}
.post-title a:hover{text-decoration:none;}

.post-info {
	font-size:0.8em;
}

.post-tags li {
	background:transparent url(img/bullet_green.png) no-repeat scroll left center;
	display:inline;
	margin-right:10px;
	padding-left:18px;
}

.post-tags a{
	font-size:0.8em;
}


.ping_count {display:none;}	/* on affiche pas les trackbacks */

.post-content h3 {
	margin: 25px 0;
}

.post-content ol, .post-content ul{
	margin:			15px 30px 15px 30px;
	line-height:1.75em;
}

.post-content ol {
	padding-left: 20px;
}

.post-content ul, .post-content ul li {
	list-style: disc inside;
}

.post-content blockquote{
	margin:20px;
	padding:10px;
	font-style: 	italic;
}

.post-content pre{
	margin:			15px 0px;
	padding:		10px;
	background: 	#101010;
	border:			1px solid #555;
}

.ost {
	/*background-color: #555;*/
	float: left;
	width: 250px;
	padding: 10px;
	margin: 0 20px 15px 0;
border-right: 1px solid #ddc;
border-bottom: 1px solid #ddc;
	font-size:0.8em;
	font-style:	italic;
	text-align:	left;
}


.ost h3{
margin: 5px 0 10px 0;
}

.footnote {
	font-size: 0.8em;
}

/* Comments
-------------------------------------------------------- */

#comments-feed {
	float:	right;
	width: 300px;
	text-align:	right;
}

#comments h3 {
	color:#784A7B;
	font-family:Georgia,times,serif;
	font-size:1.5em;
	font-style:italic;
	font-weight:normal;
	letter-spacing:0.3em;
	text-shadow:2px 2px 3px #784A7B;
}

#comments dt {
	margin-top:25px;
	padding:10px 5px 0 10px;
}

#comments dd {
	font-size:0.9em;
	line-height:1.5em;
	padding:10px;
}

#comments p {
	margin-bottom:10px;
}

#comments .odd {
	background-color:#202020;
}

#comments dt .gravatar_img {
	float:right;
	margin-left:5px;
}

.comment-number {
	background-color:black;
	color:#784A7B !important;
	float:left;
	font-family:times;
	font-size:3em;
	font-style:italic;
	font-weight:bold;
	margin:-30px 10px 5px -20px;
	padding-right:5px;
}
.comment-number:hover {
	text-decoration:none;
}
.comment-author {
	color:#DDDDCC;
	font-weight:bold;
}
.comment-date, .comment-time {
	color:#555555;
	font-size:0.8em;
	font-style:italic;
}

.me {
	background-color:#4B725D !important;
	color:black !important;
}

dd.me a, .me .comment-author a {
	color : #DDDDCC !important;
}

.me .comment-date, .me .comment-time {
	color: #303030 !important;
}

/* Trackbacks
-------------------------------------------------------- */

#pings{
	margin-bottom:	25px;
	text-align:		right;
}

#pings h3{
	text-align:		left;
}

#pings dl {
	font-size:		0.8em;
}

#pings dt{
	margin-top: 25px;
	padding: 10px 5px 0px 10px;
}

#pings dd {
	padding:10px;
}

#pings .odd{
	background-color: #101010;
	text-align:		right;
}

.ping-number{
	display:		none;
}

#ping-url{
	margin-bottom:	25px;
	text-align:		center;
	padding:		10px;
	background:		#555;
}


/* Pagination et navigation
-------------------------------------------------------- */

.pagination{
	text-align:center;
	margin:	-30px 0 25px 0;
}

#navlinks{
	display:none;
	color: #000;
	background: #555 url(img/prevnext.png) top right no-repeat;
	padding:75px 10px 10px 10px;
	margin-bottom: 	25px;
	margin-top:		-45px;
}

#navlinks a {
	display: 		block;
	color: 			#000;
	text-align: 	center;
}

#navlinks .prev {
	text-align: left;
}

#navlinks .next {
	text-align: right;
}

/* Comment form
-------------------------------------------------------- */

#comment-form {
	margin:	50px 0px ;
	padding: 25px;
	background: #4b725d;
	color:	#000;
}

#comment-form h3 {
	margin-bottom:	15px;
}

#comment-form p {
	font-size: 0.8em;
	padding-bottom: 10px;
}

#comment-form label {
	font-style: italic;
}

#comment-form input, #comment-form textarea{
	background-color: #000;
	border:	1px solid #4b725d;
	font-size: 1.2em;
	padding: 2px;
	width:100%;
	color:	#DDc;
}

#comment-form input:focus, #comment-form textarea:focus, #comment-form input:hover, #comment-form textarea:hover{
	border:	1px solid #87b584;
}



#c_name, #c_mail, #c_site {
	width: 300px;
}

#c_content {
	clear: both;
	width: 550px;
}

.preview, .submit, #c_remember {
	width:	auto !important;
}

#comment-form .form-help {
	float: right;
	width: 200px;
	font-style: italic;
}

#comment-form .field {
	width:300px;
}

#comment-form .fullwidth {
	width:100% !important;
}

/* Comment preview
-------------------------------------------------------- */

#pr.message, #pr.error{
	margin:50px;
	color:#DDC;
	font-style:italic;
}

#pr h3{
	display:block
}
#pr .comment-preview{
	border:		1px solid #87b584;
	margin:		10px 0;
	padding:	5px;
	background:	#000;
	font-style:	normal;
	font-size:	1.2em;
	color:#DDC;
}

/* Alternate content (archives, tag cloud, etc.)
-------------------------------------------------------- */

#content-info{
	text-align:right;
	border-bottom:1px solid #4B725D;
	margin-bottom:25px;
	padding-bottom:10px;
}
#content-info h2{
	color: #784a7b;
	font-family:	Georgia, times, serif;
	font-size:		2em;
	line-height:	1em;
	font-style:		italic;
	font-weight:	normal;
}
#content-info p{
	margin-top:10px;
}

.content-inner .tags li{
	margin-right:	5px;
	margin-left:	5px;
}

.dc-archive-month .post-title{
	font-size:		1.2em;
	letter-spacing: normal;
	margin: 5px 0 0;
}

.dc-archive-month .day-date {
	margin-top:25px;
}

.archives-cols {
	width:100%;
}
.archives-col {
	float:left;
	margin:0 25px;
}

.flickr {
/*	display:none;*/
}

.flickr li {
	display:inline;
}

.flickr img {
    padding:4px;
    margin:2px;
    border:1px dotted #4b725d;
}

.flickr img:hover {
    border-style:solid;
}

/******* NEW EYE CANDY *******/
#static-links a:hover{
text-shadow:2px 2px 3px #ddc;
text-decoration:none;
}
h2 {
text-shadow:2px 2px 3px #784A7B;
}

.drawing_post_preview {
margin:10px;
padding:10px;
display:inline;
border:1px dotted #4b725d;

}

.drawing_post_title {

}

.drawing_post_preview img {
max-height:150px;
}


/**************** MOBILE *****************/

@media screen and (max-device-width: 480px) {
	#page {
		width:auto;
	}

	#main {
		float:none;
		width:auto;
	}

	#sidebar {
		float: none;
		margin: 0 auto 50px;
		padding: 0;
		width:80%;
	}

	#sidebar .text, #sidebar .syndicate, #lastfm, #ivyPhotos, #twitter_feed, .lastPics {
		display:none;
	}

	#links, #footer {
		display:none;
	}

	.post-content p img {
		max-width:80%;
	}
}