/* Theme Name: MMP Description: Version: 1.1 Author: Richard Frank (www.flowsa.com) Date: Sept 2009 */ /*RESET AND CLEARFIX ----------------------------*/ :link,:visited { text-decoration:none } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } dd {margin-left:0;} a img,:link img,:visited img { border:none } address { font-style:normal } .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} /* BODY -----------------------------------*/ html, body {height:100%; background:white;} /* BASE TYPOGRAPHY -----------------------------------*/ body {font: 62.5%/1.4em Arial, Verdana, sans-serif; color:#111;} p, ul, ol {font-size:1.2em; line-height:1.4em; margin-bottom: 1.2em;} p {margin-bottom:1em;} a:link {outline:none; text-decoration:underline; color:#0A2C56; outline:none;} a:visited {text-decoration:underline; color:#0A2C56;} a:hover {} h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em;} h1 {font-size:2.8em;} h2 {font-size:2.3em;} h3 {font-size:1.6em;} h4 {font-size:1.4em;} .current a {color:red;} /* BASE TEMPLATE ---------------------------------*/ body {background-color:white;} #container {width:960px; margin:0px auto;} #wrap {margin:0px;} #wrap2 {} /* LAYOUT STRUCTURE -------------------------------- */ #content {float:left; width:100%; margin-bottom:20px; margin-top:20px;} #main {width:680px; float:left; margin-right:20px;} .static #main {width:680px; float:left; margin-right:20px;} .blog #main {width:680px; float:left; margin-right:20px;} #sidebar {width:260px; float:left;} /*HEADER ----------------------*/ #header {margin-bottom:10px; background: #fff url(/mmptheme/images/header1.jpg) no-repeat; height:126px; margin-bottom:10px;} #header h1 {text-transform:uppercase; font-weight:bold; color:#EFEFEF; float:left; margin-left:0px; font-size:22px;} /*FOOTER ----------------------*/ #footer {clear:both; padding:10px; margin-top:10px; background:url(/mmptheme/images/footer.jpg) no-repeat;} #footer p {text-align:center;} #footer a:link {text-decoration:underline;} /*MAIN CONTENT GENERAL ------------------*/ #main-inner {padding:0px;} #main h1 {font-weight:bold; font-size:3em; padding-left:2px; color:#0a2c56;} #main h1 a, #main h2 a, #main h3 a, #main h4 a {text-decoration:underline;} #main h1 a:hover, #main h2 a:hover, #main h3 a:hover, #main h4 a:hover {text-decoration:underline;} #main .news-catname {text-transform:uppercase; font-size:1em;} #entry #main h1 {background:none} /* MAIN CONTENT LISTS ------------------*/ #main ul {list-style-type:disc; margin-left:1.6em;} #main ol {list-style-type:decimal; margin-left:1.6em;} #main li {margin-bottom:0.7em;} #main li li {font-size:90.9%;} #main li li li {font-size:82.6%;} /* MAIN CONTENT IMAGES -----------------*/ /* photos */ .photo p {font-weight:bold; font-size:x-small !important;} /*div widths and floats */ .full {width:680px; margin-bottom:10px;} .half {width:340px; margin-bottom:10px;} .floatright {float:right; margin-left:10px;} .floatleft {float:left; margin-right:10px;} /*FEATURES ----------------------*/ /* NAVIGATION - PRIMARY ------------------------------*/ #nav {height:37px;} #nav ul {float:left; margin-bottom:0;} #nav ul li {float:left;} #nav ul li a {display:block; height:37px; background: url(/mmptheme/images/navigation1.jpg) no-repeat; outline:none;} #nav li#nav-home a {width:74px; background-position:0px 0px} #nav li#nav-home a:hover {background-position:0 -37px} #nav li#nav-home.current a {background-position:0 -37px} #nav li#nav-about a {width:103px; background-position:-74px 0px} #nav li#nav-about a:hover {background-position:-74px -37px} #nav li#nav-about.current a {background-position:-74px -37px} #nav li#nav-news a {width:109px; background-position:-177px 0px} #nav li#nav-news a:hover {background-position:-177px -37px} #nav li#nav-news.current a {background-position:-177px -37px} #nav li#nav-resources a {width:133px; background-position:-286px 0px} #nav li#nav-resources a:hover {background-position:-286px -37px} #nav li#nav-resources.current a {background-position:-286px -37px} #nav li#nav-programmes a {width:150px; background-position:-419px 0px} #nav li#nav-programmes a:hover {background-position:-419px -37px} #nav li#nav-programmes.current a {background-position:-419px -37px} #nav li#nav-services a {width:133px; background-position:-569px 0px} #nav li#nav-services a:hover {background-position:-569px -37px} #nav li#nav-services.current a {background-position:-569px -37px} #nav li#nav-blog a {width:110px; background-position:-702px 0px} #nav li#nav-blog a:hover {background-position:-702px -37px} #nav li#nav-blog.current a {background-position:-702px -37px} #nav li#nav-interactive a {width:148px; background-position:-812px 0px} #nav li#nav-interactive a:hover {background-position:-812px -37px} #nav li#nav-interactive.current a {background-position:-812px -37px} #nav span {margin-left:-2000px;} /* CAT NAV */ #sidebar .current a {color:red !important;} #sidebar ul li {list-style:disc; margin-left:15px; margin-bottom:0.5em;} #sidebar li li {font-size:90.9%;} #sidebar li li li {font-size:70.6%;} /* NEWS FEEDS -----------------------------*/ #contentfeed dl {background: url(/mmptheme/images/logotest.jpg) no-repeat; padding-left:85px; margin-bottom:2em; min-height:75px; background-position:0px 4px !important;} #contentfeed dl.news-mediareleases {background: url(/mmptheme/images/icons/media_release.png) no-repeat;} #contentfeed dl.news-newsletters {background: url(/mmptheme/images/icons/newsletter.png) no-repeat;} #contentfeed dl.news-mmpmedia {background: url(/mmptheme/images/icons/mmpinthemedia.png) no-repeat;} #contentfeed dl.Blog {background: url(/mmptheme/images/icons/mmpblog.png) no-repeat;} #contentfeed dl.resources-booklets {background: url(/mmptheme/images/icons/booklet.png) no-repeat; } #contentfeed dl.resources-submissions {background: url(/mmptheme/images/icons/submission.png) no-repeat;} #contentfeed dl.resources-podcasts {background: url(/mmptheme/images/icons/podcast.png) no-repeat;} #contentfeed dl.resources-analysis {background: url(/mmptheme/images/icons/media_analysis.png) no-repeat;} #contentfeed dl.resources-tools {background: url(/mmptheme/images/icons/guides_tools.png) no-repeat;} #contentfeed dl.resources-reports {background: url(/mmptheme/images/icons/reports.png) no-repeat;} #contentfeed dl.resources-madglad {background: url(/mmptheme/images/icons/getmad_glad.png) no-repeat;} #contentfeed dl.getmad {background: url(/mmptheme/images/getmad.png) no-repeat;} #contentfeed dl.getglad {background: url(/mmptheme/images/getglad.png) no-repeat;} #contentfeed dt {font-size:1.8em; margin-bottom:0.5em; line-height:1.3em;} #contentfeed dd.metadata {font-weight:bold; font-size:1.1em; background-color:#EFEFEF; padding:2px;} /* RESOURCES -----------------------*/ .category-filter {background-color:#EC0F16; color:white; display:inline; padding:2px;} .category-filter a.remove {color:white; font-size:0.8em;} /* SECONDARY NAV -----------------------------*/ ul#secondarynav {background:#503993; padding:5px; margin-bottom:0; background: url(/mmptheme/images/navigation-secondtier.jpg);} #secondarynav li {float:left; margin-right:10px;} #secondarynav a {color:white; text-decoration:none;} #secondarynav .current a {text-decoration:underline;} #secondarynav a.current {text-decoration:underline;} /* BREADCRUMB ----------------------------- #breadcrumb {margin-top:1em;} #breadcrumb {background:#fff; padding:5px;} #breadcrumb ul {margin-bottom:0;} #breadcrumb li {float:left; margin-right:10px;} #breadcrumb a {color:#000; text-decoration:none;} #breadcrumb .current a {text-decoration:underline;}*/ #breadcrumb {display:none;} /* FOOTER SITE MAP -------------------------------*/ #sitemap {} #sitemap h2 {text-transform:uppercase; font-size:1.3em; font-weight:bold} #sitemap .sitemap-strip {border-bottom:1px solid #CCC; margin-bottom:0.5em; padding-bottom:0.2em;} #sitemap .sitemap-strip li a {} #sitemap h3 {text-transform:uppercase; float:left; display:block; width:90px; margin-right:10px; font-size:1.2em; font-weight:bold; color:#123C68;} #sitemap ul {margin-bottom:0; font-size:1.2em;} #sitemap ul li {float:left; margin-right:10px;} /* CURVY ------------------------------*/ .curvy {background: #fff url(/mmptheme/images/gradient_bg.jpg) no-repeat; border:5px solid #f7f7f7; padding:5px; margin-bottom:10px;} .curvy h2 {color: #0a2c56;} #space {padding:5px; background-color: #fff;} /*FP-BUTTON ----------------------*/ a.fp-btn {width:215px; margin-top:5px; margin-bottom:0px; height:39px; padding-left:45px; line-height:1em; color:#fff; font-size:2em; padding-top:10px;} a.fp-btn {color:white !important; text-decoration:none; display:block;} #fp-btn-media {background: #fff url(/mmptheme/images/poll.png) no-repeat; margin-bottom:10px; } #fp-btn-complain {background: #fff url(/mmptheme/images/complain.png) no-repeat; margin-bottom:10px; } #fp-btn-compliment {background: #fff url(/mmptheme/images/compliment.png) no-repeat; margin-bottom:10px; } #fp-btn-download {background: #fff url(/mmptheme/images/download.png) no-repeat; margin-bottom:10px; } #fp-btn-download {background: #fff url(/mmptheme/images/download.png) no-repeat; margin-bottom:10px; } #fp-btn-rating {background: #fff url(/mmptheme/images/barometer.png) no-repeat; margin-bottom:10px; margin-top:10px;} /* SEARCH FORM ------------------------------*/ span.spacer,span.multiple span {width:80px;float:left;} span.multiple {float:left;} span.button {padding-left:8px; margin-bottom:10px;} div.clear {clear:both; padding-top:5px; padding-bottom:5px;} /* BLOG ---------------------------*/ #blog .blog-entry-meta {clear:both; padding:0px; margin-bottom:10px; background-color:#efefef;} #blog .blog-entry-meta ul {list-style:none; margin-left:0; font-size:1.1em;} #blog .blog-entry-meta ul li {float:left; padding:2px; margin:2px;} .seemore {font-size:1em; text-align:right;} .uppercase {text-transform:uppercase;} /* POLL ---------------------------*/ .pollResultAnswer {font-size:1.2em; margin-bottom:1em;} .pollTotalVotes {} .pollResultPercent {} .pollResultBar {} .pollQuestion {font-size:1.2em; line-height:1.5em; margin-bottom:1em;} .pollAnswer input {margin-right:5px;} .pollAnswer {clear:both; font-size:1.2em; margin-bottom:1em;} .pollButtonBlock {margin-top:10px;} /* COMMENT ____________*/ .comment-meta {font-size:1.1em;} /* FEATURE TEXT ----------------*/ .featuretext {width:420px; float:right; margin-top:10px; padding:0px 10px 0px 5px;} .featuretext h2 {color:white; font-size:4em;} .featuretext p {font-weight:bold; color:#333;} /* RELATED NEWS ---------------------*/ #sidebar #related-news li {list-style:none; margin:0; padding-left:30px; min-height:30px; margin-bottom:0.5em;} #sidebar #related-resources li {list-style:none; margin:0; padding-left:30px; min-height:30px; margin-bottom:0.5em;} #related-news li {background: url(/mmptheme/images/icons/podcast-small.png) no-repeat;} #related-news li.news-newsletters {background: url(/mmptheme/images/icons/newsletter-small.png) no-repeat;} #related-news li.news-mmpmedia {background: url(/mmptheme/images/icons/mmpinthemedia-small.png) no-repeat;} #related-news li.news-mediareleases {background: url(/mmptheme/images/icons/media_release-small.png) no-repeat;} #related-resources li.resources-booklets {background: url(/mmptheme/images/icons/booklet-small.png) no-repeat;} #related-resources li.resources-madglad {background: url(/mmptheme/images/icons/getmad_glad-small.png) no-repeat;} #related-resources li.resources-tools {background: url(/mmptheme/images/icons/guides_tools-small.png) no-repeat;} #related-resources li.resources-analysis {background: url(/mmptheme/images/icons/media_analysis-small.png) no-repeat;} #related-resources li.resources-podcasts {background: url(/mmptheme/images/icons/podcast-small.png) no-repeat;} #related-resources li.resources-submissions {background: url(/mmptheme/images/icons/submission-small.png) no-repeat;} #related-resources li.resources-reports {background: url(/mmptheme/images/icons/reports-small.png) no-repeat;} /* SUBSCRIBE NEWSLETTER --------------------------*/ #subscribe-email {border: 1px solid #999; padding: 3px; color:#333;} #subscribe-submit {} /* TABS -------------------------*/ .tabberlive .tabbertabhide { display:none; } /*FEEDS*/ #contentfeed ul.tabbernav { margin:0 !important; padding: 5px 0; border-bottom: 1px solid #D4D4D4; font-weight:normal; font-size:1.5em; } #contentfeed ul.tabbernav li { list-style: none; margin-bottom: 0; display:inline; } #contentfeed ul.tabbernav li a { padding: 8px 8px; margin-left: 5px; border-bottom: none; background: #DDE; text-decoration: none; color:#1F1F1F; } #contentfeed ul.tabbernav li a:link {background: url(/mmptheme/images/blue_tab.jpg) no-repeat; color:white;} #contentfeed ul.tabbernav li a:visited { color: #667; } #contentfeed ul.tabbernav li a:hover { color: #000; background: url(/mmptheme/images/white_tab.jpg) no-repeat; border-color: #227; } #contentfeed ul.tabbernav li.tabberactive a { background: url(/mmptheme/images/white_tab.jpg) no-repeat; border-bottom: 1px solid #fbfafa; color:#1F1F1F } #contentfeed ul.tabbernav li.tabberactive a:hover { color: #000; background: url(/mmptheme/images/white_tab.jpg) no-repeat; border-bottom: 1px solid white; } /* FEATURES ------------------------*/ #features {width:960px; height:240px;} #features ul.tabbernav { margin:0 !important; padding: 0px 0; font-weight:normal; font-size:1.5em; position:absolute; top:369px; width:960px; } #features .tabbertab {height:200px; border:none;} #features ul.tabbernav li { list-style: none; margin: 0 !important; padding: 0 !important; display:inline; } #features ul.tabbernav li a { margin-left: 0 !important; border-bottom: none; color:#1F1F1F; float:left; height:39px; } #features ul.tabbernav li a:link {background: url(/mmptheme/images/featurenav.jpg);} #features ul.tabbernav li a#featuresnav1:link {background-position:0 0; width:220px;} #features ul.tabbernav li a#featuresnav1:hover {background-position:0 -39px; width:220px;} #features ul.tabbernav li.tabberactive a#featuresnav1 {background-position:0 -39px; width:220px;} #features ul.tabbernav li a#featuresnav2:link {background-position:-220px 0; width:242px;} #features ul.tabbernav li a#featuresnav2:hover {background-position:-220px -39px; width:242px;} #features ul.tabbernav li.tabberactive a#featuresnav2 {background-position:-220px -39px; width:242px;} #features ul.tabbernav li a#featuresnav3:link {background-position:-462px 0; width:261px;} #features ul.tabbernav li a#featuresnav3:hover {background-position:-462px -39px; width:261px;} #features ul.tabbernav li.tabberactive a#featuresnav3 {background-position:-462px -39px; width:261px;} #features ul.tabbernav li a#featuresnav4:link {background-position:-723px 0; width:237px;} #features ul.tabbernav li a#featuresnav4:hover {background-position:-723px -39px; width:237px;} #features ul.tabbernav li.tabberactive a#featuresnav4 {background-position:-723px -39px; width:237px;} #features ul.tabbernav li a:visited {} #features ul.tabbernav li a:hover {background-position:0 -39px;} #features ul.tabbernav li.tabberactive a {background-position:0 -39px;} #features ul.tabbernav li.tabberactive a:hover {background-position:0 -39px;} /*features background images */ #features #what-we-do {background: url(/mmptheme/images/fpfeature_newspapers.jpg) no-repeat;} #features #who-we-are {background: url(/mmptheme/images/seconday_pic4.jpg) no-repeat;} #features #current-projects {background: url(/mmptheme/images/fpfeature_camera.jpg) no-repeat;} #features #contact-us {background: url(/mmptheme/images/seconday_pic3.jpg) no-repeat;} /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ #contentfeed.tabberlive .tabbertab { padding:5px; border:2px solid #D4D4D4; border-top:0; background-color:#fbfafa; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { } .tabberlive .tabbertab h3 { } /* FULL PAGE OPTION ON STATIC PAGES -------------------------------------*/ #main.fullpage {width:960px;} .featuretext .emphasis {color:#123C68;} .staff-item {border-bottom:1px solid #CCC; margin-bottom:1em; padding: 5px 0;} .staff-item .position {color:#333;} /* FORMS -----------*/ .forms p {font-size:1.3em;} /*----------------------------------------------------------------- -------------------GALLERY ----------------------------------------- -------------------------------------------------------------------*/ #gallery-albumview {} #gallery-albumview ul {list-style:none; margin-left:0;} #gallery-albumview li {float:left; list-style:none;} #gallery-albumview li a {display:block; margin:10px; padding:3px; border:2px solid #F94529; background-color:white; } #gallery-albumview li a:hover {border:2px solid #F94529;} #gallery-catdescription {} #gallery-catdescription p {text-align:center; font-style:oblique;} #caption {width:600px; margin: 0 auto;} a.gal_page {color:#FF0000;} gal_page a {color:#FF0000;} .gal_page a:hover {color:#000;} /* MEDIA PERSONALITY -------------------------*/ p.largetext {font-size:1.4em} #media-personality-form label {font-size:1.4em; line-height:1.4em; display:block; padding-top:10px;} #media-personality-form input {margin-top:1em; display:block; float:left; margin-right:10px;} #media-personality-form h2 {background-color:#393682; color:white; padding:3px; margin-top:1em;} #media-personality-form h3 {margin-top:1em; color:#0A2C6B; font-size:1.8em; line-height:1.4em;} .mediapersonality-message {clear:both; font-size:1.6em; text-align:center; color:#CA2A33; padding-top:1em;} .mediapersonality-image {width:320px; height:213px; float:left;} #results h2 {font-size:2.8em; } #results h3 {font-size:2.4em; text-align:center; margin-bottom:1em; background-color:#393682; color:white; padding:3px;} #results h3 a {color:white;} #results p {font-size:1.4em} /* POLLS -----------------------*/ #poll-archive .pollQuestion {font-size:1.6em;} #cse-search-box input {font-size:16px; width:160px; margin-bottom:10px;} #cse-search-box input#search-submit {width:80px; margin-bottom:10px;} /* RESOURCES GALLERY ---------------------*/ .resources-gallery {width:250px;} .resources-gallery img {margin-bottom:10px;}