* {margin:0;padding:0} body { margin: 0; padding: 0; background: url("/static/lebonheur/images/blogs/gojimgo/background-body.jpg") repeat-x 0 0px; z-index: 0; } .container { width:997px; margin: 0px auto; overflow: hidden; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 18px;} .header, .header-inside {margin: 0 0 0 -7px; padding: 0; width:997px; height: 393px; background: url("/static/lebonheur/images/blogs/gojimgo/background-header-glow.png") no-repeat; z-index: 1} .logo { position: relative; margin: 0 0 0 22px; padding:0; width: 951px; height: 67px; background: url("/static/lebonheur/images/blogs/gojimgo/background-logo.jpg") no-repeat; } /* */ .logo-lebonheur { position: relative; background: url("/static/lebonheur/images/blogs/gojimgo/LeBonheur_185-RFLXBLUE.png") no-repeat; width: 179px; height:51px; top: 6px; left: 60px; z-index: 2; cursor: pointer;} .logo-gig { position: absolute; background: url("/static/lebonheur/images/blogs/gojimgo/logo-gjg-2010.png") no-repeat; width: 239px; height:139px; top: 2px; left: 715px; z-index: 2; } #navcontainer ul { margin: 0 0 0 22px; padding: 0 0 0 0; width: 951px; height:31px; } #navlist ul { margin:0;padding:0;} #navlist li { display: inline; } #left { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-lft.gif"); background-repeat: no-repeat; width: 28px; height: 31px; float: left;} #about a { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-about.gif"); background-repeat: no-repeat; width: 108px; height: 31px; float: left;} #about a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-about-over.gif"); background-repeat: no-repeat; width: 108px; height: 31px; float: left;} #ride a { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-ride.gif"); background-repeat: no-repeat; width: 90px; height: 31px; float: left;} #ride a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-ride-over.gif"); background-repeat: no-repeat; width: 90px; height: 31px; float: left;} #family a { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-family.gif"); background-repeat: no-repeat; width: 102px; height: 31px; float: left;} #family a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-family-over.gif"); background-repeat: no-repeat; width: 102px; height: 31px; float: left;} #schools a { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-schools.gif"); background-repeat: no-repeat; width: 211px; height: 31px; float: left;} #schools a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-schools-over.gif"); background-repeat: no-repeat; width: 211px; height: 31px; float: left;} #blog a { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-blog.gif"); background-repeat: no-repeat; width: 87px; height: 31px; float: left;} #blog a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-blog-over.gif"); background-repeat: no-repeat; width: 87px; height: 31px; float: left;} #road a { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-road.gif"); background-repeat: no-repeat; width: 99px; height: 31px; float: left;} #road a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-road-over.gif"); background-repeat: no-repeat; width: 99px; height: 31px; float: left;} #right {background-image: url("/static/lebonheur/images/blogs/gojimgo/nav-rgt.gif"); background-repeat: no-repeat; width:328px; height: 31px; float: left;} /*; / /* SLIDESHOW START */ #slideshow {margin: 0 0 0 22px; padding: 0; width: 951px; height: 294px; background: url("/static/lebonheur/images/blogs/gojimgo/background-slideshow.jpg") no-repeat; } /* */ #slideshow ul { margin: 0; padding: 0; list-style-type: none; height: 0%; /* IE fix */} /*margin: 0; padding: 0; list-style-type: none; text-align: center;*/ #slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;} #slideshow ul li { display: inline; } .slideshow-main-content-box { float: left; width: 302px; height: 270px; margin: 18px 0 0 10px; background: url("/static/lebonheur/images/blogs/gojimgo/slideshow-content-box.png") no-repeat; } .slideshow-content-box {width: 268px; height: 220px; z-index: 4;} .slideshow-content-box, .slides-nav-div { display: none; } .slideshow-image-box { float: right; width: 606px; height: 251px; margin: 0; background: none; padding: 24px 20px 0 0px; overflow: hidden; } .slideshow-image-box img { background: transparent; } /* ---------------------------------------------------- */ /* SLIDESHOW > SLIDES /* ---------------------------------------------------- */ #slideshow .slides li { padding: 0px; background: none; z-index: -1; background: transparent; font-size: 12px; color: #151de2;} /* */ .slides-li { margin:35px 20px 5px 20px; padding: 10px 0 0 0; text-align: center; width: 260px; height: 174px; } .slides-image { } /* ---------------------------------------------------- */ /* SLIDESHOW > NAVIGATION /* ---------------------------------------------------- */ #slideshow .slides-nav-div { width: 278px; height: 29px; } #slideshow .slides-nav { text-align: center; font-size: 11px; font-weight: bold; z-index: 10; } #slideshow .slides-nav li { padding: 0 15px 15px 15px; } #slideshow .slides-nav a { text-decoration: none; } #slideshow .slides-nav a:hover { text-decoration: underline; } .js #slideshow .slides-nav li.on a { width: 29px; height: 29px; background-image: url("/static/lebonheur/images/blogs/gojimgo/slideshow-selector-icon.jpg"); background-repeat: no-repeat; background-position: 0px 10px; padding: 10px 11px 12px 6px;} /* padding: 0 0 0 0; margin: 20px 10px 0px 10px; .js #slideshow .slides-nav li.on,*/ #moreaboutjim a {display: block; background-image: url("/static/lebonheur/images/blogs/gojimgo/but-learn.gif"); background-repeat: no-repeat; width: 161px; height: 31px; z-index: 7;} #moreaboutjim a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/but-learn-more.gif"); background-repeat: no-repeat; z-index: 3;} /* SLIDESHOW END */ .content { position: relative; margin: 0px 0 0px 0px; width:981px; background: url("/static/lebonheur/images/blogs/gojimgo/background-content-drop.png") repeat-y; z-index: 6; font-size:13px; overflow: hidden;} .content h2 { padding: 10px 0 0 0; margin: 0; size: 12px; color: #151de2; } .content h4 { padding: 10px 0 0 0; margin: 0; size: 11px; font-weight: bold; color: #151de2; } .content p { padding: 5px 0 5px 0; margin: 0; font-size:13px;} .content a { color: blue; font-size: 12px; } .content a:hover { color: blue; text-decoration: none; } .content-main { position: relative; margin: 0px 0 0 15px; width:951px; z-index: 1; overflow:-moz-scrollbars-vertical; background-color: #fff; overflow:-moz-scrollbars-vertical; overflow-y:auto; z-index: 4; } /**/ .content-left { position: relative; width: 297px; margin: 0 0 0 10px; padding: 20px 10px 0 10px; float: left; } #twitter_update_list { position:relative; margin: 0; padding: 5px 0 5px 0; } #twitter-link { position:relative; margin: 0; padding: 7px 8px 7px 8px; display:block; text-align:left; } .heading-twitter-feed { width: 139px; height: 15px; margin: 0px 0 10px 0;background: url("/static/lebonheur/images/blogs/gojimgo/heading-twitter-feed.png") no-repeat 0px 0px;} .heading-share-connect { width: 167px; height: 15px; margin: 25px 0 10px 0; background: url("/static/lebonheur/images/blogs/gojimgo/heading-share-connect.png") no-repeat 0px 0px; } .share { position: relative; margin: 20px 0 10px 0;} .rss a {position: relative; padding: 0px 2px 0px 20px; background-image: url("/static/global/images/feed-icon-16x16.gif"); background-repeat: no-repeat; } #twitter_update_list { list-style-type: none; } #twitter_update_list li { padding: 7px; } .content-center { position: relative; width: 297px; padding: 20px 10px 20px 10px; float: left; z-index:7; } .content-center ul { margin: 0 10px 0 10px; z-index:7; padding: 0px 10px 10px 10px; } .content-center p.bottom, ul.bottom { z-index:7; } .content-center ul.bottom { padding: 0px 10px 10px 10px; margin: 0 30px 0 10px;} .heading-about-go-jim-go {width: 174px; height: 15px; margin: 0 0 10px 0; background: url("/static/lebonheur/images/blogs/gojimgo/heading-about-go-jim-go.png") no-repeat 0px 0px; z-index:7; } .heading-go-jim-go-dates { width: 280px; height: 15px; margin: 25px 0 10px 0; background: url("/static/lebonheur/images/blogs/gojimgo/heading-go-jim-go-dates.png") no-repeat 0px 0px; z-index:7; } .heading-latest-news {width: 125px; height: 15px; margin: 25px 0 10px 0; background: url("/static/lebonheur/images/blogs/gojimgo/heading-latest-news.png") no-repeat 0px 0px; z-index:7; } .content-right,.content-right-inside { position: absolute; background: url("/static/lebonheur/images/blogs/gojimgo/background-ways-to-donate.png") no-repeat; width: 281px; height:365px; top: 5px; right: 5px; z-index: 1; } .waystodonate {position: absolute; margin:0; width: 281px; height: 51px; background: url("/static/lebonheur/images/blogs/gojimgo/ways-to-donate.jpg") 38px 23px no-repeat; z-index:2; } .content-road { position: absolute; margin: 0; padding: 0; background: url("/static/lebonheur/images/blogs/gojimgo/the-road.png") no-repeat; width: 410px; height:216px; bottom: 0px; right: 0px; z-index:2; } .content-footer, .content-footer-inside { width: 981px; height: 20px; margin: 0px -10px -5px 0px; background: url("/static/lebonheur/images/blogs/gojimgo/background-footer-drop.png"); } .footer { text-align: center; } .footer a { text-decoration: none; color: blue; font-size: 12px; } .footer a:hover { text-decoration: underline; } /*INSIDE PAGES - START*/ .header-inside { position: relative; margin: 0; height: 127px; background-color: #fff; } .logo-bottom-inside { margin: 0 0 0 22px; background: url("/static/lebonheur/images/blogs/gojimgo/logo-bottom-inside-drop.png") no-repeat; z-index:13; padding: 0; width: 951px; height:9px; } .content-inside { position: relative; margin: 0px 0 0px 7px; width:981px; font-size: 13px; z-index: 4; } .content-inside h2 { padding: 10px 0 0 0; margin: 0; size: 12px; color: #151de2; text-transform: uppercase; } .content-inside h4 { padding: 10px 0 0 0; margin: 0; size: 11px; font-weight: bold; color: #151de2; } .content-inside p { padding: 10px 0 10px 0; margin: 0; size:11px;} .content-inside p.bottom, ul.ulbottom { width: 515px; padding: 10px 0 10px 0; margin: 0; size: 9px;} .content-left-inside { position: relative; width: 594px; margin: 0 0 20px 10px; padding: 0px 10px 20px 10px; z-index: 4; min-height: 600px; height:auto !important; height:600px; } .content-left-inside ul { margin: 0 10px 0 10px; padding: 0px 10px 10px 10px; } .content-left-inside ul.ulbottom { margin: 0 10px 0 10px; padding: 0px 10px 10px 20px; } .content-left-inside a:hover { text-decoration: underline; } #content-right-inside-navigation { position: absolute; top: 0px; right: 5px; margin: 0; background-color: #E8F3D5; width: 281px; } #content-right-inside-navigation ul { padding: 10px 0 10px 20px; } #content-right-inside-navigation li { list-style: none; padding: 2px; } #content-right-inside-navigation a { padding-left: 20px; text-decoration: none; font-size: 13px; color: #151de2; font-weight:bold; } #content-right-inside-navigation a:hover { text-decoration: underline; } #content-right-inside-navigation li.on { border: 1px solid #9BA2CC; background-color:#D2DCD1; width: 220px; } #content-right-inside-navigation a.on {list-style: none; padding-left: 18px; background: url("/static/lebonheur/images/blogs/gojimgo/content-right-inside-navigation-icon.jpg") 5px center no-repeat; } .content-right-inside { top: 0px; } .content-right-inside ul { margin: 0 0 50px 0; } .content-background { position: absolute; margin: 0; padding: 0; overflow: hidden; background: url("/static/lebonheur/images/blogs/gojimgo/background-content-drop.png") repeat-y 0px 0px; width: 981px; top: 266px; left: 0; z-index: 1; } .content-footer-inside { margin: 0px 0 0px 0px; } /*INSIDE PAGES - END*/ #donatecontainer { position: absolute; top: 80px; right: 37px; margin:0; padding: 0; z-index: 3; } #donatecontainer a { display: block; width: 202px; height: 61px; } #donatelist ul { margin:0; padding:0; } #donatelist li { margin: 0; padding: 0; display: block; list-style-type: none;} #rider a { background-image: url("/static/lebonheur/images/blogs/gojimgo/donate-rider.png"); background-repeat: no-repeat; width: 202px; height: 61px; cursor: pointer; } #rider a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/donate-rider-over.png"); background-repeat: no-repeat; } #school a { background-image: url("/static/lebonheur/images/blogs/gojimgo/donate-school.png"); background-repeat: no-repeat; width: 202px; height: 61px; cursor: pointer; } #school a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/donate-school-over.png"); background-repeat: no-repeat; } #cash a { background-image: url("/static/lebonheur/images/blogs/gojimgo/donate-cash.png"); background-repeat: no-repeat; width: 202px; height: 61px; cursor: pointer;} #cash a:hover { background-image: url("/static/lebonheur/images/blogs/gojimgo/donate-cash-over.png"); background-repeat: no-repeat; } #sdonatecontainer { position: absolute; top: 80px; right: 37px; margin:0; padding: 0; z-index: 3; } #content-inside-share-connect { position: absolute; top: 300px; right: 65px; padding: 0; margin: 0; z-index: 3; } /* gerenic blog stuff */ .weblogName { padding: 0 0 20px 14px; color: #151de2; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /* blog wrapper */ .blogWrapper { position: relative; margin: 0 20px 20px 14px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .blogWrapper img { margin: 0 0 6px 12px; } .blogWrapper .blog-date { margin-top: 14px; width: 32px; height: 32px; background-color: #edde29; text-align: center; line-height: 14px; float: left;} .blogWrapper .blog-date .mth {font-size: 10px; color: #004080;} .blogWrapper .blog-date .num {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: #0033cc; } .blogWrapper h2 { position: relative; margin: 0; padding: 14px 0 8px 0; left: 8px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #151de2; font-weight: normal; font-size: 24px; 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; } .blogWrapper p { font-size: 13px;} /* 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%; }