@font-face { font-family: 'MyriadProLight';
src: url('https://ohcomely.co.uk/lib/fonts/myriadpro-light-webfont.eot');
src: url('https://ohcomely.co.uk/lib/fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
url('https://ohcomely.co.uk/lib/fonts/myriadpro-light-webfont.woff') format('woff'),
url('https://ohcomely.co.uk/lib/fonts/myriadpro-light-webfont.ttf') format('truetype'),
url('https://ohcomely.co.uk/lib/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/lib/fonts/myriadpro-lightit-webfont.eot');
src: url('https://ohcomely.co.uk/lib/fonts/myriadpro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
url('https://ohcomely.co.uk/lib/fonts/myriadpro-lightit-webfont.woff') format('woff'),
url('https://ohcomely.co.uk/lib/fonts/myriadpro-lightit-webfont.ttf') format('truetype'),
url('https://ohcomely.co.uk/lib/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/lib/fonts/myriadpro-semibold-webfont.eot');
src: url('https://ohcomely.co.uk/lib/fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('https://ohcomely.co.uk/lib/fonts/myriadpro-semibold-webfont.woff') format('woff'),
url('https://ohcomely.co.uk/lib/fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
url('https://ohcomely.co.uk/lib/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/lib/fonts/myriadpro-semiboldit-webfont.eot');
src: url('https://ohcomely.co.uk/lib/fonts/myriadpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
url('https://ohcomely.co.uk/lib/fonts/myriadpro-semiboldit-webfont.woff') format('woff'),
url('https://ohcomely.co.uk/lib/fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'),
url('https://ohcomely.co.uk/lib/fonts/myriadpro-semiboldit-webfont.svg#MyriadProLight') format('svg');
font-weight: bold;
font-style: italic;
}
body { text-align: center;
font-family: 'MyriadProLight', sans-serif;
font-size:15px;}
body h1 { font-size:17px; color:#AAA;}
select { font-family: 'MyriadProLight', sans-serif;
font-size:13px;}
a { text-decoration:none; color:#8EBBF3; }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:none; color:#18A1EF; }
img { border-style: none;}
#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 #9d9d9d; border-bottom:1px dashed #9d9d9d;
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(/images/hg-home.png) no-repeat;
left: 0; top: 0;}
.upper-menu .upper-about { width: 71px; height: 41px; background: url(/images/hg-about.png) no-repeat;
left: 0px; top: 0;}
.upper-menu .upper-this-iss { width: 107px; height: 41px; background: url(/images/hg-this-issue.png) no-repeat;
left: 125px; top: 0;}
.upper-menu .upper-blog { width: 47px; height: 41px; background: url(/images/hg-blog.png) no-repeat;
left: 295px; top: 0;}
.upper-menu .upper-archive { width: 77px; height: 41px; background: url(/images/hg-archive.png) no-repeat;
left: 405px; top: 0;}
.upper-menu .upper-stockists {width: 99px; height: 41px; background: url(/images/hg-stockists.png) no-repeat;
left: 540px; top: 0;}
.upper-menu .upper-subscribe {width: 99px; height: 41px; background: url(/images/hg-subscribe.png) no-repeat;
left: 680px; top: 0;}
.upper-menu .upper-shop { width: 51px; height: 41px; background: url(/images/hg-shop.png) no-repeat;
left: 0; top: 0;}
.upper-menu .upper-past-iss { width: 113px; height: 41px; background: url(/images/hg-past-issues.png) no-repeat;
left: 108px; top: 0;}
.upper-menu .upper-submissions {width: 119px; height: 41px; background: url(/images/hg-submissions.png) no-repeat;
left: 270px; top: 0;}
.upper-menu .upper-join-us { width: 71px; height: 41px; background: url(/images/hg-join-us.png) no-repeat;
left: 437px; top: 0;}
.upper-menu .upper-advertise {width: 97px; height: 41px; background: url(/images/hg-advertise.png) no-repeat;
left: 555px; top: 0;}
.upper-menu .upper-contact { width: 79px; height: 41px; background: url(/images/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:135%;}
.panel img{ margin:0px 0px 10px 0px;}
.panel-headline{ text-align:center; color:#AAA; font-size:21px; line-height:105%; margin:22px 0px 2px 0px;}
.panel-credit{ text-align:center; color:#AAA; 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:135%; 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(../images/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;
width:300px; height:584px; border:1px dotted #AAA;
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{ height:160px; position:relative; overflow:hidden;
border:0px dashed #3B5998; margin:0px 0px 6px 0px;}
.info-header{ margin:16px 16px 0px 16px; text-align:left; color:#AAA;}
.info-header a{ color:#AAA;}
.info-header a:hover{ color:#18A1EF;}
.page-navigator{ font-size:24px;}
.info-navigator{ color:#AAA; font-size:34px; }
.info-navigator a{ color:#AAA;}
.info-navigator a:hover{ color:#18A1EF;}
.info-headline { font-size:19px;}
.info-credit { font-size:14px; color:#AAA;}
.info-text-panel { margin:12px; }
.info-text { text-align:left; line-height:130%;}
.info-text a{ color:#888;}
.info-text a:hover{ color:#18A1EF;}
.info-text-issue{ text-align:left;}
.info-text-issue a{ color:#888;}
.info-text-issue a:hover{ color:#18A1EF;}
.info-caption{ font-size:13px;
float:right;
color:#888;
margin:2px 0px;
text-align:right;}
.info-caption a{ color:#AAA;}
.info-caption a:hover{ color:#18A1EF;}
#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:#8EBBF3; 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:130%;}
#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 #AAA; margin:0; padding:3px 0px 22px;
color:#8EBBF3;
display:block;}
.blog-nav-links{ font-size:13px; color:#888; line-height:140%;}
.blog-nav-links-grey{ font-size:13px; color:#AAA; line-height:140%;}
.blog-iline{ margin:0px; text-align:center;}
.blog-iline-head{ color:#AAA; font-size:21px; line-height:105%; margin:10px 0px;}
.blog-iline-head a{ color:#AAA;}
.blog-iline-head a:hover{ color:#18A1EF;}
/* 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:#18A1EF;}
/* 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%;}
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:#666;
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 #AAA;
border-radius:5px;}
table thead { color:#666;
font-size:21px;}
table tbody { color:#666;
font-size:13px;}
#footer { text-align:center; color:#AAA; font-size:13px;}
#footer a{ color:#AAA;}
#footer a:hover{ color:#18A1EF;}
.left { float:left;}
.right { float:right;}
.required { color:#3399FF;
float:none;}
.grey { color:#666;}
.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 #AAA; margin:0; padding:3px 0px 22px;}
.subs-panel-head { font-size: 20px; background-color:#FAFDFF;}
.border-color-blue { border-color:#18A1EF;}
.border-color-grey { border-color:#CCC;}