/* 	chezmoncef.com CSS
 *
 *	@media:		Screen
 *	@authors:	Moncef Belyamani, Max Wheeler (Tumblr code), Allan Cole (header, menu code)
 * 
 * 	----------------------------------- */


* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

body {
background: #222 url('http://www.monfresh.com/images/shadow.png') 165px 0px no-repeat fixed;
color: #fff;
height: 100%;
font: normal 12px/1.6 "Lucida Grande", Verdana, sans-serif;
min-width: 760px;
}


/* =Header
-------------------------------------------------------------- */
#header{
position:fixed;
width:150px;
padding:0;
background: #fff;
top:0;left:0;bottom:0;
overflow:hidden;
border-right:1px solid #DFDFDF;
padding:12px 5px 0 10px;
}

#follow {
	margin-top: 15px;
}

#blog-title{
width:150px;
letter-spacing:-1px;
padding:0;
margin:0;
font: bold 2.5em/36px "Hoefler Text", "Palatino Linotype";
}

#blog-title a{
text-decoration:none;
color: #686F6F;
padding-right: 10px;
}

#header a:hover{color: #0A9EBF;text-decoration:none;}



/* =Menu
-------------------------------------------------------------- */
#access{
margin-top:0;
}

#menu ul{
margin:0;
list-style:none;
clear:both;
}

#menu li{
	font: 1.2em "Hoefler Text", "Palatino Linotype";
	color: #686f6f;
}
#menu a{
display:block;
padding:0;
line-height:24px;
text-decoration:none;
color: #686F6F;
}

#menu .current_page_item a{
cursor:default;
color:#99AFAF;
}


/* Tumblr
 * ----------------------------------- */
#tumblr #content {
background: #FeFeFe url('http://www.monfresh.com/images/shadow.png') 165px 0px no-repeat fixed;
color: #222;
padding: 1.6em 0 3em 150px;
font: normal 12px/1.6 "Lucida Grande", Verdana, sans-serif;;
}
	#tumblr #content .post {
	margin: 0 0 3em 170px;
	position: relative;
	width: 510px;
	}
		#tumblr #content .post p,
		#tumblr #content .post blockquote {
		font: normal 12px/1.6 "Lucida Grande", Verdana, sans-serif;
		margin: 0.1em 0 0.9em;
		}
			#tumblr #content .post blockquote,
			#tumblr #content .post blockquote p {
			font-style: italic;
			}
	
		#tumblr #content div.date {
		color: #999;
		font-weight:normal;
		font-size: 1.1em;
		float: left;
		line-height: 1.6em;
		font-family: Georgia, serif;
		margin: 0 10px 0.7em 0;
		/*text-shadow: #fff 0 0 0;*/
		text-align: center;
		width: 120px;
		font-style: italic;
	padding-right: 0;
	padding-left: 1em;
	padding-bottom: 0.7em;
}
		#tumblr #content hr {
		background: transparent;
		border: 0;
		border-bottom: 1px #ccc dotted;
		height: 0;
		overflow: hidden;
		margin: 1em 0;
		width: 570px;
		}
	
	#tumblr #content .post div.caption {
	padding: 0.8em 1.2em 0;	
	font: normal 12px/1.6 "Lucida Grande", Verdana, sans-serif;
	text-align: left;
	}
	
	#tumblr #content .post blockquote {
	color: #333;
	border-left: 2px #efefef solid;
	margin: 10px 40px 15px 20px;
	padding-left: 20px;
	}
		#tumblr #content .post .photo blockquote {
		border-left: 0;
		margin: 10px 40px 15px 10px;
		padding-left: 0;		
		}
		
	#tumblr #content .post .photo ul {margin-left: 30px; margin-bottom: 10px;}	
	#tumblr #content .post .video ul {margin-left: 30px; margin-bottom: 10px;}	
	#tumblr #content .post .regular ul {margin-left: 30px; margin-bottom: 10px;}
	#tumblr #content .post .regular ol {margin-left: 30px; margin-bottom: 10px;}
	#tumblr #content .post .link ul {margin-left: 30px; margin-bottom: 10px;}	
	#tumblr #content .post .quote {	}
	
	#tumblr #content .audio div.caption {	
	font: normal 12px/1.6 "Lucida Grande", Verdana, sans-serif;
	text-align: left;
	padding: 0.8em 1.2em 0 0;
}
	
	#tumblr #content .quote div.quote_text {
		text-shadow: #fff 0 0 0;
		font-family: Georgia, serif;
		font-style: italic;
    border-left: solid 2px #dbdbdb;
    padding-left: 15px;
    }
    
		#tumblr #content .quote div.quote_text span.short {
        font-size: 26px;
		line-height: 30px;
		letter-spacing: -1px;
        }
        
		#tumblr #content .quote div.quote_text span.medium {
		font-size: 22px;
		line-height: 26px;
        }
        
		#tumblr #content .quote div.quote_text span.long {
		font-size: 16px;
		line-height: 19px;
        }
    #tumblr #content .quote div.source {
    font-weight: normal;
    margin-top: 5px;
		padding: 0 0 0 4em;
    }
	#tumblr #content .post .chat {

	}
	#tumblr #content .post .photo, #tumblr #content .post .video {
	border-left: 2px solid #dbdbdb;
	padding: 1.4em 0;
	}
		
		#tumblr #content .post .photo a.preview {
		border: none;
		text-decoration: none;
		}
		#tumblr #content .post .photo img, #tumblr #content .post .video object {
		border-top: 2px #dbdbdb solid;
		border-right: 2px #dbdbdb solid;
		border-bottom: 2px #dbdbdb solid;
		}
		
		#tumblr #content .photo div.caption img {
		margin-left: -14px;
		}
		
	#tumblr .post h4 {
	color: #333;
	font-weight: normal;
	font-family: Georgia, serif;
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 1em 0 0.4em;
	text-shadow: #fff 0 0 0;
	}
	#tumblr .post a.permalink {
	border: 0;
	color: #dbdbdb;
	padding: 1px 2px;
	position: absolute;
	left: -20px;
	text-decoration: none;
	}
	#tumblr .post a {
	/*border-bottom: 1px #009cd6 dotted;*/
	text-decoration: none;
	color: #0A9EBF;
}
		#tumblr .post a:hover, #tumblr .post a:hover.permalink {
		/*border-bottom: 1px #f23 solid;*/
		color: #f23;
		}
	#tumblr .tumblr-nav {
	font: italic 1em/1.2em Georgia;
	overflow: hidden;
	width: 100px;
	zoom: 1;
	}
		#tumblr .tumblr-nav a {
		color: #0A9EBF;
		display: block;
		float: right;
		text-align: center;
		text-decoration: none;
		padding: 3px 2px;
		width: 56px;
		}
			#tumblr .tumblr-nav a:hover {				
			background: #00aeef;
			color: #fff
			}
	    
	#tumblr div.chat ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px 0px 0px 1px;
        }
                #tumblr div.chat ul li {
                font-size: 12px;
                padding: 4px 10px 4px 8px;
                margin-bottom: 1px;
                }
         
			#tumblr div.chat ul li.odd {
			background: #00aeef url(http://www.monfresh.com/images/80white.png);
			}

			#tumblr div.chat ul li.even {
			background: #00aeef url(http://www.monfresh.com/images/70white.png);
			}
                        #tumblr div.chat ul li span.user_1 {
                        color: #222;
                        }
                        #tumblr div.chat ul li span.user_2 {
                        color: #333;
                        }
                        #tumblr div.chat ul li span.user_3 {
                        color: #000;
                        }
		#tumblr pre {
		border-bottom: 1px #dbdbdb dotted;
		border-top: 1px #dbdbdb dotted;
		margin: 10px 0;
		padding: 10px 0;
		font: normal 11px/14px Monaco, Courier;
		}

#tumblr .chat { /*display: none !important;*/ }


#tumblr #content .comments {
	margin: 0 0 3em 170px;
	position: relative;
	width: 510px;
	}
	
ol.notes {
                padding: 0px;
                margin: 25px 0px;
                list-style-type: none;
                border-bottom: solid 1px #ccc;
            }

            ol.notes li.note {
                border-top: solid 1px #ccc;
                padding: 10px;
            }

            ol.notes li.note img.avatar {
                vertical-align: -4px;
                margin-right: 10px;
                width: 16px;
                height: 16px;
            }

            ol.notes li.note span.action {
                font-weight: bold;
            }

            ol.notes li.note .answer_content {
                font-weight: normal;
            }

            ol.notes li.note blockquote {
                border-color: #eee;
                padding: 4px 10px;
                margin: 10px 0px 0px 25px;
            }

            ol.notes li.note blockquote a {
                text-decoration: none;
            }


.notes-button {
	display: none;
	background: url("http://www.monfresh.com/chezmoncef/like.png") no-repeat 0 50%;
	padding: 0.25em 0 0.25em 20px;
	
}

.notes-container { display: none; }
.notes-container ol { list-style: none; }



/*	Footer
 * 	----------------------------------- */

#footer {
background: #f23;
padding: 10px 30px 0px 182px;
margin-top: -2px;
}
	#footer p {
	
	height: 19px;
	overflow: hidden;
	
	width: 689px;
	color: #f0f0f0;
	font: 0.8em/9px "Lucida Grande", Verdana, sans-serif;
}

#footer p a{
	border-bottom: 1px #fefefe dotted;
	color: #fefefe;
	text-decoration:none;
}


/*	Misc
 * 	----------------------------------- */

div.spacer {
clear: both;
height: 0;
overflow: hidden;
}

img {
border: 0;
}