/* Author: transforvolving http://www.transforvolving.com Theme: Run For Zimbabwe http://www.run4zimbabwe.com Description: Theme originally designed only for Run For Zimbabwe's website. Copyright 2009 by transforvolving. White: #ffffff Transparent Gray: #ececec Light Gray: #cccccc Medium Gray: #a9a9a9 Dark Gray: #a9a9aa Green: #008315 Black: #000000 Yellow: #ffdd26 Red: #d40000 */ /* RESET */ * { padding: 0px; margin: 0px; } html { overflow-y: scroll; } html, body { height: 100%; } @font-face { font-family: 'Swatchit'; src: url('fonts/swatrg__.eot'); src: local('Swatch it'), local('Swatchit'), url('fonts/swatrg__.woff') format('woff'), url('swatrg__.ttf') format('truetype'), url('fonts/swatrg__.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } body { font-size: 62.5%; font-family: Helvetica, sans-serif; font-weight: normal; color:#000000; letter-spacing: 1px; background-color:#ffffff !important; } table { border-collapse: collapse; } p img { max-width: 100%; } img { border: 0px; } a img { border: 0px; } a:hover img { margin-left: 5px; } img.alignleft { margin-bottom: 20px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 10px; } a img.alignleft { margin-bottom: 20px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 10px; } img.aligncenter { margin-bottom: 20px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 10px; } a img.aligncenter { margin-bottom: 20px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 10px; } /* UTILITY */ .clear { clear: both; } /* TYPOGRAPHY */ a { color: #008315; outline: none; text-decoration: none; } a:hover { color: #d40000; } h1 { font-size: 1.9em; font-family: Helvetica, sans-serif; font-weight: lighter; letter-spacing: 2px; line-height: 125%; color: #008315; margin-bottom: 30px; text-align: justify; } h2 { font-size: 1.9em; font-family: Helvetica, sans-serif; font-weight: lighter; letter-spacing: 2px; line-height: 125%; color: #008315; margin-bottom: 30px; text-align: justify; } h2 a { font-size: 1.15em; font-family: Helvetica, sans-serif; font-weight: lighter; letter-spacing: 2px; line-height: 125%; text-align: justify; } h3 { font-size: 1.9em; font-family: Helvetica, sans-serif; font-weight: lighter; letter-spacing: 2px; line-height: 125%; color: #d40000; margin-top: 40px; margin-bottom: 30px; text-align: justify; } h4 { font-size: 1.6em; line-height: 175%; color: #008315; font-family: Helvetica, sans-serif; font-weight: lighter; text-align: justify; } /* STRUCTURE */ #page-wrap { width: 940px; margin: 0px auto 0px; min-height: 100%; height: auto !important; height: 100%; } #page-wrap-footer { width: 940px; margin: 0px auto 0px; min-height: 100%; height: auto !important; height: 100%; } #main-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background: url('img/background/mainroad.gif') no-repeat; } #IEroot #main-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #main-colIE { width: 940px; height: auto; background: url('img/background/mainroad.gif') no-repeat; margin-top: 1px; } #cause-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background: url('img/background/maincause.gif') no-repeat; } #IEroot #cause-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #cause-colIE { width: 940px; height: auto; background: url('img/background/maincause.gif') no-repeat; margin-top: 1px; } #riders-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background: url('img/background/mainriders.gif') no-repeat; } #IEroot #riders-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #riders-colIE { width: 940px; height: auto; background: url('img/background/mainriders.gif') no-repeat; margin-top: 1px; } #tour-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background: url('img/background/maintour.gif') no-repeat; } #IEroot #tour-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #tour-colIE { width: 940px; height: auto; background: url('img/background/maintour.gif') no-repeat; margin-top: 1px; } #participate-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 15px; background: url('img/background/mainparticipate.gif') no-repeat; } #IEroot #participate-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #participate-colIE { width: 940px; height: auto; background: url('img/background/mainparticipate.gif') no-repeat; margin-top: 1px; } #gallery-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background: url('img/background/maingallery.gif') no-repeat; } #IEroot #gallery-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #gallery-colIE { width: 940px; height: auto; background: url('img/background/maingallery.gif') no-repeat; margin-top: 1px; } #media-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background: url('img/background/mainmedia.gif') no-repeat; } #IEroot #media-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #media-colIE { width: 940px; height: auto; background: url('img/background/mainmedia.gif') no-repeat; margin-top: 1px; } #contact-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background: url('img/background/maincontact.gif') no-repeat; } #IEroot #contact-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #contact-colIE { width: 940px; height: auto; background: url('img/background/maincontact.gif') no-repeat; margin-top: 1px; } #tshirt-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background: url('img/background/maintshirt.gif') no-repeat; } #IEroot #tshirt-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #tshirt-colIE { width: 940px; height: auto; background: url('img/background/maintshirt.gif') no-repeat; margin-top: 1px; } #search-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background: url('img/background/mainsearch.gif') no-repeat; } #IEroot #search-col { width: 940px; height: auto; border: 1px solid #cccccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); background: none; background-color: white; position: relative; } #IEroot #search-colIE { width: 940px; height: auto; background: url('img/background/mainsearch.gif') no-repeat; margin-top: 1px; } /* HEADER */ #head-bar { margin-top: 30px !important; width: 940px; } #logo { width: 360px; height: 60px; background: url('img/logo.gif') no-repeat; display: block; border: none; } #logo:hover { background-position: left bottom; } form#searchform { margin: -36px -11px 0px 0px !important; float: right; position: relative; } .search-field { width: 145px; height: 15px; padding: 10px 5px 10px 5px; font-size: 1.2em; letter-spacing: 1px; color: #cccccc; border: 1px solid #cccccc; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; behavior: url('/main/wp-content/themes/Run_For_Zimbabwe/border-radius.htc'); } input:focus, textarea:focus { color: black; letter-spacing: 0.07em; } #searchsubmit { border: none; background: none; } #photo-header { margin-left: 23px; margin-top: 20px; margin-bottom: 25px; position: relative; z-index: -1 !important; } #rss { width: 71px; height: 47px; float:right; background: url('img/rss_2010.gif') no-repeat; display: block; margin-top: -47px !important; margin-right: 25px !important; } #rss:hover { background-position: left bottom; } #scroll { width: 38px; height: 19px; background: url('img/buttons/up.png') no-repeat; display: block; position: fixed; bottom: 20px; right: 30px; border: none; } #scroll:hover { background-position: left bottom; } #IEroot6 #scroll { background: url('img/buttons/up.gif') no-repeat; position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); bottom: 30px; right: 30px; border: none; } #IEroot6 #scroll:hover { background-position: left bottom; } /* MENU */ #menu-bar { width: 940px; } #IEroot6 #menu-bar { margin-top: -70px; } #main-nav { list-style: none; float: left; display: inline; width: 940px; height: 18px; position: relative; margin-left: -2px; margin-bottom: 55px; } #main-nav a { display: block; position: absolute; } #main-nav a:hover { background-position: left bottom; } #main-nav .road { width: 128px; height: 18px; background: url('img/buttons/road.gif') no-repeat; left: 0px; bottom: 0px; } #main-nav .cause { width: 76px; height: 18px; background: url('img/buttons/cause.gif') no-repeat; left: 161px; bottom: 0px; } #main-nav .riders { width: 76px; height: 18px; background: url('img/buttons/riders.gif') no-repeat; left: 270px; bottom: 0px; } #main-nav .tour { width: 57px; height: 18px; background: url('img/buttons/tour.gif') no-repeat; left: 379px; bottom: 0px; } #main-nav .participate { width: 122px; height: 18px; background: url('img/buttons/participate.gif') no-repeat; left: 469px; bottom: 0px; } #main-nav .gallery { width: 81px; height: 18px; background: url('img/buttons/gallery.gif') no-repeat; left: 624px; bottom: 0px; } #main-nav .media { width: 76px; height: 18px; background: url('img/buttons/media.gif') no-repeat; left: 738px; bottom: 0px; } #main-nav .contact { width: 90px; height: 18px; background: url('img/buttons/contact.gif') no-repeat; left: 847px; bottom: 0px; } /* BLOG EXCERPTS */ .datebox { width: 40px; height: 75px; float: left; background: url('img/calendar.gif') no-repeat; margin: -47px 0px 0px -41px; position: relative; } .date { float: left; width: 60px; margin: -23px 0px 0px -46px !important; font-size: 1em; color: white; text-align: right; letter-spacing: 2px; line-height: 123%; font-family: Swatchit, sans-serif; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -o-transform: rotate(270deg); position: relative; } #IEroot .date{ margin: -40px 0px 0px -27px !important; position: relative; } .excerpt h2 { margin-left: 40px; margin-right: 390px; margin-top: 40px; } .content { margin-left: 200px; margin-right: 390px; margin-top: -132px; text-align: justify; font-size: 1.18em; line-height: 175%; } .thumb { display: block; margin-left: 40px; margin-top: -10px; } .thumbnail { border: 1px solid #cccccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding: 8px; } .thumbnail:hover { margin-left: 2px; } .comments-link { margin-left: 200px; margin-top: 10px; margin-bottom: 80px; font-size: 1.18em; } #space { margin-bottom: 55px; } #back-post { margin-left: 40px; font-size: 1.18em; } #forw-post { text-align: right; margin-right: 390px; margin-top: -14px; margin-bottom: -14px; font-size: 1.18em; } .road-ireland { width: 180px; padding: 15px 0px 8px 0px; margin-top: 0px; margin-bottom: 50px; } .road-sweden { width: 180px; padding: 15px 0px 8px 0px; margin-top: 0px; margin-bottom: 50px; } #sponsors-sidebars { float: right; margin-right: 50px; margin-top: 250px; } .tshirt-widget { width: 180px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 15px 0px 13px 0px; margin-bottom: 50px; } .tee-widget { width: 144px; height: 192px; background: url('img/tshirt/ralf_teewidget.jpg') no-repeat; display: block; margin: 1px 0px 15px 18px; } .buy-text { width: 144px; height: 38px; background: url('img/tshirt/buytee_widget.gif') no-repeat; margin-left: 17px; margin-bottom: 1px; } .tee-widget:hover { margin-left: 19px; } .support { width: 180px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 15px 0px 13px 0px; margin-bottom: 50px; } .support-widget { width: 150px; height: 25px; background: url('img/sponsors/supported.gif') no-repeat; border-bottom: 1px solid #cccccc; margin: 0px 0px 10px 15px; } .bareknuckle { width: 155px; height: 57px; background: url('img/sponsors/bareknuckle.gif') no-repeat; display: block; margin-left: 13px; margin-bottom: 5px; } .arbor { width: 155px; height: 57px; background: url('img/sponsors/arbor.gif') no-repeat; display: block; margin-left: 13px; margin-bottom: 5px; } .longboardshop { width: 155px; height: 57px; background: url('img/sponsors/longshop.gif') no-repeat; display: block; margin-left: 13px; margin-bottom: 5px; } .boardlife { width: 155px; height: 57px; background: url('img/sponsors/boardlife.gif') no-repeat; display: block; margin-left: 13px; } .bareknuckle:hover, .arbor:hover, .longboardshop:hover, .boardlife:hover { margin-left: 15px; } .longboard { width: 180px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 15px 0px 13px 0px; margin-bottom: 50px; } .longboard-widget { width: 150px; height: 25px; background: url('img/sponsors/longboard.gif') no-repeat; border-bottom: 1px solid #cccccc; margin: 0px 0px 10px 15px; visibility: visible !important; } .further { width: 155px; height: 57px; background: url('img/sponsors/skatefurther.gif') no-repeat; display: block; margin-left: 13px; margin-bottom: 5px; } .dave { width: 155px; height: 57px; background: url('img/sponsors/dave.gif') no-repeat; display: block; margin-left: 13px; margin-bottom: 5px; } .boardfree { width: 155px; height: 57px; background: url('img/sponsors/boardfree.gif') no-repeat; display: block; margin-left: 13px; margin-bottom: 5px; } .freedom { width: 155px; height: 57px; background: url('img/sponsors/freedom.gif') no-repeat; display: block; margin-left: 13px; } .further:hover, .freedom:hover, .boardfree:hover, .dave:hover { margin-left: 15px; } .contributors { width: 180px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -border-radius: 15px; padding: 15px 0px 13px 0px; margin-bottom: 50px; } .contributors-widget { width: 150px; height: 25px; background: url('img/sponsors/contributors.gif') no-repeat; border-bottom: 1px solid #cccccc; margin: 0px 0px 10px 15px; } .funsporting { width: 155px; height: 57px; background: url('img/sponsors/funsporting.gif') no-repeat; display: block; margin-left: 13px; margin-bottom: 5px; } .traveller { width: 155px; height: 57px; background: url('img/sponsors/traveller.gif') no-repeat; display: block; margin-left: 13px; } .funsporting:hover, .traveller:hover { margin-left: 15px; } /* POSTS */ #tee-sidebar { float: right; margin-right: 50px; margin-top: 225px; } .postsingle h2 { margin-left: 40px; margin-right: 390px; margin-top: 40px; font-size: 2.2em; color: #008315; line-height: 135%; } .author { margin-left: 40px; margin-top: -20px; font-size: 1.16em; letter-spacing: 1px; color: #a9a9a9; } .page-content { margin-left: 40px; margin-right: 390px; margin-top: 35px; margin-bottom: 20px; font-size: 1.18em; line-height: 175%; text-align: justify; } .page-content p { padding-bottom: 20px; } .gallery img { border: 1px solid #cccccc !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding: 8px; margin-left: -15px; margin-right: 10px; margin-bottom: 15px; } #separate { margin-top: 20px; margin-bottom: 40px; width: 510px; height: 31px; background: url('img/posts/lang-break.gif') no-repeat; } .share-icons { width: 394px; height: 26px; margin-bottom: 50px; margin-left: 40px; } #IEroot67 .share-icons { margin-left: 23px; } #IEroot6 .share-icons { margin-bottom: 0px; } #sharing { list-style: none; float: left; display: inline; width: 394px; height: 26px; position: relative; } #sharing a { display: block; position: absolute; } #sharing a:hover { margin-left: 2px; } #sharing .share-tag { width: 134px; height: 26px; background: url('img/share/share.gif') no-repeat; top: 0px; left: 0px; } #sharing .twitter { width: 25px; height: 25px; background: url('img/share/twitter.gif') no-repeat; top: 3px; left: 149px; } #IEroot67 #sharing .twitter { top: 3px; left: 164px; } #sharing .facebook { width: 25px; height: 25px; background: url('img/share/facebook.gif') no-repeat; top: 3px; left: 189px; } #IEroot67 #sharing .facebook { top: 3px; left: 204px; } #sharing .stumbleupon { width: 25px; height: 25px; background: url('img/share/stumbleupon.gif') no-repeat; top: 3px; left: 229px; } #IEroot67 #sharing .stumbleupon { top: 3px; left: 244px; } #sharing .delicious { width: 25px; height: 25px; background: url('img/share/delicious.gif') no-repeat; top: 3px; left: 269px; } #IEroot67 #sharing .delicious { top: 3px; left: 284px; } #sharing .digg { width: 25px; height: 25px; background: url('img/share/digg.gif') no-repeat; top: 3px; left: 309px; } #IEroot67 #sharing .digg { top: 3px; left: 324px; } #sharing .tumblr { width: 25px; height: 25px; background: url('img/share/tumblr.gif') no-repeat; top: 3px; left: 349px; } #IEroot67 #sharing .tumblr { top: 3px; left: 364px; } #posts-widget { width: 505px; margin-left: 40px; border: 1px solid #cccccc; padding-bottom: 13px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-bottom: 70px; } #post-prev { width: 210px; height: 100px; margin-left: 20px; font-size: 1.18em; line-height: 175%; letter-spacing: 1px; margin-bottom: 0px; } .previous { width: 128px; height: 25px; background: url('img/posts/previous.gif') no-repeat; border-bottom: 1px solid #cccccc; margin-top: 15px; margin-bottom: -10px; position: relative; } #middle-line { width: 1px; height: 107px; background: url('img/posts/middle_line.gif') no-repeat; margin-left: 252px; margin-top: -102px; position: relative; } #IEroot67 #middle-line { margin-top: -85px; } #post-next { margin-left: 290px; height: 100px; margin-right: 20px; margin-top: -105px; margin-bottom: 0px; font-size: 1.18em; line-height: 175%; letter-spacing: 1px; text-align: right; } .next { width: 128px; height: 25px; background: url('img/posts/following.gif') no-repeat; border-bottom: 1px solid #cccccc; margin-left: 65px; margin-bottom: -10px; position: relative; } #IEroot67 #post-next { margin-top: -108px; } #commenting { margin-left: 40px; margin-right: 390px; margin-bottom: 61px; } /* COMMENTS */ #opinion { font-size: 2.3em; color: #d40000; letter-spacing: 1px; margin-bottom: 35px; } #opinion-text { margin-bottom: 50px; font-size: 1.18em; line-height: 175%; letter-spacing: 1px; text-align: justify; } .spoken { font-size: 1em; letter-spacing: 2px; color: white; font-family: Swatchit, sans-serif; margin-left: 33px; margin-bottom: -20px; position: relative; } .spoken-bg { width: 190px; height: 24px; background: url('img/comments/spoken.gif') no-repeat; margin-left: 25px; } .each-comment { border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; position: relative; } .bubble-text { margin-top: 30px; margin-right: 35px; margin-left: 45px; border: 2px solid #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 15px 20px 13px 20px; font-size: 1.18em; letter-spacing: 1px; line-height: 175%; } .bubbletip { width: 53px; height: 30px; background: url('img/comments/bubble.gif') no-repeat; margin-left: 100px; margin-top: -2px; margin-bottom: 5px; } .avatar { margin-left: 12px; margin-top: -8px; } .name-author { font-size: 1.6em; margin-top: -16px; text-align: right; margin-right: 25px; margin-bottom: -1px; } .comment-space { margin-top: 70px } .approval { font-size: 1.18em; line-height: 170%; letter-spacing: 1px; color: #d40000; margin-top: 10px; margin-left: 25px; text-align: justify; margin-right: 25px; } #respond { font-size: 2.3em; color: #d40000; letter-spacing: 2px; margin-bottom: 25px; margin-top: 0px; } .comment-logged { margin-bottom: 15px; font-size: 1.18em; letter-spacing: 1px; } .comment-field { width: 200px; height: 25px; padding-left: 5px; padding-right: 5px; font-size: 1.15em; letter-spacing: 1px; color: #cccccc; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #contact-website { width: 76px; height: 23px; background: url('img/comments/website-tag.gif') no-repeat; margin-bottom: 0px; margin-left: 8px; } .rss-comments { margin-right: 155px; font-size: 1.1em; letter-spacing: 1px; text-align: right; } .rss-com { width: 16px; height: 16px; background: url('img/comments/rss_comments.gif') no-repeat; display: block; margin-left: 360px; margin-top: -16px; margin-bottom: 0px !important; } .rss-com:hover { margin-left: 362px; } .message-field { width: 380px; padding: 10px 5px 10px 5px; margin-top: 5px; font-family: Helvetica, sans-serif; font-weight: lighter; font-size: 1.18em; letter-spacing: 2px; color: #cccccc; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .fields-space { margin-bottom: 20px; } #IEroot67 #space-comments { margin-top: -30px; } /* CAUSE PAGE */ .content-cause { margin-left: 40px; margin-right: 390px; margin-top: 40px; margin-bottom: 15px; font-size: 1.18em; line-height: 175%;text-align: justify; } .content-cause p { padding-bottom: 20px; } .language-deutsch { width: 180px; padding: 15px 0px 8px 0px; margin-top: -40px; margin-bottom: 50px; position: relative; } .deutsch { width: 150px; height: 40px; background: url('img/languages/deutsch.gif') no-repeat; display: block; margin-left: 15px; } .deutsch:hover { background-position: left bottom; } .language-english { width: 180px; padding: 15px 0px 8px 0px; margin-top: -40px; margin-bottom: 50px; position: relative; } .english { width: 150px; height: 40px; background: url('img/languages/english.gif') no-repeat; display: block; margin-left: 15px; } .english:hover { background-position: left bottom; } #partners-sidebars { float: right; margin-right: 50px; margin-top: 228px; } .zimbabwe { width: 180px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 15px 0px 5px 0px; margin-bottom: 50px; } .zimbabwe-widget { width: 150px; height: 25px; background: url('img/partners/links.gif') no-repeat; border-bottom: 1px solid #cccccc; margin: 0px 0px 10px 15px; } .zimbabwe-text { font-size: 1.1em; line-height: 160%; margin: 0px 20px 0px 20px; list-style: square; list-style-position: inside; color: #cccccc; } .zimbabwe-text li { padding-bottom: 8px; } .partners { width: 180px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 15px 0px 13px 0px; margin-bottom: 50px; } .partners-widget { width: 150px; height: 25px; background: url('img/partners/partners.gif') no-repeat; border-bottom: 1px solid #cccccc; margin: 0px 0px 10px 15px; } .dispatch { width: 155px; height: 57px; background: url('img/partners/dispatch.gif') no-repeat; display: block; margin-left: 13px; margin-bottom: 1px; } .elias{ width: 155px; height: 57px; background: url('img/partners/elias.gif') no-repeat; display: block; margin-left: 13px; margin-bottom: -3px; } .dispatch:hover, .elias:hover { margin-left: 15px; } /* RIDERS PAGE */ .content-riders { margin-left: 40px; margin-right: 390px; margin-top: 40px; margin-bottom: 41px; font-size: 1.18em; line-height: 175%; text-align: justify; } #alex { width: 320px; height: 220px; background: url('img/riders/alex.jpg') no-repeat; margin-bottom: 40px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; position: relative; } #alex-sweden { width: 320px; height: 220px; background: url('img/riders/alex2010.jpg') no-repeat; margin-bottom: 40px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; position: relative; } #ralf { width: 220px; height: 320px; background: url('img/riders/ralf.jpg') no-repeat; margin-bottom: 40px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-top: 60px; position: relative; } #alfred { width: 320px; height: 220px; background: url('img/riders/alfred.jpg') no-repeat; margin-bottom: 40px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-top: 60px; position: relative; } #alfred-sweden { width: 320px; height: 220px; background: url('img/riders/alfred.jpg') no-repeat; margin-bottom: 40px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-top: 75px; position: relative; } #peter { width: 220px; height: 320px; background: url('img/riders/peter.jpg') no-repeat; margin-bottom: 40px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-top: 75px; position: relative; } #name, #named { width: 146px; height: 28px; background: url('img/riders/name.gif') no-repeat; margin-bottom: 30px; margin-top: -8px; } #age, #aged { width: 146px; height: 28px; background: url('img/riders/age.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #nationality, #nationalityd { width: 146px; height: 28px; background: url('img/riders/nationality.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #longboarding, #longboardingd { width: 146px; height: 28px; background: url('img/riders/longboarding.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #hobbies, #hobbiesd { width: 146px; height: 28px; background: url('img/riders/hobbies.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #words, #wordsd { width: 146px; height: 28px; background: url('img/riders/words.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #nameb { width: 146px; height: 28px; background: url('img/riders/nameb.gif') no-repeat; margin-bottom: 30px; margin-top: -8px; } #ageb { width: 146px; height: 28px; background: url('img/riders/ageb.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #nationalityb { width: 146px; height: 28px; background: url('img/riders/nationalityb.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #longboardingb { width: 146px; height: 28px; background: url('img/riders/longboardingb.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #hobbiesb { width: 146px; height: 28px; background: url('img/riders/hobbiesb.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #wordsb { width: 146px; height: 28px; background: url('img/riders/wordsb.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #namec { width: 146px; height: 28px; background: url('img/riders/namec.gif') no-repeat; margin-bottom: 30px; margin-top: -8px; } #agec { width: 146px; height: 28px; background: url('img/riders/agec.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #nationalityc { width: 146px; height: 28px; background: url('img/riders/nationalityc.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #longboardingc { width: 146px; height: 28px; background: url('img/riders/longboardingc.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #hobbiesc { width: 146px; height: 28px; background: url('img/riders/hobbiesc.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } #wordsc { width: 146px; height: 28px; background: url('img/riders/wordsc.gif') no-repeat; margin-bottom: 30px; margin-top: 20px; } .ak { margin-left: 160px; margin-top: -53px; } .num { margin-left: 160px; margin-top: -53px; } .ger { margin-left: 160px; margin-top: -53px; } .loak { margin-left: 160px; margin-top: -53px; } .hoak { margin-left: 160px; margin-top: -53px; } .woak { margin-left: 160px; margin-top: -53px; } .riders-ireland { width: 180px; padding: 15px 0px 8px 0px; margin-top: -45px; margin-bottom: 50px; position: relative; } .rireland { width: 150px; height: 40px; background: url('img/riders/2009riders.gif') no-repeat; display: block; margin-left: 15px; } .rireland:hover { background-position: left bottom; } .riders-sweden { width: 180px; padding: 15px 0px 8px 0px; margin-top: -45px; margin-bottom: 50px; position: relative; } .rsweden { width: 150px; height: 40px; background: url('img/riders/2010riders.gif') no-repeat; display: block; margin-left: 15px; } .rsweden:hover { background-position: left bottom; } /* TOUR PAGE */ .content-tour { margin-left: 40px; margin-right: 390px; margin-top: 40px; margin-bottom: 15px; font-size: 1.18em; line-height: 175%; text-align: justify; } .content-tour p { padding-bottom: 20px; } #map { width: 505px; height: 470px; background: url('img/tour/map.gif') no-repeat; margin-bottom: 25px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position: relative; } #sweden-map { width: 505px; height: 470px; background: url('img/tour/sweden-map.gif') no-repeat; margin-bottom: 25px; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; background-color: white; position: relative; } .tour-ireland { width: 180px; padding: 15px 0px 8px 0px; margin-top: -107px; margin-bottom: 50px; position: relative; } .tour-sweden { width: 180px; padding: 15px 0px 8px 0px; margin-top: -107px; margin-bottom: 50px; position: relative; } /* PARTICIPATE PAGE */ .content-participate { margin-left: 40px; margin-right: 390px; margin-top: 40px; margin-bottom: 15px; font-size: 1.18em; line-height: 175%; text-align: justify; } .content-participate p { padding-bottom: 20px; } #tees { width: 505px; height: 355px; background: url('img/tshirt/tee_photo.jpg') no-repeat; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-bottom: 35px; } .tee-sizes { width: 505px; height: 355px; background: url('img/tshirt/tee_sizes.jpg') no-repeat; border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-bottom: 35px; } .space-participate { margin-top: 90px; } /* GALLERY/VIDEO PAGES */ .content-gallery { margin-left: 40px; margin-right: 390px; margin-top: 40px; font-size: 1.18em; line-height: 175%; text-align: justify; } .content-gallery p { padding-bottom: 20px; } #gallery-nav { list-style: none; float: left; width: 306px; height: 27px; margin-top: -68px; position: relative; } #IEroot67 #gallery-nav { margin-top: -28px; position: relative; } #IEroot8 #gallery-nav { margin-top: -68px; position: relative; } #gallery-nav a { display: block; position: absolute; } #gallery-nav2010 { list-style: none; float: left; width: 306px; height: 27px; margin-top: -68px; position: relative; } #IEroot67 #gallery-nav2010 { margin-top: -28px; position: relative; } #gallery-nav2010 a { display: block; position: absolute; } #album-nav { list-style: none; float: left; width: 306px; height: 27px; margin-top: -68px; position: relative; } #IEroot67 #album-nav { margin-top: -28px; position: relative; } #album-nav a { display: block; position: absolute; } li.photo-tag a { width: 127px; height: 27px; background: url('img/gallery/photo-tag.gif') no-repeat; left: 25px; bottom: 0px; } li.video-tag a { width: 127px; height: 27px; background: url('img/gallery/video-tag.gif') no-repeat; left: 165px; bottom: 0px; } li.photo-tag a:hover { background-position: left bottom; } li.photo-tag a.active { background-position: left bottom; } li.video-tag a:hover { background-position: left bottom; } li.video-tag a.active { background-position: left bottom; } li.photosweden-tag a { width: 134px; height: 27px; background: url('img/gallery/photosweden-tag.gif') no-repeat; left: 25px; bottom: 0px; } li.videosweden-tag a { width: 134px; height: 27px; background: url('img/gallery/videosweden-tag.gif') no-repeat; left: 172px; bottom: 0px; } li.photosweden-tag a:hover { background-position: left bottom; } li.photosweden-tag a.active { background-position: left bottom; } li.videosweden-tag a:hover { background-position: left bottom; } li.videosweden-tag a.active { background-position: left bottom; } /** Nextgen-Gallery album extended and gallery **/ .piclenselink { margin-top: 5px; margin-bottom: 20px; font-size: 1.05em; } #space-extend { margin-top: -23px; } #commenting-gallery { margin-top: 50px; } #more { margin-top: 70px; margin-bottom: 38px; } #less { margin-top: 70px; margin-bottom: 38px; text-align: right; margin-right: 90px; } /* COMMENTS GALLERY */ #opinion-gallery { font-size: 1.95em; color: #d40000; letter-spacing: 1px; margin-bottom: 20px; } #opinion-gallerytext { margin-bottom: 25px; font-size: 1em; line-height: 175%; letter-spacing: 1px; text-align: justify; } .spoken-gallery { font-size: 0.85em; letter-spacing: 2px; color: white; font-family: Swatchit, sans-serif; margin-left: 33px; margin-bottom: -45px; position: relative; } .spoken-bggallery { width: 190px; height: 24px; background: url('img/comments/spoken.gif') no-repeat; margin-left: 25px; } .each-commentgallery { border: 1px solid #cccccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; position: relative; } .bubble-gallerytext { margin-top: 30px; margin-right: 35px; margin-left: 45px; border: 2px solid #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 15px 20px 13px 20px; font-size: 1em; letter-spacing: 1px; line-height: 170%; } .bubbletip-gallery { width: 53px; height: 30px; background: url('img/comments/bubble.gif') no-repeat; margin-left: 100px; margin-top: -2px; margin-bottom: 5px; } .avatar-gallery { margin-left: 12px; margin-top: -8px; } .name-authorgallery { font-size: 1.35em; margin-top: -19px; text-align: right; margin-right: 25px; margin-bottom: -22px; } .comment-spacegallery { margin-top: 70px } .approval-gallery { font-size: 1em; line-height: 170%; letter-spacing: 1px; color: #d40000; margin-top: 10px; margin-left: 25px; text-align: justify; margin-right: 25px; } #respond-gallery { font-size: 1.95em; color: #d40000; letter-spacing: 2px; } .comment-loggedgallery { font-size: 1em; letter-spacing: 1px; margin-bottom: -9px; margin-top: -28px; } #gallery-name { width: 67px; height: 23px; background: url('img/contact/name-tag.gif') no-repeat; margin-top: 10px; margin-left: 8px; } .gallery-field { width: 200px; height: 25px; padding-left: 5px; padding-right: 5px; font-size: 0.98em; letter-spacing: 1px; color: #cccccc; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #contact-website { width: 76px; height: 23px; background: url('img/comments/website-tag.gif') no-repeat; margin-left: 8px; } .rss-comments-gallery { margin-right: 155px; font-size: 0.9em; letter-spacing: 1px; text-align: right; } .rss-com-gallery { width: 16px; height: 16px; background: url('img/comments/rss_comments.gif') no-repeat; display: block; margin-left: 360px; margin-top: -20px; margin-bottom: 0px !important; } .rss-com-gallery:hover { margin-left: 362px; } .msggallery-field { width: 380px; padding: 10px 5px 10px 5px; margin-top: 5px; font-family: Helvetica, sans-serif; font-weight: lighter; font-size: 1em; letter-spacing: 2px; color: #cccccc; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .fields-galleryspace { margin-bottom: 15px; } #send-gallery { width: 125px; height: 32px; border-style: none; background: url('img/contact/send-tag.gif') no-repeat; float: right; display: block; margin-right: 132px; cursor: pointer; margin-bottom: 29px; } #IEroot6 #send-gallery { margin-right: 70px; } #send-gallery:hover { background-position: left bottom; } /* MEDIA PAGE */ .content-media { margin-left: 40px; margin-right: 390px; margin-top: 40px; margin-bottom: 55px; font-size: 1.18em; line-height: 175%; text-align: justify; } .content-media p { padding-bottom: 20px; } /* CONTACT PAGE */ .content-contact { margin-left: 40px; margin-right: 390px; margin-top: 40px; margin-bottom: 25px; font-size: 1.18em; line-height: 175%; text-align: justify; } .content-contact p { padding-bottom: 20px; } #country-round { width: 205px; height: 23px; padding: 2px; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; } .country { width: 200px; height: 15px; border: none; margin-top: 3px; color: #008315; letter-spacing: 0.1em; font-size: 0.98em; } #IEroot7 .country { height: 20px; margin-top: 2px; } #contact-name { width: 67px; height: 23px; background: url('img/contact/name-tag.gif') no-repeat; margin-bottom: 0px; margin-left: 8px; } #contact-email { width: 67px; height: 23px; background: url('img/contact/email-tag.gif') no-repeat; margin-bottom: 0px; margin-left: 8px; } #contact-subject { width: 72px; height: 23px; background: url('img/contact/subject-tag.gif') no-repeat; margin-bottom: 0px; margin-left: 8px; } .contact-field { width: 200px; height: 25px; padding-left: 5px; padding-right: 5px; font-size: 0.98em; letter-spacing: 1px; color: #cccccc; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .box-field { width: 380px; padding: 10px 5px 10px 5px; font-family: Helvetica, sans-serif; font-weight: lighter; font-size: 1em; letter-spacing: 2px; color: #cccccc; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-top: -55px; } #IEroot6 .box-field { margin-top: -50px; position: relative; } #IEroot7 .box-field { margin-top: -50px; } #IEroot8 .box-field { margin-top: -50px; } #send { width: 125px; height: 32px; border-style: none; background: url('img/contact/send-tag.gif') no-repeat; float: right; display: block; margin-right: 132px; cursor: pointer; } #IEroot6 #send { margin-right: 70px; } #send:hover { background-position: left bottom; } #space-contact { margin-top: -45px; } #IEroot6 #space-contact { margin-top: -80px; } #IEroot7 #space-contact { margin-top: -80px; } #IEroot8 #space-contact { margin-top: -80px; } /* TSHIRT PAGE */ .content-tshirt { margin-left: 40px; margin-right: 390px; margin-top: 40px; margin-bottom: 25px; font-size: 1.18em; line-height: 175%; text-align: justify; } .content-tshirt p { padding-bottom: 20px; } #shirt-sidebars { float: right; margin-right: 50px; margin-top: 143px; } /* SEARCH */ .result h2 { margin-left: 40px; margin-right: 390px; margin-top: 40px; font-size: 2.2em; letter-spacing: 2px; } .postsearch h4 { margin-left: 40px; margin-right: 390px; margin-top: 40px; line-height: 140%; } .content-search { margin-left: 40px; margin-right: 390px; margin-bottom: -20px; font-size: 1.18em; line-height: 175%; text-align: justify; } .content-search p { padding-bottom: 20px; } #space-search { margin-bottom: 55px; } #back-search { margin-left: 40px; font-size: 1.18em; } #forw-search { text-align: right; margin-right: 390px; margin-top: -14px; margin-bottom: 45px; font-size: 1.18em; } /* FOOTER */ #title-footer { margin-top: 30px; width: 940px; height: 60px; background: url('img/footer/title.gif') no-repeat; margin-bottom: 0px; } #footer { height: 300px; background-color: #efefef; margin-top: 0px; padding-top: 30px; bottom: 0px; } #IEroot #footer { height: 301px; } #IEroot6 #footer { height: 300px; } #about { width: 56px; height: 15px; background: url('img/footer/about.gif') no-repeat; margin-bottom: 10px; } #about-text { width: 300px; font-size: 1.1em; line-height: 165%; text-align: justify; letter-spacing: 1px; } #IEroot6 #about { margin-left: 45px; } #IEroot6 #about-text { margin-left: 45px; } #contact-footer { width: 106px; height: 15px; background: url('img/footer/contact-footer.gif') no-repeat; margin-bottom: 10px; margin-top: 45px; } #footer-text { width: 310px; font-size: 1.1em; letter-spacing: 1px; line-height: 165%; text-align: justify; } #IEroot6 #contact-footer { margin-left: 45px; } #IEroot6 #footer-text { margin-left: 45px; } #longboarding-ireland { width: 203px; height: 18px; background: url('img/footer/ireland.gif') no-repeat; margin-left: 430px; margin-top: -186px; margin-bottom: 10px; display: block; position: relative; } #IEroot6 #longboarding-ireland { margin-left: 475px; } #li-text { width: 310px; height: 190px; font-size: 1.1em !important; text-align: justify; letter-spacing: 1px; margin-left: 430px; list-style: square; list-style-position: inside; color: #a9a9aa; margin-bottom: 0px; display: block; } #IEroot6 #li-text { margin-left: 475px; } #li-text li { padding-bottom: 8px; } #longboarding-sweden { width: 213px; height: 18px; background: url('img/footer/sweden.gif') no-repeat; margin-top: -218px; margin-bottom: 10px; margin-left: 720px; display: block; position: relative; } #IEroot6 #longboarding-sweden { margin-top: -228px; margin-left: 765px; position: relative; } #ls-text { width: 310px; height: 190px; font-size: 1.1em !important; text-align: justify; letter-spacing: 1px; list-style: square; list-style-position: inside; color: #a9a9aa; margin-left: 720px; margin-bottom: 0px; display: block; } #IEroot6 #ls-text { margin-left: 765px; } #ls-text li { padding-bottom: 8px; } #follow { width: 88px; height: 15px; background: url('img/footer/follow.gif') no-repeat; margin-top: 15px; margin-bottom: 5px; display: block; } #IEroot6 #follow { margin-left: 45px; margin-top: 25px; } #copyright { font-size: 1em !important; color: #a9a9aa; text-align: left; letter-spacing: 1px; margin-left: 430px; margin-top: -15px; margin-bottom: 0px; } #facebook-footer { width: 71px; height: 47px; background: url('img/footer/facebook-footer.gif') no-repeat; margin-right: 25px; margin-top: 0px; margin-bottom: 0px; cursor: pointer; display: block; } #IEroot6 #facebook-footer { margin-left: 45px; margin-bottom: -5px; position: relative; } #facebook-footer:hover { background-position: left bottom; } #vimeo { width: 71px; height: 47px; background: url('img/footer/vimeo.gif') no-repeat; margin-left: 96px; margin-right: 25px; margin-top: -47px; margin-bottom: 0px; cursor: pointer; display: block; } #IEroot6 #vimeo { margin-left: 141px; margin-bottom: -5px; position: relative; } #vimeo:hover { background-position: left bottom; } #rss-footer { width: 71px; height: 47px; background: url('img/footer/rss-footer.gif') no-repeat; margin-left: 192px; margin-right: 25px; margin-top: -47px; margin-bottom: 0px; cursor: pointer; display: block; } #IEroot6 #rss-footer { margin-left: 237px; margin-bottom: -5px; position: relative; } #rss-footer:hover { background-position: left bottom; }