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

* {
	margin: 0;
	padding: 0;
}
body {
	background: url('../images/blue-background.jpg') repeat #19234E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 1.5em; 
}
a img {
	border: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
ul {
	list-style: none;
}
	
a:link, a:visited {
	color:#87A3A4;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
}
.container {
	width: 100%;
	max-width: 1120px;
	min-width: 780px;
	margin: 0 auto;
	overflow: hidden;
}

/*  HOME PAGE */

#container-home {
	width: 900px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/table.png') center bottom no-repeat;
}
#stacked {
	width: 100%;
	height: 655px;
	margin-bottom: 45px;
	position: relative;
	background: url('../images/speakers.png') center bottom no-repeat;
}
#current {
	width: 416px;
	position: absolute;
	top: 490px;
	left: 237px;
	background: url('../images/current-over.png') no-repeat;
}
	#current a, #current a:link, #current a:visited {
		 display: block;
		 width: 416px;
		 height: 127px;
	}
	#current a:hover img {
		visibility: hidden;
	}
		
#appearances {
	width: 447px;
	position: absolute;
	top: 386px;
	left: 222px;
	background: url('../images/appearances-over.png') no-repeat;
}
	#appearances a, #appearances a:link, #appearances a:visited {
		 display: block;
		 width: 447px;
		 height: 104px;
	}
	#appearances a:hover img {
		visibility: hidden;
	}
	
#uncollected {
	width: 425px;
	position: absolute;
	top: 281px;
	left: 234px;
	background: url('../images/uncollected-over.png') no-repeat;
}
	#uncollected a, #uncollected a:link, #uncollected a:visited {
		 display: block;
		 width: 425px;
		 height: 108px;
	}
	#uncollected a:hover img {
		visibility: hidden;
	}
#chabon-logo {
	width: 245px;
	position: absolute;
	top: 105px;
	left: 245px;
}
#about {
	width: 142px;
	position: absolute;
	top: 161px;
	left: 496px;
	background: url('../images/about-over.png') no-repeat;
}
	#about a, #about a:link, #about a:visited {
		 display: block;
		 width: 142px;
		 height: 121px;
	}
	#about a:hover img {
		visibility: hidden;
	}
#telegraph {
	width: 192px;
	position: absolute;
	top: 429px;
	left: 634px;
	background: url('../images/telegraph-avenue-over.png') no-repeat;
}
	#telegraph a, #telegraph a:link, #telegraph a:visited {
		 display: block;
		 width: 192px;
		 height: 192px;
	}
	#telegraph a:hover img {
		visibility: hidden;
	}
.logo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*  TELEGRAPH AVE PAGE */

#container-brokeland {
	width: 900px;
	height: 675px;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/brokeland-sidewalk.png') center bottom no-repeat;
}
#buildings {
	width: 100%;
	height: 675px;
	position: relative;
	background: url('../images/brokeland-buildings.png') center bottom no-repeat;
}
#brokeland-storefront {
	width: 100%;
	height: 675px;
	position: relative;
}
#storefront-top {
	width: 100%;
	position: absolute;
	top: 91px;
	left: 79px;
}
#storefront-middle {
	width: 100%;
	position: absolute;
	top: 286px;
	left: 79px;
}
#storefront-bottom {
	width: 100%;
	position: absolute;
	top: 442px;
	left: 79px;
}
#brokeland-sign {
	width: 315px;
	position: absolute;
	top: 310px;
	left: 265px;
}
#indiebound {
	width: 80px;
	position: absolute;
	top: 470px;
	left: 150px;
	background: url('../images/indiebound-over.png') no-repeat;
}
	#indiebound a, #indiebound a:link, #indiebound a:visited {
		 display: block;
		 width: 80px;
		 height: 107px;
	}
	#indiebound a:hover img {
		visibility: hidden;
	}
		
#book-passage {
	width: 68px;
	position: absolute;
	top: 478px;
	left: 278px;
	background: url('../images/book-passage-over.png') no-repeat;
}
	#book-passage a, #book-passage a:link, #book-passage a:visited {
		 display: block;
		 width: 68px;
		 height: 80px;
	}
	#book-passage a:hover img {
		visibility: hidden;
	}
	
#diesel {
	width: 76px;
	position: absolute;
	top: 478px;
	left: 273px;
	background: url('../images/diesel-over.png') no-repeat;
}
	#diesel a, #diesel a:link, #diesel a:visited {
		 display: block;
		 width: 76px;
		 height: 82px;
	}
	#diesel a:hover img {
		visibility: hidden;
	}
		
#brokeland-telegraph {
	width: 61px;
	position: absolute;
	top: 471px;
	left: 532px;
	background: url('../images/telegraph-over.png') no-repeat;
}
	#brokeland-telegraph a, #brokeland-telegraph a:link, #brokeland-telegraph a:visited {
		 display: block;
		 width: 61px;
		 height: 93px;
	}
	#brokeland-telegraph a:hover img {
		visibility: hidden;
	}
#ibooks {
	width: 39px;
	position: absolute;
	top: 539px;
	left: 553px;
	background: url('../images/ibooks-over.png') no-repeat;
}
	#ibooks a, #ibooks a:link, #ibooks a:visited {
		 display: block;
		 width: 39px;
		 height: 40px;
	}
	#ibooks a:hover img {
		visibility: hidden;
	}
#powells {
	width: 84px;
	position: absolute;
	top: 470px;
	left: 630px;
	background: url('../images/powells-over.png') no-repeat;
}
	#powells a, #powells a:link, #powells a:visited {
		 display: block;
		 width: 84px;
		 height: 112px;
	}
	#powells a:hover img {
		visibility: hidden;
	}
#barnes-noble {
	width: 60px;
	position: absolute;
	top: 629px;
	left: 328px;
	background: url('../images/barnes-noble-over.png') no-repeat;
}
	#barnes-noble a, #barnes-noble a:link, #barnes-noble a:visited {
		 display: block;
		 width: 60px;
		 height: 33px;
	}
	#barnes-noble a:hover img {
		visibility: hidden;
	}
#amazon {
	width: 38px;
	position: absolute;
	top: 499px;
	left: 421px;
	background: url('../images/amazon-over.png') no-repeat;
}
	#amazon a, #amazon a:link, #amazon a:visited {
		 display: block;
		 width: 38px;
		 height: 32px;
	}
	#amazon a:hover img {
		visibility: hidden;
	}
#spotify {
	width: 19px;
	position: absolute;
	top: 231px;
	left: 561px;
	background: url('../images/bird-over.png') no-repeat;
}
	#spotify a, #spotify a:link, #spotify a:visited {
		 display: block;
		 width: 19px;
		 height: 29px;
	}
	#spotify a:hover img {
		visibility: hidden;
	}
	
/* INSIDE PAGES */
.sidebar-left {
	float: left;
	width: 18%;
	padding-top: 20px;
	padding-bottom: 15px;
}
.main-content {
	padding: 10px 0;
	width: 82%;
	background: url('../images/blue-trans-bg.png') repeat;
	float: left;
	padding-top: 25px;
	padding-bottom: 15px;
	color: #CCC;
	min-height: 500px;
}
.main-content1 {
	padding: 10px 0;
	width: 82%;
	background: url('../images/blue-trans-bg.png') repeat;
	float: left;
	padding-top: 25px;
	padding-bottom: 15px;
	color: #CCC;
	margin-left: auto;
	margin-right: auto;
}

.page-content {
	float: left;
	width:70%;
	padding: 10px 0;
	position: relative;
}
	.page-content p {
		margin: 0 25px 20px 25px;
	}
.stories h2 {
	margin: 70px 25px 30px 25px;
	text-align: center;
	line-height: 1.25em;
}
.stories h3 {
	margin: -15px 25px 40px 25px;
	text-align: center;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: .825em;
	color: #8B5E3C;
}
.footnote {
	font-size: .75em;
	line-height: 1em;
	width: 75%;
}
.footnote-rule {
	border-top: 1px solid #ccc;
	width: 75%;
	margin-left: 40px;
}
.sidebar2 {
	float: left;
	width: 30%;
	margin-top: 160px;
}
.scholarmatch {
	margin: 80px 40px 20px 30px;
	font-size: 90%;
}

.navbar {
	margin-top: 25px;
}
.navbar, .nav-telegraph img, .nav-about img, .nav-uncollected img, .nav-appear img, .nav-current img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 3px;
}
.nav-telegraph {
	width: 158px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/nav-telegraph-over.jpg') no-repeat;
	padding-bottom: 3px;
}
	.nav-telegraph a, .nav-telegraph a:link, .nav-telegraph a:visited {
		 display: block;
		 width: 158px;
		 height: 25px;
	}
	.nav-telegraph a:hover img {
		visibility: hidden;
	}
.nav-about {
	width: 158px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/nav-about-over.jpg') no-repeat;
	padding-bottom: 3px;
}
	.nav-about a, .nav-about a:link, .nav-about a:visited {
		 display: block;
		 width: 158px;
		 height: 25px;
	}
	.nav-about a:hover img {
		visibility: hidden;
	}
.nav-uncollected {
	width: 158px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/nav-uncollected-over.jpg') no-repeat;
	padding-bottom: 3px;
}
	.nav-uncollected a, .nav-uncollected a:link, .nav-uncollected a:visited {
		 display: block;
		 width: 158px;
		 height: 25px;
	}
	.nav-uncollected a:hover img {
		visibility: hidden;
	}
.nav-appear {
	width: 158px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/nav-appearances-over.jpg') no-repeat;
	padding-bottom: 3px;
}
	.nav-appear a, .nav-appear a:link, .nav-appear a:visited {
		 display: block;
		 width: 158px;
		 height: 25px;
	}
	.nav-appear a:hover img {
		visibility: hidden;
	}
.nav-current {
	width: 158px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/nav-current-over.jpg') no-repeat;
	padding-bottom: 3px;
}
	.nav-current a, .nav-current a:link, .nav-current a:visited {
		 display: block;
		 width: 158px;
		 height: 25px;
	}
	.nav-current a:hover img {
		visibility: hidden;
	}
	
.title {
	margin-left: 25px;
	position: relative;
	margin-top: 45px;
}

/* TIMELINE TABLE */
table {
	margin: 40px 25px 25px 35px;
}
td {
	vertical-align: top;
	padding-bottom: 40px;
}
.timeline-year {
	font: .875em Helvetica, Arial, sans-serif;
	color: #C4A651;
	font-weight: bold;
}
.timeline-city {
	font: .875em Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/* UNCOLLECTED */
.uncollected-row {
	padding: 10px 35px 0 25px;
	clear: both;
}
.uncollected-cat {
	width: 38%;
	float: left;
}
.uncollected-list {
	width: 61%;
	float: left;
	border-left: 1px solid #547573;
	margin-bottom: 50px;
}
	.uncollected-list li {
		margin-left: 10px;
		padding-left: 1.5em;
		text-indent: -1em;
}
	.uncollected-list a:link, .uncollected-list a:visited {
		color: #CCC;
		text-decoration: none;
	}
	.uncollected-list a:hover, .uncollected-list a:active {
		color: #CCC;
		text-decoration: underline;
	}
.uncollected-menu {
	width: 80%;
	margin: 30px 0 20px 20px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: .75em;
	line-height: 1.5em;
}
	.uncollected-menu h3 {
		font-size: inherit;
		color: #8B5E3C;
		font-weight: normal;
		margin-top: 20px;
	}
	.uncollected-menu ul {
		margin-left: 1em;
	}
	.uncollected-menu li {
		padding-left: 1.5em;
		text-indent: -1em;
	}

/* CURRENT PAGE */
#current-box {
	background: url('../images/current-box.png') no-repeat;
	height: 560px;
	margin: 20px 0 10px 10px;
	position: relative;
}
	#current-box img {
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#current-box p {
		margin: 0 10px 10px 10px;
		text-align: center;
	}
#current-reading {
	width: 190px;
	position: absolute;
	top: 5%;
	left: 0;
}
#current-watching {
	width: 190px;
	position: absolute;
	top: 5%;
	right: 0;
}
#current-writing {
	width: 190px;
	padding-top:90px;
	margin-right: auto;
	margin-left: auto;
}
#current-obsessing {
	width: 190px;
	position: absolute;
	bottom: 5%;
	left: 0;
}
#current-listening {
	width: 190px;
	margin-top:70px;
	margin-right: auto;
	margin-left: auto;
}
#current-cooking {
	width: 190px;
	position: absolute;
	bottom: 5%;
	right: 0;
}
.current-list {
	width: 61%;
	float: left;
	border-left: 1px solid #8B5E3C;
	margin-bottom: 50px;
}
	.current-list li {
		margin-left: 10px;
		padding-left: 1.5em;
		text-indent: -1em;
}

/* SEARCH FORM */

#searchwrapper {
	float: left;
	width: 190px;
	height: 25px;
	margin: 12px 30px 0 30px;
	background-image:url('../images/search-bg.png');
	background-repeat:no-repeat; /*important*/
	padding:0 px;
	position:relative; /*important*/
}

#searchwrapper form {
	display: inline;
}
.searchbox {
	border: 0px; /*important*/
	background-color: transparent; /*important*/
	position:absolute; /*important*/
	top:1px;
	left:5px;
	width:160px;
	height:23px;
	outline:none;
}
 
.searchbox_submit {
	border: 0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:167px;
	width:25px;
	height:23px;
}

/* CURRENT */
.post {
	margin: 60px 0 40px 0;
}
.single-post {
	margin: 60px 0 60px 0;
}
	.post h3, .single-post h3 {
		margin: -20px 0 5px 0;
		text-align: center;
		font-size: 1.5em;
		color: #8B5E3C;
	}
	.post h3 a, .single-post h3 a {
		color: #8B5E3C;
	}
.postmetadata {
	text-transform: uppercase;
	font-size: .75em;
	font-family: helvetica, arial, sans-serif;
	text-align: center;
	color:#87A3A4;
}
.post-date {
	font-size: .75em;
	color: #3b4466;
}
.post-edit-link {
	margin: 0;
	padding: 0;
}
#navigation {
	margin: 0 30px;
	text-transform: uppercase;
	font-family: helvetica, arial, sans-serif;
	font-size: .75em;
}
h2.title {
	margin: 60px 0 10px 0;
	text-transform: uppercase;
	font-size: .825em;
	font-family: helvetica, arial, sans-serif;
	text-align: center;
	color:#87A3A4;
	font-weight: normal;
	line-height: 1.25em;
}
.category-list {
	width: 80%;
	margin: 80px 0 20px 15px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: .75em;
	line-height: 1.75em;
}
	.category-list ul {
		margin-left: 1em;
	}
	.category-list li {
		padding-left: 1.5em;
		text-indent: -1em;
	}

/* FOOTER */

#footer {
	text-transform: uppercase;
	font: .75em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: #3b4466;
	position: relative;
	top: 8px;
	left: 18%;
	margin-bottom: 12px;
}


/* ~~miscellaneous float/clear classes~~ */
.fltrt {
	float: right;
	margin-left: 12px;
}
.fltlft {
	float: left;
	margin-right: 12px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

<!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->



/* PAGE GRID */

.gce-page-grid .gce-calendar .gce-caption{ /* Caption at top of calendar */
	color:#333333;
	text-align:center;
}

.gce-page-grid .gce-calendar{ /* Main calendar table */
	width:90%;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	color:#CCCCCC;
}

.gce-page-grid .gce-calendar th{ /* Day headings (S, M etc.) */
	border:1px solid #CCCCCC;
	text-align:center;
	width:14.29%;
	padding:0;
}

.gce-page-grid .gce-calendar td{ /* Day table cells */
	border:1px solid #CCCCCC;
	text-align:center;
	height:80px;
	vertical-align:middle;
	padding:0;
}

.gce-page-grid .gce-calendar .gce-has-events{ /* Table cells with events */
	color: #8B5E3C;
	cursor:pointer;
}

.gce-page-grid .gce-calendar .gce-event-info{ /* Event information */
	display:none; /* Important! */
}

.gce-page-grid .gce-calendar .gce-day-number{ /* Day number span */
	font-size:2em;
}

.gce-page-grid .gce-calendar .gce-today{ /* Table cell that represents today */
	background-color: #87A3A4;
}

.gce-page-grid .gce-calendar .gce-next,
.gce-page-grid .gce-calendar .gce-prev{ /* Previous and next month links */
	cursor:pointer;
	display:inline-block;
	width:7%;
	color: #8B5E3C;
	font-size: 1.25em;
}

.gce-page-grid .gce-calendar .gce-month-title{ /* Month title */
	display:inline-block;
	width:85%;
	font-size: 1.5em;
	margin-bottom: 10px;
	color: #87A3A4;
}

.gce-page-grid .gce-calendar th abbr{ /* Day letter abbreviation */
	border-bottom:none;
}

/* PAGE LIST */

.gce-page-list .gce-list p{ /* Each piece of information in the list */
	margin:0;
}

.gce-page-list .gce-list p span,
.gce-page-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
	color:#666666;
}

.gce-page-list .gce-list .gce-list-event{ /* The event title */
	background-color:#DDDDDD;
}

.gce-page-list .gce-list .gce-list-title{ /* The title (not the same as event title) */
	font-weight:bold;
}

.gce-page-list .gce-list ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

/* WIDGET GRID */

.gce-widget-grid .gce-calendar .gce-caption{
	text-align:center;
}

.gce-widget-grid .gce-calendar{ /* Main calendar table */
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}

.gce-widget-grid .gce-calendar th{ /* Day headings (S, M etc.) */
	width:14.29%;
	border:1px solid #CCCCCC;
	text-align:center;
}

.gce-widget-grid .gce-calendar td{ /* Day table cells */
	color:#CCCCCC;
	width:14.29%;
	border:1px solid #CCCCCC;
	text-align:center;
}

.gce-widget-grid .gce-calendar .gce-has-events{ /* Table cells with events */
	cursor:pointer;
	color:#666666;
}

.gce-widget-grid .gce-calendar .gce-today{ /* Table cell that represents today */
	background-color:#DDDDDD;
}

.gce-widget-grid  .gce-calendar .gce-event-info{ /* Event information */
	display:none; /* Important! */
}

.gce-widget-grid  .gce-calendar .gce-next,
.gce-widget-grid  .gce-calendar .gce-prev{ /* Prev and next month links */
	cursor:pointer;
	display:inline-block;
	width:5%;
}

.gce-widget-grid .gce-calendar .gce-month-title{ /* Month title in caption at top of table */
	display:inline-block;
	width:80%;
}

.gce-widget-grid .gce-calendar th abbr{ /* Day name abbreviations */
	border-bottom:none;
}

/* WIDGET LIST */

.gce-widget-list .gce-list p{ /* Each piece of information in the list */
	margin:0;
}

.gce-widget-list .gce-list p span,
.gce-widget-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
	color:#999999;
}

.gce-widget-list .gce-list .gce-list-event{ /* The event title */
	background-color:#DDDDDD;
}

.gce-widget-list .gce-list .gce-list-title{ /* The title (not the same as event title) */
	font-weight:bold;
}

.gce-widget-list .gce-list ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

/* TOOLTIP */

.gce-event-info{ /* Tooltip container */
	background-color:#FFFFFF;
	border:1px solid #333333;
	max-width:300px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;	
	font-size: .75em;
}

.gce-event-info .gce-tooltip-title{ /* 'Events on...' text */
	margin:5px;
	font-size: 1.1em;
}

.gce-event-info ul{ /* Events list */
	padding:0;
	margin:5px;
	list-style-type:none;
}

.gce-event-info ul li{ /* Event list item */
	margin:10px 0 0 0;
}

.gce-event-info ul li p{ /* Each piece of information */
	margin:0;
}

.gce-event-info ul li p span,
.gce-event-info ul li div span{ /* The text displayed before each piece of info, 'Starts:' for example */
	color:#999999;
}

.gce-event-info .gce-tooltip-event{ /* The event title */
	background-color:#DDDDDD;
	font-weight:bold;
}