/* Layout structure
---------------------------------------------------------- */

/* spacings */

/* 20px/1024*1000 = 1.953125% */

/* spacings */
.wrap,
nav.primary,
.pagetitle  {
	padding-left: 1.953125%;
	padding-right: 1.953125%;
}

nav.primary,
.pagetitle {
	margin-left: -1.953125%;
	margin-right: -1.953125%;
}

.shorturl {
	margin-left: 1.953125%;
	margin-right: 1.953125%;
}


section.news article h1 a {
	padding-right: 40px;
}

.single .hentry footer,
.webcomic_post footer,
.webcomic_post .entry-content,
#respond {
	padding-left: 3.703703703703704%; /*20/width content*/
	padding-right: 3.703703703703704%;
}

section.news article h1 a,
section.news article time,
section.news article .entry-content {
	padding-left: 3.703703703703704%; /*20/width content*/
}

/* Columns */

.wrap-main {
	max-width: 984px;
	margin: 0 auto;
}

.content {
	margin-right: 4.065040650406504%; /*40/984*/
	width: 71.54471544715447%; /*704/984*/
	max-width: 704px;
}

aside.primary {
	float: right;
	width: 24.390243902439024%; /*240/1024*/
	max-width: 240px;
}

.comic footer{
	max-width: 984px;
	margin: 0 auto;
}

nav.comics {
	margin: 0 auto 24px auto;
	max-width: 704px;
	padding-right: 280px;
}

nav.comics .next-webcomic-link {
    right: 358px;
}

/* Ads
---------------------------------------------------------- */


/* Comic
---------------------------------------------------------- */

.group-comic img {
    max-width: 920px;
}

nav.arrows {
	position: absolute;
	margin: 0;
	width: 100%;
	height: 40px;
}

nav.arrows a {
	position: absolute;
	margin-top: 24px;
}

nav.arrows a.fixed {
	position: fixed;
}

nav.arrows a.previous-webcomic-link {
	left: 0;
	margin-left: 0;
	border-bottom: 30px solid transparent;
    border-right: 30px solid #333;
    border-top: 30px solid transparent;
}

nav.arrows a.previous-webcomic-link:hover {
	border-right: 30px solid #f60;
}

nav.arrows a.next-webcomic-link {
	right: 0;
	margin-right: 0;
	border-bottom: 30px solid transparent;
    border-left: 30px solid #333;
    border-top: 30px solid transparent;
}

nav.arrows a.next-webcomic-link:hover {
	border-left: 30px solid #f60;
}

.home aside.primary .widget:first-child,
.single-webcomic_post aside.primary .widget:first-child {
    border-top: 0 none;
}