/* Theme Name: MirriAd Theme URI: http://www.mirriad.com/ Description: Custom WP theme for MirriAd Author: Tim Holt for SDG Author URI: http://www.sdgnewmedia.co.uk/ Version: 4.0 */ /* General */ * { margin: 0; padding: 0; } body { position: relative; font-family: arial, sans-serif; font-size: 100%; /* Reins in IE text resizing */ background: #000; color: #3f3f3f; } #wrapper { background: #ddd url(images/bgbody.png) left top repeat-x; } #wrapperinner { margin: 0 auto; width: 921px; } h1, h2, h3, h4, h5, h6 { padding: 10px 0; } h1 { font-size: 14pt; color: #222; } h2 { font-size: 12pt; color: #39f; } h3, h4, h5, h6 { font-size: 10pt; } p { padding: 5px 0; font-size: 10pt; line-height: 1.4em; } #content ul, #content ol { margin: 15px 10px 15px 0; list-style: none; } #content li { margin: 5px 0; padding-left: 15px; font-size: 10pt; line-height: 1.3em; background: url(images/bullet.gif) left 8px no-repeat; } blockquote { } code { } a img { border: none; } a:link { color: #39f; } a:visited { color: #666; } a:hover { } a:active { } .alignleft { float: left; padding: 5px 15px 5px 0; } .alignright { float: right; padding: 5px 0 5px 15px; } .clearfix { clear: both; } /* Header */ #header { position: relative; padding: 34px 0 9px 0; width: 921px; } #header h1 { float: left; position: relative; margin: 0 20px 22px 0; padding: 0; width: 128px; height: 50px; } #header h1 a { text-decoration: none; } #header h1 span.gilderlevin { position: absolute; left: 0; top: 0; width: 128px; height: 50px; background: url(images/bgtitle.png) left top no-repeat; } #header h1 span.gilderlevin:hover { cursor: pointer; } #header p#tagline { margin: 0 0 22px 0; padding: 0; width: 600px; height: 50px; line-height: 47px; font-weight: bold; font-size: 13pt; text-transform: lowercase; color: #39f; } ul#utilities { position: absolute; right: 0; top: 63px; list-style: none; } ul#utilities li { float: left; line-height: 24px; font-size: 8pt; text-align: center; } ul#utilities li#login a { none; background: url(images/bglogin.png) left top no-repeat; color: #f9f9f9; } ul#utilities li a { display: inline-block; width: 59px; height: 26px; text-decoration: none; } ul#utilities li a:hover { text-decoration: underline; } ul#nav { width: 921px; height: 32px; background: url(images/bgnav.png) left top repeat-x; list-style: none; } ul#nav li { float: left; width: 152px; line-height: 32px; font-size: 10pt; font-weight: bold; text-align: center; border-right: 1px solid #bdbdbd; } ul#nav li.first_page_item { width: 154px; background: url(images/bgnavleft.png) left top no-repeat; } ul#nav li.first_page_item:hover { background-position: left -32px; } ul#nav li.last_page_item { width: 154px; background: url(images/bgnavright.png) right top no-repeat; border-right: none; } ul#nav li.last_page_item:hover { background-position: right -32px; } ul#nav li a { display: inline-block; width: 152px; height: 32px; color: #000; text-decoration: none; } ul#nav li.first_page_item a, ul#nav li.last_page_item a { width: 154px; } ul#nav li a:hover { background: url(images/bgnav.png) left -32px repeat-x; color: #39f; } ul#nav li a:active { background: url(images/bgnav.png) left -64px repeat-x; color: #f9f9f9; } ul#nav li.current_page_item a, ul#nav li.current_page_ancestor a { background: url(images/bgnav.png) left -96px repeat-x; color: #f9f9f9; } ul#nav li.first_page_item a { background: url(images/bgnavleft.png) left top repeat-x; } ul#nav li.first_page_item a:hover { background: url(images/bgnavleft.png) left -32px repeat-x; color: #39f; } ul#nav li.first_page_item a:active { background: url(images/bgnavleft.png) left -64px repeat-x; color: #f9f9f9; } ul#nav li.current_page_item_first a { background: url(images/bgnavleft.png) left -96px repeat-x !important; color: #f9f9f9 !important; } ul#nav li.last_page_item a { background: url(images/bgnavright.png) right top repeat-x; } ul#nav li.last_page_item a:hover { background: url(images/bgnavright.png) right -32px repeat-x; color: #39f; } ul#nav li.last_page_item a:active { background: url(images/bgnavright.png) right -64px repeat-x; color: #f9f9f9; } ul#nav li.current_page_item_last a { background: url(images/bgnavright.png) right -96px repeat-x !important; color: #f9f9f9 !important; } #content ul#subnav { margin: 0 0 15px 0; padding-bottom: 10px; list-style: none; height: 28px; } #content ul#subnav li { float: left; padding: 0; width: 113px; height: 28px; line-height: 28px; background: url(images/bgsubnav.png) left top repeat-x; border-right: 1px solid #fff; } #content ul#subnav li a { display: inline-block; width: 113px; text-decoration: none; text-align: center; background: url(images/bgsubnav.png) left top repeat-x; color: #000; } #content ul#subnav li a:hover { background: url(images/bgsubnav.png) left -28px repeat-x; color: #39f; } #content ul#subnav li a:active { background: url(images/bgsubnav.png) left -56px repeat-x; color: #fff; } #content ul#subnav li.current_page_item a { background: url(images/bgsubnav.png) left -84px repeat-x; color: #fff; } #content ul#subnav li.first_page_item a { background: url(images/bgsubnavleft.png) left top no-repeat; } #content ul#subnav li.first_page_item a:hover { background: url(images/bgsubnavleft.png) left -28px no-repeat; } #content ul#subnav li.first_page_item a:active { background: url(images/bgsubnavleft.png) left -56px no-repeat; } #content ul#subnav li.current_page_item_first a { background: url(images/bgsubnavleft.png) left -84px no-repeat !important; } #content ul#subnav li.last_page_item a { background: url(images/bgsubnavright.png) right top no-repeat; } #content ul#subnav li.last_page_item a:hover { background: url(images/bgsubnavright.png) right -28px no-repeat; } #content ul#subnav li.last_page_item a:active { background: url(images/bgsubnavright.png) right -56px no-repeat; } #content ul#subnav li.current_page_item_last a { background: url(images/bgsubnavright.png) right -84px no-repeat !important; } #content ul#subsubnav { margin: 0 0 15px 0; list-style: none; } #content ul#subsubnav li { float: left; padding: 0; width: 190px; height: 32px; line-height: 32px; background: url(images/bgsubsubnav.png) left top repeat-x; border-right: 1px solid #fff; } #content ul#subsubnav li a { display: inline-block; width: 190px; text-decoration: none; text-align: center; background: url(images/bgsubsubnav.png) left top repeat-x; color: #000; } #content ul#subsubnav li a:hover { background: url(images/bgsubsubnav.png) left -32px repeat-x; color: #39f; } #content ul#subsubnav li a:active { background: url(images/bgsubsubnav.png) left -64px repeat-x; color: #fff; } #content ul#subsubnav li.current_page_item a { background: url(images/bgsubsubnav.png) left -96px repeat-x; color: #fff; } #content ul#subsubnav li.first_page_item a { background: url(images/bgsubsubnavleft.png) left top no-repeat; } #content ul#subsubnav li.first_page_item a:hover { background: url(images/bgsubsubnavleft.png) left -32px no-repeat; } #content ul#subsubnav li.first_page_item a:active { background: url(images/bgsubsubnavleft.png) left -64px no-repeat; } #content ul#subsubnav li.current_page_item_first a { background: url(images/bgsubsubnavleft.png) left -96px no-repeat !important; color: #fff; } #content ul#subsubnav li.last_page_item a { background: url(images/bgsubsubnavright.png) right top no-repeat; } #content ul#subsubnav li.last_page_item a:hover { background: url(images/bgsubsubnavright.png) right -32px no-repeat; } #content ul#subsubnav li.last_page_item a:active { background: url(images/bgsubsubnavright.png) right -64px no-repeat; } #content ul#subsubnav li.current_page_item_last a { background: url(images/bgsubsubnavright.png) right -96px no-repeat !important; color: #fff; } .video { margin-bottom: 9px; } /* Layout 1 */ .layout-1 .col1 { float: left; width: 455px; } .layout-1 .col2 { float: right; width: 456px; } .layout-1 .col1 .section, .layout-1 .col2 .section { margin-bottom: 9px; padding: 9px 19px; background: #fff; border: 1px solid #a6a6a6; } /* Layout 2 */ .layout-2 .col1 { float: left; width: 650px; } .layout-2 .col1 .video { margin-bottom: 9px; } .layout-2 .col1 .section { margin-bottom: 9px; padding: 4px; background: #fff; border: 1px solid #a6a6a6; } .layout-2 .col2 { float: right; width: 261px; } .layout-2 .col2 .section { margin-bottom: 9px; padding: 14px; background: #fff; border: 1px solid #a6a6a6; } /* Temp fix */ .layout-2 .vid-618 { width: 652px; background: #666; } /* Layout 3 */ .layout-3 .col1 { width: 921px; } .layout-3 .col1 .section { margin-bottom: 9px; padding: 4px; background: #fff; border: 1px solid #a6a6a6; } /* Layout 4 */ .layout-4 .col1 { float: left; width: 613px; } .layout-4 .col1 .section { margin-bottom: 9px; padding: 9px 19px; background: #fff; border: 1px solid #a6a6a6; } .layout-4 .col2 { float: right; width: 299px; } .layout-4 .col2 .section { margin-bottom: 9px; padding: 9px 14px; background: #fff; border: 1px solid #a6a6a6; } .layout-4 .col2 .button_section { padding: 14px !important; } .layout-4 .col1 #adzone.section { padding: 4px; } /* Layout 5 */ .layout-5 .col1 { float: left; width: 612px; } .layout-5 .col1 .section { margin-bottom: 9px; padding: 4px; background: #fff; border: 1px solid #a6a6a6; } .layout-5 .col2 { float: right; width: 299px; } .layout-5 .col2 .section { margin-bottom: 9px; padding: 4px 14px; background: #fff; border: 1px solid #a6a6a6; } /* Home */ .home .layout-2 .col2 .section { padding: 14px; } .col1 #how-it-works { padding-left: 90px; height: 109px; background: #fff url(images/howitworks.gif) 20px 20px no-repeat; } .col2 #create-new-opportunities .subsection { float: left; width: 195px; margin-right: 10px; } .col2 #create-new-opportunities .subsection h2 { padding: 3px 10px; background: #333; color: #f9f9f9; } .col2 #create-new-opportunities .subsection h2 a { text-decoration: none; color: #f9f9f9; } .col2 #create-new-opportunities .subsection h2 a:hover { text-decoration: underline; } .col2 #create-new-opportunities .subsection ul { margin: 5px; list-style: none; } .col2 #create-new-opportunities .subsection li { padding: 8px 5px 8px 28px; } .col2 #create-new-opportunities li#flexible-targeting { background: url(images/flexible-targeting.gif) left center no-repeat; } .col2 #create-new-opportunities li#guaranteed-exposure { background: url(images/guaranteed-exposure.gif) left center no-repeat; } .col2 #create-new-opportunities li#measurable-impact { background: url(images/measurable-impact.gif) left center no-repeat; } .col2 #create-new-opportunities li#monetize-content { background: url(images/monetize-content.gif) left center no-repeat; } .col2 #create-new-opportunities li#reuse-inventory { background: url(images/reuse-inventory.gif) left center no-repeat; } .col2 #create-new-opportunities li#added-revenue { background: url(images/added-revenue.gif) left center no-repeat; } .col2 #home-news { padding: 19px; height: 160px; } #home-news h1 { margin: 10px 0; padding: 3px 10px; font-size: 13pt; font-weight: normal; background: #319BFF; color: #fff; } #home-news h2.postTitle { margin-top: 10px; height: auto; color: #222; } #home-news h2.postTitle a { font-size: 13pt; text-decoration: none; color: #222; } #home-news h2.postTitle a:hover { text-decoration: underline; } #home-news .post { padding: 10px 0; } #home-news .postContent { font-size: 12pt; } #home-news .postContent p { padding: 0 0 3px 0; } p#all-news { text-align: right; } p#all-news a { display: inline-block; padding-right: 25px; text-decoration: none; background: url(images/all-news.gif) right center no-repeat; } p#all-news a:hover { text-decoration: underline; } /* Advertisers */ #mirriad-for-advertisers ul.selling-points { margin-left: 0; list-style: none; } #mirriad-for-advertisers ul.selling-points li { margin-bottom: 15px; padding-left: 60px; } #mirriad-for-advertisers ul.selling-points li#flexible-targeting { background: url(images/flexible-targeting.png) left top no-repeat; } #mirriad-for-advertisers ul.selling-points li#guaranteed-exposure { background: url(images/guaranteed-exposure.png) left top no-repeat; } #mirriad-for-advertisers ul.selling-points li#measurable-impact { background: url(images/measurable-impact.png) left top no-repeat; } #mirriad-for-advertisers ul.selling-points li h2 { padding: 0; } #mirriad-for-advertisers ul.selling-points li p { padding: 5px 0; } /* Content Owners */ #mirriad-for-content-owners ul.selling-points { margin-left: 0; list-style: none; } #mirriad-for-content-owners ul.selling-points li { margin-bottom: 15px; padding-left: 60px; } #mirriad-for-content-owners ul.selling-points li#monetize-content { background: url(images/monetize-content.png) left center no-repeat; } #mirriad-for-content-owners ul.selling-points li#reuse-inventory { background: url(images/reuse-inventory.png) left center no-repeat; } #mirriad-for-content-owners ul.selling-points li#added-revenue { background: url(images/added-revenue.png) left center no-repeat; } #mirriad-for-content-owners ul.selling-points li h2 { padding: 0; } #mirriad-for-content-owners ul.selling-points li p { padding: 5px 0; } /* Gallery */ ul#vid_list { margin: 0 0 16px 0; border-bottom: 6px solid #8c8c8c; list-style: none; } ul#vid_list li { margin: 0; padding: 0; font-size: 13pt; background: none; border: 6px solid #8c8c8c; border-bottom: none; } ul#vid_list li a { display: block; width: 249px; height: 75px; line-height: 75px; text-align: center; text-decoration: none; background-image: url(images/bgvidlist.png); background-position: left top; background-repeat: repeat-x; color: #3f3f3f; } ul#vid_list li a span { background-position: left top; } ul#vid_list li a:hover { background-position: left -75px; color: #4DA5FE !important; } ul#vid_list li a:hover span { background-position: left -75px; } ul#vid_list li a:active { background-position: left -150px !important; color: #f9f9f9 !important; } ul#vid_list li a:active span { background-position: left -150px !important; } ul#vid_list li.current_page_item a { background-position: left -225px; color: #b2b2b2 !important; } ul#vid_list li.current_page_item a span { background-position: left -225px; } ul#vid_list li a span { display: block; float: left; width: 78px; height: 75px; } ul#vid_list li.page-item-614 a span { background-image: url(images/vid_showreel.png); } ul#vid_list li.page-item-616 a span { background-image: url(images/vid_film_tv.png); } ul#vid_list li.page-item-618 a span { background-image: url(images/vid_online_int.png); } /* Technology */ #tab1, #tab2, #tab3 { display: none; } #tab1.current_tab, #tab2.current_tab, #tab3.current_tab { display: block; } /* About */ ul#case-studies li { float: left; margin-right: 15px; } #partner-logos { margin-top: 15px; } #people { padding-bottom: 25px; /* position: relative; left: 0; top: 0; */ } #people h1 { height: 25px; } .col1 #people h2 { color: #3f3f3f; } .col1 #people ul#management-team, .col1 #people ul#board-members { margin: 0 0 20px 0; width: 290px; list-style: none; } .col1 #people ul#management-team li, .col1 #people ul#board-members li { float: left; padding-left: 0; padding-right: 10px; width: 135px; background: none; } h5.name { padding: 3px 0; font-size: 9pt; color: #3f3f3f; } h5.name a { text-decoration: none; color: #3f3f3f; } h5.name a:hover { text-decoration: underline; } .current_profile h5.name a { color: #666; } h6.role { padding: 3px 0; font-size: 7pt; color: #39f; } h3.name { padding: 2px 0; font-size: 12pt; color: #3f3f3f; } h4.role { padding: 2px 0; font-size: 9pt; color: #39f; } .profile { display: none; position: absolute; left: 320px; top: 64px; width: 280px; } * html .profile { left: -290px; top: 120px; } .current_profile .profile { display: block; } /* Contact Us */ #contact-us { height: 520px; } #contact-form { height: 520px; } ul#addresses { margin: 0; width: 410px; list-style: none; } ul#addresses li { float: left; padding: 0; width: 205px; background: none; } #contact-form form label { display: block; font-size: 0.9em; } #contact-form form .highlight { color: #39f; } #contact-form form input { margin: 3px 0; padding: 4px; width: 200px; height: 18px; line-height: 18px; background: #fff; border: 1px solid #bdbdbd; color: #3f3f3f; } #contact-form form textarea { margin: 3px 0; padding: 4px; font-family: arial, sans-serif; font-size: 1em; background: #fff; border: 1px solid #bdbdbd; color: #3f3f3f; } #contact-form form input#submit { margin-left: 300px; padding: 0 49px 3px 1px; width: 106px; height: 42px; text-align: right; font-weight: bold; border: none; background: url(images/bgsubmit.png) left 2px no-repeat; } #contact-form form input#submit:hover { cursor: pointer; text-decoration: underline; } /* Posts */ .post { padding: 10px 0 20px 0; } p.postDate { float: left; margin-right: 12px; padding: 0; width: 32px; height: 34px; background: url(images/calendar.png) left top no-repeat; } p.postDate .postMonth { display: block; text-align: center; height: 14px; line-height: 14px; font-size: 6pt; font-weight: bold; text-transform: uppercase; color: #fff; } p.postDate .postDay { display: block; text-align: center; height: 20px; line-height: 20px; font-size: 10pt; color: #3f3f3f; } h2.postTitle { padding-top: 0; height: 34px; font-size: 11pt; } h2.postTitle a { text-decoration: none; color: #3f3f3f; } h2.postTitle a:hover { text-decoration: underline; } #rss_link { position: absolute; right: 20px; top: 75px; } /* Sidebar */ #s { float: left; padding: 5px; width: 220px; height: 15px; line-height: 15px; background: #f6f6f7; border: 1px solid #c0c0c0; } #searchsubmit { float: left; padding: 0; width: 25px; height: 27px; border: none; } #content .sidebar_item ul { margin-top: 5px; } .sidebar_item li a { text-decoration: none; color: #3f3f3f; } .sidebar_item li a:hover { text-decoration: underline; } /* Main */ #main { position: relative; padding-bottom: 50px; } /* Footer */ #footer { clear: both; padding: 25px 0; background: #000; color: #bbb; } #footerinner { margin: 0 auto; width: 921px; } #footer p { font-size: 0.65em; } p#mission:first-word { font-weight: bold; } #footer #copyright { float: left; padding-right: 80px; width: 320px; } #footer #copyright h4 { padding: 10px 25px 10px 0; width: 73px; height: 18px; overflow: hidden; } #footer li { font-size: 0.7em; text-transform: uppercase; } #footer ul a { display: block; padding-left: 13px; height: 20px; line-height: 20px; text-decoration: none; color: #b2b2b2; background: url(images/footerbullet.gif) left center no-repeat; } #footer ul a:hover { text-decoration: underline; } ul#footernav1 { float: left; width: 150px; list-style: none; } ul#footernav2 { float: left; width: 150px; list-style: none; } #contactdetails { float: right; width: 120px; } #contactdetails p { padding: 3px 0; width: 120px; } p#footeremail { padding-top: 10px; } p#footeremail a { padding-left: 20px; text-decoration: none; background: url(images/footeremail.gif) left center no-repeat; color: #b2b2b2; } p#contactformlink { padding-top: 20px; } p#contactformlink a { padding-right: 15px; text-transform: uppercase; text-decoration: none; background: url(images/footerarrows.gif) right center no-repeat; color: #b2b2b2; } #contactdetails a:hover { text-decoration: underline; } /* Login */ .login h1 { padding: 5px 10px; font-size: 20pt; font-weight: normal; color: #39f; } .login .section { padding: 4px; border: 1px solid #a6a6a6; } .login #col1 .post { padding: 120px 0; height: 121px; background: url(images/bglogingradient.png) left top repeat-x; } #loginform label { display: block; font-size: 11pt; color: #fff; } #loginform input { padding: 2px; width: 250px; font-size: 18pt; } p#loginusername { float: left; padding-left: 175px; width: 260px; } p#loginpassword { float: left; padding-left: 20px; width: 260px; } p#loginsubmit { clear: both; margin: 0; padding: 10px 0 10px 608px; width: 104px; } p#loginsubmit input { padding-right: 47px; width: 104px; height: 36px; text-align: right; font-size: 12pt; color: #fff; background: #fff url(/wp-content/themes/mirriad4/images/bgloginsubmit.png); border: none; } p#loginsubmit input:hover { text-decoration: underline; cursor: pointer; } /* Resources */ .resources h1 { padding: 5px 10px; font-size: 20pt; font-weight: normal; color: #39f; } #resources { height: 498px; background: url(images/bgresources.png) left top repeat-x; } #resources h2 a { display: block; padding: 225px 34px 5px 43px; font-size: 12pt; text-transform: uppercase; text-decoration: none; color: #f9f9f9; } #resources h2 a:hover { color: #39f; } #resources p { padding: 5px 34px 5px 43px; color: #b2b2b2; } #resources p a { text-decoration: none; color: #f9f9f9; } #resources p a:hover { text-decoration: underline; } #resources .colA { float: left; height: 498px; width: 302px; } #resources .colB { float: left; height: 498px; width: 302px; } #resources .colC { float: left; height: 498px; width: 302px; } #resources .colA, #resources .colB { background: url(images/resourcesseparator.png) right bottom no-repeat; } #resources .colA h2 { background: url(images/bgadshuttle.png) 55px 59px no-repeat; } #resources .colB h2 { background: url(images/bgadbroker.png) left 59px no-repeat; } #resources .colC h2 { background: url(images/bgcatalogue.png) 42px 59px no-repeat; } #resources ul { margin: 10px 34px 10px 43px; list-style: none; } #resources ul li { padding-left: 40px; height: 46px; line-height: 46px; font-size: 8pt; background: url(images/bgpdf.png) left center no-repeat; } #resources ul li a { text-decoration: none; color: #f9f9f9; } #resources ul li a:hover { text-decoration: underline; } #resources #col1 { margin-right: 10px; padding: 4px; width: 290px; } #resources #col2 { float: left; margin-right: 10px; padding: 4px; width: 290px; } #resources #col3 { float: left; padding: 4px; width: 291px; background: #f6f6f6; border: 1px solid #bdbdbd; } #resources h2.postTitle { padding: 0 10px; height: 28px; line-height: 28px; background: #000; color: #fff; } #resources #content h3 { padding: 5px 10px; font-size: 0.8em; } #resources #content h3 a { text-decoration: none; color: #000; } #resources #content h3 a:hover { text-decoration: underline; color: #000; } #resources #content p { padding: 5px 10px; font-size: 0.75em; } #downloads { height: 134px; background: url(images/bgdownloads.png) left top repeat-x; } .resources h3 { margin-bottom: 4px; padding: 0 11px; height: 26px; line-height:26px; font-size: 1em; background: #000; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; color: #f9f9f9; } #downloads ul { margin: 0; padding: 32px 0 0 26px; list-style: none; } #downloads ul li { float: left; padding: 0 0 0 104px; width: 180px; height: 70px; } #downloads ul li#overview { background: url(images/bgdloverview.png) left top no-repeat; } #downloads ul li#showreel { background: url(images/bgdlshowreel.png) left top no-repeat; } #downloads ul li#presentation { background: url(images/bgdlpresentation.png) left top no-repeat; } #downloads ul li h4 { color: #f9f9f9; } #downloads ul li a { display: block; padding: 5px 0 0 40px; height: 31px; line-height: 1.25em; width: 45px; font-size: 0.75em; text-align: center; text-decoration: none; color: #f9f9f9; background: url(images/bgpdf.png) left center no-repeat; } #downloads ul li a:hover { text-decoration: underline; }