@charset "UTF-8";
/* CSS Document
Janis Ian
Reading Room Subpages CSS
©2010 Janis Ian
Created 8/4/10 10:34AM
Updated 8/4/10 10:34AM
Validated 8/4/10 10:34AM
CSS code by Steve Wilkison at Digital Vision Media, www.digitalvisionmedia.com */

div#wrapperdiv {
	padding: 0;
}

div.downloadsepdiv {
	margin: 40px auto 40px auto;
	width: 558px;
}

div#listentosamples {
	margin: 30px 20px 15px 280px;
	padding: 10px 10px 0 10px;
	background: #f5c36d;
	width: 400px;
	border: 1px solid #000;
	text-align: center;
}

div.yeardiv {
	margin: 0 0 7px 0;
	padding: 0;
}

div#buydivsingle {
	margin: 20px 0 20px 280px;
}

div#buydivaudible {
	margin: 20px 0 10px 280px;
}

div#buydivaudible img {
	margin: 0 15px 0 0;
	border: 1px solid #000;
}

div#headerdiv {
	height: 323px;
	background: url(../images/reading_04.jpg) top left no-repeat;
	position: relative;
	z-index: 0;
	visibility: visible;
}

div#subnavigationdiv {
	position: relative;
	z-index: 0;
	visibility: visible;
}

div#themailinglist {
	width: 177px;
	height: 57px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 0;
	left: 311px;
}



div#toparticle {
	margin: 40px 0 40px 0;
}

div#contentdiv {
	background: url(../images/reading_31.jpg) top left no-repeat;
	padding: 0 0 30px 0;
}

div#contentdivrr {
	padding: 0 0 30px 0;
}

div#leftdiv {
	width: 580px;
	padding: 60px 30px 0 0;
	margin: 0 0 0 56px;
	float: left;
}

div.article1 {
	background: #f1ebde;
	padding: 20px;
	margin: 0 0 40px 0;
	border: 1px solid #aaa;
}

div.article2 {
	background: #ccc;
	padding: 20px;
	margin: 0 0 40px 0;
}

div#leftdivrr {
	width: 980px;
	background: url(../images/readsubmiddle.png) top left repeat-y;
	padding: 0;
	margin: 0;
}

div#reviews {
	margin: 30px 0 15px 0;
	text-align: center;
}

div#ex {
	margin: 30px 0 15px 0;
	text-align: center;
}

div#thearticles {
	margin: 0 0 25px 300px;
	text-align: center;
}

div#thearticles2 {
	margin: 0 300px 25px 0;
	text-align: center;
}

div#history {
	margin: 40px 0 15px 0;
	text-align: center;
}

div#excerpts {
	margin: 30px 0 15px 0;
	text-align: center;
}

div#leftalbumdiv {
	width: 681px;
	padding: 0;
	margin: 0;
	float: left;
}

div#thecontentdiv {
	padding: 25px 120px 15px 100px;
}

div#toprowdiv {
	width: 746px;
	margin: 0 auto 40px auto;
}

div#secondrowdiv {
	width: 846px;
	margin: 0 auto;
}

div#thirdrowdiv {
	width: 378px;
	margin: 0 auto;
}

div#featuredphoto {
	width: 388px;
	height: 219px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 80px;
	left: 35px;
	background: #fff;
}

div.dividerdiv {
	margin: 30px 0 25px 0;
}

div.dividerrightdiv {
	margin: 30px 0 30px 0;
	background: url(../images/dividerright.png) top right no-repeat;
	overflow: hidden;
	height: 1px;
}

div.dividerrightdivtop {
	margin: 109px 0 30px 0;
	background: url(../images/dividerright.png) top right no-repeat;
	overflow: hidden;
	height: 1px;
}

div#footerdiv {
	height: 5px;
	background: #4f7c8a;
}

div#storediv {
	width: 980px;
	margin: 0 auto;
}

div#creditbardiv {
	height: 30px;
	background: #000;
}

div#creditdiv {
	width: 980px;
	margin: 0 auto;
}

div#featuredleft {
	float: left;
	width: 160px;
	font-size: 90%;
	margin: 0 0 0 35px;
}

div#featuredright {
	float: left;
	width: 233px;
	font-size: 90%;
	margin: 0 0 0 15px;
}

div#linediv {
	height: 1px;
	background: #273e45;
}

div.leftphoto {
	width: 200px;
	float: left;
	margin: 0 15px 15px 0;
}

div#lyricshead {
	width: 628px;
	margin: 25px 0 0 40px;
}

div.rightphoto {
	width: 200px;
	float: right;
	margin: 0 0 15px 15px;
}

div#subnav {
	height: 46px;
	width: 190px;
	margin: 72px 0 0 84px;
}

div.albumdiv {
	width: 194px;
	float: left;
	text-align: center;
	margin: 0 30px 0 0;
}

div.albumdivrs {
	width: 194px;
	float: left;
	text-align: center;
	margin: 0;
}

div.albumdiv174 {
	width: 174px;
	float: left;
	text-align: center;
	margin: 0 30px 0 0;
}

div.albumdiv174rs {
	width: 174px;
	float: left;
	text-align: center;
	margin: 0;
}

div.albumdiv166 {
	width: 166px;
	float: left;
	text-align: center;
	margin: 0;
}

div.albumdiv142 {
	width: 142px;
	float: left;
	text-align: center;
	margin: 0 30px 0 0;
}

div#coverdiv {
	width: 252px;
	float: left;
	margin: 30px 25px 0 50px;
}

div#playerdiv {
	width: 340px;
	float: left;
	margin: 25px 0 20px 0;
}

div#buydiv {
	width: 78px;
	margin: 10px 10px 0 43px;
	float: left;
}

div#downloaddiv {
	width: 78px;
	margin: 10px 0 0 0;
	float: left;
}

div#spacerdiv {
	height: 50px;
}

#thepages {
	margin: 0 0 50px 0;
}

/* TEXT */

h1 {
	font-size: 450%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	margin: 20px 0 0 0;
}

h1#booktitle {
	font-size: 300%;
	font-weight: bold;
	margin: 0;
}

h1#audibletitle {
	font-size: 340%;
	margin: 0;
	letter-spacing: 0.1em;
}

h1#advocatetitle {
	font-size: 350%;
	font-weight: bold;
	margin: 0;
}

h2#bookauthor {
	font-size: 200%;
	font-style: italic;
	text-align: left;
	margin: 3px 0 15px 0;
}

h1#eleven {
	margin: 40px 0 0 0;
}

h2 {
	font-size: 220%;
	margin: 10px 30px 30px 0;
	text-align: center;
}

h2#availnow {
	font-size: 220%;
	margin: 10px 30px 15px 0;
	text-align: left;
}

h2#kindle {
	font-size: 220%;
	margin: 20px 30px 15px 0;
	text-align: left;
}

h2.title {
	text-align: left;
	font-size: 250%;
	padding: 0 0 2px 0;
	margin: 0;
	font-weight: bold;
}

h3.author {
	text-align: left;
	font-weight: normal;
	font-style: italic;
	padding: 0 0 2px 0;
	margin: 0;
	font-size: 220%;
}

h3.author.nodate {
	padding: 0 0 10px 0;
}

h4.date {
	font-weight: normal;
	margin: 0 0 10px 0;
}

h2.perfsong {
	text-align: left;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

h2.perfsongmistakes {
	text-align: left;
	font-weight: bold;
	margin: 20px 0 10px 0;
	text-decoration: underline;
}

span.leftside {
	padding-right: 50px;
}

ul#sidetourlist h2 {
	font-size: 100%;
	margin: 10px 0 0 0;
	text-align: right;
}

h3 {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	margin: 0 0 8px 0;
}

div#leftalbumdiv h3 {
	text-align: left;
	margin: 30px 0 0 50px;
	font-size: 200%;
}

div#leftalbumdiv div#coverdiv h3 {
	font-weight: normal;
	margin: 8px 0 4px 0;
	text-align: center;
}

h4 {
	font-size: 190%;
	font-weight: bold;
	margin: 0 0 4px 0;
}

h4.poemtitle {
	font-size: 220%;
}

h4.poemtitlefirst {
	font-size: 220%;
	padding: 30px 0 0 0;
}

div#coverdiv h4 {
	text-align: center;
	font-weight: normal;
	margin: 0;
}

p {
	font-size: 200%;
	margin: 0 0 10px 0;
	line-height: 150%;
}

#thepages p {
	font-size: 230%;
	margin: 0 0 20px 0;
	line-height: 150%;
	text-align: center;
}


div#listentosamples p {
	font-size: 200%;
	line-height: 130%;
	margin: 0 0 15px 0;
}

p.quote {
	text-align: center;
}

p.poem {
	line-height: 140%;
	margin: 0 0 5px 0;
}

p.publishing {
	font-size: 170%;
	font-style: italic;
	padding: 0 0 30px 0;
}

p.riaa {
	font-style: italic;
	padding: 0 60px 0 30px;
}

ol li p {
	font-size: inherit;
}

ol li p.last {
	margin: 0;
}

p#rate {
	padding: 0 0 0 40px;
}

p#advocatesource {
	font-style: italic;
	line-height: normal;
	margin: 0 0 20px 0;
}

p.songlyrics {
	font-style: italic;
	padding: 0 0 0 30px;
}

div#leftalbumdiv p {
	margin: 0 35px 10px 50px;
}

div#leftalbumdiv p.publishing {
	margin: 0 20px 0 50px;
	font-style: italic;
	font-size: 170%;
}

div#leftalbumdiv p.top {
	margin: 0 20px 0 50px;
	font-size: 170%;
	text-align: right;
}

div.albumdiv p.title, div.albumdivrs p.title, div.albumdiv174 p.title, div.albumdiv166 p.title, div.albumdiv142 p.title, div.albumdiv174rs p.title {
	font-size: 180%;
	margin: 0 15px 5px 5px;
	line-height: normal;
}

div.albumdiv p.year {
	font-size: 150%;
	margin: 0;
	line-height: normal;
}

div#rightdiv p.clickforfull {
	font-style: italic;
	font-size: 150%;
	line-height: normal;
	margin: 8px 0 0 0;
}

div#rightdiv p#fulllist {
	font-size: 150%;
	line-height: normal;
	margin: 8px 0 0 0;
}

p.caption {
	margin: 5px 0 0 0;
	text-align: center;
	font-size: 140%;
}

div#rightdiv p.venue {
	margin: 0;
}

p#bonus {
	font-weight: bold;
	margin: 0 0 3px 0;
}

div#rightdiv p {
	margin: 0 0 0 0;
	font-size: 100%;
}

div#featuredright p, div#featuredleft p {
	margin: 0 0 15px 0;
}

div#featuredright p#bonus {
	margin: 0 0 4px 0;
}

/* FORMS */

input#emaillist {
	width: 118px;
	height: 17px;
	margin: 2px 0 0 0;
	padding: 0;
	border: 0;
}

div#sendemailform {
	width: 43px;
	height: 17px;
	position: absolute;
	top: 17px;
	right: 12px;
}

div#emailinput {
	width: 118px;
	height: 17px;
	margin: 15px 0 0 0;
}







/* IMAGES */

#thepages img {
	margin-top: 0;
	margin-right: 25px;
	margin-left: 0;
	margin-bottom: 0;
	border: 1px solid #000;
}

img#hotnews {
	margin: 0 0 10px 0;
}

img#tourdates {
	margin: 0 0 10px 0;
}

div.leftphoto img, div.rightphoto img {
	border: 1px solid #000;
}

img.rightstory {
	float: right;
	border: 1px solid #000;
	margin: 0 0 0 10px;
}

div#coverdiv img#thecover {
	border: 1px solid #000;
}

img.book {
	border: 1px solid #000;
	float: left;
	margin: 0 25px 10px 0;
}

img.book2 {
	border: 1px solid #000;
	float: right;
	margin: 0 0 10px 25px;
}

/* LISTS */

ul#sidetourlist li {
	display: list-item;
	font-size: 190%;
}

div#thecontentdiv ul#articlelist {
	padding: 0;
	margin: 0 0 0 300px;
}

div#thecontentdiv ul#articlelist2 {
	padding: 0;
	margin: 0 300px 0 0;
}

div#thecontentdiv ul#articlelist li {
	display: list-item;
	font-size: 240%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", Times, serif;
	padding: 0 0 12px 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
	list-style: none;
}

div#thecontentdiv ul#articlelist2 li {
	display: list-item;
	font-size: 240%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", Times, serif;
	padding: 0 0 12px 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
	list-style: none;
}

div#thecontentdiv ul, div#thecontentdiv ol {
	padding: 0 0 0 40px;
}

div#thecontentdiv ul li, div#thecontentdiv ol li {
	display: list-item;
	font-size: 200%;
	padding: 0 0 12px 0;
	margin: 0;
	list-style: disc;
	line-height: 150%;
}

div#thecontentdiv ul li p {
	font-size: 100%;
}

div#thecontentdiv ol li {
	list-style: decimal;
}

div#thecontentdiv ol.abc li {
	list-style: lower-alpha;
}

div#thecontentdiv ol#quiz {
	padding: 0 0 0 40px;
	font-weight: bold;
}

div#thecontentdiv ol#quiz ol {
	padding: 0 0 0 40px;
}

div#thecontentdiv ol#quiz ol li {
	font-weight: normal;
	font-size: 100%;
	line-height: 100%;
	padding: 0 0 5px 0;
}

div#thecontentdiv ol ol#tricks li {
	font-weight: normal;
	font-size: 100%;
	line-height: 100%;
	padding: 0 0 5px 0;
	list-style: lower-alpha;
}

dl {
	font-size: 200%;
	line-height: 150%;
	margin-bottom: 20px;
}

dt {
	float: left;
	width: 140px;
}

dd {
	padding-left: 140px;
}

/* LINKS */

div#leftdivrr a {
	color: #325762;
	text-decoration: underline;
}

div#leftdivrr a:hover {
	color: #000;
	text-decoration: underline;
}
	
/* JQUERY SLIDESHOW */

/* rotator in-page placement */
div#insetphoto {
	width: 303px;
	height: 207px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 57px;
	left: 618px;
	background: #000;
}

/* rotator css */
div#insetphoto ul li {
	float: left;
	position: absolute;
	list-style: none;
	top: 0;
}

div#insetphoto ul li.show {
	z-index: 500;
}

div#quote ul li {
	float: left;
	position: absolute;
	list-style: none;
	text-align: right;
	width: 300px;
	font-size: 190%;
}
div#quote ul li.show {
	z-index: 500;
}

div#quote ul li a {
	color: #000;
}

/* JQUERY TOUR DATES */

div.ishidden {
	display: none;
}

div.fulldate {
	margin: 10px 0;
	background: #4f7c8a;
	padding: 10px;
	color: #fff;
	font-size: 100%;
}

div.fulldate p {
	margin: 0;
	padding: 0;
}

#navigationdiv {
	background: url(../images/readingback.jpg) top left no-repeat;
}

#subnavigationdiv {
	background: url(../images/readingsubback.jpg) top left no-repeat;
}