/* Template */

body {margin: 0; padding: 0; background-image: url('bg.jpg'); background-color:#FFFFFF; }

label {display: block;}

#form_name, #form_email, #form_url {width: 250px;}

#form_body {width: 500px; height: 145px}

input, textarea {border: 1px solid #aaa;}



#imSite {width: 922px; margin: 0 auto; text-align: left; }

#imHeader {height: 167px; 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: 8px 13px 0 0px; margin-left: 8px}

#imFooter {clear: both; height: 63px; background-image: url('bottom.jpg'); background-repeat: no-repeat; background-position: left top; }



/* Title */

h1 {position: relative; left: 15px; top: 80px; font: 32px Tahoma; color: #e4eef5; margin: 0;}

#ImBlogSubTitle {position: relative; left: 15px; top: 80px; font: 24px Tahoma; color: #e4eef5;}



/* General */

p {margin: 0; padding: 0; } 

form, fieldset {margin: 0; padding: 0; border: none; }

fieldset legend {visibility: hidden; }



/* Main boxes */

#ImBlogMain {width: 65%; float: left; padding-left: 3px; margin-left: 5px; font: 13px Tahoma; color: #000000; }

#ImBlogSideBar {width: 30%; float: right; margin-right: 1%; font: 13px Tahoma; color: #000000; }



/* Box */



.topBox {width: 270px; height:13px; background-image: url('box_top.jpg'); background-repeat: no-repeat; margin: 0; overflow: hidden; }

.contentBox {width: 270px; background-image: url('box_content.jpg'); background-repeat: repeat-y; margin: 0; }

.contentText {padding: 15px; margin: 0;}

.footerBox {width: 270px; height:29px; background-image: url('box_bottom.jpg'); background-repeat: no-repeat; margin: 0; overflow: hidden; }



/* Comments Style */

.imBlogCommentsCount {font: 14px Tahoma; font-weight: bold; color: #053250; margin: 10px 0 7px;}

.imBlogPostCommentUser {font: 12px Tahoma; font-weight: bold; color: #053250;}

.imBlogPostCommentBody {font: 12px Tahoma; color: #053250;}

.imBlogPostCommentDate {font: 10px Tahoma; color: #194b6d; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #194b6d;}

.imBlogCommentsForm {font: 12px Tahoma; color: #053250;}



/* Text Style */

.imBgMain {}

.imBlogEmpty {}

.imBlogPostTitle {font: bold 16px Tahoma; color: #103e5e; margin-bottom: 3px;}

.imBlogPostDetails {font: 9px Tahoma; color: #808080; margin-bottom: 5px; }

.imBlogPostRead {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #053250; }

.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 #00004b solid; font-family: Courier; background-color: #205f88; color:#e4eff5;}

#ImBlogPodCast {border: none; vertical-align: baseline; margin-top: 5px}



#imBgBoxSearch {position: absolute; top: 90px; right: 30px; width: 250px;}

#imBgBoxLast, #imBgBoxCateg, #imBgBoxMonths, #imBgBoxClouds {margin: 5px 0 10px 0;}

.ImBlogBoxTitle {font-family: Tahoma; font-size: 110%; font-weight: bold; color: #1b1b1b; margin: 0 0 5px 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: 24px; height: 27px; }



#imSButton { background-color: #cee4f1; color:#12366c; }



/* -- Links Style -- */

.imBlogPostCommentUser a, a.ImLink  {text-decoration:none; }

a.ImLink:link {color: #03456e;}

.imBlogPostCommentUser a:link {color: #053250;}

.imBlogPostCommentUser a:visited, a.ImLink:visited {color: #636464; }

.imBlogPostCommentUser a:hover, a.ImLink:hover {color: #053250; background-color: #63a3ca;}





/* Footer */

#ImBlogFooter {margin: 12px 0 0 15px; font: 12px Tahoma; color: #103e5e; }