@font-face {
    font-family: 'mspOpenSans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mspOpenSans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'mspPagella';
    src: url('../fonts/texgyrepagella-regular-webfont.eot');
    src: url('../fonts/texgyrepagella-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyrepagella-regular-webfont.woff') format('woff'),
         url('../fonts/texgyrepagella-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyrepagella-regular-webfont.svg#TeXGyrePagellaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mspPagella';
    src: url('../fonts/texgyrepagella-italic-webfont.eot');
    src: url('../fonts/texgyrepagella-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyrepagella-italic-webfont.woff') format('woff'),
         url('../fonts/texgyrepagella-italic-webfont.ttf') format('truetype'),
         url('../fonts/texgyrepagella-italic-webfont.svg#TeXGyrePagellaItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'mspPagella';
    src: url('../fonts/texgyrepagella-bold-webfont.eot');
    src: url('../fonts/texgyrepagella-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyrepagella-bold-webfont.woff') format('woff'),
         url('../fonts/texgyrepagella-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyrepagella-bold-webfont.svg#TeXGyrePagellaBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'mspPagella';
    src: url('../fonts/texgyrepagella-bolditalic-webfont.eot');
    src: url('../fonts/texgyrepagella-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyrepagella-bolditalic-webfont.woff') format('woff'),
         url('../fonts/texgyrepagella-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/texgyrepagella-bolditalic-webfont.svg#TeXGyrePagellaBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

/* ============================================================================ */

* {
	font-family: mspPagella, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 12pt; /* 1em from now on */
	line-height: 3ex;
	text-indent: 0;
	margin: 0; /* violent; be careful with inheritance! */
	padding: 0; /* violent; be careful with inheritance! */
	border: 0; /* violent; be careful with inheritance! */
}

span, em { 
	font: inherit
}

html {
	min-height: 100%;
}

body {
	min-height: 100%;
	width: 100%;
	background-color: #e9e9e9 /*#bbc*/;
	background-image: url('../aux/msp-bg-dark.jpg');
	background-repeat: repeat;
}

div#body-double { /* to get top background gradient */
	min-height: 100%;
	width: 100%;
	padding-top: 10px;
	background-image: url('../aux/msp-bg-topgrad.jpg');
	background-repeat: repeat-x;
	background-position: top;
}

div#page-wrapper { /* to center #page */
	min-height: 100%;
	min-width: 700px;
	max-width: 1050px;
	margin-left: auto;
	margin-right: auto;
}

div#page { /* the actual page */
	min-height: 100%;
	min-width: 700px;
	max-width: 1050px;
	margin-left: 35px; /* margins protected */
	margin-right: 35px;
}


/* ====================================================== */

/* MASTHEAD */


div#head { /* masthead */
	height: 150px;
	background-color: #aaa;
	background-color: #f6f6f6;
	background-image: url('../aux/msp-masthead-corner-math-logo.png');
	background-position: left;
	background-repeat: no-repeat;
}

div#h1-wrapper { /* masthead */
	height: 100px;
	margin-left: 150px;
	background-color: rgb(9,48,178); /* main blue, fallback */
	background-image: url('../aux/msp-masthead-bg-thin.png'); 
	background-repeat: repeat-x;
}

h1 { /* contains the MSP masthead logo */
	height:100px;
	background-image: url('../aux/msp-masthead-logo-thin.png');
	background-repeat: no-repeat;
	background-position: top left;
	text-transform: lowercase;
	text-align: center;
	color: white;
	font: bold 45px mspOpenSans, Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

h1 span {
	display:none;
}


/* ====================================================== */

/* NAVIGATION MENU */

div#menu-wrapper {
	margin-top: -42px;
	margin-left:135px;
	margin-right:-15px;
}


table#menu-top { /* the nav menu */
	width: 100%;
	border-left: 1px solid #667;
	text-align: center;
	background-color: #f7f7f7; /* gray, fallback */
	background: url('../aux/msp-bg.jpg');
	background-repeat: repeat;
}
 
table#menu-top td { /* a menu entry */
	margin:0;
	padding:0;
	border: 1px solid #667;
	border-left: 0;
	width: 20%; /* divide 100 by the number of menu items */
	height: 20px;
	text-align: center;
	letter-spacing: 1px;
	font: bold .9em mspOpenSans, Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;; /* 11pt */
	color: black;
	cursor: pointer;
}

table#menu-top td#current {
	color: white;
	background-color: rgb(9,28,89); /* dark blue */
	cursor: default;
}

table#menu-top td:hover, 
table#menu-top td#current:hover{
	color: white;
	background-color: rgb(5,16,51); /*darker blue */
}

table#menu-top td:active {
	background-color: rgb(191,63,29); /* orange */
}




/* ====================================================== */

/* SECTIONING */


div#content-wrapper { /* everything under the masthead */
	background-color: #f6f6f6;
	background-image: url('../aux/sidebar-euclid.jpg');
	background-repeat: repeat-y;
	background-position: top left;
}

div#content { /* the main column */
	position: relative;
	top: -50px;

	margin-left: 200px;
	margin-right: 50px;
}


h2 { /* page (or section) title */
	clear: both;
	margin-bottom: 15px;
	padding-top: 40px;
	width: 100%;
	font: bold 1.66em  mspOpenSans, Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; /* 18pt */
	letter-spacing: 1px;
	text-transform: uppercase;
}

h3#editflow { /* special, for EditFlow page */
	background-image: url("../aux/EditFlow.png");
	background-repeat: no-repeat;
	background-position: bottom;
	margin:0;
	margin-left: -45px;
	margin-bottom:-10px;
	padding-top: 10px;
	height: 102px;
	width: 300px;
}

h3#editflow span {
	display: none;
}


h3 { /* journal title */
	clear: both;
	margin-bottom: 20px;
	margin-top: 22px;
	padding-top: 10px;
	
	padding-left: 30px; /* for multi-line */
	text-indent: -30px;
	
	font: normal 1.5em  mspOpenSans, Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; /* 16pt */
}

h4 { /* subsection */
	margin-top: 18px;
	margin-bottom: 0;
	font: bold 1.25em mspOpenSans, Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; /* 13pt */
}

h4.team { /* berkeley team, warwick team */
	margin-top:-5px;
	margin-bottom:5px;
	text-indent:-1px;
}

td h4 {
	margin:0;
}

h5, .link { /* list? */
	margin-top: 10px;
	font: bold 1em mspOpenSans, Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}


em, i {
	font: inherit;
	font-style: italic;
}

strong, b {
	font: inherit;
	font-weight: bold;
}

/* ====================================================== */

/* CONTENTS */

div.blurb {
	background-color: #eef;
	clear: both;
	margin-left: 20px;
	padding-left: 10px;
}

.blurb * {
	font-size: 1.5em; /* 18pt */
	font-weight: bold;
}

div.content { /* any text-containing div */
	clear: both;
	margin-left: 30px;
}

div.hidden { /* expandable content*/ 
	margin-left:25px;
}

p {
	margin-top: 10px;
	line-height: 3ex;
	padding: 0;
}

a {
	text-decoration: none;
	font: inherit;
}
a.active, a:link, a:visited {
	color: rgb(33,16,163); /* main blue */
}
a:hover {
	color: rgb(77,127,19); /* dark green */
}
a:active {
	color: rgb(191,63,29); /* orange */
}



blockquote, blockquote p {
	margin: 5px 0;
	padding-left:10px;
	font: inherit;
}
 
.address, .phone {
	line-height: 2ex;
}

.email {
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	font-size: inherit;
	font-size: .95em;
	line-height: 2ex;
}

div.adspace {
	float: right;
	text-align: center;
	margin-top: -50px;
	margin-left: 5px;

	padding: 5px 20px;
	margin-right: -20px;

	background-color: #e5e5e5;
	/*background-image: url("../aux/msp-bg.jpg");*/
}

div.adspace p {
	margin: 0;
	font: normal 1em Helvetica, Arial, sans-serif;
}



img.regular {
	border: 2px solid white;
	border-top-color: #ccc;
	border-left-color: #ccc;
	border-right-color: #555;
	border-bottom-color: #555;
}

img.cover {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	
	border: 2px solid white;
	border-top-color: #ccc;
	border-left-color: #ccc;
	border-right-color: #555;
	border-bottom-color: #555;
}

a img:hover {
	border-color: rgb(77,127,19); /* dark green */
}

a img:active {
	border-color: rgb(191,63,29); /* orange */
}


span.institution {
	margin-left: 3px;
	font-size: .8em; /* 10pt */
}

span.serial-title {
	font: inherit;
	font-style: italic;
}

span.book-title {
	font: inherit;
	font-style: italic;
}

span.book-authors {
	font: inherit;
	font-weight: normal;
}

span.book-volyear {
	font: inherit;
	font-weight: normal;
	font-size: smaller;
}


table.pricelist {
	border-collapse: collapse;
	margin:17px;
	margin-left:33px;
}

table.pricelist td, table.pricelist th {
	border: 1px solid #a00;
	padding: 5px 10px;
	text-align: right;
}
table.pricelist thead {
	border-bottom: 3px double #a00;
}
table.pricelist td a {
	font-style: italic;
	font-weight: bold;
}

span.new {
	font-weight: bold;
	color: #a00;
}


span.editor {
	white-space: nowrap;
	font-weight: bold;
}
td.institution {
	text-align: left;
	vertical-align: top;
}


/* ====================================================== */

/* LISTINGS */


ul {
	list-style-type: none;
}


ul#toc{
	margin-bottom: 25px;
	border-left: 1px dashed black;
	padding-left: 10px;
}	

ul#toc li {
	margin: 10px 0;
	font: normal 1em mspOpenSans, Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	padding-left: 20px;
	text-indent: -20px;
}

ul#toc li.heading {
	font: bold 1em mspOpenSans;
}


ul#toc ul {
	margin-left: 0px;
	/*padding-left: 20px;*/
	list-style-type: none /*circle*/; 
}

ul#toc ul li {
	padding-left: 40px;
	text-indent: -40px;
	font-style: italic;
	font-weight: normal;
}



ul.features {
	margin: 7px 0;
	padding-left: 20px;
	list-style-type: square;
}

ul.prices {
	margin: 0;
	padding-left: 20px;
}

ul.volumes li {
	margin: 10px 0;
}


ul.volumes ul li, ul.prices li {
	margin: 0;
}



ul.journals {
	list-style-type: square;
	padding-left: 40px;
}

ul.journals li {
	padding-left: 20px;
	text-indent: -20px;
	margin: 5px 0;
	font-style: italic;
}

li.together {
	margin: 4px 10px;
	font-size: .85em;
}


ol li {
	margin: 5px 0 5px 35px;
	padding-left: 15px;
	text-indent: -15px;
}



/* ====================================================== */

/* FOOT */


div#foot { /* copyright notice */
	margin: 75px 0;
	padding-bottom: 50px;
	text-align: left;
	font: normal .75em mspOpenSans, Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; /* 9pt */
}

/* ====================================================== */

/* HACKS */

wbr { /* invisible word break, like \allowbreak; eg, use in long URLs */
	width: 0px;
	display: inline-block;
}