/*
Theme Name: Go Do See Buy!
Author: Benjamin Greenaway for Paul Minett
Description: Go Do See Buy! the new weekly mini-mag from The Big Issue people. 
Version: 0.1

This theme is copyright 2015 The Big Issue.

size 1 : standard - size 2 : sub 700px (media query)
div.home-teasers (media under 700 no background image)
*/


/* Sections starter fullpage.js for GoDoSeeBuy
 * --------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.courier {
	font-family: "Courier New", Courier, monospace	
}

.red {
	color: #eb2227;
}

.grey {
	color: #6d6d73;
}

.yellow {
	colour:#fed502;
}

a.home-link {
	z-index:9999;
}

div#upper-page {
	position:relative;
	width:1040px;
	margin: 0 auto;
	}

div#lower-page {
	position:relative;
	width:960px;
	margin: 0 auto;
	}

div#footer {
	position:relative;
	width:1040px;
	margin: 0 auto;
	background:#000000;
	color:#ffffff;
	text-align:center;
	margin-bottom:22px;
	font-size:22px;
	}

div#footer h3 {
	position:relative;
	top:-26px;
	line-height:1.5;
}

div#inner-header {
	position:relative;
	width:960px;
	margin: 0 auto;
	background:#000000;
	color:#ffffff;
	text-align:center;
	height:66px;
	margin-bottom:22px;
	font-size:22px;
	}

div#inner-header div.site-index {
	position:relative;
	padding-top:28px;	
}

div.site-info {
	position:relative;
	padding-top:28px;
}

div.site-info a {
	text-decoration:none;
	color:#ffffff;
}

div.recent-editions h3 {
	padding-top:38px;
}

div.recent-editions ul {
	position:relative;
	top:-16px;
	padding-left:130px;
	width:60% auto;
}

div.recent-editions li {
	position:relative;
	height:150px;
    display: inline;
    float:left;
    padding-left:26px;
    padding-right:26px;
}

div.recent-editions li img {
	position:relative;
	width:100px;
	float:left;
}

div.recent-editions li a {
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	width:126px;
}

div.site-index h3 {
	position:relative;
	top:-34px;
}

div.site-index a {
	text-decoration:none;
	color:#ffffff;
}

div#header {
	position:relative;
	width:960px;
	margin: 0 auto;
	}

img.logo {
	position:relative;
	padding:20px 0 0 0;
	width:363px;
}

img.text {
	position:relative;
	padding:36px 0 0 52px;
	width:525px;
}

div.title h1 {
	font-size:50px;
	font-family:arial;
	color: #eb2227;
	font-weight:800;
}

div.title h2{
	font-size:36px;
	color: #6d6d73;
	font-weight:strong;
}


div#cover-part {
	position:relative;
}

div#cover-part a {
	text-decoration:none;
}

div.cover-text {
	position:relative;
	z-index:99;
	top:-200px;
	left:30px;
	}
	
div.cover-text h1 {
	font-size:58px;
	color: #6d6d73;
	letter-spacing:-2 !important;
}

div.cover-text h2 {
	top:-40px;
	font-size:40px;
	color: #eb2227;
	letter-spacing:-2 !important;
}


div.graphic-cover img {
	width:100%;
}

div#lower-home {
	background:#ffffff;

}

div.home-teasers {
	width:100%;
	height:auto;
	padding:20px 0 20px 0;
	clear:both;
	border-bottom:1px black solid;
}


div.teaser-logo {
	position:relative;
	width:30%;
}

div.teaser-text {
	position:relative;
	width:80%;
	padding-right:22px;
	text-align:right;
}

div.home-teasers p {
	position:relative;
	font-size:32px;
	font-weight:800;
	width:580px;
	color:#000000;
	text-align:right;
	padding-right:16px;
	float:right;
}

div.home-teasers a.front-read-more {
	position:relative;
	text-decoration:none;
	color:#000000;
}

div.teaser-text a {
}

div#do {
	background:#feed99;
	height:auto;
	}

div#buy {
	background:#feed99;
	height:auto;
	}

div#com {
	top:-4px;
	background-image: url("img/campaigns_logo.png");
	background-repeat: no-repeat;
    background-position: 240px 18px; 
    border-bottom:none;
}

div#com p {
	width:680px;
}

div.single-body {
	width:1040px;
	text-align:center;
	margin: 0 auto;
}

div.single-inner {
	width:720px;
	text-align:center;
	margin: 0 auto;
}

div.single-inner p {
	padding-top:10px;
	padding-bottom:10px;
}

/* variations for smaller screens */
@media (max-width: 1020px) {
	div#lower-page {
		width:1040px;
		margin:0 0 0 0;
	}

	div#inner-header {
		width:1040px;
	}

	div.home-teasers img {
		position:relative;
		left:30px
	}

	div#com {
	    background-position: 270px 18px; 
	}
	
	div.home-teasers p {
		left:-30px
	}

}


#mc_embed_signup{
	width:480px;
	background:#fff; 
	clear:left; 
	font:14px Helvetica,Arial,sans-serif; 
}