/* css for composition forum
   built 2006-11 cbd 
   put into use 2006-12-14
   tweak blockquote 2007-10-28
   update for move to compositionforum.com 2008-07-05
   tweak blockquote again 2009-06-12
*/

body	{
	background-image: url(http://compositionforum.com/images/main_bg.gif);
	font-family: arial,helvetica,geneva,sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: small;
}

#container	{ 
	width: 700px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#header {
	padding: 0;
	margin: 0;
}

#navigation	{
	background-image: url(http://compositionforum.com/images/otherbackground.png);
	padding: .25em 1em .25em 1em;
	margin: 0;
	font-size: .90em;
}

#main	{
	background-image: url(http://compositionforum.com/images/whitebackground.png);
	padding: 1em;
	margin: 0;
}

#footer	{
	background-image: url(http://compositionforum.com/images/otherbackground.png);
	font-size: 0.8em;
	padding: .25em 1em .25em 1em;
	margin: 0;
}

/* sidebar used in some articles */

div.sidebar, div#sidebar	{
	float: right;
	width: 40%;
	background-color: #f1f1d7;
	margin-left: +1em;
	padding: 0 1em 0 1em;
	font-size: .9em;
}

div.rightimage, div#rightimage	{
	float: right;
	width: 40%;
	background-color: #ffffff;
	margin-left: +1em;
	padding: 0 1em 0 1em;
	font-size: .9em;
}

div.table, div#table {
	margin-left: auto; margin-right: auto;
}

/* general styles for all content */

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; font-style: italic; }
h4 { font-size: 1em; text-decoration: underline; }

/* fix italic in h3 headlines */
h3 em { text-decoration: underline; }

h1,h2,h3,h4,p,ul,ol,dl,table,blockquote {
	padding: 0;
	margin: 0;
	border: 0;
}

a,img,li,dt,dd {
	padding: 0;
	margin: 0;
	border: 0;
}

dt {
	font-weight: bold;
}

blockquote { 
	/* indent comes from blockquote class */
	/* margin: 0; padding: 0;  
		no it doesn't; changed 200906
	*/
	padding-right: +3em;
	padding-left: +3em;
}

caption { caption-side: bottom; }

/* styles to make "pipe" navigation with list */

#navigation ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#navigation ul li {
	padding: 0 .1em 0 .4em;
	border-left: 2px solid #663399;
	display: inline;
	list-style: none;
}

#navigation ul li.first {
	padding-left: 0;
	border-left: none;
	display: inline;
	list-style: none;
}

/* try to fix &#($&# header image */

#header p, #header p a, #header p a img {
	padding: 0;
	margin: 0;
	border: 0;
}

#main h1, #main h2, #main h3, #main h4, #main p, #main ul, #main ol, #main dl {
	margin: 0;
}

#main h1 {
	padding-bottom: 0.5em;
}

#main h2, #main h3, #main h4 {
	padding-top: +1em;
	padding-bottom: 0.5em;
}


#main p, #main ul, #main ol, #main dl { 
	padding-bottom: 1em;
}

#main table, #main caption {
	margin-bottom: +1em;
}

/* indent lists nicely; dl implementation is incomplete */

#main ul, #main ol {
	padding-left: 3em;
}
   
#main ul ol, #main ol ul {
	padding-left: +1em;
}

#main dl {
	padding-left: 2em;
}

#main dl dd {
	padding-left: +1em;
}

/* hack to fix padding on bottom top level list when there are nested lists; this removes a gap. Need to do this automagically */

#main ul.top, #main ol.top, #main dl.top {
	padding-bottom: 0em;
}

/* I don't know why this doesn't cascade right 
   seems like just .author should do it */

#main p.issue, .issue {
	font-size: 0.85em;
}

#main p.author, .author { 
	font-style: italic; 
}

#main p.blockquote, .blockquote {
	/* padding-right: +3em;
	padding-left: +3em; 
		200906 changed this so blockquote container did it not these tags */
}

#main p.strike, .strike {
	/* strikethrough */
	text-decoration: line-through;

}

#main p.add, .add {
	/* underline  */
	text-decoration: underline;
}

#main p.abstract, .abstract {
	background-color: #f1f1d7;
	padding: 1em;
	margin-bottom: +1em;
	border: solid 1px #C9CA99;
}

#main p.copyright, .copyright {
	margin-top: +2em;
}

#main h3.edit, h3.edit {
	padding-bottom: 0;
}


/* next two styles are not used, for now, but in the markup in case we need them */
#main p.bodytext, .bodytext { }
#main p.workscited, .workscited { }

#main p.kicker, .kicker {
	font-size: 0.85em;
}

.check {
	color: red; 
	font-weight: bold;
}

/*
  Add borders to all cells in some tables with the class declaration
  'bordered'---the next two styles apply the formatting to children
*/

.bordered, .bordered td, .bordered tr, .bordered th {
	border: solid 1px #C9CA99;
	border-collapse: collapse;
}

.bordered td, .bordered th {
	/* a little padding for the cells */
	padding: 0.25em;
}

/* hide stuff intended for print only */
.printonly { 
	display: none; 
}

.skip {
    /* added 20080331 */
	position: absolute;
	left: -1000em;
	width: 20em;
}