/*  
Theme Name: harlem desir
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Miscellany
Description: 3 Column, widget-ready fixed width theme featuring an extended footer, author info page, gravatars and highlighted author comments in the comments section along with Custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7.  Compatible up to Wordpress 2.7.
Version: 1.1
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: 3 column, fixed width, gravatars, widgets, suede, brown, tan, black, sitemap, archives, 2.7, extended footer

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: Arial, Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #533419; font-family: Helvetica, Georgia, "Trebuchet MS", Verdana, Times, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 20px 5px; }

h1 { font-size: 2em; }
h2 { font-size: 20px; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
p { padding: 14px 2px 0 2px; }
p.akpc_pop { display:none;}
blockquote { color: #61574a; margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 12px; text-align: center; vertical-align: top; background: #fff; color: #000; }

/*#wrapper { margin: 0 auto 0 auto; width: 960px; text-align: left;  background: #fff;}*/
#wrapper { margin: 0; text-align: center;  background: #fff;}

#main_content { margin: 0 auto 0 auto; padding: 0; width: 960px; text-align: left;}
#content_main { float:left; width:432px;}
#main_content_top { margin: 0 auto 0 auto; padding: 0; width: 432px; height: 13px; font-size:1px; }
#main_content_bottom { margin: 0 auto 0 auto; padding: 0; width: 432px; height: 30px; }
#container { background: transparent; float: left; clear:both; width: 381px; margin: 0 0 0 0; padding: 0 28px 10px 23px; }
#container_wide { background: transparent; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

.post { padding: 25px 0 0 0; text-align: justify; background-position:0 7px; background-repeat:no-repeat; }
.cdcoeur { background-image: url(images/picto_cdcoeur_b.gif); margin-top:40px;}
.cdcolere { background-image: url(images/picto_cdcolere_b.gif); margin-top:40px;}
.post h2 { font-size: 20px; margin: 0; padding: 0 2px; color:#000; }
.cdcoeur h2,.cdcolere h2  { padding-left: 80px; }
.date {	font-size: 10px; color:#999999; padding: 0 2px; }
.cdcoeur .date,.cdcolere .date  { padding-left: 80px; }
.date a{ color:#999999; }
.entry { font-size: 12px; color:#666666; padding: 0 0 0 0; }
.entry a img { border:none; }
.postmetadata_t { clear:both; margin: 14px 0 27px 0; padding:0; background:#ededed url(images/postmetadata_t.gif) no-repeat 0 0; }
.postmetadata { margin: 0 0 0 0; padding:8px 13px 7px 6px; font-size: 11px; background:url(images/postmetadata_b.gif) no-repeat left bottom; }
.post .more-link { display:none;}
.post img { border:none; }
.postmetadata a.read_more { display:block; float:left; width:90px; height:18px; margin:0 0 10px 3px; background-position:0 0; background-repeat:no-repeat; background-image:url(images/btn_read_more_n.gif);}
.postmetadata a.read_more:hover { background-image:url(images/btn_read_more_o.gif);}
.postmetadata a.read_more span { display:none;}
.postmetadata .nb_comments { display:block; float:right; height:22px; line-height:22px; padding:0 0 0 27px; background:url(images/picto_comments.gif) 0 0 no-repeat; }
.postmetadata .postmetadata_content { display:block; clear:both; color:#e6007a; }
.postmetadata .postmetadata_content a{ text-decoration:underline; }
.postmetadata .postmetadata_content a:hover{ text-decoration:none; }

/***** HEADER *****/
#header-wrap { float:left; width: 432px; height: 170px; padding: 0; margin: 0 auto 0 auto; background: url(images/header.gif) no-repeat 0 0; }

/***** HEADER TITRE *****/
.header { width: 364px; margin: 10px 0 0 0; padding: 0; float: left; }
.header h1 { padding: 0; margin: 65px 25px 0 25px; font-family: "Trebuchet MS", Georgia, Sans-serif; font-size: 40px; text-align: right; }
.header h1 a { text-decoration: none; color: #fff; }
.header h1 a:hover { text-decoration: none; color: #fff; }
.header .description { margin: 0 25px 0 25px; padding: 0; font-size: 14px; font-weight: normal; font-family: "Trebuchet MS", Georgia, Sans-serif; color: #010101; text-align: right; }


/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img {padding: 3px; background: none; }

img.avatar { float: left; margin: 5px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

#flickrrss img { border: 1px solid #544b40; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #544b40 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #544b40 1px solid; }

/***** NAVIGATION *****/
.navigation { padding: 5px 0 5px 10px; font-size: 11px; line-height: 18px; text-align:center; color:#f02d74; }
.navigation a{ color:#f02d74; }

/***** FOOTER *****/
.footer-wrap { clear:both; margin: 0; background: url(images/footer-bg.gif) repeat-x 0 0; }
#footer { width: 960px; color: #000; margin:0 auto 15px auto; }
#footer a { color: #000; }
#footer a:hover { color: #fff; }
#footer .left-col { width: 270px; float: left; margin-left: 30px; padding-right: 10px; text-align:left; }
#footer .right-col { width: 350px; float: right; margin-right: 25px; margin-left: 10px; }
#footer h4 { font-size: 16px; font-family: "Trebuchet MS", Tahoma, Arial; color: #000; margin: 20px 0px 5px 0; padding: 0 3px; }
.footer-wrap-bottom { clear:both; height: 55px; margin: 0; background:url(images/footer-bg-2.gif) repeat-x 0 0;  }
#footer_bottom { clear: both; margin: 0 auto 0 auto; padding: 0; width: 960px; height: 1px; font-size:1px }

/***** FOOTER EXTRAS *****/
.footer-misc {list-style: none; margin: 0; padding: 0; }
.footer-misc li { }
.footer-misc li a { display:block; padding: 5px 3px; font-size: 11px; color:#000; background-image:url(images/footer-separateur.gif); background-position: bottom left; background-repeat: repeat-x; }
.footer-misc li a:hover { background-color:#f02d74; color:#fff; text-decoration:none;}

#credits { width:960px; height: 30px; clear: both; background: transparent; margin:0 auto; padding: 0; text-align: center; color: #000; font-size: 10px; }
#credits a { color: #000; margin: 0 15px; }
#credits p { margin-right: 20px; }

/***** SIDEBAR *****/
#left_sidebar { background: transparent; width: 333px; float: left; margin: 0 0 20px 0; padding: 0 auto 0 auto; }
#right_sidebar { background: transparent; width: 195px; float: left; margin: 0 0 20px 0; padding: 0 auto 0 auto; }  
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #000; }
#left_sidebar ul li a, #right_sidebar ul li a { font-size: 1.08em; display: inline; margin: 0 0 0 0; padding: 0; }
#left_sidebar ul li, #right_sidebar ul li { background: transparent; display: block; padding: 0 0 3px 0; margin: 0; list-style: none; }
#left_sidebar ul ul, #right_sidebar ul ul { margin: 0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul { margin: 0 0 0 0; padding: 0 0 0 0; }
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { font-size: 1.3em; font-variant: small-caps; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 0px; text-align: left; border-bottom: 1px solid #7c7953; width: 80%; } 


/***** HEADER 2 *****/
.header-2 { width: 319px; height:319px; margin: 10px 0 0 0; padding: 0; background: url(images/header-2.jpg) no-repeat 0 0;}
/***** HEADER PHOTOS *****/
.photos_harlem { width: 160px; height: 160px; margin: 0; padding: 0; background: url(images/photos_harlem.jpg) no-repeat 0 0; }

/***** logo PS *****/
#left_sidebar .logo_ps { margin: 0; padding: 0; width: 156px; float: right;}
#left_sidebar .logo_ps a { display:block; height:160px; width: 156px;}
#left_sidebar .logo_ps a span { display:none;}
/***** MENU TOP *****/
#left_sidebar .menu  { margin: 10px 0 0 0; padding: 0; width: 159px; float:left;}
#left_sidebar .menu ul { margin: 5px 0 0 0; padding: 0; list-style: none; text-align: left; }
#left_sidebar .menu ul li { margin: 0; padding: 0; height: 24px;  }
#left_sidebar .menu ul li a { display:block; margin: 0; padding: 0 2px 0 0; text-decoration: none; font-size: 12px; color: #000; float:left; background:#fff; height: 18px; line-height: 18px; font-family: "Trebuchet MS", Georgia, Sans-serif; }
#left_sidebar .menu ul li a:hover { color: #fff; background-color:#f02d74;}

/***** FLUX RSS *****/
#left_sidebar .flux_rss  { margin: 50px 0 0 236px; padding: 0; text-align:left;}
#left_sidebar .flux_rss a { display:block; margin: 0; padding: 0; width:74px; height:21px; background-position:0 0; background-repeat:no-repeat; background-image:url(images/btn_rss_n.gif); }
#left_sidebar .flux_rss a:hover { background-image:url(images/btn_rss_o.gif);}
#left_sidebar .flux_rss a span { display:none;}


/***** SEARCH *****/
.search { margin: 20px 0 0 164px; padding: 0; color:#fff; font-size:11px; font-family:"Trebuchet MS", Georgia, Sans-serif; text-indent:4px; }
.search form { margin: 0 0 0 0; padding: 0; }
.search input#s { float:left; color: #000; width: 120px; margin: 0 0 0 0; padding: 2px 5px 0 5px; height:16px; background-color:#fff; font-size:12px; border:none; text-align:center; }
.search .search-submit { display: none; }
.search a { display:block; float:left; width:21px; height:18px; background-position:0 0; background-repeat:no-repeat; background-image:url(images/btn_search_n.gif); }
.search a:hover { background-image:url(images/btn_search_o.gif); }
.search a span { display: none; }

/***** SIDEBARE ENCARTS *****/
#left_sidebar ul li.encart  { width:319px;}
#right_sidebar ul li.encart,#right_sidebar ul li.linkcat   { width:189px;}
#left_sidebar ul li.encart,#right_sidebar ul li.encart,#right_sidebar ul li.linkcat  { background-color:#ededed; background-position: 0 0; background-repeat: no-repeat; padding:64px 0 0 0; margin:10px 0 0 0;}
#left_sidebar ul li.encart h2,#right_sidebar ul li.encart h2,#right_sidebar ul li.linkcat h2  { display: none;}
#left_sidebar ul li.encart a,#right_sidebar ul li.encart a, ,#right_sidebar ul li.linkcat a  { margin: 0; font-size:11px;}
#left_sidebar ul li.encart ul,#right_sidebar ul li.encart ul,#right_sidebar ul li.linkcat ul { background-color:transparent; background-position: left bottom; background-repeat: no-repeat; padding:0 9px 13px 9px; margin:0;}
#left_sidebar ul li.encart ul { background-image: url(images/encart_left_b.gif); width:301px;}
#right_sidebar ul li.encart ul,#right_sidebar ul li.linkcat ul { background-image: url(images/encart_right_b.gif); width:189px;}
	/*** agenda ***/
#left_sidebar ul li#agenda { background-image: url(images/encart_agenda.gif);}
#left_sidebar ul li#agenda p{padding-top:0px; padding-bottom:5px;}
	/*** cdc ***/
#left_sidebar ul li#cdc { background-image: url(images/encart_cdc.gif);}
#left_sidebar ul li#cdc ul li { padding-left:35px; background-position:0 3px; background-repeat: no-repeat;}
#left_sidebar ul li#cdc ul li.cdcoeur  { background-image:url(images/picto_cdcoeur_s.gif); margin:0 0 5px 0;}
#left_sidebar ul li#cdc ul li.cdcolere  { background-image:url(images/picto_cdcolere_s.gif); margin:0 0 5px 0;}
#left_sidebar ul li#cdc ul li a.btn_archives_cdc { display:block; margin:10px 0 0 180px; width:76px; height:18px; background-position:0 0; background-repeat:no-repeat; background-image: url(images/btn_archives_cdc_n.gif);}
#left_sidebar ul li#cdc ul li a.btn_archives_cdc:hover { background-image: url(images/btn_archives_cdc_o.gif);}
#left_sidebar ul li#cdc ul li a.btn_archives_cdc span { display:none;}
	/*** categories ***/
#left_sidebar ul li#categories { background-image: url(images/encart_categories.gif);}
#left_sidebar ul li#categories ul li { float:left; background: url(images/puce_categorie.gif) 2px 4px no-repeat; width:120px; padding: 3px 0 3px 22px; font-size:11px; }
#left_sidebar ul li#categories ul li a { color:#f02d74; font-weight:bold;}
#left_sidebar ul li#categories ul li.cat-wrap { clear:both; float:none; height:1px; font-size:1px; background:none;}
	/*** communauté ***/
#right_sidebar ul li#communaute { background-image:url(images/encart_communaute.gif); }
#right_sidebar ul li#communaute ul { margin:0; padding:0; height:45px; }
#right_sidebar ul li#communaute ul li { margin:0; padding:0; }
#right_sidebar ul li#communaute #communauteform { margin:0; padding:0;}
#right_sidebar ul li#communaute #communauteform input#com_email { float:left; color: #000; width: 148px; margin: 10px 0 10px 1px; padding: 2px 5px 0 5px; height:16px; background-color:#fff; font-size:11px; border:none; text-align:center; }
#right_sidebar ul li#communaute #communauteform a { display:block; float:left; margin: 10px 0 10px 0; width:29px; height:24px; background-position:0 0; background-repeat:no-repeat; background-image:url(images/btn_ok_n.gif); }
#right_sidebar ul li#communaute #communauteform a:hover { background-image:url(images/btn_ok_o.gif); }
#right_sidebar ul li#communaute #communauteform a span { display:none; }
	/*** twitter ***/
#right_sidebar ul li#twitter { background-image: url(images/encart_twitter.gif); padding-top:0px;}
#right_sidebar ul li#twitter a.titre_twitter { display:block; width:189px; height:66px;}
#right_sidebar ul li#twitter a span { display:none;}
#right_sidebar ul li#twitter ul { width:189px; margin:0; padding:0 0 10px 0;}
#right_sidebar ul li#twitter ul li { margin: 0; padding:0 19px 10px 19px; width:149px; background: url(images/puce_twitter.gif) 3px 1px no-repeat; font-size:11px; }
#right_sidebar ul li#twitter ul li a { color:#f02d74; text-decoration:underline; white-space:nowrap; }
#right_sidebar ul li#twitter ul li a:hover { text-decoration:none; }
#right_sidebar ul li#twitter ul li .twitter-timestamp { font-style:italic; color:#333333; white-space:nowrap; display:block; }
	/*** dailymotion ***/
#right_sidebar ul li#flickr_slide { padding:13px 0 0 0; text-align:left;}
#right_sidebar ul li#flickr_slide ul { width:189px; margin:0; padding:0 0 0 0;}
	/*** dailymotion ***/
#right_sidebar ul li#dailymotion { background-image: url(images/encart_dailymotion.gif); padding-top:12px; text-align:center; margin-bottom:13px;}
#right_sidebar ul li#dailymotion ul { width:189px; margin:0; padding:0 0 6px 0;}
	/*** liens ***/
#right_sidebar ul li.linkcat { background-image: url(images/encart_liens.gif); margin: 0;}
#right_sidebar ul li.linkcat ul { width:189px; margin: 0; padding:0 0 10px 0;}
#right_sidebar ul li.linkcat ul li { margin: 0; padding:0 19px 10px 19px;}
#right_sidebar ul li.linkcat a { text-decoration:underline;}
#right_sidebar ul li.linkcat a:hover { text-decoration:none;}




	/*** archives ***/
	
#archives { border:0; margin:10px 0 0 0; padding: 0; border-collapse:collapse; width:319px; height:51px;}
#archives td { margin:0; padding: 0 30px 0 170px; display:table-cell; vertical-align:middle; text-align:center; background:url(images/encart_archives.gif) no-repeat 0 0;}
#archives ul { margin:0; padding: 0;}
#archives ul li { margin:0; padding: 0 5px; display:inline;}
	/*** archives_new ***/
#left_sidebar ul li#archives_new { background-image: url(images/encart_archives_new.gif);}
#left_sidebar ul li#archives_new ul li { float:left; width:139px; padding: 3px 0 3px 5px; font-size:11px; }
#left_sidebar ul li#archives_new ul li a { color:#000;}
#left_sidebar ul li#archives_new ul li.cat-wrap { clear:both; float:none; height:1px; font-size:1px; background:none;}


	/*** europe ***/
#left_sidebar ul li#europe { margin:10px 0 0 0; padding: 0;}
#left_sidebar ul li#europe a { display:block; width:319px; height:63px; margin:0; padding: 0; background-position: 0 0; background-repeat:no-repeat; background-image: url(images/btn_europe_n.gif); }
#left_sidebar ul li#europe a:hover { background-image: url(images/btn_europe_o.gif); }
#left_sidebar ul li#europe a span { display:none; }

	/*** tags ***/
	
#left_sidebar ul li#tags { margin:30px 0 20px 0; padding: 0 20px 0 10px; width:auto; background:transparent; text-align:center; font-family:"Trebuchet MS", Tahoma, Arial;}

	/*** rejoindre ***/
#right_sidebar ul li#rejoindre { margin:10px 0 0 0; padding: 0;}
#right_sidebar ul li#rejoindre a { display:block; height:319px; width:189px; margin:0; padding: 0; background-position: 0 0; background-repeat:no-repeat; background-image: url(images/header-3_n.gif); }
#right_sidebar ul li#rejoindre a:hover { background-image: url(images/header-3_o.gif); }
#right_sidebar ul li#rejoindre a span { display:none; }


	/*** facebook ***/
#right_sidebar ul li#facebook { margin:10px 0 0 0; padding: 0;}
#right_sidebar ul li#facebook a { display:block; width:189px; height:66px; margin:0; padding: 0; background-position: 0 0; background-repeat:no-repeat; background-image: url(images/btn_facebook_n.gif); }
#right_sidebar ul li#facebook a:hover { background-image: url(images/btn_facebook_o.gif); }
#right_sidebar ul li#facebook a span { display:none; }

	/*** vidéos/ audio ***/
#right_sidebar ul li#videos-audio { margin:10px 0 0 0; padding: 0;}
#right_sidebar ul li#videos-audio a { display:block; width:195px; height:58px; margin:0; padding: 0; background-position: 0 0; background-repeat:no-repeat; background-image: url(images/btn_videos_audio_n.gif); }
#right_sidebar ul li#videos-audio a:hover { background-image: url(images/btn_videos_audio_o.gif); }
#right_sidebar ul li#videos-audio a span { display:none; }

	/*** flickr ***/
#right_sidebar ul li#flickr { margin:0; padding: 0;}
#right_sidebar ul li#flickr a { display:block; width:195px; height:58px; margin:0; padding: 0; background-position: 0 0; background-repeat:no-repeat; background-image: url(images/btn_flickr_n.gif); }
#right_sidebar ul li#flickr a:hover { background-image: url(images/btn_flickr_o.gif); }
#right_sidebar ul li#flickr a span { display:none; }


/***** Calendar *****/
#wp-calendar { text-align: center; margin: 0 0 10px 20px; padding: 0; width: 80%; border: #3f3013 3px double; font-variant: small-caps; font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #544b40; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #544b40; text-decoration: none; line-height: 10px;
font-weight: bold; font-variant: small-caps; font-size: 10px; }
#wp-calendar #prev a { width: 30px; font-variant: small-caps; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background: #600000; color: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #544b40; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #533419; text-align: center; width: 80%; margin: 5px 0 5px 20px; font-family: Times, Verdana,Sans-Serif; font-size: 14px; }

/***** COMMENTS *****/
.comments-template { margin: 0 0; border-top: 1px solid #666; padding: 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: "Trebuchet MS", Georgia, Sans-serif; font-size: 14px; margin: 10px 0 0 0; }
.comments-template h3 { color:#f02d74;}
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; }
.authorcomment { }

/***** IE HACKS *****/
* html .menu  { }