/* css file */

/*Hi! I'm Kevin, creator of this file. You reading this, means you're working on Jörgs website. Here are some notes:

- All classes and items are displayed in their chronological order

- The background and objects like hexagon/linework was done in Photoshop, as that CSS was just too unnessecarily complicated, long and inefficient if scaling had to change. You can find this .psd file in the sitemap.*/

html {
	margin: auto;
	min-width: 900px;
}
body, html{
    min-height:100%;
    min-width:100%;
}
body {
	background-image: url("images/background.png");
	background-repeat: no-repeat;
	background-size: 1800px;
	background-position: center top;
	background-attachment: scroll;
	min-width: 900px;
	margin: 0;
	height: auto;
	overflow-y: scroll;
}

main {
	max-width: 900px;
	margin: auto;
}

h1{
	font-family: "Source Sans Pro", sans-serif;
	margin: 10 0 0 0px;
	font-size: 50px;
	font-weight: semi-bold;
}

h2 {
	margin: 5 0 0 0px;
	font-family: "Source Sans Pro", "sans-serif";
}

h3 {
	font-family: "Source Sans Pro";
	color: #222222;
}

p, span, .covertext{
	font-family: 'Merriweather', serif;
	font-size: 15px;
	line-height: 30px;
	text-align: left;
	hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
}

b {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 18px;
}


.title{
	text-align: right;
	margin-right: 70px;
	margin-top: 70px
}

.title h1 {
	font-size: 55px;
}

.header1 {
	margin-top: 210px;
}

.intro {
	width: 640px;
	margin-top: 100px;
	margin-left: 160px;
}

.cover {
	width: 100%;
	margin: 0;
}

.coverphoto {
	width: auto;
	height: inherit;
	margin: 0;
	display: inline-block;
	vertical-align: top;
}
.coverphoto img{
	height: 200px;
}

.covertext {
	padding-left: 20px;
	display: inline-block;
	width: 470px;
	font-size: 14px;
	line-height: 26px;
}

/* everything for the download interface */

.selector {
	display: inline-block;
	margin: 150px 0 0;
}

select:hover {
	cursor: pointer;
}

option:hover{
	color: #4A4A4A;
}
select{
	width: 232.5px;
	margin-left:67.5px;
	border: none;
	background-color: #F2F2F2;
	font-size: 17px;
	padding: 4px;
	font-family: "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Book Oblique", "Avenir Book", "Avenir Black Oblique", "Avenir Black", "Avenir Light Oblique", "Avenir Light", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Condensed Bold";
	border-left: 15px solid #86c0f7;
	outline: none;
}

option {
	padding: 10px;
	margin: 0;
	color: #7A7A7A;
	letter-spacing: 1px;
}

/* this has to do with layout from abstract+download*/

.box {
	width: 420px;
	margin-top: 40px;
	display: inline-block;
	vertical-align: top;
	padding-left: 80px;
	overflow-y: scroll;
	height: 600px;
}

.downloads{
	margin-top: 20px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: right;
	line-height: 30px;
	
}

.downloads a {
	color: #86c0f7;
	text-decoration: none;
}


/* this is on about */
.header2{
	margin-top: 0;
	width: 150px;
	vertical-align: top;
	display: inline-block
}

.about {
	margin: 90px 0  0;
	width: 100%;
	padding-left: 0px;
	font-size: 15px;
}

.aboutphoto {
	width: auto;
	height: inherit;
	margin-top: 20px;
	display: inline-block;
	vertical-align: top;
}
.aboutphoto img{
	height: 230px;
}

.abouttext {
	padding-left: 30px;
	display: inline-block;
	width: 430px;
}

/*this is on the footer. Mind the negative margin! */
footer{
	width: 950px;
	height: 150px;;
	background-color: #282828;
	opacity: 60%;
	align-content: center;
	margin-left: -50px;
	padding: 40px 30px 30px 210px;;
}

footer p, a, address {
	font-family: "Source Sans Pro", sans-serif;
	color: #CACACA;
	font-size: 15px;
	font-weight: 100;
	font-style: normal;
	line-height: 20px;
}

.footrow{
	width: 100%;
	margin: 0;
}
.footcol{
	width: 50%;
	display: inline-block;
	float: left;
}

@media (max-width: 900px) {
	body {
	background-position: -450px 0px;
	min-width: 900px;
	}
	main{
		margin: 0;
	}
	footer{
		margin: 0 0 0 -50px;
	}
}