/* css for composition forum
   built 2006-11 cbd 
   put into use 2006-12-14
   tweak blockquote 2007-10-28
*/

body	{
	background-image: url(http://www.fau.edu/compositionforum/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://www.fau.edu/compositionforum/images/otherbackground.png);
	padding: .25em 1em .25em 1em;
	margin: 0;
	font-size: .90em;
}

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

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

/* sidebar used in some articles */

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

/* general styles for all content */

h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1em; }

h1,h2,h3,h4,p,ul,ol,dl,table {
	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; 
}

/* 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 {
	padding: 0 0 1em 0;
	margin: 0;
}

#main table {
	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;
}

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

}

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


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

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