@font-face { font-family: 'MyriadProLight'; src: url('https://ohcomely.co.uk/public/fonts/myriadpro-light-webfont.eot'); src: url('https://ohcomely.co.uk/public/fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://ohcomely.co.uk/public/fonts/myriadpro-light-webfont.woff') format('woff'), url('https://ohcomely.co.uk/public/fonts/myriadpro-light-webfont.ttf') format('truetype'), url('https://ohcomely.co.uk/public/fonts/myriadpro-light-webfont.svg#MyriadProLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadProLight'; src: url('https://ohcomely.co.uk/public/fonts/myriadpro-lightit-webfont.eot'); src: url('https://ohcomely.co.uk/public/fonts/myriadpro-lightit-webfont.eot?#iefix') format('embedded-opentype'), url('https://ohcomely.co.uk/public/fonts/myriadpro-lightit-webfont.woff') format('woff'), url('https://ohcomely.co.uk/public/fonts/myriadpro-lightit-webfont.ttf') format('truetype'), url('https://ohcomely.co.uk/public/fonts/myriadpro-lightit-webfont.svg#MyriadProLight') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'MyriadProLight'; src: url('https://ohcomely.co.uk/public/fonts/myriadpro-semibold-webfont.eot'); src: url('https://ohcomely.co.uk/public/fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://ohcomely.co.uk/public/fonts/myriadpro-semibold-webfont.woff') format('woff'), url('https://ohcomely.co.uk/public/fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('https://ohcomely.co.uk/public/fonts/myriadpro-semibold-webfont.svg#MyriadProLight') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'MyriadProLight'; src: url('https://ohcomely.co.uk/public/fonts/myriadpro-semiboldit-webfont.eot'); src: url('https://ohcomely.co.uk/public/fonts/myriadpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'), url('https://ohcomely.co.uk/public/fonts/myriadpro-semiboldit-webfont.woff') format('woff'), url('https://ohcomely.co.uk/public/fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'), url('https://ohcomely.co.uk/public/fonts/myriadpro-semiboldit-webfont.svg#MyriadProLight') format('svg'); font-weight: bold; font-style: italic; } html.busy, html.busy * { cursor:wait !important; } body { text-align: center; font-family: 'MyriadProLight', sans-serif; font-size:15px;} body h1 { font-size:17px; color:#999;} select { font-family: 'MyriadProLight', sans-serif; font-size:13px;} a { text-decoration:none; color:#67A0E5; } a:link, a:visited { text-decoration:none; } a:hover { text-decoration:none; color:#366EB3; } h4 { font-style:italic; padding-top:5px; } img { border-style:none; display:block; } #fixed-width { margin:0 auto 0 auto; width:992px; text-align: left;} .centred { text-align:center} .menu-bar { list-style: none; text-align:center; width:960px; border-top:1px dashed #999; border-bottom:1px dashed #999; margin:16px; } .menu-container { width:780px; margin:8px auto;} .upper-menu { text-align:center; list-style:none; padding:0px; margin:auto; height:41px; width:auto; overflow:hidden; position:relative;} .upper-menu a { display:block; visibility:none; text-indent:-900%; position:absolute; outline:none;} .upper-menu li { float:left; text-align:center; width:70px; height:41px; padding:8px 25px; list-style:none;} .upper-menu .upper-home { width: 59px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/site/hg-home.png) no-repeat; left: 0; top: 0;} .upper-menu .upper-about { width: 71px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-about.png) no-repeat; left: 0px; top: 0;} .upper-menu .upper-this-iss { width: 107px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-this-issue.png) no-repeat; left: 125px; top: 0;} .upper-menu .upper-blog { width: 47px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-blog.png) no-repeat; left: 295px; top: 0;} .upper-menu .upper-archive { width: 77px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-archive.png) no-repeat; left: 405px; top: 0;} .upper-menu .upper-stockists {width: 99px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-stockists.png) no-repeat; left: 540px; top: 0;} .upper-menu .upper-subscribe {width: 99px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-subscribe.png) no-repeat; left: 680px; top: 0;} .upper-menu .upper-shop { width: 51px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-shop.png) no-repeat; left: 0; top: 0;} .upper-menu .upper-past-iss { width: 113px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-past-issues.png) no-repeat; left: 108px; top: 0;} .upper-menu .upper-submissions {width: 119px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-submissions.png) no-repeat; left: 270px; top: 0;} .upper-menu .upper-join-us { width: 71px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-join-us.png) no-repeat; left: 437px; top: 0;} .upper-menu .upper-advertise {width: 97px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-advertise.png) no-repeat; left: 555px; top: 0;} .upper-menu .upper-contact { width: 79px; height: 41px; background: url(https://ohcomely.co.uk/public/images/site/hg-contact.png) no-repeat; left: 701px; top: 0;} #primary-container { width:101%; height:624px; text-align:center; overflow:hidden; } #secondary-container { width:100%; text-align:center; overflow:auto; clear:both; } #primary-panel { display:inline; float:left; width:450px; height:584px; margin:20px 22px 20px 23px; overflow:hidden; } #primary-panel a { color:#FFF; } .panel { float:left; width:450px; height:490px; margin:16px 23px; overflow:hidden; border-bottom:1px dashed #9D9D9D;} .panel p{ margin:10px 0px 10px 0px; text-align:left; line-height:140%;} .panel img{ margin:0px 0px 10px 0px;} .panel-headline{ text-align:center; color:#999; font-size:21px; line-height:105%; margin:22px 0px 2px 0px;} .panel-credit{ text-align:center; color:#999; font-size:14px; line-height:105%; margin:2px 0px 22px 0px;} .quarter-panel{ float:left; width:200px; height:280px; margin:24px 24px; overflow:hidden; border-bottom:1px dashed #9D9D9D; text-align:center;} .quarter-panel p{ margin:4px 0px; line-height:140%; font-size:20px; color:#999; } .quarter-panel img{ border:1px dotted #CCC;} .staff-panel{ position:relative; float:left; width:109px; height:115px; margin:2px; overflow:hidden; text-align:left;} .background-image { position: relative; width: 100%;} .primary-image-box { position: absolute; width: 100%; background-color: transparent; background-image: url(https://ohcomely.co.uk/public/images/site/greybg.png); background-repeat: repeat;} .primary-image-box-margin { margin:10px 15px; color: #FFF; font-size:20px; line-height:100%;} #advertising-panel{ display:inline; float:left; overflow:hidden; position:relative; width:300px; height:584px; margin:20px 7px 20px 23px;} #image-panel{ display:inline; float:left; overflow:hidden; width:125px; height:584px; margin:20px 23px 20px 17px;} #image-panel-int{ text-align:center; overflow:hidden; width:125px;} #image-panel-int img{ display:block; margin:0px 0px 28px 0px;} #likebox-clear{ border:1px dashed white; width:298px; height: 161px; z-index:10; overflow: hidden; position:relative;} #likebox-clear iframe{ left:-1px; top:-1px; overflow:hidden; position:relative;} #twitter-box{ position:absolute; bottom:-4px; overflow:hidden; border:0px dashed #3B5998; } .info-header{ margin:16px 16px 0px 16px; text-align:left; color:#999;} .info-header a{ color:#999;} .info-header a:hover{ color:#366EB3;} .page-navigator{ font-size:24px;} .info-navigator { color:#999; font-size:34px; } .info-navigator a{ color:#999;} .info-navigator a:hover{ color:#366EB3;} .info-headline { font-size:19px;} .info-credit { font-size:14px; color:#999;} .info-text-panel { margin:12px; } .info-text { text-align:left; line-height:130%;} .info-text a{ color:#888;} .info-text a:hover{ color:#366EB3;} .info-caption{ font-size:13px; float:right; color:#888; margin:2px 0px; text-align:right;} .info-caption a{ color:#999;} .info-caption a:hover{ color:#366EB3;} .info-address { font-size:15px; line-height:160%; color:#555;} .wide-panel { margin:16px;} #blog-main-panel{ margin:16px;} #blog-post-column{ width:770px; float:left;} .blog-post-panel{ border-bottom:1px dashed #9d9d9d; margin-bottom:18px; padding-bottom:8px;} .blog-head-cell{ width:30%; float:left;} .blog-body-cell{ width:70%; float:left;} .blog-body-cell-padding{ margin:0px 10px;} .blog-post-headline{ color:#67A0E5; font-size:34px; line-height:95%; margin:8px 0px 5px 0px;} .blog-post-credit{ color:#999; font-size:14px; line-height:150%;} .blog-post-body{ font-size:16px; line-height:140%;} #blog-nav-column{ float:left; width:160px; margin-top:8px; margin-left:30px;} .blog-nav-header{ margin:5px 0px; font-size:15px; list-style:none; list-style-type: none; border-bottom:1px dashed #999; margin:0; padding:3px 0px 22px; color:#67A0E5; display:block;} .blog-nav-links{ font-size:13px; color:#555; line-height:140%;} .blog-nav-links-grey{ font-size:13px; color:#CCC; line-height:140%;} .blog-iline{ margin:0px; padding:0px 1px; text-align:center;} .blog-iline-head{ color:#999; font-size:21px; line-height:105%; margin:10px 0px;} .blog-iline-head a{ color:#999;} .blog-iline-head a:hover{ color:#366EB3;} /* blog-post-panel plus */ .stockist-panel { margin-bottom:10px; padding-bottom:10px; text-align:left; } /* plus blog-post-headline plus */ .stockist-headline { color:#777; font-size:24px; line-height:95%; margin:0px 0px 0px 0px;} /* plus blog-post-body plus */ .stockist-body { color:#555; font-size:13px; line-height:120%;} .stockist-body a { color:#555;} .stockist-body a:hover { color:#366EB3;} /* blog-post-panel plus */ .staffbox-panel { margin-bottom:10px; padding-bottom:10px; text-align:left; } /* plus blog-post-headline plus */ .staffbox-headline { color:#777; font-size:20px; line-height:95%; margin:0px 0px 0px 0px;} /* plus blog-post-body plus */ .staffbox-body { color:#555; font-size:14px; line-height:120%;} div#advertising-notice { width:300px; height:140px; background:#67A0E5; color:#fff; font-size:24px; } form#newsletter-form { width:100%; } form#newsletter-form label { width:100%; } form#newsletter-form span { font-size:17px; color:#67A0E5; } form#newsletter-form input { width:91%; margin:10px 0px; background:#fff; padding:4px 7px; border:1px solid #ccc; outline:0px; color:#000; } form#newsletter-form button { float:right; margin:0px 2px; width:180px; background:#67A0E5; padding:4px 7px; border:0px; outline:0px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-appearance: none; } form#newsletter-form input:focus, form#newsletter-form button:focus { border-color:#67A0E5; } .content-column-text input, .content-column-text select, .content-column-text textarea { height:25px; padding:5px 8px; margin:5px 0px; border:0px; font:inherit; background-color:#eee; color:#000; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; outline:0px; -webkit-appearance:none; } .content-column-text label { display:block; margin:7px 0px; } .content-column-text button { width:100px; height:30px; font-weight:bold; background-color:#67A0E5; color:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:0px; -webkit-box-shadow:0px; box-shadow:0px; border:none;} .content-column-text .full-width { width:97%; } label.shop-item { cursor:pointer; } label#shipping-label { padding:10px 0px; } label#shipping-label select { cursor:pointer; } #dialog-shop-item { font-size:15px;} p.dialog-shop-item-headline { margin:10px 0px; font-size:21px; color:#999; } p.dialog-shop-item-price { color:#aaa; } .shop-info-box { margin:0px 0px 12px; padding:8px; border:1px dotted #AAA; text-align:center; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } div.rounded-inputs label { display:block; } div.rounded-inputs input[type=text], div.rounded-inputs input[type=email], div.rounded-inputs input[type=submit], div.rounded-inputs select { width:94%; height:25px; padding:3px 6px; margin:5px 0px; border:0px; color:#555; background-color:#eee; font:inherit; -webkit-box-sizing:content-box; -moz-box-sizing: content-box; -ms-box-sizing:content-box; box-sizing:content-box; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; outline:0px; -webkit-appearance: none; } div.rounded-inputs #shop-submit { color:#fff; background-color:#67A0E5; cursor:pointer;} div.rounded-inputs #issue-buy-this { height:20px; padding:2px 3px; color:#67A0E5; background-color:#fff; border:1px dashed #67A0E5; cursor:pointer;} #shop-form table tbody { color:#666; font-size:small; } form ul { margin:0;padding:0;list-style-type:none;} form li { clear:both; margin:8px 0px;} form li label.heading { display:block;} form li span label { display:block;} form li select.fullpage { width:100%;} form li span.fullpage { width:100%;} form li span.halfpage { width:48%;} form li span input { width:100%;} form li span select { width:100%;} form li span label { color:#555; font-size:13px;} fieldset { width:100%; border:none; margin:0px; padding:0px; } fieldset legend { padding-top:10px; padding-left:12px; } table.sidebar-total { width:100%; padding:8px; border:1px dotted #999; border-radius:5px;} table thead { color:#555; font-size:21px;} table tbody { color:#555; font-size:13px;} #footer { text-align:center; color:#999; font-size:13px;} #footer a{ color:#999;} #footer a:hover{ color:#366EB3;} .left { float:left;} .right { float:right;} .centre-image { display:block; margin:0px auto;} .required { color:#3399FF; float:none;} .grey { color:#555;} .social-buttons { list-style: none; list-style-type: none;} .social-buttons-vertical { margin:8px 0px 0px 0px; padding:10px 0px; text-align:left;} .social-buttons-vertical li { text-align:left; list-style: none; list-style-type: none;} .social-buttons-horizontal { border-bottom:1px dashed #999; margin:0; padding:3px 0px 22px;} .subs-panel-head { font-size: 20px; background-color:#FAFDFF;} .border-color-blue { border-color:#366EB3;} .border-color-grey { border-color:#CCC;}