/* Template */
body {margin: 0; padding: 0; background-image: url('bg.jpg'); }
label {display: block;}
#form_name, #form_email, #form_url, #form_body {width: 200px;}
input, textarea {border: 1px solid #aaa;}

#imSite {width: 943px; margin: 0 auto; text-align: left; }
#imHeader {height: 241px; background-image: url('top.jpg'); background-repeat: no-repeat; background-position: left top; cursor: pointer; position: relative; margin: 0;}
#imBody {background-image: url('content.jpg'); background-repeat: repeat-y; background-position: left top; }
#imMenuMain {height: 36px; padding: 1px 2px 0 28px; background-image: url('menu.jpg'); background-repeat: no-repeat; background-position: left top; }
#imContent {padding: 15px 40px 0 38px; margin-left: 15px}
#imFooter {clear: both; height: 85px; background-image: url('bottom.jpg'); background-repeat: no-repeat; background-position: left top; }

/* Title */
h1 {position: absolute; left: 140px; top: 105px; font: 30px arial,helvetica,clean,sans-serif; color: #f0eeda; margin: 0; }
#ImBlogSubTitle {position: absolute; left: 140px; top: 145px; font: 22px arial,helvetica,clean,sans-serif; color: #f0eeda;}

/* General */
p {margin: 0; padding: 0; } 
form, fieldset {margin: 0; padding: 0; border: none; }
fieldset legend {visibility: hidden; }

/* Main boxes */
#ImBlogMain {width: 69%; float: left; padding-left: 3px; margin-left: 5px; font: 13px arial,helvetica,clean,sans-serif; color: #4f260d; }
#ImBlogSideBar {width: 26%; float: right; margin-right: 1%; font: 13px arial,helvetica,clean,sans-serif; color: #0d4e26; }

/* Box */

.topBox {width: 218px; height: 40px; background-image: url('box_top.jpg'); background-repeat: no-repeat; margin: 0; overflow: hidden; }
.contentBox {width: 218px; background-image: url('box_content.jpg'); background-repeat: repeat-y; margin: 0; }
.contentText {padding: 5px; margin: 0 0 0 15px;}
.footerBox {width: 218px; height: 38px; background-image: url('box_bottom.jpg'); background-repeat: no-repeat; margin: 0; overflow: hidden; }

/* Comments Style */
.imBlogCommentsCount {font: 14px arial,helvetica,clean,sans-serif; font-weight: bold; color: #634737; margin: 10px 0 7px;}
.imBlogPostCommentUser {font: 12px arial,helvetica,clean,sans-serif; font-weight: bold; color: #634737;}
.imBlogPostCommentBody {font: 12px arial,helvetica,clean,sans-serif; color: #634737;}
.imBlogPostCommentDate {font: 10px arial,helvetica,clean,sans-serif; color: #634737; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #634737;}
.imBlogCommentsForm {font: 12px arial,helvetica,clean,sans-serif; color: #634737;}

/* Text Style */
.imBgMain {}
.imBlogEmpty {}
.imBlogPostTitle {font: bold 16px arial,helvetica,clean,sans-serif; color: #46210a; margin-bottom: 3px;}
.imBlogPostDetails {font: 9px arial,helvetica,clean,sans-serif; color: #696868; margin-bottom: 5px; }
.imBlogPostRead {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #5d2e11; }
.ImBlogQuote {margin: 10px 15px -5px 5px; padding: 15px; padding-top: 20px; background: url('virgolette.gif') no-repeat left top; font-style: italic; }
.ImBlogCode {margin: 10px 15px -5px 5px; padding: 5px; border: 1px #301803 solid; font-family: Courier; color: #301803; background-color: #c64c01;}
#ImBlogPodCast {border: none; vertical-align: baseline; margin-top: 5px}

#imBgBoxSearch {position: absolute; top: 200px; right: 15px; font-size: 12px; width: 250px;}
#imBgBoxLast, #imBgBoxCateg, #imBgBoxMonths, #imBgBoxClouds {margin: 5px 0 10px 0;}
.ImBlogBoxTitle {font-family: arial,helvetica,clean,sans-serif; font-size: 110%; font-weight: bold; color: #3b1e04; margin: 0 0 10px 3px; }
#imBgBoxSearch a.ImLink, #imBgBoxLast a.ImLink, #imBgBoxCateg a.ImLink, #imBgBoxMonths a.ImLink {padding-left: 25px; background: url('bullet.gif') no-repeat left top; width: 20px; height: 23px; }

#imSButton { background-color: #c64c01; color: #3b1e04; }

/* -- Links Style -- */
.imBlogPostCommentUser a, a.ImLink  {text-decoration:none; }
.imBlogPostCommentUser a:link, a.ImLink:link {color: #000000; }
.imBlogPostCommentUser a:visited, a.ImLink:visited {color: #3b1e04;}
.imBlogPostCommentUser a:hover, a.ImLink:hover {color: #f8f5e7; background-color: #c64c01;}


/* Footer */
#ImBlogFooter {margin: 10px 0 0 65px; font: 12px Tahoma; color: #3b1e04; }
