@charset "UTF-8";
/* CSS Document */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	width: 960px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #555;
	background: #fff;
}

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	color: #0B0B61;
	text-decoration: underline;
}

/* header
========================== */

#header {
	/*margin: 18px 0 0 50px;
	width: 274px;
	height: 101px;
	text-align: left;*/
}

#header h1 {
	margin: 18px 0 0 20px;
	width: 274px;
	height: 101px;
	background: url(../images/header-logo.png) no-repeat;
	text-indent: -9000px;
}

#header h1 a {
	height: 101px;
	display: block;
}

h2 {
	padding: 5px 0;
	font: 30px normal normal serif;
	font-family: Georgia, "Times New Roman", Times, serif;

}




/* noflash notice 
========================== */

#swf {
	text-align: center;
}

#swf a {
	padding: 100px 0 0;
	display: block;
}

/* iphone horizontal + poemflow player
========================== */

#iphone-horizontal {
	margin: 35px auto 0;
	width: 899px;
	height: 473px;
	/*background: url(../images/iphone.jpg) no-repeat center top;*/
	background: url(../images/iphone.jpg) no-repeat center top;
	position: relative;
}

/*#next a {
	position: absolute;
	width: 28px;
	height: 88px;
	right: 0;
	top: 158px;
	background: url(../images/flow-nextarrow.png) no-repeat;
}
*/
a#promotion {
	background: none;
	position: absolute;
	display: block;
	right: 0;
	width: 275px;
	height: 140px;
	cursor: pointer;
}

#poemflow {
	position: relative;
	margin: 0 auto;
	top: 33px;
	width: 480px;
	height: 320px;
}

#view-vertical {
	margin: 110px auto 0;
}

/* iphone vertical + full text
========================== */

#iphone-vertical {
	margin: 40px auto 0;
	width: 463px;
	height: 807px;
	background: url(../images/iphone-vertical.jpg);
	display: none;
}

#fulltext-container {
	position: relative;
	margin: 0 auto;
	top: 121px;
	left: 2px;
	width: 320px;
	height: 480px;	
	background:  #fff;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	overflow: hidden;
}

#fulltext {
	padding: 20px 24px;
	text-align: left;
}

#fulltext h3 { /*title*/
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 12px;
	color: #004a80;
}

#fulltext h4 { /*author*/
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px;
	color: #4077a0;
}

#fulltext p.pubdate {
	font-size: 14px;
	margin: 0 0 30px;
	color: #4077a0;
	text-indent: 0;
}


#fulltext p {
	font-size: 18px;
	text-indent: -15px;
	text-align: left;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	color: #333;
}

#fulltext p.h {
	margin: 5px 0 0 15px;
}

#fulltext p.newStanza {
	margin-bottom: 30px;
}

#view-flow {
	margin: 280px auto 0;
}


/* geolocation
========================== */

#geo {
	margin: 0 auto 20px;
}

/* share tab
========================== */

#share {
	margin: 0px auto;
	padding: 20px 0;
	width: 750px;
	background:	#dbedff;
	text-align: left;
	display: none;
}


#share ul {
	margin: 0;
	list-style: none;
}

#share ul li {
	display: inline;
	margin: 0 15px;
	padding: 0;
}

#share ul li a {
	color: #336699;
	text-decoration: none;
}

#share ul li a:hover,
#share ul li a.twitter-share:hover span {
	text-decoration: underline;
}

#share ul li a.twitter-share {
	background: url(http://twitter-badges.s3.amazonaws.com/t_mini-a.png) left no-repeat;
	text-decoration: none;
}

#share ul li a.twitter-share span {
	margin: 0 0 0 20px;
}

#share a span {
	margin: 0 0 0 18px;
}

#share #embed {
	float: right;
	margin: 0 40px 0 0;
}

#share #embed label {
	font-weight: bold;
}

#share input {
	width: 200px;
}


/* addToAny overrides to avoid duplicate listings
========================== */

#a2apage_twitter,
#a2apage_facebook {display: none;}



/* nav
========================== */

#nav {
	text-align: center;
	font-size: 12px;
	list-style: none;
	margin: 0 0 8px;
}

#nav li {
	display: inline;
	border-left: 1px solid #555;
	padding: 0 15px;
}

#nav li:first-child {
	border-left: none;
}

#nav li a {
	padding: 4px 8px 8px;
}

#nav li a.sharetab {
	background: #dbedff;
}

/* badge
========================== */

#badge {
	margin: 0 auto 20px;
	width: 191px;
	height: 59px;
	background: url(../images/badge.jpg) no-repeat;
}

#badge a {
	width: 191px;
	height: 59px;
	display: block;
	text-indent: -9000px;
}

/* footer
========================== */

#footer {
	margin: 40px 0 20px;
	font-size: 10px;
}