/*
Theme Name: Drunkey Love
Theme URI: http://www.el73.be/drunkey-love/themes/
Description: Drunkey Love theme for Wordpress Version: 1.6
Author: Kevin Wetzels
Author URI: http://www.el73.be/
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/

/*
*-----------------------------------------------------------------------------*
* HTML ELEMENTS*
*/

html, body {
	padding: 0;
	margin: 0;
/*	font: 100%/150% "Lucida Grande", "Lucida Sans Unicode", sans-serif; */
	font: 100%/150% "Verdana", "Arial", sans-serif;
  	font-size: 0.9em;
        background: #fff; 
/*	color: #333; */		
	color: #120D16; 		
}

a {
/* color: #390; */
color: #339900;
text-decoration: none;
border-bottom: 1px dotted #390; }

a:visited {
color: #666;
text-decoration: none;
border-bottom: 1px dotted #666; }
}

a:hover {
color: #465;
}

html * {
margin: 0;
}

p, ul {
margin-top: 15px;
}

ul, ol {
padding-left: 0;
margin-left: 30px;
}

h1, h2 {
margin-top: 15px;
}

h1, h2 {
font: 1.6em "Apple Garamond", "Times New Roman", "Garamond", serif;
line-height: 1.4em;
margin-bottom: 0;
}

h2 a, h1 a {
text-decoration: none;
/* color: #333; */
color: #120D16;
border: none;
}

h1 a:hover, h2 a:hover {
color: #465;
border: none;
}

h2 a:visited, h1 a:visited {
border: none;
color: #120D16;
}

h1 { 	font-size: 1.6em;
}

h3 { 	margin-top: 1em;
}

h4 {
/* color: #3D3D3D; */
color: #120D16;
font-family: Verdana, Arial, Sans-Serif;
font-size: 1em;
/* font-weight: normal; */
font-weight: bold;
font-style: italic;
border-bottom: 1px dotted #ff0000;
margin-top: 1em;
}

h6 {
font-size: 0.8em;
font-weight: normal;
margin: 0;
color: #666;
}

abbr, acronym {
cursor: help;
border-bottom: 1px dashed #999;
}

hr { 	display: none;
}

blockquote {
border-left: 2px solid #ccc;
padding-left: 5px;
margin: 5px 20px 10px 20px;
text-align: justify;
background:  #ffffcc;
font: 100%/140% "Verdana", "Arial", sans-serif;
}

code {
font: 110% "Lucida Console", "Courier New", "Courier", monospace;
}

pre {
overflow: auto;
}

/**
-----------------------------------------------------------------------------
** HEADER **/

#header {
 	margin: 0 auto;
 	width: 740px;
 	height: 160px;
 	background: #333;
 	color: #fff;
}

#header a {
 	color: #fff;
        border-bottom: none; 
}

#header a:hover {
/* 	background: #333; */
 	color: #fff;
        border-bottom: none; 
}

#pages a:hover, #header .current_page_item a {
/* 	background: #333; */
 	color: #339900;
}

#postit {
position: absolute;
left: 25px;
top: 20px;
}


#blog-title {
 	vertical-align: text-bottom;
 	float: left;
 	width: 270px;
 	height: 160px;
 	text-transform: lowercase;
 	font: 1.7em "Apple Garamond", "Garamond", serif;
 	text-align: right;
/* 	background: #333  url(images/bg-title.jpg) repeat-x; */
 	background: #390;

 	color: #fff;
}

#blog-title a {
 	display: block;
 	width: 250px;
 	height: 50px;
 	line-height: 50px;
 	padding: 110px 20px 0 0;
}

#pages {
 	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	list-style-image: none;
 	text-transform: lowercase;
}

#pages li {
 	float: left;
 	width: 8em;
}

#pages a {
 	display: block;
 	height: 50px;
 	width: 8em;
	line-height: 50px;
 	padding: 110px 0 0 0;
 	text-align: center;
}

#logo-flux a {
 	display: block;
 	float: right;
 	width: 3em;
 	padding: 125px 10px 15px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#logo-flux a img {
	border: none;
}



/**
-----------------------------------------------------------------------------
** FOOTER **/

#footer {
 	clear: both;
 	font-size: 0.8em;
 	padding: 50px 0;
 	text-align: center;
}

#footer .main {
 	border-top: 1px solid #ccc;
 	color: #666;
}

/**
-----------------------------------------------------------------------------
** CONTENT **/

.main, #content {
 	width: 740px;
 	margin: 0 auto;
}

/**
-----------------------------------------------------------------------------
** PRIMARY CONTENT (ENTRIES, COMMENTS, ...)
**/

#primary {
 	width: 450px;
 	padding-right: 20px;
 	float: left;
 	background: #fff url(images/bar-vertical.jpg) no-repeat right top;
}

.entry {
 	padding-bottom: 10px;
 	border-bottom: 1px solid #ccc;
        font-size: .9em;
}

.entry h2 {
 	background: #f1f1f1;
        padding-left: 5px;
}

.entry h1 {
 	background: #f1f1f1;
        padding-left: 10px;
}

#primary ul.archive-nav {
 	list-style-image: none;
}

.meta {
 	font-size: 0.85em;
 	clear: both;
 	color: #666;
}

.meta a {
 	text-decoration: none;
 	color: #666;
}

.meta a:hover {
 	color: #465;
}

.meta span {
 	padding-left: 14px;
 	background: #fff url(images/doc.png) no-repeat left center;
}

.meta span.tags {
 	background-image: url(images/folder.png);
}

.meta span.comments {
 	background-image: url(images/comment.png);
}

.meta span.author {
 	background-image: url(images/author.png);
}

.meta span.trackback {
 	background-image: url(images/trackback.png);
}

.meta span.delicious {
	background-image: url(images/delicious.png);
}

#primary .totop img {
 	width: 11px;
 	height: 11px;
 	border: 0;
 	margin: 0;
 	padding: 0;
 	vertical-align: text-bottom;
}

#primary .totop {
	margin-left: 439px;
 	clear: both;
}

.gravatar {
 	float: right;
 	margin: 30px 0 15px 10px;
}

#related_post h2 {
 	font-size: 1.4em;
}

#comments h2 {
 	margin-top: 30px;
 	clear: both;
 	font-size: 1.4em;
}

#comments ol {
 	padding: 0;
 	margin: 0;
 	list-style-type: none;
 	list-style-image: none;
 	font-size: 0.9em;
}

#comments li {
 	clear: both;
}

#comments ol div.poster {
 	clear: both;
 	padding: 0 20px;
 	font-size: 0.95em;
 	color: #666;
}

#comments .poster a {
 	color: #666;
}

#comments .poster a:hover {
 	color: #465;
}

#comments ol.no-gravatars div.poster {
 	padding: 0 20px 0 40px;
}

#comments ol div.body {
 	margin: 0 0 0 0;
	width: 340px;
 	padding: 20px;
 	background: #fff url(images/comment-field.png) no-repeat left top;
}

#comments ol.no-gravatars div.body {
 	width: 340px;
 	padding: 20px;
	margin-left: 20px;
}

#comments fieldset {
 	margin: 5px 0 0 0;
 	padding: 0 80px 0 20px;
 	width: 330px;
 	border: 1px solid #fff;
}

#comments legend {
	display: none;
}

#comments form ul {
 	margin: 0;
 	padding: 0;
	list-style-type: none;
 	list-style-image: none;
}

#comments form li {
 	margin: 5px 0;
}

#comments .textfield {
	width: 50%;
}

#comments textarea {
 	width: 98%;
}

#comments .number {
 	font: 1.5em "Apple Garamond", "Times New Roman", "Garamond", serif;
 	font-style: italic;
 	color: #ccc;
 	text-align: right;
 	padding: 0;
 	margin: 0;
 	width: 3em;
 	float: right;
}

#comments .number a {
 	color: #ccc;
 	text-decoration: none;
}

#comments .number a:hover {
 	color: #465;
}

.archive-nav {
 	font-size: 0.9em;
 	width: 100%;
 	margin: 30px 0 0 0;
 	padding: 0 0 5px 0;
 	list-style-type: none;
 	list-style-image: none;
}

.archive-nav li {
 	width: 180px;
}

.archive-nav li a {
 	display: block;
 	width: 164px;
}

.back {
	float: left;
}

.back a {
 	padding-left: 16px;
	background: #fff url(images/back.png) no-repeat left center;
}

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

.next a {
 	padding-right: 16px;
 	background: #fff url(images/next.png) no-repeat right center;
}

#primary h1 img, #primary h2 img, #primary h3 img {
	padding: 0;
	border: none;
}

/**
-----------------------------------------------------------------------------
** SECONDARY CONTENT (SIDEBAR STUFF)
**/

#secondary {
 	padding-left: 15px;
 	width: 250px;
 	float: right;
 	font-size: 0.9em;
}

#secondary h2 {
 	margin-bottom: 10px;
}

#searchform fieldset {
 	padding: 0;
 	margin: 0;
 	border: 0px solid #fff;
}

#searchform legend, #searchform label {
 	display: none;
}

#blog-description {
 	font: 1.6em "Apple Garamond", "Garamond", serif;
	padding: 15px;
 	background: #fff url(images/bg-description.jpg) no-repeat;
}

.fold {
 	display: none;
}

.foldButton, .unfoldButton {
 	display: block;
 	position: relative;
 	left: 220px;
 	margin-top: -1.3em;
 	height: 25px;
 	width: 25px;
 	cursor: pointer;
 	background: #fff url(images/fold.png) no-repeat;
}

.unfoldButton {
 	background: #fff url(images/unfold.png) no-repeat;
}

ul.linklist, ul.linklist ul {
 	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	list-style-image: none;
 	border-top: 1px solid #ccc;
}

ul.linklist ul {
 	border: none;
}

ul.linklist a, ul.linklist ul a {
 	padding: 0.2em 0;
 	width: 100%;
 	display: block;
 	text-decoration: none;
 	border-bottom: 1px solid #ccc;
/* 	color: #333; */
        color: #120D16; 
}

ul.linklist ul a {
 	width: 95%;
 	padding-left: 5%;
}

ul.linklist a:hover {
 	background: #390;
 	color: #fff;
}

ul.descriptionlist  {
 	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	list-style-image: none;
}

ul.descriptionlist  li {
 	margin-bottom: 0.5em;
}

#sidenotes h3 {
 	font-size: 1em;
}

#sidenotes p {
 	margin-top: 0;
}

ul.cloud {
 	padding: 0;
 	margin: 0;
 	list-style-type: none;
 	list-style-image: none;
}

.cloud li {
 	display: inline;
 	margin-right: 5px;
}

/**
-----------------------------------------------------------------------------
** UTILITIES
**/

.clear {
 	clear: both;
 	margin: 0;
 	padding: 0;
}

.hide {
 	display: none;
}

.center {
 	text-align: center;
}

.alignright, .lzimg-right {
	float: right;
}

.alignleft, .lzimg-left {
 	float: left }

#primary img, #photos img {
 	padding: 4px;
 	max-width: 100%;
 	border: 1px solid #ccc;
}

#primary .totop img {
 	border: 0;
}

img.center {
	display: block;
 	margin-left: auto;
 	margin-right: auto;
}

img.alignright, img.lzimg-right {
 	padding: 4px;
 	margin: 15px 0 15px 15px;
 	display: inline;
}

img.alignleft, img.lzimg-left {
 	padding: 4px;
 	margin: 15px 15px 15px 0;
 	display: inline;
}

img.noborder {
 	border: none;
}

img.simple, #primary img.wp-smiley {
 	padding: 0;
 	margin: 0;
 	border: 0;
}

.flickr {
 	color: #06c;
}

.flickr span {
 	color: #c00;
}

#primary a.extlink {
 	padding-right: 12px;
 	background: #fff url(images/external-link.png) no-repeat right center;
}

/**
-----------------------------------------------------------------------------
** Ajouts pour SITEMAP :  ddsg-sitemap - Div class around the actual sitemap.  ddsg-pagenav - Div class around the page navigation.  ddsg-cats - Span class for the category lines.  ddsg-xml-link - Div class around the XML link.  ddsg-excerpt - Span class around content excerpts.
**/

.ddsg-sitemap ul  {
	list-style-type: square;
 	margin: 0px 0px 0px 20px;
 	padding: 0px;
}

.ddsg-sitemap>ul  {
 	list-style-type: none;
}

.ddsg-sitemap>ul>li  {
 	margin: 10px 0px 0px 0px;
}

.ddsg-sitemap>ul>li>ul  {
 	margin-top: 10px;
}

.ddsg-cats a {
 	background-color:#F0F0F0;
 	font-weight: bold;
 	color: black;
}

ul.linkcloud {
 	margin-left: 0;
}

ul.linkcloud li {
 	display: inline;
}

ul.linkcloud li a {
 	text-decoration: none;
 	color: #333;
border-bottom: none;
}

ul.linkcloud li a:hover {
 	background: #390;
 	color: #fff;
}


#skype_status a {
 	text-decoration: none;
border-bottom: none;
}

#skype_status h2 {
font: 1.6em "Apple Garamond", "Times New Roman", "Garamond", serif;
line-height: 1.6em;
margin-bottom: 0;
margin-top: 15px;
display: inline;
 	vertical-align: middle;
}

#skype_status img {
 	vertical-align: middle;
}

#clear p {
clear: both;}


/*
*-----------------------------------------------------------------------------*
* DEL.ICIO.US LINKS*
*/

/*
.delicious-posts { margin: 1em; border: 2px solid #ddd; padding: 0.5em; width: 20em; font-family: sans-serif; }
.delicious-banner a { font-size: 80% }
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
.delicious-post a { color: #04a1ff }
.delicious-posts a { text-decoration: none; color: #a15426; display: block; padding: 0.3em }
*/
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-odd { background-color: #f8f8f8 }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; border-bottom: none; color: #a15426; }
.delicious-banner  { margin-top: 1em ; color: #333}
.delicious-banner a {color: #333}

/*
*-----------------------------------------------------------------------------*
* HCARD
*/

.vcard_contact img {
border:none;
}

/*
*-----------------------------------------------------------------------------*
* WIDGETS SIDEBAR
*/


.ccb {
	border-left:2px #ccc solid;
	padding:1%;
	margin:1% 1% 0px 1%;
	width:45%;
	float:left;
}

/*
*-----------------------------------------------------------------------------*
* Dernier post
*/

#post-322 {
border:solid;
border-width;2px;
padding: 5px 5px 5px 5px;
margin:5px;
}

#post-322 h6, #post-322 .meta {
display:none;
}

#post-322 h2 {
margin:auto;
width:100%;
text-align:center;
}