* {margin:0;padding:0}
body { margin: 0; padding: 0; background-color: #66ccff; background-image: url(/static/lebonheur/images/blogs/bak.gif); background-repeat: no-repeat;  }
.container { width:990px; margin: 20px auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	color: #333; line-height: 16px;}

.header { width: 990px; height: 110px; background: url(/static/lebonheur/images/blogs/header-drop-shadow.png); background-repeat: no-repeat; overflow: hidden; }
.header-main { width: 930px; background: url(/static/lebonheur/images/blogs/page-background.png) repeat; margin: 27px 0 0 27px; overflow: hidden;}
.header-left { width: 190px; background: url(/static/lebonheur/images/blogs/logo.gif) no-repeat 18px 26px; height: 83px; float: left; }
.header-right { width: 740px; float: right; }

.content { width: 990px; background: url(/static/lebonheur/images/blogs/drop-shawdow-background.png); background-repeat: repeat; overflow: hidden;}
.content-main { width: 930px; margin: 0 0 0 27px; background: url(/static/lebonheur/images/blogs/page-background.png) repeat-y; overflow: hidden;}

.content-left {position: relative; font-family: Georgia, "Times New Roman", Times, serif; width: 190px; float: left;  font-size: 12px; color: #fff;}
.content-left ul { margin: 0 0 15px 20px;	padding: 0; list-style: none; font-weight: bold; }
.content-left li a {text-decoration: none;	 }
.content-left li a, a {color: #fff;}
.content-left li { margin: 0; padding: 6px 0; }
.content-left li a:hover { text-decoration: underline;	}
.content-left h3 { margin: 20px 0 10px 20px; padding: 0; font-size: 12px;	font-weight: normal; text-transform: uppercase;	}
.content-left p {padding:8px 0 10px 0;   margin: 0 10px 0px 20px; font-size: 12px; font-weight: normal;}
.content-left p a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.content-center {position: relative; width: 565px;  float: left;  }
.content-center ul  { margin: 0 0 25px 20px; }
.next-previous {	margin: 0 0px 15px 35px; }
.next-previous a { color: blue; }
.blogWrapper { position: relative; margin: 0 20px 20px 34px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.blogWrapper img { margin: 0 0 6px 12px; }
.blogWrapper .blog-date { margin-top: 14px; width: 32px;	height: 32px;	background-color: #ffff33;	text-align: center;	line-height: 14px;	float: left;}
.blogWrapper .blog-date .mth {font-size: 9px; color: #66cc33;	}
.blogWrapper .blog-date .num {font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #0033cc; }
.blogWrapper h2 { position: relative; margin: 0; padding: 14px 0 8px 0; left: 8px; font-family: Georgia, "Times New Roman", Times, serif; color: #66cc33; font-weight: normal; font-size: 30px; line-height: 28px; }
.blogWrapper .blog-foo { width: auto; height: 18px; margin-top: 15px; padding-top: 2px; background-color: #e0f5d6; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999; font-size: 9px; font-weight: normal; text-transform: uppercase; }
.blogWrapper .blog-foo a {	padding: 0 8px; color: #999; text-decoration: none; }
.blogWrapper .blog-foo a:hover { text-decoration: underline; }
.blogWrapper h6 a {font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-weight: normal; font-size: 10px; line-height: 30px;}
.blogWrapper  a { color: blue; }

img.floatLeft { float: left; margin: 4px; border: 1px solid black; }
img.floatRight { float: right; margin: 4px;  border: 1px solid black;}

a.reportabuse  { color: blue; }
p.taglist  { margin: 10px 0 0 0; }
.taglist a { color: blue; }

.staticcontent p { 	padding: 10px 30px 10px 30px; }
.staticcontent h2 { 	position: relative; margin: 0; padding: 14px 10px 16px 22px; left: 8px; font-family: Georgia, "Times New Roman", Times, serif; color: #66cc33; font-weight: normal; font-size: 30px; line-height: 28px; }
.staticcontent ul  { margin: 25px 0 25px 50px; }
.staticcontent a { color: blue; }

.content-right {  width: 175px;  float: left;  }

.hCalendarTable {position: relative; margin: 10px 5px 0px 0px; text-align: center; color: #66cc33;	}
.hCalendarMonthYearRow { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; padding-bottom: 6px; }
.hCalendarDayNameRow { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #0033cc; font-weight: normal; padding: 2px 2px 4px 2px;}
.hCalendarDayTitle a {color:blue;}
a.hCalendarNavBar {color:blue;}
a.hCalendarDayTitle  {color:blue;}

.content-right h6  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; padding-bottom: 1px; color: #66cc33;	}
.logos {	position: relative; margin: 30px 0 0px 0; text-align: center; }
.search { position: relative; margin: 30px 0 20px 0;}
.searchbutton { color: black; font-size: 9px; margin: 3px 0 0 0; padding: 2px 5px 2px 5px; }
.share {	 position: relative; margin: 0 0 2px 0;}
.rss a  {position: relative;  padding: 2px 0 2px 20px;  height: 20px; color: black; font-size: 9px; text-decoration: none; background: url(/static/global/images/feed-icon-16x16.gif)  no-repeat 0px 0px; line-height: 18px;  }
.rss a:hover {	text-decoration: underline; }

.tagcloud { position: relative;	margin: 20px 0 20px 0; }

.s1,.s2,.s3,.s4,.s5 {color: blue; margin: 0 2px 0 2px;  }

.s1 {font-size:80%;}
.s2 {font-size:100%;}
.s3 {font-size:120%;}
.s4 {font-size:140%;}
.s5 {font-size:160%;}

.footer {background: url(/static/lebonheur/images/blogs/drop-shadow-footer.png) no-repeat;	width: 990px; height: 78px; }
.footer-main { width: 930px; height: 43px; margin: 0 0 0 27px;}
.footer-left { width: 190px;  float: left;  background-color: #66cc33; height: 43px; }
.footer-right { width: 740px; background-color: #fff; float: right;  height: 43px; }



a:hover { text-decoration: none; }

.bio { margin: 30px 15px 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999; line-height: 12px;}
.cursor { cursor:pointer; cursor:hand; }

/* comments ----------------------------------------------- */

.comment {	margin: 10px 25px 5px 0; }
.comments { margin-left: 40px; }

div.comments-form{ position: relative; margin-left: 10px; margin-top:10px;}
div.comments-form { padding: 10px 0 3px 30px; }
.comments-head { color:#CC9933; margin: 0 100px 0 0; border-bottom:1px dotted #666; text-transform:uppercase; letter-spacing: .2em; margin-bottom: 1.5em; }

p.comment-details {font-size: 80%; color: #999; padding: 5px 0 1px 0; }
.comment-details a { color: blue; }
.comments-syntax-indicator { font-weight: bold; }
.comments-syntax-indicator span.enabled { background: transparent; color: green; font-style: italic; }
.comments-syntax-indicator span.disabled {background: transparent; color: red; font-style: italic; }

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

form ul{ position: relative; list-style: none; width: 100%; }
form li{ line-height: 2em; margin: 0; padding: 1px 1px 6px 9px; }
form li.focused{ background-color: #fff7c0 !important; }
form li p{ font-size: 9px; line-height: 13px; color: #444; }
form li{ display: inline-block; }
form[id] li{ display: block; }
form li div{ display: inline-block; }
form[id] li div{ display: inline; }
form .left{ float: left !important; margin: 0; }
form .right{ float: right !important; margin: 0; }
form .clear{ clear: both; } 
form li div p{ margin: 0 0 5px 0; }
form div.left{ margin-right: 2px !important; }
form div.left[class]{ margin-right: 4px !important; }
form div.left img{ margin: 0 0 -2px 0; }
form h2{ font-size: 1.8em; clear: left; } 
form .info{ display: inline-block; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc !important;}
form .info[class]{ display: block; }
form .info p{ font-size: 1em; line-height: 1.3em; margin: 0 0 8px 0; }
textarea.textarea{margin-bottom: 1px;}
textarea.textarea[class]{font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, sans-serif;}
select.select{ padding: 1px 0 0 0; margin: 1px 0 3px 0; }
select.select[class]{ margin: 0; padding: 1px 0 1px 0; }
form .small{ width: 70px; }
form .medium{ width: 170px; }
form .large, form textarea.textarea{ width: 340px; }
form .tags{ width: 320px; }
form textarea.small{ height: 5.5em; }
form textarea.medium{ height: 10em; }
form textarea.large{ height: 20em; }
.choices input{ width: 200px; margin-right: 3px; }
.choices ol{ margin: 10px 0 0 0; }
.choices[class] ol{ margin: 0 !important; }
.choices img{ margin: 0 0 1px 0; }
fieldset ol li{ display: list-item !important; margin: 0 5px 2px 3px !important; padding: 0 !important; list-style: inside decimal; }
input.button, button { width: 6em; padding: 2px 2px 0 0; /* fix for IE */ }
/* revert to normal for Firefox */
li>input.button, li>button, input.button>input.button, button>button { padding: 2px; }
label.desc{ margin: 4px 0 3px 0; border: 0; color: #444; font-size: 1em; line-height: 1.3em; display: block; font-weight: bold; }
input.text, input.number, input.url, input.email, input.password, input.file, 
textarea.textarea, select.select {font-size: 1.2em; border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; color: #333; }
input.text, input.number, input.url, input.email, input.password, input.file{ padding: 2px; }
input.currency{ text-align: right; }
input.checkbox, input.radio{ display: block; line-height: 1.4em; margin: 8px 0 0 3px; width: 13px; height: 13px; }
input.focus, textarea.focus { background: #ffd; color: #000; }
label.choice { display: block; line-height: 1.4em; margin: -19px 0 0 25px; padding: 4px 0 5px 0; color: #444; width: 80%; }