/*Style sheet for Swimming at the Center of the World: Learning to Live and Work in China. An artist's book about the experience of being there. Words and pictures by Sean Justice. */






body {
	margin: 0;
	padding: 0;
	color: black;
	background-color:black;
	background-image: url(bckgrnd2.jpg);

}

a:link {color:black; text-decoration:none;}
a:visited {color:black; text-decoration:none;}
a:hover
{
	color: #C00;
	font-weight: bold;
}



#page {
	background-color: #C4C4B7;
	position: relative;
	margin-top: 3%;
	margin-left:auto;
	margin-right:auto;
	width:950px;

}

#movie {
	background-color:#000;
	position:relative;
	margin-top:3%;
	margin-left:auto;
	margin-right:auto;
	width:768px;
}

#iphonemovie {
	background-color:#000;
	position:relative;
	margin-top:3%;
	margin-left:auto;
	margin-right:auto;
	width:480px;
}

.movietext {
	font: 300 1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif;
	color:#CCC;
	text-align:center;
	
}

#iphone {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}

#iphone a:link {color: #CCC; text-decoration:underline;}
#iphone a:visited {color:#CCC; text-decoration:underline;}

#slideshownav a:link {color: #CCC; text-decoration:underline;}
#slideshownav a:visited {color:#CCC; text-decoration:underline;}


.story-title {
	text-align:center;
	font: 300 1.3em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif;
}
.story-title p.title {
	font-size: 36px;
	
	
}
.story-title p.subtitle {
	position:relative;
	top:-36px;
	font-style:italic; font-size:20px;}
.story-title p.byline {
	position:relative;
	top:-40px;
	font-style:italic; font-size:16px;
	}


.title {
	font: 300 1.3em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif;
	font-size:18px;

}

div.story {padding-left: 20px; padding-right: 20px;}

div.image {
	display:normal;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	border-style:solid;
	border-width:0px;
	visibility: visible;
}
div.topimage {
	position: relative;
	top: -3%;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	border-style:solid;
	border-width:0px;
	display: normal;
	
}div.bookobject {
	position: float;
	top: -10%;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	border-style:solid;
	border-width:0px;
	display: normal;
	
}
p.text {
	display: normal;
	font-style:normal;
	font: 300 1.3em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif;
	margin: 35px;
	padding-left: 10px;
}

p.textx {
	display: normal;
	font-style:normal;
	font: 300 1.3em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif;
	margin: 35px;
	padding-left: 10px;
}

p.dateline {
	display: normal;
	font: 200 .75em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif;
	font-weight:bold;
	padding-left: 24px;
}