DIV PROBLEMS inTERRApod | inTERRAgate
Home Forums News About us Contact us
Home

inTERRApod

Tracklist:

  1. Always Love by Nada Surf (info) (download)
by admin – podcast – m3u – pls – xspf – launch popup player
##################################################################################### PAGE LAYOUT ON ANY OTHER PAGE - THIS ONE IS LOOKING AT THE INFO LINK FROM THE PLAYLIST PAGE Always Love by Nada Surf | inTERRAgate
Home Forums News About us Contact us
Home

Always Love by Nada Surf



Found in these audio playlist(s)inTERRApod
admin – Mon, 07/10/2006 – 13:03
download audio file – 0 downloads – 3 plays – by admin – add to audio playlist
################################################################### THIS IS A COPY OF MY STYLE SHEET /***** inTERRAgate, written by Lucy Stanbrough and based on the Friendselectric Template by Steven Wittens *********/ /************ body ************/ body { margin: 0px; padding: 0px; min-width: 780px; } body, input, textarea, select, option, legend, fieldset { font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica; } html, body { _height: 100%; min-height: 100%; } #body-wrap { margin: 0px } /********** HEADER SECTION ****************/ /************* search ****************/ #search { position: relative; float: right; width: 195px; text-align: right; padding-top: 4px; right: 0px; } #search .form-text, #search .form-submit { padding: 0px; display: block; float: left; font-size: 0.8em; margin-right: 8px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } #search input.form-text { width: 112px; color: #223756; background-color: #FFFFFF; background-position: 0px 0px; border: 1px solid #CCCCCC; height: 15px; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; } #search input.form-submit { border-width: 0px; height: 19px; line-height: 18px; width: 60px; text-align: center; color: #0F0F0F; background: url(search-button.png) no-repeat 0px 0px; _margin-right: 4px; } #search .form-submit:hover { color: #fff; } /************* header ****************/ #header { height: 100px; background-color: #000000; background-image: url(earth.png); background-position: right bottom; background-repeat: no-repeat; } #header .site-logo { } #header .hw1 { background-color: #000000; } #header .hw2 { background-color: #000000; } #header form { padding: 0px; margin: 0px; } /************* Red nav bar ****************/ #page-title-bar { width: 100%; padding-top: 5px; text-indent: 5px; background-color: #d32121; background-image: url(gblnav-red-bg.png); background-repeat: repeat-x; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ca1f1f; } #page-title-bar h2{ color: #FFFFFF; margin:0px; vertical-align: middle; font-family: Arial, sans-serif; font-size: 1.2em; padding-top: 0px; } #page-title-bar a:link { color: #FFFFFF; font-size: 1em; font-weight: bolder; text-decoration: none; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding-top: 4px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; display: inline; } #page-title-bar a:visited { color: #FFFFFF; font-size: 1em; font-weight: bolder; text-decoration: none; font-family: Arial, Helvetica, sans-serif; margin: 0px; display: inline; padding-top: 4px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; } #page-title-bar ul { list-style-type: none; margin: 0px; padding: 0px; position: absolute; } #page-title-bar ul li { float: left; position: relative; } #page-title-bar ul { margin-left: -3px; } #page-title-bar ul li { position: relative; } #page-title-bar ul li a { color: #000000; font-size: 0.8em; font-weight: bold; text-decoration: none; display: block; position: relative; white-space: nowrap; margin-right: 5px; } #page-title-bar ul li a:hover { color: #fff; } #page-title-bar ul li a .lw1 { display: block; position: relative; _width: 1px; background: url(nav-right.png) no-repeat 100% -100px; } #page-title-bar ul li a .lw2 { padding: 2px 5px; display: block; position: relative; _width: 1px; cursor: pointer; background: url(nav-left.png) no-repeat 0% -100px; } #page-title-bar ul li a:hover .lw1 { background: url(nav-right.png) no-repeat 100% 0px; } #page-title-bar ul li a:hover .lw2 { background: url(nav-left.png) no-repeat 0% 0px; } /************* silver secondary nav bar ****************/ ul#secondary li a { color: #a7cde2; margin-right: 0px; margin-left: 5px; } ul#secondary li a .lw1 { background: url(nav2-right.png) no-repeat 100% -100px; } ul#secondary li a .lw2 { background: url(nav2-left.png) no-repeat 0% -100px; } ul#secondary li a:hover .lw1 { background: url(nav2-right.png) no-repeat 100% 0px; } ul#secondary li a:hover .lw2 { background: url(nav2-left.png) no-repeat 0% 0px; } #breadcrumb ul#secondary { position: absolute; right: 9px; top: 8px; width: 100%; background-color: #000000; } #breadcrumb ul#secondary li { float: right; position: relative; } #breadcrumb { width: 100%; background-image: url(bg_nav.jpg); border-bottom:1px solid #ccd2d2; text-indent: 5px; padding-top: 1px; padding-bottom: 0px; height: 18px; position: relative; } #breadcrumb a:link { color: #000000; font-size: 0.9em; font-weight: bold; text-decoration: none; padding-right: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; position: relative; } #breadcrumb a:visited { color: #333333; font-size: 0.9em; font-weight: bold; text-decoration: none; padding-right: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; position: relative; } /************* SIDE BARS ****************/ .sidebar { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } /************* left bar ****************/ #sidebar-left { float: left; position: relative; width: 196px; margin-right: -201px; z-index: 20; padding-left: 1px; height: 100%; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.5px; } #sidebar-left .block { } #sidebar-left .block ul { background-image: url(navbar-background-small.png); } #sidebar-left .block h2 { color: #000000; font-size: 1.2em; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-left: 5px; background-image: url(navbar-background.png); background-repeat: repeat; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E1E1E1; border-top-width: 1px; border-top-style: solid; border-top-color: #E1E1E1; _height: 1px; font-size: 1.2em; margin-bottom: 0px; padding-bottom: 4px; } #sidebar-left .block h2.first { _padding-bottom: 3px; background-image: url(navbar-background.png); background-repeat: repeat-x; border-bottom-style: solid; border-bottom-color: #E1E1E1; border-bottom-width: 1px; } #sidebar-left .block .content { text-indent: 5px; font-family: Arial, Helvetica, sans-serif; } #sidebar-left .block .content img { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; } .sidebar-left .block a:visited { color: #333333; } #sidebar-left .block a { color: #000000; letter-spacing: 0.25px; text-decoration: none; height: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; } .sidebar-left li.expanded a { background-image: url(sidebar-bullet-min.png); background-repeat: no-repeat; background-position: 3px 5px; } .sidebar-left li.collapsed a { background: url(sidebar-bullet-plus.png); background-repeat: no-repeat; background-position: 3px 5px; } #sidebar-left .menu .list-item ul { background-image: url(navbar-background.png); } .sidebar-left .item-list ul li a, li.leaf a { background-repeat: no-repeat; background-position: 3px 5px; background-image: url(sidebar-bullet-dot.png); } /************* right bar ****************/ #sidebar-right { float: right; position: relative; width: 196px; margin-left: -201px; z-index: 20; padding-top: 5px; } #sidebar-right .block { background-image: url(sidebar-background.png); } #sidebar-right .block h2 { _height: 1px; background-image: url(sidebar-right-title.png); background-position: top; padding-top: 3px; padding-bottom: 2px; background-repeat: repeat-x; font-size: 1.2em } #sidebar-right .block { padding-top: 0px; margin-bottom: 5px; } #sidebar-right .block h2 { color: #000000; font-size: 1em; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-align: center; } #sidebar-right .block h2.first { _padding-bottom: 3px; } #sidebar-right .block .content { padding-left: 3px; padding-right: 3px; padding-bottom: 5px; background-image: url(sidebar-right-bottom.png); background-position: bottom; background-repeat: no-repeat; } #sidebar-right .block a:visited { color: #333333; } #sidebar-right .block a { color: #333333; font-weight: bold; letter-spacing: -1px; text-decoration: none; } /************* CSS2 corrections ****************/ #content-wrap > #main { margin-left: 1px; } #content-wrap { float: left; position: relative; } .content-wrap-right, .content-wrap-both { padding-right: 201px; } #left-grey-bar { background-image: url(left-sidebar.png); background-repeat: repeat-y; background-position: left top; } /************* GENERAL ****************/ blockquote { margin: 10px 0px 0px 17px; padding: 0px 35px 0 9px; border-left: 5px solid #ddd; font-style: italic; _overflow: visible; _height: 1px; } .form-item .description { font-size: 0.9em; font-style: italic; color: #333333; padding-bottom: 0.5em; } .item-list ul li, li.expanded, li.collapsed, li.leaf { list-style-type: none; list-style-image: none; margin: 0; padding: 0px; display: inline; } .item-list ul li a, li.expanded a, li.collapsed a, li.leaf a { margin: 0; display: block; padding-top: 3px; padding-right: 1px; padding-bottom: 3px; padding-left: 20px; } #sidebar-right .item-list ul li a:hover, li.expanded a:hover, li.collapsed a:hover, li.leaf a:hover { background-color: #FFFFFF; text-decoration: none; } #sidebar-left .item-list ul li a:hover, li.expanded a:hover, li.collapsed a:hover, li.leaf a:hover { background-color: #FFFFFF; text-decoration: none; } .item-list ul li a:hover, li.expanded a:hover, li.collapsed a:hover, li.leaf a:hover { text-decoration: none; } .block .item-list ul li br { display: none; } li.expanded a { background-image: url(sidebar-bullet-min.png); background-repeat: no-repeat; background-position: 1px 5px; } li.collapsed a { background: url(sidebar-bullet-plus.png); background-repeat: no-repeat; background-position: 3px 5px; } .item-list ul li a, li.leaf a { background-repeat: no-repeat; background-position: 3px 5px; background-image: url(sidebar-bullet-dot.png); } .menu { padding: 0px; } .block ul { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0em; } .block ul li { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0em; } .block ul ul { padding: 0 0px 0 1.5em; } .block li a { width: auto; _height: 1px; } .more-link { display: block; list-style-type: none; list-style-image: none; margin: 0px; padding: 0px 0px 0px 0px; } .more-link a { padding: 3px 5px 3px 5px; display: block; } .more-link a:hover { background-color: #fafafa; padding: 2px 4px 2px 4px; _padding-right: 3px; border: 1px solid #ccc; _height: 1px; } /* Fancy pre code boxes */ .pre { width: 100%; padding: 10px 0px 15px; } pre { clear: both; float: left; overflow: auto; _overflow-y: hidden; background: #f8fbfc; margin: 0px; padding: 8px 5px 18px; min-height: 3em; width: 95%; border: 1px solid #bfd0d9; } pre, tt, code { font-family: "Bitstream Vera Sans Mono", Courier New, monospace; font-size: 1em; } /* Tables */ table td { padding: 3px; } table { margin: 0em; padding-top: 5px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } li { margin: 0em; padding-top: 5px; padding-bottom: 5px; } tr { border-bottom: 0px; } tr.odd { background: #e4edf2; border-bottom: 0px; } tr.even { background: #f8fbfc; border-bottom: 0px; } tr.odd td.active { background: #c5d6df; border-bottom: 0px; } tr.even td.active { background: #d6e4ea; border-bottom: 0px; } th { border-bottom: 2px solid #919eaf; } /* Watchdog */ tr.watchdog-user { background: #ffd; } tr.watchdog-user td.active { background: #eed; } tr.watchdog-content { background: #ddf; } tr.watchdog-content td.active { background: #cce; } tr.watchdog-warning { background: #fda; } tr.watchdog-warning td.active { background: #ec9; } tr.watchdog-pagenotfound, tr.watchdog-accessdenied { background: #dfd; } tr.watchdog-pagenotfound td.active, tr.watchdog-accessdenied td.active { background: #cec; } tr.watchdog-error { background: #ffc9c9; } tr.watchdog-error td.active { background: #eeb9b9; } #main tr td a.active { background-color: inherit; } /* Messages */ #message .messages { background: #f3f3f3; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #ccc; padding: 3px 6px; margin-bottom: 4px; } #message .error { background: #ffe5e5; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #efb5b5; padding: 3px 6px; color: #dc0024; } #message { margin: 15px 0px 5px; } #message ul { margin: 0px; padding: 0px; } #message ul li { list-style-type: none; list-style-image: none; margin: 0; padding: 3px 1px 3px 20px; background: url(sidebar-bullet-dot.png) no-repeat 4px 5px; } #message .error li { background: url(sidebar-bullet-dot-2.png) no-repeat 4px 5px; } /* Content */ #content { font-size: 0.75em; _height: 1px; } #content .left-bar{ width: 196px; height: 100%; background-image: url(left-sidebar.png); background-repeat: repeat-y; } #content .cw1 { _height: 1px; } #content .cw2 { _height: 1px; } #content .cw3 { _height: 1px; } #content .cw4 { _height: 1px; } .content-left .cw5, .content-both .cw5 { _height: 1px; } .content-left .cw6, .content-both .cw6 { _height: 1px; } .content-right .cw7, .content-both .cw7 { _height: 1px; } .content-right .cw8, .content-both .cw8 { _height: 1px; } /* Main */ /* Note: due to Mozilla stretching fieldsets inside nested floats, the left sidebar is placed before the main content. This allows the main area to remain unfloated in Mozilla */ #main { _float: right; margin: 0px; _width: 100%; height: auto; } .main-wrap-left, .main-wrap-both { float: left; width: auto; margin-right: 0px; margin-left: 201px; _margin-left: 0px; /* Avoid IE float margin doubling */ _padding-left: 201px; z-index: 10; } #main { color: #1A1A1A; width: 100%; _width: 100%; } #main .mw1 { padding-right: 5px; padding-bottom: 20px; padding-left: 5px; padding-top: 5px; } #main h1 { margin: 0px; padding: 13px 0px 1px; font-size: 1.45em; color: #485c74; } #main h2 { margin: 0px; font-size: 1.5em; color: #0C0C0C; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; position: relative; } #main h3 { margin: 0px; font-size: 1.1em; color: #FFFFFF; font-style: normal; padding: 2px; background-color: #CC0000; } #main h3 a { color: #FFFFFF; font-weight: bold; text-decoration: none; letter-spacing: -1px; } #main h3 a:hover { text-decoration: underline; } #main h3 a:visited { color: #FdFdFd; } #main a { color: #CC0000; font-weight: bold; text-decoration: none; letter-spacing: -1px; } #main a:hover { text-decoration: underline; } #main a:visited { color: #590000; } #main .node h2.title, #main h2.main-title { font-size: 1.5em; font-weight: bold; letter-spacing: -1.5pt; } #main .node h2.title, #main h2.main-title, #main .node h2.title a { color: #CC0000; font-weight: normal; text-decoration: none; } #main .node h2.title a { letter-spacing: inherit; } #main .node { margin: 0em; padding-bottom: 15px; } #main .info, #main .links, #main .terms { padding: 2px 0px 0px 17px; color: #6c90ac; background: url(main-bullet.png) no-repeat 0px 4px; } #main .info a, #main .links a, #main .terms a, #main .info a:visited, #main .links a:visited, #main .terms a:visited { color: #485c74; } #main .comment { margin: 0px; border: 1px solid #7F98A7; } #main .info-author { color: #6c90ac; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #main .info-author a, .info-author a:visited { color: #485c74; } #main .comment-padding { padding-bottom: 10px; } body #main .comment-new { padding: 0px; margin: 0px; border: 1px solid #7F98A7; } #main .comment-new .new { float: right; color: #6c90ac; position: relative; top: -0.2em; font-weight: bold; } #main .comment h3.title { font-size: 1.41em; letter-spacing: -0.5px; font-style: normal; margin-top: 0px; padding-top: 0px; } #main .comment h3.title, #main .comment h3.title a { font-weight: normal; color: #FFFFFF; } #main .c1 { background-image: url(comment-tl.png); background-position: 0% 0%; background-repeat: no-repeat; position: relative; top: -1px; left: -1px; } #main .c2 { background-image: url(comment-tr.png); background-position: 100% 0%; background-repeat: no-repeat; position: relative; left: 2px; } #main .c3 { background-image: url(comment-br.png); background-position: 100% 100%; background-repeat: no-repeat; position: relative; top: 2px; } #main .c4 { background-image: url(comment-bl.png); background-position: 0% 100%; background-repeat: no-repeat; position: relative; left: -2px; padding: 1em; overflow: hidden; } #main textarea, #main textarea * { display: block; width: 100%; font-size: inherit; } #main .box { padding-bottom: 10px; } /* Pager */ #pager { clear: both; padding: 10px 0px 3px; } #pager div { padding: 0em; } #pager strong.pager-current, #pager a { padding: 2px 6px 2px 5px; margin: 0px 0.25em 0px 0.25em; background: #e7f0f8; border: 1px solid #a6c1d6; -moz-border-radius: 3px; } #pager a:hover { text-decoration: none; background: #fff; } #pager strong.pager-current { color: #fff; padding: 3px 6px 3px 5px; background-color: #6C85A4; } /* Form styles */ .form-text, .form-password, textarea, .form-select { border: 1px solid #919eaf; padding: 1px; margin: 1px; } .form-text:focus, .form-password:focus, textarea:focus, .form-select:focus { border: 2px solid #919eaf; -moz-border-radius: 3px; margin: 0px; } .node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra { margin-top: 5px; margin-right: 10px; width: auto; clear: none; } /* Fieldset styling (only for IE and Mozilla as the rest seem to mess up) */ fieldset { _border: 1px solid #5a6c83; padding: 10px; } html:not([dummy]) fieldset { border: 1px solid #5a6c83; clear: left; } legend { _background: #FFFFFF; font-weight: bold; letter-spacing: -1px; color: #cc0000; } html.js fieldset.collapsed { padding: 0px; } /************** FORUM ******************/ /***************************************/ /* Mission */ #mission { background: #e7f0f8 url(mission-top-left.png) no-repeat 0% 0%; } #mission .sw1 { background: url(mission-top-right.png) no-repeat 100% 0%; } #mission .sw2 { background: url(mission-bottom-left.png) no-repeat 0% 100%; } #mission .sw3 { background: url(mission-bottom-right.png) no-repeat 100% 100%; padding: 10px; } /***** calendar stuff related to sidebar ********/ .calendar .row-week td a { display: block; } .calendar .row-week td a:hover { background-color: #888; color: #fff; } .calendar a { text-decoration: none; } .calendar a:hover { text-decoration: none; } .calendar table { border-collapse: collapse; width: 185px; border: 1px solid #000; background-position: center; } .calendar td, .calendar th { text-align: center; border: 1px solid #000; padding: 1px; margin: 0; font-size: 0.8em; } .calendar td.day-blank { border: 0; } /* Tab navigation */ ul.primary { margin: 0px; white-space: nowrap; list-style: none; height: 24px; background: url(tab-bar.png) repeat-x 0px 100%; padding-top: 0px; padding-right: 0px; padding-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 5px; border-left-width: 0px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } ul.primary li { margin: 0px; padding: 0px; float: left; _width: 0px; } ul.primary li a { margin: 0px; padding: 0px; display: block; background: url(tab-right.png) no-repeat 100% -38px; border-width: 0px; height: 24px; text-decoration: none; } #main ul.primary li a:hover { background: url(tab-right.png) no-repeat 100% -76px; border-width: 0px; text-decoration: none; } #main ul.primary li.active a, #main ul.primary li.active a:hover { background: url(tab-right.png) no-repeat 100% 0px; border-width: 0px; color: #000; } ul.primary li a .lw1 { margin: 0px; padding: 4px 15px 0px; display: block; background: url(tab-left.png) no-repeat 0% -38px; border-width: 0px; height: 20px; text-decoration: none; line-height: 20px; cursor: pointer; } #main ul.primary li a:hover .lw1 { background: url(tab-left.png) no-repeat 0% -76px; border-width: 0px; } #main ul.primary li.active a .lw1, #main ul.primary li.active a:hover .lw1 { background: url(tab-left.png) no-repeat 0% 0px; border-width: 0px; color: #000; } ul.secondary li a.active { border-width: 0px; } /* Aggregator */ #aggregator .source { clear: left; } /* Footer */ #footer { color: #666; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; font-size: 0.8em; font-weight: bold; color: #333333; background-color:#FFFFFF; text-indent: 10px; } #footer a:link { color: #CC0000; font-size: 1em; font-weight: bolder; text-decoration: none; } #footer a:visited { color: #CC0000; font-size: 1em; font-weight: bolder; text-decoration: none; } #footer a:hover { text-decoration: underline; } /************ User profiles page ***************/ .user-profiles { margin: 0px; border: 1px solid #7F98A7; width: 150px; } .user-profiles .username { font-weight: bolder; text-align: center; padding-bottom: 5px; font-size: 1.2em; } #user-profiles .c1 { background-image: url(comment-tl.png); background-position: 0% 0%; background-repeat: no-repeat; position: relative; top: -1px; left: -1px; } #user-profiles .c2 { background-image: url(comment-tr.png); background-position: 100% 0%; background-repeat: no-repeat; position: relative; left: 2px; } #user-profiles .c3 { background-image: url(comment-br.png); background-position: 100% 100%; background-repeat: no-repeat; position: relative; top: 2px; } #user-profiles .c4 { background-image: url(comment-bl.png); background-position: 0% 100%; background-repeat: no-repeat; position: relative; left: -2px; padding: 1em; overflow: hidden; } /********************************************************/ /* */ /* CUSTOM PAGE STYLES */ /* */ /********************************************************/ #frontpage .node{ width: 48%; padding-right: 10px; float: left; } #frontpage .picture{ display: none; } #frontpage .content { text-align: left; vertical-align: top; } #frontpage span.caption { display: none; } #handout-images { width: 150px; float: left; } #podcast-frontpage { margin: 0px; width: 100%; padding-bottom: 10px; } #podcast-png { float: left; } #mission-frontpage { background-color: #FFF4AA; margin: 0px; border: 1px solid #7F98A7; } #hazard-images-frontpage { width: 100%; padding-bottom: 5px; } #hazard-images-frontpage img { padding-top: 3px; } span.podcastleft { float: left; margin: 0px; display: inline; padding-right: 5px; } #mission-frontpage .c1 { background-image: url(podcast-tl.png); background-position: 0% 0%; background-repeat: no-repeat; position: relative; top: -1px; left: -1px; } #mission-frontpage .c2 { background-image: url(podcast-tr.png); background-position: 100% 0%; background-repeat: no-repeat; position: relative; left: 2px; } #mission-frontpage .c3 { background-image: url(podcast-br.png); background-position: 100% 100%; background-repeat: no-repeat; position: relative; top: 2px; } #mission-frontpage .c4 { background-image: url(podcast-bl.png); background-position: 0% 100%; background-repeat: no-repeat; position: relative; left: -2px; padding: 1em; overflow: hidden; } /********************************************************/ #country-top { width: 100%; height: 285px; padding-bottom: 10px; } .feature{ padding: none; font-size: 80%; min-height: 290px; height: 290px; position: static; } html>body .feature {height: 290px;} .field-field-google-map map{ height: 285px; width:100%; float: none; padding: 10px 0px 0px; } .field-field-hazard-wheel { height:280px; width:245px; float:left; padding:10px 10px 0px 0px; } .field-field-hazard-wheel img{ padding: 0px 0px 0px 10px; } /********************************************************/ /* CSS tricks */ .clear { clear: both; height: 1px; margin-bottom: -1px; line-height: 0px; display: block; font-size: 0px; } /********************* end **********************/