@import url(tripoli.base.css);

html {background-color:#e0e0e0;
}

body {font-family:helvetica, arial, sans-serif;
}

a, a:visited {color:#0066ff; text-decoration:none;
}
	.side-nav a, .side-nav a:visited {color:#000;}
	h3 a, h3 a:visited {color:#000;}

a:hover, a:focus {color:#666;
}
	.side-nav a:hover, .side-nav a:focus, .side-nav li.on a {color:#0066ff;}
	h3 a:hover, h3 a:focus {color:#0066ff;}

body {
}

#container {overflow:auto; /*clears all contained floats*/ width:900px; margin:20px auto; overflow:auto; background:#fff; border:solid 1px #ccc;
}

#branding {text-indent:-9999px; line-height:1px;
}

/*-----
------- layout -------
--------------------------- */

img {display:block; /*needed to avoid alignment with baseline of text*/
}

.content {float:left; width:900px; display:block; position:relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/ background-color:#fff; min-height:400px;
}

.footer {float:left; width:860px; display:block; position:relative; background-color:#000; color:#ccc; padding:10px 20px;
}

.header {float:left; width:900px; display:block; position:relative; background-color:#fff; border-bottom:solid 1px #ccc;
}

.line {float: left; width: 900px; display: block; position: relative;
}


.item {position:relative; float:left; overflow:hidden; left:100%;
}

.fap-content {overflow:hidden;
}

#col-full {width:900px; margin-left:-900px; 
}

#col-1 {margin-left:-900px; width:220px; padding:20px 30px;
}
	.home #col-1 {width:220px; padding-right:110px;}
	.map #col-1 {width:180px; padding:20px;}

#col-2 {margin-left:-620px; width:410px; padding:35px 0 20px;
}
	.books #col-2 {width:620px;}
	.home #col-2 {width:225px; margin-left:-580px;}
	.news #col-2 {width:560px; padding-right:60px;}
	.appearances #col-2 {width:200px; margin-left:-580px; padding-right:25px;}
	.contact #col-2 {width:620px;}
	.map #col-2 {width:670px; margin-left:-670px;}
	.photos #col-2 {width:620px;}

#col-3 {margin-left:-210px; width:180px; padding:20px 15px;
}
	.home #col-3 {width:225px; margin-left:-325px; padding-top:35px;}
	.appearances #col-3 {width:200px; margin-left:-325px; padding-top:35px; padding-right:25px;}

.story-meta {margin:80px 0 0;
}
	.story-meta p {text-align:right; margin:5px 5px 0 0;}
	
#col-1 .pull-quote {margin:50px 0;
}
	
	
	
	
/*-----
------- mainnav -------
--------------------------- */

ul#mainnav {float:right; font-size:12px; font-weight:bold; margin:45px 80px 0 0; padding:0; display:inline;
}

ul#mainnav li {float:left; padding:5px 10px; margin:0; display:inline;
}

ul#mainnav li a, ul#mainnav li a:visited {color:#000; text-decoration:none;
}

ul#mainnav li a:hover, ul#mainnav li a:focus, ul#mainnav li.on a {color:#0066ff;
}




/*-----
------- footernav -------
--------------------------- */

ul.footer-nav {font-size:11px; font-weight:normal; margin:0 0 0 150px; padding:0;
}

ul.footer-nav li {float:left; padding:1px 10px; margin:0; border-right:solid 1px #999; display:inline;
}
	ul.footer-nav li.last {border-right:none;}

ul.footer-nav li a, ul.footer-nav li a:visited {color:#999; text-decoration:none;
}

ul.footer-nav li a:hover, ul.footer-nav li a:focus {color:#fff;
}





/*-----
------- mailing list form-------
--------------------------- */

#mailing-form {width:160px; height:75px; margin:80px 0 20px; padding:10px 0 0 60px; background:url(/images/globe-mailing.jpg) 0 0 no-repeat #fff;
}
	#mailing-form p {font-family:georgia, serif; font-size:11px; text-align:center; margin:8px 0 5px; line-height:1.5;}





/*-----
------- side-nav -------
--------------------------- */

ul.side-nav {margin:0 0 30px; padding:0; font-size:11px;
}

ul.side-nav li {list-style:none; margin:8px 0 0; padding: 0 0 5px; border-bottom:solid 1px #999 !important; line-height:1.4; clear:both;
}

ul.side-nav li img {float:left; margin:0 10px 0 0; border:solid 1px #717171; display:inline;
}




/*-----
------- .home -------
--------------------------- */

.book-thumbs {
margin:96px 0 15px;
height:66px;
}

.book-thumbs img {float:left; margin:0 15px 0 0; display:inline;
}
	.book-thumbs img.last {margin-right:0;}




/*-----
------- .books -------
--------------------------- */

.book-desc {float:left; width:280px; margin:0 20px 30px 0; display:inline;}

.book-desc img {float:left; margin:0 15px 10px 0; display:inline;
}





/*-----
------- .photos -------
--------------------------- */

.gallery {float:left; width:156px; margin:0 50px 30px 0; display:inline;
}

.dummy {width:153px; height:150px; background:url(/images/photos/photo-dummy.png) 0 0 #fff no-repeat;
}

.gallery img {border:solid 1px #666;
}
	.gallery img.thumb {float:left; margin:3px 3px 0 0; width:34px; height:26px; display:inline;}






/*-----
------- .contact -------
--------------------------- */

.contact-info {margin:80px 0 50px 280px;
}

h2#contact-headline {text-indent:-9999px; line-height:1px; width:257px; height:47px; background:url(/images/contact-headline.png) 0 0 #fff no-repeat;}

p.contact-text {line-height:2;
}

a#contact-email {display:inline-block; width:174px; height:28px; background:url(/images/email.png) #fff 0 0 no-repeat; text-indent:-9999px;
}

a#contact-email:hover, a#contact-email:focus {background-position:0 -28px;
}

.contact #mailing-form {margin:0;
}

.contact .book-thumbs {margin:0;
}

.contact .book-thumbs img {float:left; margin:0 40px 0 0; display:inline;
}
	.contact .book-thumbs img.last {margin-right:0;}








/*-----
------- typography -------
--------------------------- */

p {font-size:1.2em; color:#000; line-height:1.5;
}
	.book-desc p {font-size:1.1em; line-height:1.6; color:#666;}
	.appearances p {font-size:1.1em; line-height:1.4; color:#666;}

h3, h4 {font-size:1.2em; margin:12px 0 6px; line-height:1.3;
}
	.book-desc h3 {margin-top:0;}
	
h5 {font-size:1.1em; font-weight:bold; margin:20px 0 0; line-height:1.4;
}

#col-1 h3 {font-size:1.2em; padding:0 0 3px; margin:15px 0 8px; border-bottom:solid 2px #000;
}
	#col-1 .fap-content>h3:first-child {margin-top:0 !important;}
	
#col-2 h2, #col-3 h2 {font-size:1.6em; margin:15px 0 8px; line-height:1.2;
}
	#col-2 .fap-content>h2:first-child, #col-3 .fap-content>h2:first-child {margin-top:0 !important;}
	
.main-content p {font-size:1.2em; line-height:1.6; margin:0 0 10px;
}
	.main-content p.cite {text-align:right; margin:-10px 0 15px; color:#666;}
	
p.mute {font-size:1em; color:#888;}

.main-content ul {margin:0 0 10px; font-size:1.2em;
}

.main-content ul li {margin:8px 40px 0; list-style:disc; line-height:1.2;
}

.footer p.copyright {font-size:10px; color:#999; margin:3px 0 0 0; text-align:right; line-height:1;
}

#col-1 .pull-quote p {font-weight:bold; font-style:italic; font-size:14px; line-height:1.5; margin:0 0 5px; font-family:georgia, serif;
}
	#col-1 .pull-quote p.cite {font-weight:normal; font-style:normal; text-align:right;}
	
ul.no-bullets {margin:0 0 30px; padding:0; font-size:11px;
}

ul.no-bullets li {list-style:none; margin:10px 0 0; padding: 0 0 10px; border-bottom:solid 1px #999; line-height:1.4;
}

ul.purchase-links {font-size:12px; font-weight:normal; margin:0; padding:0;
}
	ul.purchase-links li {margin:8px 0; padding:0; list-style:none;}
	ul.purchase-links a, ul.purchase-links a:visited {text-decoration:underline; color:#000;}
	ul.purchase-links a:hover, ul.purchase-links a:focus {text-decoration:none; color:#0066ff;}
	
	
/* ----- definition list used for Q and A ----- */

dl {font-size:1.2em; color:#000; line-height:1.4;
}

dt {font-weight:bold;
}

dd {margin:5px 0 20px;
}
	
	
	
	
/* ----- clearfix -----*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.clearfix {display: inline-block;
}

.center {text-align:center !important;
}

.clear {clear:both;
}