/* gardenStyle.css - new stylesheet for textuality.org for the "Garden of Forking Paths" design */

/* Style for standard elements */

body { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  margin: 0px; 
  padding: 0px;
  text-align: left; 
  background: #fff; }
  
li {font-family: Verdana, Helvetica, Arial, sans-serif; 
  margin: 10px 0px 0px 20px;
  font-weight: normal;
  font-size: 12px; ; line-height: 15px}
	
  
a:link { color: #b00; text-decoration: none; } 
a:visited { color: #622; text-decoration: none; } 
a:active { color: #622; text-decoration: underline; } 
a:hover	{ color: #f00; text-decoration: underline; } 

p { font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
	font-weight: normal;
	font-size: 12px; ; line-height: 15px}

/* ID'ed divs for major page elements */

#header{ /* the top-of-page image or title section */
position: relative;
left: 75px;
height: 242px;
margin: 0px; 
padding: 0px;
border: 0px;
background-color: #E7EDE6;
}

#torgframe{ /* the frame around the entire content: content, footer.  no header, sidebar. */
/* position: relative; */
position: absolute;
/* border: 1px solid #000; */
left: 350px;
top: 220px;
/* left: 104px;
width: 802px; */
padding: 0px;
}

#itemtorgframe{ /* the frame around the entire item content: content, footer.  no header, sidebar. */
/* position: relative; */
position: absolute;
/* border: 1px solid #000; */
left: 350px;
top: 220px;
/* left: 104px;
width: 802px; */
padding: 0px;
}

#mainsidebar{ /* sidebar on the main page (accounts for larger header) */
position: absolute;
left: 104px;
top: 220px;
text-align: center;
/* float: left; */
width: 220px;
padding: 0px;
border: 0px;
}

#maincontentborder{ /* margin for maincontent section */
position: relative;
/* left: 250px; */
width: 550px;
border: 2px solid #ABC0A4;
background-color: #E7EDE6;
}

#maincontent{ /* content section for main page (accounts for larger header) */
position: relative;
margin: 5px;
padding: 0px 10px 10px 10px;
border: 2px solid #ABC0A4;
background-color: #FFF;
}

#itemsidebar{ /* sidebar section for non-main pages (smaller header) */
position: absolute;
left: 75px;
top: 235px;
border: 1px solid #ABC0A4;
background-color: #E7EDE6;
}

#itemcontentborder{ /* margin for itemcontent sections */
position: relative;
/* left: 250px; */
width: 550px;
border: 2px solid #ABC0A4;
background-color: #E7EDE6;
}

#itemcontent{ /* content section for item page (accounts for larger header) */
position: relative;
margin: 5px;
padding: 0px 10px 10px 10px;
border: 2px solid #ABC0A4;
background-color: #FFF;
}

#footer{ /* relative-ly placed section for footer information */
position: relative;
top: 10px;
/* left: 354px; */
width: 550px;
margin: 0px 0px 25px 0px; 
padding: 0px;
border: 2px solid #ABC0A4;
background-color: #E7EDE6;
}

/* style for text sections */

.mainitem{ /* div for each item on the main page */
padding: 10px 10px 10px 10px;
border-bottom: 1px dashed #ABC0A4;
}

.mainIndent{ /* for indenting lists for subtopics */
font-family: Arial, Helvetica, Verdana, sans-serif; 
margin: 0px 0px 0px 20px; 
text-align: left; 
color: #333; 
font-size: 11px;
}

.sidebar{ /* forms the boxes down the side, as divs */
border: 1px solid #ABC0A4;
padding: 0px 10px 10px 10px;
margin: 0px 0px 15px 0px;
background-color: #E7EDE6;
}

.sidebody{ /* body text within the sidebar */
font-family: Arial, Helvetica, Verdana, sans-serif; 
margin: 0px 0px 0px 0px;
text-align: left;
color: #333;
font-size: 11px;
}

.sidelist{ /* for indenting lists within the sidebar */
font-family: Arial, Helvetica, Verdana, sans-serif; 
margin: 0px 0px 0px 12px; 
text-align: left; 
color: #333; 
font-size: 11px;
}

.topiclist{ /* for indenting lists within the body */
font-family: Arial, Helvetica, Verdana, sans-serif; 
margin: 0px 0px 0px 20px; 
text-align: left; 
}

.itemtopic{ /* div for enclosing itemtopicheading and itemtopicbody */
position: relative;
/* border: 1px dashed #fff; */
margin: 15px 0px;
}

.itemtopicheading{ /* div for displaying heading alongside the subtopic content */
position: absolute;
top: 0px;
padding: 5px;
text-align: right;
color: #aaa;
float: left; 
width: 110px;
}

.itemtopicbody{ /* div for displaying item topic text */
position: relative;
padding: 5px;
left: 120px;
border-left: 1px solid #bbb;
width: 385px;
}

.headline{ /* for item headlines */
font-family: Helvetica, Verdana, Arial, sans-serif; 
font-size: 12px;
font-weight: normal; 
}

.date{ /* for dates in headlines */
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-size: 11px;
font-weight: normal; 
}
 
.quote{ /* used to set apart quoted text, adapted from Mark Bernstein:
            http://markbernstein.org/MBase.css */
padding-top: 4px;
padding-left: 40px;
padding-right: 4px;
margin-left: 8px;
margin-top: 4px;
margin-bottom: 8px;
font-size: .8em;
line-height: 1.6em;
width: 86%;

border-left:  #E7EDE7; /* #ABC0A4; */
border-top: #E7EDE7; /* #ABC0A4; */
border-right: #E7EDE7;
border-bottom: #E7EDE7;
border-width: 2px;
border-style: solid;
background: #fff; /* #E7EDE7; - the border green */
background-image: url(elements/quot.gif);
background-repeat: no-repeat;
}