/**
* @projectDescription		flokje.nl - main CSS file
*
* @author					Wouter Smit
* @version					1.0.0
* @modified					11-05-2011 - 15:07
*/
@font-face {
    font-family: 'TodayShop';
    src: url('fonts/todayshop-light-webfont.eot');
    src: url('fonts/todayshop-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/todayshop-light-webfont.woff') format('woff'),
         url('fonts/todayshop-light-webfont.ttf') format('truetype'),
         url('fonts/todayshop-light-webfont.svgz#TodaySHOP-LightRegular') format('svg'),
         url('fonts/todayshop-light-webfont.svg#TodaySHOP-LightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TodayShop';
    src: url('fonts/todayshop-medium-webfont.eot');
    src: url('fonts/todayshop-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/todayshop-medium-webfont.woff') format('woff'),
         url('fonts/todayshop-medium-webfont.ttf') format('truetype'),
         url('fonts/todayshop-medium-webfont.svgz#TodaySHOP-MediumRegular') format('svg'),
         url('fonts/todayshop-medium-webfont.svg#TodaySHOP-MediumRegular') format('svg');
    font-weight: bold;
    font-style: normal;
}

a {
	outline:						none;
}

a:hover {
	text-decoration:				none;
}

a img {
	border:							none;
}

img {
	-moz-user-select:				none;
	-o-user-select:					none;
	-khtml-user-select:				none;
	-webkit-user-select:			none;
	-ms-user-select:				none;
	user-select:					none;
	-moz-touch-callout:				none;
	-o-touch-callout:				none;
	-khtml-touch-callout:			none;
	-webkit-touch-callout:			none;
	-ms-touch-callout:				none;
	touch-callout:					none;
}

.img_wrapper {
	height:							100%;
}

html, body {
	height:							100%;
	margin:							0;
	padding:						0;
}

body {
	font-family:					'TodayShop', 'Trebuchet MS', verdana, sans-serif;
	font-size:						18px;
	line-height:					1.25em;
	background-image:				url('../img/bgtile.png');
	overflow-x:						hidden;
}

p {
	line-height: 1.25em;
}

#wrapper {
	width:							100%;
	height:							100%;
}

#header {
	padding-top:					12px;
}

#logo {
    margin: 26px auto;
    text-align: center;
}

#logo a {
    text-decoration: none;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 2px;
}

/*
#logo {
	width:							194px;
	height:							86px;
	margin:							0 auto;
}
*/

#menu {
	/*width:							664px;*/
	text-align:						center;
}

a.menubutton {
	font-weight:					bold;
	text-decoration:				none;
	margin:							10px 6px;
}

a.menubutton:hover, a.menubutton.active {
	text-decoration:				none;
}

#content {
	position:						absolute;
	top:							152px;
	bottom:							0;
	left:							0;
	width:							100%;
	font-size:                      20px;
}

#home {
	position:						absolute;
	top:							0;
	right:							30px;
	bottom:							30px;
	left:							30px;
}

#home img {
	display:						block;
	max-width:						100%;
	max-height:						100%;
	margin:							0 auto;
}

#awards {
	width:							664px;
	margin:							0 auto;
	text-align:						center;
}

#awards a {
	text-decoration:				none !important;
}

.awards_item {
	/*width:							300px;*/
	margin:							0 auto 12px;
}

.awards_item .title {
    font-size:                      18px;
}

#works {
	width:							780px;
	margin:							0 auto;
}

#works a {
	text-decoration:				none !important;
}

#works_thumbnails {
	text-align:						center;
}

.works_thumbnail {
	display:						inline-block;
	*display:						inline;
	zoom:							1;
	width:							auto;
	height:							160px;
	margin:							2px 5px;
	text-align:						center;
	vertical-align:					top;
}

.works_thumbnail a {
	display:						block;
}

.works_thumbnail.album {
	height:							260px;
}

#works_thumbnails_back {
	display:						block;
	float:							left;
	clear:							both;
	font-weight:					bold;
	width:							100%;
	height:							50px;
	line-height:					50px;
	text-decoration:				none;
	text-align:						center;
}

#album_big_wrapper {
	position:						absolute;
	top:							0;
	right:							30px;
	bottom:							160px;
	left:							30px;
}

#album_big_wrapper img {
	display:						block;
	max-width:						100%;
	max-height:						100%;
	/*width:							auto;
	height:							100%;*/
	margin:							0 auto;
}

#album_big_footer {
	position:						absolute;
	bottom:							0;
	left:							50%;
	margin-left:					-500px;
	width:							1000px;
	height:							130px;
	text-align:						center;
}

#album_big_title {
	height:							30px;
}

#album_big_selector {
	height:							50px;
	float:							right;
	position:						relative;
	left:							-50%;
	text-align:						left;
}

#album_big_selector .arrow {
	position:						absolute;
	width:							50px;
	height:							50px;
	font-size:						24px;
	line-height:					50px;
}

#album_big_selector_arrow_left {
	left:							-50px;
}

#album_big_selector_arrow_right {
	right:							-50px;
	text-align:						right;
}

#album_big_selector_thumbnails_wrap {
	position:						relative;
	left:							50%;
	height:							50px;
}

.album_big_selector_thumbnail {
	float:							left;
	position:						relative;
	margin:							0 2px 0 2px;
}

.album_big_selector_thumbnail:hover,.album_big_selector_thumbnail.active {
	-moz-opacity:					0.5;
	-webkit-opacity:				0.5;
	-o-opacity:						0.5;
	-khtml-opacity:					0.5;
	opacity:						0.5;
}

#album_big_back {
	position:						absolute;
	font-weight:					bold;
	text-decoration:				none;
	line-height:					50px;
	width:							300px;
	height:							50px;
	left:							50%;
	top:							80px;
	margin-left:					-150px;
}

#press {
	width:							664px;
	margin:							0 auto;
}

#press a {
	text-decoration:				none !important;
}

.press_row {
	width:							520px;
	margin:							0 auto;
}

.press_item {
	float:							left;
	width:							240px;
	margin:							10px;
	text-align:						center;
}

#exhibitions {
	width:							664px;
	margin:							0 auto;
	text-align:						center;
}
#exhibitions .title {
	font-weight:					normal;
}

#exhibitions a {
	text-decoration:				none !important;
}

.exhibition_item {
	width:							300px;
	margin:							0 auto;
}

#editorials {
	width:							664px;
	margin:							0 auto;
	text-align:						center;
}

#editorials a {
	text-decoration:				none !important;
}

.editorials_item {
	/*width:							300px;*/
	margin:							0 auto;
}
.editorials_item .description {
	text-align:						justify;
}

.editorials_item .title {
    font-size:                      18px;
}

#about {
	width:							664px;
	padding:						0 10px 0 10px;
	margin:							0 auto;
	margin-top:						-14px;
	text-align:						justify;
}

#contact {
	width:							500px;
	margin:							0 auto;
	line-height:					20px;
}

#contact_wrapper_left {
	float:							left;
	text-align:						right;
	margin-right:					40px;
	width:							300px;
}

#contact_wrapper_right {
	float:							left;
	width:							160px;
	line-height:					36px;
}

.social {
	display:						block;
	height:							22px;
	text-decoration:				none;
	margin-bottom:					14px;
}

.social span {
	display:						block;
	float:							left;
	width:							22px;
	height:							22px;
	margin:							7px 18px 0 0;
	background:						url("../img/sprite_socials.png") no-repeat;
}
.social.facebook span{background-position:0 0}
.social.facebook:hover span{background-position:0 -26px}
.social.linkedin span{background-position:-26px 0}
.social.linkedin:hover span{background-position:-26px -26px}
.social.twitter span{background-position:-52px 0}
.social.twitter:hover span{background-position:-52px -26px}

.title {
	display:						block;
	padding:						5px 0 5px 0;
	font-weight:					bold;
	text-align:						center;
}

.description {
	display:						block;
	padding:						5px 0 5px 0;
	text-align:						center;
}

.seperator {
	height:							1px;
	margin:							20px 0 20px 0;
	background:						#DEDEDE;
	border:							none;
	clear:							both;
}

.textblock {
	text-align:						justify;
	/*line-height:					20px;*/
	text-justify:					newspaper;
}

.info {
	font-size:						18px;
}

.float_left{float:left}
.float_right{float:right}
.clear_left{clear:left}
.clear_right{clear:right}
.clear_both{clear:both}
.align_center{display:block;margin:auto;text-align:center;clear:both}
.image_topleft{margin:0 20px 20px 0}
.image_topright{margin:0 0 20px 20px}