@font-face{	font-family: 'Amble-B';	src: url('Amble-Bold.ttf') format('truetype'),		 url('Amble-Bold.eot') format('eot'),		 url('Amble-Bold.otf') format('opentype'),		 url('Amble-Bold.svg') format('svg'),		 url('Amble-Bold.woff') format('woff');}@font-face{	font-family: 'Amble-R';	src: url('Amble-Regular.ttf') format('truetype'),		 url('Amble-Regular.eot') format('eot'),		 url('Amble-Regular.otf') format('opentype'),		 url('Amble-Regular.svg') format('svg'),		 url('Amble-Regular.woff') format('woff');}@font-face{	font-family: 'Calluna';	src: url('Calluna-Regular.woff') format('woff'),		 url('Calluna-Regular.ttf') format('truetype'),		 url('Calluna-Regular.eot') format('eot'),		 url('Calluna-Regular.otf') format('opentype'),		 url('Calluna-Regular.svg') format('svg');}html {height: 100%;}body{	height: 100%;	margin: 0;	padding: 0;}table{	height: 100%;	width: 100%;	border-collapse: collapse;	text-align: center;}td{	height: 100%;	padding: 0;	vertical-align: middle;	horiontal-align:}section{	margin: auto auto;	text-align: left;	width: 300px;}header h1{	font-family: 'Amble-B';	margin-top: 25px;	font-size: 21px;	font-weight: normal;}nav{	font-family: 'Amble-R';	font-size: 14px;}nav  #middle {display: none;}a{	text-decoration: none;	color: black;}a:hover, a:active {text-decoration: underline;}a :visited {color: black;}img {width: 300px;}ul{	padding: 0;	margin: 0 auto;	list-style-type: none;}.artInfo{	text-align: right;	color: #6E6959;	font-size: 11px;}ul li:last-child {display: none;}#info {font-family: 'Calluna';}#authorInfo #first{	color: #6E6959;	font-size: 25px;}#authorInfo #last {font-size: 18px;}#title{	color: #6E6959;	font-size: 15px;}.nowrap {white-space: nowrap;}#more {display: none;}#blank {display: none;}@media all and (min-width: 675px){	section {width: 650px;}	#content {font-size: 18px;}	header h1 {font-size: 50px;}	nav {font-size: 24px;}	#authorInfo #first {font-size: 30px;}	#authorInfo #last {font-size: 20px;}	#title {font-size: 20px;}	img {width: 100%;}	.artInfo {font-size: 13px;}}@media all and (min-width: 1000px){	#moreText {display: none;}	#more {display: block;}	#more:hover {cursor: pointer;}	#blank {display: inline-block;}	section img, #artInfo {display: none;}	img {width: 450px;}	section {width: 450px;}	h1 {font-size: 75px;}	#content {font-size: 20px;}	#origin {font-size: 25px;}	ul {width: 1000px;}	ul li:first-child	{		float: left;		width: 450px;		margin-top: 0;		border-right: 1px solid black;		padding-right: 50px;		margin-right: 25px;	}	ul li:last-child {display: block;}	.artInfo	{		font-size: 14px;	}	nav #middle {display: inline-block;}	nav #cesure {display: none;}}