/*
Theme Name: Spacing
Theme URI: http://spacing.ca/
Author: Greg Sullivan
Author URI: http://swivelbase.com/
Description: Custom theme for spacing.ca
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
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 {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-top: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	color: rgba(0,0,0,.8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	padding: 0.82em 1em 0.7em;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=email] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover,
a:focus,
a:active {
	color: #ED1C24;
}

.entry-content a:hover, .entry-content a:focus, .entry-content a:active, p a:hover, p a:focus, p a:active {
	text-decoration: underline;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
		top: 1.5em;
		left: 0;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	cursor: pointer;
}
.main-small-navigation .menu {
	display: none;
}


/* =Content
----------------------------------------------- */

.sticky {
}
/*
.hentry {
	margin: 0 0 1.5em;
}
*/
.entry-meta {
	clear: both;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 15px 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	vertical-align: bottom;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	/* border: 1px solid #ccc; */
	margin: 1.25em 0;
	max-width: 100%;
	width: auto !important;
	overflow: hidden !important;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
	max-width: 100%;
}
.wp-caption-text {
	font-size: 13px;
}
.wp-caption .wp-caption-text {
	margin: 8px 0;
}
.site-content .gallery {
	margin: 20px 0 0;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 100%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 1em 1.5em 0.75em 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 1em 1em 0.75em 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: left;
	width: 50%;
}
.site-content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
#searchsubmit {
	display: none;
}

.author-byline a:link, .author-byline a:visited, .comment-meta a:link, .comment-meta a:visited {
	color: #B3B3B3;
}

/* =Spacing Colors
----------------------------------------------- */

.spacing a:hover, .spacing a:focus, .spacing a:active, .spacing .cities li.active a, .spacing p a, .spacing .entry-content a, .spacing .highlight-color {
	color: #ED1C24;
}

.spacing .site-header, .spacing .site-footer {
	border-color: #000;
}

.spacing .site-title img {
	max-width: 443px;
}

.spacing .topics li {
	background-image: url('/graphics/slashes/spacing.gif');
}


.magazine a:hover, .magazine a:focus, .magazine a:active, .magazine .cities li.active a, .magazine p a, .magazine .entry-content a, .magazine .highlight-color {
	color: #ED1C24;
}

.magazine .site-header, .magazine .site-footer {
	border-color: #000;
}

.magazine .site-header hgroup, .magazine .site-footer-wrapper, .magazine .site-header {
	background-color: #9D9EA6;
}

.magazine .site-title img {
	max-width: 472px;
}

.store .site-header, .store .site-footer {
	border-color: #000;
	/* Background color: AD1B1F; */
}

.store .site-title img {
	max-width: 367px;
}

.toronto a:hover, .toronto a:focus, .toronto a:active, .toronto .cities li.active a, .toronto p a, .toronto .entry-content a, .toronto .highlight-color {
	color: #00B4E0;
}

.toronto .site-header, .toronto .site-footer {
	border-color: #00B4E0;
}

.toronto .category-flag .category-name {
	background: #FFF url('/graphics/topic-boxes/toronto.gif') 0 50% no-repeat scroll;
}

.toronto .site-title img {
	max-width: 443px;
}

.toronto .topics li {
	background-image: url('/graphics/slashes/toronto.gif');
}

.montreal a:hover, .montreal a:focus, .montreal a:active, .montreal .cities li.active a, .montreal p a, .montreal .entry-content a, .montreal .highlight-color {
	color: #EC1C23;
}

.montreal .site-header, .montreal .site-footer {
	border-color: #EC1C23;
}

.montreal .category-flag .category-name {
	background: #FFF url('/graphics/topic-boxes/montreal.gif') 0 50% no-repeat scroll;
}

.montreal .site-title img {
	max-width: 482px;
}

.montreal .topics li {
	background-image: url('/graphics/slashes/montreal.gif');
}

.vancouver a:hover, .vancouver a:focus, .vancouver a:active, .vancouver .cities li.active a, .vancouver p a, .vancouver .entry-content a, .vancouver .highlight-color {
	color: #9D9EA6;
}

.vancouver .site-header, .vancouver .site-footer {
	border-color: #9D9EA6;
}

.vancouver .category-flag .category-name {
	background: #FFF url('/graphics/topic-boxes/vancouver.gif') 0 50% no-repeat scroll;
}

.vancouver .site-title img {
	max-width: 512px;
}

.vancouver .topics li {
	background-image: url('/graphics/slashes/vancouver.gif');
}

.ottawa a:hover, .ottawa a:focus, .ottawa a:active, .ottawa .cities li.active a, .ottawa p a, .ottawa .entry-content a, .ottawa .highlight-color {
	color: #F7931E;
}

.ottawa .site-header, .ottawa .site-footer {
	border-color: #F7931E;
}

.ottawa .category-flag .category-name {
	background: #FFF url('/graphics/topic-boxes/ottawa.gif') 0 50% no-repeat scroll;
}

.ottawa .site-title img {
	max-width: 414px;
}

.ottawa .topics li {
	background-image: url('/graphics/slashes/ottawa.gif');
}

.atlantic a:hover, .atlantic a:focus, .atlantic a:active, .atlantic .cities li.active a, .atlantic p a, .atlantic .entry-content a, .atlantic .highlight-color {
	color: #00A99D;
}

.atlantic .site-header, .atlantic .site-footer {
	border-color: #00A99D;
}

.atlantic .category-flag .category-name {
	background: #FFF url('/graphics/topic-boxes/atlantic.gif') 0 50% no-repeat scroll;
}

.atlantic .site-title img {
	max-width: 456px;
}

.atlantic .topics li {
	background-image: url('/graphics/slashes/atlantic.gif');
}

.edmonton a:hover, .edmonton a:focus, .edmonton a:active, .edmonton .cities li.active a, .edmonton p a, .edmonton .entry-content a, .edmonton .highlight-color {
	color: #B18D61;
}

.edmonton .site-header, .edmonton .site-footer {
	border-color: #B18D61;
}

.edmonton .category-flag .category-name {
	background: #FFF url('/graphics/topic-boxes/edmonton.gif') 0 50% no-repeat scroll;
}

.edmonton .site-title img {
	max-width: 487px;
}

.edmonton .topics li {
	background-image: url('/graphics/slashes/edmonton.gif');
}

.calgary a:hover, .calgary a:focus, .calgary a:active, .calgary .cities li.active a, .calgary p a, .calgary .entry-content a, .calgary .highlight-color {
	color: #EC1C23;
}

.calgary .site-header, .calgary .site-footer {
	border-color: #EC1C23;
}

.calgary .category-flag .category-name {
	background: #FFF url('/graphics/topic-boxes/calgary.gif') 0 50% no-repeat scroll;
}

.calgary .site-title img {
	max-width: 487px;
}

.calgary .topics li {
	background-image: url('/graphics/slashes/calgary.gif');
}

/* =Spacing Topic Icons */

.category-icon.anniversary {
	background-position: -39px 0;
}

.category-icon.architecture {
	background-position: -4px 0;
}

.category-icon.bikes {
	background-position: -4px -35px;
}

.category-icon.cities-for-people {
	background-position: -39px -35px;
}

.category-icon.civic-engagement {
	background-position: -4px -70px;
}

.category-icon.communication {
	background-position: -4px -105px;
}

.category-icon.community {
	background-position: -2px -140px;
	width: 33px;
}

.category-icon.culture {
	background-position: -4px -175px;
}

.category-icon.curiosities {
	background-position: -8px -210px;
	width: 27px;
}

.category-icon.events {
	background-position: -4px -245px;
}

.category-icon.elections {
	background-position: -39px -245px;
}

.category-icon.features {
	background-position: -4px -280px;
}

.category-icon.film-video {
	background-position: -39px -280px;
}

.category-icon.food {
	background-position: -4px -315px;
}

.category-icon.green-space {
	background-position: -4px -350px;
}

.category-icon.headlines {
	background-position: -8px -385px;
	width: 27px;
}

.category-icon.history {
	background-position: -4px -420px;
}

.category-icon.housing {
	background-position: -4px -455px;
}

.category-icon.infrastructure {
	background-position: -4px -490px;
}

.category-icon.maps {
	background-position: -4px -525px;
}

.category-icon.media {
	background-position: -4px -560px;
}

.category-icon.neighbourhoods {
	background-position: -4px -595px;
}

.category-icon.parks {
	background-position: -4px -630px;
}

.category-icon.pandemic {
	background-position: -39px -630px;
}

.category-icon.photos {
	background-position: -4px -665px;
}

.category-icon.podcast {
	background-position: -37px -665px;
}

.category-icon.politics {
	background-position: -4px -700px;
}

.category-icon.services {
	background-position: -4px -735px;
}

.category-icon.spacing {
	background-position: -2px -770px;
	width: 35px;
}

.category-icon.spacing-films {
	background-position: -37px -770px;
	width: 35px;
}

.category-icon.streetscape {
	background-position: -4px -805px;
}

.category-icon.traffic {
	background-position: -4px -840px;
}

.category-icon.transit {
	background-position: -4px -875px;
	width: 27px;
}

.category-icon.urban-design {
	background-position: -6px -910px;
	width: 29px;
}

.category-icon.walking {
	background-position: -4px -945px;
	width: 29px;
}

.category-icon.waterfront {
	background-position: -4px -980px;
}

/* =Spacing
----------------------------------------------- */

body {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

strong, b {
	font-weight: bold;
}

.site-header {
	background-color: #000;
	border-bottom: 5px solid;
	min-width: 980px;
}

.site-header hgroup, .site-footer-wrapper {
	background-color: #000;
	padding: 0 20px;
	border-bottom: 5px solid #FFF;
	clear: left;
}

.site-footer {
	clear: left;
	border-top: 5px solid;
	min-width: 980px;
}

.site-footer-wrapper {
	border-top: 5px solid #FFF;
	border-bottom: none;
}

.masthead-wrapper, .site-info {
	width: 940px;
	overflow: hidden;
	height: 110px;
	position: relative;
	margin: 0 auto;
}

.site-info {
	height: auto;
}

.site-title {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.site-title img {
	display: block;
}

.site-description {
	color: #FFF;
	font-family: "alternate-gothic-no-2-d", Impact, "Arial Black", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1;
	margin: 0;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0;
}

.site-main {
	width: 940px;
	padding: 0 20px;
	margin: 0 auto;
}

/* Revisit banner CSS once DFP implemented for leaderboards */
.banner-leaderboard.top {
	padding-bottom: 11px;
	background: transparent url('/graphics/slash-sep.gif') bottom center repeat-x scroll;
}

.banner-leaderboard.bottom {
	margin-top: 25px;
	padding-top: 11px;
	background: transparent url('/graphics/slash-sep.gif') top center repeat-x scroll;
}

.banner-leaderboard div {
	margin: 15px auto;
}

.main-navigation {
	padding-bottom: 11px;
	background: transparent url('/graphics/slash-sep.gif') bottom center repeat-x scroll;
	margin-bottom: 25px;
}

ul.cities {
	display: block;
	overflow: hidden;
	margin-left: -6px;
}

.cities li {
	padding: 18px 6px 9px 6px;
}

.cities li.active {
	background: transparent url('/graphics/city-active.gif') bottom center no-repeat scroll;
}

.cities a:link, .cities a:visited {
	font-family: "alternate-gothic-no-2-d", Impact, "Arial Black", sans-serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 1;
	text-transform: uppercase;
}

.cities .feeds {
	padding: 16px 0 0;
	float: right;
}

.feed-icons {
	overflow: hidden;
}

.feed-icons a {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background: #FFF url('/graphics/icon-sprites.gif') no-repeat scroll;
	margin-left: 4px;
	opacity: 0.6;
}

.feed-icons a:hover {
	opacity: 1;
}

.feed-icons .twitter {
	background-position: -6px -1056px;
}

.feed-icons .facebook {
	background-position: -6px -1092px;
}

.feed-icons .rss {
	background-position: -6px -1127px;
}

.feed-icons .search {
	background-position: -41px -952px;
	display: none;
}

.feed-icons .twitter:hover {
	background-position: -41px -1056px;
}

.feed-icons .facebook:hover {
	background-position: -41px -1092px;
}

.feed-icons .rss:hover {
	background-position: -41px -1127px;
}

.feed-icons .search:hover {
	opacity: 1.0;
}

.topics-wrapper {
	overflow: hidden;
	border-top: 2px solid #B3B3B3;
	position: relative;
}

.topics {
	width: 3000px;
	z-index: 1;
}

.topics li {
	padding: 14px 0 14px 20px;
	background: transparent url('/graphics/slashes/spacing.gif') 5px center no-repeat scroll;
}

.topics li.first {
	padding-left: 0;
	background: none;
}

.topics a:link, .topics a:visited {
	font-size: 17px;
}

.topics a:hover, .topics a:active {
	color: #000;
	text-decoration: underline;
}

.topics .current-cat a {
	font-weight: bold;
}

.topics-wrapper .fade-to-white {
	display: block;
	float: right;
	padding: 0 0 0 35px;
	position: absolute;
	height: 75px;
	top: 13px;
	right: 0;
	background: transparent url('/graphics/fade-to-white.png') top left no-repeat scroll;
}

#expand-topics {
	display: none;
	float: left;
	background: #777 url('/graphics/down-arrow.png') right center no-repeat scroll;
	padding: 3px 23px 3px 7px;
	color: #FFF;
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	letter-spacing: 1px;
}

#alphabetical-topics-wrapper {
	display: none;
	overflow: hidden;
	border-top: 2px solid #B3B3B3;
	padding-bottom: 10px;
}

#alphabetical-topics-wrapper .all-topics {
	display: none;
}

#alphabetical-topics-wrapper ul {
	float: left;
	overflow: hidden;
	width: 14.89361702%;
	margin-left: 2.12765957%;
}

#alphabetical-topics-wrapper ul.column-1 {
	margin-left: 0;
}

#alphabetical-topics-wrapper li {
	float: none;
	font-size: 14px;
	border-top: 1px solid #B3B3B3;
	padding-top: 6px;
	margin-top: 6px;
}

#alphabetical-topics-wrapper li.row-1 {
	border-top: none;
	margin-top: 0;
	padding-top: 10px;
}

.content-area {
	overflow: hidden;
	width: 940px;
	clear: left;
}

.site-content {
	box-sizing: border-box;
	background: transparent url('/graphics/double-sep-323.gif') top right repeat-y scroll;
	float: left;
	padding-right: 340px;
	max-width: 600px;
	width: 100%;
	overflow: hidden;
	min-height: 1px;
}

.site-content.magazine {
	background: none;
	padding-right: 0;
	max-width: 940px;
}

.spacing-sidebar {
	width: 300px;
	padding-left: 40px;
	background: transparent url('/graphics/double-sep.gif') 17px 0 repeat-y scroll;
	float: left;
	margin-left: -340px;
	height: 100%;
}

.content-container {
	overflow: hidden;
}

/* FEATURED POST CONTAINER / POST LISTING CONTAINERS */

.featured.content-container {
	margin-bottom: 15px;
}

.content-container.has-feature {
	background: transparent url('/graphics/slash-sep.gif') top center repeat-x scroll;
	padding-top: 26px;
}

.featured-post img, .post-listing img {
	display: block;
	float: left;
}

.featured-post img {
	width: 60.13333333%;
}

.post-listing img {
	margin-left: -245px;
}

.featured.post-details {
	width: 36.53333333%;
	padding-left: 3.33333333%;
	float: right;
	display: block;
}

.featured-post {
	overflow: hidden;
	margin-bottom: 22px;
}

.featured-post h1, .post-listing h1 {
	font-size: 24px;
	line-height: 1.2;
}

.post-listing h1 {
	font-size: 20px;
}

.featured-post p, .post-listing p {
	font-size: 14px;
	line-height: 1.4;
	margin: 6px 0 0;
}

.author-byline, .entry-meta, .comment-meta {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	margin: 6px 0 0;
	color: #B3B3B3;
}

.entry-meta {
	margin-top: 9px;
}

.featured-post .read-more, .post-listing .read-more {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 13px;
	background: transparent url('/graphics/rarr-small.gif') right center no-repeat scroll;
	padding-right: 15px;
}

.post-listing {
	padding-bottom: 15px;
	border-bottom: 2px solid #B3B3B3;
	margin-bottom: 15px;
	overflow: hidden;
	clear: both;
}

.post-listing.with-thumbnail {
	padding-left: 245px;
}

.post-details {
	float: left;
}

/* CATEGORY FLAG */

.category-flag {
	overflow: hidden;
	display: block;
	margin-top: -5px;
	float: left;
}

.category-flag .category-name {
	float: left;
	clear: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	background: #FFF url('/graphics/topic-boxes/spacing.gif') 0 50% no-repeat scroll;
	color: #FFF;
	padding: 3px 7px 1px 11px;
	margin-top: 7px;
	border-right: 8px solid #FFF;
	line-height: 1.5;
}

.category-icon {
	float: left;
	display: block;
	background: #FFF url('/graphics/icon-sprites.gif') no-repeat scroll;
	width: 31px;
	height: 35px;
	margin-right: 3px;
}

a.category-flag:hover .category-name {
	background-position: -300px 50%;
}

/* FEATURED POST POPULAR / RELATED POSTS */

.popular-posts, .related-posts {
	border-top: 2px solid #B3B3B3;
}

.popular-posts .category-flag, .related-posts .category-flag {
	margin-top: -18px;
}

.site-content .popular-posts .category-flag h1, .site-content .related-posts .category-flag h1 {
	background-position: -300px 50%;
}

.category-icon.popular, .category-icon.related {
	background-position: -6px -1015px;
	width: 29px;
	margin-right: 0;
}

.category-icon.related {
	background-position: -41px -1015px;
}

.popular-posts ul {
	overflow: hidden;
	margin: 20px 0 0;
	padding: 0;
	clear: left;
}

.popular-posts li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 48.75%;
	margin-right: 1.25%;
	line-height: 1.3;
	overflow: hidden;
}

.popular-posts li.even {
	margin-right: 0;
	margin-left: 1.25%;
}

.popular-posts li a {
	display: block;
}

.popular-posts.front-page li a {
	white-space: nowrap;
	display: block;
	padding-left: 35px;
}

/*.popular-posts.front-page li a {
	display: inline;
}*/

.popular-posts li img {
	display: block;
	float: left;
	margin-right: 15px;
}

.popular-posts li .has-thumbnail {
	background-repeat: no-repeat;
	background-attachment: scroll;
	min-height: 62px;
}

.popular-posts li.popular-1 {
	margin-left: 0;
}

.popular-posts li.popular-1 .no-thumbnail {
	padding-left: 0;
	padding-right: 77px;
}

/*.popular-posts li.popular-3 {
	display: none;
}*/

.popular-posts a:link, .popular-posts a:visited {
	text-decoration: none;
}

.spacing-sidebar .popular-posts {
	border-top: none;
	padding-bottom: 15px;
	border-bottom: 4px solid #000;
	margin-top: 15px;
}

.spacing-sidebar .popular-posts .category-flag {
	margin-top: 8px;
}

.spacing-sidebar .popular-posts ul {
	margin-top: 0;
}

.spacing-sidebar .popular-posts li {
	float: none;
	width: auto;
	margin: 10px 0 0;
	padding: 10px 0 0;
	font-size: 18px;
	border-top: 2px solid #B3B3B3;
	overflow: hidden;
}

.spacing-sidebar .popular-posts li.popular-1 {
	border-top: none;
	padding: 0;
	margin-top: 5px;
}

.spacing-sidebar .popular-posts li.popular-3 {
	display: block;
}

.spacing-sidebar .sidebar-404 {
	border-bottom: none;
	padding-bottom: 0;
}

/* FEATURED POST SIDEBAR */

.widget_search {
	border-bottom: 2px solid #B3B3B3;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.widget_search .field, #mce-EMAIL {
	padding: 5px;
	width: 257px;
	height: 20px;
	border: 1px solid #B3B3B3;
	box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
	padding-left: 36px;
	background: #F7F7F7 url('/graphics/search.png') 10px 7px no-repeat scroll;
	border-radius: 20px;
	outline: 0;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.newsletter-signup {
	padding: 15px 0;
	border-bottom: 4px solid #000;
}

.featured.spacing-sidebar .newsletter-signup {
	padding-top: 0;
}

#mce-EMAIL {
	padding-right: 15px;
	padding-left: 15px;
	background-image: none;
}

.spacing-sidebar .widget_search {
	border-bottom: 4px solid #000;
}

.widget_search .field:focus {
	background-color: #FFF;
}

.current-issue {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 4px solid #000;
}

.current-issue img {
	vertical-align: bottom;
}

.featured.spacing-sidebar .current-issue {
	padding-bottom: 0;
	border-bottom: none;
}

/* SIDEBAR */

.condensed-header {
	font-family: "alternate-gothic-no-2-d", Impact, "Arial Black", sans-serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0 0 5px;
}

.banner-medium-rectangle {
	padding-bottom: 15px;
	border-bottom: 4px solid #000;
}

.banner-medium-rectangle figcaption {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #B3B3B3;
	font-size: 12px;
	margin-bottom: 4px;
}

.featured-store-items {
	margin-top: 15px;
	line-height: 1.25;
}

.featured-store-items ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.featured-store-items li {
	clear: left;
	overflow: hidden;
	margin: 10px 0 0;
	padding: 10px 0 0;
	font-size: 18px;
	border-top: 2px solid #B3B3B3;
}

.featured-store-items li.first {
	padding-top: 0;
	border-top: none;
}

.featured-store-items a {
	display: block;
}

.featured-store-items img {
	float: left;
}

.featured-store-items .item-details {
	display: block;
	float: left;
	width: 205px;
	padding-left: 15px;
}

.item-details h2 {
	clear: none;
	line-height: 1.3;
}

.featured-store-items .item-price {
	font-size: 14px;
	font-weight: bold;
	color: #B3B3B3;
	display: inline-block;
	float: right;
	padding: 4px 0 8px 10px;
}

/* PAGING NAVIGATION */

.site-navigation.paging-navigation {
	margin-bottom: 0;
}

.paging-navigation .nav-previous, .paging-navigation .nav-next {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 13px;
}

.paging-navigation .nav-previous a {
	background: transparent url('/graphics/larr.gif') left center no-repeat scroll;
	padding: 2px 0 0 25px;
}

.paging-navigation .nav-next a {
	background: transparent url('/graphics/rarr.gif') right center no-repeat scroll;
	padding: 2px 25px 0 0;
}

/* ARCHIVES */

.page-title, .entry-title {
	font-size: 28px;
	line-height: 1.1;
}

.page-title.highlight-color {
	margin-bottom: 20px;
}

/* RELATED POSTS */

.related-posts {
	margin: 48px 48px 54px 24px;
	border-bottom: 2px solid #B3B3B3;
}

.related-posts ul {
	clear: left;
	padding: 0;
	margin: 24px 0 8px;
	list-style: none;
}

.related-posts li {
	padding-top: 8px;
	margin-top: 8px;
	border-top: 1px solid #B3B3B3;
	padding-left: 35px;
}

.related-posts li.related-1 {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.comment-disclaimer {
	background-color: #EEE;
	padding: 16px 20px;
	margin-top: 20px;
}

.comments-area {
	border-top: 4px solid #000;
	padding-top: 15px;
}

#comments p {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #555;
}

.comment-disclaimer p, #respond p {
	margin: 0;
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#respond p {
	margin-top: 10px;
	font-size: 16px;
}

#respond .logged-in-as {
	margin: 15px 0;
}

#respond label {
	clear: right;
	font-weight: bold;
	display: block;
}

#respond .form-submit {
	margin-top: 15px;
}

.commentlist {
	list-style: none;
	margin: 16px 0 36px;
	padding: 0;
}

li.comment {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #B3B3B3;
}

.comment cite {
	font-style: normal;
	font-weight: bold;
	color: #000;
}

.comment p {
	margin-top: 0.5em;
}

.comment-author {
	float: left;
	margin-bottom: 0.5em;
}

.comment-meta {
	float: right;
	margin-top: 1px;
}

.comment footer em {
	display: block;
	clear: both;
}

.comment-content {
	clear: both;
}

/* CATEGORY LISTS */

.category-lists {
	clear: both;
	padding: 11px 0 0 0;
	background: transparent url('/graphics/slash-sep.gif') top center repeat-x scroll;
	margin: 20px 0 0 0;
	list-style: none;
	overflow: hidden;
	line-height: 1.25;
}

.category-lists > li {
	float: left;
	width: 31%;
	padding: 10px 0 0 3.5%;
}

.category-lists li.category-1, .category-lists li.category-4 {
	padding-left: 0;
	clear: left;
}

.category-lists li.category-1, .category-lists li.category-2, .category-lists li.category-3 {
	padding-bottom: 12px;
}

.category-lists li.category-4, .category-lists li.category-5, .category-lists li.category-6 {
	border-top: 2px solid #B3B3B3;
	padding-top: 15px;
}

.category-lists h3 {
	float: left;
	clear: none;
	margin: 9px 0 0 2px;
}

.category-posts {
	clear: left;
	margin: 0;
	padding: 8px 0 0;
	list-style: none;
	border-top: 4px solid #000;
}

.category-posts li {
	padding-bottom: 8px;
	border-bottom: 1px solid #B3B3B3;
	margin-bottom: 8px;
}

.category-posts .post-3 {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.category-posts img {
	width: 100%;
	max-width: 225px;
	clear: both;
	display: block;
	margin-bottom: 10px;
}

/* ARCHIVE HEADER */

.category.archive h1.page-title {
	padding: 9px 0 0 60px;
	overflow: hidden;
}

.category.archive h1.page-title img {
	margin: -9px 0 0 -60px;
	display: block;
	float: left;
}

.category.archive h1.page-title span {
	display: block;
	float: left;
}

.category.archive h1 {
	overflow: visible;
	clear: both;
}

.author-bio {
	background-color: #EEE;
	padding: 16px 20px;
	margin: 20px 0 25px;
}

.author-bio p {
	margin: 0;
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* POST FORMATTING */

.post-thumbnail img {
	width: 100%;
	max-width: 600px;
}

article.post, article.page, .post-listing p, .featured-post p {
	font-family: "rooney-web", Georgia, "Times New Roman", serif;
	font-weight: 300;
}

article.post h1, article.page h1 {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

article.post p, article.page p {
	margin-top: 20px;
}

article.post h2, article.page h2 {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
	line-height: 24px;
	margin: 20px 0 0 0;
}

article.post h2 + p, article.page h2 + p {
	margin-top: 0;
}

article.post h3, article.page h3 {
	margin: 20px 0 0 0;
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

article.post h3 + p, article.page h3 + p {
	margin-top: 0;
}

article.post b, article.page b, article.post strong, article.page strong {
	font-weight: 500;
}

article.post blockquote, article.page blockquote {
	margin: 20px 20px 20px 24px;
	padding-left: 10px;
	border-left: 1px solid #B3B3B3;
}

article.post ul, article.page ul, article.post ol, article.page ol {
	margin: 20px 20px 0 36px;
	border-top: 1px solid #B3B3B3;
	padding-top: 8px;
}

article.post li, article.page li {
	padding-bottom: 8px;
	border-bottom: 1px solid #B3B3B3;
	margin-bottom: 8px;
}

article.post ul li li, article.page ul li li, article.post ol li li, article.page ol li li {
	padding-bottom: 0;
	border-bottom: none;
}

article.post li ul, article.post li ol, article.page li ul, article.page li ol {
	padding-top: 0;
	border-top: none;
}

/* GALLERY */

.site-content .gallery {
	margin: 0 0 0 -2.5%;
	padding: 0;
}

article ul.gallery {
	border: none;
	list-style: none;
	overflow: hidden;
}

article .gallery li {
	float: left;
	width: 22.5%;
	margin: 20px 0 0 2.5%;
	border: none;
	padding: 0;
}

.gallery-caption {
	display: none;
}

.social-media {
	overflow: hidden;
}

.social-media.top {
	padding-bottom: 11px;
	border-bottom: 2px solid #B3B3B3;
	margin-bottom: 10px;
	margin-top: 7px;
}

.social-media .category {
	float: left;
}

.social-media .buttons {
	float: right;
}

.social-media.bottom {
	margin: 40px 0 10px;
}

.social-media.bottom .buttons {
	float: left;
}

.social-media.bottom .more-posts-by {
	float: right;
}

.social-media.bottom .more-posts-by p {
	margin: 0;
	background: transparent url('/graphics/rarr-small.gif') right center no-repeat scroll;
	padding-right: 15px;
}

.social-media.bottom .more-posts-by a {
	font-weight: bold;
}

.comments-flag {
	float: left;
	margin-right: 12px;
}

.site-content .comments-flag .category-name {
	background-position: -300px 50%;
	font-size: 10px;
}

.comments-label {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	clear: none;
	font-size: 13px;
	padding: 3px 7px;
	margin-top: 5px;
	line-height: 1.5;
}

.fb-like, .twitter-button {
	float: left;
	vertical-align: top;
}

.fb-like {
	margin-right: 12px;
}

.twitter-share-button[style] { vertical-align: text-bottom !important; }

.social-media .category-name {
	border: none;
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Google Custom Search */

.content-area .cse .gsc-control-cse, .content-area .gsc-control-cse {
	padding: 1em 0;
}

.gsc-control-cse {
font-family: Verdana, sans-serif;
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-control-cse .gsc-table-result {
font-family: Verdana, sans-serif;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #CCCCCC;
background-color: #FFFFFF;
}
.gsc-tabHeader.gsc-tabhActive {
border-color: #CCCCCC;
border-bottom-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-tabsArea {
border-color: #CCCCCC;
}
.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover,
.gsc-imageResult:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b {
color: #1155CC;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b {
color: #1155CC;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b {
color: #1155CC;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b,
.gs-imageResult a.gs-title:active,
.gs-imageResult a.gs-title:active b {
color: #1155CC;
}
.gsc-cursor-page {
color: #1155CC;
}
a.gsc-trailing-more-results:link {
color: #1155CC;
}
.gs-webResult .gs-snippet,
.gs-imageResult .gs-snippet,
.gs-fileFormatType {
color: #333333;
}
.gs-webResult div.gs-visibleUrl,
.gs-imageResult div.gs-visibleUrl {
color: #009933;
}
.gs-webResult div.gs-visibleUrl-short {
color: #009933;
}
.gs-webResult div.gs-visibleUrl-short {
display: none;
}
.gs-webResult div.gs-visibleUrl-long {
display: block;
}
.gs-promotion div.gs-visibleUrl-short {
display: none;
}
.gs-promotion div.gs-visibleUrl-long {
display: block;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #CCCCCC;
background-color: #FFFFFF;
color: #1155CC;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #CCCCCC;
background-color: #FFFFFF;
color: #1155CC;
}
.gsc-webResult.gsc-result.gsc-promotion {
border-color: #F6F6F6;
background-color: #F6F6F6;
}
.gsc-completion-title {
color: #1155CC;
}
.gsc-completion-snippet {
color: #333333;
}
.gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link *,
.gs-promotion .gs-snippet a:link {
color: #1155CC;
}
.gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited *,
.gs-promotion .gs-snippet a:visited {
color: #1155CC;
}
.gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover *,
.gs-promotion .gs-snippet a:hover {
color: #1155CC;
}
.gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active *,
.gs-promotion .gs-snippet a:active {
color: #1155CC;
}
.gs-promotion .gs-snippet,
.gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right *  {
color: #333333;
}
.gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl-short {
color: #009933;
}

/* MAGAZINE */

.issues {
	list-style: none;
	margin: 0;
	padding: 0;
}

.issues li {
	margin-left: 2.12765957%;
	width: 23.40425532%;
	float: left;
	margin-bottom: 20px;
}

.issues li.column-1 {
	margin-left: 0;
	clear: left;
}

.issues a {
	display: block;
	overflow: hidden;
}

.issues img {
	vertical-align: bottom;
	width: 100%;
}

.issues p, .issue-date {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	margin: 6px 0 0;
	line-height: 1.4;
}

.issues strong {
	font-size: 12px;
}

.issue-date {
	display: block;
	font-weight: bold;
	color: #B3B3B3;
	margin: 0 0 6px;
	font-size: 12px;
}

.magazine .featured.content-container {
	margin-bottom: 0;
}

.magazine .featured-post {
	padding-bottom: 36px;
	background: transparent url('/graphics/slash-sep.gif') bottom center repeat-x scroll;
	margin-bottom: 25px;
}

.magazine .featured-post p {
	margin-top: 12px;
}

.magazine .featured-post img {
	width: 55%;
}

.magazine .featured-post .post-details {
	width: 42.5%;
	padding-left: 2.5%;
}

.magazine-buttons {
	overflow: hidden;
	margin-top: 20px;
}

.magazine-buttons a {
	display: block;
	float: left;
	background-color: #ED1C24;
	padding: 3px 7px;
	color: #FFF;
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

.magazine-buttons a:link, .magazine-buttons a:visited, .magazine-buttons a:hover, .magazine-buttons a:active {
	color: #FFF;
}

.current-issue h1 {
	margin-bottom: 8px;
}

.current-issue span {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #B3B3B3;
	font-size: 12px;
	margin-top: 6px;
	display: block;
}

.current-issue .sep {
	display: inline;
}

.in-these-stores .jumplist, .in-these-stores .totop {
	display: none;
}

.in-these-stores .content-half {
	width: 40%;
	margin-right: 5%;
	float: left;
}

.in-these-stores h1 {
	margin-top: 20px;
}

.in-these-stores dt.province {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
	line-height: 24px;
	margin: 20px 0 0 0;
}

.in-these-stores dd, .in-these-stores dt {
	margin: 0;
	padding: 0;
}

.in-these-stores dt {
	margin-top: 8px;
}

.featured-writers {
	padding: 21px 0 0 0;
	background: transparent url('/graphics/slash-sep.gif') top center repeat-x scroll;
	margin: 20px 0 0 0;
	overflow: hidden;
	line-height: 1.25;
}

.featured-writers .category-icon {
	background-position: -39px -980px;
}

.featured-writers .author-thumbnail {
	display: none;
}

.featured-writers h3 {
	clear: none;
	float: left;
	margin: 9px 0 0 2px;
}

.featured-writers ul {
	border-top: 4px solid #000;
	clear: both;
	padding: 0;
	margin: 0;
	list-style: none;
}

.featured-writers li {
	padding: 10px 0 0 77px;
	overflow: hidden;
	margin-top: 10px;
	border-top: 2px solid #B3B3B3;
	font-size: 18px;
}

.featured-writers li.featured-writer-1 {
	padding-top: 0;
	margin-top: 15px;
	border-top: none;
}

.featured-writers img {
	display: block;
	float: left;
	margin-left: -77px;
}

.featured-writers h4 {
	font-weight: bold;
	clear: right;
	font-size: 20px;
}

.featured-writers .writer-post-2, .featured-writers .writer-post-3 {
	display: none;
}

.excerpt-city:link, .excerpt-city:visited {
	font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	display: block;
	float: left;
	margin-top: 5px;
	clear: right;
}

.excerpt-city:hover, .excerpt-city:active {
	text-decoration: none;
}

.archive-blurb {
	background-color: #EEE;
	padding: 16px 20px;
	margin: 20px 0 0;
}

.archive-blurb p, .archive-blurb ul {
	margin: 0;
	font-size: 14px;
}

.archive-blurb ul {
	margin: 20px 0 0;
	border-top: 1px solid #B3B3B3;
	padding-top: 8px;
	list-style: none;
}

.archive-blurb li {
	padding-bottom: 8px;
	border-bottom: 1px solid #B3B3B3;
	margin-bottom: 8px;
}

.top-navigation {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
}

.top-navigation ul {
	padding: 10px 0 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	float: left;
}

.top-navigation li {
	border-left: 1px solid #B3B3B3;
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}

.top-navigation li.first {
	border-left: none;
}

.top-navigation li a {
	padding: 1px 7px;
	display: block;
	color: #FFF;
	line-height: 1;
}

.top-navigation li.first a {
	padding-left: 0;
}

.top-navigation li.last a, .top-navigation li.jane-jacobs-prize a {
	padding-right: 0;
}

.top-navigation li.jane-jacobs-prize {
	margin-left: 7px;
}

.top-navigation li.active {
	font-weight: bold;
}

.top-navigation .secondary {
	float: right;
}

/* FOOTER */

.site-footer ul {
	margin: 18px 2.65957447% 36px 0;
	padding: 0 2.65957447% 0 0;
	border-right: 1px solid #666;
	list-style: none;
	min-width: 11.5%;
	float: left;
	color: #FFF;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.site-footer ul.footer-magazine {
	padding-right: 0;
	border-right: none;
	margin-right: 0;
}

.site-footer ul.footer-store {
	padding-left: 2.65957447%;
	border-left: 1px solid #666;
	margin-left: 2.65957447%;
}

.site-footer ul.footer-about {
	margin-right: 12px;
	border-right: none;
}

.site-footer ul.last {
	margin-top: 36px;
	margin-right: 0;
	border-right: none;
}

.site-footer a {
	color: #FFF;
}

.related-posts-home {
	display: none;
}

.responsive-dropdown {
	display: none;
}

.page-id-2 .entry-content a img {
	margin-top: 20px;
}

#featured-writers-below {
	padding-top: 15px;
	border-top: 2px solid #B3B3B3;
	margin-top: 8px;
}

#featured-writers-below .nav-next {
	width: 100%;
}

.site-content.page-search {
	background-image: none;
}

.site-content.page-search .margin-wrapper {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

.site-content.page-search aside {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.related-posts .category-icon, .popular-posts .category-icon {
	display: inline-block;
	margin-top: -6px;
	margin-left: -35px;
	width: 32px;
}

.popular-posts .category-icon {
	margin-top: -8px;
}

.popular-posts .category-icon.curiosities {
	background-position: -4px -210px;
}

.popular-posts .category-icon.headlines {
	background-position: -4px -385px;
}

.popular-posts .category-icon.urban-design {
	background-position: -4px -910px;
}


#post-footer-links {
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	overflow: auto;
	margin-top: 25px;
}

#post-footer-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
	vertical-align: top;
}

#post-footer-links li {
	float: left;
	width: 25%;
	padding: 0 4% 5px;
	margin: 15px 0 5px;
	box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 1.25;
}

#post-footer-links .footer-subscribe {
	width: 28%;
}

#post-footer-links .footer-facebook, #post-footer-links .footer-twitter {
	width: 22.75%;
	border-left: 1px solid #CCC;
	padding: 0 5% 15px;
}

#post-footer-links .footer-twitter {
	width: 22.75%;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#post-footer-links .footer-store {
	width: 26.5%;
}

#post-footer-links img {
	max-width: 100%;
	width: auto;
	height: auto;
	margin-top: 12px;
}

#post-footer-links .footer-store img {
	margin-top: 6px;
}

h1.related, h1.popular {
	background-color: #FFF;
	display: block;
	float: left;
	padding-right: 8px;
	margin-top: -10px;
}


.popular-posts.front-page li {
	padding-top: 8px;
	margin-top: 0;
	border-top: 1px solid #B3B3B3;
}


/* RETINA IMAGES */

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {

	.spacing .topics li, .topics li {
		background-image: url('/graphics/slashes/spacing-2x.gif');
		background-size: 9px 15px;
	}

	.toronto .category-flag .category-name {
		background-image: url('/graphics/topic-boxes/toronto-2x.gif');
		background-size: 600px 41px;
	}

	.toronto .topics li {
		background-image: url('/graphics/slashes/toronto-2x.gif');
		background-size: 9px 15px;
	}

	.montreal .category-flag .category-name {
		background-image: url('/graphics/topic-boxes/montreal-2x.gif');
		background-size: 600px 41px;
	}

	.montreal .topics li {
		background-image: url('/graphics/slashes/montreal-2x.gif');
		background-size: 9px 15px;
	}

	.vancouver .category-flag .category-name {
		background-image: url('/graphics/topic-boxes/vancouver-2x.gif');
		background-size: 600px 41px;
	}

	.vancouver .topics li {
		background-image: url('/graphics/slashes/vancouver-2x.gif');
		background-size: 9px 15px;
	}

	.ottawa .category-flag .category-name {
		background-image: url('/graphics/topic-boxes/ottawa-2x.gif');
		background-size: 600px 41px;
	}

	.ottawa .topics li {
		background-image: url('/graphics/slashes/ottawa-2x.gif');
		background-size: 9px 15px;
	}

	.atlantic .category-flag .category-name {
		background-image: url('/graphics/topic-boxes/atlantic-2x.gif');
		background-size: 600px 41px;
	}

	.atlantic .topics li {
		background-image: url('/graphics/slashes/atlantic-2x.gif');
		background-size: 9px 15px;
	}

	.edmonton .category-flag .category-name {
		background-image: url('/graphics/topic-boxes/edmonton-2x.gif');
		background-size: 600px 41px;
	}

	.edmonton .topics li {
		background-image: url('/graphics/slashes/edmonton-2x.gif');
		background-size: 9px 15px;
	}

	.calgary .category-flag .category-name {
		background-image: url('/graphics/topic-boxes/calgary-2x.gif');
		background-size: 600px 41px;
	}

	.calgary .topics li {
		background-image: url('/graphics/slashes/calgary-2x.gif');
		background-size: 9px 15px;
	}

	.banner-leaderboard.top, .banner-leaderboard.bottom, .main-navigation, .content-container.has-feature, .magazine .featured-post, .featured-writers, .category-lists {
		background-image: url('/graphics/slash-sep-2x.gif');
		background-size: 105px 11px;
	}

	.cities li.active {
		background-image: url('/graphics/city-active-2x.gif');
		background-size: 20px 10px;
	}

	.feed-icons a, .category-icon {
		background-image: url('/graphics/icon-sprites-2x.gif');
		background-size: 70px 1155px;
	}

	.topics-wrapper .fade-to-white {
		background-image: url('/graphics/fade-to-white-2x.png');
		background-size: 35px 75px;
	}

	#expand-topics {
		background-image: url('/graphics/down-arrow-2x.png');
		background-size: 17px 5px;
	}

	.site-content {
		background-image: url('/graphics/double-sep-323-2x.gif');
		background-size: 323px 100px;
	}

	.spacing-sidebar {
		background-image: url('/graphics/double-sep-2x.gif');
		background-size: 6px 100px;
	}

	.featured-post .read-more, .post-listing .read-more, .social-media.bottom .more-posts-by p {
		background-image: url('/graphics/rarr-small-2x.gif');
		background-size: 11px 9px;
	}

	.category-flag .category-name {
		background-image: url('/graphics/topic-boxes/spacing-2x.gif');
		background-size: 600px 41px;
	}

	.widget_search .field {
		background-image: url('/graphics/search-2x.png');
		background-size: 17px 60px
	}

	.paging-navigation .nav-previous a {
		background-image: url('/graphics/larr-2x.gif');
		background-size: 18px 16px;
	}

	.paging-navigation .nav-next a {
		background-image: url('/graphics/rarr-2x.gif');
		background-size: 18px 16px;
	}	

	.topics li.first {
		background: none;
	}

}

/* RESPONSIVE */

@media only screen and (min-width: 0px) {

	.alignleft {
		display: block;
		float: none;
		margin: 20px 0;
	}
	.alignright {
		display: block;
		float: none;
		margin: 20px 0;
	}

	.site-header, .site-footer {
		min-width: 0;
	}

	.site-main, .top-navigation {
		width: 94.79166666%; /* 728 / 768 */
	}

	.site-header hgroup, .site-footer-wrapper, .site-main, .top-navigation {
		padding: 0 2.60416666%; /* 20 / 768 */
	}

	.masthead-wrapper, .site-info, .content-area, .site-content.magazine {
		width: 100%;
	}

	.site-content {
		max-width: 100%;
		width: auto;
	}

	.masthead-wrapper, .site-info, .site-main, .site-content.magazine, .top-navigation {
		max-width: 1200px;
	}

	.site-description, ul.cities li.coming-soon, .featured.spacing-sidebar, .spacing-sidebar, .conditionally-visible, .banner-leaderboard {
		display: none;
	}

	#alphabetical-topics-wrapper li {
		font-size: 11px;
	}

	.site-content {
		padding-right: 0;
		background-image: none;
	}

	.top-navigation li {
		font-size: 10px;
	}

	.masthead-wrapper {
		height: 70px;
	}

	.spacing .masthead-wrapper {
		height: 90px;
	}

	.site-title img {
		width: 100%;
	}

	.feed-icons a {
		display: none;
	}

	.feed-icons .search {
		display: block;
	}

	ul.cities {
		float: right;
	}

	ul.cities li, .topics-wrapper {
		display: none;
	}

	ul.cities li.feeds {
		display: block;
	}

	.site-footer ul {
		font-size: 11px;
		line-height: 1.75;
	}

	.site-footer .footer-about-wrapper {
		overflow: hidden;
		clear: left;
	}

	.site-footer ul.footer-store {
		border-right: none;
	}

	.site-footer ul.footer-about {
		margin-top: 0;
	}

	.site-footer ul.last {
		margin-top: 18px;
	}

	.responsive-dropdown {
		display: block;
		margin: 10px 0;
		overflow: hidden;
	}

	.responsive-dropdown span {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 1px;
		min-width: 80px;
		display: block;
		float: left;
		clear: left;
		padding-top: 2px;
	}

	.responsive-dropdown select {
		display: block;
		float: left;
		width: 60%;
		font-size: 13px;
	}

	.cities .feeds {
		padding: 25px 20px 15px 0;
	}

	.category-lists {
		margin-bottom: 25px;
	}

	.category-lists > li {
		width: 100%;
	}

	.category-lists li.category-1, .category-lists li.category-3, .category-lists li.category-5, .category-lists li.category-2, .category-lists li.category-4, .category-lists li.category-6 {
		padding-left: 0;
		clear: left;
		padding-bottom: 12px;
		border-top: 2px solid #B3B3B3;
		padding-top: 15px;
	}

	.category-lists li.category-1 {
		border-top: none;
	}

	.category-lists li.category-6 {
		padding-bottom: 0;
	}

	.featured-writers li {
		font-size: 16px;
	}

	.featured-writers h4 {
		font-size: 18px;
	}

	.popular-posts {
		line-height: 1.25;
	}

	.popular-posts li.popular-3 {
		display: block;
	}

	.popular-posts li {
		float: none;
		width: auto;
		margin: 10px 0 0;
		padding: 10px 0 0;
		font-size: 16px;
		border-top: 2px solid #B3B3B3;
	}

	.popular-posts li.even {
		margin-left: 0;
	}

	.popular-posts.front-page li.popular-1 {
		border-top: none;
		margin-top: 0;
	}

	.featured-post img {
		width: 100%;
		margin-bottom: 20px;
	}

	.featured.post-details {
		width: 100%;
		padding-left: 0;
		float: none;
		margin-bottom: 6px;
	}

	.post-listing.with-thumbnail {
		padding-left: 0;
	}

	.post-listing.with-thumbnail h1 {
		clear: none;
		overflow: visible;
	}

	.post-listing.with-thumbnail h1 a {
		display: block;
	}

	.post-listing img {
		width: 40%;
		height: auto;
		float: right;
		margin: 6px 0 10px 15px;
	}

	.category.archive h1.entry-title img {
		float: right;
	}

	.flag-wrapper {
		overflow: hidden;
	}

	.margin-wrapper, .margin-wrapper-archive {
		margin: 0 0 25px 0;
	}

	.social-media.top .fb-like, .social-media.top .twitter-button {
		display: none !important;
	}

	.social-media.top .comments-flag {
		margin-right: 0;
	}

	.margin-wrapper .entry-title {
		font-size: 26px;
	}

	.related-posts {
		margin: 42px 0 24px;
	}

	.social-media.bottom .more-posts-by {
		float: left;
		margin-top: 12px;
		clear: both;
	}

	.comment-disclaimer {
		padding: 8px 10px;
		margin-bottom: 16px;
	}

	.magazine .featured-post img {
		width: 100%;
	}

	.magazine .featured-post .post-details {
		width: 100%;
		padding-left: 0;
	}

	.magazine .cities, .jane-jacobs-prize {
		display: none;
	}

	.magazine #select-nav-cities {
		margin: 15px 0;
	}

	.magazine #select-nav-cities select {
		width: 100%;
	}

	.magazine #select-nav-topics, .magazine #select-nav-cities span {
		display: none;
	}

	.issues li {
		margin-left: 3.125%;
		width: 48.4375%;
		float: left;
		margin-bottom: 15px;
	}

	.issues li.column-1 {
		margin-left: 3.125%;
		clear: none;
	}

	.issues li.odd {
		margin-left: 0;
		clear: left;
	}

	.issues p, .issue-date {
		font-size: 12px;
	}

	.issues strong {
		font-size: 10px;
	}

	.in-these-stores .content-half {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	#post-footer-links li {
		font-size: 10px;
	}

}

@media only screen and (min-width: 400px) {

	.spacing .masthead-wrapper {
		height: 100px;
	}

	.site-footer ul {
		font-size: 12px;
		line-height: 1.5;
	}

	#post-footer-links li {
		font-size: 12px;
	}

}

@media only screen and (min-width: 440px) {

	.masthead-wrapper {
		height: 90px;
	}

	.spacing .masthead-wrapper {
		height: 110px;
	}

}

@media only screen and (min-width: 480px) {

	.alignleft {
		display: inline;
		float: left;
		margin: 1em 1.5em 0.75em 0;
	}
	.alignright {
		display: inline;
		float: right;
		margin: 1em 1em 0.75em 1.5em;
	}

	.top-navigation li {
		font-size: 11px;
	}

	.category-lists > li {
		width: 47.5%;
	}

	.category-lists li.category-1, .category-lists li.category-3, .category-lists li.category-5 {
		padding-left: 0;
		clear: left;
	}

	.category-lists li.category-2, .category-lists li.category-4, .category-lists li.category-6 {
		padding-left: 5%;
		clear: none;
	}

	.category-lists li.category-1, .category-lists li.category-2, .category-lists li.category-3, .category-lists li.category-4 {
		padding-bottom: 12px;
	}

	.category-lists li.category-3, .category-lists li.category-4, .category-lists li.category-5, .category-lists li.category-6 {
		border-top: 2px solid #B3B3B3;
		padding-top: 15px;
	}

	.category-lists li.category-2 {
		border-top: none;
	}

	.featured-writers li {
		font-size: 18px;
	}

	.featured-writers h4 {
		font-size: 20px;
	}

}

@media only screen and (min-width: 568px) {

	.conditionally-visible {
		display: inline;
	}

	/*
	.popular-posts li {
		float: left;
		margin: 0;
		padding: 0;
		width: 48.33333333%;
		margin-left: 3.33333333%;
		border-top: none;
	}

	.popular-posts li.popular-1 {
		margin-top: 0;
	}

	.popular-posts li.popular-3 {
		display: none;
	}
	*/

	.social-media.top .fb-like, .social-media.top .twitter-button {
		display: block !important;
	}

	.social-media.top .comments-flag {
		margin-right: 12px;
	}

	.margin-wrapper .entry-title {
		font-size: 28px;
	}

}

@media only screen and (min-width: 600px) {

	.popular-posts.front-page li {
		float: left;
		width: 48.75%;
		margin-right: 1.25%;
	}

	.popular-posts.front-page li.even {
		margin-right: 0%;
		margin-left: 1.25%;
	}

	.popular-posts.front-page li.popular-2 {
		border-top: none;
		margin-top: 0;
	}

	.featured-post img {
		width: 60.13333333%;
		margin-bottom: 0;
	}

	.featured.post-details {
		width: 36.53333333%;
		padding-left: 3.33333333%;
		float: right;
		margin-bottom: 0;
	}

	.post-listing.with-thumbnail {
		padding-left: 245px;
	}

	.post-listing img {
		width: auto;
		height: auto;
		margin-left: -245px;
		margin-top: -28px;
		float: left;
	}

	.category.archive h1.entry-title img {
		float: left;
	}

	.post-listing.with-thumbnail h1 {
		clear: none;
	}

	.category-lists > li {
		width: 31%;
	}

	.category-lists li.category-1, .category-lists li.category-4 {
		padding-left: 0;
		clear: left;
	}

	.category-lists li.category-2, .category-lists li.category-3, .category-lists li.category-5, .category-lists li.category-6 {
		padding-left: 3.5%;
		clear: none;
	}

	.category-lists li.category-1, .category-lists li.category-2, .category-lists li.category-3 {
		padding-bottom: 12px;
		border-top: none;
		padding-top: 10px;
	}

	.category-lists li.category-4, .category-lists li.category-5, .category-lists li.category-6 {
		border-top: 2px solid #B3B3B3;
		padding-top: 15px;
	}

	.margin-wrapper, .margin-wrapper-archive {
		margin: 20px 3.5%;
	}

	.related-posts {
		margin: 48px 48px 54px 24px;
	}

	.social-media.bottom .more-posts-by {
		clear: none;
		float: right;
		margin-top: 0;
	}

	.comment-disclaimer {
		padding: 16px 20px;
	}

	.magazine .featured-post img {
		width: 40%;
	}

	.magazine .featured-post .post-details {
		width: 57%;
		padding-left: 3%;
	}

	.magazine .cities {
		display: block;
	}

}

@media only screen and (min-width: 640px) {

	.top-navigation li {
		font-size: 12px;
	}

	.masthead-wrapper, .spacing .masthead-wrapper {
		height: 110px;
	}

	.site-footer .footer-about-wrapper {
		clear: none;
	}

	.site-footer ul.footer-store {
		border-right: 1px solid #666;
	}

	.site-footer ul.footer-about {
		margin-top: 18px;
	}

	.site-footer ul.footer-about {
		margin-bottom: 0;
	}

	.site-footer ul.last {
		margin-top: 0;
		clear: left;
	}

}

@media only screen and (min-width: 700px) {

	ul.cities {
		float: none;
	}

	ul.cities li, .topics-wrapper, .jane-jacobs-prize {
		display: block;
	}

	.cities .feeds {
		padding: 16px 0 0;
	}

	.responsive-dropdown {
		display: none;
	}


	#alphabetical-topics-wrapper li {
		font-size: 12px;
	}

	.margin-wrapper, .margin-wrapper-archive {
		margin: 40px 7%;
	}

}

@media only screen and (min-width: 760px) {

	#alphabetical-topics-wrapper li {
		font-size: 13px;
	}

	.site-footer ul.last {
		clear: none;
		margin-top: 36px;
	}

}

@media only screen and (min-width: 768px) {

	.feed-icons a {
		display: block;
	}

	.related-posts-home {
		margin-top: 16px;
	}

	.related-posts-home h1 {
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
	}

	.related-posts-home ul {
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none;
	}

	.related-posts-home li {
		margin-top: 6px;
	}

	.related-posts-home li.related-2 {
		border-top: 2px solid #B3B3B3;
		padding-top: 6px;
	}

	.post-listing.with-thumbnail {
		padding-left: 245px;
	}

	.post-listing img {
		width: 225px;
		height: auto;
		margin-left: -245px;
	}

	.social-media.top {
		margin-top: 0;
	}

	.margin-wrapper-archive {
		margin-top: 20px;
	}

	.page .margin-wrapper {
		margin-top: 40px;
	}

	.margin-wrapper-archive .page-header {
		margin-bottom: 36px;
	}

	.margin-wrapper .entry-title {
		font-size: 32px;
	}

	.margin-wrapper .entry-meta, .margin-wrapper .author-byline {
		font-size: 14px;
		margin: 12px 0 36px;
	}

	.margin-wrapper article.post, .margin-wrapper article.page, .margin-wrapper .commentlist {
		font-size: 18px;
	}

	.banner-leaderboard {
		display: block;
	}

	.category-lists {
		margin-bottom: 0;
	}

	.issues p, .issue-date {
		font-size: 14px;
	}

	.issues strong {
		font-size: 12px;
	}

	.issues li {
		margin-left: 2.12765957%;
		width: 23.40425532%;
		margin-bottom: 20px;
	}

	.issues li.odd {
		margin-left: 2.12765957%;
		clear: none;
	}

	.issues li.column-1 {
		margin-left: 0;
		clear: left;
	}

	.in-these-stores .content-half {
		width: 40%;
		margin-right: 5%;
		float: left;
	}

}

@media only screen and (min-width: 825px) {

	#alphabetical-topics-wrapper li {
		font-size: 14px;
	}

	.related-posts-home {
		display: block;
	}

	/*
	.popular-posts li {
		width: 31.5%;
		margin-left: 2.75%;
	}

	.popular-posts li.popular-3 {
		display: block;
	}
	*/


}

@media only screen and (min-width: 870px) {

	.site-description, .spacing-sidebar {
		display: block;
	}

	.feed-icons .search, .search-page-search-form {
		display: none;
	}

	.feed-icons .search.has-featured {
		display: block;
	}

	.site-content {
		padding-right: 340px;
		background-image: url('/graphics/double-sep-323.gif');
	}

	.featured.site-content, .site-content.magazine {
		padding-right: 0;
		background-image: none;
	}

	.post-listing.with-thumbnail {
		padding-left: 42.98245614%;
	}

	.post-listing img {
		width: 69.23076923%;
		height: auto;
		margin-left: -75.38461528%;
	}

	.category-lists > li {
		width: 47.5%;
	}

	.category-lists li.category-1, .category-lists li.category-3, .category-lists li.category-5 {
		padding-left: 0;
		clear: left;
	}

	.category-lists li.category-2, .category-lists li.category-4, .category-lists li.category-6 {
		padding-left: 5%;
		clear: none;
	}

	.category-lists li.category-1, .category-lists li.category-2, .category-lists li.category-3, .category-lists li.category-4 {
		padding-bottom: 12px;
	}

	.category-lists li.category-3, .category-lists li.category-4, .category-lists li.category-5, .category-lists li.category-6 {
		border-top: 2px solid #B3B3B3;
		padding-top: 15px;
	}

	.social-media.top {
		margin-top: 7px;
	}

	.margin-wrapper, .margin-wrapper-archive {
		margin: 0;
	}

	.margin-wrapper-archive {
		margin-top: 0;
	}

	.page .margin-wrapper {
		margin-top: 0;
	}

	.margin-wrapper-archive .page-header {
		margin-bottom: 0;
	}

	.margin-wrapper .entry-title {
		font-size: 28px;
	}

	.margin-wrapper .entry-meta, .margin-wrapper .author-byline {
		font-size: 12px;
		margin: 6px 0;
	}

	.margin-wrapper article.post, .margin-wrapper article.page, .margin-wrapper .commentlist {
		font-size: 16px;
	}

}

@media only screen and (min-width: 870px) and (-o-min-device-pixel-ratio: 5/4), only screen and (min-width: 870px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 870px) and (min-resolution: 120dpi) {

	.site-content {
		background-image: url('/graphics/double-sep-323-2x.gif');
		background-size: 323px 100px;
	}

}

@media only screen and (min-width: 960px) {

	ul.cities li.coming-soon {
		display: block;
	}

	.featured.spacing-sidebar {
		display: block;
	}

	.feed-icons .search.has-featured {
		display: none;
	}

	.featured.site-content {
		padding-right: 340px;
		background-image: url('/graphics/double-sep-323.gif');
	}

	.site-content.magazine {
		background: none;
	}

	.related-posts-home {
		display: none;
	}

	.related-posts-home ul {
		width: 80%;
	}

	/*
	.popular-posts li {
		width: 48.33333333%;
		margin-left: 3.33333333%;
	}

	.popular-posts li.popular-3 {
		display: none;
	}
	*/

	.post-listing.with-thumbnail {
		padding-left: 245px;
	}

	.post-listing.with-thumbnail img {
		width: auto;
		height: auto;
		margin-left: -245px;
	}

	.category-lists > li {
		width: 31%;
	}

	.category-lists li.category-1, .category-lists li.category-4 {
		padding-left: 0;
		clear: left;
	}

	.category-lists li.category-2, .category-lists li.category-3, .category-lists li.category-5, .category-lists li.category-6 {
		padding-left: 3.5%;
		clear: none;
	}

	.category-lists li.category-1, .category-lists li.category-2, .category-lists li.category-3 {
		padding-bottom: 12px;
		border-top: none;
		padding-top: 10px;
	}

	.category-lists li.category-4, .category-lists li.category-5, .category-lists li.category-6 {
		border-top: 2px solid #B3B3B3;
		padding-top: 15px;
	}

	.magazine .featured-post img {
		width: 55%;
	}

	.magazine .featured-post .post-details {
		width: 42.5%;
		padding-left: 2.5%;
	}

}

@media only screen and (min-width: 960px) and (-o-min-device-pixel-ratio: 5/4), only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 120dpi) {

	.featured.site-content {
		background-image: url('/graphics/double-sep-323-2x.gif');
		background-size: 323px 100px;
	}

	.site-content.magazine {
		background: none;
	}

}

@media only screen and (min-width: 980px) {

	.site-main, .top-navigation {
		width: 95.91836735%; /* 728 / 768 */
	}

	.site-header hgroup, .site-footer-wrapper, .site-main, .top-navigation {
		padding: 0 2.04081633%; /* 20 / 980 */
	}

	.margin-wrapper, .margin-wrapper-archive {
		margin-top: 15px;
	}

	.margin-wrapper-archive {
		margin-top: 10px;
	}

}

@media only screen and (min-width: 1000px) {

	.margin-wrapper, .margin-wrapper-archive {
		margin-right: 2%;
	}

}

@media only screen and (min-width: 1025px) {

	.margin-wrapper, .margin-wrapper-archive {
		margin-top: 25px;
		margin-right: 6.5%;
	}

	.margin-wrapper-archive {
		margin-top: 10px;
	}

	.page .margin-wrapper {
		margin-top: 20px;
	}

	.margin-wrapper-archive .page-header {
		margin-bottom: 18px;
	}

	.margin-wrapper .entry-title {
		font-size: 30px;
	}

	.margin-wrapper .entry-meta, .margin-wrapper .author-byline {
		font-size: 13px;
		margin: 9px 0 27px;
	}

	.margin-wrapper article.post, .margin-wrapper article.page, .margin-wrapper .commentlist {
		font-size: 17px;
	}

}

@media only screen and (min-width: 1075px) {

	.margin-wrapper, .margin-wrapper-archive {
		margin-top: 40px;
		margin-right: 13.5%;
	}

	.margin-wrapper-archive {
		margin-top: 20px;
	}

	.margin-wrapper-archive .page-header {
		margin-bottom: 36px;
	}

}

@media only screen and (min-width: 1125px) {

	.margin-wrapper, .margin-wrapper-archive {
		margin: 60px 0 40px 0;
		margin-right: 16%;
	}

	.margin-wrapper-archive {
		margin-top: 20px;
	}

	.page .margin-wrapper {
		margin-top: 40px;
	}

	.margin-wrapper-archive .page-header {
		margin-bottom: 36px;
	}

	.margin-wrapper .entry-title {
		font-size: 32px;
	}

	.margin-wrapper .entry-meta, .margin-wrapper .author-byline {
		font-size: 14px;
		margin: 12px 0 36px;
	}

	.margin-wrapper article.post, .margin-wrapper article.page, .margin-wrapper .commentlist {
		font-size: 17px;
	}

	/*
	.popular-posts li {
		width: 31.5%;
		margin-left: 2.75%;
	}

	.popular-posts li.popular-3 {
		display: block;
	}
	*/

	.current-issue span {
		margin-top: 10px;
		text-align: left;
		font-weight: bold;
		font-size: 13px;
	}

	.current-issue .sep {
		display: none;
	}

	.current-issue span a {
		display: block;
		background: transparent url('/graphics/rarr-small.gif') 0 50% no-repeat scroll;
		padding-left: 16px;
	}

	.current-issue span a:hover, .current-issue span a:active {
		text-decoration: underline;
	}

	.spacing .current-issue span a, .magazine .current-issue span a {
		color: #ED1C24;
	}

	.toronto .current-issue span a {
		color: #00B4E0;
	}

	.montreal .current-issue span a {
		color: #EC1C23;
	}

	.vancouver .current-issue span a {
		color: #9D9EA6;
	}

	.ottawa .current-issue span a {
		color: #F7931E;
	}

	.atlantic .current-issue span a {
		color: #00A99D;
	}

	.edmonton .current-issue span a {
		color: #B18D61;
	}

	.calgary .current-issue span a {
		color: #EC1C23;
	}

	.site-content.has-featured-writers {
		background: transparent url('/graphics/double-sep-583.gif') top right repeat-y scroll;
		position: relative;
		box-sizing: border-box;
	}

	.spacing-sidebar {
		position: relative;
	}

	.site-content.has-featured-writers .post-listing, .site-content.has-featured-writers .category-lists, .site-content.has-featured-writers #nav-below {
		margin-right: 260px;
	}

	.featured-writers {
		width: 220px;
		position: absolute;
		top: 0;
		right: 340px;
		background-image: none;
		margin-top: 0;
		padding-top: 0;
	}

	.featured-writers li {
		padding-left: 0;
		font-size: 16px;
	}

	.featured-writers h4 {
		font-size: 18px;
	}

	.featured-writers .author-thumbnail {
		display: block;
		margin: 0 0 8px 0;
	}

	.featured-writers .post-thumbnail {
		display: none;
	}

	.featured-writers .writer-post-1, .featured-writers .writer-post-2, .featured-writers .writer-post-3 {
		display: block;
		padding-top: 6px;
		margin-top: 6px;
		border-top: 1px solid #B3B3B3;
	}

	.featured-writers .writer-post-1 {
		border-top: none;
		padding-top: 0;
		margin-top: 0;
	}

	.featured-writers li {
		border-top-width: 4px;
	}

	.featured-writers .featured-writer-1 {
		border-top-width: 0;
	}	

}

@media only screen and (min-width: 1125px) and (-o-min-device-pixel-ratio: 5/4), only screen and (min-width: 1125px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1125px) and (min-resolution: 120dpi) {

	.current-issue span a {
		background: transparent url('/graphics/rarr-small-2x.gif') 0 50% no-repeat scroll;
		background-size: 11px 9px;
	}

	.site-content.has-featured-writers {
		background: transparent url('/graphics/double-sep-583-2x.gif') top right repeat-y scroll;
		background-size: 583px 100px;
	}

}

@media only screen and (min-width: 1175px) {

	.related-posts-home {
		display: block;
	}

}

@media only screen and (min-width: 1440px) {

	.site-header hgroup, .site-footer-wrapper, .site-main, .top-navigation {
		padding: 0 20px;
	}

	.masthead-wrapper, .site-info, .site-main, .site-content.magazine, .top-navigation {
		max-width: 1400px;
	}

	.banner-leaderboard.top {
		margin-bottom: 25px;
	}

	.bannerless-wrapper {
		padding-left: 260px;
		position: relative;
		background: transparent url('/graphics/double-sep.gif') 237px 0 repeat-y scroll;
	}

	.main-navigation {
		padding-bottom: 0;
		background-image: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 260px;
	}

	.main-navigation li, .cities .feeds {
		float: none;
	}

	ul.cities li.coming-soon, .topics-wrapper .fade-to-white, .topics {
		display: none;
	}

	.cities, .topics-wrapper {
		float: left;
	}

	ul.cities {
		margin-left: 0;
		float: left;
	}

	.cities li {
		padding: 6px 12px 6px 0;
	}

	.cities li.active {
		background-image: none;
	}

	.feed-icons .twitter {
		margin-left: 0;
	}

	.topics-wrapper {
		border-top: none;
	}

	#alphabetical-topics-wrapper {
		display: block;
		float: right;
		border-top: none;
		margin-top: -2px;
		margin-right: 40px;
	}

	#alphabetical-topics-wrapper ul {
		float: none;
		width: auto;
		margin-left: 0;
	}

	#alphabetical-topics-wrapper li, #alphabetical-topics-wrapper li.row-1 {
		margin-top: 6px;
		padding-top: 0;
		border-top: none;
	}

	#alphabetical-topics-wrapper li.current-cat {
		font-weight: bold;
	}

}

@media only screen and (min-width: 1440px) and (-o-min-device-pixel-ratio: 5/4), only screen and (min-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1440px) and (min-resolution: 120dpi) {

	.bannerless-wrapper {
		background: transparent url('/graphics/double-sep-2x.gif') 237px 0 repeat-y scroll;
		background-size: 6px 100px;
	}

}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    .entry-meta a[href]:after {
        content: "";
    }

    .entry-meta a {
    	text-decoration: none;
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .site-header, .banner-leaderboard, .main-navigation, .social-media, .spacing-sidebar, .related-posts, #comments, .site-footer {
    	display: none;
    }

    html, body, #page, .margin-wrapper, .site-content, .content-area, .content-container, .entry-content, .site-main, .bannerless-wrapper {
    	margin: 0;
    	padding: 0;
    	width: 100%;
    	max-width: 100%;
    }

}


.fb-like.fb_iframe_widget span {
	padding-top: 1px;
	vertical-align: top !important;
}

.modal {
  display: none;
  width: 90%;
  max-width: 800px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: top;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(/graphics/modal/close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(/graphics/modal/spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.spacing-films-listing {
	width: 100% !important;
	padding-left: 0 !important;
	border-bottom: 2px solid #B3B3B3;
}

.spacing-films-header {
	border-bottom: 4px solid #000;
}

.spacing-films-featured {
	float: left;
	margin: 16px 0;
	width: 65.5%;
}

.spacing-films-featured img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: bottom;
}

.spacing-films-recent {
	margin: 0;
	padding: 16px 0 0;
	list-style: none;
	float: right;
	width: 31%;
}

.spacing-films-recent.category-posts {
	border-top: none;
	clear: none;
}

.spacing-films-recent.category-posts li:last-child {
	border-bottom: none;
}

@media only screen and (min-width: 0px) {

	.spacing-films-featured, .spacing-films-recent {
		width: 100%;
	}

	.spacing-films-featured {
		margin-bottom: 0;
	}

}

@media only screen and (min-width: 480px) {

	.spacing-films-featured, .spacing-films-recent {
		width: 47.5%;
	}

	.spacing-films-featured {
		margin-bottom: 16px;
	}

}

@media only screen and (min-width: 600px) {

	.spacing-films-featured {
		width: 65.5%;
	}

	.spacing-films-recent {
		width: 31%;
	}

}

@media only screen and (min-width: 870px) {

	.spacing-films-featured, .spacing-films-recent {
		width: 47.5%;
	}

}

@media only screen and (min-width: 960px) {

	.spacing-films-featured {
		width: 65.5%;
	}

	.spacing-films-recent {
		width: 31%;
	}

}