/*
** font face
*/

@font-face {
	font-family: 'Gotham-Book';
	src: url('/themes/default/fonts/Gotham-Book.eot');
	src: local('☺'), 
		url('/themes/default/fonts/Gotham-Book.woff') format('woff'), 
		url('/themes/default/fonts/Gotham-Book.ttf') format('truetype'), 
		url('/themes/default/fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Light';
	src: url('fonts/Gotham-Light.eot');
	src: local('☺'), 
		url('/themes/default/fonts/Gotham-Light.woff') format('woff'), 
		url('/themes/default/fonts/Gotham-Light.ttf') format('truetype'), 
		url('/themes/default/fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
** common
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html {font-size: 100%;}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
}

a { text-decoration: none;}

a:focus { outline: none;}

.none { display: none;}

.shaded {
	-moz-box-shadow:rgba(0,0,0,0.2) 0 4px 18px;
	-webkit-box-shadow:rgba(0,0,0,0.0.2) 0 4px 18px;
	-khtml-box-shadow:rgba(0,0,0,0.2) 0 4px 18px;
	box-shadow:rgba(0,0,0,0.2) 0 4px 18px;
}

.invisible {
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/*
** layout
*/

#container { position: relative;}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 10em;
	height: 100%;
	padding: 0 1.5em;
	background: #fff;
	z-index: 100;
}

#content {
	position: relative;
	margin-left: 13em;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 13em;
	z-index: 101;
}

/*
** title
*/

#title,
#baseline {
	font-family: 'Gotham-Light', "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 1.1em;
	line-height: 3em;
	letter-spacing: 0.1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #444;
	background: #fff;
}

#title a {
	display: block;
	color: #444;
}

#title { margin-bottom: 4em;}

#baseline {
	position: fixed;
	top: 0;
	left: 11.8em;
	width: 100%;
	z-index: 2;
}

/*
** navigation 
*/

.navigation {
	font-family: 'Gotham-Book', "Trebuchet MS", Arial, Helvetica, sans-serif;;
	text-transform: uppercase;
	font-size: 0.6em;
}

.navigation .item {
	margin-bottom: .7em;
}

.navigation a { color: #999;}

.navigation a:hover,
.navigation .selected a { color: #000;}

.sections .margin { margin-bottom: 3em;}


.navigation-button {
	cursor: pointer;
	display: none;
	width:  70px;
	height: 70px;
	margin: auto;
	background: transparent url(/themes/default/images/menu.png) 50% 50% no-repeat;
}

/*
** copyright 
*/

.copyright {
	padding: 0.5em 0;

	font-size: 0.6em;
	color: #aaa;
}

/*
** wysiwyg 
*/

.wysiwyg {
	color: #999;
	font-size: 0.7em;
}

.wysiwyg h1 {
	font-size: 0.9em;
	font-family: 'Gotham-Book', "Trebuchet MS", Arial, Helvetica, sans-serif;;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 1em;
}

.wysiwyg p { margin-bottom: 1em;}

.wysiwyg strong,
.wysiwyg a {
	color: #000;
}

.wysiwyg a:hover {
	text-decoration: underline;
}

/*
** page
*/

.page { padding: 10em 0em;}

/*
** images 
*/

.images .item .legend {
	color: #999;
	font-size: .7em;
	letter-spacing: .04em;
	padding-top: .5em;
	text-transform: lowercase;
}

/*
** responsive
*/

@media only screen and ( max-width: 780px ) {


	#container { padding: 20px 10px 10px;}

	#header {
		position: static;
		width: auto;
		height: auto;
		padding: 0em;
		text-align: center;
	}

	#content {
		position: static;
		margin-left: 0em;
	}

	#title { 
		margin-bottom: 0em;
		line-height: 1.5em!important;
	}

	#baseline {
		position: static;
		width: auto;
		font-size: 0.5em;
		line-height: 1.5em!important;
	}

	.navigation-button {
		display: block;
	}

	.navigation {
		display: none;
		padding: 0em 0em 3em;
	}

	.navigation-visible {
		display: block;
	}

	#footer { 
		position: static;
		text-align: center;
	}

	.gallery,
	.gallery .images {
		margin: 0!important;
		width: 100%!important;
	}

	.gallery .item {
		float: none!important;
		width: 100%!important;
		margin-bottom: 10px;
	}

	.gallery .image .img {
		width: 100%!important;
		height: auto!important;
	}

	.page { 
		padding: 0em;
		text-align: center;
	}

}