/* Theme Name: mm Theme URL: http://arupdesigns.co.uk/ Description: Martner & Mowat 2010 redesign Author: Arup Sen Author URI: http://arupdesigns.co.uk Version: 1.0 */ /* zero stuff out */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";} {margin:0;padding:0;} /* colour palette */ /* #FF0099 - magenta #333333 - headings #666666 - body text #CCCCCC - light grey */ /* global stuff and grouped selectors */ body {font-family: "Century Gothic", Arial, Verdana, sans-serif;position:relative;height:100%;} #container{width:900px;height:650px;margin:5px auto 40px auto;position:relative;min-height:100%;} /* hover states */ #footer ul li a:hover, li.section_nav a:hover, #topNav ul li a:hover, .page-id-41 #content a:hover{color:#CCCCCC;} /* header and main title */ #topTitle{width:899px;} #topTitle h1{background-image:url(images/logo.jpg);background-repeat:no-repeat;width:899px;height:95px;background-position:50% 100%;text-indent:-999px;} /* top navigation links */ #topNav{font-weight:bold;height:20px;position:absolute;top:1px;left:30px;} #topNav ul{margin:0 auto;width:830px;height:24px;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding-left:3px;} #topNav ul li.page-item-23{background:none;} #topNav ul li{float:left;list-style:none;background:url(images/grey_pipe.png) no-repeat right 4px;padding-right:9px;} #topNav ul li a{text-decoration:none;font-size:12px;color:#333333;padding-left:2px;} #topNav ul li.current_page_item a, #topNav ul li.current_page_parent a, #footer ul li.current_page_parent a{color:#FF0099;} /* footer */ #footer{background:#DBDADB;font-weight:bold;position:absolute;height:100px;width:100%;overflow:hidden;bottom:-80px;padding-top:30px;z-index:1;} #footer ul{margin:0 auto;width:720px;position:relative;z-index:5;background-color:#FFFFFF;top:10px;} #footer ul img{padding-right:3px;position:relative;right:3px;} #footer ul li{font-size:9px;width:280px;background-color:#FFFFFF;font-weight:normal;} #footer ul li{float:left;list-style:none;border-left:1px solid #CCCCCC;padding:3px 9px 3px 5px;min-height:21px;} #footer ul li a span{/*background:url(images/icons/footer-arrow.gif) no-repeat right 60%;*/padding-right:12px;font-weight:bold;position:relative;z-index:4!important;} #footer ul li a{text-decoration:none;font-size:12px;color:#333333;padding-left:3px;} #footer ul li.current_page_item a, .page-id-37 li.page-item-37 a span, .page-id-39 li.page-item-39 a span, .page-id-41 li.page-item-41 a span, .page-id-89 li.page-item-37 a span{color:#FF0099;} #footer ul li.page-item-37, #footer ul li.page-item-39, #footer ul li.page-item-41{width:120px;padding-bottom:10px;font-size:8px;} #greybox{height:140px;width:100%;background-color:#DBDADB;overflow:hidden;position:absolute;bottom:-90px;z-index:-1;} /* home page with all the framed pics */ .home #content h2{display:none;} .home #content img.wp-image-91{margin-top:60px;position:relative;z-index:2;right:16px;margin-left:120px;} #framenav ul li{list-style:none;color:#FF0099;text-transform:uppercase;text-align:center;position:absolute;} #framenav ul li a{color:#FF0099;text-decoration:none;} #framenav ul li a img{} #framenav ul li span{position:relative;visibility:hidden;} #framenav ul li.photo360{width:158px;font-size:14px;top:103px;left:194px;} /*#framenav ul li.photo360 a:hover{background:url('http://www.martnerandmowat.com/site/wp-content/uploads/site-images/homepage/opacity-lowered/360.jpg') no-repeat 0 -100px;}*/ #framenav ul li.photo360 span{bottom:26px;} #framenav ul li.about{width:96px;left:716px;top:370px;z-index:3;} #framenav ul li.about span{bottom:93px;font-size:23px;} #framenav ul li.blog{width:119px;left:583px;top:275px;z-index:2;} #framenav ul li.blog span{font-size:26px;bottom:45px;} #framenav ul li.catalogue{width:165px;left:365px;top:104px;} #framenav ul li.catalogue span{bottom:108px;font-size:18px;} #framenav ul li.catalogue span.bottom{font-size:12px;bottom:113px;} #framenav ul li.clients{width:168px;left:717px;top:245px;z-index:2;} #framenav ul li.clients span{font-size:25px;bottom:100px;} #framenav ul li.clients span.bottom{font-size:17px;bottom:107px;} #framenav ul li.design{width:157px;top:103px;left:546px;height:162px;} #framenav ul li.design span{font-size:30px;bottom:150px;} #framenav ul li.design span.bottom{font-size:35px;bottom:160px;} #framenav ul li.jphoto{width:143px;top:72px;left:35px;} #framenav ul li.jphoto span{font-size:17px;bottom:60px;} #framenav ul li.jphoto span.bottom{font-size:13px;bottom:65px;} #framenav ul li.pr{width:100px;left:56px;top:388px;z-index:2;} #framenav ul li.pr span{font-size:23px;bottom:58px;} #framenav ul li.pr span.bottom{font-size:16px;} #framenav ul li.press{width:115px;top:275px;left:168px;} #framenav ul li.press span{font-size:24px;bottom:45px;} #framenav ul li.web{width:163px;top:72px;left:717px;} #framenav ul li.web span{bottom:154px;} #framenav ul li.web span.bottom{font-size:19px;bottom:160px;} #framenav ul li.zoom{width:99px;top:273px;left:56px;height:100px;} #framenav ul li.zoom span{bottom:94px;font-size:23px;} #framenav ul li.zoom span.bottom{bottom:100px;font-size:28px;} /* for all page templates apart from home */ .page-template #content{width:230px;margin-left:173px;color:#333333;font-size:10px;margin-top:30px;} .page-template #content p{margin-bottom:1em;text-align:left;} /* section nav with all the icons each list tag has these 2 classes section_nav and item-x where x is a number counting upwards */ li.section_nav{height:40px;list-style:none;margin-left:123px;padding:0 0 0 50px;} li.section_nav a{text-decoration:none;font-size:12px;font-weight:bold;color:#333333;padding:0;position:relative;top:8px;} /* magic slideshow */ div.MagicSlideshow{position:absolute !important;top:149px;left:450px;border:1px solid #CCCCCC !important;height:350px;width:400px;} /* magic zoom */ div.zoom{position:absolute !important;top:150px;left:450px;border:1px solid #fff !important;height:350px;width:400px;} p.zoom-caption{font-size:11px;position:absolute;left:550px;top:370px;color:#999;} /* flash 360 rotation */ #flash{ width:350px;position:absolute !important;top:149px;left:450px;} #flash p{font-size:11px;color:#999;width:400px;text-align:center;} /* main-pic which is a single image */ #main-pic{position:absolute !important;top:149px;left:450px;border:1px solid #CCC;} .page-id-21 #main-pic{border:none;} /* jewellery photography */ .page-id-59 li.item-1 a, .page-id-57 li.item-2 a, .page-id-55 li.item-3 a, .page-id-53 li.item-4 a, .page-id-5 li.item-5 a{color:#FF0099;top:18px;} .page-id-59 li.item-1, .page-id-57 li.item-2, .page-id-55 li.item-3, .page-id-53 li.item-4, .page-id-5 li.item-5{margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-jewelleryPhotography-php li.item-1{background:url(images/icons/prices.jpg) no-repeat;} .page-id-59 li.item-1{background:url(images/icons/pricesp.png) no-repeat;} .page-template-jewelleryPhotography-php li.item-2{background:url(images/icons/bronze-package.jpg) no-repeat;} .page-id-57 li.item-2{background:url(images/icons/bronze-packagep.png) no-repeat ;} .page-template-jewelleryPhotography-php li.item-3{background:url(images/icons/silver-package.jpg) no-repeat;} .page-id-55 li.item-3{background:url(images/icons/silver-packagep.png) no-repeat ;} .page-template-jewelleryPhotography-php li.item-4{background:url(images/icons/gold-package.jpg) no-repeat;} .page-id-53 li.item-4{background:url(images/icons/gold-packagep.png) no-repeat ;} .page-template-jewelleryPhotography-php li.item-5{background:url(images/icons/about-photography.jpg) no-repeat;} .page-id-5 li.item-5{background:url(images/icons/about-photographyp.png) no-repeat ;} .page-template-jewelleryPhotography-php ul.leftNav{margin-top:50px;} /* 360 photography */ .page-id-7 li.item-6 a, .page-id-61 li.item-5 a, .page-id-63 li.item-4 a, .page-id-65 li.item-3 a, .page-id-112 li.item-2 a, .page-id-67 li.item-1 a{color:#FF0099;top:18px;} .page-id-7 li.item-6, .page-id-61 li.item-5, .page-id-63 li.item-4, .page-id-65 li.item-3, .page-id-112 li.item-2, .page-id-67 li.item-1{margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-photo360-php li.item-6{background:url(images/icons/about-360-photography.jpg) no-repeat;} .page-id-7 li.item-6{background:url(images/icons/about-360-photographyp.png) no-repeat 0px 0px;} .page-template-photo360-php li.item-5{background:url(images/icons/thomasz.jpg) no-repeat;} .page-id-61 li.item-5{background:url(images/icons/thomaszp.png) no-repeat 0px 0px;} .page-template-photo360-php li.item-4{background:url(images/icons/angharad.jpg) no-repeat;} .page-id-63 li.item-4{background:url(images/icons/angharadp.png) no-repeat;} .page-template-photo360-php li.item-3{background:url(images/icons/about-video.jpg) no-repeat;} .page-id-65 li.item-3{background:url(images/icons/about-videop.png) no-repeat;} .page-template-photo360-php li.item-2{background:url(images/icons/example-video.jpg) no-repeat;} .page-id-112 li.item-2{background:url(images/icons/example-videop.png) no-repeat;} .page-template-photo360-php li.item-1{background:url(images/icons/animation.jpg) no-repeat;} .page-id-67 li.item-1{background:url(images/icons/animationp.png) no-repeat;} .page-template-photo360-php ul.leftNav{margin-top:50px;} /* zoom section */ .page-id-9 li.item-2 a, .page-id-69 li.item-1 a{color:#FF0099;top:18px;} .page-id-9 li.item-2, .page-id-69 li.item-1{margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-designZoom-php li.item-2{background:url(images/icons/about-design-zoom.jpg) no-repeat;} .page-id-9 li.item-2{background:url(images/icons/about-design-zoomp.png) no-repeat;} .page-template-designZoom-php li.item-1{background:url(images/icons/image-cropping.jpg) no-repeat;} .page-id-69 li.item-1{background:url(images/icons/image-croppingp.png) no-repeat;} .page-template-designZoom-php ul.leftNav{margin-top:170px;} /* pr and marketing */ .page-id-11 li.item-5 a, .page-id-71 li.item-4 a, .page-id-73 li.item-3 a, .page-id-75 li.item-2 a, .page-id-77 li.item-1 a {color:#FF0099;top:18px;} .page-id-11 li.item-5, .page-id-71 li.item-4, .page-id-73 li.item-3, .page-id-75 li.item-2, .page-id-77 li.item-1 {margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-prMarketing-php li.item-5{background:url(images/icons/in-the-press.jpg) no-repeat;} .page-id-11 li.item-5{background:url(images/icons/in-the-pressp.png) no-repeat;} .page-template-prMarketing-php li.item-4{background:url(images/icons/event-management.jpg) no-repeat;} .page-id-71 li.item-4{background:url(images/icons/event-managementp.png) no-repeat;} .page-template-prMarketing-php li.item-3{background:url(images/icons/social-media.jpg) no-repeat;} .page-id-73 li.item-3{background:url(images/icons/social-mediap.png) no-repeat;} .page-template-prMarketing-php li.item-2{background:url(images/icons/celebrity-placements.jpg) no-repeat;} .page-id-75 li.item-2{background:url(images/icons/celebrity-placementsp.png) no-repeat;} .page-template-prMarketing-php li.item-1{background:url(images/icons/brand-advice.jpg) no-repeat;} .page-id-77 li.item-1{background:url(images/icons/brand-advicep.png) no-repeat;} .page-template-prMarketing-php ul.leftNav{margin-top:50px;} /* catalogue */ .page-id-13 li.item-2 a, .page-id-79 li.item-1 a{color:#FF0099;top:18px;} .page-id-13 li.item-2, .page-id-79 li.item-1{margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-catalogue-php li.item-2{background:url(images/icons/catalogue.jpg) no-repeat;} .page-id-13 li.item-2{background:url(images/icons/cataloguep.png) no-repeat;} .page-template-catalogue-php li.item-1{background:url(images/icons/look-book.jpg) no-repeat;} .page-id-79 li.item-1{background:url(images/icons/look-bookp.png) no-repeat;} .page-template-catalogue-php ul.leftNav{margin-top:170px;} /* graphic design */ .page-id-15 li.item-3 a, .page-id-81 li.item-2 a, .page-id-83 li.item-1 a{color:#FF0099;top:18px;} .page-id-15 li.item-3, .page-id-81 li.item-2, .page-id-83 li.item-1{margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-graphicDesign-php li.item-3{background:url(images/icons/logo-design.jpg) no-repeat;} .page-id-15 li.item-3{background:url(images/icons/logo-designp.png) no-repeat;} .page-template-graphicDesign-php li.item-2{background:url(images/icons/stationery.jpg) no-repeat;} .page-id-81 li.item-2{background:url(images/icons/stationeryp.png) no-repeat;} .page-template-graphicDesign-php li.item-1{background:url(images/icons/press-release.jpg) no-repeat;} .page-id-83 li.item-1{background:url(images/icons/press-releasep.png) no-repeat;} .page-template-graphicDesign-php ul.leftNav{margin-top:130px;} /* website design */ .page-id-17 li.item-2 a, .page-id-85 li.item-1 a{color:#FF0099;top:18px;} .page-id-17 li.item-2, .page-id-85 li.item-1{margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-webDesign-php li.item-2{background:url(images/icons/website-design.jpg) no-repeat;} .page-id-17 li.item-2{background:url(images/icons/website-designp.png) no-repeat;} .page-template-webDesign-php li.item-1{background:url(images/icons/e-commerce.jpg) no-repeat;} .page-id-85 li.item-1{background:url(images/icons/e-commercep.png) no-repeat;} .page-template-webDesign-php ul.leftNav{margin-top:170px;} /* client section */ .page-id-19 li.item-2 a, .page-id-87 li.item-1 a{color:#FF0099;top:18px;} .page-id-19 li.item-2, .page-id-87 li.item-1{margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-clients-php li.item-2{background:url(images/icons/clients.jpg) no-repeat;} .page-id-19 li.item-2{background:url(images/icons/clientsp.png) no-repeat;} .page-template-clients-php li.item-1{background:url(images/icons/testimonials.jpg) no-repeat;} .page-id-87 li.item-1{background:url(images/icons/testimonialsp.png) no-repeat;} div#client_links, div#testimonials{width:507px;position:absolute;left:360px;top:150px;} #client_links ul li{list-style:none;float:left;} #client_links ul li img{border:1px solid #CCCCCC;margin:0 4px 2px 0;} #testimonials cite{font-weight:bold;} #testimonials blockquote{padding-bottom:1em;} .page-template-clients-php ul.leftNav{margin-top:170px;} /* about */ .page-template-aboutPage-php li.section_nav{background:url(images/icons/about.png) no-repeat;margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-aboutPage-php li.section_nav a{color:#FF0099;top:18px;} /*p.rightcol{position:relative;left:240px;bottom:108px;}*/ .page-template-aboutPage-php ul.leftNav{margin-top:210px;} .page-template-aboutPage-php #content a{text-decoration:none;font-size:11px;color:#333333;font-weight:bold;} /* press */ .page-template-pressPage-php li.section_nav{background:url(images/icons/press-releasep.png) no-repeat;margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-pressPage-php li.section_nav a{color:#FF0099;top:18px;} .page-template-pressPage-php ul.leftNav{margin-top:210px;} /* contact */ .page-id-37 li.item-2 a, .page-id-89 li.item-1 a{color:#FF0099;top:18px;} .page-id-37 li.item-2, .page-id-89 li.item-1{margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-contact-php li.item-2{background:url(images/icons/phone.jpg) no-repeat;} .page-id-37 li.item-2{background:url(images/icons/phonep.png) no-repeat;} .page-template-contact-php li.item-1{background:url(images/icons/email.jpg) no-repeat;} .page-id-89 li.item-1{background:url(images/icons/emailp.png) no-repeat;} .page-template-contact-php ul.leftNav{margin-top:170px;} /* jobs */ .page-template-jobsPage-php li.section_nav{background:url(images/icons/jobsp.png) no-repeat;margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-jobsPage-php li.section_nav a{color:#FF0099;top:18px;} .page-template-jobsPage-php ul.leftNav{margin-top:210px;} /* terms and conditions */ .page-template-termsPage-php li.section_nav{background:url(images/icons/termsp.png) no-repeat;margin-left:113px;padding-left:60px;height:50px;position:relative;top:-10px;margin-bottom:-10px;} .page-template-termsPage-php li.section_nav a{color:#FF0099;top:18px;} .page-id-41 #content a{text-decoration:none;font-size:12px;color:#333333;font-weight:bold;} .page-template-termsPage-php ul.leftNav{margin-top:210px;} /* tweet */ #footer li span#tweet img {padding-top:0px;padding-left:40px;margin-bottom:-9px;position:relative;top:10px;} #footer li span#tweet a{font-size:8px;} #tweet {position:relative; top:-13px; left:-6px; z-index:0; visibility:visible;display:block;font-size:10px;} #tweet .twtr-widget {font-family:"Century Gothic", Arial, sans-serif!important;font-size:10px!important;padding:0;} #tweet .twtr-widget a {font-size:9px;} #tweet .twtr-ft, #tweet .twtr-hd, #tweet .twtr-avatar, #tweet .twtr-widget-profile img.twtr-profile-img {display:none!important;} #tweet .twtr-widget .twtr-tweet-wrap{padding:0;} #tweet .twtr-timeline {height:30px;} /* the blog section #contentBlog */ /* global blog stuff and grouped*/ #postmeta p a, #contentBlog h2 a, #sidebar a, #contentBlog a{text-decoration:none;font-weight:bold;color:#333333;} #contentBlog {width:430px;margin-left:223px;font-size:11px;text-align:justify;margin-top:20px;} #contentBlog p{margin-bottom:1em;} #contentBlog p.date, #postmeta p{font-size:11px;} /*.single #contentBlog {margin-top:60px;}*/ .single #contentBlog h2 a{color:#FF0099;} #contentBlog h2 a{text-transform:capitalize;font-size:13px;line-height:1.5em;margin-bottom:15px;margin-top:21px;} #contentBlog h2 a:hover, #postmeta p a:hover, #contentBlog a.more-link:hover{color:#CCCCCC;} #contentBlog hr{height:1px;border-top:none;border-left:none;border-right:none;margin-top:30px;margin-bottom:20px;} p.wp-caption-text{color:#666;font-style:italic;padding-top:2px;} p.author span{text-transform:capitalize;} p.author{position:relative;top:-1em;margin-bottom:-1em;} /* blog section homepage and other templates */ .page-id-25 #footer, .single #footer, .archive #footer, .search #footer{background:#DBDADB;font-weight:bold;position:relative;height:100px;width:100%;overflow:hidden;bottom:-5px;padding-top:30px;z-index:2;} .page-id-25 #greybox, body.single div#greybox, .archive #greybox, .search #greybox{position:absolute;bottom:0px;visibility:hidden;} .page-id-25 h2.heading, .single h2.heading, .archive h2.heading, .search h2.heading, .error404 h2.heading{background:url(images/blog.jpg) no-repeat 115px 1px;text-indent:-9999px;height:150px;} .archive h2.archive_head{text-transform:uppercase;font-size:12px;color:#666666;margin-bottom:1em;} /* blog link stays lit when you're in the blog */ .single #topNav ul li.page-item-25 a, .archive #topNav ul li.page-item-25 a, .search #topNav ul li.page-item-25 a, .error404 #topNav ul li.page-item-25 a{color:#FF0099;} /* sidebar including the little search field at the top */ #searchform{width:190px;} #searchform #s{width:105px;} #sidebar{position:absolute;top:167px;right:1px;width:200px;line-height:1.5em;font-size:11px;} #sidebar ul{list-style:none;} #sidebar h2{text-transform:uppercase;font-size:12px;color:#666666;padding-top:2em;padding-bottom:5px;} #sidebar a:hover{color:#CCCCCC;} #sidebar li.current-cat{color:#FF0099;} #sidebar .rss a {background-image:url(images/rss.jpg);background-repeat:no-repeat;padding:65px 0 19px 1px;background-position:0 26px;height:60px;} #sidebar li.rss {position:relative;top:70px;} #sidebar .ad_space {border:1px solid #000;width:180px;height:150px;margin:15px 0;display:none;} /* contact form */ .ddfmwrap{position:relative;left:160px;top:-270px;} /*safari rules go here*/ @media screen and (-webkit-min-device-pixel-ratio:0){ #topNav ul{width:835px;} #greybox{height:140px;position:absolute;bottom:-50px;z-index:-1;} } .post{} .postmeta{} .postnavigation{} #searchform{} #sidebar{} #comments .comments_navigation{} .comments_navigation{} .comments_reply{} .comments_text{} .comments_meta{}