/**
*Style sheet for the Cataloging and Classificaiton Quarterly journal home page, written and designed by Robert Bothmann, 2006.
*/

/**
*Sets the background colour of grey for the site, set's 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: 30em;
	margin: 0em;
	padding-top: 0em;
	margin-left: 5em;
	font-size: inherit;
	}

li {font-size: inherit;
	color: inherit;
	background-color: inherit;
		}
	
hr {color: black; background-color: #cccccc;}

blockquote {font-size: 1.6em;
 }

/**
*.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;
}


/**
*Stlye 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 heirarchical 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;}


/**
*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;}