/**
*Style sheet for the Cataloging and Classification Quarterly journal home page, written and designed by Robert Bothmann, 2006.  Revised by Joanne Banko, 2010.
*/

/**
*Sets the background colour of grey for the site, sets the default font size of browsers to equal 10px. This makes the font sizes base 10 (e.g. 1em is 10px, 1.2em is 12px). This allows the site to have a liquid design.
*/
* { 
	font-family: tahoma, sans-serif;
	color: black;
	background-color: inherit;
}

body { 
	color: inherit;
	background-color: #cccccc;
	font-size: 62.5%;
	}

div.font {
	font-size: 1em;
	text-align: left
}

.small {
	font-size: 1.4em;
}

/**
*This section controls paragraphs and lists throughout the site.
*/

p {
	padding-left: 1em;
	padding-right: 1em;
	font-size: 1.6em;
}

ul {list-style-type: square;
	list-style-position: inside;
	color: inherit;
	background-color: inherit;
	width: 35em;
	margin: 0em;
	padding-top: 0em;
	margin-left: 5em;
	font-size: inherit;
}

li {font-size: inherit;
	color: inherit;
	background-color: inherit;
}

blockquote {font-size: inherit;
	color: inherit;
	background-color: inherit;
}

table {font-size: 1.6em;
	margin-left: 5em;
	color: inherit;
	background-color: inherit;
}

tr {font-size: inherit;
	color: inherit;
	background-color: inherit;
}
td {font-size: inherit;
	color: inherit;
	background-color: inherit;
}

	
hr {color: black; background-color: #cccccc;
}

/**
*.bluelink is for the links in the blue background.
*/
.bluelink A:link {text-decoration: none; color: white; background-color: #000080;}
.bluelink A:visited {text-decoration: none; color: white; background-color: #000080;}
.bluelink A:active {text-decoration: none; color: white; background-color: #000080;}
.bluelink A:hover {text-decoration: underline; color: white; background-color: #000080;}

/**
*This section of the style sheet controls the header on the home page of the site (.bannerhome) and the headers on the sub-pages of the site (.bannerbody provides the blue background and white text, .header1 the navigation menu, .header2 the navigation menu with links to Haworth).
**
*/

div.bannerbody {
	color: white;
	background-color: #000080;
	border-style: hidden; 
	border: 1em;
	margin: 0em;
	padding: 1em;
	text-align: center;
	height: 10em; 
}

.bannerhome {
	color: white;
	background-color: #000080;
	line-height: 1em;
	border-bottom: 0.5em; 
	font-size: 3.2em;
	letter-spacing: 0.2em;
	font-family: 'Times New Roman', Times, serif; 
}

.header1 {
	font-size: 1.6em;
	line-height: 1.7em;
	color: white;
	background-color: #000080;
}

.header2 { 
	font-size: 1.2em; 
	line-height: 0.8em;
	color: white;
	background-color: #000080;
}


/**
*Style for the page titles, such as CCQ Journal Home, Announcements, etc.
*H1 is only used for the page title in the body. All other H-levels are for hierarchical headings. The margin setting of zero removes the preset margins defined in the W3C code for H values.
*/

h1 {font-size: 2.5em; letter-spacing: 0.2em; color: #000080; text-align: center; margin: 0; background-color: #cccccc; padding-left: 0.8em;}
h2 {letter-spacing: 0.2em; font-size: 2em; margin: 0; color: black; background-color: white; padding-left: 0.8em;}
h3 {letter-spacing: 0.2em; font-size: 1.8em; margin: 0; color: black; background-color: white; padding-left: 0.8em;}
h4 {letter-spacing: 0.2em; font-size: 1.6em; margin: 0; padding-bottom: 0; color: black; background-color: white; padding-left: 0.8em;}
em {color: inherit; background-color: inherit;}
i {color: inherit; background-color: inherit;}

/**
*.linkwhite is for the hyperlinks in the white background.
*/

.linkwhite A:link {text-decoration: none; color: black; background-color: white;}
.linkwhite A:visited {text-decoration: none; color: black; background-color: white;}
.linkwhite A:active {text-decoration: none; color: black; background-color: white;}
.linkwhite A:hover {text-decoration: underline; color: #000099; background-color: white;}

/**
*The .link class keeps the hyperlinked-text appearing normal (e.g. underlined). This is used in the white background sections of the site when only the hover-class would not be appropriate.
*/

.link a:link {text-decoration: underline; color: #000099; background-color: white;}
.link a:visited {text-decoration: underline; color: #000099; background-color: white;}
.link a:active {text-decoration: underline; color: #000099; background-color: white;}
.link a:hover {text-decoration: underline; color: #000099; background-color: white;}

/**
*.linkblue is for hyperlinked superscript footnote designators in the white background.


.footnote a:link {font-size:70%; vertical-align:top; text-decoration: none; color: blue; background-color: white;}
.footnote a:visited {text-decoration: none; color: blue; background-color: white;}
.footnote a:active {text-decoration: none; color: blue; background-color: white;}
.footnote a:hover {text-decoration: underline; color: blue; background-color: white;}
*/

/**
*This section controls the div sections that have a white background.
*/

.white {
	margin-left: 10%;
	color: black;
	background-color: white; 
	border-width: 0.2em; 
	border-style: solid; 
	border-color: black;
	width: 80%;
}

/**
* This section creates the font-style for the volume and issue levels on the Tables of Content Page and the names (using .vol) on the Editorial Board page. The .theme class provides the font-size for the theme issue titles on the main TOC page.
*/

.vol {
	letter-spacing: 0.3em; 
	font-size: 2em;
	text-decoration: underline;
	padding-left: 0.5em; 
	}

.issue A:link {
	color: black;
	background-color: white;
	text-decoration: none;
}

.issue A:visited {
	color: black;
	background-color: white;
	text-decoration: none;
}

.issue A:active { 
	color: black;
	background-color: white;
	text-decoration: none;
}

.issue A:hover {
	color: black;
	background-color: white;
	text-decoration: underline;
}

.theme {
	font-size: 0.8em;
}

/** 
*This section applies the style to the individual TOC pages for each volume issue.
*/
.title {font-size: 2em; font-variant:small-caps;}
.titleb {font-size: 1.6em; }
.author {font-size: 1.6em; }
.abstract {font-size: 1.6em; font-style: italic; }
.keyword {font-size: 1.3em; padding-left: 1.3em;}