/*
Theme Name: Slacker
Author: web-works.garage.ee
Description: Theme for slacker mag
Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Vollkorn);

/* MAIN */

body { margin: 0px;  font-family: 'Vollkorn', serif; }
body#home {/* background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; moz-background-size: cover; -o-background-size: cover;  background-size: cover; */}
  
a { text-decoration: none; color: #000; }
li { list-style: none; }
ul { margin:0px; padding: 0px;}
p { margin: 0px; }
img { border: none }


/* TYPOGRAPHY */

h1 { font-size: 48px; margin:0px; font-weight: normal; text-transform: uppercase; line-height: 48px; padding-top: 10px; }
h2 { font-size: 14px; margin: 0px; font-weight: normal; }
h3 { font-size: 18px; margin: 0px; font-weight: normal; text-transform: uppercase; padding-bottom: 25px; }

/* HEADER */

#header { margin: 38px 20px 55px 20px; text-transform: uppercase; }
#header img { width: auto; max-width: 100%; }
	#menu { margin-top: 10px; }
		ul.menu { overflow: hidden; text-align: center; }
			li.menu-item { display: inline-block; font-size: 32px; }
			ul.menu li:first-of-type { margin-right: 20px; }
			.current-menu-item a { text-decoration: underline; }
	#header h3 a { text-decoration: underline; }		

/* CONTENT PAGE */

#wrapper { text-align: center; }
	#content {  margin: 0px 20px 38px 20px; display: inline-block; }
	#content img { margin-bottom: 20px; max-width: 100%; height: auto; }
	#team #content { max-width: 1000px; overflow: hidden; }
	#team .person { float: left; width: 508px; margin-bottom: 23px; overflow: hidden; }
	#team .person img { float: left; margin-bottom: 0px; width: 229px; }
	#team .contact { float: left; text-align: left; margin-left: 23px; }
	#team .team-wrapper > div:nth-child(2n) { margin-right: 0px; width: 492px; }
	.cover { text-align: left; }
	.cover img { float: left; width: 50%; margin-bottom: 0px; }
	#home .cover { text-align: center; }
	#home .cover img { float: none; max-width: 500px; width: 100%; }
	#content p { max-width: 1000px; text-align: left; }
	.post-images { max-width: 1000px; position: relative; overflow: hidden; }
	.post { margin-bottom: 60px; }		
	.post-text { text-align: center; max-width: 1000px; }
	.post-text a { font-size: 18px; text-transform: uppercase; }

/* Non-desktop */
	@media screen and (max-width: 480px) {
		ul.menu li:first-of-type {
			display: block;
			margin: 0px;
		}
		li.menu-item {
			font-size: 28px;
		}
		#team .person { width: auto !important; float: none; }
		#team .person img { margin-bottom: 5px; }
		#team .contact { margin-left: 0px; float: none; text-align: center; }
	}