@font-face {				font-family: 'MyriadProLight';
						src: url('scripts/myriadpro-light-webfont.eot');
						src: url('scripts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
						url('scripts/myriadpro-light-webfont.woff') format('woff'),
						url('scripts/myriadpro-light-webfont.ttf') format('truetype'),
						url('scripts/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
						font-weight: normal; font-style: normal;}

body {					text-align: center;
						font-family: 'MyriadProLight', sans-serif;
						font-size:14px;}

body h1 {					font-size:17px; color:#AAA;}

a {						color:#8EBBF3; text-decoration:none;}
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;
						/*height:41px;*/
						border-top:1px dashed #9d9d9d; border-bottom:1px dashed #9d9d9d;  
						margin:16px; }

.menu-container {			width:760px; 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: 155px; top: 0;}
.upper-menu .upper-blog {	width: 47px; height: 41px; background: url(/images/hg-blog.png) no-repeat;
						left: 355px; top: 0;}
.upper-menu .upper-stockists {width: 99px; height: 41px; background: url(/images/hg-stockists.png) no-repeat;
						left: 495px; top: 0;}
.upper-menu .upper-subscribe {width: 99px; height: 41px; background: url(/images/hg-subscribe.png) no-repeat;
						left: 660px; 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-archive {	width: 77px; height: 41px; background: url(/images/hg-archive.png) no-repeat;
						left: 270px; top: 0;}
.upper-menu .upper-submissions {width: 119px; height: 41px; background: url(/images/hg-submissions.png) no-repeat;
						left: 397px; top: 0;}
.upper-menu .upper-advertise {width: 97px; height: 41px; background: url(/images/hg-advertise.png) no-repeat;
						left: 550px; top: 0;}
.upper-menu .upper-contact {	width: 79px; height: 41px; background: url(/images/hg-contact.png) no-repeat;
						left: 681px; top: 0;}

#primary-container{			width:100%;
						text-align:center;
						overflow:auto;}

#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:460px;
						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{			font-size:34px; color:#CCC;}
.info-navigator a{			color:#CCC;}
.info-navigator a:hover{		color:#18A1EF;}

.info-headline{			font-size:19px;}
.info-credit{				font-size:14px; color:#AAA;}

.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:13px; line-height:150%;}

.blog-post-body{			color:#555; font-size:15px; 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%;}

#footer {					text-align:center; color:#AAA; font-size:13px;}
#footer a{				color:#AAA;}
#footer a:hover{			color:#18A1EF;}

.grey {					color:#999;}

.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;}