body { 
	/* background-image: url('/images/background_gradient.jpg'); */
	/* background-repeat: repeat-x; */
	/* background-attachment: fixed; */
	background-color: white;

	font: 14px/1.4em Futura, 'Lucida Grande', Verdana;
	color:#000; margin:0px;
	line-height:24px;
}
img { border:0px }
a { color:#00c7ff; text-decoration: none; font-weight:bold }
a:hover { color:black }
h1 { font-weight:36px; margin-top:5px; }
h2 { font-weight:24px; color:#00c7ff  }
h3 { font-size:20px; }
h4 { font-size:14px; }

h1.twtbktitle { background-color: #eee; padding:8px; }

h2.pdflink {background-color: yellow; padding:8px; color:black}

h2.pdflink a {color:black}
h2.pdflink a:hover {color:black}


.header {margin:0px; background-color:#00c7ff; padding:5px}
.header .logo { color:#fefd7e; font-size:22px; line-height:22px; }
.header .logo a {color:#fefd7e; !important}
.header .logo a:hover {color:#fff;}
.header .tag { margin-left:10px; color:white; font-size:16px; line-height:22px; }

.main-holder { margin-bottom:80px}

/* Old .main-content { margin:auto; height:550px; width:1125px; margin-top:25px } */

.main-content { margin:auto; min-width:1125px; margin-top:25px; padding-left:10px; padding-right:10px;}

.twtbkdetails {margin:auto; margin-top:5px; margin-right: 25px; margin-bottom: 10px; }

.twtbkdetailsleft {float:left; width:600px; margin-right:10px; }

.twtbkdetailsright {float:right;  }


.footer {position:fixed; bottom:0px; width:100%; color:white; margin:0px; background-color:#00c7ff; text-align:center; padding:5px}
.footer .global-tweet img { margin-right:10px; vertical-align:text-top}
.footer .global-tweet a:hover {color:white}

.footer a {color:#fefd7e; font-weight:normal}

	.copyright {font-size:12px; font-weight:normal; color:#999; margin:0px; text-align:right; padding-right:5px }
	.copyright a {color:black; font-weight:normal}

ul.nav { list-style:none; margin:0px; padding:0px; }
ul.nav li { display:inline; margin:0px 5px 0px 5px; padding:0px }
ul.nav li a { color:white; font-weight:normal }
ul.nav li a:hover { color:#fefd7e }

div.left { float:left; }
div.right {float:right; }
div.clear {clear:both}


div.index_left {float:left; width:40%; }

div.index_right { float:right; background-image:url(/images/bg_cornerwbks.jpg); background-repeat: no-repeat; width:380px; height:260px; margin:10px; padding:15px; }



input, textarea, select { font: 14px/1.4em Futura, 'Lucida Grande', Verdana; color:#444; padding:5px}
label {  }
input { font-size:18px; padding:7px; }
textarea { }
select { font-size:18px; padding:7px; }

form#magic {display:none}

div.magic {padding-top:125px; text-align:center; font-size:24px; }
div.magic div.title {}
div.magic div.subtitle {}
div.magic div.timing {font-size:11px; color:#666}
div.magic div.spinner {margin-top:25px; margin-bottom:25px}

div.message {margin:auto; padding-top:200px; text-align:center}
div.message { font-size:28px; line-height:36px}
div.message p.return { font-size:18px }
div.message p.return a { font-weight:normal }

div.bookhead {margin:0px 85px 0px 85px; width:880px; text-align:right;}
div.bookwidth {margin:0px 85px 0px 85px; width:880px;}
div.actions {margin-top:40px; font-size:12px}
div.actions ul { list-style:none; margin:0px; padding:0px; }
div.actions ul li { display:inline; margin:0px 10px 0px 10px; padding:0px }
div.actions ul li a { color:#00c7ff; font-weight:normal; cursor:pointer }
div.actions ul li a:hover { color:black }
div.actions ul li a img { margin-right:4px; vertical-align:text-top }
div.actions #play {}
div.actions #pause {display:none}

	.view-nav-back { margin-top:200px; width:75px }
	.view-nav-forward {margin-top:200px; width:75px }
	.view-content {width:900px; height:467px; background-image:url(/images/page.png); }
	
	#book { height:450px; width:900px; }
	#book .page { height:450px; width:900px; }
	#book .page .illustration { padding:20px 0px 0px 15px; margin:0px; width:425px; }
	#book .page .caption {padding:20px 0px 0px 20px; width:425px; height:450px}
	#book .page .caption .message { margin-top:0px; margin-bottom:0px; font-size:32px; line-height:40px;}
	#book .page .caption .stamp { font-size:18px; line-height:28px }
	#book .page .caption .photo-credit {position:relative; top:400px; font-size:10px; color:#666}
	#book .page .caption .photo-credit a {font-weight:normal; color:#666}
	#book .page .caption .photo-credit a:hover {text-decoration:underline}
	
ul.book-list {list-style:none; padding:0px}
ul.book-list li {display:inline; margin:5px}

div.screenname-snapshot { padding:10px; background-color:#f0f0f0; width:300px}
div.screenname-snapshot img.profile-image { float:right; width:75px}

div#profile {width:150px; background-color:grey; display:none}

	table.file-listing {}
	table.file-listing td { font-size:11px; color:#666; padding:5px}
	table.file-listing a { color:#666; font-weight:normal}

div.invisible {display:none}