/*
 * WINWIN.PARTY
 * NETRO - INTERNET AGENCY, BERLIN
 * http://netro.cc/
 */

html, body {
	margin:0;
	padding:0;
	min-height:100%;
}
body {
	font-family:'WINWIN', Sans-Serif;
	font-size:17px;
    line-height: 115%;
	color:#000;
	background-color:#ff0;
}
h1 {
	font-size:30px;
}
h2 {
	font-size:22px;
}
p {
	
}
a {
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

div#close {
	position:fixed;
	top:24px;
	left:24px;
}

div#wrapper {
	margin:50px auto;
	width:96%;
	max-width:980px;
}

div.row {
	margin:0 0 50px 0;
}

div.row2 {
	margin:0 0 30px 0;
}

div.threeColumns div {
	width:31%;
	min-width:290px;
	padding-right:1%;
	margin-bottom:34px;
	display:inline-block;
	vertical-align:top;
	word-wrap:break-word;
}

div.twoColumns div {
	width:48%;
	min-width:320px;
	padding-right:1%;
	margin-bottom:34px;
	display:inline-block;
	vertical-align:top;
	word-wrap:break-word;
}
div.twoColumns ul {
	padding-left:20px;
}

ul.thumbs li {
	width:180px;
	padding:0 8px 8px 0;
	display:inline-block;
}

ul.thumbs img {
	max-width:100%;
}


@media (max-width: 480px) {
	body {
		font-size:17px;
	}
    div#close {
	position:fixed;
	top:2%;
	left:2%;
    }
	div.twoColumns ul {
		padding-left:18px;
	}
    ul.thumbs li {
	width:145px;
	padding:0 6px 6px 0;
    }
}
@media (min-width: 480px) and (max-width: 720px) {
	body {
		font-size:17px;
	}
    div#close {
	position:fixed;
	top:2%;
	left:2%;
    }
	div.twoColumns ul {
		padding-left:18px;
	}
}
@media (min-width: 720px) and (max-width: 1024px) {
	body {
		font-size:17px;
	}
    div#close {
	position:fixed;
	top:2%;
	left:2%;
    }
	div.twoColumns ul {
		padding-left:18px;
	}
}