/* Papress Stylesheet for vertical navigation */
/* for global changes you MUST change papress-ie.css as well, values will be different in each file to accomplish the same graphic change!*/

/*
DOCUMENTATION

This file uses a strategy of nested css boxes to produce and arrange content for papress.com

Global tags are first redefined to set up basic formatting for text and links, then subsequent formatting is done by css code for each box/container

every page of the site has the same menu and header structure, content changes subsequently based on the function of the page.

*/

/* GLOBAL TAGS : these set up basic typography */
BODY
{
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 130%;
}

.bodytext-white
{
	/* identical to body other than color */
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 130%;
}

a
{
	color: #0099FF;
	text-decoration: none;
}

a:hover { color: #0066CC; }

hr
{
	/* used to divide content on bookpage.tpl */
	color: #CCC;
	style: noshade;
	size: 1px;
	width: 100%;
}

h1
{
	/* used for page titles */
	font-size: 14px;
	line-height: 140%;
	font-style: normal;
	font-weight: normal;
}

h2
{
	/* used for page subtitles */
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
}

h3
{
	/* used for titles and subtitles on a dark background, as on listpage.tpl */
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	color: #FFFFFF;
}

h4
{
	/* large title font for dark backgrounds */
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 130%;
}

/* END OF GLOBAL TAGS */
/* SPECIAL TYPOGRAPHY */
.alert
{
	/*red, used for sale prices and urgent announcements! */
	color: #C30;
}

.smalltext
{
	font-size: small;
	line-height: 120%;
}

.small_link
{
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: 9px;
	line-height: 150%;
	text-transform: uppercase;
}

.big_link
{
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 120%;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;
	color: #999999;
}

/* END OF SPECIAL TYPOGRAPHY */
/* GLOBAL FRAMEWORK: these are the css layers used on every page to provide layout structure */
.logohead
{
	/* this holds the princeton logo on every page */
	background-color: #FFFFFF;
	position: absolute;
	height: 90px;
	width: 590px;
	left: 20px;
	top: 80px;
}

.carthead
{
	/* this holds the shopping cart logo on every page */
	background-color: #FFFFFF;
	position: absolute;
	height: 90px;
	width: 90px;
	left: 610px;
	top: 80px;
}

.cartinfo
{
	/* this is the grey area to the right of the princeton logo. it does NOT appear on the home page, and is designed for a future cart-listing function */
	background-color: #CCCCCC;
	position: absolute;
	height: 80px;
	width: 100%;
	left: 700px;
	top: 80px;
	padding: 5px;
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
}

/* END OF GLOBAL FRAMEWORK */
/* MENU FRAMEWORK: this is a crucial set of nested layer definitions. any changes here are liable to make the dynamic black menu system unusable; address questions to NdeM */
.menuframework
{
	background-color: none;
	position: absolute;
	height: 215px;
	width: 175px;
	left: 20px;
	top: 190px;
	z-index: 5;
}

#nav, #nav ul
{
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 132px;
}

#nav li
{
	/* all list items */
	position: relative;
	float: left;
	line-height: 20px;
	margin-bottom: -1px;
	width: 132px;
}

#nav li ul
{
	/* second-level lists */
	position: absolute;
	left: -999px;
	margin-left: 177px;
	margin-top: -22px;
}

#nav li ul ul
{
	/* third-and-above-level lists */
	left: -999em;
}

#nav li a
{
	width: 160px;
	display: block;
	color: #CCCCCC;
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 120% text-decoration: none;
	background-color: black;
	border: 1px solid #333333;
	padding: 0 8px;
}

#nav li a:hover
{
	color: #0099FF;
	background-color: white;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
	/* lists nested under hovered list items */
	left: auto;
}

.menuitem-search
{
	width: 160px;
	height: 20px;
	display: block;
	color: #CC6633;
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: 12px;
	font-style: bold;
	text-decoration: none;
	background-color: black;
	padding: 8px;
	border-color: #333333;
	border-width: 1px 1px 0 1px;
	border-style: solid solid none solid;
}

/* END OF MENU FRAMEWORK, other global framework layers follow */
/* LAYERS USED ON BOOKPAGE.TPL */
.whitebox
{
	/*used on bookpage.tpl only, the tall container for book description, reviews etc.*/
	background-color: #FFFFFF;
	position: absolute;
	height: auto;
	width: 440px;
	left: 220px;
	top: 457px;
	padding: 10px 30px 10px 10px;
	z-index: 1;
}

.greysidebox
{
	/*used on book page only, actually blue, and contains suggested items etc*/
	background-color: #36F;
	position: absolute;
	height: auto;
	width: 170px;
	padding: 5px 25px 5px 5px;
	left: 20px;
	top: 457px;
	text-align: right;
	line-height: 150%;
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: smaller;
	color: #FFFFFF;
}

.greysidebox a
{
	/*links in greysidebox*/
	color: #9CF;
}

.cleartopbox
{
	/*used on book page to contain book titling info*/
	background-color: none;
	position: absolute;
	height: auto;
	width: 900px;
	left: 220px;
	top: 190px;
	padding: 0px;
	z-index: 1;
}

.bookimagecontainer
{
	/*goes inside cleartopbox*/
	width: 135px;
	align: left;
}

.bookdescription
{
	/*goes inside cleartopbox*/
	width: 290px;
	height: 226px;
	float: left;
	line-height: 120%;
	font-size: 10px;
	padding-left: 10px;
	background-color: none;
	color: #000000;
}

.bookdescription a { color: #9CF; }

/* END OF LAYERS USED ON BOOKPAGE.TPL */
/* LAYERS USED ON 'GENERIC' PAGES (not bookpage, listpage, or home page) */
.cleartallcontent
{
	/*used as structure for 'tall' formatted pages like about, search and checkout, with 4 interior styles below*/
	background-color: none;
	position: absolute;
	height: auto;
	width: 440px;
	left: 220px;
	top: 190px;
	padding: 0px;
	z-index: 3;
	float: left;
}

.contentwhite
{
	/*goes inside cleartallcontent*/
	width: 100%;
	background-color: #FFFFFF;
	height: auto;
	padding: 1px 30px 10px 10px;
	line-height: 133%;
}

.contentblue
{
	/*goes inside cleartallcontent*/
	width: 100%;
	background-color: #3366ff;
	height: auto;
	color: #FFFFFF;
	float: right;
	padding: 1px 30px 10px 10px;
	line-height: 133%;
}

.contentgrey
{
	/*goes inside cleartallcontent*/
	width: 100%;
	background-color: #CCCCCC;
	height: auto;
	padding: 1px 30px 10px 10px;
	line-height: 133%;
}

.contentclear
{
	/*goes inside cleartallcontent*/
	width: 100%;
	background-color: none;
	height: auto;
	float: right;
	padding: 1px;
}

.cleartopboxwide
{
	/*used on search page*/
	background-color: none;
	position: absolute;
	height: auto;
	width: 480px;
	left: 220px;
	top: 190px;
	padding: 0px;
	z-index: 1;
	float: left;
}

.rule
{
	/*makes a horizontal line*/
	width: 100%;
	height: auto;
	border-bottom: #CCC;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

/* END OF LAYERS USED ON 'GENERIC' PAGES */
/* LAYERS USED ON LISTPAGE */
.searchodd
{
	/*used in search results inside cleartopboxwide*/
	width: auto;
	background-color: #FFFFFF;
	height: auto;
	padding: 10px 50px 10px 10px;
}

.searcheven
{
	/*used in search results inside cleartopboxwide*/
	width: auto;
	background-color: #CCCCCC;
	height: auto;
	padding: 10px 50px 10px 10px;
}

/* END OF LAYERS USED ON LISTPAGE */
/* LAYERS USED ONLY ON THE HOME PAGE */
.hellobox
{
	background-color: #FFFFFF;
	position: absolute;
	height: 228px;
	width: 460px;
	left: 220px;
	top: 190px;
	padding: 10px;
	z-index: 1;
	line-height: 140%;
	font-size: 17px;
	
}

.blog
{
	background-color: #EEE8AA;
	background-repeat: no-repeat;
	position: absolute;
	height: auto;
	width: 290px;
	padding: 10px 40px 10px 10px;
	left: 720px;
	top: 190px;
	line-height: 140%;
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: 10px;
	font-style: bold;
	text-decoration: none;
}

.mmheader
{
	position: absolute;
	height: 90px;
	width: 290px;
	left: 720px;
	top: 80px;
}

/* this is for the 4-book display on the home page */
.book1
{
	background-color: #FFFFFF;
	position: absolute;
	height: 1200px;
	width: 680px;
	left: 20px;
	top: 458px;
}

.bookbox
{
	height: 600px;
	width: 340px;
	float: right;
}

.bookphoto
{
	height: 250px;
	width: 330px;
	padding: 5px;
	float: none;
}

.bookdesc
{
	height: auto;
	width: 320px;
	padding: 5px;
}

/* END OF LAYERS USED ONLY ON THE HOME PAGE */
/* LAYERS USED ON SERIES PAGE */
.bookscontainer
{
	background-color: #ebe7e8;
	position: absolute;
	height: auto;
	width: 672px;
	left: 20px;
	top: 458px;
	border: 4px #FFF solid;
}

.bookseriescontainer
{
	width: 224px;
	height: 224px;
	float: left;
	text-align: center;
	padding-top: 20px;
}

.seriesboxtitle
{
	color: gray;
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: 20px;
	line-height: 140%;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.seriesbox
{
	background-color: #FFFFFF;
	position: absolute;
	height: 208px;
	width: 440px;
	left: 220px;
	top: 190px;
	padding: 10px 20px 30px 20px;
	z-index: 1;
	line-height: 150%;
	font-size: 16px;
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;

}

.seriesfooter
{
width:672px;
height:20px;
float:left;
}

/* END OF STYLES USED IN SERIES PAGE */

papinfo
{
	padding: 35px 5px 5px 0px;
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: 9px;
}

.papinfosmall
{
	/*used on pages with narrow content, ie search etc*/
	padding: 0px;
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;
	font-size: 12px;
}

.tablesmall { font-size: 14px; }

/* FEEDBURNER LAYERS */
div.feedburnerFeedBlock span.headline a
{
	color: #333;
	font-weight: bold;
}

div.feedburnerFeedBlock span.headline a:hover { color: #FFFF00; }
div.feedburnerFeedBlock ul { list-style: circle; }

/* END OF FEEDBURNER LAYERS */