/*
	CSS for the Pebble and Avalanche web site
*/


/* Link colors for entire site */
/* Highlights, reverses when hovered */

/* set background color */
/* * { background-color:  #F5F5F5 ; }*/

a { text-decoration: none ; }

a:link { color: #ff3030 ; }

a:visited { color: #8b1a1a ; }

a:hover  {
	color: #F5F5F5 ;
	text-decoration: none;
	background-color: #cd0000 ;
}

/* UL lists */
/* use square until we can find book image */
ul {
	list-style-type: square ;
}


/* Masthead */

.masthead {
	min-height: 140px ;
}

.masthead .image {
	/*max-width: 20% ;*/
	float: right ;/*right*/

	min-height: inherit ;
	padding: 0em 0em 0em 01em ; /* top right bottom left */

}

.masthead img {
	vertical-align: middle ;

}

.masthead .name {
	width: 70% ;
	float:left ; 
	min-height: inherit ;
}

.masthead h1 {
	font-size: 250% ;
	color : black ;
	vertical-align: middle ;

}


/* do not highlight on hover in masthead because logo should not be highlighted */
/* do not use link colors in masthead */
.masthead a { color: inherit ; }
.masthead a:hover {
	color: inherit ;
	background-color : inherit ;
}


/* Tab Bar */

div.tab {
	float: left ;
	width: 70% ; /*70*/
	margin-left: 2em ;	/* match content! */
	margin-bottom: 1em ;
	/*padding: 5px 10px ;*/
}

/* Give tab a background color when selected */

div.tab .base-selected {
	background-color : #ffc1c1 ;
}

/* Menu */


div.menu  {
	/*max-width: 30% ;
	min-width: 20% ;*/	/* at least as wide as image */
	width: 15% ;
	float: right ;
	border-left : solid #cd0000 ;
	padding-left : 1em ; /* between line and text */
	margin: 0em 0em 1em 1em ; /* top right bottom left */
	clear: right;

}


/* Give current menu selected item that background color */
div.menu span.menu span.sel {
	background-color : #ffc1c1 ;
}


/* Using br instead of lists in menu */

div.menu span.menu span.menu-item {
	padding-left : 1em ;
}

/*
div.menu ul ul {
	list-style-type : none ;
	list-style-position : inside ;
	text-indent : -1em ;
}
*/

/******************
 Content
******************/

.content  {
	width: 70% ;		/* too wide otherwise */
	color: black ;
	text-align: justify ;
	margin-left: 2em ;	/*  give the text a little "air" on both sides */
	margin-right: 2em ;
}


.content span.title {
	font-size : 160% ;
}

.content span.subtitle {
	font-size : 140% ;
}


div.content.title {
	vertical-align: top ;
}

div.content td {
	vertical-align: top ;
}

h1 {
	font-size: 160% ;
}

/*****
 Images in content 
******/

.content img {
	margin-left: 10% ; /* same as tables */
	margin-right: auto ;
}


.footer {
	font-size: 75% ;
	color : #cd2626 ;
	width : 70% ;
	float: left ;
	clear: left ;
	/*border-top: solid ;*/
	margin-top: 2% ;
	margin-left: 2em ;	/*  same "air" as for content */
	text-align: left ;
}

.footer .acknowledgements {
	width : 70% ;
	float: left ;
	margin-top: 2% ;
}


/* Tables */

table {
	/*width: 80% ;*/
	/* center in div */
	margin: 0 5% 0 5% ; /* top right bottom left */
}

td {
	padding: 10px ;
	background: lightgrey ; 
	border: 1px solid white ;	/* same color as general background */
	
}

td ul {
	list-style-position: inherit ;
}

/* Special classes */

p.p-indent {
	margin-left: 2em ;
}

/* MY 2005-12-12 */
/* Give a little breathing room to lists */
/* is there some way to restrict this to non-minitoc? */
.content li {
	line-height: 120% ;
}


/* invisible web bug for Amazon.com */
img.amazontag {

	border:none !important ;
	margin:0px !important ;
	width: 1px ;
	height: 1px ;
}